/* latin-ext */
@font-face {
  font-family: '__Outfit_cfacd3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/4f2204fa15b9b11a-s.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Outfit_cfacd3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/07a54048a9278940-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Outfit_Fallback_cfacd3';src: local("Arial");ascent-override: 100.18%;descent-override: 26.05%;line-gap-override: 0.00%;size-adjust: 99.82%
}.__className_cfacd3 {font-family: '__Outfit_cfacd3', '__Outfit_Fallback_cfacd3';font-style: normal
}

html {
  overflow-x: hidden;
 }
body {
 overflow-x: hidden;
}
header {
  position: relative;
}
.navigationSec.active {
  background: var(--white);
}

.NavSec.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: white;
  z-index: 999;
}

header .navbar-nav {
  border-radius: 24px;
  padding: 5px 40px;
}

header nav .nav-link {
  color: var(--background-white);
}
header .dropdown-item.active, .dropdown-item:active{
  background: var(--primaryBg);
}
.home{
  background: url("/assets/image/homebg.webp");
}

.home ul li div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 30px;
}

.home ul li div span {
  font-size: 18px;
  margin-bottom: 10px;
}

.highly-feature .card { 
  padding: 20px 10px;
  text-align: center;
/* width: 280px; */
  background: linear-gradient(180deg, rgba(13,158,144,0.4066001400560224) 0%, rgba(255,255,255,1) 75%);
  border: 2px solid #0D9E90;
}

.highly-feature .card img {
  display: block;
  margin: 20px auto;
  width: 100px;
  height: 100px;
}
.highly-feature .card span{
  margin: 6px 0px;
}
.highly-feature .swiper-slide:nth-child(1),
.highly-feature .swiper-slide:nth-child(3) {
  margin-top: 50px;
}
.highly-feature .swiper-pagination{
  position: relative;
  bottom: var(--swiper-pagination-bottom, -5px)!important;
}
.professional-writers{
  background: url("/assets/image/professional-writers-bg.webp");
}
section.professional-writers p {
  font-size: 15px;
  font-weight: 500;
}
.professional-writers ul li span{
  /* font-size: 55px; */
  font-weight: bold;
}
.writer_card {
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 15px 10px;
  gap: 10px;
  margin: 2px;
}

.writer_card:hover{
  background: var(--primaryBg);
  color: var(--background-white);
}
.writer_card:active {
  background: var(--primaryBg);
  color: white;
}
.companies{
 background: url("/assets/image/companies.webp")  ;
 background-size: cover;
 padding: 160px 0px;
 background-position: center;
 animation: animatedBackground 60s linear infinite;
    -webkit-animation: animatedBackground 60s linear infinite;
}

@keyframes animatedBackground {
  0% {
      background-position: 0 0
  }

  to {
      background-position: -4750px 0
  }
}
 .coverimg{
  background: url("/assets/image/bookcovers.webp");
  background-size: cover;
  background-position: center;
  padding: 34px 20px;
  background-repeat: no-repeat;
}
.discussion .left-content{
  padding: 34px 20px;
}
.coverimg img {
  position: absolute;
  right: -116px;
  z-index: -1;
  bottom: 50px;
  top: 0px;
  bottom: 0px;
  height: 100%;

 
}
.cta{
  background: url("/assets/image/CtaBg.jpg")  ;
  background-repeat: no-repeat;
}
.left-side img {

  /* margin-top: -18px;
  margin-left: 30px; */
  position: relative;
  top: -25px;
  left: 30px;
}
.cta .content{
  background: linear-gradient(180deg, rgba(13,158,144,0.4066001400560224) 0%, rgba(255,255,255,1) 75%);
  /* height: 500px; */
  padding: 40px 30px;
  position: relative;
  top: -30px;
  border-radius: 25px;
  width: 600px;
}
.cta .right img{
  position: absolute;
  right: 0px;
  /* max-width: 300px; */
}
.Portfolio .d-grid{
  grid-template-columns: auto auto auto;
}
.Portfolio .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: unset;
}
.d-grid.nav.nav-pills{
  background: url("/assets/image/bookBg.webp");
      padding: 14px 0px;
      border-radius: 20px;
}
.writer-review{
  background: url("/assets/image/WriterBg.webp");
}

