@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

html,
body {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
:root {
  --blackcolor: #000;
  --fonsize18: 1.125rem;
  --theme-color: #f3ad2e;
  --fontsize71: 4.438rem;
  --fontsize22: 1.375rem;
  --fontsize24: 1.5rem;
  --fontssize34: 2.125rem;
  --fontssize37: 2.313rem;
  --fontssize52: 3.25rem;
  --fontssize27: 1.688rem;
  --fontssize90: 5.625rem;
  --fontssize62: 3.875rem;
}
body {
  font-family: "Poppins", sans-serif;
  transition: all 0.5s;
}
button:focus {
  border: 0;
  outline: none;
  box-shadow: none;
}
button {
  border: 0;
  outline: 0;
}
section {
  position: relative;

  padding: 4rem 0;
}
.owl-theme .owl-dots .owl-dot {
  font-size: 0;
}
.owl-carousel .owl-item img {
  width: auto;
  margin: auto;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: var(--theme-color);
}
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

:is(h1, h2, h3, h4, h5, h6, ) span {
  font-weight: 700;
}
hr {
  margin-top: 2rem;
  background-color: #cbcaca;
}
/* button hover */

.default {
  color: white;
  text-transform: uppercase;
  background-color: transparent;
  background-color: var(--theme-color);
  font-weight: 600;
  height: 80px;
  border: 0;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
  position: relative;
  transition: all 0.3s ease;
  border-radius: 8px;
}

/* Hover effect */
.default:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px var(--blackcolor);
}
:is(.sec-hding, .turn-storey-wrper, .cta-wrpar) p {
  font-weight: 300;
  font-size: var(--fontsize24);
}
/* end button hover */
img {
  max-width: 100%;
  height: auto;
}
/* main-header */
.main-header {
  padding: 1rem 0 0;
  overflow: hidden;
}

.navbar {
  padding: 0;
}
.header-buttons {
  justify-content: end;
}
.header-buttons .chat {
  background-color: var(--blackcolor);
  color: var(--white);
}

.header-buttons .default {
  height: 50px;
  width: 180px;
}
.header-buttons .nav-item:first-child .default {
  background-color: transparent;
  border: 2px solid var(--theme-color);
  color: var(--blackcolor);
}
/* end-main-header */
/* main-banner */
.main-banner {
  padding-top: 3.5rem;
}
.banner-wraper h1 {
  font-size: var(--fontsize71);
  font-weight: 500;
}
.banner-wraper p {
  font-weight: 300;
  margin: 1.5rem 0;
  padding-right: 3rem;
}
.banar-ul {
  padding-left: 2rem;
}
.banar-ul li {
  margin-bottom: 1rem;
  position: relative;
  font-size: 17px;
}
.banar-ul li::before {
  position: absolute;
  background: url(../images/listicon.png);
  left: -30px;
  width: 18px;
  height: 16px;
  top: 4px;
  bottom: 0;
  content: "";
}
.hereform h4{margin-bottom: 1rem; text-align: center;}

/* banner-form */
.bannerform {
  background-color: var(--theme-color);
  padding: 1.5rem;
  border: 2px solid var(--blackcolor);
  border-radius: 20px;
  margin-left: 6rem;
}
.bannerform h3 {
  font-size: var(--fontssize34);
  text-align: center;
  font-weight: 700;
  margin-bottom: 2rem;
}
.bannerform .form-group {
  margin-bottom: 10px;
}
.bannerform label {
  margin-bottom: 8px;
  font-weight: 600;
}
.bannerform .form-control {
  height: 64px;
  border-radius: 10px;
}
.bannerform .form-control::placeholder,
.bannerform .form-control select {
  font-weight: 300;
  color: var(--blackcolor);
}
.bannerform .form_submit_btn {
  width: 100%;
  border: 2px solid var(--blackcolor);
  font-size: var(--fontssize27);
  background-color: transparent;
  text-transform: uppercase;
  color: var(--blackcolor);
  margin-top: 12px;
}
.bannerform .form_submit_btn .default::after {
  background-color: var(--blackcolor);
}
img.bnrimg {
  position: absolute;
  left: -42.4%;
  top: 6%;
  z-index: 1;
}
/* end baner-form */
.banrbefr {
  bottom: 0;
  position: absolute;
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
}

@keyframes up-down {
  0% {
    transform: translate(1px, 20px);
  }
  24% {
    transform: translate(1px, 30px);
  }
  50% {
    transform: translate(1px, 12px);
  }
  74% {
    transform: translate(1px, 22px);
  }
  100% {
    transform: translate(1px, 22px);
  }
}

