.iti{
  width: 100% !important;
}



body,

h1,

h2 {

  font-family: "MADE AWEILIER Bold"

}



h5,

h6 {

  line-height: 29px

}



ul.custom-text li {margin-top: 15px !important;}



button.btn-flip.poetsen-one-regular.captcha-sub {
    position: relative;
    top: 78px;
    left: -612px;
    padding-inline: 19px;
    padding: 0;
    height: 43px;
    margin-top: 14px;
}

.form.mw-840.pt-5 {margin-top: -38px;}

.d-flex.align-items-center.justify-content-between.mw-840.mx-auto.pt-5.flex-lg-row.flex-xl-row.flex-md-row.flex-sm-row.flex-column.gap-lg-0.gap-md-0.gap-sm-0.gap-2 {
    margin-top: 30px;
}





.nav-bar a,

.poetsen-one-regular {

  font-family: "Poetsen One", sans-serif;

  font-weight: 400;

  font-style: normal

}



.footer-form,

.nav-bar ul li:last-child a,

.yellow-background {

  background-color: var(--yellow)

}



.c-contact,

.form,

.hero h1 {

  margin: auto

}



.f-style,

.nav-bar ul li:last-child a {

  box-shadow: 0 4px 4px rgba(0, 0, 0, .25)

}



@font-face {

  font-family: "MADE AWEILIER Bold";

  src: url("../fonts/MADEAwelierPERSONALUSE-Bold-BF6629d033c200f.otf") format("opentype");

  font-weight: 700;

  font-style: normal

}



:root {

  --dark-blue: #0e2346;

  --light-gray: #ebebeb;

  --yellow: #e7ba38

}



* {

  padding: 0;

  margin: 0

}



body {

  background-color: var(--light-gray)

}



.yellow {

  color: var(--yellow)

}



.c-contact,

div.t-bar {

  background: var(--dark-blue)

}



p,

ul {

  margin-bottom: unset;

  font-size: 16px

}



h1 {

  font-size: 48px;

  line-height: 64px;

  font-weight: 700

}



h2 {

  font-size: 36px;

  line-height: 46px

}



h5 {

  font-size: 32px

}



h6 {

  font-size: 24px

}



.dark-blue {

  color: var(--dark-blue)

}



.c-contact {

  position: absolute;

  height: 5px;

  width: 80%;

  top: 50%;

  left: 50%;

  transform: translateX(-50%);

  z-index: -1

}



.contact-p-form input,

.contact-p-form textarea {

  background: #5f6d85;

  display: flex;

  flex-direction: column;

  gap: 20px;

  color: #fff;

  border-radius: 6px

}



.contact-p-form input::placeholder,

.contact-p-form textarea::placeholder {

  color: #fff;

  padding-left: 10px;

  font-size: 12px

}



.logo-section img {

  width: 160px

}



.contact-p-form input {

  height: 47px

}



.contact-p-form form {

  display: flex;

  flex-direction: column;

  gap: 20px

}



.template-contact>div:not(:last-child):after {

  content: "";

  background: var(--dark-blue);

  height: 58px;

  width: 2px;

  position: absolute;

  right: -20px

}



.template-contact {

  max-width: 895px;

  margin: auto

}



.component {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px

}



.logo-image img {

  width: 200px

}



.nav-bar {

  background: var(--light-gray);

  padding: 10px

}



.nav-bar a {

  color: var(--dark-blue)

}



.nav-bar ul li:last-child a {

  border-radius: 4px;

  width: 160px;

  height: 48px;

  padding: 10px 15px;

  transition: .5s;

  display: flex;

  align-items: center;

  justify-content: center

}



.footer li a:hover {

  color: #959090 !important

}



.hero h1 {

  max-width: 900px

}



h5.text-center.yellow.poetsen-one-regular {

    margin-top: -30px  !important;

}



p.text-center.text-white.m-auto.pt-3 {

    margin-top: -40px !important;

}





