@import url("https://fonts.googleapis.com/css2?family=Anton&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

.blue-button {
  border-radius: 48px;
  background: #89C1FF;
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.blue-button {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  background: var(--Blue-Light-Blue, #D7E6EE);
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.black-button {
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue, #89C1FF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.transparent-button {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  border: 2px solid var(--Dark-Blue-400, #132028);
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.heading-1 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
}
.heading-1 span {
  color: #89C1FF;
}

.heading-2 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
}
.heading-2 span {
  color: #89C1FF;
}

.para {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
}

header {
  position: relative;
  z-index: 99;
}
header .desktopMenu {
  max-width: 1280px;
  margin: auto;
  position: fixed;
  top: 16px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  border-radius: 16px;
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  padding: 20px;
  align-items: center;
}
header .desktopMenu .navMenu ul {
  display: flex;
  gap: 40px;
  align-items: center;
}
header .desktopMenu .navMenu ul li {
  position: relative;
}
header .desktopMenu .navMenu ul li a {
  color: var(--White-White, #FFF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  display: flex;
}
header .desktopMenu .navMenu ul li .currencynav {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
header .desktopMenu .navMenu ul li a[aria-expanded=true] {
  color: #89C1FF;
}
header .desktopMenu .navMenu ul li a[aria-expanded=true] .inactive-arrow {
  display: none;
}
header .desktopMenu .navMenu ul li a[aria-expanded=false] {
  color: #fff;
}
header .desktopMenu .navMenu ul li a[aria-expanded=false] .active-arrow {
  display: none;
}
header .desktopMenu .navMenu ul li #currencyMenu {
  position: absolute;
  width: 100px;
  padding: 24px;
  border-radius: 16px;
  background: var(--White-Almost-White, #FAFAFA);
  right: 0;
  top: 38px;
}
header .desktopMenu .navMenu ul li #currencyMenu ul {
  display: grid;
  gap: 16px;
}
header .desktopMenu .navMenu ul li #currencyMenu ul li a {
  color: #132028;
  justify-content: center;
}
header .desktopMenu .navMenu ul li #currencyMenu ul li a:hover {
  color: #5D99C3;
}
header .desktopMenu .navMenu ul li #currencyMenu ul li .active {
  color: #5D99C3;
}
header .desktopMenu .signupbtn-header a {
  border-radius: 48px;
  background: var(--Blue-Light-Blue, #D7E6EE);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.MobileMenu {
  padding: 16px 24px;
  border-radius: 16px;
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  justify-content: space-between;
  display: flex;
  position: fixed;
  width: 100%;
  max-width: 327px;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.MobileMenu #phonemenu {
  position: absolute;
  top: 76px;
  border-radius: 16px;
  border: 1px solid var(--Dark-Blue-200, #2A353D);
  width: 100%;
  left: 0;
  padding: 56px 24px;
  background: url(../images/mobile-menubg.png) no-repeat top center;
  background-size: cover;
}
.MobileMenu #phonemenu ul {
  display: grid;
  gap: 32px;
  justify-content: center;
  margin-bottom: 56px;
}
.MobileMenu #phonemenu ul li a {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  display: block;
}
.MobileMenu #phonemenu ul li a[aria-expanded=true] {
  color: #89C1FF;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.MobileMenu #phonemenu ul li a[aria-expanded=true] .inactive-arrow {
  display: none;
}
.MobileMenu #phonemenu ul li a[aria-expanded=false] {
  color: #fff;
}
.MobileMenu #phonemenu ul li a[aria-expanded=false] .active-arrow {
  display: none;
}
.MobileMenu #phonemenu ul li #currencyMenu {
  width: 100px;
}
.MobileMenu #phonemenu ul li #currencyMenu ul {
  display: grid;
  gap: 16px;
  margin: 16px 0px 0px 0px;
}
.MobileMenu #phonemenu ul li #currencyMenu ul li a {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 16.1px */
  text-transform: capitalize;
  justify-content: center;
}
.MobileMenu #phonemenu ul li #currencyMenu ul li a:hover {
  color: #5D99C3;
}
.MobileMenu #phonemenu ul li #currencyMenu ul li .active {
  color: #fff;
}
.MobileMenu #phonemenu .signupbtn-header {
  display: flex;
  justify-content: center;
}
.MobileMenu #phonemenu .signupbtn-header a {
  border-radius: 48px;
  background: var(--Blue-Light-Blue, #D7E6EE);
  display: flex;
  padding: 12px 20px;
  align-items: center;
  gap: 8px;
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  text-transform: capitalize;
  max-width: 118px;
}