/* end-main-banner */
/* turn-cta */
.turn-cta {
  overflow: hidden;
}
.cta-wrpar h3 {
  font-size: 3.875rem;
}
.background-box {
  position: absolute;
  top: 11%;
  left: 100%;
  width: 100%;
  height: 221px;
  background-color: #fff3de;
  animation: boxSlide 5s forwards;
  border-radius: 50px;
}

.book {
  width: 180px;
  height: 250px;
  opacity: 1;
  transition: transform 0.5s ease;
}
.cta-images {
  text-align: center;
}
.left {
  margin-top: -6rem;
}

@keyframes boxSlide {
  0% {
    left: 100%;
  }

  100% {
    left: 48%;
  }
}

@keyframes rotateLeftImage {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes rotateRightImage {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(-10deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.rotate-left {
  animation: rotateLeftImage 5s infinite ease-in-out;
}

.rotate-right {
  animation: rotateRightImage 5s infinite ease-in-out;
}
/* animation css */
/* end turn-cta */

/* starthere */
.starthere {
  padding-top: 0;
}
.starthere .row {
  background: url(../images/herebg.png) bottom/cover no-repeat;
  padding: 3rem 1rem;
  border-radius: 10px;
  border: 1px solid #707070;
}

.sec-hding {
  text-align: center;
  padding-bottom: 2rem;
}
.sec-hding h3 {
  font-size: var(--fontssize37);
}

.starthere-wraper h3 {
  align-items: center;
  margin-bottom: 2rem;
  gap: 10px;
  display: inline-flex;
}
.starthere-wraper p{
  font-size: var(--fontsize22);
}
.hereform .form-control {
  height: 66px;
  font-size: var(--fonsize18);
  border-radius: 10px;
  border: 1px solid #707070;
}
.hereform .form-control::placeholder {
  color: var(--blackcolor);
  font-weight: 300;
}
.hereform .form_submit_btn {
  width: 100%;
  background-color: var(--theme-color);
  height: 83px;
  font-size: var(--fonsize18);
  border-radius: 10px;
}
/* end starthere*/
/* whyauthor */
.whyahutor {
  padding-top: 0;
  overflow: hidden;
}
.whyauthorhding h3 {
  font-size: var(--fontssize52);
  margin-bottom: 2rem;
}
.plane {
  position: absolute;
  top: 22%;
  left: calc(46% - 40px);
  animation: flyPath 8s ease-in-out infinite;
}

@keyframes flyPath {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(0, 0);
  } /* wait at runway */
  30% {
    transform: translate(100px, -100px);
  } /* takeoff */
  50% {
    transform: translate(0px, -180px);
  } /* top arc */
  70% {
    transform: translate(-100px, -100px);
  } /* coming down */
  90% {
    transform: translate(0, 0);
  } /* landing */
  100% {
    transform: translate(0, 0);
  } /* wait again */
}
/* end whyauthor */
/* whypublish */
.bg-image {
  background: url(../images/mainbg.png) center/cover no-repeat;
}
.turn-storey-wrper h3 {
  font-size: var(--fontssize90);
}

.storyform .form-control {
  height: 80px;
  padding: 15px 2rem;
}
.storyform textarea {
  height: 139px !important;
  resize: none;
  border-color: #707070;
}
.storyform {
  background-color: var(--white);
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 0px 10px -6px var(--theme-color);
  margin-top: -50%;
}
.storyform .form_submit_btn {
  background-color: var(--theme-color);
  font-size: var(--fontsize22);
}
.storyform h4 {
  font-size: var(--fontssize37);
  text-align: center;
  margin-bottom: 2rem;
}
.publishing-hding {
  margin: 3rem 0 2rem;
}
.publishing-hding h3 {
  font-size: var(--fontssize62);
  font-weight: 400;
}
.publishing-hding h3 span {
  font-weight: 600;
}

.whypulishing-sec {
  padding-top: 0;
}
.turn-storey .col-md-7 {
  z-index: 2;
}
.turnstroeryimg {
  margin-left: -20%;
}
.sub-textul {
  margin-top: 2rem;
}
.sub-textul li {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8bc87;
  margin-bottom: 2rem;
}
.sub-textul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}
.sub-textul li h5 {
  font-size: var(--fontsize24);
  font-weight: 600;
}
.sub-textul li p {
  margin-bottom: 0;
  font-size: var(--fonsize18);
  font-weight: 300;
}
.form-book-wpar {
  margin-top: 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.page1,
.page2,
.booktop {
  position: absolute;
}
.booktop {
  left: 158px;
  top: 109px;
  z-index: 3;
  transform-origin: left center;
  animation: bookTopOpenClose 16s ease-in-out infinite;
}

.page1 {
  left: 158px;
  top: 115px;
  z-index: 2;
  transform-origin: left center;
  transform: perspective(1000px) rotateY(0deg);
  backface-visibility: hidden;
  animation: pageFlip 15s ease-in-out infinite;
}
.page2 {
  left: 158px;
  top: 115px;
  z-index: 1;
  transform-origin: left center;
  transform: perspective(1000px) rotateY(20deg);
  backface-visibility: hidden;
  animation: pageFlip 16s ease-in-out infinite;
}
@keyframes bookTopOpenClose {
  0% {
    transform: perspective(1000px) rotateY(0deg);
  }
  20% {
    transform: perspective(1000px) rotateY(-85deg);
  }
  70% {
    transform: perspective(1000px) rotateY(-85deg);
  }
  90% {
    transform: perspective(1000px) rotateY(0deg);
  }
  100% {
    transform: perspective(1000px) rotateY(0deg);
  }
}

@keyframes pageFlip {
  0%,
  30% {
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    transform: perspective(1000px) rotateY(-85deg);
  }
  60% {
    transform: perspective(1000px) rotateY(-85deg);
  }
  70% {
    transform: perspective(1000px) rotateY(0deg);
  }
  100% {
    transform: perspective(1000px) rotateY(0deg);
  }
}

/* end whypublish */
/* whypublish-sec2 */
.whypublish-sec2 .whyauthorhding {
  text-align: center;
}
.textbox {
  padding: 2rem;
  background-color: #fbfbfb;
  border-radius: 10px;
  border: 1px solid #dbdbdb;
  height: 100%;
}
.whypublish-sec2 .col-md-4{
  margin-bottom: 3rem;
}
.textbox h5 {
  margin: 0rem 0 1rem;
  font-size: var(--fontsize24);
  font-weight: 600;
}
.icon {
  margin-top: -90px;
}
.textbox p {
  font-size: var(--fonsize18);
  line-height: 1.5;
  font-weight: 300;
}
.whypublish-sec2 .col-md-10 {
  margin-top: 5rem !important;
}
.sec-book {
  position: absolute;
  z-index: 2;
  bottom: -51%;
}
/* end whypublish-sec2 */
/* dreambook */
.dreambook {
  background-color: #fdfcfc;
  overflow: hidden;
}
.brid-img {
  position: relative;
  overflow: hidden;
}
.brid-book-wrpar {
  position: absolute;
  right: 3rem;
  top: 5rem;
}
.braid1,
.braid2,
.braid3,
.braid4,
.braid5,
.braid6,
.braid7,
.braid8 {
  position: absolute;
  animation: flap-wings 1s ease-in-out infinite;
}
.braid1 {
  right: 80px;
}
.braid2 {
  right: 48px;
  top: 35px;
  animation-delay: 0.1s;
}
.braid3 {
  right: 104px;
  bottom: 0;
  top: 40px;
  margin: auto;
  animation-delay: 0.2s;
}
.braid4 {
  top: 45px;
  left: 65px;
  animation-delay: 0.3s;
}
.braid5 {
  top: 60px;
  left: 92px;
  animation-delay: 0.4s;
}
.braid6 {
  top: 105px;
  left: 105px;
  animation-delay: 0.5s;
}
.braid7 {
  top: 138px;
  left: 113px;
  animation-delay: 0.6s;
}
.braid8 {
  top: 123px;
  left: 76px;
  animation-delay: 0.7s;
}
@keyframes flap-wings {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  75% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.dreambook .turn-storey-wrper + .row,
.servicesbox {
  background-color: var(--white);
  padding: 3rem;
  border-radius: 10px;
  box-shadow: 0px 0px 15px -12px var(--blackcolor);
  margin: 5rem 0 4rem;
}
.dreambook h4 {
  font-size: var(--fontssize37);
}
.servicesbox {
  margin: 0;
  z-index: 2;
  text-align: center;
  position: relative;
  height: 100%;
}
.servicesbox img {
  margin-bottom: 1.5rem;
}
.servicesbox h3 {
  margin: 0;
}
.leftimg,
.rightimg {
  position: absolute;
  z-index: 1;
  bottom: 0;
}
.leftimg {
  left: 0;
}
.rightimg {
  right: 0;
}
.process-ul li h4 {
  font-weight: 700;
  margin-bottom: 0;
}
.process-ul ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  position: relative;
}
.process-ul li {
  z-index: 2;
  text-align: center;
}
.process-ul ul::before {
  background-color: var(--theme-color);
  position: absolute;
  left: 0;
  content: "";
  right: 0;
  margin: auto;
  top: -33px;
  width: 85%;
  z-index: 1;
  height: 2px;
  bottom: 0;
}
.process-ul li img {
  margin-bottom: 1rem;
}
.aireplainimg {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
footer {
  background-color: var(--blackcolor);
  padding: 10px 0;
}
.copyright p,
footer a,
.contect-details a {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--white);
}
.col-md-3 .copyright {
  text-align: center;
}
footer .header-buttons .default {
  color: var(--white);
  font-size: 14px;
}
footer .header-buttons .chat {
  background-color: var(--white);
  color: var(--blackcolor);
}
footer .header-buttons .nav-item:first-child .default {
  color: var(--white);
}
.get-intouch {
  background-color: var(--theme-color);
  padding: 1rem 0;
}
.get-intouch h3 {
  margin-bottom: 0;
}
.contect-details {
  color: var(--blackcolor);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contect-details a {
  color: var(--blackcolor);
}

/* end dreambook */
/* popup-css-start */
#entry-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999990;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.62);
  display: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 0;
}
.entry-box {
  padding-top: 0;
  padding-bottom: 20px;
  max-width: 476px;
  margin: 0 auto;
  border-radius: 0;
  background-color: #fff;
  position: relative;
  box-shadow: -140px -117px 19px -141px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.7);
}

.popup_form_wrp input[type="submit"] {
  color: #fff !important;
  padding: 0 !important;
}

.modal-header {
  padding: 0 !important;
  border: none !important;
  margin-bottom: 20px;
}

.modal {
  background: #0000008c;
}

.modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup_form_wrp {
  padding: 0 15px;
}

.popup_form_wrp h2 {
  font-weight: 800;
  font-size: 31px;
  color: #494949;
  margin: 0 0 10px 20px;
  position: relative;
}

.popup_form_wrp p {
  color: #343434;
  font-weight: 500;
}

.popup_form_wrp form input,
.popup_form_wrp form select,
.popup_form_wrp form textarea {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  height: 45px;
  margin: 0 0 15px;
  padding: 0 0 0 20px;
  font-family: Raleway;
  font-weight: 500;
  outline: 0;
  color: rgba(0, 0, 0, 0.44);
  border: 1px solid var(--theme-color);
}

.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: 15px;
  height: 130px;
  padding: 15px 18px;
}