.hero {

  padding-top: 26px;

  padding-bottom: 88px;

  background: linear-gradient(176deg, rgba(14, 35, 70, .4) 60%, rgba(231, 186, 56, .8) 100%) 0 0/cover, url(../images/online-drawing.webp) 0 0/cover;

  background-blend-mode: normal

}



.hero p {

  max-width: 800px

}



.menu-toggle {

  display: none;

  cursor: pointer

}



.btn-flip,

.btn-flip-blue {

  opacity: 1;

  outline: 0;

  color: #fff;

  line-height: 40px;

  position: relative;

  text-align: center;

  display: inline-block;

  text-decoration: none;

  border-radius: 4px

}



.btn-flip-blue:hover:after,

.btn-flip:hover:after {

  opacity: 1;

  transform: translateY(0) rotateX(0)

}



.btn-flip-blue:hover:before,

.btn-flip:hover:before {

  opacity: 0;

  transform: translateY(50%) rotateX(90deg)

}



.portfolio .slide {

  min-width: 25%;

  box-sizing: border-box;

  flex: 0 0 25%

}



.portfolio .slider,

.testimonials .slider {

  display: flex;

  transition: transform .5s ease-in-out

}



.btn-flip:after,

.btn-flip:before {

  top: 0;

  left: 0;

  color: var(--dark-blue);

  display: block;

  transition: .5s;

  background: var(--yellow)

}



.portfolio .slide img {

  display: block;

  width: 100%;

  border-radius: 10px

}



.btn-flip:after {

  opacity: 0;

  width: 100%;

  position: absolute;

  content: attr(data-back);

  transform: translateY(-50%) rotateX(90deg);

  border-radius: 4px;

  height: 100%

}



section.banner {

    padding-top: 26px;

    padding-bottom: 4px;

    background: linear-gradient(176deg, rgba(14, 35, 70, .4) 60%, rgba(231, 186, 56, .8) 100%) 0 0/cover, url(../images/online-drawing.webp) 0 0/cover;

    background-blend-mode: normal;

    margin-bottom: 51px;

}



.btn-flip:before {

  opacity: 1;

  padding: 0 30px;

  line-height: 40px;

  position: relative;

  content: attr(data-front);

  transform: translateY(0) rotateX(0);

  border-radius: 4px;

  height: 100%

}



.btn-flip-blue:after,

.btn-flip-blue:before {

  background: var(--dark-blue);

  border-radius: 4px;

  color: var(--yellow);

  display: block;

  top: 0;

  left: 0;

  transition: .5s;

  height: 100%

}



.btn-flip-blue:after {

  opacity: 0;

  width: 100%;

  position: absolute;

  content: attr(data-back);

  transform: translateY(-50%) rotateX(90deg)

}



.btn-flip-blue:before {

  opacity: 1;

  padding: 0 30px;

  line-height: 40px;

  position: relative;

  content: attr(data-front);

  transform: translateY(0) rotateX(0)

}



.f-style {

  border-radius: 4px;

  border: unset;

  height: 73px

}



.f-style::placeholder {

  padding-left: 10px;

  font-size: 12px

}



.mw-840 {

  max-width: 840px

}



.grey {

  background: #0e234682;

  padding: 10px;

}



.dotted-border {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 340px;

  border: 2px dashed var(--yellow);

  padding: 25px;

  border-radius: 8px;

  height: 350px

}



.white-btn {

  background: #fff;

  color: var(--dark-blue);

  border-radius: 8px;

  width: 147px;

  height: 41px;

  display: flex;

  align-items: center;

  justify-content: center

}



.light-yellow {

  background: #ffe8a4

}



.story-form {

  border-radius: 6px;

  background: #fff;

  border: unset;

  padding: 15px;

  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);

  resize: none;

  width: 100%

}



.h-43px {

  height: 43px

}



