@charset "UTF-8";
:root {
  --gradient: linear-gradient(to right, rgb(255, 64, 62) 0%, rgb(255, 129, 27) 100%);
  --gradient-sec: linear-gradient(to right, rgb(57, 26, 166) 0%, rgb(6, 163, 245) 100%);
  --primary: #fa9913;
  --secondary: #000000;
  --primary-hover: #e58c23;
  --primary-dark: #915611;
  --rgba-primary-1: rgba(234, 164, 81, 0.1);
  --rgba-primary-2: rgba(234, 164, 81, 0.2);
  --rgba-primary-3: rgba(234, 164, 81, 0.3);
  --rgba-primary-4: rgba(234, 164, 81, 0.4);
  --rgba-primary-5: rgba(234, 164, 81, 0.5);
  --rgba-primary-6: rgba(234, 164, 81, 0.6);
  --rgba-primary-7: rgba(234, 164, 81, 0.7);
  --rgba-primary-8: rgba(234, 164, 81, 0.8);
  --rgba-primary-9: rgba(234, 164, 81, 0.9);
  --font-family-base: Open Sans, sans-serif;
  --grey: #f7f7f7;
  --border-radius-base: 6px;
  --font-family-title: Poppins, sans-serif;
  --title: #000000;
  --headings-font-weight: 600;
  --headings-font-weight2: 400;
  --headings-font-weight3: 300;
}
/* @import url("../css/all.min.css");
@import url("../icons/flaticon/font/flaticon.css"); */
.main-slider {
  overflow: hidden;
  position: relative;
}
.main-slider .swiper-slide {
  height: 100% !important;
  background-repeat: no-repeat;
  background-position: center bottom;
  overflow: hidden;
}
.main-slider .main-swiper-thumb {
  position: absolute;
  right: 0;
  bottom: 60px;
  z-index: 99;
  width: 45vw;
  height: auto;
  overflow: hidden;
  padding: 20px 20px 20px 0;
}
.main-slider .main-swiper-thumb .swiper-wrapper {
  height: auto;
}
.main-slider .main-swiper-thumb .swiper-slide {
  opacity: 0.6;
  width: 380px;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.main-slider .main-swiper-thumb .books-card {
  background-color: #fff;
  border-radius: var(--border-radius-base);
  display: flex;
  align-items: center;
  padding: 15px;
}
.main-slider .main-swiper-thumb .books-card .Ebook-media {
  width: 85px;
  min-width: 85px;
  margin-right: 20px;
}
.main-slider .main-swiper-thumb .books-card .Ebook-content .Ebook-meta ul li {
  color: var(--secondary);
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font-family-title);
}
.main-slider .main-swiper-thumb .books-card .Ebook-content .book-footer {
  display: flex;
  justify-content: space-between;
}
.main-slider .main-swiper-thumb .books-card .Ebook-content .book-footer .price .price-num {
  font-family: var(--font-family-title);
  font-size: 20px;
  color: var(--title);
  font-weight: var(--headings-font-weight);
}
@media only screen and (max-width: 991px) {
  .main-slider .main-swiper-thumb {
    display: none;
  }
}
.main-slider.style-1 .swiper-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 60px 0;
}

