@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");
:root {
  --Primary: #0a1128;
  --Secondary: #c9a227;
  --Black: #000;
  --White: #fff;
  --Lightgrey: #f5f5f5;
  --btnGradient: linear-gradient(
    90deg,
    rgba(201, 162, 39, 1) 0%,
    rgba(180, 145, 32, 1) 100%
  );
  --Lightwhite: #f9f9f9;
  --LightdarkGrey: #fcfcfc;
}
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
.Secondary {
  color: var(--Secondary);
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.yellowstart {
  color: #ffc107;
}
.greyBg {
  background: #d9d9d9 !important;
}
.LightgreyBg {
  background: var(--Lightgrey);
}
.bgPrimary {
  background: var(--Primary) !important;
}
.black {
  color: var(--Black);
}
.fs16 {
  font-size: 16px;
}
.fs20 {
  font-size: 20px;
}
.fs60 {
  font-size: 60px;
}
.fs50 {
  font-size: 50px;
}
.fs45 {
  font-size: 45px;
}
.fs40 {
  font-size: 40px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.fs25 {
  font-size: 25px;
}
.fs14 {
  font-size: 14px;
}
.fs18 {
  font-size: 18px;
}
.fs35 {
  font-size: 35px;
}
.fs11 {
  font-size: 11px;
}
.fs9 {
  font-size: 9px;
}
.fs28 {
  font-size: 28px;
}
.fs23 {
  font-size: 23px;
}
.fs12 {
  font-size: 12px;
}
.fs24 {
  font-size: 24px;
}
.social li a {
  color: var(--White);
}
.navSec {
  background: #fdfdfd;
}
.navSec .nav-link {
  font-size: 14px;
  color: var(--Black);
}
.navSec .nav-link.helpsupport {
  background: #f6f6f6;
  border-radius: 30px;
  padding: 5px 15px;
  font-weight: 500;
  color: var(--Black);
}

.helpsupport {
  background: #f6f6f6;
  border-radius: 30px;
  padding: 5px 15px;
  font-weight: 500;
  color: var(--Black);
  text-decoration: none;
}
.navSec .nav-link.ordernow {
  border: 1px solid var(--Primary);
  border-radius: 30px;
  padding: 5px 20px;
  font-weight: 500;
  background: linear-gradient(
    90deg,
    rgba(245, 245, 245, 1) 0%,
    rgba(232, 225, 225, 1) 100%
  );
}
.navSec .nav-link.logIn {
  border: 1px solid var(--Primary);
  border-radius: 30px;
  padding: 5px 20px;
  font-weight: 500;
  background: var(--Primary);
  color: var(--White);
}
.sliderSec {
  background: url("../../assets/images/sliderBg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.specificCell {
  background: #1f2743a6;
  width: fit-content;
  padding: 5px 30px;
  border-radius: 30px;
  color: var(--White);
}
.gradientTxt {
  background: var(--btnGradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.sliderSec h1 {
  font-weight: 800;
}
.satisfyInfo {
  padding: 14px 0;
}
.satisfyInfo li {
  color: var(--White);
  font-size: 20px;
}
.satisfyInfo li span {
  font-weight: 800;
}
.workItems {
}
.workItems li {
  color: var(--White);
  border: 1px solid var(--White);
  padding: 5px 15px;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  font-size: 16px;
}
.workItems li span {
}
.whatsapp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 30px;
  background: var(--btnGradient);
  display: inline-block;
  border-radius: 20px;
  text-decoration: none;
  color: var(--Black);
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 20px;
}
.homeform {
  box-shadow: 0px 0px 4px #ffff;
  padding: 2rem 1.5rem;
  border-radius: 20px;
}
.homeform .form-group {
  margin-bottom: 13px;
}
.homeform .form-control {
  appearance: auto;
  background: transparent;
  border: 1px solid var(--White);
  border-radius: 30px;
  color: var(--White);
  font-size: 14px;
}
.homeform label {
  font-size: 14px;
  color: var(--White);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.homeform button {
  background: var(--btnGradient);
  padding: 7px 0px;
  width: 100%;
  border-radius: 30px;
  border: none;
  font-weight: 700;
  color: var(--Primary);
}
.uniSlides {
  width: 100%;
  height: 50px;
  background: url("../../assets/images/uniBanner.webp") repeat-x;
  background-size: contain;
  animation: animatedBackground 100s linear infinite;
}
@keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -4750px 0;
  }
}
.whystudentChoose {
  background: var(--Lightgrey);
}
.fw800 {
  font-weight: 800;
}
.circleStudents {
  width: 100%;
  max-width: 70px;
  height: 70px;
  border-radius: 70px;
  background: var(--Primary);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0px, -32px);
}
.circleStudents p {
  font-size: 2rem;
  color: var(--White);
  font-weight: 800;
}
.studentBox {
  background: var(--Lightwhite);
  box-shadow: 0px 0px 10px #3333;
  border-radius: 20px;
  position: relative;
  z-index: 0;
  padding-bottom: 1.6rem;
  transition: 0.3s ease;
}
.studentBox::before {
  content: "";
  width: 83px;
  height: 83px;
  background: var(--Lightgrey);
  border-radius: 85px;
  position: absolute;
  top: -39px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #000000;
  z-index: -1;
  border-top-width: 0;
  border-left: thin;
  border-right: hidden;
  border-bottom: groove;
}
.studentBox h3 {
  margin-top: -10px;
}
.studentBox:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  background: var(--Primary);
}
.studentBox:hover h3,
.studentBox:hover p {
  color: var(--White);
}
.apartitems {
}
.apartitems li {
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--Primary);
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 15px;
  color: var(--Black);
}
.counterIcon {
  width: 100%;
  max-width: 40px;
  height: 40px;
  border-radius: 40px;
  background: var(--Primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.counterBox {
  flex: 45%;
}
.recordTrackbox {
  padding: 1.7rem 1rem;
  background: var(--LightdarkGrey);
  box-shadow: 0px 0px 10px #3333;
  border-radius: 20px;
}
.servicesWriting {
  background: var(--Lightgrey);
}
.serviceList {
  background: var(--LightdarkGrey);
  box-shadow: 0px 0px 10px #3333;
  border-radius: 25px;
  padding-bottom: 1.7rem;
}
.serviceList .icon {
  width: 100%;
  max-width: 80px;
  height: 80px;
  border-radius: 80px;
  background: var(--White);
  box-shadow: 0px 0px 10px #3333;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: relative;
  margin-top: -2.7rem;
}
.serviceList .icon img {
  width: 100%;
  max-width: 50px;
}
.serviceList .info {
  padding: 10px 10px;
  text-align: center;
}
.successStudent {
  background: var(--Primary);
}
.meetWriters {
  background: var(--Lightwhite);
}
.experienceInfo li {
  flex: 45%;
}
.writerBox {
  background: var(--White);
  box-shadow: 0px 0px 10px #3333;
  padding: 1rem 1.2rem;
  border-radius: 20px;
}
.subjectItems li {
  background: #f6f6f6;
  border-radius: 20px;
  padding: 5px 18px;
  font-size: 14px;
}
.rating {
  background: var(--Lightgrey);
  border-radius: 20px;
  padding: 2px 15px;
  font-size: 12px;
  width: fit-content;
  color: var(--Black);
}
.orange {
  color: #ffc100;
}
.askitems {
  box-shadow: 0px 0px 10px #3333;
  border-radius: 20px;
  background: var(--LightdarkGrey);
  padding: 1.5rem 1.5rem;
}
.askitems li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 45%;
  padding: 5px 14px;
  border-bottom: 1px solid #3333;
}
.includePrice {
  background: var(--Secondary);
  padding: 1rem 1.2rem;
  border-radius: 20px;
}
.includeitems li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 1;
  width: 100%;
  padding: 5px 14px;
  border-bottom: 1px solid #3333;
  align-items: center;
}
.freetag {
  background: linear-gradient(
    90deg,
    rgba(10, 17, 40, 1) 0%,
    rgba(15, 26, 60, 1) 100%
  );
  border-radius: 15px;
  padding: 3px 13px;
  width: fit-content;
  color: var(--White);
  font-size: 13px;
  box-shadow: 0px 0px 10px #3333;
}
.mostExperience {
  background: var(--Lightgrey);
}
.mostoutbox {
  box-shadow: 0px 0px 10px #3333;
  background: var(--White);
  padding: 1rem 1rem;
  border-radius: 20px;
}
.reviewsPro .reviewTabs ul {
  background: #fbfeff;
  width: fit-content;
  margin: auto;
  padding: 10px 27px;
  border: 1px solid var(--Primary);
  border-radius: 46px;
}
.reviewsPro .reviewTabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: var(--LightdarkGrey);
  border-radius: 30px;
  border: 1px solid var(--Primary);
}
.reviewsPro .reviewTabs .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  background: var(--LightdarkGrey);
  border-radius: 30px;
  border: 1px solid var(--Primary);
}
.reviewBox {
  box-shadow: 0px 0px 10px #3333;
  background: var(--Lightwhite);
  padding: 1rem 0rem;
  border: 1px solid var(--Primary);
  border-radius: 20px;
}
.faqSec .accordion-item:first-of-type {
  background: var(--Primary);
}
.faqSec .accordion-button:not(.collapsed) {
  background: var(--Primary);
  box-shadow: none;
  padding-bottom: 0;
}
.faqSec .accordion-item:first-of-type > .accordion-header .accordion-button {
  /* padding-bottom: 0; */
  border-radius: 20px;
}