div.e-logo {

  background: #42587d;

  padding: 20px;

  gap: 5em

}



.white-btn:hover {

  box-shadow: 0 0 8px 2px var(--yellow)

}



section.disclaimer,

div.logo-section,

section.portfolio {

  background: var(--yellow)

}



.mw-486 {

  max-width: 486px

}



.our-services {



  background-size: cover;

  background-blend-mode: normal

}



.numbered {

  width: 310px;

  padding-bottom: 27px;

  height: 209px;

}



.ensure p {

  height: 237px;

}



.ensure.\31 {

    height: 214px;

}

div#responseMessage3 a {

    color: #263958;

    text-decoration: none;

}



.ensure h6 {

  height: 43px;

}

p.text-white.pb-5.text-center.m-auto.width-custom {

    width: 80%;

}



h2.dark-blue.fw-bold.text-white {

    color: #e7ba38 !important;

}



.s-process .numbered h6 {

  font-size: 18px;

  padding-left: 82px

}



.s-process .numbered img {

  position: absolute;

  height: 185px;

  width: 309px

}



.numbered p {

  font-size: 12px;

  font-family: sans-serif;

  padding: 0 65px 0 84px

}



.blue-box {

  background: var(--dark-blue);

  border-radius: 26px

}



.ensure,

.y-card {

  background: var(--yellow);

  padding: 20px

}

.ensure.height {

    height: 368px !important;

}



.ensure {

  border-radius: 8px;

  width: 310px;

  height: 278px;

}

.col-md-6.girly-img img {

    width: 485px;

    margin-left: 109px;

}



h2.text-white.mw-840.m-auto.text-center {

    font-size: 31px;

}





.w-40 {

  width: 40%

}



.w-60 {

  width: 60%

}



.col-img {

  height: 100px

}



.col-img img {

  top: 0;

  left: 0;

  transform: translate(8%, -44%)

}



.y-card {

  height: 350px;

  width: 349px;

  box-shadow: 0 4px 4px rgba(0, 0, 0, .25)

}



.blue-overlay,

.yellow-overlay {

  padding-top: 80px;

  padding-bottom: 80px

}



.circle-path,

.outer-circle {

  stroke: var(--dark-blue);

  stroke-width: 1;

  fill: none;

  stroke-dasharray: 100;

  stroke-dashoffset: 100

}



.animate {

  animation: 3s ease-in-out forwards draw

}



@keyframes draw {

  0% {

    stroke-dasharray: 100;

    stroke-dashoffset: 100

  }



  100% {

    stroke-dasharray: 100;

    stroke-dashoffset: 0

  }

}



.blue-overlay {

  background: var(--dark-blue);

  clip-path: polygon(100% 0, 100% 89%, 17% 100%, 0 100%, 0 0)

}



.why-choose-us {

  background: var(--dark-blue);

  margin-top: -1px;

  z-index: -99;

  position: relative

}



.yellow-overlay {

  background-color: var(--yellow);

  clip-path: polygon(7% 0%, 100% 0, 100% 100%, 0% 100%)

}



.oval-box {

  background: #42587d;

  width: 400px;

  border-radius: 60% 60% 0 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding-bottom: 10px;

  outline: dashed;

  outline-offset: 3px;

  height: 500px

}



.faq-answer,

.give-call {

  background-color: var(--dark-blue)

}



.oval-box img {

  margin-top: -68px;

  height: 287px

}



.faq-container {

  max-width: 800px;

  margin: 0 auto

}



.faq-item {

  margin-bottom: 20px

}



li.nav-item.dropdown:hover .dropdown-menu {

  display: block

}



.faq-question {

  background: var(--dark-blue);

  padding: 15px;

  cursor: pointer;

  display: flex;

  align-items: center;

  gap: 20px;

  border-radius: 5px;

  font-weight: 700;

  color: #fff

}