.main-slider.style-1 .swiper-pagination-wrapper {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 999;
  display: flex;
  justify-content: flex-end;
}
.main-slider.style-1 .swiper-pagination-wrapper {
  display: none ;
}
@media screen and (max-width: 600px) {
  .main-slider.style-1 .swiper-pagination-wrapper {
    top: 100%;
    left: 10%;
  }
}
.main-slider.style-1 .banner-content {
  padding-top: 100px;
}
.main-slider.style-1 .banner-content .content-info {
  padding-bottom: 30px;
  z-index: 2;
  position: relative;
}
.main-slider.style-1 .banner-content .sub-title {
  color: #f0bbe3;
  line-height: 1.6;
  letter-spacing: 20px;
  font-weight: var(--headings-font-weight3);
}
.main-slider.style-1 .banner-content .title {
  color: #fff;
  font-size: 3.125rem;
}
.main-slider.style-1 .banner-content .Ebook-tags {
  margin-bottom: 35px;
  line-height: 1.5;
  display: inline-flex;
}
.main-slider.style-1 .banner-content .Ebook-tags li a {
  font-size: 1.125rem;
  margin-right: 20px;
  color: #e5ccb8;
  font-weight: var(--headings-font-weight2);
}
.main-slider.style-1 .banner-content .text {
  padding-left: 32px;
  color: rgba(255, 255, 255, 0.8);
  border-left: 1px solid var(--primary);
  font-weight: var(--headings-font-weight2);
}
.main-slider.style-1 .banner-content .price {
  margin: 25px 0 25px;
  display: inline-flex;
  align-items: center;
}
.main-slider.style-1 .banner-content .price .price-num {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  color: var(--primary);
}
.main-slider.style-1 .banner-content .price del {
  font-family: var(--font-family-title);
  font-style: normal;
  font-weight: var(--headings-font-weight2);
  color: #e5ccb8;
  margin-bottom: 0;
  font-size: 18px;
  padding: 0 10px;
}
.main-slider.style-1 .banner-content .partner p {
  color: #9290b0;
  font-weight: var(--headings-font-weight2);
}
.main-slider.style-1 .banner-content .partner .brand-logo .mid-logo {
  margin: 0 60px;
}
.main-slider.style-1 .banner-media {
  position: relative;
  z-index: 1;
  width: 720px;
  float: left;
  margin-top: -50px;
}
.main-slider.style-1 .banner-media:after {
  content: '';
  position: absolute;
  width: 750px;
  height: 750px;
  border-radius: 50%;
  bottom: -91px;
  left: 50%;
  background-color: #120d5c;
  z-index: -1;
  opacity: 0.8;
  transform: translateX(-50%);
}
.main-slider.style-1 .banner-media img {
  width: 100%;
}
.main-slider.style-1 .pattern {
  position: absolute;
  top: 32%;
  left: 38%;
}
.main-slider.style-1.slider-white .banner-content .sub-title {
  color: var(--primary);
}
.main-slider.style-1.slider-white .banner-content .title {
  color: var(--secondary);
}
.main-slider.style-1.slider-white .banner-content .Ebook-tags li a {
  color: var(--secondary);
}
.main-slider.style-1.slider-white .banner-content .text {
  border-left: 1px solid #3b2f4a;
  color: var(--secondary);
}
@media only screen and (max-width: 600px) {
  .main-slider.style-1.slider-white .banner-content .text {
    border: 0;
  }
}
.main-slider.style-1.slider-white .banner-content .price del {
  color: #5f5c9d;
}
.main-slider.style-1.slider-white .banner-content .price .badge {
  background-color: #ff1e6f;
}
@media only screen and (max-width: 575px) {
  .main-slider.style-1.slider-white .banner-content .price {
    display: none;
  }
}
.main-slider.style-1.slider-white .banner-media:after {
  background-color: var(--primary);
}
@media only screen and (max-width: 1280px) {
  .main-slider.style-1 .banner-content {
    padding-top: 50px;
  }
  .main-slider.style-1 .banner-content .content-btn {
    margin-bottom: 0;
  }
  .main-slider.style-1 .banner-content .title {
    font-size: 2.5rem;
  }
  .main-slider.style-1 .banner-media {
    width: 650px;
    margin-top: 0;
  }
  .main-slider.style-1 .banner-media:after {
    transform: translateX(-50%) scale(0.9);
  }
}
@media only screen and (max-width: 991px) {
  .main-slider.style-1 .banner-media {
    width: 420px;
  }
  .main-slider.style-1 .banner-media:after {
    display: none;
  }
  .main-slider.style-1 .pattern {
    display: none;
  }
  .main-slider.style-1 .swiper-content {
    padding: 0;
  }
  .main-slider.style-1 .banner-content .title {
    font-size: 1.875rem;
  }
  .main-slider.style-1 .banner-content .sub-title {
    letter-spacing: 5px;
  }
  .main-slider.style-1 .banner-content .Ebook-tags {
    margin-bottom: 20px;
  }
  .main-slider.style-1 .banner-content .Ebook-tags li a {
    font-size: 14px;
  }
  .main-slider.style-1 .banner-content .text {
    padding-left: 13px;
    font-size: 15px;
  }
  .main-slider.style-1 .banner-content .price {
    margin: 15px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .main-slider.style-1 .banner-content .sub-title {
    letter-spacing: 10px;
  }
  .main-slider.style-1 .banner-content .partner {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .main-slider.style-1 .banner-content .text {
    padding-left: 0;
    padding-right: 0;
    border: 0;
  }
  .main-slider.style-1 .banner-content .price {
    display: none;
  }
  .main-slider.style-1 .banner-content .content-btn {
    margin-top: 30px;
  }
  .main-slider.style-1 .banner-media img {
    max-width: 340px;
    left: 219px;
  }
}
@media only screen and (max-width: 600px) {
  .main-slider.style-1 .banner-media {
    left: 18%;
  }
}
@media only screen and (max-width: 575px) {
  .main-slider.style-1 .banner-media {
    left: 0;
  }
  .main-slider.style-1 .banner-content {
    padding-top: 30px;
  }
  .main-slider.style-1 .banner-content .sub-title {
    font-size: 14px;
  }
  .main-slider.style-1 .banner-content .title {
    font-size: 1.5rem;
    margin-bottom: 10px !important;
  }
  .main-slider.style-1 .banner-content .Ebook-tags {
    display: none;
  }
}
.main-slider.style-2 {
  background-color: #fcfcfc;
}
.main-slider.style-2 .banner-content .content-info {
  padding-bottom: 25px;
}
.main-slider.style-2 .banner-content .sub-title {
  line-height: 1.6;
  letter-spacing: 10px;
  font-weight: var(--headings-font-weight3);
}
.main-slider.style-2 .banner-content .title {
  color: var(--secondary);
  font-size: 3.75rem;
  margin-bottom: -5px;
}
.main-slider.style-2 .banner-content .sub-head {
  line-height: 2;
  font-size: 2.5rem;
  font-weight: var(--headings-font-weight);
  font-family: var(--font-family-title);
  color: var(--title);
  margin-bottom: 28px;
}
.main-slider.style-2 .banner-content .partner {
  margin-bottom: 60px;
}
.main-slider.style-2 .banner-content .partner p {
  color: #9290b0;
  font-weight: var(--headings-font-weight2);
  margin-bottom: 28px;
}
.main-slider.style-2 .banner-content .partner .brand-logo .mid-logo {
  margin: 0 60px;
}
.main-slider.style-2 .banner-content .content-btn {
  margin-bottom: 85px;
}
.main-slider.style-2 .banner-content .content-btn img {
  position: absolute;
  left: -27px;
  bottom: 45%;
}
.main-slider.style-2 .banner-media {
  position: relative;
  z-index: 1;
  bottom: 0;
}
.main-slider.style-2 .banner-media:after {
  content: '';
  position: absolute;
  width: 750px;
  height: 750px;
  border-radius: 50%;
  bottom: -130px;
  left: 44%;
  background-color: #f0bbe3;
  z-index: -1;
  opacity: 0.5;
  transform: translateX(-50%);
}
.main-slider.style-2 .banner-media img {
  max-width: 810px;
  position: absolute;
  bottom: 0;
  left: -86px;
}
@media only screen and (max-width: 1480px) {
  .main-slider.style-2 .banner-media:after {
    width: 650px;
    height: 650px;
    left: 47%;
  }
  .main-slider.style-2 .banner-media img {
    max-width: 770px;
    left: -100px;
  }
}
@media only screen and (max-width: 1280px) {
  .main-slider.style-2 .banner-media:after {
    width: 600px;
    height: 600px;
    left: 47%;
  }
  .main-slider.style-2 .banner-media img {
    max-width: 600px;
    left: -22px;
  }
  .main-slider.style-2 .banner-content .partner {
    display: none;
  }
  .main-slider.style-2 .banner-content .content-btn img {
    left: -6px;
    bottom: 30%;
  }
}
@media only screen and (max-width: 1024px) {
  .main-slider.style-2 .banner-media:after {
    width: 550px;
    height: 550px;
  }
  .main-slider.style-2 .banner-media img {
    left: -91px;
  }
  .main-slider.style-2 .banner-content .title {
    font-size: 2.7rem;
  }
  .main-slider.style-2 .banner-content .sub-head {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 991px) {
  .main-slider.style-2 .banner-media:after {
    display: none;
  }
  .main-slider.style-2 .banner-media img {
    max-width: 420px;
    left: 329px;
  }
  .main-slider.style-2 .banner-content .content-info {
    padding-bottom: 142px;
  }
}
@media only screen and (max-width: 767px) {
  .main-slider.style-2 .banner-content .content-info {
    padding-bottom: 200px;
  }
  .main-slider.style-2 .banner-content .sub-head {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
  .main-slider.style-2 .banner-media img {
    left: 75px;
  }
}
@media only screen and (max-width: 575px) {
  .main-slider.style-2 .banner-content .content-info {
    padding-bottom: 250px;
  }
  .main-slider.style-2 .banner-content .title {
    font-size: 2rem;
  }
  .main-slider.style-2 .banner-media img {
    max-width: 370px;
    left: -15px;
  }
}
.main-swiper .swiper-pagination-five {
  position: static;
  top: 50%;
  left: 0;
  z-index: 9;
  width: auto !important;
  transform: translateY(-50%);
  writing-mode: vertical-rl;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .main-swiper .swiper-pagination-five {
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 600px) {
  .main-swiper .swiper-pagination-five {
    writing-mode: horizontal-tb;
  }
}
.card {
  border: 0 solid #e1e1f0;
  margin-bottom: 30px;
  border-radius: 5px;
  box-shadow: 0 36px 48px rgba(31, 66, 135, 0.04);
  background: #fff;
}
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e1e1f0;
  background: #fff;
  padding: 20px 30px;
}
.card-title {
  font-size: 24px;
  margin-bottom: 0;
}
.card .card-body {
  padding: 20px 30px;
  background: #fff;
  border-radius: 15px;
}
.form-label {
  font-size: 14px;
  font-weight: 500;
  color: #777;
  margin-bottom: 10px;
  background: 0 0;
  border-color: #e1e1f0;
}
.form-control,
.login input[type='password'],
.login input[type='text'] {
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  transition: all 0.3s ease-in-out;
  background: #f5f5f5;
  border-radius: var(--border-radius-base);
}
.form-control span,
.login input[type='password'] span,
.login input[type='text'] span {
  margin-top: 0;
}
.form-control::-webkit-input-placeholder,
.login input[type='password']::-webkit-input-placeholder,
.login input[type='text']::-webkit-input-placeholder {
  color: #4d4a85;
}
.form-control:-ms-input-placeholder,
.login input:-ms-input-placeholder[type='password'],
.login input:-ms-input-placeholder[type='text'] {
  color: #4d4a85;
}
.form-control::placeholder,
.login input[type='password']::placeholder,
.login input[type='text']::placeholder {
  color: #4d4a85;
}
.form-control:active,
.form-control:focus,
.login input:active[type='password'],
.login input:active[type='text'],
.login input:focus[type='password'],
.login input:focus[type='text'] {
  border-color: var(--primary);
  background: #f5f5f5;
}
input:-internal-autofill-selected {
  background: #fff !important;
  background-image: none !important;
  color: -internal-light-dark-color(black, #fff) !important;
}
.input-group-text {
  padding: 5px 15px;
  background: #fff;
  margin-bottom: 0 !important;
  color: #777;
  border-color: transparent;
}
.toggle {
  cursor: pointer;
  display: block;
}
.toggle-label {
  margin-left: 15px;
  position: relative;
  top: 2px;
  font-size: 16px;
  font-weight: 400;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
label.error {
  color: #ff1e6f;
  position: absolute;
  bottom: 0;
  margin-bottom: -22px;
  font-size: 12px;
  font-weight: 400;
}
.label-title {
  font-weight: 600;
  color: var(--secondary);
  margin-bottom: 5px;
  font-size: 14px;
}
.form-check-input {
  width: 1.125em;
  height: 1.125em;
  border: 2px solid rgba(0, 0, 0, 0.25);
}
.input-group {
  margin-bottom: 20px;
}
.shop-form .form-group {
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  .shop-form {
    margin-top: 25px;
  }
}
.Ebook-ajax-overlay {
  position: relative;
}
.Ebook-ajax-overlay:after {
  content: 'Loading...';
  height: 100%;
  width: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  border-radius: 5px;
  opacity: 0.8;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 14px;
  font-style: italic;
}
button:active,
button:focus,
button:hover {
  outline: 0;
}
.btn {
  font-size: 14px;
  padding: 12.5px 20px;
  line-height: 1.5;
  display: inline-flex;
  border-radius: var(--border-radius-base);
  font-weight: 500;
  position: relative;
  text-transform: capitalize;
  font-family: Poppins, sans-serif;
  align-items: center;
  overflow: hidden;
  z-index: 1;
  text-align: center;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  justify-content: center;
}
.btn-group-lg > .btn,
.btn.btn-lg {
  padding: 24px 40px;
  font-size: 16px;
}
.btn-group-sm > .btn,
.btn.btn-sm {
  font-size: 13px;
  padding: 8px 15px;
}
.btn.btn-primary {
  color: #fff;
}
.btn.btn-primary:hover {
  color: #fff;
}
.btn-danger {
  color: #fff;
}
.btn-danger:hover {
  color: #fff;
}
.btn-link {
  text-transform: uppercase;
  font-family: var(--font-family-base);
  position: relative;
  z-index: 1;
  display: inline-block;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  padding: 5px 0 5px 0;
}
.shadow-primary {
  box-shadow: 0 19px 29px rgba(220, 181, 145, 0.34);
}
.btn-info {
  color: #fff;
}
.btn-info:hover {
  color: #fff;
}
.btn-white {
  background-color: #fff;
  color: var(--primary);
}
.btn-white:hover {
  color: var(--primary);
}
.btn-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.btn-secondary:after {
  background-color: var(--primary);
}
.btn-primary {
  border-color: var(--primary);
  background-color: var(--primary);
}
.btn-primary:active,
.btn-primary:disabled,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
  border-color: var(--primary-hover);
  background-color: var(--primary-hover);
}
.btn-primary:after {
  background-color: var(--secondary);
}
.btn-link {
  color: var(--primary);
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 500;
}
.btn-link:hover {
  color: var(--primary-hover);
}
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:active,
.btn-outline-primary:disabled,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  border-color: var(--primary-hover);
  background-color: var(--primary-hover);
  color: #fff;
}
.btn-link-lg {
  font-weight: 700;
  font-size: 18px;
}
.btn-link-lg:hover {
  text-decoration: unset;
}
.btn-light:hover {
  background-color: #ffb4ed;
  color: #131045 !important;
  border-color: #ffb4ed;
}
.btn-light.text-primary:hover {
  color: #fff !important;
}
.btnhover {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.btnhover:after,
.btnhover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 1;
  -webkit-transform: translate(-105%, 0);
  transform: translate(-105%, 0);
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}
.btnhover:after {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}
.btnhover:hover:after,
.btnhover:hover:before {
  opacity: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.btnhover2:hover i {
  -webkit-animation: upToDown 0.5s forwards;
  -moz-animation: upToDown 0.5s forwards;
  animation: upToDown 0.5s forwards;
}
.btnhover3:hover i {
  -webkit-animation: upToRight 0.5s forwards;
  -moz-animation: upToRight 0.5s forwards;
  animation: upToRight 0.5s forwards;
}
.badge {
  padding: 6px;
  font-weight: var(--headings-font-weight);
  background-color: var(--primary);
  color: #fff;
  border-radius: var(--border-radius-base);
  align-self: center;
  font-family: var(--font-family-title);
  font-size: 11px;
  min-width: 22px;
  height: 22px;
  text-align: center;
}
.badge:hover {
  color: #fff;
}
.badge.badge-primary {
  background-color: var(--primary);
}
.badge.badge-secondary {
  background-color: #000;
}
.badge.badge-info {
  background-color: #00aeff;
}
.badge.badge-danger {
  background-color: #ff1e6f;
}
.badge.badge-light {
  background-color: #f5f5f5;
}
.table {
  margin-bottom: 0;
  font-weight: 400;
}
.table > :not(:first-child) {
  border-top: 1px solid #dee2e6;
}
.Ebook-img-overlay1,
.Ebook-img-overlay11,
.Ebook-img-overlay12,
.Ebook-img-overlay2,
.Ebook-img-overlay3,
.Ebook-img-overlay4,
.Ebook-img-overlay5,
.Ebook-img-overlay6,
.Ebook-img-overlay7,
.Ebook-img-overlay8,
.Ebook-img-overlay9 {
  position: relative;
}
.Ebook-img-overlay11:after,
.Ebook-img-overlay11:before,
.Ebook-img-overlay12:after,
.Ebook-img-overlay12:before,
.Ebook-img-overlay1:after,
.Ebook-img-overlay1:before,
.Ebook-img-overlay2:after,
.Ebook-img-overlay2:before,
.Ebook-img-overlay3:after,
.Ebook-img-overlay3:before,
.Ebook-img-overlay4:after,
.Ebook-img-overlay4:before,
.Ebook-img-overlay5:after,
.Ebook-img-overlay5:before,
.Ebook-img-overlay6:after,
.Ebook-img-overlay6:before,
.Ebook-img-overlay7:after,
.Ebook-img-overlay7:before,
.Ebook-img-overlay8:after,
.Ebook-img-overlay8:before,
.Ebook-img-overlay9:after,
.Ebook-img-overlay9:before {
  content: '';
  background: #282d32;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0.4;
  z-index: 1;
  -webkit-transition: all 0.8s linear;
  -moz-transition: all 0.8s linear;
  -ms-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  transition: all 0.8s linear;
}
.Ebook-img-overlay1.overlay-primary,
.Ebook-img-overlay11.overlay-primary,
.Ebook-img-overlay12.overlay-primary,
.Ebook-img-overlay2.overlay-primary,
.Ebook-img-overlay3.overlay-primary,
.Ebook-img-overlay4.overlay-primary,
.Ebook-img-overlay5.overlay-primary,
.Ebook-img-overlay6.overlay-primary,
.Ebook-img-overlay7.overlay-primary,
.Ebook-img-overlay8.overlay-primary,
.Ebook-img-overlay9.overlay-primary {
  background: var(--primary);
}
.Ebook-box:hover .Ebook-img-overlay1:before {
  opacity: 0.7;
}
.Ebook-box:hover .Ebook-img-overlay2:before {
  opacity: 0.9;
}
.Ebook-box:hover .Ebook-img-overlay3:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.Ebook-box:hover .Ebook-img-overlay4:before {
  width: 100%;
  left: 0;
}
.Ebook-box:hover .Ebook-img-overlay5:before {
  height: 100%;
  top: 0;
}
.Ebook-box:hover .Ebook-img-overlay6:before {
  height: 100%;
}
.Ebook-box:hover .Ebook-img-overlay7:after,
.Ebook-box:hover .Ebook-img-overlay7:before {
  width: 50%;
}
.Ebook-box:hover .Ebook-img-overlay8:after,
.Ebook-box:hover .Ebook-img-overlay8:before {
  width: 100%;
  opacity: 0.3;
}
.Ebook-box:hover .Ebook-img-overlay9:after,
.Ebook-box:hover .Ebook-img-overlay9:before {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.Ebook-img-overlay1:before {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.Ebook-img-overlay1:hover:before {
  opacity: 0.5;
}
.Ebook-img-overlay2:before {
  width: 100%;
  height: 100%;
  opacity: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%);
}
.Ebook-img-overlay2:before:hover:before {
  opacity: 0.9;
}
.Ebook-img-overlay3:before {
  left: 50%;
  top: 50%;
}
.Ebook-img-overlay3:hover:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.Ebook-img-overlay4:before {
  left: 50%;
  top: 0;
  height: 100%;
}
.Ebook-img-overlay4:hover:before {
  width: 100%;
  left: 0;
}
.Ebook-img-overlay5:before {
  left: 0;
  top: 50%;
  width: 100%;
}
.Ebook-img-overlay5:hover:before {
  height: 100%;
  top: 0;
}
.Ebook-img-overlay6:before {
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
}
.Ebook-img-overlay6:hover:before {
  height: 100%;
}
.Ebook-img-overlay7:after,
.Ebook-img-overlay7:before {
  height: 100%;
}
.Ebook-img-overlay7:after {
  left: auto;
  right: 0;
}
.Ebook-img-overlay7:hover:after,
.Ebook-img-overlay7:hover:before {
  width: 50%;
}
.Ebook-img-overlay8:after,
.Ebook-img-overlay8:before {
  height: 100%;
}
.Ebook-img-overlay8:after {
  left: auto;
  right: 0;
}
.Ebook-img-overlay8:hover:after,
.Ebook-img-overlay8:hover:before {
  width: 100%;
  opacity: 0.3;
}
.Ebook-img-overlay9:after:after,
.Ebook-img-overlay9:after:before,
.Ebook-img-overlay9:before:after,
.Ebook-img-overlay9:before:before {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}
.Ebook-img-overlay9:after:hover:after,
.Ebook-img-overlay9:after:hover:before,
.Ebook-img-overlay9:before:hover:after,
.Ebook-img-overlay9:before:hover:before {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.overlay-primary,
.overlay-primary-dark,
.overlay-primary-light,
.overlay-primary-middle,
.overlay-secondary-dark,
.overlay-secondary-light,
.overlay-secondary-middle,
.overlay-white-dark,
.overlay-white-light,
.overlay-white-middle {
  position: relative;
}
.overlay-primary-dark:before,
.overlay-primary-light:before,
.overlay-primary-middle:before,
.overlay-primary:before,
.overlay-secondary-dark:before,
.overlay-secondary-light:before,
.overlay-secondary-middle:before,
.overlay-white-dark:before,
.overlay-white-light:before,
.overlay-white-middle:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.overlay-primary .container,
.overlay-primary .container-lg,
.overlay-primary .container-md,
.overlay-primary .container-sm,
.overlay-primary .container-xl,
.overlay-primary-dark .container,
.overlay-primary-dark .container-lg,
.overlay-primary-dark .container-md,
.overlay-primary-dark .container-sm,
.overlay-primary-dark .container-xl,
.overlay-primary-light .container,
.overlay-primary-light .container-lg,
.overlay-primary-light .container-md,
.overlay-primary-light .container-sm,
.overlay-primary-light .container-xl,
.overlay-primary-middle .container,
.overlay-primary-middle .container-lg,
.overlay-primary-middle .container-md,
.overlay-primary-middle .container-sm,
.overlay-primary-middle .container-xl,
.overlay-secondary-dark .container,
.overlay-secondary-dark .container-lg,
.overlay-secondary-dark .container-md,
.overlay-secondary-dark .container-sm,
.overlay-secondary-dark .container-xl,
.overlay-secondary-light .container,
.overlay-secondary-light .container-lg,
.overlay-secondary-light .container-md,
.overlay-secondary-light .container-sm,
.overlay-secondary-light .container-xl,
.overlay-secondary-middle .container,
.overlay-secondary-middle .container-lg,
.overlay-secondary-middle .container-md,
.overlay-secondary-middle .container-sm,
.overlay-secondary-middle .container-xl,
.overlay-white-dark .container,
.overlay-white-dark .container-lg,
.overlay-white-dark .container-md,
.overlay-white-dark .container-sm,
.overlay-white-dark .container-xl,
.overlay-white-light .container,
.overlay-white-light .container-lg,
.overlay-white-light .container-md,
.overlay-white-light .container-sm,
.overlay-white-light .container-xl,
.overlay-white-middle .container,
.overlay-white-middle .container-lg,
.overlay-white-middle .container-md,
.overlay-white-middle .container-sm,
.overlay-white-middle .container-xl {
  position: relative;
  z-index: 1;
}
.overlay-secondary-dark:before,
.overlay-secondary-light:before,
.overlay-secondary-middle:before {
  background: #000;
}
.overlay-white-dark:before,
.overlay-white-light:before,
.overlay-white-middle:before {
  background: #fff;
}
.overlay-primary-dark:before,
.overlay-primary-light:before,
.overlay-primary-middle:before,
.overlay-primary:before {
  background: var(--primary);
}
.overlay-primary-light:before,
.overlay-secondary-light:before,
.overlay-white-light:before {
  opacity: 0.3;
}
.overlay-primary-middle:before,
.overlay-secondary-middle:before,
.overlay-white-middle:before {
  opacity: 0.7;
}
.overlay-primary-dark:before,
.overlay-secondary-dark:before,
.overlay-white-dark:before {
  opacity: 0.9;
}
.overlay-bx {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.overlay-bx .align-b {
  height: auto;
  left: 0;
  list-style: outside none none;
  margin: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  transform: translate(0);
  -o-transform: translate(0);
  -moz-transform: translate(0);
  -webkit-transform: translate(0);
}
.overlay-bx .align-m {
  height: auto;
  left: 50%;
  list-style: outside none none;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 10px;
}
.overlay-icon {
  height: auto;
  left: 50%;
  list-style: outside none none;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 10px;
}
.overlay-icon a {
  display: inline-block;
  padding: 0;
  margin: 0 2px;
}
.overlay-icon a i {
  background-color: #fff;
}
.Ebook-box-bx:hover .overlay-bx a > i,
.Ebook-media:hover .overlay-bx a > i,
.overlay-bx:hover a > i {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.Ebook-box:hover .overlay-bx,
.Ebook-media:hover .overlay-bx,
.overlay-bx:hover {
  opacity: 1;
  visibility: visible;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.Ebook-media {
  overflow: hidden;
  position: relative;
}
.pagination.style-1 {
  justify-content: end;
}
.pagination.style-1 li .page-link {
  height: 50px;
  min-width: 50px;
  line-height: 50px;
  color: var(--secondary);
  text-align: center;
  border: 0;
  padding: 0;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 16px;
  font-weight: var(--headings-font-weight);
  border-radius: var(--border-radius-base);
  padding: 0 10px;
  margin: 0 2px;
  display: block;
  background-color: #ebebeb;
}
.pagination.style-1 li .page-link:hover {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}
@media only screen and (max-width: 575px) {
  .pagination.style-1 li {
    margin: 0 3px;
  }
  .pagination.style-1 li .page-link {
    height: 35px;
    min-width: 35px;
    line-height: 35px;
    border-radius: 6px;
  }
}
.pagination.style-1 li .next,
.pagination.style-1 li .prev {
  background-color: #ebebeb;
  border-color: transparent;
  font-size: 16px;
  min-width: 113px;
  border-radius: 6px;
}
.pagination.style-1 li .next:hover,
.pagination.style-1 li .prev:hover {
  background-color: var(--secondary);
  box-shadow: none;
  color: #fff;
}
@media only screen and (max-width: 575px) {
  .pagination.style-1 li .next,
  .pagination.style-1 li .prev {
    min-width: 90px;
    font-size: 14px;
  }
}
.pagination.style-1.text-center {
  justify-content: center;
}
.pagination.style-1.pagination-lg li .page-link {
  height: 80px;
  min-width: 80px;
  line-height: 80px;
  border-radius: 80px;
}
.pagination.style-1.pagination-md li .page-link {
  height: 60px;
  min-width: 60px;
  line-height: 60px;
  border-radius: 40px;
}
.pagination.style-1.pagination-sm li .page-link {
  height: 40px;
  min-width: 40px;
  line-height: 40px;
  border-radius: 40px;
}
@media only screen and (max-width: 767px) {
  .pagination.style-1 {
    justify-content: center;
  }
}
.Ebook-content-bx {
  position: relative;
  overflow: hidden;
}
.Ebook-content-bx .content-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Ebook-content-bx .Ebook-content-inner {
  position: relative;
}
.list-check li {
  position: relative;
  padding: 5px 5px 5px 30px;
  font-family: var(--font-family-title);
  font-size: 16px;
}
.list-check li:before {
  position: absolute;
  left: 0;
  top: 8px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.list-check.primary li:before {
  color: var(--primary);
}
.list-check.white li:before {
  color: #fff;
}
ul.list-check li:before {
  content: '\f00c';
  font-size: 16px;
}
ul.grid-2 {
  display: flex;
  flex-wrap: wrap;
}
ul.grid-2 li {
  width: 50%;
}
@media only screen and (max-width: 575px) {
  ul.grid-2 li {
    width: 100%;
  }
}
.list-check-box li {
  padding: 20px 10px 20px 70px;
  position: relative;
  margin-bottom: 10px;
  color: #fff;
  background: var(--secondary);
  font-size: 24px;
  font-family: var(--font-family-title);
  border-radius: var(--border-radius-base);
  text-transform: uppercase;
  margin-right: 40px;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  font-weight: 500;
}
.list-check-box li:after {
  content: '\f058';
  font-size: 25px;
  font-weight: 500;
  position: absolute;
  left: 30px;
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  top: 50%;
  transform: translateY(-50%);
}
.list-check-box li:hover {
  background: var(--primary);
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .list-check-box li {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .list-check-box li {
    font-size: 18px;
    padding: 20px 10px 20px 55px;
  }
  .list-check-box li:after {
    left: 20px;
  }
}
.lg-sub-html {
  background-color: rgba(30, 30, 30, 0.6);
}
#lg-counter {
  color: #fff;
}
.scroltop {
  background: var(--primary);
  border-color: var(--primary);
  border-radius: 50px;
  border-style: solid;
  border-width: 0;
  bottom: 15px;
  color: #fff !important;
  cursor: pointer;
  display: none;
  height: 50px;
  line-height: 50px;
  margin: 0;
  position: fixed;
  right: 15px;
  text-align: center;
  width: 50px;
  z-index: 999;
  box-shadow: -4px 4px 24px -10px;
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.scroltop:after {
  border: 1px dashed var(--primary);
  transform: scale(1.2);
  transition: all 0.5s;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  content: '';
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
  -moz-transition: -moz-transform 0.2s, opacity 0.3s;
  transition: transform 0.2s, opacity 0.3s;
}
.scroltop:hover:after {
  -webkit-animation: spinAround 9s linear infinite;
  -moz-animation: spinAround 9s linear infinite;
  animation: spinAround 9s linear infinite;
}
@media only screen and (max-width: 575px) {
  .scroltop {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0) scale(1.2);
  }
  to {
    -webkit-transform: rotate(360deg) scale(1.2);
  }
}
@-moz-keyframes spinAround {
  from {
    -moz-transform: rotate(0) scale(1.2);
  }
  to {
    -moz-transform: rotate(360deg) scale(1.2);
  }
}
@keyframes spinAround {
  from {
    transform: rotate(0) scale(1.2);
  }
  to {
    transform: rotate(360deg) scale(1.2);
  }
}
.btn-next,
.btn-prev {
  box-shadow: 1px 1.732px 60px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 60px;
  height: 60px;
  color: var(--primary);
  background: #fff;
  font-size: 15px;
  letter-spacing: 2px;
  z-index: 1;
  text-align: center;
  line-height: 60px;
  border-radius: var(--border-radius-base);
  margin: 0 10px;
  display: inline-block;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
@media only screen and (max-width: 767px) {
  .btn-next,
  .btn-prev {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}
.btn-next:hover,
.btn-prev:hover {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 12px 20px 0 var(--rgba-primary-3);
}
.btn-next:after,
.btn-prev:after {
  content: none;
}
.btn-next i,
.btn-prev i {
  font-size: 28px;
  line-height: inherit;
}
@media only screen and (max-width: 767px) {
  .btn-next i,
  .btn-prev i {
    font-size: 24px;
  }
}
.widget {
  margin-bottom: 45px;
}
.widget:last-child {
  margin-bottom: 0;
}
.widget .widget-title {
  position: relative;
  padding-left: 20px;
  margin-bottom: 25px;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .widget .widget-title {
    font-size: 20px;
  }
}
.widget .widget-title:before {
  content: '';
  height: 100%;
  width: 5px;
  border-radius: 10px;
  background-color: var(--primary);
  position: absolute;
  left: 0;
  top: 0;
}
.widget.style-1 .widget-title {
  padding: 0 0 12px;
  margin-bottom: 30px;
}
.widget.style-1 .widget-title:after,
.widget.style-1 .widget-title:before {
  content: '';
  height: 2px;
  border-radius: 10px;
  background-image: var(--gradient);
  background-size: 200%;
  position: absolute;
  bottom: 0;
}
.widget.style-1 .widget-title:before {
  width: 25px;
  left: 0;
  top: auto;
}
.widget.style-1 .widget-title:after {
  width: 55px;
  left: 32px;
}
.login .search-bx input[type='password'],
.login .search-bx input[type='text'],
.search-bx .form-control,
.search-bx .login input[type='password'],
.search-bx .login input[type='text'] {
  height: 45px;
  border: 0;
}
.search-bx button {
  position: absolute;
  right: 0;
  height: 45px;
  top: 0;
  font-size: 30px;
  padding: 0 10px 0 10px;
  z-index: 99;
  border-radius: 0 6px 6px 0;
  width: 45px;
}
.search-bx.style-1 {
  padding: 30px;
  background-color: #000;
  border-radius: 0.375rem;
}
.search-bx.style-1 .input-group {
  margin-bottom: 0;
}
.search-bx.style-1 button {
  border-radius: 0 0.375rem 0.375rem 0;
  padding: 0 10px;
}
@-webkit-keyframes download1 {
  0%,
  10%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes download1 {
  0%,
  10%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.widget_contact {
  position: relative;
  padding: 50px 30px;
  border-radius: 6px;
  background-size: cover;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.widget_contact:after {
  background: var(--gradient-sec);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  z-index: -1;
  background-size: 200%;
}
.widget_contact img {
  margin-bottom: 20px;
}
.widget_contact .h4,
.widget_contact h4 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 30px;
}
.widget_contact .email {
  position: relative;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
}
.widget_contact .email a {
  color: #fff;
}
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_services ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_services ul li {
  padding-bottom: 1.125rem;
  margin-bottom: 0.8125rem;
  position: relative;
  padding: 0.5rem 0 0.5rem 1.25rem;
  margin-bottom: 0;
  line-height: 1.25rem;
}
.widget_categories ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.widget_services ul li a {
  color: inherit;
  text-transform: capitalize;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  display: inline-block;
}
.widget_categories ul li a:before,
.widget_meta ul li a:before,
.widget_nav_menu ul li a:before,
.widget_services ul li a:before {
  content: '\f105';
  font-family: Fontawesome;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  left: -1.25rem;
  top: 0;
  color: var(--primary);
}
.widget_categories ul li a:hover,
.widget_meta ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_services ul li a:hover {
  color: var(--primary);
}
.widget_categories ul li li,
.widget_meta ul li li,
.widget_nav_menu ul li li,
.widget_services ul li li {
  border-bottom: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.375rem;
}
.widget_categories ul li li:last-child,
.widget_meta ul li li:last-child,
.widget_nav_menu ul li li:last-child,
.widget_services ul li li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.widget_categories ul li li:before,
.widget_meta ul li li:before,
.widget_nav_menu ul li li:before,
.widget_services ul li li:before {
  top: 0.5rem;
  left: 0;
}
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_services ul ul {
  padding-left: 1.125rem;
  margin-top: 0.5rem;
  margin-left: -0.9375rem;
}
.widget_categories li ul {
  margin-bottom: -0.625rem;
}
.widget_categories ul li {
  text-align: right;
  display: table;
  width: 100%;
  padding: 0.625rem 0 0.625rem 1.25rem !important;
  line-height: 1.3 !important;
}
.widget_categories li a {
  float: left;
  text-transform: capitalize;
  text-align: left;
}
.widget_text p {
  font-size: 0.9375rem;
  line-height: 1.75rem;
}
.service_menu_nav {
  background: #fff;
  padding: 30px 30px;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
@media only screen and (max-width: 1280px) {
  .service_menu_nav {
    padding: 15px;
  }
}
.service_menu_nav ul li {
  padding: 0;
}
.service_menu_nav ul li a {
  background-color: #fff;
  display: block;
  border-radius: 6px;
  padding: 15px 25px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  background-size: 200%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .service_menu_nav ul li a {
    padding: 15px;
  }
}
.service_menu_nav ul li a:before {
  content: '\f061';
  font-weight: 900;
  font-family: 'Font Awesome 6 Free';
  position: absolute;
  right: 50px;
  left: auto;
  top: 50%;
  font-size: 18px;
  opacity: 0;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1280px) {
  .service_menu_nav ul li a:before {
    font-size: 22px;
  }
}
.service_menu_nav ul li a:after {
  background: var(--secondary);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  content: '';
  background-size: 200%;
  opacity: 0;
  z-index: -1;
}
.service_menu_nav ul li:hover a {
  padding-left: 20px;
  border-color: transparent;
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  color: #fff;
}
.service_menu_nav ul li:hover a:before {
  opacity: 1;
  right: 10px;
  color: #fff;
}
@media only screen and (max-width: 1280px) {
  .service_menu_nav ul li:hover a:before {
    font-size: 22px;
    right: 5px;
  }
}
.service_menu_nav ul li:hover a:after {
  opacity: 1;
}
.author-box {
  padding: 30px;
  background: var(--rgba-primary-1);
  border-radius: 6px;
}
.author-box .author-profile-info {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .author-box .author-profile-info {
    display: block;
    text-align: center;
  }
}
.author-box .author-profile-info .author-profile-pic {
  width: 100px;
  height: 100px;
  border-radius: 0.25rem;
  overflow: hidden;
  min-width: 100px;
}
@media only screen and (max-width: 575px) {
  .author-box .author-profile-info .author-profile-pic {
    width: 80px;
    height: 80px;
    min-width: 80px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
.author-box .author-profile-info .author-profile-pic img {
  width: 100%;
}
.author-box .author-profile-info .author-profile-content {
  padding-left: 20px;
}
@media only screen and (max-width: 575px) {
  .author-box .author-profile-info .author-profile-content {
    padding-left: 0;
  }
}
.author-box .author-profile-info .author-profile-content .h6,
.author-box .author-profile-info .author-profile-content h6 {
  font-size: 24px;
}
.author-box .author-profile-info .author-profile-content p {
  margin-bottom: 15px;
}
.author-box .author-profile-info .author-profile-content ul {
  padding: 0;
  margin: 0;
  margin-right: 5px;
  display: table;
  float: left;
}
@media only screen and (max-width: 575px) {
  .author-box .author-profile-info .author-profile-content ul {
    display: inline-block;
    float: none;
    margin-right: 0;
  }
}
.author-box .author-profile-info .author-profile-content ul li {
  padding: 0;
  margin: 0;
  margin-right: 10px;
  float: left;
}
@media only screen and (max-width: 575px) {
  .author-box .author-profile-info .author-profile-content ul li {
    margin-right: 5px;
    margin-left: 5px;
  }
}
.author-box .author-profile-info .author-profile-content ul li a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 40px;
  font-size: 14px;
  background: var(--primary);
  color: #fff;
  vertical-align: middle;
  display: block;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.author-box .author-profile-info .author-profile-content ul li a i {
  vertical-align: middle;
}
@keyframes EbookMove1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  25% {
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
  }
  50% {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
  }
  75% {
    -webkit-transform: translate(10px, -5px);
    transform: translate(10px, -5px);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes EbookHeart {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
.Ebook-social-icon li {
  display: inline-block;
  margin-right: 5px;
}
.Ebook-social-icon li a {
  height: 40px;
  width: 40px;
  min-width: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  border-radius: 40px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.Ebook-social-icon.style-1 {
  display: flex;
  margin-top: 30px;
}
.Ebook-social-icon.style-1 li {
  margin-right: 15px;
  color: #000;
}
.Ebook-social-icon.style-1 li a {
  color: var(--primary);
  background-color: var(--rgba-primary-1);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  display: block;
}
.Ebook-social-icon.style-1 li a:hover {
  background-color: var(--primary);
  color: #fff;
}
@media only screen and (max-width: 1191px) {
  .Ebook-social-icon.style-1 {
    justify-content: center;
  }
}
.Ebook-social-icon.style-2 li a.twitter {
  background-color: #1da1f2;
}
.Ebook-social-icon.style-2 li a.facebook {
  background-color: #3b5998;
}
.Ebook-social-icon.style-2 li a.instagram {
  background-color: #c32aa3;
}
.Ebook-social-icon.style-2 li a.youtube {
  background-color: red;
}
.Ebook-social-icon.style-2 li a:hover {
  color: #fff;
  background-color: var(--primary);
}
.Ebook-social-icon.style-3 li {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: var(--border-radius-base);
}
.Ebook-social-icon.style-3 li:nth-child(1) {
  background-color: #3b5998;
}
.Ebook-social-icon.style-3 li:nth-child(2) {
  background-color: #1da1f2;
}
.Ebook-social-icon.style-3 li:nth-child(3) {
  background-color: #25d366;
}
.Ebook-social-icon.style-3 li:nth-child(4) {
  background-color: #db4439;
}
.Ebook-social-icon.style-3 li a {
  color: #fff;
  font-size: 16px;
  line-height: 1;
}
@media only screen and (max-width: 575px) {
  .Ebook-social-icon.style-3 {
    display: none;
  }
}
@-webkit-keyframes upToDown {
  49% {
    -webkit-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes upToDown {
  49% {
    -moz-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes upToDown {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes upToRight {
  49% {
    -webkit-transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes upToRight {
  49% {
    -moz-transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes upToRight {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes leftToRight {
  49% {
    -webkit-transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes leftToRight {
  49% {
    -moz-transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes leftToRight {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes movedelement {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  25% {
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
  }
  50% {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
  }
  75% {
    -webkit-transform: translate(10px, -5px);
    transform: translate(10px, -5px);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes movedelement2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  25% {
    -webkit-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
  }
  50% {
    -webkit-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px);
  }
  75% {
    -webkit-transform: translate(-10px, 5px);
    transform: translate(-10px, 5px);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes movedelement3 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  25% {
    -webkit-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
  }
  50% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  75% {
    -webkit-transform: translate(15px, -8px);
    transform: translate(15px, -8px);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes movedelement4 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  25% {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }
  50% {
    -webkit-transform: translate(-8px, -8px);
    transform: translate(-8px, -8px);
  }
  75% {
    -webkit-transform: translate(-15px, 8px);
    transform: translate(-15px, 8px);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes movedelement5 {
  0% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  25% {
    -webkit-transform: translate(10px, calc(-50% + 10px));
    transform: translate(10px, calc(-50% + 10px));
  }
  50% {
    -webkit-transform: translate(5px, calc(-50% + 5px));
    transform: translate(5px, calc(-50% + 5px));
  }
  75% {
    -webkit-transform: translate(10px, calc(-50% + -5px));
    transform: translate(10px, calc(-50% + -5px));
  }
  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@-moz-keyframes spin2 {
  100% {
    -moz-transform: translate(-50%, -50%) rotate(45deg);
  }
}
@-webkit-keyframes spin2 {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
}
@keyframes spin2 {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
}
@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
.dropdown-menu {
  background-color: #f5f5f5;
}
.dropdown-menu .dropdown-item {
  padding: 5px 20px;
  font-size: 14px;
}
.dropdown-menu .dropdown-footer {
  padding: 10px 20px 10px;
}
.dropdown-menu .dropdown-header {
  padding: 10px 20px 10px;
}
.main-faq-content {
  position: relative;
}
.main-faq-content .faq-content-box {
  position: relative;
}
.content-box.style-1 {
  padding: 30px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: var(--border-radius-base);
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.content-box.style-1 .Ebook-info {
  margin-bottom: 30px;
}
.content-box.style-1 .Ebook-info .title {
  line-height: 1.2;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 20px;
  margin-bottom: 20px;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.content-box.style-1 .Ebook-bottom {
  position: relative;
  z-index: 1;
}
.content-box.style-1 .Ebook-bottom:after {
  content: '';
  position: absolute;
  right: 0;
  background: #e9e9e9;
  height: 1px;
  width: 60%;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.content-box.style-1:hover {
  background-color: var(--primary);
  color: #fff;
}
.content-box.style-1:hover .Ebook-info .title {
  color: #fff;
}
.content-box.style-1:hover .Ebook-bottom a {
  color: #fff;
}
.icon-bx-xl {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  width: 150px;
  height: 150px;
  line-height: 150px;
}
.icon-bx-xl i {
  font-size: 80px;
  vertical-align: middle;
}
.icon-bx-xl img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
  height: 80px;
}
.icon-bx-lg {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  width: 120px;
  height: 120px;
  line-height: 120px;
}
.icon-bx-lg i {
  font-size: 50px;
  vertical-align: middle;
}
.icon-bx-lg img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
  height: 55px;
}
.icon-bx-md {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.icon-bx-md i {
  font-size: 35px;
  vertical-align: middle;
}
.icon-bx-md img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
  height: 40px;
}
.icon-bx-sm {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  width: 75px;
  height: 75px;
  min-width: 75px;
  line-height: 75px;
}
.icon-bx-sm i {
  font-size: 26px;
  vertical-align: middle;
}
.icon-bx-sm img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
  height: 50px;
}
.icon-xl {
  display: inline-block;
  text-align: center;
  width: 100px;
}
.icon-xl i {
  vertical-align: middle;
  font-size: 80px;
}
.icon-xl img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
  height: 80px;
}
.icon-lg {
  display: inline-block;
  text-align: center;
  line-height: 1;
}
.icon-lg i {
  vertical-align: middle;
  font-size: 60px;
}
.icon-lg img {
  vertical-align: middle;
  max-width: 100%;
  min-width: 65px;
  width: 65px;
}
.icon-md {
  display: inline-block;
  text-align: center;
}
.icon-md i {
  vertical-align: middle;
  font-size: 45px;
}
.icon-md img {
  vertical-align: middle;
  max-width: 100%;
  min-width: 45px;
  width: 45px;
}
.icon-sm {
  display: inline-block;
  text-align: center;
  width: 40px;
}
.icon-sm i {
  vertical-align: middle;
  font-size: 30px;
}
.icon-sm img {
  vertical-align: middle;
  max-width: 100%;
  min-width: 30px;
  width: 30px;
}
.icon-bx-wraper {
  position: relative;
}
.icon-bx-wraper p:last-child {
  margin: 0;
}
.icon-bx-wraper.center {
  text-align: center;
}
.icon-bx-wraper.left .icon-bx-lg,
.icon-bx-wraper.left .icon-bx-md,
.icon-bx-wraper.left .icon-bx-sm,
.icon-bx-wraper.left .icon-bx-xl {
  float: left;
  margin-right: 20px;
}
.icon-bx-wraper.left .icon-lg,
.icon-bx-wraper.left .icon-md,
.icon-bx-wraper.left .icon-sm,
.icon-bx-wraper.left .icon-xl {
  float: left;
  margin-right: 10px;
}
.icon-bx-wraper.right {
  text-align: right;
}
.icon-bx-wraper.right .icon-bx-lg,
.icon-bx-wraper.right .icon-bx-md,
.icon-bx-wraper.right .icon-bx-sm,
.icon-bx-wraper.right .icon-bx-xl {
  float: right;
  margin-left: 20px;
}
.icon-bx-wraper.right .icon-lg,
.icon-bx-wraper.right .icon-md,
.icon-bx-wraper.right .icon-sm,
.icon-bx-wraper.right .icon-xl {
  float: right;
  margin-left: 10px;
}
.icon-bx-wraper.bx-style-1,
.icon-bx-wraper.bx-style-2 {
  border-width: 1px;
  border-style: solid;
  border-color: #ebedf2;
}
.icon-bx-wraper.bx-style-2.center [class*='icon-bx-'] {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon-bx-wraper.bx-style-2.center .icon-bx-xl {
  margin-left: -75px;
}
.icon-bx-wraper.bx-style-2.center .icon-bx-lg {
  margin-left: -60px;
}
.icon-bx-wraper.bx-style-2.center .icon-bx-md {
  margin-left: -50px;
}
.icon-bx-wraper.bx-style-2.center .icon-bx-sm {
  margin-left: -40px;
}
.icon-bx-wraper.bx-style-2.left [class*='icon-bx-'] {
  position: absolute;
  top: auto;
  left: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.icon-bx-wraper.bx-style-2.right [class*='icon-bx-'] {
  position: absolute;
  top: auto;
  right: 0;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.icon-content {
  overflow: hidden;
}
[class*='icon-bx-'][class*='bg-'] a,
[class*='icon-bx-'][class*='bg-'] span {
  color: #fff;
}
[class*='icon-bx-'].bg-white a {
  color: inherit;
}
[class*='icon-bx-'][class*='border-'] {
  display: table;
  line-height: normal;
  margin-left: auto;
  margin-right: auto;
}
[class*='icon-bx-'][class*='border-'] .icon-cell {
  display: table-cell;
  vertical-align: middle;
}
.Ebook-box,
.Ebook-info {
  position: relative;
}
.Ebook-box[class*='border-'],
.Ebook-info[class*='border-'] {
  border-color: #eee;
}
.Ebook-media,
.Ebook-post-media {
  position: relative;
  overflow: hidden;
}
.Ebook-media img,
.Ebook-post-media img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.Ebook-box-bg {
  overflow: hidden;
  background-size: cover;
}
.Ebook-box-bg .btn {
  overflow: unset;
}
.Ebook-box-bg .icon-bx-wraper {
  background-color: #f8f8f8;
}
.Ebook-box-bg .icon-box-btn .btn,
.Ebook-box-bg .icon-content p,
.Ebook-box-bg .text-primary {
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.Ebook-box-bg .icon-box-btn .btn {
  background-color: #eee;
  padding: 15px 20px;
  text-transform: uppercase;
  font-size: 15px;
  border-radius: 0;
  color: #1abc9c;
  font-weight: 600;
  margin-bottom: 0;
}
.icon-bx-wraper.style-1 [class*='icon-bx-'] {
  background-color: var(--rgba-primary-1);
  border-radius: var(--border-radius-base);
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 25px;
}
.icon-bx-wraper.style-1 [class*='icon-bx-'] .icon-cell {
  color: var(--primary);
  display: block;
}
.icon-bx-wraper.style-1:hover [class*='icon-bx-'] img {
  filter: brightness(100);
}
.icon-bx-wraper.style-1:hover [class*='icon-bx-'] {
  animation: dash 0.3s linear infinite;
  background-color: var(--primary);
}
.icon-bx-wraper.style-1:hover [class*='icon-bx-'] .icon-cell {
  animation: shake 0.3s;
  color: #fff;
}
.icon-bx-wraper.style-1 p {
  color: #aaa;
}
.icon-bx-wraper.style-2 [class*='icon-bx-'] {
  border-radius: var(--border-radius-base);
  margin-bottom: 30px;
  position: relative;
  background: linear-gradient(90deg, var(--primary) 50%, transparent 50%),
    linear-gradient(90deg, var(--primary) 50%, transparent 50%),
    linear-gradient(0deg, var(--primary) 50%, transparent 50%),
    linear-gradient(0deg, var(--primary) 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 8px 3px, 8px 3px, 3px 8px, 3px 8px;
  background-position: 0 0, 100% 100%, 0 100%, 100% 0;
}
.icon-bx-wraper.style-2 [class*='icon-bx-'] .icon-cell {
  color: var(--primary);
}
.icon-bx-wraper.style-2:hover [class*='icon-bx-'] {
  animation: dash 5s linear infinite;
}
.icon-bx-wraper.style-2:hover .icon-cell {
  animation: shake 1s;
}
@media screen and (max-width: 768px) {
  .icon-bx-wraper.style-2 [class*='icon-bx-'] {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 15px;
    background-size: 8px 2px, 8px 2px, 2px 8px, 2px 8px;
  }
  .icon-bx-wraper.style-2 [class*='icon-bx-'] .icon-cell {
    font-size: 40px;
  }
  .icon-bx-wraper.style-2 .icon-content .Ebook-title {
    margin-bottom: 0 !important;
  }
  .icon-bx-wraper.style-2 .icon-content p {
    font-size: 16px;
  }
}
.icon-bx-wraper.style-3 {
  box-shadow: 1px 1.732px 60px 0 rgba(0, 0, 0, 0.1);
  padding: 45px;
  border-radius: 14px;
  background-color: #fff;
  border: 2px solid transparent;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.icon-bx-wraper.style-3 [class*='icon-lg'] .icon-cell {
  color: #000;
  margin-bottom: 30px;
}
.icon-bx-wraper.style-3 .icon-content .title {
  margin-bottom: 15px;
}
.icon-bx-wraper.style-3 .icon-content p {
  margin-bottom: 20px;
}
.icon-bx-wraper.style-3 .icon-content a {
  font-size: 18px;
  font-weight: 600;
}
.icon-bx-wraper.style-3:hover {
  transform: translateY(-20px);
  border: 2px solid var(--primary);
}
.icon-bx-wraper.style-3:hover [class*='icon-lg'] .icon-cell {
  color: var(--primary);
}
@media screen and (max-width: 1200px) {
  .icon-bx-wraper.style-3 {
    padding: 22px 24px 28px;
  }
}
@media screen and (max-width: 1024px) {
  .icon-bx-wraper.style-3 .icon-content .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 991px) {
  .icon-bx-wraper.style-3 {
    margin-top: 20px;
  }
}
.icon-bx-wraper.style-4 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.icon-bx-wraper.style-4 [class*='icon-bx-'] {
  background-color: #fff7ee;
  border-radius: 60px;
  min-width: 90px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  width: 90px;
  height: 90px;
  line-height: 90px;
}
.icon-bx-wraper.style-4 [class*='icon-bx-'] .icon-cell {
  display: block;
  color: #eaa451;
  font-weight: 600;
  font-size: 25px;
}
.icon-bx-wraper.style-4:hover [class*='icon-bx-'] {
  background-color: var(--primary);
}
.icon-bx-wraper.style-4:hover [class*='icon-bx-'] .icon-cell {
  color: #fff;
}
.icon-bx-wraper.style-4 .icon-content {
  padding-left: 28px;
}
.icon-bx-wraper.style-4 .icon-content p {
  font-size: 18px;
  font-family: cairo;
}
@media screen and (max-width: 1380px) {
  .icon-bx-wraper.style-4 [class*='icon-bx-'] {
    min-width: 75px;
    width: 75px;
    height: 75px;
    line-height: 75px;
  }
  .icon-bx-wraper.style-4 .icon-content {
    padding-left: 10px;
  }
}
.icon-bx-wraper.style-5 {
  text-align: center;
  border: 1px solid #d7d7d7;
  margin-bottom: 30px;
  padding: 30px 20px;
  border-radius: 14px;
}
.icon-bx-wraper.style-5 [class*='icon-bx-'] {
  width: 100px;
  min-width: 100px;
  height: 100px;
  line-height: 100px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  background-color: var(--primary);
  color: #fff;
  border-radius: 50%;
  margin-bottom: 15px;
}
.icon-bx-wraper.style-5 .icon-content p {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--font-family-title);
  color: #131045;
}
@media only screen and (max-width: 1280px) {
  .icon-bx-wraper.style-5 .icon-content p {
    font-size: 16px;
  }
}
.icon-bx-wraper.style-5:hover [class*='icon-bx-'] {
  background-color: var(--rgba-primary-1);
}
.icon-bx-wraper.style-5:hover [class*='icon-bx-'] .icon-cell {
  color: var(--primary);
}
@keyframes dash {
  to {
    background-position: 100% 0, 0 100%, 0 0, 100% 100%;
  }
}
.Ebook-blog .post-tags {
  display: block !important;
  margin-bottom: 10px;
}
.Ebook-blog .post-tags a {
  margin-left: 8px;
  font-weight: 400;
  color: inherit;
  display: inline-block;
}
.Ebook-blog .post-tags a:hover {
  color: var(--primary);
}
.Ebook-blog .post-tags strong {
  font-weight: 700;
}
.Ebook-blog.no-image {
  padding: 30px;
  background: var(--rgba-primary-05);
}
.Ebook-blog .Ebook-meta {
  margin-bottom: 10px;
}
.Ebook-blog .Ebook-meta > ul > li {
  font-weight: 400;
  font-size: 15px;
  display: inline;
  margin-right: 20px;
}
.Ebook-blog .Ebook-meta > ul > li a {
  color: inherit;
}
.Ebook-blog .Ebook-meta > ul > li i {
  font-size: 16px;
  position: relative;
  margin-right: 5px;
  color: var(--primary);
}
@media only screen and (max-width: 1280px) {
  .Ebook-blog .Ebook-meta > ul > li i {
    font-size: 18px;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  .Ebook-blog .Ebook-meta > ul > li {
    font-size: 14px;
    margin-right: 3px;
  }
}
@media only screen and (max-width: 991px) {
  .Ebook-blog .Ebook-meta > ul > li {
    margin-right: 15px;
  }
}
.Ebook-blog .Ebook-meta > ul > li.post-category a {
  margin-right: 0;
  padding-right: 3px;
  padding-left: 3px;
}
.Ebook-blog .Ebook-meta > ul > li.post-author a {
  color: inherit;
  margin-left: 3px;
}
.Ebook-blog .Ebook-title {
  margin-bottom: 10px;
  line-height: 1.4;
  word-break: break-word;
}
.Ebook-blog .Ebook-media + .Ebook-info {
  padding-top: 30px;
}
.Ebook-blog.style-1 {
  border-radius: 0.375rem;
  overflow: hidden;
}
.Ebook-blog.style-1 .Ebook-info {
  padding: 30px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 6px;
  background: #fff;
}
@media only screen and (max-width: 575px) {
  .Ebook-blog.style-1 .Ebook-info {
    padding: 15px;
  }
}
.Ebook-blog.style-1 .Ebook-info .Ebook-meta {
  border-bottom: 1px solid #e1e1f0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.Ebook-blog.style-1 .Ebook-info .meta-bottom {
  border-top: 1px solid #e1e1f0;
  border-bottom: 0;
  padding: 25px 0 0;
  margin: 20px 0 0;
}
@media only screen and (max-width: 575px) {
  .Ebook-blog.style-1 .Ebook-info .meta-bottom {
    padding: 15px 0 0;
  }
}
.Ebook-blog.style-1 .Ebook-media + .Ebook-info {
  border-top: 0;
  border-radius: 0 0 6px 6px;
}
.Ebook-card.style-2 {
  margin-bottom: 10px;
}
.Ebook-card.style-2 .Ebook-media {
  border-radius: 12px 12px 0 0;
}
.Ebook-card.style-2 .Ebook-media:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  color: rgba(19, 16, 69, 0.87);
}
.Ebook-card.style-2 .Ebook-info {
  border: 1px solid #f0f0f0;
  padding: 33px 32px 30px;
  border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
}
@media only screen and (max-width: 575px) {
  .Ebook-card.style-2 .Ebook-info {
    padding: 25px 15px;
  }
}
.Ebook-card.style-2 .Ebook-info .Ebook-title {
  margin-bottom: 5px;
}
.Ebook-card.style-2 .Ebook-info .Ebook-tags {
  margin-bottom: 10px;
}
.Ebook-card.style-2 .Ebook-info .Ebook-tags li {
  display: inline-block;
}
.Ebook-card.style-2 .Ebook-info .Ebook-tags li a {
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  background-color: #f2f2f2;
  border-radius: var(--border-radius-base);
  color: var(--secondary);
}
.Ebook-card.style-2 .Ebook-info .Ebook-tags li a:hover {
  background-color: var(--primary);
  color: #fff;
}
.Ebook-card.style-2 .Ebook-info .bookcard-footer {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  position: relative;
}
.Ebook-card.style-2 .Ebook-info .bookcard-footer .price-details p {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  font-family: var(--font-family-title);
}
.Ebook-card.style-2 .Ebook-info .bookcard-footer .price-details p span {
  font-size: 20px;
  font-weight: var(--headings-font-weight);
  color: #aaa;
  text-decoration: line-through;
  margin-left: 7px;
}
.post-quote.style-1 {
  background: var(--rgba-primary-05);
  position: relative;
}
.post-quote.style-1 .post-quote-icon {
  position: absolute;
  width: 50px;
  left: 40px;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.post-quote.style-1 .post-quote-icon svg {
  fill: var(--primary);
}
.post-quote.style-1 .Ebook-title {
  margin-bottom: 0;
}
.post-quote.style-1 .Ebook-info {
  padding: 50px;
  padding-left: 120px;
}
@media only screen and (max-width: 575px) {
  .post-quote.style-1 .post-quote-icon {
    left: 14px;
  }
  .post-quote.style-1 .Ebook-info {
    padding: 30px 30px 30px 70px;
  }
}
.type-post.sticky {
  position: relative;
  border: 0.375rem solid var(--primary);
  overflow: hidden;
}
.type-post.sticky .sticky-icon {
  background: var(--primary);
  width: 3.125rem;
  height: 3.125rem;
  position: absolute;
  transform: rotate(45deg);
  top: -1.563rem;
  right: -1.563rem;
  z-index: 1;
  color: #fff;
}
.type-post.sticky .sticky-icon i {
  position: absolute;
  bottom: 0.1875rem;
  right: 1.125rem;
  transform: rotate(5deg);
  color: #fff;
  font-size: 1rem;
}
.testimonial-pic {
  background: #fff;
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
  border: 2px solid #fff;
}
.testimonial-pic.shadow {
  -webkit-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
}
.quote-left,
.quote-right {
  position: relative;
}
.quote-left:before,
.quote-right:before {
  font-family: Flaticon;
  position: absolute;
  z-index: 10;
  height: 36px;
  width: 36px;
  line-height: 36px;
  background-color: var(--primary);
  color: #fff;
  border-radius: 30px;
  text-align: center;
  font-size: 18px;
}
.quote-left:before {
  top: 15px;
  content: '\f115';
  left: 0;
}
.quote-right:before {
  top: 15px;
  content: '\f11e';
  right: 0;
}
.testimonial-text {
  position: relative;
  font-weight: 400;
}
.testimonial-text p:last-child {
  margin: 0;
}
.testimonial-detail {
  padding: 5px;
}
.testimonial-position {
  font-size: 15px;
}
.testimonial-name,
.testimonial-position {
  display: block;
}
.testimonial-bg {
  color: #fff;
}
.star-rating li {
  display: inline-block;
}
.testimonial-1 {
  padding: 40px;
  border-radius: 14px;
  background: var(--grey);
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.testimonial-1 .Ebook-rating {
  margin: 0 -3px 20px;
}
.testimonial-1 .Ebook-rating li {
  padding: 0 3px;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
}
.testimonial-1 .testimonial-text p {
  font-size: 18px;
  margin: 0;
  font-weight: 500;
  font-style: italic;
}
.testimonial-1 .testimonial-pic {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}
.testimonial-1 .testimonial-detail {
  align-items: center;
  display: flex;
  margin-top: 30px;
  padding: 0;
}
.testimonial-1 .testimonial-detail .testimonial-name {
  margin-bottom: 5px;
}
.testimonial-1 .testimonial-detail .testimonial-position {
  font-size: 14px;
  font-weight: var(--headings-font-weight2);
}
.testimonial-1:hover {
  background: var(--primary);
  color: #fff;
}
.testimonial-1:hover .Ebook-rating li i.text-muted {
  color: #ffffff61;
}
.testimonial-1:hover .Ebook-rating li i.text-yellow {
  color: #fff;
}
.testimonial-1:hover .testimonial-name {
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .testimonial-1 {
    margin: 0 50px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-1 {
    margin: 0 14px;
  }
}
.testimonial-swiper {
  padding: 0 15px;
}
.testimonial-swiper-2 .swiper-slide {
  opacity: 0.5;
}
.testimonial-swiper-2 .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.testimonial-2 {
  display: flex;
  position: relative;
  align-items: center;
}
.testimonial-2 .test-quotes {
  position: absolute;
  z-index: 1;
  font-size: 105px;
  bottom: 0;
  color: var(--primary);
  right: 20px;
}
.testimonial-2 .pattern {
  position: absolute;
  z-index: 1;
  left: -68px;
  bottom: 49px;
}
.testimonial-2 .testimonial-pic {
  min-width: 365px;
  height: 369px;
  border: none;
  position: relative;
}
.testimonial-2 .testimonial-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius-base);
}
@media only screen and (max-width: 991px) {
  .testimonial-2 .testimonial-pic {
    min-width: 120px;
    height: 120px;
    border-radius: 120px;
  }
}
.testimonial-2 .testimonial-info {
  padding: 0 30px;
}
.testimonial-2 .testimonial-info .Ebook-rating li {
  padding: 0 2px;
  font-size: 18px;
}
.testimonial-2 .testimonial-info .testimonial-text {
  font-size: 18px;
  font-style: italic;
}
.testimonial-2 .testimonial-info .testimonial-detail {
  display: block;
  margin-top: 30px;
  justify-content: space-between;
}
.testimonial-2 .testimonial-info .testimonial-detail .Ebook-rating-bar {
  display: flex;
  align-items: center;
  margin-top: 20px;
  line-height: 1;
}
.testimonial-2 .testimonial-info .testimonial-detail .Ebook-rating-bar .Ebook-rating {
  display: flex;
}
.testimonial-2 .testimonial-info .testimonial-detail .Ebook-rating-bar .rate {
  font-size: 20px;
  font-weight: var(--headings-font-weight);
  font-family: var(--font-family-title);
  margin-left: 14px;
  margin-left: -2px;
  margin-left: 15px;
  color: var(--title);
}
@media only screen and (max-width: 1280px) {
  .testimonial-2 .testimonial-info .testimonial-detail {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .testimonial-2 .testimonial-pic {
    align-self: start;
  }
  .testimonial-2 .testimonial-info {
    padding: 0 0 0 25px;
  }
  .testimonial-2 .testimonial-info .testimonial-text {
    font-size: 15px;
  }
  .testimonial-2 .testimonial-info .testimonial-detail {
    display: block;
    margin-top: 15px;
  }
  .testimonial-2 .testimonial-info .testimonial-detail .testimonial-name {
    font-size: 16px;
  }
  .testimonial-2 .testimonial-info .testimonial-detail .testimonial-position {
    font-size: 14px;
  }
  .testimonial-2 .pattern {
    left: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-2 {
    display: block;
  }
  .testimonial-2 .test-quotes {
    top: 0;
    font-size: 100px;
  }
  .testimonial-2 .pattern {
    display: none;
  }
  .testimonial-2 .testimonial-pic {
    min-width: 100px;
    height: 100px;
  }
  .testimonial-2 .testimonial-info {
    padding: 20px 0 0 0;
  }
  .testimonial-2 .testimonial-info .testimonial-text {
    font-size: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-2 .testimonial-info .testimonial-detail {
    display: block;
  }
}
.testimonial-wrapper {
  overflow: hidden;
}
.testimonial-wrapper .swiper-container {
  margin-left: calc((100% - 1170px) / 2);
}
@media only screen and (max-width: 1480px) {
  .testimonial-wrapper .swiper-container {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-wrapper .swiper-container {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-wrapper .swiper-container {
    margin-left: 0;
  }
}
/* .testimonial-wrapper-2 .swiper-slide .testimonial-2 {
  opacity: 0.5;
} */
.pricingtable-wrapper {
  box-shadow: 1px 0 50px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: var(--border-radius-base);
  overflow: hidden;
  margin-top: 25px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.pricingtable-wrapper:hover {
  margin-top: 0;
}
@media only screen and (max-width: 575px) {
  .pricingtable-wrapper {
    margin-top: 0;
  }
}
.pricingtable-wrapper.style-1 {
  padding: 35px 60px;
  position: relative;
  z-index: 1;
}
.pricingtable-wrapper.style-1 .pricingtable-inner {
  text-align: center;
}
.pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-title {
  margin-bottom: 15px;
}
.pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-bx {
  font-size: 50px;
  margin: 0 0 20px;
  color: var(--primary);
}
.pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-bx .small,
.pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-bx small {
  font-size: 15px;
  color: #1f2471;
  font-weight: var(--headings-font-weight);
}
.pricingtable-wrapper.style-1 .pricingtable-inner .text {
  margin-bottom: 25px;
}
.pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-features {
  padding: 15px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  text-align: left;
  list-style: none;
}
.pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-features li {
  padding: 8px 0 8px 40px;
  font-size: 18px;
  position: relative;
}
.pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-features li:after {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-weight: 700;
  font-size: 12px;
  width: 26px;
  height: 26px;
  background: var(--rgba-primary-1);
  display: block;
  position: absolute;
  left: 0;
  color: var(--primary);
  border-radius: 35px;
  text-align: center;
  top: 10px;
  line-height: 26px;
}
.pricingtable-wrapper.style-1:hover {
  margin-top: 0;
  transform: translateY(-20px);
  background-color: var(--primary);
  color: #fff;
}
.pricingtable-wrapper.style-1:hover .pricingtable-inner .pricingtable-title .title {
  color: #fff;
}
.pricingtable-wrapper.style-1:hover .pricingtable-inner .pricingtable-price .pricingtable-bx {
  color: #fff;
}
.pricingtable-wrapper.style-1:hover .pricingtable-inner .pricingtable-price .pricingtable-bx .small,
.pricingtable-wrapper.style-1:hover .pricingtable-inner .pricingtable-price .pricingtable-bx small {
  color: #fff;
}
.pricingtable-wrapper.style-1:hover .pricingtable-inner .pricingtable-features {
  border-top: 1px solid rgba(255, 255, 255, 0.27);
}
.pricingtable-wrapper.style-1:hover .pricingtable-inner .pricingtable-features li:after {
  color: #fff;
  background: rgba(255, 245, 232, 0.22);
}
.pricingtable-wrapper.style-1:hover .pricingtable-inner .pricingtable-footer .btn {
  color: var(--primary);
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .pricingtable-wrapper.style-1 {
    padding: 35px 30px;
  }
}
.about-style1 .section-head .title {
  margin-bottom: 20px;
}
.about-style1 .section-head p {
  max-width: 500px;
}
.about-style1 .about-thumb img {
  border-radius: 6px;
}
.about-style1 .list-check li {
  font-size: 15px;
}
.about-style1 .exp-bx {
  display: flex;
  align-items: center;
  margin-left: -125px;
  width: 400px;
  position: relative;
  overflow: hidden;
}
.about-style1 .exp-bx .exp-head {
  background-color: var(--primary);
  padding: 20px;
  border-radius: 6px;
}
.about-style1 .exp-bx .exp-info {
  padding: 20px;
  background-color: #fff;
  width: 100%;
}
.about-style1 .exp-bx .counter-num {
  align-items: center;
  display: flex;
  margin-bottom: 5px;
}
.about-style1 .exp-bx .counter-num .h2,
.about-style1 .exp-bx .counter-num h2 {
  font-size: 50px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
}
.about-style1 .exp-bx .title {
  color: #fff;
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.3;
}
@media only screen and (max-width: 1280px) {
  .about-style1 .exp-bx {
    margin-left: -185px;
  }
}
@media only screen and (max-width: 991px) {
  .about-style1 .exp-bx {
    margin-left: -65px;
  }
}
@media only screen and (max-width: 767px) {
  .about-style1 .exp-bx {
    margin-left: -155px;
  }
}
@media only screen and (max-width: 575px) {
  .about-style1 .exp-bx {
    margin: 0;
    width: 100%;
  }
  .about-style1 .exp-bx .exp-head {
    padding: 12px;
  }
  .about-style1 .exp-bx .exp-info {
    padding: 10px 15px;
  }
  .about-style1 .exp-bx .exp-info ul li {
    font-size: 15px;
    padding: 4px 0 4px 25px;
  }
  .about-style1 .exp-bx .exp-info ul li:before {
    font-size: 14px;
  }
  .about-style1 .exp-bx .counter-num .counter {
    font-size: 50px;
    line-height: 50px;
  }
  .about-style1 .exp-bx .counter-num .small,
  .about-style1 .exp-bx .counter-num small {
    font-size: 32px;
    line-height: 32px;
  }
  .about-style1 .exp-bx .title {
    font-size: 20px;
    line-height: 25px;
  }
}
.client-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.client-swiper .swiper-wrapper {
  text-align: center;
}
.client-swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.client-swiper .swiper-wrapper .swiper-slide .swiper-slide img {
  display: block;
  object-fit: cover;
}
.client-swiper img {
  height: 40px;
  max-width: 130px;
  filter: grayscale(1);
  opacity: 0.6;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  cursor: pointer;
}
.client-swiper img:hover {
  filter: grayscale(0);
  opacity: 1;
}
.books-card .Ebook-media img {
  width: 100%;
  border-radius: var(--border-radius-base);
}
.books-card.style-1 {
  text-align: center;
}
.books-card.style-1 .Ebook-content {
  margin-top: 10px;
}
.books-card.style-1 .Ebook-content .price {
  color: var(--primary);
  display: block;
  font-family: poppins;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}
.books-card.style-2 {
  display: flex;
}
.books-card.style-2 .Ebook-media {
  width: 335px;
  min-width: 335px;
}
.books-card.style-2 .Ebook-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius-base);
}
.books-card.style-2 .Ebook-content {
  padding-left: 50px;
}
.books-card.style-2 .Ebook-content .sub-title {
  letter-spacing: 20px;
  font-weight: var(--headings-font-weight3);
}
.books-card.style-2 .Ebook-content .title {
  font-size: 60px;
}
.books-card.style-2 .Ebook-content .Ebook-tags {
  display: flex;
}
.books-card.style-2 .Ebook-content .Ebook-tags li {
  margin-right: 25px;
  font-size: 16px;
  font-weight: var(--headings-font-weight2);
  font-family: var(--font-family-title);
  color: var(--secondary);
}
.books-card.style-2 .Ebook-content .text {
  padding-left: 30px;
  margin: 40px 0 40px 0;
  border-left: 1px solid #3b2f4a;
}
.books-card.style-2 .Ebook-content .price {
  align-items: center;
  display: inline-flex;
}
.books-card.style-2 .Ebook-content .price .price-num {
  font-size: 50px;
  color: var(--title);
  font-weight: var(--headings-font-weight);
  font-family: var(--font-family-title);
}
.books-card.style-2 .Ebook-content .price del {
  color: var(--primary);
  font-size: 22px;
  padding: 0 20px;
}
.books-card.style-2 .Ebook-content .price .badge {
  font-size: 14px;
  font-weight: var(--headings-font-weight);
  color: #131045;
  background-color: #f0f0f0;
  padding: 8px 12px;
}
@media only screen and (max-width: 1280px) {
  .books-card.style-2 .Ebook-content .title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .books-card.style-2 .Ebook-content {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .books-card.style-2 .Ebook-media {
    width: 200px;
    min-width: 200px;
  }
  .books-card.style-2 .Ebook-content {
    padding-left: 20px;
  }
  .books-card.style-2 .Ebook-content .title {
    font-size: 32px;
  }
  .books-card.style-2 .Ebook-content .text {
    padding-left: 20px;
    margin-top: 20px;
  }
  .books-card.style-2 .Ebook-content .price .price-num {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575px) {
  .books-card.style-2 {
    display: block;
  }
  .books-card.style-2 .Ebook-media {
    width: 100%;
    min-width: 100%;
  }
  .books-card.style-2 .Ebook-content {
    padding-left: 0;
    margin-top: 25px;
  }
  .books-card.style-2 .Ebook-content .Ebook-tags li {
    margin-right: 13px;
  }
}
.books-card.style-3 .Ebook-content {
  padding-top: 20px;
}
.books-card.style-3 .Ebook-content .Ebook-tags {
  display: inline-flex;
  margin-bottom: 5px;
}
.books-card.style-3 .Ebook-content .Ebook-tags li {
  color: var(--primary);
  margin-right: 10px;
  font-size: 14px;
}
.books-card.style-3 .Ebook-content .book-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.books-card.style-3 .Ebook-content .book-footer .rate {
  color: var(--primary);
  font-size: 18px;
  display: flex;
}
.books-card.style-3 .Ebook-content .book-footer .rate i {
  margin-right: 5px;
}
.books-card.style-3 .Ebook-content .book-footer .price .price-num {
  font-weight: var(--headings-font-weight);
  font-size: 18px;
  color: var(--title);
}
.books-card.style-3 .Ebook-content .book-footer .price del {
  font-weight: var(--headings-font-weight);
  font-size: 15px;
  color: #aaa;
  font-family: var(--font-family-title);
  padding: 0 5px;
  font-weight: 400;
}
.books-card.style-4 {
  border-radius: var(--border-radius-base);
  display: flex;
  align-items: center;
  padding: 40px 40px;
  margin-bottom: 10px;
  overflow: hidden;
  z-index: 1;
  position: relative;
  height: calc(100% - 15px);
}
.books-card.style-4:after {
  content: '';
  position: absolute;
  background-color: rgba(19, 16, 69, 0.9);
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.books-card.style-4 .Ebook-media {
  width: 120px;
  min-width: 120px;
}
.books-card.style-4 .Ebook-media img {
  width: 100%;
}
.books-card.style-4 .Ebook-content {
  padding-left: 30px;
  padding-right: 15px;
  width: 100%;
}
.books-card.style-4 .Ebook-content .title {
  margin-bottom: 5px;
}
.books-card.style-4 .Ebook-content .title a {
  color: #fff;
}
.books-card.style-4 .Ebook-content .Ebook-meta {
  color: #fff;
  font-weight: var(--headings-font-weight);
  margin-bottom: 15px;
}
.books-card.style-4 .Ebook-content .Ebook-meta li {
  font-weight: 600;
  font-size: 14px;
}
.books-card.style-4 .Ebook-content .Ebook-meta li a {
  color: rgba(255, 255, 255, 0.7);
}
.books-card.style-4 .Ebook-content p {
  color: #fff;
  margin-bottom: 0;
}
.books-card.style-4 .book-footer {
  text-align: right;
  min-width: 150px;
}
.books-card.style-4 .book-footer .price {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.books-card.style-4 .book-footer .price .price-num {
  color: #fff;
  font-size: 30px;
  font-weight: var(--headings-font-weight);
  font-family: var(--font-family-title);
}
.books-card.style-4 .book-footer .price del {
  color: #ee7979;
  font-family: var(--font-family-title);
  font-size: 22px;
  font-weight: var(--headings-font-weight2);
  padding-left: 10px;
}
.books-card.style-4 .bg-media {
  position: absolute;
  width: 80%;
  z-index: -1;
  top: -45%;
  right: -53%;
  object-position: center center;
  filter: blur(10px);
  transform: rotate(-17deg);
}
.books-card.style-4.card-lg .Ebook-media {
  width: 255px;
  min-width: 255px;
}
.books-card.style-4.card-lg .Ebook-content {
  padding-left: 0;
  padding-right: 50px;
}
.books-card.style-4.card-lg .book-footer {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 50px;
}
.books-card.style-4.card-lg .book-footer .price {
  margin-bottom: 0;
  margin-right: 30px;
}
.books-card.style-4.card-light {
  border: 1px solid #f1f1f1;
}
.books-card.style-4.card-light p {
  color: #777;
}
.books-card.style-4.card-light .Ebook-meta li,
.books-card.style-4.card-light .Ebook-meta li a,
.books-card.style-4.card-light .price .price-num,
.books-card.style-4.card-light .title a {
  color: var(--title);
}
.books-card.style-4.card-light:after {
  background-color: rgba(255, 255, 255, 0.9);
}
@media only screen and (max-width: 1480px) {
  .books-card.style-4.card-lg .Ebook-media {
    width: 200px;
    min-width: 200px;
  }
  .books-card.style-4.card-lg .Ebook-content {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .books-card.style-4 {
    padding: 20px;
  }
  .books-card.style-4 .Ebook-content .title {
    margin-bottom: 0;
  }
  .books-card.style-4 .Ebook-content .Ebook-meta {
    margin-bottom: 5px;
  }
  .books-card.style-4 .Ebook-content p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .books-card.style-4 {
    display: block;
  }
  .books-card.style-4 .Ebook-content {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  .books-card.style-4 .book-footer {
    display: flex;
  }
  .books-card.style-4 .book-footer .price {
    margin-bottom: 0;
    padding-right: 10px;
  }
  .books-card.style-4.card-lg .Ebook-content {
    padding-right: 0;
  }
  .books-card.style-4.card-lg .Ebook-media {
    margin-top: 20px;
    min-width: 320px;
    width: 320px;
  }
  .books-card.style-4.card-lg .book-footer .price {
    margin-right: 0;
  }
}
.swiper-container.books-wrapper-2 {
  overflow: unset;
}
.books-wrapper-2 {
  margin: auto;
  max-width: 960px;
}
.books-wrapper-2 .swiper-slide .books-card {
  opacity: 0.5;
}
.books-wrapper-4 .swiper-slide .books-card {
  opacity: 1;
}
@media only screen and (max-width: 575px) {
  .swiper-pagination-two {
    display: none;
  }
}
.swiper-pagination-four {
  text-align: center;
  margin-top: 50px;
}
.pagination-align {
  display: flex;
  align-items: center;
}
.pagination-align.style-1 .swiper-button-prev {
  margin-right: 10px;
}
.pagination-align.style-1 .swiper-button-next {
  margin-left: 10px;
}
.pagination-align.style-1 .swiper-button-next,
.pagination-align.style-1 .swiper-button-prev {
  position: unset;
  top: 0;
  align-items: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: var(--primary);
  border-radius: 50%;
  margin-top: 0;
}
.pagination-align.style-1 .swiper-button-next:after,
.pagination-align.style-1 .swiper-button-prev:after {
  content: 'none';
}
.pagination-align.style-2 {
  justify-content: center;
  margin-top: 70px;
}
.pagination-align.style-2 .swiper-button-prev {
  margin-right: 10px;
}
.pagination-align.style-2 .swiper-button-next {
  margin-left: 10px;
}
.pagination-align.style-2 .swiper-button-next,
.pagination-align.style-2 .swiper-button-prev {
  position: unset;
  top: 0;
  margin-top: -6px;
  align-items: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: var(--primary);
  border-radius: 50%;
}
.pagination-align.style-2 .swiper-button-next:after,
.pagination-align.style-2 .swiper-button-prev:after {
  content: 'none';
}
@media only screen and (max-width: 575px) {
  .pagination-align.style-2 {
    margin-top: 40px;
  }
}
.pagination-align.style-3 .swiper-button-prev {
  margin-right: 45px;
}
.pagination-align.style-3 .swiper-button-next {
  margin-left: 10px;
}
.pagination-align.style-3 .swiper-button-next,
.pagination-align.style-3 .swiper-button-prev {
  position: unset;
  top: 0;
  width: 25px;
  height: 25px;
  font-size: 24px;
  color: #090606;
  align-items: center;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.pagination-align.style-3 .swiper-button-next:hover,
.pagination-align.style-3 .swiper-button-prev:hover {
  color: var(--primary);
}
.pagination-align.style-3 .swiper-button-next:after,
.pagination-align.style-3 .swiper-button-prev:after {
  content: 'none';
}
@media screen and (max-width: 360px) {
  .pagination-align.style-3 {
    display: none;
  }
}
.reccomend {
  position: relative;
  overflow: hidden;
}
.reccomend .section-head img {
  position: absolute;
  left: 655px;
  top: 162px;
}
@media only screen and (max-width: 1680px) {
  .reccomend .section-head img {
    left: 502px;
    top: 121px;
  }
}
.testimonial .section-head p {
  max-width: 545px;
}
@media only screen and (max-width: 991px) {
  .testimonial .section-head p {
    display: none;
  }
}
.newsletter-wrapper {
  position: relative;
  z-index: 1;
}
.newsletter-wrapper:after {
  content: '';
  position: absolute;
  background-color: rgba(59, 47, 74, 0.82);
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
}
.newsletter-wrapper.style-2 {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  border-radius: 25px;
  overflow: hidden;
}
.newsletter-wrapper.style-2:after {
  background-color: var(--secondary);
  opacity: 0.8;
}
@media screen and (max-width: 1360px) {
  .newsletter-wrapper.style-2 {
    max-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .newsletter-wrapper .subscride-inner .section-head {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .newsletter-wrapper .subscride-inner .section-head .title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.login .newsletter-wrapper .subscride-inner .form-group .input-group input[type='password'],
.login .newsletter-wrapper .subscride-inner .form-group .input-group input[type='text'],
.newsletter-wrapper .subscride-inner .form-group .input-group .form-control,
.newsletter-wrapper .subscride-inner .form-group .input-group .login input[type='password'],
.newsletter-wrapper .subscride-inner .form-group .input-group .login input[type='text'] {
  height: 72px;
  border: 1px solid #fff;
  border-radius: var(--border-radius-base) !important;
}
.login
  .newsletter-wrapper
  .subscride-inner
  .form-group
  .input-group
  input[type='password']::placeholder,
.login
  .newsletter-wrapper
  .subscride-inner
  .form-group
  .input-group
  input[type='text']::placeholder,
.newsletter-wrapper .subscride-inner .form-group .input-group .form-control::placeholder,
.newsletter-wrapper
  .subscride-inner
  .form-group
  .input-group
  .login
  input[type='password']::placeholder,
.newsletter-wrapper
  .subscride-inner
  .form-group
  .input-group
  .login
  input[type='text']::placeholder {
  color: #fff;
}
.newsletter-wrapper .subscride-inner .form-group .input-group .input-group-addon {
  position: absolute;
  right: 5px;
  top: 50%;
  z-index: 9;
  transform: translateY(-50%);
}
.newsletter-wrapper .subscride-inner .form-group .input-group .input-group-addon .btn {
  height: 60px;
  width: 120px;
  text-align: center;
}
.newsletter-wrapper .subscride-inner .form-group .input-group .input-group-addon .btn span {
  display: block;
}
.newsletter-wrapper .subscride-inner .form-group .input-group .input-group-addon .btn i {
  display: none;
}
@media only screen and (max-width: 575px) {
  .newsletter-wrapper .subscride-inner .form-group .input-group {
    margin-bottom: 0;
  }
  .login .newsletter-wrapper .subscride-inner .form-group .input-group input[type='password'],
  .login .newsletter-wrapper .subscride-inner .form-group .input-group input[type='text'],
  .newsletter-wrapper .subscride-inner .form-group .input-group .form-control,
  .newsletter-wrapper .subscride-inner .form-group .input-group .login input[type='password'],
  .newsletter-wrapper .subscride-inner .form-group .input-group .login input[type='text'] {
    height: 64px;
  }
  .newsletter-wrapper .subscride-inner .form-group .input-group .input-group-addon .btn {
    height: 52px;
    width: 52px;
    text-align: center;
    display: block;
    padding: 0;
  }
  .newsletter-wrapper .subscride-inner .form-group .input-group .input-group-addon .btn span {
    display: none;
  }
  .newsletter-wrapper .subscride-inner .form-group .input-group .input-group-addon .btn i {
    display: block;
  }
}
.history-wrapper .info-right-history {
  padding-right: 90px;
}
.history-wrapper .info-right-history .section-head p {
  margin-bottom: 12px;
}
@media screen and (max-width: 1400px) {
  .history-wrapper .info-right-history {
    padding-right: 38px;
  }
}
@media screen and (max-width: 1200px) {
  .history-wrapper .info-right-history {
    padding-right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .history-wrapper .info-right-history p {
    font-size: 15px;
  }
}
.book-align {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .book-align {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .testimonial .section-head p {
    display: none;
  }
}
.inner-text .title {
  text-decoration: underline;
  font-weight: 500;
  margin-bottom: 10px;
}
.Ebook-post-text a {
  text-decoration: underline;
  box-shadow: inset 0 -10px 0 var(--rgba-primary-1);
}
.Ebook-post-text .widget_categories li a {
  box-shadow: none;
  text-decoration: none;
}
.post-header {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 575px) {
  .post-header {
    margin-bottom: 1.25rem;
  }
}
.post-header .Ebook-media img {
  min-height: 250px;
  object-fit: cover;
}
.post-header .Ebook-info {
  position: absolute;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 100%);
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 100px 30px 30px 30px !important;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .post-header .Ebook-info {
    padding: 40px 15px 15px 15px !important;
  }
}
.post-header .Ebook-info .Ebook-title {
  color: #fff;
}
@media only screen and (max-width: 575px) {
  .post-header .Ebook-info .Ebook-title {
    font-size: 1.125rem;
  }
}
.post-header .Ebook-info .Ebook-meta > ul {
  justify-content: center;
}
.post-header .Ebook-info .Ebook-meta > ul > li {
  color: #fff;
}
.post-link-in {
  padding: 15px 50px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.post-link-in:hover {
  background: var(--primary);
  color: #fff;
}
.Ebook-page-text {
  margin-bottom: 60px;
}
.Ebook-page-text,
.min-container {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.938rem;
  padding-right: 0.938rem;
}
.Ebook-page-text {
  padding: 0;
}
.Ebook-page-text > ul {
  list-style: none;
  margin-bottom: 1.875rem;
}
.Ebook-page-text > ul {
  padding-left: 1.25rem;
}
.Ebook-page-text > ul ul {
  padding-left: 1.563rem;
}
.Ebook-page-text > ul li {
  padding: 0.5rem 0.5rem;
  position: relative;
  list-style: inherit;
}
.Ebook-page-text .h1,
.Ebook-page-text h1,
.Ebook-post-text .h1,
.Ebook-post-text h1 {
  margin-bottom: 1.563rem;
  font-weight: 700;
}
.Ebook-page-text .h2,
.Ebook-page-text h2,
.Ebook-post-text .h2,
.Ebook-post-text h2 {
  margin-bottom: 1.563rem;
  font-weight: 700;
}
.Ebook-page-text .h3,
.Ebook-page-text h3,
.Ebook-post-text .h3,
.Ebook-post-text h3 {
  margin-bottom: 1.25rem;
  font-weight: 700;
}
.Ebook-page-text .h4,
.Ebook-page-text h4,
.Ebook-post-text .h4,
.Ebook-post-text h4 {
  margin-bottom: 0.938rem;
  font-weight: 600;
}
.Ebook-page-text .h5,
.Ebook-page-text h5,
.Ebook-post-text .h5,
.Ebook-post-text h5 {
  margin-bottom: 0.938rem;
}
.Ebook-page-text .h6,
.Ebook-page-text h6,
.Ebook-post-text .h6,
.Ebook-post-text h6 {
  margin-bottom: 0.625rem;
}
.Ebook-page-text,
.Ebook-page-text ul li {
  font-size: 1.125rem;
  line-height: 1.7;
}
.Ebook-page-text ul li {
  position: relative;
}
.Ebook-page-text ul > li:before {
  content: '';
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  background: #212529;
  left: -0.938rem;
  position: absolute;
  top: 1.25rem;
}
.Ebook-page-text ul > li li:before {
  content: none;
}
.Ebook-page-text p {
  margin-bottom: 1.65em;
}
@supports (position: -webkit-sticky) or (position: sticky) {
  .wp-block-gallery .blocks-gallery-image figure,
  .wp-block-gallery .blocks-gallery-item figure {
    align-items: flex-end;
    display: flex;
    justify-content: flex-start;
  }
}
@supports (position: -webkit-sticky) or (position: sticky) {
  .wp-block-gallery .blocks-gallery-image img,
  .wp-block-gallery .blocks-gallery-item img {
    width: auto;
  }
}
@supports (position: -webkit-sticky) or (position: sticky) {
  .wp-block-gallery.is-cropped .blocks-gallery-image a,
  .wp-block-gallery.is-cropped .blocks-gallery-image img,
  .wp-block-gallery.is-cropped .blocks-gallery-item a,
  .wp-block-gallery.is-cropped .blocks-gallery-item img {
    -o-object-fit: cover;
    flex: 1;
    height: 100%;
    object-fit: cover;
  }
}
.Ebook-page-text table,
.Ebook-post-text table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  font-size: 1rem;
  margin-bottom: 1.875rem;
}
@media only screen and (max-width: 61.9375rem) {
  .admin-bar .mo-left .header-nav {
    top: 1.875rem;
    height: calc(100vh - 1.875rem) !important;
  }
  .Ebook-page-text,
  .Ebook-page-text p,
  .Ebook-page-text ul li {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 48.875rem) {
  .admin-bar .mo-left .header-nav {
    top: 2.8125rem;
    height: calc(100vh - 2.812rem) !important;
  }
}
@media only screen and (max-width: 37.5rem) {
  .admin-bar .mo-left .header-nav {
    top: 2.8125rem;
    height: calc(100vh - 2.812rem) !important;
  }
}
.post-footer {
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.938rem 0 0;
}
.post-footer .Ebook-meta ul li {
  margin-right: 0.3125rem;
  padding: 0;
  display: inline-block;
  color: #333;
  font-weight: 500;
  font-size: 0.938rem;
  font-style: italic;
}
.extra-blog.style-1 .blog-title {
  position: relative;
  padding-left: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
  .extra-blog.style-1 .blog-title {
    margin-bottom: 30px;
    padding-left: 15px;
    font-size: 22px;
  }
}
.extra-blog.style-1 .blog-title:before {
  content: '';
  height: 100%;
  width: 5px;
  border-radius: 10px;
  background-color: var(--primary);
  position: absolute;
  left: 0;
  top: 0;
}
.extra-blog {
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .extra-blog {
    margin-bottom: 20px;
  }
}
.extra-blog .blog-title {
  font-weight: 600;
}
.Ebook-page-text [class*='galleryid-'],
.Ebook-post-text [class*='galleryid-'] {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
}
.blog-post-banner {
  min-height: 300px;
  padding-top: 70px;
  padding-bottom: 70px;
}
.blog-post-banner .Ebook-title {
  color: #fff;
  font-size: 32px;
  margin-bottom: 20px;
}
.blog-post-banner .Ebook-meta {
  color: #fff;
}
.blog-post-banner .Ebook-meta ul {
  display: flex;
  opacity: 0.7;
}
.blog-post-banner .Ebook-meta ul li {
  margin-right: 20px;
}
.blog-post-banner .Ebook-meta ul li a {
  color: #fff;
}
.post-btn {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
  padding: 15px 0;
  margin: 50px 0;
  position: relative;
}
.post-btn:after {
  content: '';
  height: calc(100% - 30px);
  width: 1px;
  background: #ededee;
  position: absolute;
  left: 50%;
  top: 15px;
}
.post-btn .next-post,
.post-btn .prev-post {
  max-width: 50%;
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  position: relative;
}
.post-btn .next-post img,
.post-btn .prev-post img {
  height: 70px;
  width: 85px;
  border-radius: 6px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .post-btn .next-post img,
  .post-btn .prev-post img {
    display: none;
  }
}
.post-btn .next-post .end,
.post-btn .next-post .start,
.post-btn .prev-post .end,
.post-btn .prev-post .start {
  color: #b5b5b5;
  cursor: not-allowed;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .post-btn .next-post .title,
  .post-btn .prev-post .title {
    font-size: 14px;
  }
}
.post-btn .next-post .title a,
.post-btn .prev-post .title a {
  display: block;
  margin-bottom: 5px;
}
.post-btn .next-post {
  padding-right: 30px;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .post-btn .next-post {
    padding-right: 20px;
  }
}
.post-btn .next-post .title {
  text-align: right;
  width: 100%;
  margin-bottom: 0;
}
.post-btn .next-post .title + img {
  margin-left: 20px;
}
.post-btn .next-post .end {
  text-align: right;
}
.post-btn .next-post:after {
  content: '\f105';
  font-family: FontAwesome;
  color: var(--primary);
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 30px;
  transform: translateY(-50%);
}
.post-btn .prev-post {
  padding-left: 30px;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .post-btn .prev-post {
    padding-left: 20px;
  }
}
.post-btn .prev-post .title {
  margin-bottom: 0;
  width: 100%;
}
.post-btn .prev-post img + .title {
  padding: 0 20px;
}
.post-btn .prev-post:after {
  content: '\f104';
  font-family: FontAwesome;
  color: var(--primary);
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 30px;
  transform: translateY(-50%);
}
.bottom-left,
.bottom-right,
.top-left,
.top-right {
  position: fixed;
  z-index: 2;
  display: block;
}
.bottom-right {
  bottom: 60px;
  right: 60px;
}
.bottom-left {
  bottom: 60px;
  left: 60px;
}
.top-right {
  top: 60px;
  right: 60px;
}
.top-left {
  top: 60px;
  left: 60px;
}
.style-3 .copyright-text {
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  .bottom-left {
    bottom: 40px;
    left: 40px;
  }
  .bottom-right {
    bottom: 40px;
    right: 40px;
  }
  .top-left {
    top: 40px;
    left: 40px;
  }
  .top-right {
    top: 40px;
    right: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .bottom-left,
  .bottom-right,
  .center-md,
  .top-left,
  .top-right {
    position: unset;
  }
  .style-3 .bottom-left,
  .style-3 .top-left {
    width: 100%;
    text-align: center;
  }
  .style-3 .bottom-left {
    padding-bottom: 30px;
  }
  .style-3 .center-md .bottom-right {
    position: unset;
  }
  .style-3 .center-md {
    min-height: calc(100vh - 115px);
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0;
  }
}
.error-page {
  background-color: var(--secondary);
  height: 100vh;
  padding: 50px;
  position: relative;
}
.error-page .error-inner {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 600px;
  transform: translate(-50%, -50%);
  padding: 20px;
}
@media only screen and (max-width: 575px) {
  .error-page .error-inner {
    width: 100%;
  }
}
.error-page .error-head {
  color: #fff;
  margin-bottom: 40px;
}
@media only screen and (max-width: 575px) {
  .error-page .error-head {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.error-page .Ebook_error {
  position: relative;
  color: #fff;
  font-size: 200px;
  letter-spacing: 28px;
  animation: EbookError 1s infinite linear alternate-reverse;
  font-weight: 900;
  line-height: 200px;
  margin: auto;
}
@media only screen and (max-width: 991px) {
  .error-page .Ebook_error {
    font-size: 150px;
    line-height: 150px;
  }
}
@media only screen and (max-width: 575px) {
  .error-page .Ebook_error {
    font-size: 80px;
    line-height: 80px;
    letter-spacing: 5px;
  }
}
.error-page .Ebook_error::after,
.error-page .Ebook_error::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.error-page .Ebook_error::before {
  left: 2px;
  text-shadow: -2px 0 #d700a3;
  clip: rect(44px, 450px, 56px, 0);
  animation: EbookError1 5s infinite linear alternate-reverse;
}
.error-page .Ebook_error::after {
  left: -2px;
  text-shadow: -2px 0 #d700a3, 2px 2px #d700a3;
  clip: rect(44px, 450px, 56px, 0);
  animation: EbookError2 5s infinite linear alternate-reverse;
}
@keyframes EbookError1 {
  0% {
    clip: rect(305px, 9999px, 343px, 0);
    transform: skew(0.844deg);
  }
  2.5% {
    clip: rect(188px, 9999px, 6px, 0);
    transform: skew(0.178deg);
  }
  5% {
    clip: rect(123px, 9999px, 214px, 0);
    transform: skew(0.554deg);
  }
  7.5% {
    clip: rect(117px, 9999px, 451px, 0);
    transform: skew(0.51deg);
  }
  10% {
    clip: rect(357px, 9999px, 389px, 0);
    transform: skew(0.27deg);
  }
  12.5% {
    clip: rect(129px, 9999px, 109px, 0);
    transform: skew(0.682deg);
  }
  15% {
    clip: rect(463px, 9999px, 485px, 0);
    transform: skew(0.45deg);
  }
  17.5% {
    clip: rect(124px, 9999px, 95px, 0);
    transform: skew(0.67deg);
  }
  20% {
    clip: rect(165px, 9999px, 298px, 0);
    transform: skew(0.698deg);
  }
  22.5% {
    clip: rect(64px, 9999px, 42px, 0);
    transform: skew(0.796deg);
  }
  25% {
    clip: rect(64px, 9999px, 167px, 0);
    transform: skew(0.61deg);
  }
  27.5% {
    clip: rect(62px, 9999px, 434px, 0);
    transform: skew(0.636deg);
  }
  30% {
    clip: rect(153px, 9999px, 437px, 0);
    transform: skew(0.914deg);
  }
  32.5% {
    clip: rect(391px, 9999px, 405px, 0);
    transform: skew(0.022deg);
  }
  35% {
    clip: rect(44px, 9999px, 106px, 0);
    transform: skew(0.294deg);
  }
  37.5% {
    clip: rect(347px, 9999px, 142px, 0);
    transform: skew(0.834deg);
  }
  40% {
    clip: rect(121px, 9999px, 55px, 0);
    transform: skew(0.472deg);
  }
  42.5% {
    clip: rect(133px, 9999px, 405px, 0);
    transform: skew(0.172deg);
  }
  45% {
    clip: rect(346px, 9999px, 253px, 0);
    transform: skew(0.8deg);
  }
  47.5% {
    clip: rect(82px, 9999px, 147px, 0);
    transform: skew(0.744deg);
  }
  50% {
    clip: rect(347px, 9999px, 237px, 0);
    transform: skew(0.24deg);
  }
  52.5% {
    clip: rect(94px, 9999px, 170px, 0);
    transform: skew(0.848deg);
  }
  55% {
    clip: rect(385px, 9999px, 81px, 0);
    transform: skew(0.554deg);
  }
  57.5% {
    clip: rect(41px, 9999px, 96px, 0);
    transform: skew(0.512deg);
  }
  60% {
    clip: rect(178px, 9999px, 478px, 0);
    transform: skew(0.758deg);
  }
  62.5% {
    clip: rect(13px, 9999px, 7px, 0);
    transform: skew(0.84deg);
  }
  65% {
    clip: rect(357px, 9999px, 272px, 0);
    transform: skew(0.058deg);
  }
  67.5% {
    clip: rect(132px, 9999px, 1px, 0);
    transform: skew(0.76deg);
  }
  70% {
    clip: rect(114px, 9999px, 291px, 0);
    transform: skew(0.792deg);
  }
  72.5% {
    clip: rect(136px, 9999px, 103px, 0);
    transform: skew(0.384deg);
  }
  75% {
    clip: rect(288px, 9999px, 221px, 0);
    transform: skew(0.76deg);
  }
  77.5% {
    clip: rect(461px, 9999px, 393px, 0);
    transform: skew(0.668deg);
  }
  80% {
    clip: rect(96px, 9999px, 385px, 0);
    transform: skew(0.772deg);
  }
  82.5% {
    clip: rect(461px, 9999px, 245px, 0);
    transform: skew(0.152deg);
  }
  85% {
    clip: rect(276px, 9999px, 37px, 0);
    transform: skew(0.982deg);
  }
  87.5% {
    clip: rect(80px, 9999px, 4px, 0);
    transform: skew(0.856deg);
  }
  90% {
    clip: rect(274px, 9999px, 113px, 0);
    transform: skew(0.752deg);
  }
  92.5% {
    clip: rect(410px, 9999px, 134px, 0);
    transform: skew(0.186deg);
  }
  95% {
    clip: rect(384px, 9999px, 334px, 0);
    transform: skew(0.188deg);
  }
  97.5% {
    clip: rect(419px, 9999px, 421px, 0);
    transform: skew(0.97deg);
  }
}
@keyframes EbookError2 {
  0% {
    clip: rect(401px, 9999px, 233px, 0);
    transform: skew(0.638deg);
  }
  2.5% {
    clip: rect(358px, 9999px, 8px, 0);
    transform: skew(0.978deg);
  }
  5% {
    clip: rect(211px, 9999px, 213px, 0);
    transform: skew(0.648deg);
  }
  7.5% {
    clip: rect(36px, 9999px, 242px, 0);
    transform: skew(0.88deg);
  }
  10% {
    clip: rect(69px, 9999px, 96px, 0);
    transform: skew(0.64deg);
  }
  12.5% {
    clip: rect(389px, 9999px, 39px, 0);
    transform: skew(0.4deg);
  }
  15% {
    clip: rect(488px, 9999px, 469px, 0);
    transform: skew(0.364deg);
  }
  17.5% {
    clip: rect(416px, 9999px, 220px, 0);
    transform: skew(0.836deg);
  }
  20% {
    clip: rect(182px, 9999px, 29px, 0);
    transform: skew(0.94deg);
  }
  22.5% {
    clip: rect(400px, 9999px, 112px, 0);
    transform: skew(0.488deg);
  }
  25% {
    clip: rect(395px, 9999px, 348px, 0);
    transform: skew(0.866deg);
  }
  27.5% {
    clip: rect(266px, 9999px, 156px, 0);
    transform: skew(0.114deg);
  }
  30% {
    clip: rect(103px, 9999px, 426px, 0);
    transform: skew(0.708deg);
  }
  32.5% {
    clip: rect(337px, 9999px, 351px, 0);
    transform: skew(0.98deg);
  }
  35% {
    clip: rect(223px, 9999px, 325px, 0);
    transform: skew(0.018deg);
  }
  37.5% {
    clip: rect(372px, 9999px, 23px, 0);
    transform: skew(0.77deg);
  }
  40% {
    clip: rect(366px, 9999px, 37px, 0);
    transform: skew(0.77deg);
  }
  42.5% {
    clip: rect(359px, 9999px, 362px, 0);
    transform: skew(0.59deg);
  }
  45% {
    clip: rect(265px, 9999px, 460px, 0);
    transform: skew(0.484deg);
  }
  47.5% {
    clip: rect(146px, 9999px, 136px, 0);
    transform: skew(0.396deg);
  }
  50% {
    clip: rect(376px, 9999px, 332px, 0);
    transform: skew(0.658deg);
  }
  52.5% {
    clip: rect(209px, 9999px, 413px, 0);
    transform: skew(0.614deg);
  }
  55% {
    clip: rect(400px, 9999px, 451px, 0);
    transform: skew(0.226deg);
  }
  57.5% {
    clip: rect(178px, 9999px, 181px, 0);
    transform: skew(0.388deg);
  }
  60% {
    clip: rect(434px, 9999px, 334px, 0);
    transform: skew(0.792deg);
  }
  62.5% {
    clip: rect(117px, 9999px, 368px, 0);
    transform: skew(0.216deg);
  }
  65% {
    clip: rect(39px, 9999px, 208px, 0);
    transform: skew(0.732deg);
  }
  67.5% {
    clip: rect(381px, 9999px, 90px, 0);
    transform: skew(0.368deg);
  }
  70% {
    clip: rect(257px, 9999px, 321px, 0);
    transform: skew(0.618deg);
  }
  72.5% {
    clip: rect(12px, 9999px, 86px, 0);
    transform: skew(0.456deg);
  }
  75% {
    clip: rect(487px, 9999px, 132px, 0);
    transform: skew(0.204deg);
  }
  77.5% {
    clip: rect(168px, 9999px, 291px, 0);
    transform: skew(0.406deg);
  }
  80% {
    clip: rect(276px, 9999px, 408px, 0);
    transform: skew(0.166deg);
  }
  82.5% {
    clip: rect(124px, 9999px, 294px, 0);
    transform: skew(0.474deg);
  }
  85% {
    clip: rect(71px, 9999px, 253px, 0);
    transform: skew(0.176deg);
  }
  87.5% {
    clip: rect(472px, 9999px, 214px, 0);
    transform: skew(0.356deg);
  }
  90% {
    clip: rect(351px, 9999px, 449px, 0);
    transform: skew(0.68deg);
  }
  92.5% {
    clip: rect(339px, 9999px, 206px, 0);
    transform: skew(0.07deg);
  }
  95% {
    clip: rect(453px, 9999px, 110px, 0);
    transform: skew(0.034deg);
  }
  97.5% {
    clip: rect(12px, 9999px, 408px, 0);
    transform: skew(0.666deg);
  }
}
@keyframes EbookError {
  0% {
    transform: skew(-1deg);
  }
  10% {
    transform: skew(5deg);
  }
  20% {
    transform: skew(5deg);
  }
  30% {
    transform: skew(-3deg);
  }
  40% {
    transform: skew(4deg);
  }
  50% {
    transform: skew(3deg);
  }
  60% {
    transform: skew(3deg);
  }
  70% {
    transform: skew(-3deg);
  }
  80% {
    transform: skew(-2deg);
  }
  90% {
    transform: skew(-2deg);
  }
}
.contact-wraper1 {
  margin-bottom: 60px;
  position: relative;
  background-position: -260px center;
}
.contact-wraper1 .contact-info {
  padding: 50px 30px;
}
.contact-wraper1:before {
  content: '';
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(to right, rgba(26, 22, 104, 0.5) 0, #000 100%);
}
.contact-wraper1:after {
  content: '';
  height: 100%;
  width: 50%;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 1280px) {
  .contact-wraper1 .contact-info {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 991px) {
  .contact-wraper1 {
    background-position: center;
    background-size: cover;
    margin-bottom: 0;
  }
  .contact-wraper1:after {
    content: none;
  }
  .contact-wraper1:before {
    height: 100%;
    width: 100%;
  }
  .contact-wraper1 .contact-info {
    padding: 50px 0 20px;
  }
}
.page {
  margin-top: 40px;
  align-items: center;
}
.page .page-text {
  color: #3e4954;
  font-weight: 600;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page {
    margin-top: 0;
    text-align: center;
  }
  .page .page-text {
    margin-bottom: 25px;
  }
}
.Ebook-shop-card {
  position: relative;
}
.Ebook-shop-card .Ebook-tags {
  display: flex;
  margin-bottom: 8px;
}
.Ebook-shop-card .Ebook-tags li a {
  color: var(--primary);
  margin-right: 5px;
  font-size: 14px;
}
.Ebook-shop-card.style-1 {
  background-color: #fff;
  padding: 22px;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 6px;
}
.Ebook-shop-card.style-1 .Ebook-content {
  padding-top: 20px;
  text-align: center;
}
.Ebook-shop-card.style-1 .Ebook-content .Ebook-rating {
  display: flex;
  justify-content: center;
}
.Ebook-shop-card.style-1 .Ebook-content .Ebook-rating li i {
  margin: 0 3px;
  font-size: 18px;
}
.Ebook-shop-card.style-1 .Ebook-content .Ebook-tags {
  justify-content: center;
}
.Ebook-shop-card.style-1 .Ebook-content .book-footer {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background: #fff;
  bottom: -50px;
  padding-bottom: 30px;
  border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
  left: 0;
  width: 100%;
  align-items: center;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.Ebook-shop-card.style-1 .Ebook-content .book-footer .rate p {
  color: var(--primary);
  font-size: 22px;
}
.Ebook-shop-card.style-1 .Ebook-content .book-footer .price {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 15px;
}
.Ebook-shop-card.style-1 .Ebook-content .book-footer .price .price-num {
  font-size: 24px;
  color: var(--primary);
  font-weight: 700;
}
.Ebook-shop-card.style-1 .Ebook-content .book-footer .price del {
  font-size: 16px;
  color: #aaa;
  font-weight: 500;
  font-family: var(--font-family-title);
  margin-top: 4px;
  padding: 0 10px;
}
.Ebook-shop-card.style-1:hover {
  box-shadow: 0 70px 60px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.Ebook-shop-card.style-1:hover .Ebook-content .title {
  margin-bottom: 0;
}
.Ebook-shop-card.style-1:hover .Ebook-content .book-footer {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 1680px) {
  .Ebook-shop-card.style-1 {
    padding: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .Ebook-shop-card.style-1 {
    padding: 12px;
  }
  .Ebook-shop-card.style-1 .Ebook-content .title {
    font-size: 1.15rem;
  }
}
@media only screen and (max-width: 575px) {
  .Ebook-shop-card.style-1 {
    padding: 22px;
  }
}
.Ebook-shop-card.style-2 {
  display: flex;
  border: 1px solid #f0f0f0;
  background-color: #fff;
  padding: 20px 20px;
  margin-bottom: 30px;
  border-radius: 6px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
@media only screen and (max-width: 575px) {
  .Ebook-shop-card.style-2 {
    display: block;
  }
}
.Ebook-shop-card.style-2 .Ebook-media {
  min-width: 200px;
  width: 200px;
  min-height: 280px;
  margin-right: 20px;
}
.Ebook-shop-card.style-2 .Ebook-media img {
  object-fit: cover;
  height: 100%;
  border-radius: 6px;
}
@media only screen and (max-width: 767px) {
  .Ebook-shop-card.style-2 .Ebook-media {
    min-width: 150px;
    width: 150px;
  }
}
@media only screen and (max-width: 575px) {
  .Ebook-shop-card.style-2 .Ebook-media {
    min-width: 100%;
    width: 100%;
    min-height: 100%;
  }
}
.Ebook-shop-card.style-2 .Ebook-tags {
  margin-bottom: 0;
}
.Ebook-shop-card.style-2 .Ebook-content {
  align-self: center;
}
@media only screen and (max-width: 575px) {
  .Ebook-shop-card.style-2 .Ebook-content {
    padding-top: 20px;
  }
}
.Ebook-shop-card.style-2 .Ebook-content .Ebook-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .Ebook-shop-card.style-2 .Ebook-content .Ebook-header {
    display: block;
  }
}
.Ebook-shop-card.style-2 .Ebook-content .Ebook-rating-box {
  display: flex;
}
.Ebook-shop-card.style-2 .Ebook-content .Ebook-rating-box .Ebook-rating {
  display: flex;
  text-align: center;
}
.Ebook-shop-card.style-2 .Ebook-content .Ebook-rating-box .Ebook-rating li {
  margin: 0 2px;
  line-height: 1;
}
.Ebook-shop-card.style-2 .Ebook-content .price .price-num {
  font-size: 28px;
  color: var(--title);
  font-weight: var(--headings-font-weight);
}
@media only screen and (max-width: 767px) {
  .Ebook-shop-card.style-2 .Ebook-content .price .price-num {
    font-size: 24px;
  }
}
.Ebook-shop-card.style-2 .Ebook-content .price del {
  font-weight: 500;
  font-size: 20px;
  margin-left: 10px;
  color: #aaa;
  font-family: var(--font-family-title);
}
@media only screen and (max-width: 767px) {
  .Ebook-shop-card.style-2 .Ebook-content .price del {
    font-size: 15px;
  }
}
.Ebook-shop-card.style-2 .Ebook-content .Ebook-body {
  margin-top: 15px;
}
@media only screen and (max-width: 991px) {
  .Ebook-shop-card.style-2 .Ebook-content .Ebook-body {
    display: block;
  }
}
.Ebook-shop-card.style-2 .Ebook-content .Ebook-body .rate {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .Ebook-shop-card.style-2 .Ebook-content .Ebook-body .rate {
    display: block;
    margin-top: 10px;
  }
}
.Ebook-shop-card.style-2 .Ebook-content .Ebook-body .rate .book-info {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .Ebook-shop-card.style-2 .Ebook-content .Ebook-body .rate .book-info {
    margin-bottom: 15px;
  }
}
.Ebook-shop-card.style-2 .Ebook-content .Ebook-body .rate .book-info li {
  color: #11142d;
  font-size: 18px;
  font-weight: var(--headings-font-weight);
  padding: 0 20px 0 0;
}
@media only screen and (max-width: 991px) {
  .Ebook-shop-card.style-2 .Ebook-content .Ebook-body .rate .book-info li {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .Ebook-shop-card.style-2 .Ebook-content .Ebook-body .rate .book-info li {
    padding: 0 10px 0 0;
  }
}
.Ebook-shop-card.style-2 .Ebook-content .Ebook-body .rate .book-info li span {
  display: block;
  color: #aaa;
  font-size: 14px;
}
.Ebook-shop-card.style-5 {
  align-items: center;
  display: flex;
  margin-top: 25px;
  margin-bottom: -3px;
}
.Ebook-shop-card.style-5 .Ebook-media {
  min-width: 110px;
  width: 110px;
  min-height: 140px;
}
.Ebook-shop-card.style-5 .Ebook-media img {
  width: 100%;
  border-radius: var(--border-radius-base);
}
.Ebook-shop-card.style-5 .Ebook-content {
  margin-left: 15px;
}
.Ebook-shop-card.style-5 .Ebook-content .Ebook-tags {
  display: flex;
}
.Ebook-shop-card.style-5 .Ebook-content .Ebook-tags li {
  color: var(--primary);
  font-weight: var(--headings-font-weight2);
  font-size: 14px;
  margin-right: 5px;
}
.Ebook-shop-card.style-5 .Ebook-content .price {
  display: flex;
  margin-bottom: 15px;
  line-height: 1.2;
}
.Ebook-shop-card.style-5 .Ebook-content .price .price-num {
  font-size: 18px;
  color: var(--primary);
  font-weight: 700;
}
.Ebook-shop-card.style-5 .Ebook-content .price del {
  font-size: 14px;
  color: #aaa;
  font-weight: 400;
  font-family: var(--font-family-title);
  margin-top: 4px;
  padding: 0 5px;
}
.Ebook-shop-card.style-5 .Ebook-content .box-btn {
  padding: 13px 14px;
}
.Ebook-shop-card.style-5 .Ebook-content .box-btn i {
  margin-right: 8px;
}
.book-grid-row.style-4 .Ebook-box {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .book-grid-row.style-4 .Ebook-box {
    display: block;
  }
}
.book-grid-row.style-4 .Ebook-box .Ebook-media {
  min-width: 400px;
}
.book-grid-row.style-4 .Ebook-box .Ebook-media img {
  border-radius: 10px;
}
@media only screen and (max-width: 1280px) {
  .book-grid-row.style-4 .Ebook-box .Ebook-media {
    min-width: 250px;
  }
}
.book-grid-row.style-4 .Ebook-box .Ebook-content {
  margin-left: 50px;
  padding-top: 15px;
}
@media only screen and (max-width: 1280px) {
  .book-grid-row.style-4 .Ebook-box .Ebook-content {
    margin-left: 30px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .book-grid-row.style-4 .Ebook-box .Ebook-content {
    margin-left: 0;
    padding-top: 25px;
  }
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-header {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1280px) {
  .book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-header {
    margin-bottom: 20px;
  }
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-header .shop-item-rating {
  display: flex;
  justify-content: space-between;
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-header .shop-item-rating .Ebook-rating {
  display: flex;
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-header .shop-item-rating .Ebook-rating li {
  margin-right: 4px;
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-detail .book-info {
  display: flex;
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-detail .book-info li {
  color: var(--secondary);
  font-size: 18px;
  font-weight: var(--headings-font-weight);
  padding: 0 65px 0 0;
}
@media only screen and (max-width: 1280px) {
  .book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-detail .book-info li {
    padding: 0 20px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-detail .book-info li {
    font-size: 15px;
  }
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-detail .book-info li span {
  display: block;
  color: #aaa;
  font-size: 14px;
  font-weight: 500;
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-detail .right-info .badge {
  border: 1px solid #ebe8fe;
  color: #131045;
  font-size: 14px;
  padding: 10px 14px;
  margin: 0 7px;
}
.book-grid-row.style-4
  .Ebook-box
  .Ebook-content
  .Ebook-body
  .book-detail
  .right-info
  .badge.badge-1 {
  color: #53c258;
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .text-1 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1280px) {
  .book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .text-1 {
    margin-bottom: 20px;
  }
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
@media only screen and (max-width: 991px) {
  .book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-footer {
    display: block;
  }
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-footer .price {
  display: flex;
  align-items: baseline;
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-footer .price .h5,
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-footer .price h5 {
  font-size: 30px;
  color: var(--primary);
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-footer .price p {
  font-weight: 500;
  font-size: 18px;
  text-decoration: line-through;
  color: #636363;
  font-family: var(--font-family-title);
  margin-bottom: 0;
}
.book-grid-row.style-4 .Ebook-box .Ebook-content .Ebook-body .book-footer .price .badge {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #ff754c;
  width: 57px;
  height: 30px;
  border-radius: var(--border-radius-base);
  text-align: center;
  line-height: 20px;
}
.Ebook-widget_services .form-check {
  padding-top: 5px;
  padding-bottom: 5px;
}
.book-grid-row .col-book.style-1 {
  width: 25%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .book-grid-row .col-book.style-1 {
    width: 33%;
  }
}
@media only screen and (max-width: 991px) {
  .book-grid-row .col-book.style-1 {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .book-grid-row .col-book.style-1 {
    width: 100%;
    margin-bottom: 0;
  }
}
.book-grid-row .col-book.style-2 {
  width: 33.33%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .book-grid-row .col-book.style-2 {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .book-grid-row .col-book.style-2 {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .book-grid-row .col-book.style-2 {
    width: 100%;
    margin-bottom: 0;
  }
}
.shop-bx {
  padding: 0 20px 30px;
  border-radius: 4px;
  background-color: var(--white);
}
.shop-bx .shop-bx-title {
  border-bottom: 1px solid var(--primary);
  padding: 10px 0;
  font-size: 22px;
  margin-bottom: 30px;
}
.widget_shopping_cart_content p strong {
  margin-right: 10px;
  color: var(--title);
}
.login input[type='password'],
.login input[type='text'] {
  height: 50px;
}

.logo-header {
  display: table;
  float: left;
  vertical-align: middle;
  padding: 0;
  color: #efbb20;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  width: 180px;
  height: 80px;
  position: relative;
  z-index: 9;
}
.logo-header a {
  display: table-cell;
  vertical-align: middle;
}
.logo-header img {
  height: 80px;
  max-width: 180px;
  object-fit: contain;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
@media only screen and (max-width: 991px) {
  .logo-header img {
    max-width: 180px;
    height: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .logo-header img {
    max-width: 150px;
  }
}
.logo-header span {
  font-size: 20px;
  letter-spacing: 20px;
}
.top-bar {
  background-color: #fff;
  color: #212529;
  padding: 12px 0;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}
.top-bar .Ebook-social li a {
  color: inherit;
  font-size: inherit;
}
.top-bar .Ebook-social li a:hover {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 991px) {
  .top-bar {
    display: none;
  }
}
.site-header {
  position: relative;
  z-index: 9999;
}
.site-header .main-bar {
  background: #fff;
  width: 100%;
  position: relative;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}
.site-header .container {
  position: relative;
}
.site-header .extra-nav {
  float: right;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 9;
  height: 80px;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .site-header .extra-nav {
    display: none;
  }
}
.site-header .extra-nav .extra-cell {
  display: flex;
  align-items: center;
}
.site-header .extra-nav .extra-cell > * {
  margin-left: 20px;
}
@media only screen and (max-width: 991px) {
  .site-header .extra-nav .extra-cell > * {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .site-header .extra-nav {
    height: 80px;
  }
}
@media only screen and (max-width: 1680px) {
  .site-header .extra-nav {
    padding-left: 0;
  }
}
@media only screen and (max-width: 575px) {
  .site-header .extra-nav .btn {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.site-header .extra-nav ul li {
  display: inline-block;
}
.site-header .extra-nav ul li .icon {
  padding: 0;
  background: 0 0;
  min-width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
}
.navbar-toggler {
  border: 0 solid #efbb20;
  font-size: 16px;
  line-height: 24px;
  margin: 40px 0 39px 15px;
  padding: 0;
  float: right;
  outline: 0 !important;
}
@media only screen and (max-width: 991px) {
  .navbar-toggler {
    margin: 18px 0 16px 15px;
  }
}
.navicon {
  width: 45px;
  height: 45px;
  background: var(--primary);
  box-shadow: 0 5px 15px -10px var(--primary);
  position: relative;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  border-radius: var(--border-radius-base);
}
.navicon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 1px;
  opacity: 1;
  background: #fff;
  left: 10px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.navicon span:nth-child(1) {
  top: 13px;
  width: 22px;
}
.navicon span:nth-child(2) {
  top: 22px;
  width: 25px;
}
.navicon span:nth-child(3) {
  top: 32px;
  width: 20px;
}
.navicon.open span:nth-child(1) {
  top: 23px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.navicon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.navicon.open span:nth-child(3) {
  top: 23px;
  width: 23px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.header-nav {
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .header-nav {
    overflow-y: scroll;
    position: fixed;
    width: 60px;
    left: -280px;
    height: 100vh !important;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    top: 0;
    background-color: #fff;
    margin: 0;
    z-index: 99;
  }
}
@media only screen and (max-width: 991px) {
  .header-nav.show {
    left: -1px;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    margin: 0;
    width: 280px;
  }
}
.header-nav .logo-header {
  display: none;
}
@media only screen and (max-width: 991px) {
  .header-nav .logo-header {
    padding: 30px 20px;
    float: none;
    height: auto;
    width: 240px;
  }
}
.header-nav .nav {
  float: right;
  padding: 0;
  font-size: 0;
}
.header-nav .nav > li {
  margin: 0;
  font-weight: 400;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li {
    border-bottom: 1px solid #eee;
    width: 100%;
  }
}
.header-nav .nav > li.sub-menu-down > a:after {
  content: '\f078';
  font-size: 9px;
  margin-left: 5px;
  margin-top: 0;
  vertical-align: middle;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li.sub-menu-down > a:after {
    content: '\f054';
    background-color: var(--primary);
    color: #fff;
    height: 30px;
    line-height: 30px;
    right: 0;
    text-align: center;
    width: 30px;
    z-index: 3;
    float: right;
    font-size: 14px;
    margin: 0;
    border-radius: var(--border-radius-base);
  }
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li.sub-menu-down > a:after:before {
    content: '\f078';
  }
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li.sub-menu-down.open > a:after {
    content: '\f078';
    background: var(--title);
  }
}
.header-nav .nav > li > a {
  color: var(--title);
  font-size: 15px;
  padding: 32px 15px;
  font-family: var(--font-family-title);
  cursor: pointer;
  font-weight: 600;
  display: inline-block;
  position: relative;
  border-width: 0 0 0 1px;
  text-transform: capitalize;
  line-height: 1;
}
@media only screen and (max-width: 1280px) {
  .header-nav .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li > a {
    padding: 8px 0;
    display: block;
    line-height: 30px;
    font-size: 16px;
  }
}
.header-nav .nav > li.current > a span{
color: var(--primary);
}
.header-nav .nav > li > a span {
  display: inline-block;
}
.header-nav .nav > li .sub-menu {
  background-color: #fff;
  display: block;
  left: 0;
  list-style: none;
  opacity: 0;
  padding: 15px 0;
  position: absolute;
  visibility: hidden;
  width: 220px;
  z-index: 10;
  margin-top: 20px;
  text-align: left;
  border-radius: 0 var(--border-radius-base) var(--border-radius-base) var(--border-radius-base);
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li .sub-menu {
    display: none;
    position: static;
    visibility: visible;
    width: auto;
    background: 0 0;
    box-shadow: none;
    margin: 0;
    border-top: 1px solid #eee;
    padding: 10px 0;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .header-nav .nav > li .sub-menu > li > a i {
    color: #fff !important;
    height: 30px;
    line-height: 30px;
    right: 0;
    text-align: center;
    width: 30px;
    z-index: 3;
    font-size: 14px !important;
    margin: 0 !important;
    background: #aaa;
  }
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li .sub-menu {
    display: none;
    position: static;
    visibility: visible;
    width: auto;
    background: 0 0;
    box-shadow: none;
    margin: 0;
    border-top: 1px solid #eee;
    padding: 0 0;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
    opacity: 1;
  }
  .header-nav .nav > li .sub-menu > li > a i {
    display: none;
  }
  .header-nav .nav > li .sub-menu > li > a i {
    color: #fff !important;
    font-size: 14px;
    content: '\f054';
    height: 30px;
    line-height: 30px;
    right: 0;
    text-align: center;
    width: 30px;
    z-index: 3;
    margin: 0 !important;
    background: var(--primary);
    border-radius: var(--border-radius-base);
  }
}
.header-nav .nav > li .sub-menu li {
  position: relative;
}
.header-nav .nav > li .sub-menu li a {
  color: #212529;
  display: block;
  font-size: 15px;
  padding: 10px 20px;
  line-height: 1.3;
  text-transform: capitalize;
  position: relative;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  font-weight: 400;
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li .sub-menu li a {
    padding: 4px 0 4px 15px;
    display: block;
    line-height: 30px;
    position: relative;
    border: 1px solid #eee;
    border-width: 0 0 1px 0;
  }
  .header-nav .nav > li .sub-menu li a:after {
    content: '';
    font-family: 'Font Awesome 5 Free';
    width: auto;
    height: auto;
    background: 0 0 !important;
    top: 3px;
    color: #262f5a;
    font-size: 12px;
    position: absolute;
    left: 0;
    font-weight: 700;
  }
}
.header-nav .nav > li .sub-menu li:hover > a {
  color: var(--primary);
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li .sub-menu li:hover > a {
    padding: 4px 0 4px 15px;
    background: 0 0;
  }
}
.header-nav .nav > li .sub-menu li:hover > a:after {
  width: 10px;
}
.header-nav .nav > li .sub-menu li > .sub-menu {
  left: 220px;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li .sub-menu li > .sub-menu {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li .sub-menu .sub-menu {
    border-top: 0;
    padding-left: 20px;
  }
  .header-nav .nav > li .sub-menu .sub-menu li a:after {
    width: 5px;
    content: none;
    height: 5px;
    background: #262f5a !important;
    border-radius: 4px;
    top: 13px;
  }
}
.header-nav .nav > li .sub-menu li > a > i {
  color: inherit;
  display: block;
  float: right;
  font-size: 18px;
  opacity: 1;
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li .sub-menu li > a > i {
    display: none;
  }
}
.header-nav .nav > li:hover > a {
  color: var(--primary);
}
.header-nav .nav > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li:hover > .sub-menu {
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
  }
}
.header-nav .nav > li:hover > .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  top: -1px;
}
.header-nav .nav > li.open .sub-menu {
  display: block;
  opacity: 1;
  -webkit-transition: none;
  -ms-transition: none;
  transition: none;
}
.header-nav .nav > li.open .open .sub-menu {
  display: block;
  opacity: 1;
  -webkit-transition: none;
  -ms-transition: none;
  transition: none;
}
@media only screen and (max-width: 1480px) {
  .header-nav .nav > li:last-child .sub-menu .sub-menu,
  .header-nav .nav > li:nth-last-child(2) .sub-menu .sub-menu,
  .header-nav .nav > li:nth-last-child(3) .sub-menu .sub-menu,
  .header-nav .nav > li:nth-last-child(4) .sub-menu .sub-menu {
    left: -220px;
  }
}
@media only screen and (max-width: 991px) {
  .header-nav .nav {
    float: none;
    padding: 0 20px;
  }
}
.header-nav .Ebook-social-icon {
  text-align: center;
  display: none;
}
.header-nav .Ebook-social-icon li {
  display: inline-block;
  margin: 0 2px;
}
.header-nav .Ebook-social-icon a {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 38px;
  text-align: center;
  border-radius: var(--border-radius-base);
}
@media only screen and (max-width: 991px) {
  .header-nav .Ebook-social-icon {
    display: block;
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.header-transparent .main-bar,
.header-transparent .top-bar {
  background: 0 0;
  box-shadow: none;
}
.header-transparent .container-lg,
.header-transparent .container-md,
.header-transparent .container-sm,
.header-transparent .container-xl {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width: 1280px) {
  .header-transparent .container-lg,
  .header-transparent .container-md,
  .header-transparent .container-sm,
  .header-transparent .container-xl {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 991px) {
  .header-transparent .nav > li > a {
    color: #fff;
  }
}
.header-transparent .navbar-toggler span {
  background: #fff;
}
.header-transparent .top-bar {
  border-color: #fff;
}
@media only screen and (max-width: 991px) {
  .mo-left .header-nav {
    overflow-y: scroll;
    position: fixed;
    width: 280px;
    left: -280px;
    height: 100vh !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    top: 0;
    background-color: #fff;
    margin: 0;
    z-index: 99;
  }
  .mo-left .header-nav.nav-dark {
    background-color: #202020;
  }
  .mo-left .header-nav.show {
    left: -1px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    margin: 0;
    width: 280px;
  }
  .mo-left .header-nav .logo-header {
    display: block;
    float: none;
    height: auto !important;
    max-width: 100%;
    padding: 30px 20px;
    width: 100% !important;
  }
  .mo-left .header-nav .logo-header img {
    max-width: unset;
    width: 180px;
    height: auto;
    vertical-align: middle;
  }
  .mo-left .header-nav li.open a {
    position: relative;
  }
  .mo-left .navbar-toggler.open {
    z-index: 99;
  }
  .mo-left .navbar-toggler.open:after {
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    left: 0;
    position: fixed;
    right: -20px;
    top: -63px;
    transform: scale(100);
    -o-transform: scale(100);
    -moz-transform: scale(100);
    -webkit-transform: scale(100);
    width: 100%;
    z-index: -1;
    transition: all 0.5s;
    transform-origin: top right;
    margin: 0 0 0 20px;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6);
  }
  .mo-left .navbar-toggler.open span {
    background: #fff;
  }
}
.main-bar {
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}

.extra-nav .extra-cell .header-right {
  align-items: center;
  margin-left: 15px;
  flex-direction: unset;
}
.extra-nav .extra-cell .header-right .nav-item {
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 10px;
  position: relative;
}
.extra-nav .extra-cell .header-right .nav-item .box {
  background-color: transparent;
  border-color: transparent;
}
.extra-nav .extra-cell .header-right .nav-item .nav-link {
  padding-right: 0;
  padding-left: 0;
  min-width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  border-radius: var(--border-radius-base);
}
.extra-nav .extra-cell .header-right .nav-item .nav-link svg {
  min-width: 24px;
  height: 24px;
}
.extra-nav .extra-cell .header-right .nav-item .nav-link .badge {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  padding: 0;
  line-height: 22px;
  height: 20px;
  width: 20px;
}
.extra-nav .extra-cell .header-right .nav-item:hover .nav-link {
  background: #f5f5f5;
}
.extra-nav .extra-cell .header-right .dropdown-menu {
  width: 220px;
  border: 0;
  inset: 14px 0 auto auto !important;
  position: absolute;
  border-radius: var(--border-radius-base) !important;
  background-color: #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}
.extra-nav .extra-cell .header-right .dropdown-menu svg {
  fill: var(--primary);
}
.extra-nav .extra-cell .header-right .dropdown-menu li:last-child {
  padding: 15px 15px 10px;
  border-bottom: 0;
}

.site-header.style-1 .header-nav .search-input {
  display: none;
}
.site-header.style-1 .header-info-bar + .main-bar-wraper .main-bar .logo-header {
  display: none;
}
@media only screen and (max-width: 991px) {
  .site-header.style-1 .header-nav .search-input {
    display: flex;
    padding: 0 20px;
    margin-bottom: 0;
  }
  .site-header.style-1 .header-info-bar + .main-bar-wraper .main-bar .logo-header {
    display: block;
  }
}
.header-info-bar {
  position: relative;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 99;
}
@media only screen and (max-width: 991px) {
  .header-info-bar {
    display: none;
  }
}
.header-info-bar .header-search-nav {
  flex-basis: auto;
  display: flex !important;
}
.header-item-search {
  width: 100%;
  margin-left: 150px;
  height: 80px;
  align-items: center;
  display: flex;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .header-item-search {
    margin-left: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .header-item-search {
    display: block;
    margin-left: 0;
    padding: 0 20px;
    height: auto;
  }
  .header-item-search .navbar-nav {
    padding: 0;
  }
}
.header-item-search .main-menu {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
}
@media only screen and (max-width: 991px) {
  .header-item-search .main-menu {
    width: 100%;
  }
}
.header-item-search .main-menu .menu-item {
  border: 0;
  padding: 15px 20px;
  background-color: #f5f5f5;
  color: var(--title);
  min-width: 135px;
  font-size: 14px;
  height: 48px;
  font-weight: 600;
  position: relative;
  font-family: var(--font-family-title);
  display: flex;
  align-items: center;
}
.header-item-search .main-menu .menu-item i {
  font-size: 12px;
  position: absolute;
  right: 20px;
  color: var(--title);
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1280px) {
  .header-item-search .main-menu .menu-item {
    padding: 15px 20px;
    min-width: 135px;
  }
  .header-item-search .main-menu .menu-item i {
    right: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .header-item-search .main-menu .menu-item {
    display: none;
  }
}
.search-input {
  margin-bottom: 0;
  align-items: center;
}
.login .search-input input[type='password'],
.login .search-input input[type='text'],
.search-input .form-control,
.search-input .login input[type='password'],
.search-input .login input[type='text'] {
  border: 0;
  margin-left: 0 !important;
  border-radius: var(--border-radius-base) !important;
}
.search-input .btn {
  background-color: transparent;
  position: absolute;
  right: 0;
  z-index: 9;
  height: 48px;
  width: 48px;
  padding: 0;
  text-align: center;
  line-height: 48px;
  justify-content: center;
}
@media only screen and (max-width: 1280px) {
  .login .search-input input[type='password'],
  .login .search-input input[type='text'],
  .search-input .form-control,
  .search-input .login input[type='password'],
  .search-input .login input[type='text'] {
    padding: 15px 20px;
  }
  .search-input .btn i {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .login .search-input input[type='password'],
  .login .search-input input[type='text'],
  .search-input .form-control,
  .search-input .login input[type='password'],
  .search-input .login input[type='text'] {
    height: 50px;
  }
  .search-input .btn {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
.cart-list {
  border: 0;
  right: 0;
  left: auto;
  width: 300px;
  top: 100%;
  transition: none;
  margin-top: 0;
}
.cart-list li {
  padding: 10px 15px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  width: 100%;
}
.cart-list li .media {
  display: flex;
  align-items: center;
}
.cart-list li .media .media-left {
  width: 60px;
  height: 80px;
  border-radius: 6px;
  overflow: hidden;
}
.cart-list li .media .media-left img {
  width: 100%;
  height: 100%;
}
.cart-list li .media .media-body {
  position: relative;
  padding-left: 10px;
  padding-right: 30px;
  flex: 1;
}
.cart-list li .media .media-body .Ebook-title {
  color: var(--secondary);
  font-size: 18px;
  font-weight: 600;
}
.cart-list li .media .media-body .Ebook-title a {
  color: inherit;
}
.cart-list li .media .media-body .Ebook-price {
  font-size: 16px;
  color: var(--primary);
}
.cart-list.dropdown-menu {
  width: 300px !important;
}
.extra-nav .extra-cell .header-right .cart-list.dropdown-menu {
  inset: 100% 0 auto auto !important;
  margin-top: 14px;
  position: absolute;
}
.page-title {
  padding: 30px 0;
}
.page-title .page-title-content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.page-title .page-title-content p span {
  font-weight: 500;
  color: var(--primary);
}
@media only screen and (max-width: 767px) {
  footer .row {
    --bs-gutter-x: 10px;
  }
}
footer .widget_about p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1280px) {
  footer .widget_about {
    text-align: center;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
}
footer .footer-logo {
  margin-bottom: 25px;
}
footer .footer-logo img {
  max-width: 220px;
}
footer .footer-title {
  margin: 0;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  line-height: 1.2;
}
footer .footer-top {
  padding: 70px 0 30px;
}
footer .footer-top .widget {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  footer .footer-top {
    padding: 50px 0 0;
  }
}
footer .footer-bottom {
  padding: 28px 0;
  border-top: 1px solid #f3f3f3;
  color: #a9a9a9;
  font-size: 15px;
}
@media only screen and (max-width: 575px) {
  footer .footer-bottom {
    font-size: 14px;
  }
}
footer .footer-bottom p {
  margin-bottom: 0;
}
footer .footer-bottom .copyright-text a {
  color: #fff;
}
footer .footer-bottom .heart.heart-blast {
  background-position: -1680px 0 !important;
  transition: background 1s steps(28);
}
footer .footer-bottom .heart {
  width: 60px;
  height: 60px;
  display: inline-block;
  background: url(../images/like.png);
  cursor: pointer;
  margin: -25px -15px;
}
@media only screen and (max-width: 1024px) {
  footer .footer-bottom p {
    font-size: 13px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-top {
    padding: 45px 0 30px;
  }
  footer .footer-bottom .text-end,
  footer .footer-bottom .text-start {
    text-align: center !important;
  }
  footer .footer-bottom .text-end {
    margin-top: 15px;
  }
  footer .footer-bottom p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-top {
    padding: 45px 0 0;
  }
}
footer .widget_services ul li a {
  display: block;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
footer.footer-dark {
  background: var(--secondary);
  --title: #fff;
}
footer.footer-dark .footer-bottom {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}
footer.footer-dark .footer-top {
  color: rgba(255, 255, 255, 0.6);
}
footer.footer-dark .footer-category {
  background: var(--primary);
  border-color: rgba(255, 255, 255, 0.1);
}
footer.footer-dark .footer-category .toggle-items ul li a {
  color: rgba(255, 255, 255, 0.85);
}
footer.footer-dark .footer-category .toggle-items ul li a:hover {
  color: var(--secondary);
}
.widget_getintuch ul li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 45px;
  min-height: 35px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .widget_getintuch ul li {
    margin-bottom: 20px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .widget_getintuch ul li {
    padding-left: 40px;
  }
}
.widget_getintuch ul li .h5,
.widget_getintuch ul li h5 {
  font-size: 20px;
  line-height: 1.33;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1280px) {
  .widget_getintuch ul li .h5,
  .widget_getintuch ul li h5 {
    font-size: 18px;
    line-height: 1.2;
  }
}
.widget_getintuch ul li i {
  position: absolute;
  font-size: 28px;
  line-height: 1;
  left: 0;
  color: var(--primary);
}
@media only screen and (max-width: 1280px) {
  .widget_getintuch ul li i {
    font-size: 35px;
    top: 6px;
  }
}
@media only screen and (max-width: 575px) {
  .widget_getintuch ul li i {
    font-size: 28px;
  }
}
.fb-link {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fb-link li {
  display: inline-block;
}
.fb-link li a {
  color: #fff;
  position: relative;
}
.fb-link li a:after {
  content: '';
  background: var(--primary);
  width: 5px;
  height: 5px;
}
.footer-link li {
  display: inline-block;
  font-family: Poppins, sans-serif;
  position: relative;
  padding: 0 25px 0 20px;
}
.footer-link li a {
  color: inherit;
}
.footer-link li:before {
  content: '';
  height: 8px;
  width: 8px;
  background-color: var(--primary);
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 8px;
  transform: translateY(-50%);
}
.footer-category {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #f9f9f9;
}
.footer-category .toggle-btn {
  position: relative;
  font-family: var(--font-family-title);
  color: var(--title);
  font-size: 18px;
  font-weight: 500;
}
.footer-category .toggle-btn:before {
  content: '\2b';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  margin-right: 10px;
}
.footer-category .toggle-items {
  margin-top: 22px;
  display: none;
}
.footer-category .toggle-items:after {
  display: block;
  clear: both;
  content: '';
}
.footer-category .toggle-items ul li {
  width: 25%;
  float: left;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .footer-category .toggle-items ul li {
    padding: 5px 0;
  }
}
.footer-category .toggle-items ul li a {
  color: #363848;
  display: block;
}
.footer-category .toggle-items ul li a:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1280px) {
  .footer-category .toggle-items ul li {
    width: 33%;
  }
}
@media only screen and (max-width: 575px) {
  .footer-category .toggle-items ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .footer-category .toggle-items {
    margin-top: 10px;
  }
}
.footer-col-book ul li a {
  padding: 5px 0;
}
#bg {
  background-attachment: fixed;
  background-size: cover;
}
.main-bar-wraper.sticky-no .main-bar {
  position: unset;
}

.hero__book {
  padding-right: 10px;
  animation: upDown 3s linear infinite alternate;
}
.hero__book--wrapper {
  position: relative;
}
.bg-tertiary,
.hero__images4:after,
.hero__author--inner2--pic::before,
.hero__book--wrapper::before {
  background: var(--primary);
}
.hero__book--wrapper::before {
  border-radius: 5px;
  content: '';
  position: absolute;
  left: -10px;
  bottom: -10px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--primary);
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hero__author--inner {
  position: relative;
  width: 26vw;
  height: 32vw;
  -webkit-transform: rotateY(5deg);
  transform: rotateY(5deg);
  margin-left: auto;
  border-radius: 5px;
}
.hero__author--inner2--pic:before {
  content: '';
  position: absolute;
  width: 90%;
  height: 80%;
  background-color: var(--primary);
  opacity: 0.9;
  z-index: -1;
  right: 0;
  bottom: 0;
}
.hero__author--inner2--pic {
  position: relative;
  background-size: contain;
}
.hero__author--inner--pic {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
}
.hero__author--inner2 .frame.frame-1 {
  opacity: 0.25;
  -webkit-transform: translate(2rem, 2rem);
  -ms-transform: translate(2rem, 2rem);
  transform: translate(2rem, 2rem);
}

.hero__author--inner2 .frame {
  left: inherit;
  right: 0;
  width: 80%;
}
.hero__author--inner .frame {
  border-radius: 5px;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  border: 1px solid #2f4858;
}
.hero__author--inner2 .frame.frame-2 {
  opacity: 0.15;
  -webkit-transform: translate(4rem, 4rem);
  -ms-transform: translate(4rem, 4rem);
  transform: translate(4rem, 4rem);
}

.hero__author--inner2 .frame.frame-3 {
  opacity: 0.05;
  -webkit-transform: translate(6rem, 6rem);
  -ms-transform: translate(6rem, 6rem);
  transform: translate(6rem, 6rem);
}
.hero__author--inner2 {
  width: 20vw;
  height: 28vw;
}

.why_choose_sec {
  padding: 80px 0px;
}
.book_tabs li .nav-link.active img {
  filter: invert(1);
}
.book_tabs li .nav-link.active {
  background: #eaa44d;
}
.book_tabs li .nav-link {
  padding: 10px 20px;
  width: 120px;
  height: 120px;
  margin: 5px;
  color: #000;
  background: #d6d6d6;
}
.book_tabs li button img {
  width: 65x;
}
.book_tab_content p {
  font-size: 18px;
}
.breadcrumb-row {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -27px;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: white;
}
.breadcrumb {
  background: var(--primary);
  padding: 0;
  display: inline-block;
  padding: 15px 30px;
  border-radius: var(--border-radius-base);
}
.breadcrumb-row ul li {
  padding: 0;
  margin-right: 3px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
}
.breadcrumb-row ul li a {
  color: #ffffff;
}
.contact-area {
  padding: 50px;
  background: #fff;
  box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.07);
}
.contact-wraper .contact-area {
  margin-top: -60px;
  margin-bottom: -80px;
}
.contact-wraper:before {
  content: '';
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, #000000 100%);
}
.contact-wraper:after {
  content: '';
  height: 100%;
  width: 50%;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.contact-wraper .contact-info {
  padding: 50px 30px;
}

.page_header {
  height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 2;
  width: 100%;
}
.page_header::before {
  opacity: 0.9;
  background: #191919;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page_header:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  height: 100%;
  width: 60%;
  background-color: #fff;
  opacity: 0.15;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.page_header h1 {
  font-size: 3.5rem;
  margin-bottom: 10px;
  line-height: 1.2;
  color: #fff;
  text-transform: capitalize;
}
.page_header .container {
  display: table;
  height: 100%;
  position: relative;
  z-index: 1;
}
.map-iframe {
  height: 450px;
}
.map-iframe iframe {
  width: 100%;
  height: 100%;
}
.newsletter-wrapper .subscride-inner {
  position: relative;
  padding: 30px 0px;
}
.newsletter-wrapper .subscride-inner .subscride-img {
  position: absolute;
  right: 0;
  width: 300px;
  top: -22%;
}
.about_main_sec {
  overflow: hidden;
}
.about_inner {
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 100px;
  padding-right: 50px;
}
.about_img {
  background-image: url(../images/bg2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.main-faq-content {
  position: relative;
}
.main-faq-content .faq-content-box {
  position: relative;
}
.main-faq-content .faq-content-box .faq-accordion {
  margin-top: 22px;
}
.main-faq-content .faq-content-box .faq-accordion .card {
  background: whitesmoke;
  box-shadow: none;
  border: none;
  border-radius: 6px !important;
  overflow: hidden;
  margin-bottom: 20px;
  display: block;
}
.main-faq-content .faq-content-box .faq-accordion .card:last-child {
  margin-bottom: 0;
}
.main-faq-content .faq-content-box .faq-accordion .card .card-body {
  background: none;
  padding: 20px 20px;
}
.main-faq-content .faq-content-box .faq-accordion .card .card-header {
  padding: 0;
  background: transparent;
  border: none;
  display: block;
  border-radius: 4px;
  margin-bottom: 0 !important;
}
.main-faq-content .faq-content-box .faq-accordion .card .card-header .title {
  height: 55px;
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0px;
  padding: 5px 60px 5px 20px;
  background: var(--primary);
  color: white;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease 0s;
}
.main-faq-content .faq-content-box .faq-accordion .card .card-header .title .icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 45px;
  height: 45px;
  background: white;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.main-faq-content .faq-content-box .faq-accordion .card .card-header .title .icon i {
  position: relative;
  color: var(--primary);
  transform: rotate(90deg);
  transition: 0.3s;
  z-index: 1;
}
.main-faq-content .faq-content-box .faq-accordion .card .card-header .title.collapsed .icon i {
  transform: rotate(270deg);
}
.form-control {
  height: auto;
}
.achieve__content{
  padding-right: 70px;
  padding-left: 60px;
}
.why_choose_sec{
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .subscride-img{
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .main-slider.style-1 .banner-content .content-btn a{
margin-top: 10px;
  }
  .main-slider.style-1 .banner-content .text{
    padding-left: 13px !important;
  }
  .hero__author  {
    display: none;
  }
  .why_choose_sec{
    overflow: hidden;
  }
  .book_tabs{
    padding: 0px 10px;
  }
  .book_tabs li .nav-link{
    width: 115px;
    margin: 1px;
    height: 115px;
  }
  .main-faq-content .faq-content-box .faq-accordion .card .card-header .title{
    height: 75px;
        
  }
  .subscride-img{
    display: none;
  }
  .main-faq-content .faq-content-box .faq-accordion .card .card-header .title .icon{
          top: 14px;
  }
  .achieve__content{
    padding: 24px;
  }
}
.about-three__thumb__shape-five {
  position: absolute;
  bottom: 10px;
  left: -70px;
}
.about-three__thumb__shape-six {
  position: absolute;
  bottom: -40px;
  left: -70px;
}
.about-three__thumb__shape-five span {
  width: 13.73px;
  height: 13.73px;
  border: 1.7px solid var(--primary);
  display: inline-block;
  border-radius: 50%;
  margin: 0 45px 0 0;
}
.about-three__thumb__shape-six span {
  width: 13.73px;
  height: 13.73px;
  border: 1.7px solid var(--primary);
  display: inline-block;
  border-radius: 50%;
  margin: 0 45px 0 0;
}


/*  */

body {
  color: #333;
  background-color: #f3f3e9;
}

.main_logo img {
  width: 30%;
}

img {
  max-width: 100%;
}

.side_linkss ul {
  display: flex;
  list-style: none;
  align-items: center;
}

.side_linkss ul li a img {
  width: 16%;
}

.side_linkss ul li a {
  color: black;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 18px;
}

section.sec_1 {
  padding: 60px 0;
  background: url(http://tolkeinsbookwritings.com/images/my-images/main-hero-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  border-radius: 0 20px 50px 50px;
  position: relative;
}
.side_linkss ul li button.getStarted {
  background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  border-radius: 50px;
  font-size: 18px;
  border: none;
  font-weight: 600;
  color: #fff;
  max-width: 200px;
  padding: 10px 30px 10px 30px;
}

.side_linkss ul li {
  flex: 0 0 34%;
}
/* header {
  padding: 10px 0;
} */
.Main_banner h5 {
  background: #f6921e;
  padding: 7px 16px;
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  display: table;
  position: relative;
}

.Main_banner h5::after {
  content: "";
  position: absolute;
  right: -15px;
  border-bottom: 39px solid transparent;
  border-top: 0 solid transparent;
  border-left: 15px solid #f6921e;
  top: 0;
}

.Main_banner h2 {
  font-weight: 800;
  text-transform: capitalize;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 48px;
  color: #fff;
}

.Main_banner p {
  margin: 30px 0;
  font-size: 19px;
  color: #fff;
  font-weight: 500;
}

.global_btnss {
  
  gap: 25px;
}

.global_btnss button.globalBtn.quote {
  background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  border-radius: 50px;
  font-size: 15px;
  border: none;
  font-weight: 600;
  color: #fff;
  max-width: 200px;
  padding: 10px 20px 10px 20px;
  text-transform: uppercase;
}

.global_btnss button.globalBtn.liveCh {
  background: black;
  border-radius: 50px;
  font-size: 14px;
  border: none;
  font-weight: 700;
  color: #fff;
  max-width: 200px;
  padding: 10px 20px 10px 20px;
  width: 200px;
  text-transform: uppercase;
}

.main_bann_form {
  background: white;
  color: black;
  padding: 20px 40px 20px 40px;
  max-width: 400px;
  position: relative;
  left: 120px;
  border-radius: 10px;
  width: 100%;
}

.main_bann_form h3 {
  font-size: 25px;
  text-align: center;
  font-weight: 600;
  margin: 0 0 20px 0;
}

.main_bann_form form {
  display: flex;
  flex-direction: column;
}

.main_bann_form form input {
  height: 40px;
  margin: 0 0 20px 0;
  padding: 0 0 0 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #555;
  font-weight: 500;
}

.main_bann_form form .fieldds {
  display: flex;
  flex-direction: column;
}

.main_bann_form form .fieldds label {
  font-weight: 700;
  margin: 0 0 6px 0;
  font-size: 15px;
}

.main_bann_form form .fieldds select {
  height: 40px;
  margin: 0 0 20px 0;
  padding: 0 0 0 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #555;
  font-weight: 500;
}

.main_bann_form form .checK_div {
  display: flex;
  gap: 10px;
}

.main_bann_form form .checK_div label {
  font-weight: 700;
  font-size: 15px;
}

.main_bann_form form ._submit {
  display: flex;
}

.main_bann_form form ._submit input[type="submit"] {
  width: 100%;
  background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  border: none;
  border-radius: 50px;
  font-weight: 600;
  color: #fff;
  margin: 20px 0 10px 0;
}
section.sec_2 {
  background: #f6921e;
  margin-top: -70px;
}

.main_logo_slider {
  padding-top: 90px;
}
section.sec_3 {
  position: relative;
  margin: 0 0 80px 0;
}

section.sec_3::before {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  max-height: 470px;
  height: 100%;
  top: 0;
  width: 100%;
}

.main_books_slider ul.book_slider li img {
  width: 90%;
  margin: 30px 0 10px 0;
}

ul.book_slider {
  z-index: 99999;
  position: relative;
}

button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
  font-size: 0;
  left: 0;
  bottom: -110px;
  top: unset;
  z-index: 9999999;
  font-size: 0;
  background-image: url(../images/publish/sleft-removebg-preview.png);
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  left: 0;
  right: 0;
  margin: auto;
  border: 2px solid gray;
  border-radius: 50%;
  background-color: #e8e9da !important;
}
button.slick-next.slick-arrow{
  display: none !important;
}
button.slick-next.slick-arrow {
  right: 0;
}

button.slick-prev.slick-arrow:before,
button.slick-next.slick-arrow:before {
  display: none;
}

button.slick-next.slick-arrow {
  background-image: url(../images/publish/sleft-removebg-next.png);
  right: -120px;
  top: 385px;
}
button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:hover {
  filter: invert(0) brightness(0.5);
}
section.sec_4 {
  padding: 60px 0;
  background: url(../images/publish/te-layer.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.reachOUt_head h5 {
  font-family: BrownProSemiBold;
  color: #f6921e;
  margin-top: 0;
  font-weight: 600;
  margin-bottom: 0;
  position: relative;
}

.reachOUt_head h5::after {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: absolute;
  background: #d1f8f2;
  z-index: -1;
  left: -60px;
  top: -30px;
  content: "";
}

.reachOUt_head h2 {
  font-size: 32px;
  line-height: 44px;
  color: #000;
  font-weight: 700;
  padding-right: 2px;
  position: relative;
  z-index: 999999 !important;
}

.reachOUt_head h2::after {
  content: "";
  width: 96px;
  height: 96px;
  display: block;
  background: white;
  border-radius: 50%;
  position: absolute;
  right: -20px;
  top: 0px;
  z-index: 0;
}
.reachOut_para p {
  color: #555;
  font-weight: 500;
  line-height: 25px;
}
.main_listing_reachout ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.main_listing_reachout ul li {
  flex: 0 0 45%;
  margin: 0 30px 0 0;
  padding: 0 20px 0 20px;
  position: relative;
}

.main_listing_reachout ul li::after {
  content: "";
  display: block;
  background: url(../images/publish/pl-ic.webp);
  background-repeat: no-repeat;
  background-size: contain;
  height: 37px;
  width: 37px;
  position: absolute;
  top: -8px;
  left: -28px;
  right: unset;
}
.reachOut_img {
  position: relative;
}

.reachOut_img img {
  width: 100%;
}

.reachOut_img::after {
  content: "";
  display: block;
  background: #00cc8f;
  position: absolute;
  height: 96%;
  width: 104%;
  top: 30px;
  z-index: -1;
  left: -20px;
  right: unset;
}
section.sec_5 {
  padding: 60px 0;
  background: url("../images/publish/test-left.webp") left bottom no-repeat,
    url("../images/publish/test-right.webp") right bottom no-repeat;
}

.client_reviews h5 {
  text-align: center;
  font-family: BrownProSemiBold;
  color: #f6921e;
  margin-top: 0;
  font-weight: 600;
  margin-bottom: 0;
  position: relative;
}

.client_reviews h5::after {
  content: "";
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: absolute;
  background: #d1f8f2;
  z-index: -1;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -26px;
}

.client_reviews h5::before {
  content: "";
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: absolute;
  background: white;
  margin: 0 auto;
  left: 450px;
  right: 0;
  top: -30px;
}

.client_reviews h2 {
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 700;
  margin: 0 0 100px 0;
}
.client_reviews ul.testi_monials li .main_testimonail {
  background: white;
  margin: 0 10px 0 10px;
  padding: 3rem;
  border-radius: 10px;
}

.client_reviews ul.testi_monials li .main_testimonail .img img {
  margin: 0 0 20px 0;
}

.client_reviews ul.testi_monials li .main_testimonail .content p {
  height: 100px;
  overflow-y: auto;
  font-size: 16px;
  color: #555;
  font-weight: 500;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #333 #f1f1f1;
}

*::-webkit-scrollbar {
  width: 5px;
  border-radius: 15px;
}

*::-webkit-scrollbar-thumb {
  background-color: #333;
  border-radius: 15px;
}

*::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 5px;
}
section.sec_6 {
  background: url(../images/publish/cta-top.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 6em 0;
  width: 100%;
  background-color: white;
}
.best_seller h3 {
  text-align: center;
  padding-top: 80px;
  color: #1d3337;
  letter-spacing: -3px;
  font-size: 38px;
  font-weight: 700;
  position: relative;
}

.best_seller h3::after {
  content: "";
  display: block;
  background: url(../images/laptop.webp);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -50px;
  width: 135px;
  height: 135px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.best_seller a {
  color: #fff;
  font-size: 60px;
  text-shadow: 3px 7px 10px #00000029;
  text-decoration: none !important;
  font-weight: 700;
  text-align: center;
}

.best_seller {
  text-align: center;
  position: relative;
  z-index: 99999;
}

.best_seller::after {
  content: "";
  position: absolute;
  background: url(../images/publish/cta-center.webp) center center no-repeat;
  width: 100%;
  top: -100px;
  left: 0;
  min-width: 1100px;
  height: 706px;
  z-index: -1;
}

.best_seller .global_btnss {
  justify-content: center;
  margin: 30px 0 0 0;
}
section.sec_7 {
  position: relative;
  padding: 60px 0;
  color: white;
}

section.sec_7::before {
  background: url(../images/publish/yel-right.webp) right top no-repeat #1c3135;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 84%;
  top: 0;
  z-index: 99999;
}

section.sec_7 .container {
  position: relative;
  z-index: 99999;
}

.amazon_expert_img img {
  max-width: none;
  right: 265px;
  position: relative;
}

.amazon_expert_img {
  position: relative;
}

.amazon_expert_img::after {
  content: "";
  position: absolute;
  left: -274px;
  bottom: -10px;
  height: 62%;
  width: 100%;
  background: #f6921e;
  z-index: -1;
}

.amazon_expert_content h2 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 0 130px 0 0;
}

.amazon_expert_content p {
  color: #b2c9cd;
  width: 100%;
  font-size: 22px;
  line-height: normal;
  margin-top: 20px;
}
section.sec_8 {
  padding: 60px 0;
  background: url(../images/publish/cta-green.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
}
.becom_author_head h2 span {
  font-weight: 400;
  display: block;
}

.becom_author_head h2 {
  font-size: 35px;
  text-transform: none;
  line-height: 46px;
  letter-spacing: -0.4px;
  margin-bottom: 0;
}

.become_author_contactss ul {
  display: flex;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
}

.become_author_contactss ul li a {
  color: #f6921e;
  font-size: 20px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

.become_author_contactss .new_global_btn {
  display: flex;
}

.become_author_contactss .new_global_btn button.get_new_btn {
  font-size: 17px;
  border: none;
  border-radius: 3px;
  font-weight: 600;
  color: #fff;
  background-image: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  box-shadow: none;
  width: 200px;
  padding: 12px 0;
}
.become_author_contactss ul li {
  flex: 0 0 100%;
  margin: 0 0 10px 0;
}
section.sec_9 {
  padding: 60px 0;
}

.book_legacy h5 {
  font-family: BrownProSemiBold;
  color: #f6921e;
  margin-top: 0;
  font-weight: 600;
  margin-bottom: 0;
  text-align: center;
  position: relative;
}

.book_legacy h5::after {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: absolute;
  background: #d1f8f2;
  z-index: -1;
  left: 0;
  top: -20px;
  content: "";
  margin: 0 auto;
  right: 0;
}

.book_legacy h2 {
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 700;
  margin: 0 0 30px 0;
}

.book_legacy h3 {
  font-size: 26px;
  line-height: 80px;
  text-align: center;
  margin: -30px 0 13px 0;
}

.book_legacy p {
  font-weight: 500;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.parent_items {
  display: flex;
  align-items: center;
  margin: 0 0 50px 0;
}

.parent_items .img_sec {
  flex: 0 0 45%;
}

.parent_items .content_inner {
  flex: 0 0 55%;
}
section.sec_10 {
  padding: 40px 0;
  background: white;
}

.trustpiloots ul {
  display: flex;
  list-style: none;
  padding: 0;
}

.trustpiloots ul li {
  flex: 0 0 23%;
  margin: 0 30px 0 0;
}

.trustpiloots ul li .trust_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.trustpiloots ul li .trust_box .trust_logo_img img {
  width: 120px;
  height: 60px;
  margin: 0 0 10px 0;
}

.trustpiloots ul li .trust_box .trust_logo_content p {
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 13px;
  line-height: normal;
  padding-left: 30px;
  position: relative;
  color: #666;
  text-align: left;
  font-weight: 500;
}

.trustpiloots ul li .trust_box .trust_logo_content p::before {
  content: "";
  display: block;
  background: url(../images/comma.webp);
  background-repeat: no-repeat;
  position: absolute;
  width: 30px;
  height: 20px;
  top: 0;
  left: 0;
}
section.sec_11 {
  background: url("../images/publish/cont-shadow.webp") left top no-repeat,
    url("../images/publish/c-left.webp") left bottom no-repeat,
    url("../images/publish/c-right.webp") right top no-repeat #1c3135;
  color: white;
  padding: 60px 0;
  position: relative;
  overflow-x: clip;
}

section.sec_11 ::after {
  background: url(../images/publish/contact-after.webp) left top / cover no-repeat;
  right: -80px;
  width: 682px;
  height: 535px;
  top: -50px;
  content: "";
  position: absolute;
}

.contact_form h2 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 40px;
  line-height: 45px;
  font-weight: 700;
}

.contact_form form {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.contact_form form .in_fields {
  flex: 0 0 45%;
  margin: 0 20px 20px 0;
}

.contact_form form .in_fields input {
  width: 100%;
  padding: 10px;
  border-radius: 1px;
  border: 1px solid #ddd;
  height: 45px;
  font-weight: 400;
  font-size: 14px;
  resize: none;
}

.contact_form form .in_fields_full {
  flex: 0 0 100%;
}

.contact_form form .in_fields_full input {
  width: 93%;
  padding: 10px;
  border-radius: 1px;
  border: 1px solid #ddd;
  height: 45px;
  font-weight: 400;
  font-size: 14px;
  resize: none;
}

.contact_form form .infield_radio {
  display: flex;
  margin: 20px 0 20px 0;
  align-items: start;
}

.contact_form form .infield_radio input {
  margin: 5px 10px 0 0;
}

.contact_form form .ssUbmit_btn {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.contact_form form .ssUbmit_btn input[type="submit"] {
  background-image: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  padding: 13px 40px;
  border-radius: 50px;
  font-size: 16px;
  border: none;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  width: 200px;
}
footer {
  padding: 4rem 0;
  background: url("../images/ftr-shadow.webp") right top no-repeat;
  width: 100%;
}

.row.space-between {
  display: flex;
  justify-content: space-between;
}

.Logo_and_contect img {
  width: 60%;
  margin: 0 0 20px 0;
}

.Logo_and_contect ul {
  padding: 0 0 0 20px;
  list-style: none;
}

.Logo_and_contect ul li a {
  color: #3b6068;
  text-decoration: none !important;
  font-size: 15px;
  display: flex;
  align-items: start;
  gap: 10px;
}

.Logo_and_contect ul li {
  margin: 0 0 3px 0;
}

.Logo_and_contect ul li a i {
}

.Logo_and_contect ul li a svg {
  margin: 7px 0 0 0;
}

section.last_ {
  background: black;
  color: white;
  padding: 10px 0;
}

.main_last_termss {
  display: flex;
  justify-content: space-between;
}

.main_last_termss .all_rights p {
  font-size: 16px;
}

.main_last_termss .terms_conditionss ul {
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px;
}

.main_last_termss .terms_conditionss ul li a {
  color: white;
  text-decoration: none !important;
}

.main_last_termss .terms_conditionss ul li {
  position: relative;
}

.main_last_termss .terms_conditionss ul li:last-child::after {
  content: "";
  display: block;
  position: absolute;
  background: white;
  height: 20px;
  width: 2px;
  left: -10px;
  top: 2px;
}

.modal-header {
  padding: 0 !important;
  border: none !important;
  margin-bottom: 20px;
}
.modal-body {
  padding: 0 !important;
}
.modal {
  background: #0000008c;
}
.modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.popup_form_wrp {
  padding: 0 15px;
  /* text-align: center;  */
}
.popup_form_wrp h2 {
  font-weight: 800;
  font-size: 24px;
  color: white;
  margin: 0 0 10px 20px;
  position: relative;
  text-align: center;
}
.modal-content {
  padding: 30px 0;
  background: black !important;
}
.popup_form_wrp p {
  color: #343434;
  font-weight: 500;
}
.popup_form_wrp form input {
  width: 46%;
  background: #fff;
  border-radius: 4px;
  border: none !important;
  height: 45px;
  margin: 0 10px 15px 0;
  padding: 0 0 0 20px;
  font-family: "Raleway";
  font-weight: 400;
  outline: none;
  color: black;
  border: 1px solid #f6921e;
}
.popup_form_wrp form {
  margin: 30px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.popup_form_wrp form input::placeholder,
.popup_form_wrp form textarea::placeholder {
  color: rgba(0, 0, 0, 0.44);
  font-size: 14px;
}
.popup_form_wrp form textarea {
  border-radius: 6px;
  height: 130px;
  padding: 15px 18px;
  width: 97.5%;
  margin: 0px 0 20px 0;
  padding: 20px 15px;
  font-weight: 500;
  color: black !important;
}
.popup_form_wrp form select {
  font-size: 14px;
  font-weight: 500;
}
.modal-content {
  border-radius: 20px;
}
.modal-content {
  border: 3px solid #f6921e !important;
  width: 431px !important;
  height: 530px !important;
}
.popup_form_wrp h2:before {
  content: "";
  display: block;
  position: absolute;
  background: transparent;
  width: 10px;
  height: 40px;
  left: -20px;
  border-radius: 5px;
}

span.color_form {
  color: #f6921e;
  font-weight: 700;
}
button.btn-close {
  position: absolute;
  right: 15px;
  top: 13px;
  background: #f6921e;
  opacity: 1;
  border-radius: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
button.btn-close:after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 3px;
  height: 17px;
  top: 5px;
  transform: rotate(42deg);
  left: 11px;
  border-radius: 5px;
}
button.btn-close:before {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 3px;
  height: 17px;
  top: 5px;
  transform: rotate(129deg);
  left: 11px;
  border-radius: 5px;
}
button.btn-close:hover {
  background: #f3ad16;
  opacity: 1;
}

button.popup_button {
  background: linear-gradient(180deg, #39aff9 0%, #007cca 100%);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  border: none;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #ffffff;
  text-transform: capitalize;
  width: 200px;
  height: 50px;
  font-family: "Raleway";
}
button.popup_button:hover {
  background: #f3ad16;
}

.popup_form_wrp input[type="submit"] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 49%;
  text-align: center;
  margin: 0 auto;
  padding: 0 10px 0px 0px;
}
div#exampleModal {
  z-index: 9999999;
}

.main_bann_form .checK_div {
  display: none !important;
}

@media only screen and (max-width: 1370px) {
  button.slick-next.slick-arrow {
    bottom: -97px;
  }
  .reachOUt_head h2::after {
    content: "";
    width: 76px;
    height: 76px;
    display: block;
    background: white;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: 80px;
    z-index: -1;
  }
  .side_linkss ul li button.getStarted {
    width: max-content;
  }
  .side_linkss ul li a {
    display: flex;
    gap: 7px;
  }
  .modal-dialog {
    top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .call_inner {
    display: block !important;
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
    text-align: center;
    padding: 10px 0;
  }

  .call_inner a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 25px;
  }

  body {
    color: #333;
    background-color: #f3f3e9;
  }
  .main_logo img {
    width: 30%;
  }
  img {
    max-width: 100%;
  }
  .side_linkss ul {
    display: flex;
    list-style: none;
    align-items: center;
  }
  .side_linkss ul li a img {
    width: 16%;
  }
  .side_linkss ul li a {
    color: black;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 18px;
  }
  section.sec_1 {
    padding: 60px 0;
    background: url(http://tolkeinsbookwritings.com/images/my-images/main-hero-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    border-radius: 0 20px 50px 50px;
    position: relative;
  }
  .side_linkss ul li button.getStarted {
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    border-radius: 50px;
    font-size: 18px;
    border: none;
    font-weight: 600;
    color: #fff;
    max-width: 200px;
    padding: 10px 30px 10px 30px;
  }
  .side_linkss ul li {
    flex: 0 0 34%;
  }
  /* header {
    padding: 10px 0;
  } */
  .Main_banner h5 {
    background: #f6921e;
    padding: 7px 16px;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    display: table;
    position: relative;
  }
  .Main_banner h5::after {
    content: "";
    position: absolute;
    right: -15px;
    border-bottom: 39px solid transparent;
    border-top: 0 solid transparent;
    border-left: 15px solid #f6921e;
    top: 0;
  }
  .Main_banner h2 {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 48px;
    color: #fff;
  }
  .Main_banner p {
    margin: 30px 0;
    font-size: 19px;
    color: #fff;
    font-weight: 500;
  }
  .global_btnss {
    display: flex;
    gap: 25px;
  }
  .global_btnss button.globalBtn.quote {
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    border-radius: 50px;
    font-size: 15px;
    border: none;
    font-weight: 600;
    color: #fff;
    max-width: 200px;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
  }
  .global_btnss button.globalBtn.liveCh {
    background: black;
    border-radius: 50px;
    font-size: 14px;
    border: none;
    font-weight: 700;
    color: #fff;
    max-width: 200px;
    padding: 10px 20px 10px 20px;
    width: 200px;
    text-transform: uppercase;
  }
  .main_bann_form {
    background: white;
    color: black;
    padding: 20px 40px 20px 40px;
    max-width: 400px;
    position: relative;
    left: 120px;
    border-radius: 10px;
    width: 100%;
  }
  .main_bann_form h3 {
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    margin: 0 0 20px 0;
  }
  .main_bann_form form {
    display: flex;
    flex-direction: column;
  }
  .main_bann_form form input {
    height: 40px;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #555;
    font-weight: 500;
  }
  .main_bann_form form .fieldds {
    display: flex;
    flex-direction: column;
  }
  .main_bann_form form .fieldds label {
    font-weight: 700;
    margin: 0 0 6px 0;
    font-size: 15px;
  }
  .main_bann_form form .fieldds select {
    height: 40px;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #555;
    font-weight: 500;
  }
  .main_bann_form form .checK_div {
    display: flex;
    gap: 10px;
  }
  .main_bann_form form .checK_div label {
    font-weight: 700;
    font-size: 15px;
  }
  .main_bann_form form ._submit {
    display: flex;
  }
  .main_bann_form form ._submit input[type="submit"] {
    width: 100%;
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    border: none;
    border-radius: 50px;
    font-weight: 600;
    color: #fff;
    margin: 20px 0 10px 0;
  }
  section.sec_2 {
    background: #f6921e;
    margin-top: -70px;
  }
  .main_logo_slider {
    padding-top: 90px;
  }
  section.sec_3 {
    position: relative;
    margin: 0 0 80px 0;
  }
  section.sec_3::before {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    max-height: 470px;
    height: 100%;
    top: 0;
    width: 100%;
  }
  .main_books_slider ul.book_slider li img {
    width: 90%;
    margin: 30px 0 10px 0;
  }
  ul.book_slider {
    z-index: 99999;
    position: relative;
  }
  button.slick-prev.slick-arrow,
  button.slick-next.slick-arrow {
    font-size: 0;
    left: 0;
    bottom: -110px;
    top: unset;
    z-index: 9999999;
    font-size: 0;
    background-image: url(../images/publish/sleft-removebg-preview.png);
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    left: 0;
    right: 0;
    margin: auto;
    border: 2px solid gray;
    border-radius: 50%;
    background-color: #e8e9da !important;
  }
  button.slick-next.slick-arrow {
    right: 0;
  }
  button.slick-prev.slick-arrow:before,
  button.slick-next.slick-arrow:before {
    display: none;
  }
  button.slick-next.slick-arrow {
    background-image: url(../images/publish/sleft-removebg-next.png);
    right: -120px;
    top: 385px;
  }
  button.slick-prev.slick-arrow:hover,
  button.slick-next.slick-arrow:hover {
    filter: invert(0) brightness(0.5);
  }
  section.sec_4 {
    padding: 60px 0;
    background: url(../images/publish/te-layer.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .reachOUt_head h5 {
    font-family: BrownProSemiBold;
    color: #f6921e;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
  }
  .reachOUt_head h5::after {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    position: absolute;
    background: #d1f8f2;
    z-index: -1;
    left: -60px;
    top: -30px;
    content: "";
  }
  .reachOUt_head h2 {
    font-size: 32px;
    line-height: 44px;
    color: #000;
    font-weight: 700;
    padding-right: 2px;
    position: relative;
    z-index: 999999 !important;
  }
  .reachOUt_head h2::after {
    content: "";
    width: 96px;
    height: 96px;
    display: block;
    background: white;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: 0px;
    z-index: 0;
  }
  .reachOut_para p {
    color: #555;
    font-weight: 500;
    line-height: 25px;
  }
  .main_listing_reachout ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
  }
  .main_listing_reachout ul li {
    flex: 0 0 45%;
    margin: 0 30px 0 0;
    padding: 0 20px 0 20px;
    position: relative;
  }
  .main_listing_reachout ul li::after {
    content: "";
    display: block;
    background: url(../images/publish/pl-ic.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 37px;
    width: 37px;
    position: absolute;
    top: -8px;
    left: -28px;
    right: unset;
  }
  .reachOut_img {
    position: relative;
  }
  .reachOut_img img {
    width: 100%;
  }
  .reachOut_img::after {
    content: "";
    display: block;
    background: #00cc8f;
    position: absolute;
    height: 96%;
    width: 104%;
    top: 30px;
    z-index: -1;
    left: -20px;
    right: unset;
  }
  section.sec_5 {
    padding: 60px 0;
    background: url("../images/publish/test-left.webp") left bottom no-repeat,
      url("../images/publish/test-right.webp") right bottom no-repeat;
  }
  .client_reviews h5 {
    text-align: center;
    font-family: BrownProSemiBold;
    color: #f6921e;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
  }
  .client_reviews h5::after {
    content: "";
    width: 96px;
    height: 96px;
    border-radius: 50%;
    position: absolute;
    background: #d1f8f2;
    z-index: -1;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -26px;
  }
  .client_reviews h5::before {
    content: "";
    width: 96px;
    height: 96px;
    border-radius: 50%;
    position: absolute;
    background: white;
    margin: 0 auto;
    left: 450px;
    right: 0;
    top: -30px;
  }
  .client_reviews h2 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    margin: 0 0 100px 0;
  }
  .client_reviews ul.testi_monials li .main_testimonail {
    background: white;
    margin: 0 10px 0 10px;
    padding: 3rem;
    border-radius: 10px;
  }
  .client_reviews ul.testi_monials li .main_testimonail .img img {
    margin: 0 0 20px 0;
  }
  .client_reviews ul.testi_monials li .main_testimonail .content p {
    height: 100px;
    overflow-y: auto;
    font-size: 16px;
    color: #555;
    font-weight: 500;
  }
  * {
    scrollbar-width: thin;
    scrollbar-color: #333 #f1f1f1;
  }
  *::-webkit-scrollbar {
    width: 5px;
    border-radius: 15px;
  }
  *::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 15px;
  }
  *::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 5px;
  }
  section.sec_6 {
    background: url(../images/publish/cta-top.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 6em 0;
    width: 100%;
    background-color: white;
  }
  .best_seller h3 {
    text-align: center;
    padding-top: 80px;
    color: #1d3337;
    letter-spacing: -3px;
    font-size: 38px;
    font-weight: 700;
    position: relative;
  }
  .best_seller h3::after {
    content: "";
    display: block;
    background: url(../images/laptop.webp);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -50px;
    width: 135px;
    height: 135px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .best_seller a {
    color: #fff;
    font-size: 60px;
    text-shadow: 3px 7px 10px #00000029;
    text-decoration: none !important;
    font-weight: 700;
    text-align: center;
  }
  .best_seller {
    text-align: center;
    position: relative;
    z-index: 99999;
  }
  .best_seller::after {
    content: "";
    position: absolute;
    background: url(../images/publish/cta-center.webp) center center no-repeat;
    width: 100%;
    top: -100px;
    left: 0;
    min-width: 1100px;
    height: 706px;
    z-index: -1;
  }
  .best_seller .global_btnss {
    justify-content: center;
    margin: 30px 0 0 0;
  }
  section.sec_7 {
    position: relative;
    padding: 60px 0;
    color: white;
  }
  section.sec_7::before {
    background: url(../images/publish/yel-right.webp) right top no-repeat #1c3135;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 84%;
    top: 0;
    z-index: 99999;
  }
  section.sec_7 .container {
    position: relative;
    z-index: 99999;
  }
  .amazon_expert_img img {
    max-width: none;
    right: 265px;
    position: relative;
  }
  .amazon_expert_img {
    position: relative;
  }
  .amazon_expert_img::after {
    content: "";
    position: absolute;
    left: -274px;
    bottom: -10px;
    height: 62%;
    width: 100%;
    background: #f6921e;
    z-index: -1;
  }
  .amazon_expert_content h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0 130px 0 0;
  }
  .amazon_expert_content p {
    color: #b2c9cd;
    width: 100%;
    font-size: 22px;
    line-height: normal;
    margin-top: 20px;
  }
  section.sec_8 {
    padding: 60px 0;
    background: url(../images);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
  }
  .becom_author_head h2 span {
    font-weight: 400;
    display: block;
  }
  .becom_author_head h2 {
    font-size: 35px;
    text-transform: none;
    line-height: 46px;
    letter-spacing: -0.4px;
    margin-bottom: 0;
  }
  .become_author_contactss ul {
    display: flex;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
  }
  .become_author_contactss ul li a {
    color: #f6921e;
    font-size: 20px;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .become_author_contactss .new_global_btn {
    display: flex;
  }
  .become_author_contactss .new_global_btn button.get_new_btn {
    font-size: 17px;
    border: none;
    border-radius: 3px;
    font-weight: 600;
    color: #fff;
    background-image: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    box-shadow: none;
    width: 200px;
    padding: 12px 0;
  }
  .become_author_contactss ul li {
    flex: 0 0 100%;
    margin: 0 0 10px 0;
  }
  section.sec_9 {
    padding: 60px 0;
  }
  .book_legacy h5 {
    font-family: BrownProSemiBold;
    color: #f6921e;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    position: relative;
  }
  .book_legacy h5::after {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    position: absolute;
    background: #d1f8f2;
    z-index: -1;
    left: 0;
    top: -20px;
    content: "";
    margin: 0 auto;
    right: 0;
  }
  .book_legacy h2 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    margin: 0 0 30px 0;
  }
  .book_legacy h3 {
    font-size: 26px;
    line-height: 80px;
    text-align: center;
    margin: -30px 0 13px 0;
  }
  .book_legacy p {
    font-weight: 500;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .parent_items {
    display: flex;
    align-items: center;
    margin: 0 0 50px 0;
  }
  .parent_items .img_sec {
    flex: 0 0 45%;
  }
  .parent_items .content_inner {
    flex: 0 0 55%;
  }
  section.sec_10 {
    padding: 40px 0;
    background: white;
  }
  .trustpiloots ul {
    display: flex;
    list-style: none;
    padding: 0;
  }
  .trustpiloots ul li {
    flex: 0 0 23%;
    margin: 0 30px 0 0;
  }
  .trustpiloots ul li .trust_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .trustpiloots ul li .trust_box .trust_logo_img img {
    width: 120px;
    height: 60px;
    margin: 0 0 10px 0;
  }
  .trustpiloots ul li .trust_box .trust_logo_content p {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 13px;
    line-height: normal;
    padding-left: 30px;
    position: relative;
    color: #666;
    text-align: left;
    font-weight: 500;
  }
  .trustpiloots ul li .trust_box .trust_logo_content p::before {
    content: "";
    display: block;
    background: url(../images/comma.webp);
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 20px;
    top: 0;
    left: 0;
  }
  section.sec_11 {
    background: url("../images/publish/cont-shadow.webp") left top no-repeat,
      url("../images/publish/c-left.webp") left bottom no-repeat,
      url("../images/publish/c-right.webp") right top no-repeat #1c3135;
    color: white;
    padding: 60px 0;
    position: relative;
    overflow-x: clip;
  }
  section.sec_11::after {
    background: url(../images/contact-after.webp) left top / cover no-repeat;
    right: -80px;
    width: 682px;
    height: 535px;
    top: -50px;
    content: "";
    position: absolute;
}
  .contact_form h2 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 40px;
    line-height: 45px;
    font-weight: 700;
  }
  .contact_form form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .contact_form form .in_fields {
    flex: 0 0 45%;
    margin: 0 20px 20px 0;
  }
  .contact_form form .in_fields input {
    width: 100%;
    padding: 10px;
    border-radius: 1px;
    border: 1px solid #ddd;
    height: 45px;
    font-weight: 400;
    font-size: 14px;
    resize: none;
  }
  .contact_form form .in_fields_full {
    flex: 0 0 100%;
  }
  .contact_form form .in_fields_full input {
    width: 93%;
    padding: 10px;
    border-radius: 1px;
    border: 1px solid #ddd;
    height: 45px;
    font-weight: 400;
    font-size: 14px;
    resize: none;
  }
  .contact_form form .infield_radio {
    display: flex;
    margin: 20px 0 20px 0;
    align-items: start;
  }
  .contact_form form .infield_radio input {
    margin: 5px 10px 0 0;
  }
  .contact_form form .ssUbmit_btn {
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }
  .contact_form form .ssUbmit_btn input[type="submit"] {
    background-image: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    padding: 13px 40px;
    border-radius: 50px;
    font-size: 16px;
    border: none;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    width: 200px;
  }
  footer {
    padding: 4rem 0;
    background: url("../images/ftr-shadow.webp") right top no-repeat;
    width: 100%;
  }
  .row.space-between {
    display: flex;
    justify-content: space-between;
  }
  .Logo_and_contect img {
    width: 60%;
    margin: 0 0 20px 0;
  }
  .Logo_and_contect ul {
    padding: 0 0 0 20px;
    list-style: none;
  }
  .Logo_and_contect ul li a {
    color: #3b6068;
    text-decoration: none !important;
    font-size: 15px;
    display: flex;
    align-items: start;
    gap: 10px;
  }
  .Logo_and_contect ul li {
    margin: 0 0 3px 0;
  }
  .Logo_and_contect ul li a i {
  }
  .Logo_and_contect ul li a svg {
    margin: 7px 0 0 0;
  }
  section.last_ {
    background: black;
    color: white;
    padding: 10px 0;
  }
  .main_last_termss {
    display: flex;
    justify-content: space-between;
  }
  .main_last_termss .all_rights p {
    font-size: 16px;
  }
  .main_last_termss .terms_conditionss ul {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
  }
  .main_last_termss .terms_conditionss ul li a {
    color: white;
    text-decoration: none !important;
  }
  .main_last_termss .terms_conditionss ul li {
    position: relative;
  }
  .main_last_termss .terms_conditionss ul li:last-child::after {
    content: "";
    display: block;
    position: absolute;
    background: white;
    height: 20px;
    width: 2px;
    left: -10px;
    top: 2px;
  }
  .modal-header {
    padding: 0 !important;
    border: none !important;
    margin-bottom: 20px;
  }
  .modal-body {
    padding: 0 !important;
  }
  .modal {
    background: #0000008c;
  }
  .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  .popup_form_wrp {
    padding: 0 15px;
    /* text-align: center;
     */
  }
  .popup_form_wrp h2 {
    font-weight: 800;
    font-size: 24px;
    color: white;
    margin: 0 0 10px 20px;
    position: relative;
    text-align: center;
  }
  .modal-content {
    padding: 30px 0;
    background: black !important;
  }
  .popup_form_wrp p {
    color: #343434;
    font-weight: 500;
  }
  .popup_form_wrp form input {
    width: 46%;
    background: #fff;
    border-radius: 4px;
    border: none !important;
    height: 45px;
    margin: 0 10px 15px 0;
    padding: 0 0 0 20px;
    font-family: "Raleway";
    font-weight: 400;
    outline: none;
    color: black;
    border: 1px solid #f6921e;
  }
  .popup_form_wrp form {
    margin: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .popup_form_wrp form input::placeholder,
  .popup_form_wrp form textarea::placeholder {
    color: rgba(0, 0, 0, 0.44);
    font-size: 14px;
  }
  .popup_form_wrp form textarea {
    border-radius: 6px;
    height: 130px;
    padding: 15px 18px;
    width: 97.5%;
    margin: 0px 0 20px 0;
    padding: 20px 15px;
    font-weight: 500;
    color: black !important;
  }
  .popup_form_wrp form select {
    font-size: 14px;
    font-weight: 500;
  }
  .modal-content {
    border-radius: 20px;
  }
  .modal-content {
    border: 3px solid #f6921e !important;
    width: 431px !important;
    height: 530px !important;
  }
  .popup_form_wrp h2:before {
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    width: 10px;
    height: 40px;
    left: -20px;
    border-radius: 5px;
  }
  span.color_form {
    color: #f6921e;
    font-weight: 700;
  }
  button.btn-close {
    position: absolute;
    right: 15px;
    top: 13px;
    background: #f6921e;
    opacity: 1;
    border-radius: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  button.btn-close:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 3px;
    height: 17px;
    top: 5px;
    transform: rotate(42deg);
    left: 11px;
    border-radius: 5px;
  }
  button.btn-close:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 3px;
    height: 17px;
    top: 5px;
    transform: rotate(129deg);
    left: 11px;
    border-radius: 5px;
  }
  button.btn-close:hover {
    background: #f3ad16;
    opacity: 1;
  }
  button.popup_button {
    background: linear-gradient(180deg, #39aff9 0%, #007cca 100%);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    border: none;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #ffffff;
    text-transform: capitalize;
    width: 200px;
    height: 50px;
    font-family: "Raleway";
  }
  button.popup_button:hover {
    background: #f3ad16;
  }
  .popup_form_wrp input[type="submit"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
    text-align: center;
    margin: 0 auto;
    padding: 0 10px 0px 0px;
  }
  div#exampleModal {
    z-index: 9999999;
  }
  .main_bann_form .checK_div {
    display: none !important;
  }
  @media only screen and (max-width: 1370px) {
    button.slick-next.slick-arrow {
      bottom: -97px;
    }
    .reachOUt_head h2::after {
      content: "";
      width: 76px;
      height: 76px;
      display: block;
      background: white;
      border-radius: 50%;
      position: absolute;
      right: -10px;
      top: 80px;
      z-index: 0;
    }
    .side_linkss ul li button.getStarted {
      width: max-content;
    }
    .side_linkss ul li a {
      display: flex;
      gap: 7px;
    }
    .modal-dialog {
      top: 60px;
    }
  }
  @media only screen and (max-width: 767px) {
    .side_linkss {
      display: none;
    }
    .main_logo {
      text-align: center;
    }
    .main_logo img {
      width: 49%;
    }
    .Main_banner h2 {
      font-size: 25px;
      font-weight: 600;
      line-height: normal;
    }
    .Main_banner p {
      font-size: 17px;
      margin: 20px 0 20px 0;
    }
    .global_btnss button.globalBtn.quote {
      width: max-content;
      padding: 0 10px 0 10px;
    }
    .global_btnss {
      gap: 10px;
      margin: 0 0 20px 0;
    }
    .global_btnss button.globalBtn.liveCh {
      width: max-content;
      padding-right: 40px;
      padding-left: 40px;
    }
    .main_bann_form {
      left: 0;
    }
    .main_bann_form form .checK_div label {
      font-size: 13px;
      font-weight: 600;
    }
    .reachOUt_head h2 {
      font-size: 25px;
      line-height: normal;
      font-weight: 700;
    }
    .reachOUt_head h2::after {
      left: unset;
      right: -70px;
    }
    .main_listing_reachout ul li {
      flex: 0 0 50%;
      margin: 0;
      padding: 0 0 0 26px;
    }
    .main_listing_reachout ul li::after {
      left: -4px;
      width: 27px;
      height: 27px;
      top: 0;
    }
    section.sec_4 {
      overflow-x: hidden;
    }
    section {
      overflow-x: hidden !important;
      overflow-y: hidden;
    }
    .best_seller h3 {
      font-size: 25px;
    }
    .best_seller a {
      font-size: 38px;
      color: black;
    }
    .amazon_expert_img img {
      width: 100%;
      right: 0;
      top: 0px;
    }
    .amazon_expert_content h2 {
      padding: 0;
      margin: 20px 0 0 0;
    }
    .amazon_expert_img::after {
      display: NONE;
    }
    section.sec_7::before {
      height: -webkit-fill-available;
    }
    .amazon_expert_content p {
      font-size: 18px;
    }
    .becom_author_head h2 {
      font-size: 25px;
      line-height: normal;
      margin: 0 0 20px 0;
    }
    .book_legacy h2 {
      font-size: 24px;
      margin: 0 0 20px 0;
    }
    .book_legacy h3 {
      line-height: normal;
      margin: 10px 0 20px 0;
      font-size: 25px;
    }
    .book_legacy p {
      width: 100%;
      font-size: 16px;
    }
    .parent_items {
      display: block;
      text-align: center;
    }
    .trustpiloots ul {
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .trustpiloots ul li {
      flex: 0 0 41%;
      margin: 0 0 40px 0;
    }
    section.sec_11::after {
      display: none;
    }
    .contact_form h2 {
      font-size: 25px;
      line-height: normal;
    }
    .contact_form form .in_fields {
      flex: 0 0 100%;
    }
    .contact_form form .in_fields_full input {
      width: 100%;
    }
    ul.ttff li {
      justify-content: center;
      margin: 0 auto;
      display: flex !important;
      padding: 0;
    }
    ul.ttff {
      padding: 0;
    }
    .modal-content {
      width: 100% !important;
    }
    ul {
      padding: 0 !important;
    }
    .parent_items.reverse {
      flex-direction: column-reverse;
      display: flex;
    }
    .main_last_termss {
      flex-wrap: wrap;
      justify-content: center;
    }
  }
  .main_bann_form form .checK_div label a {
    color: #707070;
    text-decoration: none !important;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
  .main_listing_reachout ul li h4 {
    color: #256571;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
  }
  .main_listing_reachout ul li p {
    color: black;
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 25px;
    font-weight: 500;
  }
  .parent_items .content_inner h3 {
    line-height: 30px;
    font-weight: 600;
    color: #000;
    font-size: 21px;
  }
  .parent_items .content_inner p {
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #555;
  }
  .trustpiloots ul li .trust_box .trust_logo_content p b {
    color: #000;
    font-weight: 600;
  }
  .last__logo {
    display: flex;
  }
  .last__logo img {
    flex: 0 0 20%;
    width: 80%;
    object-fit: contain;
  }
  .floatbutton.active {
    right: 0;
    z-index: 9;
    transition: 0.4s;
  }
  .floatbutton {
    transition: 0.4s;
    position: fixed;
    right: -370px;
    top: 28%;
    font-size: 0;
    width: 425px;
    z-index: 99;
  }
  .floatbutton .clickbutton {
    width: 100px;
    z-index: 999;
    height: 200px;
    cursor: pointer;
    box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);
    border-radius: 3px 0 0 3px;
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    margin-top: 125px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    box-shadow: 0 0 40px #00000026;
    -webkit-box-shadow: 0 0 40px #00000026;
    -ms-box-shadow: 0 0 40px #00000026;
    -o-box-shadow: 0 0 40px #00000026;
  }
  .btns_wrap .call_wrap,
  .btns_wrap .chat_wrap {
    position: absolute;
    right: -225px;
    width: 280px;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    z-index: 9999;
  }
  .floatbutton .clickbutton .crossplus:before {
    content: "";
    display: none;
    position: absolute;
    width: 20px;
    height: 2px;
    right: 0;
    background: #fbb334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  .floatbutton .clickbutton .crossplus:after {
    content: "";
    display: none;
    position: absolute;
    width: 2px;
    height: 20px;
    right: 0;
    background: #fab334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  .floatbutton .clickbutton .crossplus {
    position: absolute;
    display: block;
    transition: 0.4s;
    white-space: pre;
    width: 100px;
    height: 200px;
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  }
  .floatbutton .clickbutton .crossplus.rotate {
    transform: rotate(45deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .floatbutton .clickbutton .crossplus i {
    font-size: 18px;
    color: #fff;
    margin: 17px 0 0 15px;
  }
  .floatbutton .clickbutton .crossplus > * {
    width: 100%;
    display: block;
    transform: rotate(-90deg) translate(-40px, -20px);
  }
  .btns_wrap .call_wrap {
    top: 63px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .btns_wrap .call_wrap span {
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    padding: 15px 20px 15px 15px;
  }
  .btns_wrap .chat_wrap {
    display: block;
    background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%);
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    top: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .btns_wrap .call_wrap span.icoo,
  .btns_wrap .chat_wrap span.icoo {
    color: #fff;
    background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%);
    font-size: 14px;
    padding: 15px 20px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px 0 0 10px;
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  }
  .btns_wrap .chat_wrap span {
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    padding: 15px 30px 15px 15px;
  }
  .btns_wrap a:hover {
    right: 0;
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
     
      color: #333;
      background-color: #f3f3e9;
    }
    .main_logo img {
      width: 30%;
    }
    img {
      max-width: 100%;
    }
    .side_linkss ul {
      display: flex;
      list-style: none;
      align-items: center;
    }
    .side_linkss ul li a img {
      width: 16%;
    }
    .side_linkss ul li a {
      color: black;
      text-decoration: none !important;
      font-weight: 600;
      font-size: 18px;
    }
    section.sec_1 {
      padding: 60px 0;
      background: url(http://tolkeinsbookwritings.com/images/my-images/main-hero-image.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      color: #fff;
      border-radius: 0 20px 50px 50px;
      position: relative;
    }
    .side_linkss ul li button.getStarted {
      background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
      border-radius: 50px;
      font-size: 18px;
      border: none;
      font-weight: 600;
      color: #fff;
      max-width: 200px;
      padding: 10px 30px 10px 30px;
    }
    .side_linkss ul li {
      flex: 0 0 34%;
    }
    /* header {
      padding: 10px 0;
    } */
    .Main_banner h5 {
      background: #f6921e;
      padding: 7px 16px;
      font-size: 22px;
      color: #fff;
      font-weight: 400;
      display: table;
      position: relative;
    }
    .Main_banner h5::after {
      content: "";
      position: absolute;
      right: -15px;
      border-bottom: 39px solid transparent;
      border-top: 0 solid transparent;
      border-left: 15px solid #f6921e;
      top: 0;
    }
    .Main_banner h2 {
      font-weight: 800;
      text-transform: capitalize;
      font-size: 40px;
      letter-spacing: -1px;
      line-height: 48px;
      color: #fff;
    }
    .Main_banner p {
      margin: 30px 0;
      font-size: 19px;
      color: #fff;
      font-weight: 500;
    }
    .global_btnss {
      display: flex;
      gap: 25px;
    }
    .global_btnss button.globalBtn.quote {
      background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
      border-radius: 50px;
      font-size: 15px;
      border: none;
      font-weight: 600;
      color: #fff;
      max-width: 200px;
      padding: 10px 20px 10px 20px;
      text-transform: uppercase;
    }
    .global_btnss button.globalBtn.liveCh {
      background: black;
      border-radius: 50px;
      font-size: 14px;
      border: none;
      font-weight: 700;
      color: #fff;
      max-width: 200px;
      padding: 10px 20px 10px 20px;
      width: 200px;
      text-transform: uppercase;
    }
    .main_bann_form {
      background: white;
      color: black;
      padding: 20px 40px 20px 40px;
      max-width: 400px;
      position: relative;
      left: 120px;
      border-radius: 10px;
      width: 100%;
    }
    .main_bann_form h3 {
      font-size: 25px;
      text-align: center;
      font-weight: 600;
      margin: 0 0 20px 0;
    }
    .main_bann_form form {
      display: flex;
      flex-direction: column;
    }
    .main_bann_form form input {
      height: 40px;
      margin: 0 0 20px 0;
      padding: 0 0 0 10px;
      border-radius: 4px;
      border: 1px solid #ccc;
      color: #555;
      font-weight: 500;
    }
    .main_bann_form form .fieldds {
      display: flex;
      flex-direction: column;
    }
    .main_bann_form form .fieldds label {
      font-weight: 700;
      margin: 0 0 6px 0;
      font-size: 15px;
    }
    .main_bann_form form .fieldds select {
      height: 40px;
      margin: 0 0 20px 0;
      padding: 0 0 0 10px;
      border-radius: 4px;
      border: 1px solid #ccc;
      color: #555;
      font-weight: 500;
    }
    .main_bann_form form .checK_div {
      display: flex;
      gap: 10px;
    }
    .main_bann_form form .checK_div label {
      font-weight: 700;
      font-size: 15px;
    }
    .main_bann_form form ._submit {
      display: flex;
    }
    .main_bann_form form ._submit input[type="submit"] {
      width: 100%;
      background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
      border: none;
      border-radius: 50px;
      font-weight: 600;
      color: #fff;
      margin: 20px 0 10px 0;
    }
    section.sec_2 {
      background: #f6921e;
      margin-top: -70px;
    }
    .main_logo_slider {
      padding-top: 90px;
    }
    section.sec_3 {
      position: relative;
      margin: 0 0 80px 0;
    }
    section.sec_3::before {
      content: "";
      display: block;
      position: absolute;
      background: #000;
      max-height: 470px;
      height: 100%;
      top: 0;
      width: 100%;
    }
    .main_books_slider ul.book_slider li img {
      width: 90%;
      margin: 30px 0 10px 0;
    }
    ul.book_slider {
      z-index: 99999;
      position: relative;
    }
    button.slick-prev.slick-arrow,
    button.slick-next.slick-arrow {
      font-size: 0;
      left: 0;
      bottom: -110px;
      top: unset;
      z-index: 9999999;
      font-size: 0;
      background-image: url(../images/publish/sleft-removebg-preview.png);
      background-repeat: no-repeat;
      width: 55px;
      height: 55px;
      left: 0;
      right: 0;
      margin: auto;
      border: 2px solid gray;
      border-radius: 50%;
      background-color: #e8e9da !important;
    }
    button.slick-next.slick-arrow {
      right: 0;
    }
    button.slick-prev.slick-arrow:before,
    button.slick-next.slick-arrow:before {
      display: none;
    }
    button.slick-next.slick-arrow {
      background-image: url(../images/publish/sleft-removebg-next.png);
      right: -120px;
      top: 385px;
    }
    button.slick-prev.slick-arrow:hover,
    button.slick-next.slick-arrow:hover {
      filter: invert(0) brightness(0.5);
    }
    section.sec_4 {
      padding: 60px 0;
      background: url(../images/publish/te-layer.webp);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
    .reachOUt_head h5 {
      font-family: BrownProSemiBold;
      color: #f6921e;
      margin-top: 0;
      font-weight: 600;
      margin-bottom: 0;
      position: relative;
    }
    .reachOUt_head h5::after {
      width: 96px;
      height: 96px;
      border-radius: 50%;
      position: absolute;
      background: #d1f8f2;
      z-index: -1;
      left: -60px;
      top: -30px;
      content: "";
    }
    .reachOUt_head h2 {
      font-size: 32px;
      line-height: 44px;
      color: #000;
      font-weight: 700;
      padding-right: 2px;
      position: relative;
      z-index: 999999 !important;
    }
    .reachOUt_head h2::after {
      content: "";
      width: 96px;
      height: 96px;
      display: block;
      background: white;
      border-radius: 50%;
      position: absolute;
      right: -20px;
      top: 0px;
      z-index: 0;
    }
    .reachOut_para p {
      color: #555;
      font-weight: 500;
      line-height: 25px;
    }
    .main_listing_reachout ul {
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      list-style: none;
    }
    .main_listing_reachout ul li {
      flex: 0 0 45%;
      margin: 0 30px 0 0;
      padding: 0 20px 0 20px;
      position: relative;
    }
    .main_listing_reachout ul li::after {
      content: "";
      display: block;
      background: url(../images/publish/pl-ic.webp);
      background-repeat: no-repeat;
      background-size: contain;
      height: 37px;
      width: 37px;
      position: absolute;
      top: -8px;
      left: -28px;
      right: unset;
    }
    .reachOut_img {
      position: relative;
    }
    .reachOut_img img {
      width: 100%;
    }
    .reachOut_img::after {
      content: "";
      display: block;
      background: #00cc8f;
      position: absolute;
      height: 96%;
      width: 104%;
      top: 30px;
      z-index: -1;
      left: -20px;
      right: unset;
    }
    section.sec_5 {
      padding: 60px 0;
      background: url("../images/publish/test-left.webp") left bottom no-repeat,
        url("../images/publish/test-right.webp") right bottom no-repeat;
    }
    .client_reviews h5 {
      text-align: center;
      font-family: BrownProSemiBold;
      color: #f6921e;
      margin-top: 0;
      font-weight: 600;
      margin-bottom: 0;
      position: relative;
    }
    .client_reviews h5::after {
      content: "";
      width: 96px;
      height: 96px;
      border-radius: 50%;
      position: absolute;
      background: #d1f8f2;
      z-index: -1;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: -26px;
    }
    .client_reviews h5::before {
      content: "";
      width: 96px;
      height: 96px;
      border-radius: 50%;
      position: absolute;
      background: white;
      margin: 0 auto;
      left: 450px;
      right: 0;
      top: -30px;
    }
    .client_reviews h2 {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 1px;
      text-align: center;
      font-weight: 700;
      margin: 0 0 100px 0;
    }
    .client_reviews ul.testi_monials li .main_testimonail {
      background: white;
      margin: 0 10px 0 10px;
      padding: 3rem;
      border-radius: 10px;
    }
    .client_reviews ul.testi_monials li .main_testimonail .img img {
      margin: 0 0 20px 0;
    }
    .client_reviews ul.testi_monials li .main_testimonail .content p {
      height: 100px;
      overflow-y: auto;
      font-size: 16px;
      color: #555;
      font-weight: 500;
    }
    * {
      scrollbar-width: thin;
      scrollbar-color: #333 #f1f1f1;
    }
   
    section.sec_6 {
      background: url(../images/publish/cta-top.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      padding: 6em 0;
      width: 100%;
      background-color: white;
    }
    .best_seller h3 {
      text-align: center;
      padding-top: 80px;
      color: #1d3337;
      letter-spacing: -3px;
      font-size: 38px;
      font-weight: 700;
      position: relative;
    }
    .best_seller h3::after {
      content: "";
      display: block;
      background: url(../images/laptop.webp);
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: -50px;
      width: 135px;
      height: 135px;
      left: 0;
      right: 0;
      margin: 0 auto;
    }
    .best_seller a {
      color: #fff;
      font-size: 60px;
      text-shadow: 3px 7px 10px #00000029;
      text-decoration: none !important;
      font-weight: 700;
      text-align: center;
    }
    .best_seller {
      text-align: center;
      position: relative;
      z-index: 99999;
    }
    .best_seller::after {
      content: "";
      position: absolute;
      background: url(../images/publish/cta-center.webp) center center no-repeat;
      width: 100%;
      top: -100px;
      left: 0;
      min-width: 1100px;
      height: 706px;
      z-index: -1;
    }
    .best_seller .global_btnss {
      justify-content: center;
      margin: 30px 0 0 0;
    }
    section.sec_7 {
      position: relative;
      padding: 60px 0;
      color: white;
    }
    section.sec_7::before {
      background: url(../images/publish/yel-right.webp) right top no-repeat #1c3135;
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 84%;
      top: 0;
      z-index: 99999;
    }
    section.sec_7 .container {
      position: relative;
      z-index: 99999;
    }
    .amazon_expert_img img {
      max-width: none;
      right: 265px;
      position: relative;
    }
    .amazon_expert_img {
      position: relative;
    }
    .amazon_expert_img::after {
      content: "";
      position: absolute;
      left: -274px;
      bottom: -10px;
      height: 62%;
      width: 100%;
      background: #f6921e;
      z-index: -1;
    }
    .amazon_expert_content h2 {
      font-size: 28px;
      font-weight: 700;
      letter-spacing: 1px;
      padding: 0 130px 0 0;
    }
    .amazon_expert_content p {
      color: #b2c9cd;
      width: 100%;
      font-size: 22px;
      line-height: normal;
      margin-top: 20px;
    }
    section.sec_8 {
      padding: 60px 0;
      background: url(../images/publish/cta-green.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      color: white;
    }
    .becom_author_head h2 span {
      font-weight: 400;
      display: block;
    }
    .becom_author_head h2 {
      font-size: 35px;
      text-transform: none;
      line-height: 46px;
      letter-spacing: -0.4px;
      margin-bottom: 0;
    }
    .become_author_contactss ul {
      display: flex;
      list-style: none;
      padding: 0;
      flex-wrap: wrap;
    }
    .become_author_contactss ul li a {
      color: #f6921e;
      font-size: 20px;
      text-decoration: none !important;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .become_author_contactss .new_global_btn {
      display: flex;
    }
    .become_author_contactss .new_global_btn button.get_new_btn {
      font-size: 17px;
      border: none;
      border-radius: 3px;
      font-weight: 600;
      color: #fff;
      background-image: linear-gradient(40deg, #faba16 0, #f6921e 50%);
      box-shadow: none;
      width: 200px;
      padding: 12px 0;
    }
    .become_author_contactss ul li {
      flex: 0 0 100%;
      margin: 0 0 10px 0;
    }
    section.sec_9 {
      padding: 60px 0;
    }
    .book_legacy h5 {
      font-family: BrownProSemiBold;
      color: #f6921e;
      margin-top: 0;
      font-weight: 600;
      margin-bottom: 0;
      text-align: center;
      position: relative;
    }
    .book_legacy h5::after {
      width: 96px;
      height: 96px;
      border-radius: 50%;
      position: absolute;
      background: #d1f8f2;
      z-index: -1;
      left: 0;
      top: -20px;
      content: "";
      margin: 0 auto;
      right: 0;
    }
    .book_legacy h2 {
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 1px;
      text-align: center;
      font-weight: 700;
      margin: 0 0 30px 0;
    }
    .book_legacy h3 {
      font-size: 26px;
      line-height: 80px;
      text-align: center;
      margin: -30px 0 13px 0;
    }
    .book_legacy p {
      font-weight: 500;
      width: 90%;
      margin: 0 auto;
      text-align: center;
    }
    .parent_items {
      display: flex;
      align-items: center;
      margin: 0 0 50px 0;
    }
    .parent_items .img_sec {
      flex: 0 0 45%;
    }
    .parent_items .content_inner {
      flex: 0 0 55%;
    }
    section.sec_10 {
      padding: 40px 0;
      background: white;
    }
    .trustpiloots ul {
      display: flex;
      list-style: none;
      padding: 0;
    }
    .trustpiloots ul li {
      flex: 0 0 23%;
      margin: 0 30px 0 0;
    }
    .trustpiloots ul li .trust_box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
    }
    .trustpiloots ul li .trust_box .trust_logo_img img {
      width: 120px;
      height: 60px;
      margin: 0 0 10px 0;
    }
    .trustpiloots ul li .trust_box .trust_logo_content p {
      margin-bottom: 0;
      margin-top: 20px;
      font-size: 13px;
      line-height: normal;
      padding-left: 30px;
      position: relative;
      color: #666;
      text-align: left;
      font-weight: 500;
    }
    .trustpiloots ul li .trust_box .trust_logo_content p::before {
      content: "";
      display: block;
      background: url(../images/comma.webp);
      background-repeat: no-repeat;
      position: absolute;
      width: 30px;
      height: 20px;
      top: 0;
      left: 0;
    }
    section.sec_11 {
      background: url("../images/publish/cont-shadow.webp") left top no-repeat,
        url("../images/publish/c-left.webp") left bottom no-repeat,
        url("../images/publish/c-right.webp") right top no-repeat #1c3135;
      color: white;
      padding: 60px 0;
      position: relative;
      overflow-x: clip;
    }
    section.sec_11::after {
      background: url(../images/publish/contact-after.webp) left top / cover no-repeat;
      right: -80px;
      width: 682px;
      height: 535px;
      top: -50px;
      content: "";
      position: absolute;
    }
    .contact_form h2 {
      color: #fff;
      font-size: 40px;
      margin-bottom: 40px;
      line-height: 45px;
      font-weight: 700;
    }
    .contact_form form {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
    }
    .contact_form form .in_fields {
      flex: 0 0 45%;
      margin: 0 20px 20px 0;
    }
    .contact_form form .in_fields input {
      width: 100%;
      padding: 10px;
      border-radius: 1px;
      border: 1px solid #ddd;
      height: 45px;
      font-weight: 400;
      font-size: 14px;
      resize: none;
    }
    .contact_form form .in_fields_full {
      flex: 0 0 100%;
    }
    .contact_form form .in_fields_full input {
      width: 93%;
      padding: 10px;
      border-radius: 1px;
      border: 1px solid #ddd;
      height: 45px;
      font-weight: 400;
      font-size: 14px;
      resize: none;
    }
    .contact_form form .infield_radio {
      display: flex;
      margin: 20px 0 20px 0;
      align-items: start;
    }
    .contact_form form .infield_radio input {
      margin: 5px 10px 0 0;
    }
    .contact_form form .ssUbmit_btn {
      display: flex;
      justify-content: center;
      margin: 0 auto;
    }
    .contact_form form .ssUbmit_btn input[type="submit"] {
      background-image: linear-gradient(40deg, #faba16 0, #f6921e 50%);
      padding: 13px 40px;
      border-radius: 50px;
      font-size: 16px;
      border: none;
      color: #fff;
      font-weight: 600;
      text-transform: uppercase;
      width: 200px;
    }
    footer {
      padding: 4rem 0;
      background: url("../images/ftr-shadow.webp") right top no-repeat;
      width: 100%;
    }
    .row.space-between {
      display: flex;
      justify-content: space-between;
    }
    .Logo_and_contect img {
      width: 60%;
      margin: 0 0 20px 0;
    }
    .Logo_and_contect ul {
      padding: 0 0 0 20px;
      list-style: none;
    }
    .Logo_and_contect ul li a {
      color: #3b6068;
      text-decoration: none !important;
      font-size: 15px;
      display: flex;
      align-items: start;
      gap: 10px;
    }
    .Logo_and_contect ul li {
      margin: 0 0 3px 0;
    }
    .Logo_and_contect ul li a i {
    }
    .Logo_and_contect ul li a svg {
      margin: 7px 0 0 0;
    }
    section.last_ {
      background: black;
      color: white;
      padding: 10px 0;
    }
    .main_last_termss {
      display: flex;
      justify-content: space-between;
    }
    .main_last_termss .all_rights p {
      font-size: 16px;
    }
    .main_last_termss .terms_conditionss ul {
      padding: 0;
      list-style: none;
      display: flex;
      gap: 20px;
    }
    .main_last_termss .terms_conditionss ul li a {
      color: white;
      text-decoration: none !important;
    }
    .main_last_termss .terms_conditionss ul li {
      position: relative;
    }
    .main_last_termss .terms_conditionss ul li:last-child::after {
      content: "";
      display: block;
      position: absolute;
      background: white;
      height: 20px;
      width: 2px;
      left: -10px;
      top: 2px;
    }
    .modal-header {
      padding: 0 !important;
      border: none !important;
      margin-bottom: 20px;
    }
    .modal-body {
      padding: 0 !important;
    }
    .modal {
      background: #0000008c;
    }
    .modal-dialog {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
    }
    .popup_form_wrp {
      padding: 0 15px;
      /* text-align: center;
         */
    }
    .popup_form_wrp h2 {
      font-weight: 800;
      font-size: 24px;
      color: white;
      margin: 0 0 10px 20px;
      position: relative;
      text-align: center;
    }
    .modal-content {
      padding: 30px 0;
      background: black !important;
    }
    .popup_form_wrp p {
      color: #343434;
      font-weight: 500;
    }
    .popup_form_wrp form input {
      width: 46%;
      background: #fff;
      border-radius: 4px;
      border: none !important;
      height: 45px;
      margin: 0 10px 15px 0;
      padding: 0 0 0 20px;
      font-family: "Raleway";
      font-weight: 400;
      outline: none;
      color: black;
      border: 1px solid #f6921e;
    }
    .popup_form_wrp form {
      margin: 30px 0 0 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .popup_form_wrp form input::placeholder,
    .popup_form_wrp form textarea::placeholder {
      color: rgba(0, 0, 0, 0.44);
      font-size: 14px;
    }
    .popup_form_wrp form textarea {
      border-radius: 6px;
      height: 130px;
      padding: 15px 18px;
      width: 97.5%;
      margin: 0px 0 20px 0;
      padding: 20px 15px;
      font-weight: 500;
      color: black !important;
    }
    .popup_form_wrp form select {
      font-size: 14px;
      font-weight: 500;
    }
    .modal-content {
      border-radius: 20px;
    }
    .modal-content {
      border: 3px solid #f6921e !important;
      width: 431px !important;
      height: 530px !important;
    }
    .popup_form_wrp h2:before {
      content: "";
      display: block;
      position: absolute;
      background: transparent;
      width: 10px;
      height: 40px;
      left: -20px;
      border-radius: 5px;
    }
    span.color_form {
      color: #f6921e;
      font-weight: 700;
    }
    button.btn-close {
      position: absolute;
      right: 15px;
      top: 13px;
      background: #f6921e;
      opacity: 1;
      border-radius: 0;
      width: 10px;
      height: 10px;
      border-radius: 50%;
    }
    button.btn-close:after {
      content: "";
      display: block;
      position: absolute;
      background: #fff;
      width: 3px;
      height: 17px;
      top: 5px;
      transform: rotate(42deg);
      left: 11px;
      border-radius: 5px;
    }
    button.btn-close:before {
      content: "";
      display: block;
      position: absolute;
      background: #fff;
      width: 3px;
      height: 17px;
      top: 5px;
      transform: rotate(129deg);
      left: 11px;
      border-radius: 5px;
    }
    button.btn-close:hover {
      background: #f3ad16;
      opacity: 1;
    }
    button.popup_button {
      background: linear-gradient(180deg, #39aff9 0%, #007cca 100%);
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
      border-radius: 20px;
      border: none;
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 23px;
      color: #ffffff;
      text-transform: capitalize;
      width: 200px;
      height: 50px;
      font-family: "Raleway";
    }
    button.popup_button:hover {
      background: #f3ad16;
    }
    .popup_form_wrp input[type="submit"] {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 49%;
      text-align: center;
      margin: 0 auto;
      padding: 0 10px 0px 0px;
    }
    div#exampleModal {
      z-index: 9999999;
    }
    .main_bann_form .checK_div {
      display: none !important;
    }
    .call_inner {
      display: none;
    }
    @media only screen and (max-width: 1370px) {
      button.slick-next.slick-arrow {
        bottom: -97px;
      }
      .reachOUt_head h2::after {
        content: "";
        width: 76px;
        height: 76px;
        display: block;
        background: white;
        border-radius: 50%;
        position: absolute;
        right: -10px;
        top: 80px;
        z-index: 0;
      }
      .side_linkss ul li button.getStarted {
        width: max-content;
      }
      .side_linkss ul li a {
        display: flex;
        gap: 7px;
      }
      .modal-dialog {
        top: 60px;
      }
    }
    @media only screen and (max-width: 767px) {
      .side_linkss {
        display: none;
      }
      .main_logo {
        text-align: center;
      }
      .main_logo img {
        width: 49%;
      }
      .Main_banner h2 {
        font-size: 25px;
        font-weight: 600;
        line-height: normal;
      }
      .Main_banner p {
        font-size: 17px;
        margin: 20px 0 20px 0;
      }
      .global_btnss button.globalBtn.quote {
        width: max-content;
        padding: 0 10px 0 10px;
      }
      .global_btnss {
        gap: 10px;
        margin: 0 0 20px 0;
      }
      .global_btnss button.globalBtn.liveCh {
        width: max-content;
        padding-right: 40px;
        padding-left: 40px;
      }
      .main_bann_form {
        left: 0;
      }
      .main_bann_form form .checK_div label {
        font-size: 13px;
        font-weight: 600;
      }
      .reachOUt_head h2 {
        font-size: 25px;
        line-height: normal;
        font-weight: 700;
      }
      .reachOUt_head h2::after {
        left: unset;
        right: -70px;
      }
      .main_listing_reachout ul li {
        flex: 0 0 50%;
        margin: 0;
        padding: 0 0 0 26px;
      }
      .main_listing_reachout ul li::after {
        left: -4px;
        width: 27px;
        height: 27px;
        top: 0;
      }
      section.sec_4 {
        overflow-x: hidden;
      }
      section {
        overflow-x: hidden !important;
        overflow-y: hidden;
      }
      .best_seller h3 {
        font-size: 25px;
      }
      .best_seller a {
        font-size: 38px;
        color: black;
      }
      .amazon_expert_img img {
        width: 100%;
        right: 0;
        top: 0px;
      }
      .amazon_expert_content h2 {
        padding: 0;
        margin: 20px 0 0 0;
      }
      .amazon_expert_img::after {
        display: NONE;
      }
      section.sec_7::before {
        height: -webkit-fill-available;
      }
      .amazon_expert_content p {
        font-size: 18px;
      }
      .becom_author_head h2 {
        font-size: 25px;
        line-height: normal;
        margin: 0 0 20px 0;
      }
      .book_legacy h2 {
        font-size: 24px;
        margin: 0 0 20px 0;
      }
      .book_legacy h3 {
        line-height: normal;
        margin: 10px 0 20px 0;
        font-size: 25px;
      }
      .book_legacy p {
        width: 100%;
        font-size: 16px;
      }
      .parent_items {
        display: block;
        text-align: center;
      }
      .trustpiloots ul {
        flex-wrap: wrap;
        justify-content: space-between;
      }
      .trustpiloots ul li {
        flex: 0 0 41%;
        margin: 0 0 40px 0;
      }
      section.sec_11::after {
        display: none;
      }
      .contact_form h2 {
        font-size: 25px;
        line-height: normal;
      }
      .contact_form form .in_fields {
        flex: 0 0 100%;
      }
      .contact_form form .in_fields_full input {
        width: 100%;
      }
      ul.ttff li {
        justify-content: center;
        margin: 0 auto;
        display: flex !important;
        padding: 0;
      }
      ul.ttff {
        padding: 0;
      }
      .modal-content {
        width: 100% !important;
      }
      /* ul {
        padding: 0 !important;
      } */
      .parent_items.reverse {
        flex-direction: column-reverse;
        display: flex;
      }
      .main_last_termss {
        flex-wrap: wrap;
        justify-content: center;
      }
    }
    .main_bann_form form .checK_div label a {
      color: #707070;
      text-decoration: none !important;
    }
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    input[type="number"] {
      -moz-appearance: textfield;
    }
    .main_listing_reachout ul li h4 {
      color: #256571;
      margin: 0;
      font-size: 17px;
      font-weight: 600;
    }
    .main_listing_reachout ul li p {
      color: black;
      font-size: 18px;
      letter-spacing: -0.4px;
      line-height: 25px;
      font-weight: 500;
    }
    .parent_items .content_inner h3 {
      line-height: 30px;
      font-weight: 600;
      color: #000;
      font-size: 21px;
    }
    .parent_items .content_inner p {
      font-weight: 500;
      font-size: 15px;
      line-height: 25px;
      color: #555;
    }
    .trustpiloots ul li .trust_box .trust_logo_content p b {
      color: #000;
      font-weight: 600;
    }
    .last__logo {
      display: flex;
    }
    .last__logo img {
      flex: 0 0 20%;
      width: 80%;
      object-fit: contain;
    }
    .floatbutton.active {
      right: 0;
      z-index: 9;
      transition: 0.4s;
    }
    .floatbutton {
      transition: 0.4s;
      position: fixed;
      right: -370px;
      top: 28%;
      font-size: 0;
      width: 425px;
      z-index: 99;
    }
    .floatbutton .clickbutton {
      width: 100px;
      z-index: 999;
      height: 200px;
      cursor: pointer;
      box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);
      border-radius: 3px 0 0 3px;
      display: inline-block;
      padding-top: 0;
      vertical-align: top;
      margin-top: 125px;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      position: relative;
      text-transform: uppercase;
      box-shadow: 0 0 40px #00000026;
      -webkit-box-shadow: 0 0 40px #00000026;
      -ms-box-shadow: 0 0 40px #00000026;
      -o-box-shadow: 0 0 40px #00000026;
    }
    .btns_wrap .call_wrap,
    .btns_wrap .chat_wrap {
      position: absolute;
      right: -225px;
      width: 280px;
      border-radius: 3px 0 0 3px;
      overflow: hidden;
      box-shadow: 0 0 40px #00000026 !important;
      z-index: 9999;
    }
    .floatbutton.clickbutton .crossplus::before {
      content: "";
      display: none;
      position: absolute;
      width: 20px;
      height: 2px;
      right: 0;
      background: #fbb334;
      z-index: 99;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto;
    }
    .floatbutton.clickbutton .crossplus::after {
      content: "";
      display: none;
      position: absolute;
      width: 2px;
      height: 20px;
      right: 0;
      background: #fab334;
      z-index: 99;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto;
    }
    .floatbutton .clickbutton .crossplus {
      position: absolute;
      display: block;
      transition: 0.4s;
      white-space: pre;
      width: 100px;
      height: 200px;
      background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    }
    .floatbutton .clickbutton .crossplus.rotate {
      transform: rotate(45deg);
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
    }
    .floatbutton .clickbutton .crossplus i {
      font-size: 18px;
      color: #fff;
      margin: 17px 0 0 15px;
    }
    .floatbutton .clickbutton .crossplus > * {
      width: 100%;
      display: block;
      transform: rotate(-90deg) translate(-40px, -20px);
    }
    .btns_wrap .call_wrap {
      top: 63px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
    }
    .btns_wrap .call_wrap span {
      color: #fff;
      font-size: 16px;
      vertical-align: middle;
      padding: 15px 20px 15px 15px;
    }
    .btns_wrap .chat_wrap {
      display: block;
      background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%);
      background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
      top: 0;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
    }
    .btns_wrap .call_wrap span.icoo,
    .btns_wrap .chat_wrap span.icoo {
      color: #fff;
      background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%);
      font-size: 14px;
      padding: 15px 20px;
      border-right: 1px solid #ded9d9;
      vertical-align: middle;
      display: inline-block;
      border-radius: 10px 0 0 10px;
      background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    }
    .btns_wrap .chat_wrap span {
      color: #fff;
      font-size: 16px;
      vertical-align: middle;
      padding: 15px 30px 15px 15px;
    }
    .btns_wrap a:hover {
      right: 0;
    }
    .btns_wrap {
      position: fixed;
      right: 0;
    }
    .floatbutton svg {
      font-size: 14px;
      min-width: 14px;
      height: 14px;
    }
    .active-faq p {
      display: block;
    }
  }
  .btns_wrap {
    position: fixed;
    right: 0;
  }
  .floatbutton svg {
    font-size: 14px;
    min-width: 14px;
    height: 14px;
  }
  .active-faq p {
    display: block;
  }

  .side_linkss {
    display: none;
  }

  .main_logo {
    text-align: center;
  }

  .main_logo img {
    width: 49%;
  }

  .Main_banner h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
  }

  .Main_banner p {
    font-size: 17px;
    margin: 20px 0 20px 0;
  }

  .global_btnss button.globalBtn.quote {
    width: max-content;
    padding: 0 10px 0 10px;
  }

  .global_btnss {
    gap: 10px;
    margin: 0 0 20px 0;
  }

  .global_btnss button.globalBtn.liveCh {
    width: max-content;
    padding-right: 40px;
    padding-left: 40px;
  }

  .main_bann_form {
    left: 0;
  }

  .main_bann_form form .checK_div label {
    font-size: 13px;
    font-weight: 600;
  }

  .reachOUt_head h2 {
    font-size: 25px;
    line-height: normal;
    font-weight: 700;
  }

  .reachOUt_head h2::after {
    left: unset;
    right: -70px;
  }

  .main_listing_reachout ul li {
    flex: 0 0 50%;
    margin: 0;
    padding: 0 0 0 26px;
  }

  .main_listing_reachout ul li::after {
    left: -4px;
    width: 27px;
    height: 27px;
    top: 0;
  }

  section.sec_4 {
    overflow-x: hidden;
  }

  section {
    overflow-x: hidden !important;
    overflow-y: hidden;
  }

  .best_seller h3 {
    font-size: 25px;
  }

  .best_seller a {
    font-size: 38px;
    color: black;
  }

  .amazon_expert_img img {
    width: 100%;
    right: 0;
    top: 0px;
  }

  .amazon_expert_content h2 {
    padding: 0;
    margin: 20px 0 0 0;
  }

  .amazon_expert_img::after {
    display: NONE;
  }

  section.sec_7::before {
    height: -webkit-fill-available;
  }

  .amazon_expert_content p {
    font-size: 18px;
  }

  .becom_author_head h2 {
    font-size: 25px;
    line-height: normal;
    margin: 0 0 20px 0;
  }

  .book_legacy h2 {
    font-size: 24px;
    margin: 0 0 20px 0;
  }

  .book_legacy h3 {
    line-height: normal;
    margin: 10px 0 20px 0;
    font-size: 25px;
  }

  .book_legacy p {
    width: 100%;
    font-size: 16px;
  }

  .parent_items {
    display: block;
    text-align: center;
  }

  .trustpiloots ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .trustpiloots ul li {
    flex: 0 0 41%;
    margin: 0 0 40px 0;
  }

  section.sec_11::after {
    display: none;
  }

  .contact_form h2 {
    font-size: 25px;
    line-height: normal;
  }

  .contact_form form .in_fields {
    flex: 0 0 100%;
  }

  .contact_form form .in_fields_full input {
    width: 100%;
  }
  ul.ttff li {
    justify-content: center;
    margin: 0 auto;
    display: flex !important;
    padding: 0;
  }

  ul.ttff {
    padding: 0;
  }
  .modal-content {
    width: 100% !important;
  }
  /* ul {
    padding: 0 !important;
  } */
  .parent_items.reverse {
    flex-direction: column-reverse;
    display: flex;
  }
  .main_last_termss {
    flex-wrap: wrap;
    justify-content: center;
  }

.main_bann_form form .checK_div label a {
  color: #707070;
  text-decoration: none !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}
.main_listing_reachout ul li h4 {
  color: #256571;
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}

.main_listing_reachout ul li p {
  color: black;
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 25px;
  font-weight: 500;
}
.parent_items .content_inner h3 {
  line-height: 30px;
  font-weight: 600;
  color: #000;
  font-size: 21px;
}

.parent_items .content_inner p {
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  color: #555;
}
.trustpiloots ul li .trust_box .trust_logo_content p b {
  color: #000;
  font-weight: 600;
}

.last__logo {
  display: flex;
}

.last__logo img {
  flex: 0 0 20%;
  width: 80%;
  object-fit: contain;
}

.floatbutton.active {
  right: 0;
  z-index: 9;
  transition: 0.4s;
}

.floatbutton {
  transition: 0.4s;
  position: fixed;
  right: -370px;
  top: 28%;
  font-size: 0;
  width: 425px;
  z-index: 99;
}

.floatbutton .clickbutton {
  width: 100px;
  z-index: 999;
  height: 200px;
  cursor: pointer;
  box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);
  border-radius: 3px 0 0 3px;
  display: inline-block;
  padding-top: 0;
  vertical-align: top;
  margin-top: 125px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
  box-shadow: 0 0 40px #00000026;
  -webkit-box-shadow: 0 0 40px #00000026;
  -ms-box-shadow: 0 0 40px #00000026;
  -o-box-shadow: 0 0 40px #00000026;
}

.btns_wrap .call_wrap,
.btns_wrap .chat_wrap {
  position: absolute;
  right: -225px;
  width: 280px;
  border-radius: 3px 0 0 3px;
  overflow: hidden;
  box-shadow: 0 0 40px #00000026 !important;
  z-index: 9999;
  text-decoration: none !important ;
}

.floatbutton .clickbutton .crossplus:before {
  content: "";
  display: none;
  position: absolute;
  width: 20px;
  height: 2px;
  right: 0;
  background: #fbb334;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.floatbutton .clickbutton .crossplus:after {
  content: "";
  display: none;
  position: absolute;
  width: 2px;
  height: 20px;
  right: 0;
  background: #fab334;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.floatbutton .clickbutton .crossplus {
  position: absolute;
  display: block;
  transition: 0.4s;
  white-space: pre;
  width: 100px;
  height: 200px;
  background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
}

.floatbutton .clickbutton .crossplus.rotate {
  transform: rotate(45deg);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.floatbutton .clickbutton .crossplus i {
  font-size: 18px;
  color: #fff;
  margin: 17px 0 0 15px;
}

.floatbutton .clickbutton .crossplus > * {
  width: 100%;
  display: block;
  transform: rotate(-90deg) translate(-40px, -20px);
}

.btns_wrap .call_wrap {
  top: 63px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btns_wrap .call_wrap span {
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  padding: 15px 20px 15px 15px;
}

.btns_wrap .chat_wrap {
  display: block;
  background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%);
  background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  top: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btns_wrap .call_wrap span.icoo,
.btns_wrap .chat_wrap span.icoo {
  color: #fff;
  background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%);
  font-size: 14px;
  padding: 15px 20px;
  border-right: 1px solid #ded9d9;
  vertical-align: middle;
  display: inline-block;
  border-radius: 10px 0 0 10px;
  background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
}

.btns_wrap .chat_wrap span {
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  padding: 15px 30px 15px 15px;
}

.btns_wrap a:hover {
  right: 0;
  background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
   
    color: #333;
    background-color: #f3f3e9;
  }
  .main_logo img {
    width: 30%;
  }
  img {
    max-width: 100%;
  }
  .side_linkss ul {
    display: flex;
    list-style: none;
    align-items: center;
  }
  .side_linkss ul li a img {
    width: 16%;
  }
  .side_linkss ul li a {
    color: black;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 18px;
  }
  section.sec_1 {
    padding: 60px 0;
    background: url(http://tolkeinsbookwritings.com/images/my-images/main-hero-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    border-radius: 0 20px 50px 50px;
    position: relative;
  }
  .side_linkss ul li button.getStarted {
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    border-radius: 50px;
    font-size: 18px;
    border: none;
    font-weight: 600;
    color: #fff;
    max-width: 200px;
    padding: 10px 30px 10px 30px;
  }
  .side_linkss ul li {
    flex: 0 0 34%;
  }
  /* header {
    padding: 10px 0;
  } */
  .Main_banner h5 {
    background: #f6921e;
    padding: 7px 16px;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    display: table;
    position: relative;
  }
  .Main_banner h5::after {
    content: "";
    position: absolute;
    right: -15px;
    border-bottom: 39px solid transparent;
    border-top: 0 solid transparent;
    border-left: 15px solid #f6921e;
    top: 0;
  }
  .Main_banner h2 {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 48px;
    color: #fff;
  }
  .Main_banner p {
    margin: 30px 0;
    font-size: 19px;
    color: #fff;
    font-weight: 500;
  }
  .global_btnss {
    gap: 25px;
  }
  .global_btnss button.globalBtn.quote {
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    border-radius: 50px;
    font-size: 15px;
    border: none;
    font-weight: 600;
    color: #fff;
    max-width: 200px;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
  }
  .global_btnss button.globalBtn.liveCh {
    background: black;
    border-radius: 50px;
    font-size: 14px;
    border: none;
    font-weight: 700;
    color: #fff;
    max-width: 200px;
    padding: 10px 20px 10px 20px;
    width: 200px;
    text-transform: uppercase;
  }
  .main_bann_form {
    background: white;
    color: black;
    padding: 20px 40px 20px 40px;
    max-width: 400px;
    position: relative;
    left: 120px;
    border-radius: 10px;
    width: 100%;
  }
  .main_bann_form h3 {
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    margin: 0 0 20px 0;
  }
  .main_bann_form form {
    display: flex;
    flex-direction: column;
  }
  .main_bann_form form input {
    height: 40px;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #555;
    font-weight: 500;
  }
  .main_bann_form form .fieldds {
    display: flex;
    flex-direction: column;
  }
  .main_bann_form form .fieldds label {
    font-weight: 700;
    margin: 0 0 6px 0;
    font-size: 15px;
  }
  .main_bann_form form .fieldds select {
    height: 40px;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #555;
    font-weight: 500;
  }
  .main_bann_form form .checK_div {
    display: flex;
    gap: 10px;
  }
  .main_bann_form form .checK_div label {
    font-weight: 700;
    font-size: 15px;
  }
  .main_bann_form form ._submit {
    display: flex;
  }
  .main_bann_form form ._submit input[type="submit"] {
    width: 100%;
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    border: none;
    border-radius: 50px;
    font-weight: 600;
    color: #fff;
    margin: 20px 0 10px 0;
  }
  section.sec_2 {
    background: #f6921e;
    margin-top: -70px;
  }
  .main_logo_slider {
    padding-top: 90px;
  }
  section.sec_3 {
    position: relative;
    margin: 0 0 80px 0;
  }
  section.sec_3::before {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    max-height: 470px;
    height: 100%;
    top: 0;
    width: 100%;
  }
  .main_books_slider ul.book_slider li img {
    width: 90%;
    margin: 30px 0 10px 0;
  }
  ul.book_slider {
    z-index: 99999;
    position: relative;
  }
  button.slick-prev.slick-arrow,
  button.slick-next.slick-arrow {
    font-size: 0;
    left: 0;
    bottom: -110px;
    top: unset;
    z-index: 9999999;
    font-size: 0;
    background-image: url(../images/publish/sleft-removebg-preview.png);
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    left: 0;
    right: 0;
    margin: auto;
    border: 2px solid gray;
    border-radius: 50%;
    background-color: #e8e9da !important;
  }
  button.slick-next.slick-arrow {
    right: 0;
  }
  button.slick-prev.slick-arrow:before,
  button.slick-next.slick-arrow:before {
    display: none;
  }
  button.slick-next.slick-arrow {
    background-image: url(../images/publish/sleft-removebg-next.png);
    right: -120px;
    top: 385px;
  }
  button.slick-prev.slick-arrow:hover,
  button.slick-next.slick-arrow:hover {
    filter: invert(0) brightness(0.5);
  }
  section.sec_4 {
    padding: 60px 0;
    background: url(../images/publish/te-layer.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .reachOUt_head h5 {
    font-family: BrownProSemiBold;
    color: #f6921e;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
  }
  .reachOUt_head h5::after {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    position: absolute;
    background: #d1f8f2;
    z-index: -1;
    left: -60px;
    top: -30px;
    content: "";
  }
  .reachOUt_head h2 {
    font-size: 32px;
    line-height: 44px;
    color: #000;
    font-weight: 700;
    padding-right: 2px;
    position: relative;
    z-index: 999999 !important;
  }
  .reachOUt_head h2::after {
    content: "";
    width: 96px;
    height: 96px;
    display: block;
    background: white;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: 0px;
    z-index: 0;
  }
  .reachOut_para p {
    color: #555;
    font-weight: 500;
    line-height: 25px;
  }
  .main_listing_reachout ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
  }
  .main_listing_reachout ul li {
    flex: 0 0 45%;
    margin: 0 30px 0 0;
    padding: 0 20px 0 20px;
    position: relative;
  }
  .main_listing_reachout ul li::after {
    content: "";
    display: block;
    background: url(../images/publish/pl-ic.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 37px;
    width: 37px;
    position: absolute;
    top: -8px;
    left: -28px;
    right: unset;
  }
  .reachOut_img {
    position: relative;
  }
  .reachOut_img img {
    width: 100%;
  }
  .reachOut_img::after {
    content: "";
    display: block;
    background: #00cc8f;
    position: absolute;
    height: 96%;
    width: 104%;
    top: 30px;
    z-index: -1;
    left: -20px;
    right: unset;
  }
  section.sec_5 {
    padding: 60px 0;
    background: url("../images/publish/test-left.webp") left bottom no-repeat,
      url("../images/publish/test-right.webp") right bottom no-repeat;
  }
  .client_reviews h5 {
    text-align: center;
    font-family: BrownProSemiBold;
    color: #f6921e;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
  }
  .client_reviews h5::after {
    content: "";
    width: 96px;
    height: 96px;
    border-radius: 50%;
    position: absolute;
    background: #d1f8f2;
    z-index: -1;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -26px;
  }
  .client_reviews h5::before {
    content: "";
    width: 96px;
    height: 96px;
    border-radius: 50%;
    position: absolute;
    background: white;
    margin: 0 auto;
    left: 450px;
    right: 0;
    top: -30px;
  }
  .client_reviews h2 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    margin: 0 0 100px 0;
  }
  .client_reviews ul.testi_monials li .main_testimonail {
    background: white;
    margin: 0 10px 0 10px;
    padding: 3rem;
    border-radius: 10px;
  }
  .client_reviews ul.testi_monials li .main_testimonail .img img {
    margin: 0 0 20px 0;
  }
  .client_reviews ul.testi_monials li .main_testimonail .content p {
    height: 100px;
    overflow-y: auto;
    font-size: 16px;
    color: #555;
    font-weight: 500;
  }
  * {
    scrollbar-width: thin;
    scrollbar-color: #333 #f1f1f1;
  }
 
  section.sec_6 {
    background: url(../images/publish/cta-top.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 6em 0;
    width: 100%;
    background-color: white;
  }
  .best_seller h3 {
    text-align: center;
    padding-top: 80px;
    color: #1d3337;
    letter-spacing: -3px;
    font-size: 38px;
    font-weight: 700;
    position: relative;
  }
  .best_seller h3::after {
    content: "";
    display: block;
    background: url(../images/laptop.webp);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -50px;
    width: 135px;
    height: 135px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .best_seller a {
    color: #fff;
    font-size: 60px;
    text-shadow: 3px 7px 10px #00000029;
    text-decoration: none !important;
    font-weight: 700;
    text-align: center;
  }
  .best_seller {
    text-align: center;
    position: relative;
    z-index: 99999;
  }
  .best_seller::after {
    content: "";
    position: absolute;
    background: url(../images/publish/cta-center.webp) center center no-repeat;
    width: 100%;
    top: -100px;
    left: 0;
    min-width: 1100px;
    height: 706px;
    z-index: -1;
  }
  .best_seller .global_btnss {
    justify-content: center;
    margin: 30px 0 0 0;
  }
  section.sec_7 {
    position: relative;
    padding: 60px 0;
    color: white;
  }
  section.sec_7::before {
    background: url(../images/publish/yel-right.webp) right top no-repeat #1c3135;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 84%;
    top: 0;
    z-index: 99999;
  }
  section.sec_7 .container {
    position: relative;
    z-index: 99999;
  }
  .amazon_expert_img img {
    max-width: none;
    right: 265px;
    position: relative;
  }
  .amazon_expert_img {
    position: relative;
  }
  .amazon_expert_img::after {
    content: "";
    position: absolute;
    left: -274px;
    bottom: -10px;
    height: 62%;
    width: 100%;
    background: #f6921e;
    z-index: -1;
  }
  .amazon_expert_content h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0 130px 0 0;
  }
  .amazon_expert_content p {
    color: #b2c9cd;
    width: 100%;
    font-size: 22px;
    line-height: normal;
    margin-top: 20px;
  }
  section.sec_8 {
    padding: 60px 0;
    background: url(../images/publish/cta-green.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
  }
  .becom_author_head h2 span {
    font-weight: 400;
    display: block;
  }
  .becom_author_head h2 {
    font-size: 35px;
    text-transform: none;
    line-height: 46px;
    letter-spacing: -0.4px;
    margin-bottom: 0;
  }
  .become_author_contactss ul {
    display: flex;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
  }
  .become_author_contactss ul li a {
    color: #f6921e;
    font-size: 20px;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .become_author_contactss .new_global_btn {
    display: flex;
  }
  .become_author_contactss .new_global_btn button.get_new_btn {
    font-size: 17px;
    border: none;
    border-radius: 3px;
    font-weight: 600;
    color: #fff;
    background-image: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    box-shadow: none;
    width: 200px;
    padding: 12px 0;
  }
  .become_author_contactss ul li {
    flex: 0 0 100%;
    margin: 0 0 10px 0;
  }
  section.sec_9 {
    padding: 60px 0;
  }
  .book_legacy h5 {
    font-family: BrownProSemiBold;
    color: #f6921e;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    position: relative;
  }
  .book_legacy h5::after {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    position: absolute;
    background: #d1f8f2;
    z-index: -1;
    left: 0;
    top: -20px;
    content: "";
    margin: 0 auto;
    right: 0;
  }
  .book_legacy h2 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    margin: 0 0 30px 0;
  }
  .book_legacy h3 {
    font-size: 26px;
    line-height: 80px;
    text-align: center;
    margin: -30px 0 13px 0;
  }
  .book_legacy p {
    font-weight: 500;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .parent_items {
    display: flex;
    align-items: center;
    margin: 0 0 50px 0;
  }
  .parent_items .img_sec {
    flex: 0 0 45%;
  }
  .parent_items .content_inner {
    flex: 0 0 55%;
  }
  section.sec_10 {
    padding: 40px 0;
    background: white;
  }
  .trustpiloots ul {
    display: flex;
    list-style: none;
    padding: 0;
  }
  .trustpiloots ul li {
    flex: 0 0 20%;
    margin: 0 30px 0 0;
  }
  .trustpiloots ul li .trust_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .trustpiloots ul li .trust_box .trust_logo_img img {
    width: 120px;
    height: 60px;
    margin: 0 0 10px 0;
  }
  .trustpiloots ul li .trust_box .trust_logo_content p {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 13px;
    line-height: normal;
    padding-left: 30px;
    position: relative;
    color: #666;
    text-align: left;
    font-weight: 500;
  }
  .trustpiloots ul li .trust_box .trust_logo_content p::before {
    content: "";
    display: block;
    background: url(../images/comma.webp);
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 20px;
    top: 0;
    left: 0;
  }
  section.sec_11 {
    background: url("../images/publish/cont-shadow.webp") left top no-repeat,
      url("../images/publish/c-left.webp") left bottom no-repeat,
      url("../images/publish/c-right.webp") right top no-repeat #1c3135;
    color: white;
    padding: 60px 0;
    position: relative;
    overflow-x: clip;
  }
  section.sec_11::after {
    background: url(../images/publish/contact-after.webp) left top / cover no-repeat;
    right: -80px;
    width: 682px;
    height: 535px;
    top: -50px;
    content: "";
    position: absolute;
  }
  .contact_form h2 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 40px;
    line-height: 45px;
    font-weight: 700;
  }
  .contact_form form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .contact_form form .in_fields {
    flex: 0 0 45%;
    margin: 0 20px 20px 0;
  }
  .contact_form form .in_fields input {
    width: 100%;
    padding: 10px;
    border-radius: 1px;
    border: 1px solid #ddd;
    height: 45px;
    font-weight: 400;
    font-size: 14px;
    resize: none;
  }
  .contact_form form .in_fields_full {
    flex: 0 0 100%;
  }
  .contact_form form .in_fields_full input {
    width: 93%;
    padding: 10px;
    border-radius: 1px;
    border: 1px solid #ddd;
    height: 45px;
    font-weight: 400;
    font-size: 14px;
    resize: none;
  }
  .contact_form form .infield_radio {
    display: flex;
    margin: 20px 0 20px 0;
    align-items: start;
  }
  .contact_form form .infield_radio input {
    margin: 5px 10px 0 0;
  }
  .contact_form form .ssUbmit_btn {
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }
  .contact_form form .ssUbmit_btn input[type="submit"] {
    background-image: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    padding: 13px 40px;
    border-radius: 50px;
    font-size: 16px;
    border: none;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    width: 200px;
  }
  footer {
    padding: 4rem 0;
    background: url("../images/ftr-shadow.webp") right top no-repeat;
    width: 100%;
  }
  .row.space-between {
    display: flex;
    justify-content: space-between;
  }
  .Logo_and_contect img {
    width: 60%;
    margin: 0 0 20px 0;
  }
  .Logo_and_contect ul {
    padding: 0 0 0 20px;
    list-style: none;
  }
  .Logo_and_contect ul li a {
    color: #3b6068;
    text-decoration: none !important;
    font-size: 15px;
    display: flex;
    align-items: start;
    gap: 10px;
  }
  .Logo_and_contect ul li {
    margin: 0 0 3px 0;
  }
  .Logo_and_contect ul li a i {
  }
  .Logo_and_contect ul li a svg {
    margin: 7px 0 0 0;
  }
  section.last_ {
    background: black;
    color: white;
    padding: 10px 0;
  }
  .main_last_termss {
    display: flex;
    justify-content: space-between;
  }
  .main_last_termss .all_rights p {
    font-size: 16px;
  }
  .main_last_termss .terms_conditionss ul {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
  }
  .main_last_termss .terms_conditionss ul li a {
    color: white;
    text-decoration: none !important;
  }
  .main_last_termss .terms_conditionss ul li {
    position: relative;
  }
  .main_last_termss .terms_conditionss ul li:last-child::after {
    content: "";
    display: block;
    position: absolute;
    background: white;
    height: 20px;
    width: 2px;
    left: -10px;
    top: 2px;
  }
  .modal-header {
    padding: 0 !important;
    border: none !important;
    margin-bottom: 20px;
  }
  .modal-body {
    padding: 0 !important;
  }
  .modal {
    background: #0000008c;
  }
  .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  .popup_form_wrp {
    padding: 0 15px;
    /* text-align: center;  */
  }
  .popup_form_wrp h2 {
    font-weight: 800;
    font-size: 24px;
    color: white;
    margin: 0 0 10px 20px;
    position: relative;
    text-align: center;
  }
  .modal-content {
    padding: 30px 0;
    background: black !important;
  }
  .popup_form_wrp p {
    color: #343434;
    font-weight: 500;
  }
  .popup_form_wrp form input {
    width: 46%;
    background: #fff;
    border-radius: 4px;
    border: none !important;
    height: 45px;
    margin: 0 10px 15px 0;
    padding: 0 0 0 20px;
    font-family: "Raleway";
    font-weight: 400;
    outline: none;
    color: black;
    border: 1px solid #f6921e;
  }
  .popup_form_wrp form {
    margin: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .popup_form_wrp form input::placeholder,
  .popup_form_wrp form textarea::placeholder {
    color: rgba(0, 0, 0, 0.44);
    font-size: 14px;
  }
  .popup_form_wrp form textarea {
    border-radius: 6px;
    height: 130px;
    padding: 15px 18px;
    width: 97.5%;
    margin: 0px 0 20px 0;
    padding: 20px 15px;
    font-weight: 500;
    color: black !important;
  }
  .popup_form_wrp form select {
    font-size: 14px;
    font-weight: 500;
  }
  .modal-content {
    border-radius: 20px;
  }
  .modal-content {
    border: 3px solid #f6921e !important;
    width: 431px !important;
    height: 530px !important;
  }
  .popup_form_wrp h2:before {
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    width: 10px;
    height: 40px;
    left: -20px;
    border-radius: 5px;
  }
  span.color_form {
    color: #f6921e;
    font-weight: 700;
  }
  button.btn-close {
    position: absolute;
    right: 15px;
    top: 13px;
    background: #f6921e;
    opacity: 1;
    border-radius: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  button.btn-close:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 3px;
    height: 17px;
    top: 5px;
    transform: rotate(42deg);
    left: 11px;
    border-radius: 5px;
  }
  button.btn-close:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 3px;
    height: 17px;
    top: 5px;
    transform: rotate(129deg);
    left: 11px;
    border-radius: 5px;
  }
  button.btn-close:hover {
    background: #f3ad16;
    opacity: 1;
  }
  button.popup_button {
    background: linear-gradient(180deg, #39aff9 0%, #007cca 100%);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    border: none;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #ffffff;
    text-transform: capitalize;
    width: 200px;
    height: 50px;
    font-family: "Raleway";
  }
  button.popup_button:hover {
    background: #f3ad16;
  }
  .popup_form_wrp input[type="submit"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
    text-align: center;
    margin: 0 auto;
    padding: 0 10px 0px 0px;
  }
  div#exampleModal {
    z-index: 9999999;
  }
  .main_bann_form .checK_div {
    display: none !important;
  }

  .call_inner {
    display: none;
  }

  @media only screen and (max-width: 1370px) {
    button.slick-next.slick-arrow {
      bottom: -97px;
    }
    .reachOUt_head h2::after {
      content: "";
      width: 76px;
      height: 76px;
      display: block;
      background: white;
      border-radius: 50%;
      position: absolute;
      right: -10px;
      top: 80px;
      z-index: 0;
    }
    .side_linkss ul li button.getStarted {
      width: max-content;
    }
    .side_linkss ul li a {
      display: flex;
      gap: 7px;
    }
    .modal-dialog {
      top: 60px;
    }
  }
  @media only screen and (max-width: 767px) {
    .side_linkss {
      display: none;
    }
    .main_logo {
      text-align: center;
    }
    .main_logo img {
      width: 49%;
    }
    .Main_banner h2 {
      font-size: 25px;
      font-weight: 600;
      line-height: normal;
    }
    .Main_banner p {
      font-size: 17px;
      margin: 20px 0 20px 0;
    }
    .global_btnss button.globalBtn.quote {
      width: max-content;
      padding: 0 10px 0 10px;
    }
    .global_btnss {
      gap: 10px;
      margin: 0 0 20px 0;
    }
    .global_btnss button.globalBtn.liveCh {
      width: max-content;
      padding-right: 40px;
      padding-left: 40px;
    }
    .main_bann_form {
      left: 0;
    }
    .main_bann_form form .checK_div label {
      font-size: 13px;
      font-weight: 600;
    }
    .reachOUt_head h2 {
      font-size: 25px;
      line-height: normal;
      font-weight: 700;
    }
    .reachOUt_head h2::after {
      left: unset;
      right: -70px;
    }
    .main_listing_reachout ul li {
      flex: 0 0 50%;
      margin: 0;
      padding: 0 0 0 26px;
    }
    .main_listing_reachout ul li::after {
      left: -4px;
      width: 27px;
      height: 27px;
      top: 0;
    }
    section.sec_4 {
      overflow-x: hidden;
    }
    section {
      overflow-x: hidden !important;
      overflow-y: hidden;
    }
    .best_seller h3 {
      font-size: 25px;
    }
    .best_seller a {
      font-size: 38px;
      color: black;
    }
    .amazon_expert_img img {
      width: 100%;
      right: 0;
      top: 0px;
    }
    .amazon_expert_content h2 {
      padding: 0;
      margin: 20px 0 0 0;
    }
    .amazon_expert_img::after {
      display: NONE;
    }
    section.sec_7::before {
      height: -webkit-fill-available;
    }
    .amazon_expert_content p {
      font-size: 18px;
    }
    .becom_author_head h2 {
      font-size: 25px;
      line-height: normal;
      margin: 0 0 20px 0;
    }
    .book_legacy h2 {
      font-size: 24px;
      margin: 0 0 20px 0;
    }
    .book_legacy h3 {
      line-height: normal;
      margin: 10px 0 20px 0;
      font-size: 25px;
    }
    .book_legacy p {
      width: 100%;
      font-size: 16px;
    }
    .parent_items {
      display: block;
      text-align: center;
    }
    .trustpiloots ul {
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .trustpiloots ul li {
      flex: 0 0 41%;
      margin: 0 0 40px 0;
    }
    section.sec_11::after {
      display: none;
    }
    .contact_form h2 {
      font-size: 25px;
      line-height: normal;
    }
    .contact_form form .in_fields {
      flex: 0 0 100%;
    }
    .contact_form form .in_fields_full input {
      width: 100%;
    }
    ul.ttff li {
      justify-content: center;
      margin: 0 auto;
      display: flex !important;
      padding: 0;
    }
    ul.ttff {
      padding: 0;
    }
    .modal-content {
      width: 100% !important;
    }
    ul {
      padding: 0 !important;
    }
    .parent_items.reverse {
      flex-direction: column-reverse;
      display: flex;
    }
    .main_last_termss {
      flex-wrap: wrap;
      justify-content: center;
    }
  }
  .main_bann_form form .checK_div label a {
    color: #707070;
    text-decoration: none !important;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
  .main_listing_reachout ul li h4 {
    color: #256571;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
  }
  .main_listing_reachout ul li p {
    color: black;
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 25px;
    font-weight: 500;
  }
  .parent_items .content_inner h3 {
    line-height: 30px;
    font-weight: 600;
    color: #000;
    font-size: 21px;
  }
  .parent_items .content_inner p {
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #555;
  }
  .trustpiloots ul li .trust_box .trust_logo_content p b {
    color: #000;
    font-weight: 600;
  }
  .last__logo {
    display: flex;
  }
  .last__logo img {
    flex: 0 0 20%;
    width: 80%;
    object-fit: contain;
  }
  .floatbutton.active {
    right: 0;
    z-index: 9;
    transition: 0.4s;
  }
  .floatbutton {
    transition: 0.4s;
    position: fixed;
    right: -370px;
    top: 28%;
    font-size: 0;
    width: 425px;
    z-index: 99;
  }
  .floatbutton .clickbutton {
    width: 100px;
    z-index: 999;
    height: 200px;
    cursor: pointer;
    box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);
    border-radius: 3px 0 0 3px;
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    margin-top: 125px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    box-shadow: 0 0 40px #00000026;
    -webkit-box-shadow: 0 0 40px #00000026;
    -ms-box-shadow: 0 0 40px #00000026;
    -o-box-shadow: 0 0 40px #00000026;
  }
  .btns_wrap .call_wrap,
  .btns_wrap .chat_wrap {
    position: absolute;
    right: -225px;
    width: 280px;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    z-index: 9999;
  }
  .floatbutton.clickbutton .crossplus::before {
    content: "";
    display: none;
    position: absolute;
    width: 20px;
    height: 2px;
    right: 0;
    background: #fbb334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  .floatbutton.clickbutton .crossplus::after {
    content: "";
    display: none;
    position: absolute;
    width: 2px;
    height: 20px;
    right: 0;
    background: #fab334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  .floatbutton .clickbutton .crossplus {
    position: absolute;
    display: block;
    transition: 0.4s;
    white-space: pre;
    width: 100px;
    height: 200px;
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  }
  .floatbutton .clickbutton .crossplus.rotate {
    transform: rotate(45deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .floatbutton .clickbutton .crossplus i {
    font-size: 18px;
    color: #fff;
    margin: 17px 0 0 15px;
  }
  .floatbutton .clickbutton .crossplus > * {
    width: 100%;
    display: block;
    transform: rotate(-90deg) translate(-40px, -20px);
  }
  .btns_wrap .call_wrap {
    top: 63px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .btns_wrap .call_wrap span {
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    padding: 15px 20px 15px 15px;
  }
  .btns_wrap .chat_wrap {
    display: block;
    background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%);
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
    top: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .btns_wrap .call_wrap span.icoo,
  .btns_wrap .chat_wrap span.icoo {
    color: #fff;
    background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%);
    font-size: 14px;
    padding: 15px 20px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px 0 0 10px;
    background: linear-gradient(40deg, #faba16 0, #f6921e 50%);
  }
  .btns_wrap .chat_wrap span {
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    padding: 15px 30px 15px 15px;
  }
  .btns_wrap a:hover {
    right: 0;
  }
  .btns_wrap {
    position: fixed;
    right: 0;
  }
  .floatbutton svg {
    font-size: 14px;
    min-width: 14px;
    height: 14px;
  }
  .active-faq p {
    display: block;
  
  border-bottom-left-radius: 3px;
  border-top-left-radius: 2px;
}

.btns_wrap {
  position: fixed;
  right: 0;
}

.floatbutton svg {
  font-size: 14px;
  min-width: 14px;
  height: 14px;
}

.active-faq p {
  display: block;
}

.call_inner {
  display: none;
}


.my-portfolio-sec {
  padding: 30px 0;

}

.pt-new-img {
  margin-top: 20px
}
.sec-mt {
  margin-top: 30px
}
.pt-portfolio-wrap {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 30px;
  display: grid
}
.pt-sec-new .nav-tabs .nav-link {
  width: 155px;
  color: #fff;
  background-color: #fa9913;
  border-radius: 5px;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 700
}

.pt-sec-new .nav-tabs {
  border-bottom: 0
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #000;
  border: 1px solid #000;
}
@media only screen and (min-width: 300px) and (max-width: 900px) {

  .pt-sec-new.sec-mt {
    margin: 0
}

.pt-sec-new .nav-tabs .nav-link {
    margin: 0 10px 10px
}

.pt-portfolio-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pt-portfolio-wrap .pt-new-img {
    width: 45%
}

}
@media only screen and (max-width: 900px) {
  .ttff.slick-slider .slick-slide {
    padding: 0 15px;
  }
  section.sec_11 ::after {
    display: none;
  }
  .global_btnss{
    display: block;
  }
  .pt-sec-new .nav-tabs .nav-link{
    margin: 10px;
  }
  .main_bann_form{
    margin-top: 50px;
  }
  .global_btnss button.globalBtn.quote {
    width: max-content;
    padding: 10px 20px 10px 20px;
}
  .Main_banner h5{
   display: block;
  }
  .Main_banner{
    justify-content: center;
    text-align: center;
  }
  .Main_banner h5::after{
    display: none;
  }
}