.faqSec .accordion-item:first-of-type .accordion-body {
  padding-top: 6px;
}
.faqSec .accordion-button:not(.collapsed) .accordion-body {
  background: var(--Primary);
}
.faqSec .accordion-item .collapse.show .accordion-body {
  background: var(--Primary);
  color: var(--White);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.faqSec .accordion-button:not(.collapsed) {
  color: var(--White);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.faqSec .accordion-item {
  margin-bottom: 10px;
  border-radius: 20px;
  border: 1px solid var(--Primary);
}
.faqSec .accordion-button {
  font-size: 17px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.faqSec .accordion-header {
  border-radius: 20px;
}
.dataSafe {
  background: var(--Lightgrey);
}
.satisfySec {
  background: var(--Secondary);
  padding: 1.7rem 1rem;
  text-align: center;
  border-radius: 20px;
}
.fdetails {
  flex: 1;
}
.footerSec {
  background: var(--Primary);
}
.usefullink li a {
  color: var(--White);
  text-decoration: none;
  font-weight: 300;
}
.contactInfo li a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--White);
  flex-wrap: wrap;
}
ul.featuresItems li {
  flex: 45%;
}
.choiceWriters .circleStudents {
  transform: translate(0px, 0px);
  position: relative;
}
.howitsworkchoose .circleStudents {
  transform: translate(0px, 0px);
  position: relative;
  margin: inherit;
}

.howitsworkchoose .circleStudents::before {
  content: "";
  width: 83px;
  height: 83px;
  border-radius: 85px;
  position: absolute;
  top: -7px;
  left: 49%;
  transform: translateX(-50%);
  border: 1px solid #000000;
  z-index: -1;
}
.choiceWriters .circleStudents::before {
  content: "";
  width: 83px;
  height: 83px;
  border-radius: 85px;
  position: absolute;
  top: -7px;
  left: 49%;
  transform: translateX(-50%);
  border: 1px solid #000000;
  z-index: -1;
}
.choiceWriters .studentBox::before {
  display: none;
}
.howitsworkchoose .studentBox::before {
  display: none;
}

.guarenteeReflectSec .studentBox::before {
  display: none;
}
.guarenteeReflectSec .circleStudents {
  transform: translate(0px, 0px);
  position: relative;
  margin: inherit;
  max-width: 40px;
  height: 40px;
}
.guarenteeReflectSec .circleStudents::before {
  content: "";
  width: 45px;
  height: 46px;
  border-radius: 63px;
  position: absolute;
  top: -3px;
  left: 49%;
  transform: translateX(-50%);
  border: 1px solid #000000;
  z-index: -1;
}

.influenceItem li {
  box-shadow: 0px 0px 10px #3333;
  padding: 5px 15px;
  border-radius: 6px;
  border: 1px solid #b0b0b0;
}
.guarenteeReflectSec .nav-tabs .nav-link {
  padding: 10px 10px;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0px 0px 10px #3333;
}
.guarenteeReflectSec .nav-tabs .nav-link .studentBox {
  background: transparent;
  box-shadow: none;
}
.guarenteeReflectSec .nav-tabs .nav-link .studentBox:hover {
  transform: translateY(0px);
}
.guarenteeReflectSec .nav-tabs .nav-link .studentBox:hover h3 {
  color: var(--Black);
}
.guarenteeReflectSec .nav-tabs li.nav-item {
  flex: auto;
}
.guarenntabItems .apartitems li {
  flex: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--Primary);
  border-radius: 20px;
  padding: 2px 6px;
  font-size: 11px;
  color: var(--Black);
}
.guarenntabItems {
  box-shadow: 0px 0px 10px #c9a227;
  border-radius: 20px;
  padding: 1.5rem 1rem;
}
.guarenntabItems .studentBox {
  box-shadow: none;
  background: transparent;
  padding: 8px 0px !important;
}
.guarenntabItems .studentBox:hover h3 {
  color: var(--Black);
}
.guarenntabItems .studentBox:hover p {
  color: var(--Black);
}
.pricingSec {
  background: var(--Lightgrey);
}
.pricingSec ul {
  background: var(--Lightgrey);
  text-align: center;
  padding: 0;
  border-radius: 10px;
  box-shadow: 0px 0px 9px #f3f3f3;
}
.pricingSec ul li.heading {
  background: var(--Secondary);
  padding: 0.5rem 0;
  color: var(--White);
  font-size: 20px;
  font-weight: 700;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.pricingSec ul li {
  padding: 5px 0;
  border-bottom: 1px solid #3333;
  box-shadow: 0px 0px 10px #3333;
}
.orderSec {
  background: var(--Lightgrey);
}
.orderBox {
  background: var(--White);
  box-shadow: 0px 0px 10px #3333;
  padding: 1.5rem;
  border-radius: 15px;
  margin-bottom: 20px;
}
.academicLevel li {
  flex: auto;
}
.academicLevel li a {
  text-decoration: none;
  display: block;
  padding: 5px 12px;
  border: 1px solid var(--Black);
  border-radius: 20px;
  text-align: center;
}
.newChecklist li {
  flex: 45%;
}