.faq-answer {

  display: none;

  padding: 15px;

  border: 1px solid #ddd;

  border-radius: 5px;

  margin-top: 5px;

  transition: 1s;

  color: #fff

}



.footer {

  background-image: linear-gradient(90deg, rgba(38, 57, 88, .9), rgba(38, 57, 88, .9)), url("../images/frame1.webp");

  background-size: cover;

  background-blend-mode: normal;

  color: #fff

}



img.whatsapp {

    width: 89%;

    margin-left: -6px;

    margin-bottom: -10px;

    margin-top: -8px;

}





.s-img img {

    width: 31%;

}



.f-s-yellow,

.f-s-yellow2,

.r-s-yellow,

.r-s-yellow2 {

  width: 68px;

  background: var(--yellow);

  display: flex;

  padding: 11px

}



.f-logo img {

  width: 157px

}



i.fas.fa-envelope {

    color: white !important;

}





.f-s-yellow,

.f-s-yellow2 {

  align-items: center;

  justify-content: end;

  border-radius: 0 26px 26px 0;

  position: absolute;

  box-shadow: 1px 0 0 1px #0e2346;

  left: -25px;

  transition: .3s

}



.quote-link,

.r-s-yellow,

.r-s-yellow2 {

  border-radius: 26px 0 0 26px;

  box-shadow: 1px 0 0 1px #0e2346;

  transition: .3s

}



.f-s-yellow2 {

  top: 16em

}



.f-s-yellow,

.r-s-yellow {

  top: 12em

}



.f-s-yellow2:hover,

.f-s-yellow:hover {

  left: 0

}



.r-s-yellow,

.r-s-yellow2 {

  align-items: center;

  justify-content: start;

  position: absolute;

  right: -25px

}



.quote-link,

.testimonials .slide {

  padding: 20px;

  position: absolute;

  display: flex;

  background: var(--yellow)

}



.r-s-yellow2 {

  top: 8em

}



.quote-link {

  text-decoration: none;

  right: -35px;

  top: 16em;

  writing-mode: vertical-rl;

  text-orientation: mixed;

  color: var(--dark-blue);

  width: 80px;

  align-items: end

}



.quote-link:hover,

.r-s-yellow2:hover,

.r-s-yellow:hover {

  right: 0

}



.testimonials {

  padding-top: 80px;

  padding-bottom: 80px;

  background-image: linear-gradient(305deg, rgba(61, 90, 136, .986), rgba(158, 135, 67, .979)), url(../images/frame23.webp);

  background-size: cover;

  background-blend-mode: normal

}



.testimonials .slide {

  border-radius: 4px;

  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 20px;

  flex: 0 0 25%;

  box-sizing: border-box;

  height: 79%;

  width: 50%;

  transition: .5s

}



.steps-section {

  width: 80%;

  margin: auto;

  position: relative

}



.steps-div {

  width: 564px;

  position: absolute;

  background: #fff;

  padding: 10px;

  border-radius: 10px;

  box-shadow: 0 4px 4px rgba(0, 0, 0, .25)

}



.steps-div1 {

  top: 15px;

  left: 431px

}



.blue-card {

  width: 300px;

  background: var(--dark-blue);

  border-radius: 52px;

  padding: 40px 20px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 24px

}



section.services-main {

  background: linear-gradient(180deg, #ebebeb 0, #ebebeb 20%, #e7ba38 20%, #e5c358 100%)

}



.steps-div p {

  font-size: 13px

}



.blue-card img {

  width: 111px;

  height: 100px

}



.steps-div h6 {

  font-size: 18px

}



.steps-div2 {

  top: 128px;

  left: 524px

}



.steps-div3 {

  top: 247px;

  left: 558px

}



.steps-div4 {

  top: 382px;

  left: 529px

}



.steps-div.steps-div5 {

  top: 502px;

  left: 449px

}



.testimonials .slide p {

  font-size: 14px

}



.testimonials .slide h6 {

  font-size: 18px;

  text-align: left;

}



a.r-s-yellow2 {

    position: fixed;

    z-index: 10;

    top: 256px;

}



p.text-white.text-center.pb-5.width-custom-new {

    width: 50%;

    margin-left: 366px;

}



.testimonials .slider-container {

  width: 70%;

  margin: auto;

  height: 440px

}





.nav-bar ul li a:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  margin: auto;

  width: 100%;

  height: 1px;

  content: ".";

  color: transparent;

  background: var(--yellow);

  visibility: none;

  opacity: 0;

  z-index: -1;

  transition: .5s

}