.popup_form_wrp form select {
  font-size: 14px;
  font-weight: 500;
}

.modal-content {
  padding: 0;
  border-radius: 20px;
  background-color: #fff;
  border: 2px solid var(--theme-color) !important;
}

.popup_form_wrp h2:before {
  content: "";
  display: block;
  position: absolute;
  background: var(--theme-color);
  width: 10px;
  height: 40px;
  left: -20px;
  border-radius: 5px;
}
.btn-close {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--theme-color);
  opacity: 1;
  border-radius: 0 17px 0 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
}

.btn-close:hover {
  background: var(--blackcolor);
  opacity: 1;
}

.popup_button {
  background: linear-gradient(180deg, #39aff9 0, #007cca 100%);
  box-shadow: 0 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: #fff;
  text-transform: capitalize;
  width: 200px;
  height: 50px;
  font-family: Raleway;
}

.popup_button:hover {
  background: var(--blackcolor);
}
.popup_form_wrp form input,
.popup_form_wrp form select,
.popup_form_wrp form textarea {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  height: 45px;
  margin: 0 0 15px;
  padding: 0 0 0 20px;
  font-family: Raleway;
  font-weight: 500;
  outline: 0;
  color: rgba(0, 0, 0, 0.44);
  border: 1px solid var(--theme-color);
}
.popup_form_wrp form textarea {
  border-radius: 15px;
  height: 130px;
  padding: 15px 18px;
}
.popup_form_wrp input[type="submit"] {
  background: var(--theme-color) !important;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 5px !important;
}
.btn-close svg {
  fill: #fff;
  width: 18px;
}
/* popup-css-end */