.writer-review ul{
  text-decoration: none;
  list-style: none;
}
.writer-review ul li span,.writer-review ul li p{
  font-weight: bold;
}
.clock-tower{
  position: absolute;
  right: 0px;
  top: -45px;
  height: 110%;
  z-index: -1;
  display: none;
}
.writer-content{
  background: url("/assets/image/writerCardbg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--background-white);
  padding: 40px 15px 50px;
  position: relative;
  width: 650px;
}
.writer-content svg {
  font-size: 30px;
}
.writer-content p {
  text-align: center;
}
.writer-content .righticon{
 position: absolute;
 right: 55px;
 bottom: 15px;
}
.writer-review .para{

  writing-mode: tb-rl;
  transform: rotate(180deg);
  font-size: 27px;
  display: block;
  margin: 0px 0px 10px;
  padding: 0px 0px 50px;
}
.testimonial{
  background: url("/assets/image/WriterBg.webp");
}
img.multiple-book {
  position: absolute;
  left: 0;
  width: 470px;
}
.circle {
  background: linear-gradient(180deg, rgba(13, 158, 144, 0.41) 0%, rgba(255, 255, 255, 1) 75%);
  width: 100px;
  height: 100px;
  border-radius: 50%;  /* Make it a perfect circle */
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  /* Box shadow will work properly */
  display: flex;
  justify-content: center;
  align-items: center;
}
.process .left-content{
  padding-left: 100px;
}
section.process .swiper{
  overflow: visible;
}
section.process ul li {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
  margin-bottom: 50px;
  width: 700px;
}
.process ul .swiper-wrapper{
  display: block;
}
section.process ul li p {
     position: absolute;
    left: 30px;
    top: 52px;
    font-size: 84px;
    font-weight: 100;
    color: transparent;
    -webkit-text-stroke: 1px #9999;
    font-weight: 500;

}
.process img.number {
  position: absolute;
  bottom: -46px;
  left: 18px;
}
.testimonial .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: transparent;

}
.testimonial .nav-pills .nav-link.active img{
  border: 2px solid var(--primaryBg);
  border-radius: 60px;
}
 img.img2 {

  position: relative;
  right: 0px;
  top: 120px;
}
img.img3 {

  position: relative;
  right: 1px;
  top: 0px;
}
 img.img4 {

  position: relative;
  left: -29px;
  top: 98px;
} 

img.img5 {

  position: relative;
  right: 0px;
  top: 153px;

}

img.img6 {

  position: relative;
  right: -29px;
  top: 98px;

}  */
.testimonial .left-content{
  padding: 0px 40px;
}
.testimonial .nav.nav-pills{
  width: 400px;
}
.testimonial .right-content div svg{
 color: #ffd101;
}
.testimonial .right-content .content{
  background: linear-gradient(180deg, rgba(13,158,144,0.4066001400560224) 0%, rgba(255,255,255,1) 75%);
 padding: 20px ;
  margin: 5px 0px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 20px;
}
.accordion-button:not(.collapsed){
  background: none;
}
.faq .accordion-item{
  background: linear-gradient(180deg, rgba(13,158,144,0.4066001400560224) 0%, rgba(255,255,255,1) 75%);
  margin: 20px 0px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border: 1px solid var(--primaryBg);
}
h2.accordion-header button {
  font-weight: 500;
  font-size: 20px;
}
footer {
  background: url("/assets/image/footerbg.webp");
}
footer ul li {
  padding-bottom: 7px;
}