.nav-bar ul li a:hover:after {

  opacity: 1;

  visibility: visible;

  height: 100%

}



.nav-bar ul li:last-child a:hover {

  box-shadow: 2px 2px 1px 1px #0e2346;

  transition: .3s

}



.nav-bar ul li a {

  position: relative;

  z-index: 1;

  padding: 8px

}



p.margin-bottom {

    margin-top: 12px !important;

}



@media (max-width:1280px) {

  div.e-logo img {

    width: 134px

  }



  section.book-writing {

    zoom: 80%

  }

}



@media (max-width:1024px) {

  section.book-writing {

    zoom: 70%

  }



  .yellow-overlay {

    clip-path: unset

  }

}



@media (max-width:991px) {

  button.navbar-toggler {

    z-index: 1100;

  }



  .oval-div {

    gap: 84px !important;

  }



  .dropdown-menu,

  .menu-toggle {

    display: block

  }



  li.nav-item.dropdown {

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: start;

  }



  .template-contact>div:not(:last-child):after {

    display: none

  }



  .navbar-collapse ul {

    padding-top: 28px;

    align-items: start !important;

    padding-left: 19px;

  }



  .navbar-collapse {

    position: fixed;

    top: 0px;

    right: -100%;

    background: #ebebeb;

    height: 100%;

    width: 100%;

    z-index: 999;

    transition: right .5s;

    box-shadow: 2px 2px 2px 2px #0e2346

  }



  .navbar-collapse.show {

    right: 0

  }



  div.footer {

    zoom: 90%

  }



  div.e-logo {

    gap: 2em

  }



  .y-card {

    width: 296px

  }



  .logo-section>div {

    gap: 34px

  }



  .form form {

    flex-direction: column;

    padding: 10px

  }



  section.book-writing {

    zoom: 61%

  }

}



@media (max-width:768px) {

  .portfolio .slide {

    min-width: 50%

  }



  .logo-section img {

    width: 105px

  }

}



@media (max-width:767px) {

  .testimonials .slider-container {

    width: 100%;

    height: 511px;

  }



  footer .col p {

    text-align: center

  }



  footer .col:last-child ul {

    align-items: center !important

  }



  footer .col {

    flex: 0 0 50%;

    padding-top: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column

  }



  section.book-writing,

  div.footer {

    zoom: unset

  }



  div.e-logo {

    gap: 1em

  }



  .steps-section {

    display: flex;

    flex-direction: column;

    gap: 20px;

    align-items: center;

    justify-content: center

  }



  .steps-section img {

    display: none

  }



  .steps-div {

    width: unset;

    position: static

  }



  .w-60 {

    width: 68%

  }

}



@media (max-width:600px) {

  .testimonials .slide {

    width: 100%;

    flex: 0 0 100%;

    gap: 0

  }



  .template-contact,

  .template-contact>div {

    align-items: start !important;

    justify-content: start !important

  }



  footer .col:first-child {

    display: flex;

    align-items: center;

    flex-direction: column;

    gap: 10px

  }



  footer .col {

    flex: 0 0 100%

  }



  h1 {

    font-size: 25px;

    line-height: 28px

  }



  h2 {

    font-size: 28px;

    line-height: 39px

  }

}