footer {
  background: url(../images/footer-bg.png) no-repeat top center;
  background-size: cover;
  padding-top: 56px;
  padding-bottom: 32px;
}
footer .footer-Maintop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer-Maintop .footerLeft {
  display: grid;
  gap: 24px;
}
footer .footer-Maintop .footerright ul {
  display: flex;
  gap: 32px;
}
footer .footer-Maintop .footerright ul li a {
  color: var(--White-Almost-White, #FAFAFA);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
footer .sep {
  border-top: 1px solid #768895;
  opacity: 0.2;
  margin: 32px 0px;
}
footer .footer-Mainbtm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer-Mainbtm .footerbtm-left {
  color: var(--Blue-Light-Blue, #D7E6EE);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 20px */
}
footer .footer-Mainbtm .footerbtm-right ul {
  display: flex;
  gap: 32px;
}
footer .footer-Mainbtm .footerbtm-right ul li a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--Blue-Blue, #89C1FF);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.slider {
  position: relative;
}
.slider .slider-Text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  max-width: 657px;
}
.slider .slider-Text h6 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  padding: 12px 24px;
  border-radius: 48px;
  border: 1px solid var(--Dark-Blue-200, #2A353D);
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  max-width: 240px;
  margin: auto;
}
.slider .slider-Text h2 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
  margin: 24px 0px;
}
.slider .slider-Text h2 span {
  color: #89C1FF;
}
.slider .slider-Text p {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  max-width: 539px;
  margin: auto;
}
.slider .slider-Text .sliderbtns {
  margin-top: 40px;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.slider .slider-Text .sliderbtns .bluebtn {
  border-radius: 48px;
  background: #89C1FF;
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
.slider .slider-Text .sliderbtns .contactbtn {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  background: var(--Blue-Light-Blue, #D7E6EE);
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.home-aboutuswrapper {
  padding: 112px 0px;
  background: url(../images/aboutbg.png) no-repeat top center;
  background-size: cover;
}
.home-aboutuswrapper .home-aboutus {
  width: 100%;
  max-width: 1312px;
  margin: auto;
  display: flex;
  gap: 48px;
}
.home-aboutuswrapper .home-aboutus .home-aboutusleft {
  width: 100%;
}
.home-aboutuswrapper .home-aboutus .home-aboutusright {
  width: 100%;
  padding: 56px 112px;
  border-radius: 16px;
  background: var(--Blue-Light-Blue, #D7E6EE);
  max-width: 632px;
}
.home-aboutuswrapper .home-aboutus .home-aboutusright h3 {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 55.2px */
  margin-bottom: 24px;
}
.home-aboutuswrapper .home-aboutus .home-aboutusright p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  margin-bottom: 32px;
}
.home-aboutuswrapper .home-aboutus .home-aboutusright .btns {
  display: flex;
  gap: 20px;
}
.home-aboutuswrapper .home-aboutus .home-aboutusright .btns .blackbtn {
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue, #89C1FF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
.home-aboutuswrapper .home-aboutus .home-aboutusright .btns .transparentbtn {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  border: 2px solid var(--Dark-Blue-400, #132028);
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.contentNeedwrapper {
  background: url(../images/content-servicebg.png) no-repeat top center;
  padding: 88px 0px;
  background-size: cover;
}
.contentNeedwrapper .contentWrappertop h6 {
  text-align: center;
  color: var(--White-Almost-White, #FAFAFA);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  border-radius: 48px;
  border: 1px solid var(--Dark-Blue-200, #2A353D);
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  max-width: 273px;
  display: block;
  padding: 12px 23px;
  margin: auto;
}
.contentNeedwrapper .contentWrappertop h2 {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 55.2px */
  color: #fff;
  width: 100%;
  max-width: 472px;
  margin: 24px auto;
  text-align: center;
}
.contentNeedwrapper .contentWrappertop h2 span {
  color: #89C1FF;
}
.contentNeedwrapper .contentWrappertop p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  color: #fff;
  text-align: center;
  max-width: 396px;
  margin: auto;
}
.contentNeedwrapper .contentgridbox {
  max-width: 1450px;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 32px;
  margin: 48px auto 0px auto;
}
.contentNeedwrapper .contentgridbox .contentinnerbox {
  padding: 32px;
  border-radius: 16px;
  border: 1px solid var(--Dark-Blue-200, #2A353D);
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.contentNeedwrapper .contentgridbox .contentinnerbox .cardBox {
  margin-top: 24px;
}
.contentNeedwrapper .contentgridbox .contentinnerbox .cardBox h3 {
  color: var(--White-Almost-White, #FAFAFA);
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 27.6px */
  margin-bottom: 16px;
}
.contentNeedwrapper .contentgridbox .contentinnerbox .cardBox p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  color: #FAFAFA;
  margin-bottom: 0px;
  line-height: 125%; /* 20px */
  font-size: 16px;
}

.service-rangeWrapper {
  background: url(../images/service-rangebg.png) no-repeat top center;
  padding: 88px 0px;
  background-size: cover;
}
.service-rangeWrapper h2 {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 55.2px */
}
.service-rangeWrapper h2 span {
  color: #89C1FF;
}
.service-rangeWrapper .service-rangeTop {
  margin-bottom: 48px;
  text-align: center;
}
.service-rangeWrapper .service-rangeTop h2 {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 55.2px */
  margin-bottom: 24px;
}
.service-rangeWrapper .service-rangeTop h2 span {
  color: #89C1FF;
}
.service-rangeWrapper .service-rangeTop p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  max-width: 396px;
  margin: auto;
}
.service-rangeWrapper .serviceBoxes {
  max-width: 1440px;
  width: 100%;
  margin: auto;
  display: flex;
  gap: 24px;
}
.service-rangeWrapper .serviceBoxes .servicesBoxLeft, .service-rangeWrapper .serviceBoxes .servicesBoxRight {
  width: 100%;
  max-width: 434px;
}
.service-rangeWrapper .serviceBoxes .serviceBoxesMiddleInner {
  margin-bottom: 24px;
}
.service-rangeWrapper .serviceBoxes .serviceBoxesInner {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.service-rangeWrapper .serviceBoxes .serviceBoxesInner:hover .serviceBoxesInnercontent {
  bottom: 0px;
  min-height: inherit;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.88) 90%);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.service-rangeWrapper .serviceBoxes .serviceBoxesInner:hover .serviceBoxesInnercontent p {
  opacity: 1;
}
.service-rangeWrapper .serviceBoxes .serviceBoxesInner .serviceBoxesInnercontent {
  padding: 32px;
  position: absolute;
  bottom: -170px;
  transition: all 0.4s;
  min-height: 261px;
}
.service-rangeWrapper .serviceBoxes .serviceBoxesInner .serviceBoxesInnercontent h4 {
  color: var(--White-Almost-White, #FAFAFA);
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 27.6px */
}
.service-rangeWrapper .serviceBoxes .serviceBoxesInner .serviceBoxesInnercontent p {
  color: var(--White-Almost-White, #FAFAFA);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 20px */
  margin: 16px 0px;
  opacity: 0;
}
.service-rangeWrapper .serviceBoxes .serviceBoxesInner .serviceBoxesInnercontent .exploremore-btn {
  color: var(--Blue-Blue, #89C1FF);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.exploreServiceBtn {
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue, #89C1FF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  max-width: 225px;
  margin: 48px auto 0px auto;
}

.faq_wrapper {
  position: relative;
}
.faq_wrapper::after {
  content: "";
  background: linear-gradient(0deg, rgba(19, 32, 40, 0.8) 0%, rgba(19, 32, 40, 0.8) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.faq_wrapper video {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  height: 100%;
}
.faq_wrapper .faqvideo {
  padding: 88px 0px;
}
.faq_wrapper .faq_top {
  margin-bottom: 48px;
  z-index: 9;
  position: relative;
}
.faq_wrapper .faq_top h6 {
  border-radius: 48px;
  border: 1px solid var(--Dark-Blue-100, #768895);
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  padding: 12px 24px;
  max-width: 150px;
  margin: auto;
}
.faq_wrapper .faq_top h3 {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 55.2px */
  text-align: center;
  color: var(--White-Almost-White, #FAFAFA);
  margin: 24px 0px;
}
.faq_wrapper .faq_top h3 span {
  color: #89C1FF;
}
.faq_wrapper .faq_top p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  color: var(--White-Almost-White, #FAFAFA);
  max-width: 396px;
  margin: auto;
}
.faq_wrapper .homefaqdtls {
  max-width: 1074px;
  width: 100%;
  margin: auto;
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  border-radius: 16px;
  border: 1px solid var(--Dark-Blue-100, #768895);
  position: relative;
  z-index: 9;
}
.faq_wrapper .homefaqdtls .accordion-item {
  border-bottom: 1px solid var(--Dark-Blue-100, #768895);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background-color: transparent;
  border-left: none;
  border-top: none;
  border-right: none;
  padding: 32px;
}
.faq_wrapper .homefaqdtls .accordion-item:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.faq_wrapper .homefaqdtls .accordion-item:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.faq_wrapper .homefaqdtls .accordion-item a[aria-expanded=false] {
  background-color: #42DCA3;
}
.faq_wrapper .homefaqdtls .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-image: url(../images/minus.svg);
  background-repeat: no-repeat;
  background-position: right center;
}
.faq_wrapper .homefaqdtls .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  display: none;
}
.faq_wrapper .homefaqdtls .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  color: var(--White-Almost-White, #FAFAFA);
  font-family: "Urbanist", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 27.6px */
  box-shadow: none;
  padding: 0px;
  background-image: url(../images/plus.svg);
  background-repeat: no-repeat;
  background-position: right center;
}
.faq_wrapper .homefaqdtls .accordion-item .accordion-header .accordion-button::after {
  display: none;
}
.faq_wrapper .homefaqdtls .accordion-item .accordion-body {
  margin-top: 24px;
  padding: 0px;
  color: var(--White-Almost-White, #FAFAFA);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 20px */
}

.aboutUs {
  background: url(../images/aboutus-desktopbg.png) no-repeat top center;
  position: relative;
  background-size: cover;
}
.aboutUs .aboutText {
  padding: 219px 0px;
}
.aboutUs .aboutText h6 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  padding: 12px 24px;
  border-radius: 48px;
  border: 1px solid var(--Dark-Blue-200, #2A353D);
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  max-width: 250px;
  margin: auto;
}
.aboutUs .aboutText h2 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
  margin: 24px 0px;
}
.aboutUs .aboutText h2 span {
  color: #89C1FF;
}
.aboutUs .aboutText p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  color: var(--White-Almost-White, #FAFAFA);
  max-width: 539px;
  margin: auto;
  text-align: center;
}

.aboutleave-content .home-aboutus {
  max-width: 1440px;
}
.aboutleave-content .home-aboutus .home-aboutusright {
  max-width: 632px;
  border-radius: 16px;
  background: var(--Dark-Blue-400, #132028);
  padding: 105px 112px;
}
.aboutleave-content .home-aboutus .home-aboutusright h3 {
  color: var(--White-Almost-White, #FAFAFA);
}
.aboutleave-content .home-aboutus .home-aboutusright p {
  margin: 0px;
  color: var(--White-Almost-White, #FAFAFA);
}
.aboutleave-content .home-aboutus .home-aboutusleft {
  max-width: 759px;
}

.serviceRange_wrapper {
  background: url(../images/servicesrangebg.png) no-repeat top center;
  padding: 88px 0px;
  background-size: cover;
}
.serviceRange_wrapper .serviceRange h2 {
  color: #FAFAFA;
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 55.2px */
  margin-bottom: 24px;
}
.serviceRange_wrapper .tabs-table {
  margin-top: 24px;
}
.serviceRange_wrapper .tabs-table .nav {
  display: flex;
  gap: 5px;
  align-items: center;
  padding-bottom: 48px;
  border: none;
}
.serviceRange_wrapper .tabs-table .nav .tablebtn {
  color: var(--White-Almost-White, #FAFAFA);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  padding: 12px 20px;
  border-radius: 48px;
}
.serviceRange_wrapper .tabs-table .nav .tablebtn:hover {
  background: var(--Blue-Light-Blue, #D7E6EE);
  color: var(--Dark-Blue-400, #132028);
}
.serviceRange_wrapper .tabs-table .nav .active {
  padding: 12px 20px;
  border-radius: 48px;
  background: var(--Blue-Light-Blue, #D7E6EE);
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
.serviceRange_wrapper .tabs-table .tab-content {
  max-width: 1258px;
  margin: auto;
}
.serviceRange_wrapper .tabs-table .tab-content .corporatepackages {
  border-radius: 16px;
  border: 1px solid var(--Dark-Blue-200, #2A353D);
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.serviceRange_wrapper .tabs-table .tab-content .corporatepackages .corporatepackagesImg {
  width: 680px;
  max-width: 100%;
}
.serviceRange_wrapper .tabs-table .tab-content .corporatepackages .corporatepackagesdesc {
  width: 100%;
  max-width: 578px;
  padding: 72px;
}
.serviceRange_wrapper .tabs-table .tab-content .corporatepackages .corporatepackagesdesc h2 {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 55.2px */
  color: var(--White-Almost-White, #FAFAFA);
  margin-bottom: 24px;
}
.serviceRange_wrapper .tabs-table .tab-content .corporatepackages .corporatepackagesdesc h2 span {
  color: #89C1FF;
}
.serviceRange_wrapper .tabs-table .tab-content .corporatepackages .corporatepackagesdesc p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  color: var(--White-Almost-White, #FAFAFA);
  margin-bottom: 32px;
}
.serviceRange_wrapper .tabs-table .tab-content .corporatepackages .corporatepackagesdesc .exploreBtn {
  border-radius: 48px;
  background: #89C1FF;
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  max-width: 216px;
}

.create-accounttoday .home-aboutus .home-aboutusright {
  padding: 78px 112px;
}

.home-aboutuswrapper .joinus-grow {
  max-width: 1440px;
}
.home-aboutuswrapper .joinus-grow .home-aboutusleft {
  max-width: 356px;
}

.advertising_writing {
  background: url(../images/advertising_writingbg.png) no-repeat top center;
  background-size: cover;
}
.advertising_writing .serviceRange h2 {
  color: var(--Dark-Blue-400, #132028);
}
.advertising_writing .tabs-table .nav .tablebtn {
  color: var(--Dark-Blue-400, #132028);
}
.advertising_writing .tabs-table .nav .tablebtn:hover {
  background: var(--Dark-Blue-400, #132028);
  color: var(--White-Almost-White, #FAFAFA);
}
.advertising_writing .tabs-table .nav .active {
  background: var(--Dark-Blue-400, #132028);
  color: var(--White-Almost-White, #FAFAFA);
}
.advertising_writing .tabs-table .tab-content .corporatepackages {
  background: var(--Blue-Light-Blue, #D7E6EE);
  border: none;
}
.advertising_writing .tabs-table .tab-content .corporatepackages .corporatepackagesdesc h2 {
  color: var(--Dark-Blue-400, #132028);
}
.advertising_writing .tabs-table .tab-content .corporatepackages .corporatepackagesdesc p {
  color: var(--Dark-Blue-400, #132028);
}
.advertising_writing .tabs-table .tab-content .corporatepackages .corporatepackagesdesc .exploreBtn {
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue, #89C1FF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  max-width: 186px;
}

.socialmedia_writing .tabs-table .tab-content .corporatepackages .corporatepackagesdesc .exploreBtn {
  max-width: 186px;
}

.service-landing {
  background: url(../images/landing-desktopbg.png) no-repeat top center;
  background-size: cover;
}
.service-landing .aboutText {
  padding: 182px 0px;
}

.becomePartner {
  background: url(../images/partnerbg.png) no-repeat top center;
  background-size: cover;
}
.becomePartner .aboutText {
  padding: 182px 0px;
}

.whattakes_wrapper {
  background: url(../images/desktopbenefits.png) no-repeat top center;
  padding: 88px 0px;
  background-size: cover;
}
.whattakes_wrapper .whattakesMain {
  max-width: 1440px;
  margin: auto;
  display: flex;
  gap: 48px;
}
.whattakes_wrapper .whattakesMain .whattakesLeft, .whattakes_wrapper .whattakesMain .whattakesRight {
  width: 356px;
  max-width: 100%;
}
.whattakes_wrapper .whattakesMain .whattakesCenter {
  max-width: 632px;
  padding: 56px 112px;
  border-radius: 16px;
  border: 1px solid var(--Dark-Blue-200, #2A353D);
  background: var(--Dark-Blue-Transperent-Dark-Blue, rgba(42, 53, 61, 0.2));
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.whattakes_wrapper .whattakesMain .whattakesCenter h3 {
  color: var(--White-Almost-White, #FAFAFA);
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 55.2px */
  margin-bottom: 24px;
}
.whattakes_wrapper .whattakesMain .whattakesCenter p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  color: var(--White-Almost-White, #FAFAFA);
  margin-bottom: 0px;
}

/*M CSS START*/
form {
  /* Forget PAssword*/
}
form label {
  color: var(--Dark-Blue-400, #132028);
  /* Button/Capt & Button (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
form .form-control {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--Dark-Blue-100, #768895);
  opacity: 0.56;
  background: var(--White-Almost-White, #FAFAFA);
  color: var(--Dark-Blue-100, #768895);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 20px */
  max-height: 52px;
}
form .border-dashes {
  border: 1px dashed var(--Dark-Blue-100, #768895);
  opacity: 0.56;
}
form span a {
  color: var(--Blue-Secondary-Blue, #5D99C3);
  /* Body/Body (Small) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
form .form-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 24px;
}
form .black-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
form .black-button a {
  color: var(--Blue-Blue, #89C1FF);
}
form .forgot-password a {
  color: var(--Dark-Blue-400, #132028);
  text-align: end;
  /* Button/Capt & Button (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
form h4 {
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  /* Headings/H4 */
  font-family: "Anton", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 36.8px */
}
form p {
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  /* Body/Body (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
}

/*Sign UP PAGE*/
.signUp {
  background-image: url("../images/Signup_Hero.svg");
  background-size: cover;
}
.signUp .signUp-Title h1 {
  padding: 182.5px 0 143.5px 0;
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  margin-bottom: 0px;
  /* Headings/H1 */
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
}

.Signup-Detail {
  background-image: url("../images/signup-form-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 112px 0;
}
.Signup-Detail .Signup-Form {
  border-radius: 16px;
  background: var(--White-Almost-White, #FAFAFA);
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
  margin: auto;
  width: 707px;
  max-width: 100%;
}
.Signup-Detail .Signup-Form .becomePartnerform .robotbtn {
  margin-top: 20px;
}
.Signup-Detail .Signup-Form .becomePartnerform .robotbtn .signupbtn {
  width: 319px;
  justify-content: center;
}

/* Term And Condition */
.TermsConditions {
  background-image: url("../images/Signup_Hero.svg");
  background-size: cover;
}
.TermsConditions .TermsConditions_Title h1 {
  padding: 182.5px 0 143.5px 0;
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  margin-bottom: 0px;
  /* Headings/H1 */
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
}

.TermsConditions-Detail {
  background-image: url("../images/signup-form-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 112px 240px;
}
.TermsConditions-Detail .TermsConditions-Data {
  border-radius: 16px;
  background: var(--White-Almost-White, #FAFAFA);
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
  display: flex;
  flex-direction: column;
  padding: 56px;
  gap: 32px;
}
.TermsConditions-Detail .TermsConditions-Data .items h5 {
  color: var(--Dark-Blue-400, #132028);
  margin-bottom: 16px;
  /* Headings/H5 */
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 27.6px */
}
.TermsConditions-Detail .TermsConditions-Data .items p {
  color: var(--Dark-Blue-400, #132028);
  margin-bottom: 32px;
  /* Body/Body (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
}
.TermsConditions-Detail .TermsConditions-Data .items p:last-child {
  margin-bottom: 0px;
}

/* Account Details PAGE*/
.Account {
  background-image: url("../images/Signup_Hero.svg");
  background-size: cover;
}
.Account .Account-Title {
  padding: 182px 0px 88px 0px;
}
.Account .Account-Title h1 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
  margin-bottom: 16px;
}
.Account .Account-Title h1 span {
  color: #89C1FF;
}
.Account .Account-Title p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  margin-bottom: 0px;
  font-size: 16px;
}

.account-Details {
  background-image: url("../images/signup-form-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 112px 0px;
}
.account-Details .account-menus {
  margin: auto;
  width: 707px;
  max-width: 100%;
  padding: 0px 0 48px 0;
}
.account-Details .account-menus ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
.account-Details .account-menus ul .active a {
  background-color: var(--Dark-Blue-400, #132028);
  color: var(--Blue-Light-Blue, #D7E6EE);
  padding: 12px 20px;
  border-radius: 48px;
}
.account-Details .account-menus ul li a {
  color: var(--Dark-Blue-400, #132028);
  padding: 12px 20px;
  /* Button/Capt & Button (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  display: block;
}
.account-Details .account-menus ul li a:hover {
  background-color: var(--Dark-Blue-400, #132028);
  color: var(--Blue-Light-Blue, #D7E6EE);
  padding: 12px 20px;
  border-radius: 48px;
}
.account-Details .Account-form {
  max-width: 100%;
  width: 707px;
  margin: auto;
  border-radius: 16px;
  background: var(--White-White, #FFF);
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
}
.account-Details .form-button {
  padding: 48px 0 112px 0;
}

/* Order History */
.Order-History {
  padding: 0;
  max-width: 1440px;
  margin: auto;
}
.Order-History .table-data {
  border-radius: 16px;
  background: var(--White-Almost-White, #FAFAFA);
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
}
.Order-History .table-data table {
  width: 100%;
}
.Order-History .table-data table thead :first-of-type {
  border-top-left-radius: 16px;
}
.Order-History .table-data table thead :last-of-type {
  border-top-right-radius: 16px;
}
.Order-History .table-data table thead {
  background: var(--Dark-Blue-400, #132028);
}
.Order-History .table-data table thead tr, .Order-History .table-data table thead th {
  padding: 24px 56px;
  color: var(--Blue-Light-Blue, #D7E6EE);
  /* Button/Capt & Button (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
.Order-History .table-data table tbody tr, .Order-History .table-data table tbody td {
  padding: 24px 56px;
  color: var(--Dark-Blue-400, #132028);
  border-bottom: 2px solid var(--Blue-Light-Blue, #D7E6EE);
  /* Button/Capt & Button (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

/* Contact US Page*/
.contact {
  background: url("../images/contact-desktop.png") no-repeat top center;
  background-size: cover;
}
.contact .contact-Title {
  padding: 182px 0 74px 0;
}
.contact .contact-Title h1 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
  margin-bottom: 24px;
}
.contact .contact-Title h1 span {
  color: #89C1FF;
}
.contact .contact-Title p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  margin-bottom: 0px;
}

.contact-Detail {
  background-image: url("../images/signup-form-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 112px 0;
}
.contact-Detail .contact-info {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 0 24px 0;
  margin: auto;
  width: 892px;
}
.contact-Detail .contact-info .phone {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 32px;
  gap: 16px;
  border-radius: 17px;
  background: var(--White-Almost-White, #FAFAFA);
  /* Shadow */
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
}
.contact-Detail .contact-info .phone h5 {
  color: var(--Dark-Blue-400, #132028);
  margin-bottom: 0px;
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 27.6px */
}
.contact-Detail .contact-info .phone p {
  min-height: 40px;
  color: var(--Dark-Blue-200, #2A353D);
  text-align: start;
  padding: 0 !important;
  margin: 0;
  /* Body/Body (Medium) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 20px */
}
.contact-Detail .contact-form {
  border-radius: 16px;
  background: var(--White-Almost-White, #FAFAFA);
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
  margin: auto;
  display: block;
  max-width: 892px;
  width: 100%;
}
.contact-Detail .contact-form .form-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 24px;
}
.contact-Detail .contact-form .form-button .black-button {
  width: 30%;
}

/* Checkout Successfully Page*/
.checkout {
  background-image: url("../images/Signup_Hero.svg");
}
.checkout .shopping-title {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 24px !important;
}
.checkout .shopping-title h1 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  /* Headings/H1 */
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
}
.checkout .shopping-title p {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  /* Body/Body (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
}
.checkout .checkout-Title {
  padding: 182px 0 97px 0;
  display: flex;
  margin: auto;
  width: 662px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}
.checkout .checkout-Title h1 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  /* Headings/H1 */
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
}
.checkout .checkout-Title .lightblue-button {
  border-radius: 48px;
  background: #89C1FF;
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.checkout-History {
  padding: 112px 0px 112px 0px;
  background: url("../images/signup-form-bg.svg") no-repeat top center;
  background-size: cover;
  /* Shpooing cart page */
}
.checkout-History .checkoutInner {
  max-width: 1440px;
  margin: auto;
}
.checkout-History .table-data {
  max-width: 1440px;
  margin: auto;
  border-radius: 16px;
  background: var(--White-Almost-White, #FAFAFA);
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
}
.checkout-History .table-data table {
  width: 100%;
}
.checkout-History .table-data table thead tr th:last-child {
  text-align: right;
  border-top-right-radius: 16px;
}
.checkout-History .table-data table thead tr th:first-child {
  border-top-left-radius: 16px;
}
.checkout-History .table-data table thead {
  background: var(--Dark-Blue-400, #132028);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.checkout-History .table-data table thead .title-red {
  color: var(--Red-Light-Red, #EED7D7);
}
.checkout-History .table-data table thead tr, .checkout-History .table-data table thead th {
  padding: 32px 56px;
  color: var(--Blue-Light-Blue, #D7E6EE);
  /* Button/Capt & Button (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
.checkout-History .table-data table tbody .border-red {
  border-bottom: 2px solid var(--Red-Light-Red, #EED7D7);
}
.checkout-History .table-data table tbody tr, .checkout-History .table-data table tbody td {
  padding: 24px 56px;
  color: var(--Dark-Blue-400, #132028);
  border-bottom: 2px solid var(--Blue-Light-Blue, #D7E6EE);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  text-align: left;
  /* Shpooing cart page */
}
.checkout-History .table-data table tbody tr:last-child, .checkout-History .table-data table tbody td:last-child {
  text-align: right;
}
.checkout-History .table-data table tbody tr p, .checkout-History .table-data table tbody td p {
  color: var(--Dark-Blue-200, #2A353D);
  margin: 4px 0px 0px 0px;
  /* Body/Body (Medium) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 20px */
}
.checkout-History .table-data table tbody tr h5, .checkout-History .table-data table tbody td h5 {
  color: var(--Dark-Blue-400, #132028);
  margin: 0px;
  /* Headings/H5 */
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 27.6px */
}
.checkout-History .table-data table tbody tr .action-btn, .checkout-History .table-data table tbody td .action-btn {
  display: flex;
  align-items: center;
  gap: 16px;
}
.checkout-History .table-data table tbody tr:last-child td {
  padding: 31.5px 56px;
}
.checkout-History .shopping-cart-btn {
  display: flex;
  gap: 20px;
  justify-content: end;
  padding: 48px 0px 0px 0px;
}

/* Payment Failed */
.payment-failed {
  background-image: url("../images/payment-faield-hero.svg");
  background-size: cover;
}

.Payment-failed-History {
  background-image: url("../images/payment-faild-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

/* Secure Checkout PAge*/
.secure-checkout {
  background-image: url("../images/Signup_Hero.svg");
  background-size: cover;
}
.secure-checkout .secure-checkout-Title {
  padding: 182px 0 143px 0;
}
.secure-checkout .secure-checkout-Title h1 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  /* Headings/H1 */
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
}

.secure-checkout-detail {
  background-image: url("../images/signup-form-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 112px 0px;
}
.secure-checkout-detail .securecheoutWrapper {
  max-width: 1440px;
  margin: auto;
  display: flex;
  gap: 48px;
}
.secure-checkout-detail .billing-details {
  width: 50%;
  border-radius: 16px;
  background: var(--White-White, #FFF);
  /* Shadow */
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
}
.secure-checkout-detail .billing-details h4 {
  color: var(--Nuetral-Almost-Black, #0F0F0F);
  text-align: start;
  /* Headings/H4 */
  font-family: "Anton", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 36.8px */
  margin-bottom: 32px;
}
.secure-checkout-detail .cart {
  width: 664px;
  max-width: 100%;
}
.secure-checkout-detail .cart .cart-details {
  border-radius: 16px;
  background: var(--White-White, #FFF);
  padding: 56px;
  /* Shadow */
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
}
.secure-checkout-detail .cart .cart-details h4 {
  color: var(--Nuetral-Almost-Black, #0F0F0F);
  text-align: start;
  /* Headings/H4 */
  font-family: "Anton", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 36.8px */
  margin-bottom: 32px;
}
.secure-checkout-detail .cart .cart-details .cart-data .data {
  display: flex;
  padding: 24px 0px;
  justify-content: space-between;
  align-self: stretch;
  border-bottom: 1px solid var(--Blue-Light-Blue, #D7E6EE);
  align-items: center;
}
.secure-checkout-detail .cart .cart-details .cart-data .data p {
  color: var(--Dark-Blue-400, #132028);
  margin: 0px;
  /* Button/Capt & Button (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
.secure-checkout-detail .cart .cart-details .cart-data .data p small {
  color: var(--Dark-Blue-200, #2A353D);
  margin-top: 4px;
  display: block;
  /* Body/Body (Medium) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 20px */
}
.secure-checkout-detail .cart .cart-details .amount-data {
  display: grid;
  padding: 24px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.secure-checkout-detail .cart .cart-details .amount-data .couponcode {
  display: flex;
  height: 52px;
  gap: 16px;
}
.secure-checkout-detail .cart .cart-details .amount-data .couponcode .couponbox-input {
  border-radius: 8px;
  border: 1px solid var(--Dark-Blue-100, #768895);
  padding: 16px;
  max-width: 417px;
}
.secure-checkout-detail .cart .cart-details .amount-data form {
  padding: 0;
  width: 100%;
}
.secure-checkout-detail .cart .cart-details .amount-data .transparent-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 119px;
}
.secure-checkout-detail .cart .cart-details .amount-data .amount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.secure-checkout-detail .cart .cart-details .amount-data .amount strong {
  color: var(--Dark-Blue-200, #2A353D) !important;
  /* Button/Capt & Button (Big) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
.secure-checkout-detail .cart .cart-details .amount-data .grand-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding-top: 24px;
  border-top: 1px solid var(--Blue-Light-Blue, #D7E6EE);
}
.secure-checkout-detail .cart .cart-details .amount-data .grand-total h5 {
  color: var(--Dark-Blue-400, #132028);
  /* Headings/H5 */
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 27.6px */
}
.secure-checkout-detail .cart .cart-details .grand-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding-top: 24px;
  border-top: 1px solid var(--Blue-Light-Blue, #D7E6EE);
  margin-top: 24px;
}
.secure-checkout-detail .cart .cart-details .grand-total h5 {
  color: var(--Dark-Blue-400, #132028);
  margin-bottom: 0px;
  /* Headings/H5 */
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 27.6px */
}
.secure-checkout-detail .cart .secure-payment {
  display: flex;
  justify-content: end;
  gap: 40px;
  padding-top: 40px;
}

/* BrandnuWordsTeam PAge*/
.BradnuWordsTeam {
  padding: 112px 0;
  background-image: url("../images/signup-form-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.BradnuWordsTeam .BradnuWordsTeam-Title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  padding-bottom: 48px;
  margin: auto;
}
.BradnuWordsTeam .BradnuWordsTeam-Title h2 {
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 55.2px */
  margin-bottom: 0px;
}
.BradnuWordsTeam .BradnuWordsTeam-Title p {
  width: 460px;
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
}
.BradnuWordsTeam .BradnuWordsTeam-form {
  width: 100%;
  max-width: 892px;
  margin: auto;
  border-radius: 16px;
  background: var(--White-Almost-White, #FAFAFA);
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
}

.becomePartnerform {
  padding: 56px;
}
.becomePartnerform .formbox {
  width: 100%;
  margin-bottom: 20px;
}
.becomePartnerform .formbox select {
  background: url(../images/dropdown-arrow.svg) no-repeat 98% 50%;
  opacity: 1;
  color: var(--Dark-Blue-400, #132028);
  /* Body/Body (Medium) */
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 20px */
}
.becomePartnerform .forminfobox {
  display: flex;
  gap: 20px;
}
.becomePartnerform textarea {
  max-height: 52px;
}

.form-check-input:checked {
  background-color: #132028;
  border-color: #132028;
}

.robotbtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.robotbtn .black-button {
  max-width: 228px;
  max-height: 52px;
}

.uploadfileBtn input {
  background: url(../images/upload.svg) no-repeat 98% 50%;
  width: 100%;
  height: 52px;
  padding: 12px 16px 16px 16px;
  border-radius: 8px;
  border: 2px dashed var(--Dark-Blue-100, #768895);
  opacity: 0.56;
  max-height: 52px;
}
.uploadfileBtn ::-webkit-file-upload-button {
  display: none;
}

.commontitle {
  padding: 182px 0px 97px 0px;
}
.commontitle h1 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 73.6px */
  margin-bottom: 24px;
}
.commontitle h1 span {
  color: #89C1FF;
}
.commontitle p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  text-align: center;
  color: var(--White-Almost-White, #FAFAFA);
  margin-bottom: 0px;
}
.commontitle p br {
  display: none;
}
.commontitle .lightblue-button {
  border-radius: 48px;
  background: #89C1FF;
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  max-width: 169px;
  padding: 16px 23px;
  margin: 8px auto 0px auto;
}

/* Mobile ORder History */
.Mobile-orderHistory {
  padding: 40px 24px;
  background-image: url("../images/signup-form-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  /* Shpooing cart page */
}
.Mobile-orderHistory .border-red {
  border-bottom: 2px solid var(--Red-Light-Red, #EED7D7) !important;
}
.Mobile-orderHistory .order-card {
  padding: 24px;
  background: var(--White-Almost-White, #FAFAFA);
  border-bottom: 2px solid var(--Blue-Light-Blue, #D7E6EE);
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
}
.Mobile-orderHistory .order-card .order-card-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.Mobile-orderHistory .order-card .order-card-body p {
  color: var(--Dark-Blue-400, #132028);
  /* Button/Capt & Button (Small) */
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 16.1px */
  text-transform: capitalize;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.Mobile-orderHistory .order-card .order-card-body p span {
  color: var(--Dark-Blue-100, #768895);
  text-align: center;
  /* Button/Capt & Button (Small) */
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 16.1px */
  text-transform: capitalize;
}
.Mobile-orderHistory .order-card .order-card-body p small {
  color: var(--Dark-Blue-200, #2A353D);
  /* Body/Body (Small) */
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 17.5px */
}
.Mobile-orderHistory .order-card .order-card-body .total-data {
  display: flex;
  justify-content: space-between;
}
.Mobile-orderHistory .order-card .order-card-body .total-data h6 {
  color: var(--Dark-Blue-400, #132028);
  margin-bottom: 0px;
  /* Headings/H6 */
  font-family: "Anton", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 23px */
}
.Mobile-orderHistory .order-card .order-card-body .mobile-action-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Mobile-orderHistory .order-card .order-card-body .mobile-action-btn .action-img {
  display: flex;
  gap: 16px;
}
.Mobile-orderHistory .order-card .order-card-body .mobile-action-btn .action-img img {
  max-width: 20px;
}
.Mobile-orderHistory .shopping-cart-btn {
  display: flex;
  padding-top: 40px;
  flex-direction: column;
  gap: 12px;
}
.Mobile-orderHistory .shopping-cart-btn .black-button, .Mobile-orderHistory .shopping-cart-btn .transparent-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Mobile-orderHistory .order-card:first-of-type {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.Mobile-orderHistory .order-card:last-of-type {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.secure-checkout .commontitle {
  padding: 182px 0px 143px 0px;
}

.securecheoutWrapper {
  max-width: 1440px;
  margin: auto;
}

.couponbox-input {
  border-radius: 8px;
  border: 1px solid var(--Dark-Blue-100, #768895);
  color: var(--Dark-Blue-100, #768895);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 20px */
}

.checkboxForm {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 12px;
}
.checkboxForm input {
  width: 20px;
  height: 20px;
}
.checkboxForm span a {
  color: var(--Blue-Secondary-Blue, #5D99C3);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.payment-failed .commontitle .lightblue-button {
  max-width: 146px;
}

.signupbtn {
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue, #89C1FF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

.login-btn {
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue, #89C1FF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  justify-content: center;
}

.resetBtn {
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue, #89C1FF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  width: 319px;
  max-width: 100%;
  justify-content: center;
}

.savenewpass {
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue, #89C1FF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  justify-content: center;
}

.savechanges-btn {
  display: block;
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue, #89C1FF);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  max-width: 180px;
  padding: 16px 23px;
  margin: 48px auto 0px auto;
}

.zipcode {
  max-width: 202px;
}

.error-page {
  position: relative;
}
.error-page .error-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 400px;
  text-align: center;
}
.error-page .error-content h2 {
  color: var(--White-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 224px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 257.6px */
  letter-spacing: 15px;
  max-height: 224px;
  margin-bottom: 24px;
}
.error-page .error-content p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  color: var(--White-Almost-White, #FAFAFA);
}
.error-page .error-content .errorbtns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  gap: 20px;
}
.error-page .error-content .errorbtns .backhomebtn {
  border-radius: 48px;
  background: #89C1FF;
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}
.error-page .error-content .errorbtns .explreservicebtn {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  background: var(--Blue-Light-Blue, #D7E6EE);
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
}

/*POPUP CSS START*/
/* PopUP Step 1 */
.popup .popup-data {
  border-radius: 16px;
  background: var(--White-Almost-White, #fafafa);
  box-shadow: 16px 16px 32px 0px rgba(128, 128, 128, 0.16);
  padding: 56px;
  margin: auto;
}
.popup .popup-data .divider {
  background: #d7e6ee;
  height: 2px;
}
.popup .popup-data .popup-Title h4 {
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 36.8px */
  margin-bottom: 16px;
}
.popup .popup-data .popup-Title p {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 22.5px */
  margin: 0;
  text-align: center;
}
.popup .popup-data .popup-Title .checkout-btn {
  margin-top: 32px;
  width: 100%;
  max-width: 166px;
}
.popup .popup-data .popup-form {
  padding: 40px 0;
}
.popup .popup-data .popup-form .form-box {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.popup .popup-data .popup-form .form-box .form-controls-input {
  width: 100% !important;
  max-width: 741px !important;
}
.popup .popup-data .popup-form .form-box .input-select {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 52px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--Dark-Blue-100, #768895);
  opacity: 0.56;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  background: url("../images/chevron-down.svg") no-repeat center right 0.75rem;
}
.popup .popup-data .popup-form .form-box .form-controls {
  height: 82px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 358.5px;
}
.popup .popup-data .popup-form .form-box .form-controls .form-label {
  color: var(--Dark-Blue-400, #132028);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  margin: 0;
}
.popup .popup-data .popup-form .form-box .form-controls .form-input {
  height: 52px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--Dark-Blue-100, #768895);
  opacity: 0.56;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.popup .popup-data .Qulity {
  padding: 40px 0;
}
.popup .popup-data .Qulity .qulity-Title {
  margin-bottom: 24px;
}
.popup .popup-data .Qulity .qulity-Title h5 {
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 27.6px */
}
.popup .popup-data .Qulity .Qulity-menu {
  width: 100%;
  max-width: 375px;
  margin: auto;
}
.popup .popup-data .Qulity .Qulity-menu ul {
  display: flex;
  padding: 16px 0px;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
.popup .popup-data .Qulity .Qulity-menu ul li .active {
  color: var(--White-White, #fff);
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  padding: 16px 24px;
}
.popup .popup-data .Qulity .Qulity-menu ul li a {
  color: var(--Dark-Blue-400, #132028);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  text-transform: capitalize;
  padding: 16px 24px;
}
.popup .popup-data .Qulity .Qulity-menu ul li a:hover {
  color: var(--White-White, #fff);
  border-radius: 48px;
  background: var(--Dark-Blue-400, #132028);
  padding: 16px 24px;
}
.popup .popup-data .total {
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}
.popup .popup-data .total .total-amount {
  display: flex;
  justify-content: space-between;
}
.popup .popup-data .total .total-amount h5 {
  margin: 0;
  color: var(--Dark-Blue-400, #132028);
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 27.6px */
}
.popup .popup-data .popup-buttons {
  display: flex;
  gap: 20px;
}
.popup .popup-data .popup-buttons .transparent-button {
  display: flex;
  justify-content: center;
  height: 52px;
  width: 100%;
  max-width: 360px;
}
.popup .popup-data .popup-buttons .black-button {
  display: flex;
  justify-content: center;
  height: 52px;
  width: 100%;
  max-width: 360px;
}

/*POPUP CSS END*/
.pricemodalModalbox .modal-dialog {
  width: 100%;
  max-width: 853px;
}
.pricemodalModalbox .modal-dialog .btn-close {
  position: absolute;
  right: 32px;
  top: 32px;
}

.creative-writingMain .tabs-table .tab-content .corporatepackages .corporatepackagesdesc .exploreBtn {
  max-width: 186px;
}

.menuclose {
  display: none;
}

a[aria-expanded=true] .menuopen {
  display: none;
}
a[aria-expanded=true] .menuclose {
  display: block;
}

.desktopError {
  position: relative;
  overflow: hidden;
  max-height: 784px;
}
.desktopError video {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.desktopError::after {
  content: "";
  background: #132028;
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  opacity: 0.8;
}

.forgotpasswordbox h4 {
  margin-bottom: 16px;
}
.forgotpasswordbox p {
  margin-bottom: 24px;
}

.checkout_success .commontitle {
  padding: 182px 0px 86px 0px;
}
.checkout_success .commontitle h1 {
  margin-bottom: 32px;
}/*# sourceMappingURL=style.css.map */