footer ul li a {
  color: var(--black);
  font-size: 20px;
  font-weight: 500;
}
.footer-info li{
  display: flex;
}
.footer-info li a {
  display: flex;
  gap: 10px;
}
.footer-info li{
  padding-bottom: 20px;
}
.security img{
  background: var(--white);
}
.WriterServices .swiper-wrapper{
  display: block;
}
.WriterServices .swiper-slide{
  width: 100%!important;
}
.WriterServices .swiper-pagination{
  position: static;
}
.swiper-pagination-bullet-active{
  background: var(--primaryBg)!important;
}
.WriterServices img{
  height: 100%;
}
.writer-review .swiper-button-prev, .writer-review .swiper-button-next {

  top: var(--swiper-navigation-top-offset, 81%);
  color: var(--black);
  font-size: 28px;
  font-weight: bolder;
}
.swiper-button-prev:after, .swiper-button-next:after{
  font-weight: bolder;
  font-size: 24px!important;
}
.accordion-button:not(.collapsed)::after{
  background-image:url("/assets/image/downArrow.webp") ;
}
.accordion-button::after{
  background-image:url("/assets/image/downArrow.webp") ;
}
.accordion-body {
  padding-top: 0px;
}
.faq .accordion-item{
  border: none;
}
.faq .accordion-button:focus{
  box-shadow: none;
}
.innerpage{
  background: url("/assets/image/homebg.webp");
}
.price-plan .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background: var(--primaryBg);
}
.price-tab{
  display: flex;
  gap: 20px;
  justify-content: center;
}
.price-tab .nav-item{
 width: 350px;
}
.price-tab  .nav-link{
  font-size: 22px;
  color: var(--black);
  text-align: center;
  border: 1px solid black;
}
.price-tab  .nav-link.active, .nav-pills .show>.nav-link{
  background: var(--primaryBg);
  font-size: 22px;
  text-align: center;
  font-weight: 600;
}
.price-plan .content{

  background: linear-gradient(180deg, rgba(13, 158, 144, 0.4066001400560224) 0%, rgb(239 235 235) 75%);
  border-radius: 30px;
  padding: 50px;
  margin: 30px 0px;
}
.price-plan  .content p {
  border-bottom: 2px solid black;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.price-plan .content .list div{
  width: 400px;
}
.price-plan .content ul {
  -webkit-text-decoration: dashed;
          text-decoration: dashed;
  list-style: disc;
  padding: 0px 20px;
}
.price-plan .content ul li{
  padding: 5px;
  font-weight: 500;
}
section.order-info input,section.order-info select {
  width: 100%;
  padding: 10px 8px 10px 14px;

  border-radius: 20px;
  border: 1px solid black;
  font-weight: 500;
}

.order-list {
  display: flex;
  justify-content: space-between;
  gap: 100px;
  margin-bottom: 25px;
}

.order-list div {
  width: 100%;
}
.order-info textarea {
  width: 100%;

  padding: 20px;
  height: 120px;
  border-radius: 20px;
}
.order-info input::placeholder {
  color: black;
  font-size: 14px;
}
.buttonOffer label {
  padding-left: 20px;
  padding-bottom: 5px;
  font-weight: 600;
}
.buttonOffer button {
  background: white;
  border-color: #a6a6a6;
  color: var(--black);
  width: 25.8%;
  padding: 12px;
  margin-bottom: 10px;
  font-weight: 600;
}
.buttonOffer button.active, .buttonOffer button:active, .buttonOffer button:hover {
  background: var(--primaryBg);
  border-color: var(--primaryBg);
}
.orderbtn {
  background: var(--primaryBg);
  border-color: var(--primaryBg);
  padding: 8px 50px;
  border-radius: 20px;
  color: white;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
  border-color: var(--primaryBgr);
  background: var(--primaryBg);
}
.writer-review .swiper-pagination{
  position: static;
  display: none;
}
.faq h3{

    font-size: 70px;
    color: transparent;
    -webkit-text-stroke: 1px #0d9e90;

}
.secure-payment {
 width: 170px;
}
.covers{
  background: url("/public/assets/image/Covers.webp") center/cover no-repeat;
  padding: 10px;
}
.writer-reivew{
  position: relative;
}
.writer-reivew {
  position: relative;
  width: 100%;
  height: 70px;
  background: linear-gradient(180deg, rgb(13 158 144 / 30%) 0%, rgb(255 255 255 / 12%) 75%);
  top: -175px;
  z-index: 1;
}
.writer-review .swiper-button-prev, .writer-review .swiper-button-next{
  top: var(--swiper-navigation-top-offset, 66%);
}
.fixedbtnwhatsapp {
  position: fixed;
  bottom: 1em;
  left: 2rem;
  z-index: 3;
}
.content ul li span {
  font-size: 14px;
  font-weight: 600;
}
:root{
    --primaryBg:#0D9E90;
    --background-white:#ffff;
    --background-black:#000000;
  }
  ul{
    text-decoration: none;
    list-style: none;
  }
  .primaryBg{
    background: var(--primaryBg);
  }
  .background-white{
    background: var(--background-white);
  }
  .background-black{
    background: var(--background-black);
  }
  .txt-primary{
   color: var(--primaryBg);
  }
  .txt-white{
    color: var(--background-white);
   }
   .txt-black{
    color: var(--background-black);
   }
   img{
    max-width: 100%;
    height: max-content;
   }
  a{
    text-decoration: none;
  }
  .container{
    max-width:1200px ;
  }
  .order-now{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    padding: 9px 26px;
    border-radius: 24px;
    font-weight: bold;
  }
  .whatsapp{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 1px 1px 1px 1px black;
    padding: 9px 26px;
    border-radius: 24px;
    font-weight: bold;
  }
  section{
    padding: 50px 0px;
  }
  ul{
    margin: 0;
    padding: 0;
  }

  .f60{
    font-size: 60px;
  }
  .f55{
    font-size: 55px;
  }
  .f40{
    font-size: 40px;
  }
  .f35{
    font-size: 35px;
  }
  .f30{
    font-size: 30px;
  }
  .f28{
    font-size: 28px;
  }
  .f24{
    font-size: 24px;
  }
  .f20{
    font-size: 20px;
  }
  .f16{
    font-size: 16px;
  }

@media (max-width: 1200px) {
    .emailno{
        font-size: 14px;
    }
    .coverimg img,.clock-tower,.cta .right img{
        display: none;
    }
    .professional-writers .book{
        width: 260px;
    }
    .writer-content{
    width: 500px;
    }
    section.process .swiper{
        overflow: visible;
      }
    img.multiple-book {
        /* display: none; */
        width: 337px;
        height: 192px;
    }
    .payments img{
        width: 200px;

    }

}
@media (max-width: 992px) {
    .f60,.f40,.f30,.f35{
        font-size: 26px;
    }
    .writer-review .swiper-button-prev , .writer-review .swiper-button-next {
    display: none;
    }
    .writer-review .swiper-pagination{
        display: block;
    }
    .cta .content{
        width: 100%;
    }
    .writer-content{
        width: 100%;
        }
    .writer-review .para{
        writing-mode: inherit;
    transform: none;
    font-size: 24px;
    }
    .highly-feature .swiper-slide:nth-child(1), .highly-feature .swiper-slide:nth-child(3){
        margin-top: 0px;
    }
    .testimonial .nav.nav-pills{
        width: 100%;
    }
    img.img2,img.img4,img.img5,img.img6{
     position: static;
     width: 78px;
    }



    section.process ul li p {
        position: absolute;
        left: 10px;
         top: 0px;
         display: none;
        }
        .payments img{
            width: auto;
    
        }
        .ssl-img{
        width: 300px;
        }
        .discussion .left-content{
            padding: 0px;
        }

}
@media (max-width: 991px) {
    .process ul .swiper-wrapper{
        display: flex;
    }
    section.process ul li {
        width: 100%;
    }
}

@media (max-width: 768px) {

    .WriterServices .swiper-wrapper{
        display: flex;
      }
      .Portfolio .d-grid {
        grid-template-columns: auto auto;

    }


}
@media (max-width: 576px) {
    .portfolio-img{
        display: none;
    }
    section.process ul li{
        display: block;
    }
    span.f30.fw-bold.d-block.mb-4 {
        font-size: 18px;
        margin: 20px 0px 5px;
        margin-bottom: 5px;
    }
    footer ul li a{
        font-size: 16px;
    }
    .endsec p{
        font-size: 10px;
    }
    section.cta ul li span {
        font-size: 14px;
    }
    .review-profile {
        color: transparent;
        width: 120px;
        display: block;
        margin: auto;
    }
    .writer-review .para{
        padding-bottom: 10px;
    }
    .price-plan .content{
        padding: 20px;
        margin: 20px 0px;
    }
    .price-plan .content .list div {
        width: 280px;
    }
    .price-plan .content ul {
      

        list-style: disc;
        padding: 0px 0px;
        width: 280px;
    }
    .price-plan .content ul li {
        padding: 5px;
        font-weight: 500;
        font-size: 13px;
    }
    .whatsapp,.order-now{
        padding: 9px 20px;
    }
    .price-tab .nav-link {
    font-size: 18px;
    }

}