@media (max-width:425px) {

    .testi-opinion .numbered.position-relative {

    width: 100% !important;

  

}





p.text-white.text-center.pb-5.width-custom-new {

    width: 89%;

    margin-left: 33px;

}



h6.yellow {

    text-align: center;

}



p.text-center.text-white.p-4 {

    margin-top: -33px;

}



.hero p {

    max-width: 333px !important;

}

.about-hero {

    height: 111vh !important;

}

.col-md-12.d-flex.flex-column.gap-5 {

    gap: 1rem !important;

}



span.yellow {

    font-size: 24px !important;

margin-right: 1px!important;

    

}

.r-s-yellow2 {

    top: 7em !important;

}



.students-review .numbered.position-relative {

    width: 100% !important;

  

}



.d-flex.align-items-center.justify-content-end.gap-3 {

    position: relative;

    top: -45px;

}



.component.d-flex.align-items-center.gap-2 {

    position: relative;

    width: 149px;

    left: 32px;

    top: 13px;

}



.t-bar {

    height: 72px !important;

}



.component.d-flex.align-items-center.gap-2.position-wp {

    position: relative;

    left: -132px;

    top: 39px;

}



.component.d-flex.align-items-center.gap-2.position-new {

    position: relative;

    left: -78px;

    top: 39px;

}



p.m-0.text-white {

    font-size: 14px;

}



section.hero.position-relative.overflow-hidden {

    padding: 47px;

}



a.r-s-yellow2 {

    position: relative;

    left: 383px;

}





}



@media (max-width:575px) {

  .t-bar>div {

    flex-direction: column;

    gap: 8px !important;

  }



  .f-s-yellow {

    top: 25em

  }



  .f-s-yellow2 {

    top: 21em

  }



  div.e-logo {

    gap: 3em

  }



  .oval-box {

    width: 298px

  }



  .w-60 {

    width: 100%

  }



  .our-services .col-img {

    display: none

  }



  .logo-section>div {

    flex-direction: column

  }

  

}



































/*-- 11-11-2024 --*/

.ghostCONTENT .row {

  align-items: center;

  padding-bottom: 60px;

}



.footer .pb-3 {

    font-size: 14px;

}



.list-item p {

    padding: 10px 0;

}

.list-item {

    height: 450px;

}

.two-bttns {

    padding: 0 !important;

}

.two-bttns .d-flex {

    padding: 0 !important;

    margin-top: -100px;

    margin-bottom: 100px;

}

.article-writing-services p {

    max-width: 1320px;

    margin: 0 auto;

}

.affordable-services .row {

    align-items: center;

}

.yellowBoXES_sec .ensure {

    height: 250px;

}

.testi-opinion .numbered.position-relative {

    width: 30%;

    background: #e7ba38;

    padding: 30px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 250px !important;

}

.testi-opinion .numbered p, .testi-opinion h6  {

    padding: 0 !important;

}

.students-review .numbered.position-relative {

    /*width: 30%;*/

    background: #e7ba38;

    padding: 30px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 200px !important;

}

.students-review .numbered.position-relative p, 

.students-review .numbered.position-relative h6 {

    padding: 0;

}

.testi-opinion .numbered.position-relative:before {

    content: '';

    position: absolute;

    width: 100px;

    height: 100px;

    background-image: url(../assets/images/quote.png);

    background-size: cover;

    background-repeat: no-repeat;

    opacity: 0.2;

    top: 0;

    left: 0;

}

.second-services .row {

    align-items: center;

}



.finding_ghost_content {

    margin-left: 50px;

}



.container.p-5.two-bttns {

    margin-top: 30px;

}



p.dark-blue.text-center.pt-4.pb-5 {

    width: 62% !important;

    margin-left: 290px !important;

}





p.pt-3.text-white.mw-840.m-auto.text-center.custom-margin {

    margin-top: 0px !important;

}



.floating-whatsapp-widget-wrapper {

    position: fixed;

    bottom: 10px;

    left: 8px;

}