@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Sora:wght@100;200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap");
:root {
  --orchid: #FFA4B9;
  --br-blue: #FFA4B9;
  --henn1nk: #ffffffb3;
  --spice: #FFA4B9;
  --classColour: #FFA4B9;
  --parColour: #A9F3E2;
}

.normal-form .form-label {
  font-family: "Sora", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 6px;
}

.normal-form textarea {
  min-height: 126px;
  resize: none;
}

.normal-form .form-control,
.normal-form .form-select {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 16px 20px;
  font-family: "Sora", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
  border: 0;
  border-radius: 8px;
}

.normal-form .form-control::placeholder,
.normal-form .form-select::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.normal-form .form-select {
  background: url(../images/select-icon.svg) no-repeat center right 20px;
  background-color: #ffffff33;
}

.normal-form .form-select::placeholder {
  text-transform: uppercase;
}

.normal-form .form-select option {
  color: black;
}

.normal-form .form-check-input {
  border: 1.5px solid #AEB1C1;
  width: 16.67px;
  height: 16.67px;
  background-color: transparent;
}

.normal-form .form-check-input:checked {
  background-image: url(../images/checked-icon.svg);
  background-size: contain;
  border: 0 solid #AEB1C1;
}

.normal-form .form-check-label {
  font-family: "Sora", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.6);
}

.normal-form .form-check-label a {
  color: white;
  text-decoration: none;
}

.normal-form button {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
  border: 0;
}

.normal-form .phonebutton button {
  background: rgba(255, 255, 255, 0.2);
  padding: 16px 12px 16px 14px;
}

.normal-form .phonebutton .form-control {
  margin-left: 0 !important;
  padding-left: 0;
}

body {
  background-color: #212121;
}

.welcome-sec {
  min-height: 960px;
  background: url(../images/welcome-bg..png) no-repeat center center;
  background-size: cover;
  position: relative;
  padding-top: 311px;
}

.welcome-sec .welcome-content-sec {
  max-width: 616px;
  position: relative;
}

.welcome-sec .welcome-content-sec::after {
  content: "";
  position: absolute;
  width: 776px;
  height: 300px;
  background: url(../images/welcomContentPattern.png) no-repeat center;
  background-size: contain;
  bottom: -122px;
  left: -167px;
}

.welcome-sec .welcome-content-sec h1 {
  font-family: "Sora", sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0em;
  color: white;
  margin-bottom: 32px;
}

.welcome-sec .welcome-content-sec h1 span {
  color: #E8496E;
}

.welcome-sec .welcome-content-sec p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: white;
  margin-bottom: 40px;
}

.welcome-sec .welcome-content-sec a {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.welcome-sec .welcomeImgWrap {
  position: relative;
}

.welcome-sec .welcomeImgWrap::after {
  content: "";
  position: absolute;
  background: url(../images/arrow-img.png) no-repeat center;
  background-size: contain;
  width: 543px;
  height: 317px;
  left: -55px;
  bottom: -286px;
}

.welcome-sec .scrollExplore {
  position: absolute;
  bottom: 61px;
}

.welcome-sec .scrollExplore a {
  text-decoration: none;
}

.welcome-sec .scrollExplore span {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: white;
  margin: 0 0 0 16px;
  display: inline-block;
  text-transform: uppercase;
}

.empowerTech-sec {
  max-width: 92%;
  margin: auto;
  background: url(../images/empowerTech-sec-bg.png) no-repeat top right;
  background-size: cover;
  border-radius: 16px;
  padding: 96px 24px;
}

.empowerTech-sec h2 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  text-align: center;
  color: white;
  margin-bottom: 84px;
}

.empowerTech-sec .empowerTech-wrap {
  max-width: 1257px;
  margin: auto;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.empowerTech-sec .empowerTech-wrap .empowerTech-item {
  flex: 0 1 342px;
  width: 100%;
  padding: 24px 24px 24px 0;
}

.empowerTech-sec .empowerTech-wrap .empowerTech-item h3 {
  font-family: "Sora", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: white;
  margin: 24px 0 18px 0;
}

.empowerTech-sec .empowerTech-wrap .empowerTech-item p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.littleWho-sec {
  margin-top: 128px;
}

.littleWho-sec .littleWhoImg-wrap {
  position: relative;
}

.littleWho-sec .littleWhoImg-wrap::after {
  content: "";
  position: absolute;
  width: 543px;
  height: 259px;
  left: 196px;
  bottom: -229px;
  background: url(../images/littleWhoImg-arrow.svg) no-repeat center;
  background-size: contain;
}

.littleWho-sec .littleWho-content {
  max-width: 616px;
  margin-left: auto;
}

.littleWho-sec .littleWho-content h2 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
  text-transform: capitalize;
  color: white;
}

.littleWho-sec .littleWho-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 32px;
}

.littleWho-sec .littleWho-content .little-list {
  margin-bottom: 32px;
  display: flex;
  gap: 16px;
  align-items: baseline;
}

.littleWho-sec .littleWho-content .little-list p {
  color: white;
  margin-bottom: 0;
  max-width: 353px;
}

.littleWho-sec .littleWho-content a {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
  margin-top: 40px;
}

.powerfulResources-sec {
  margin-top: 226px;
}

.powerfulResources-sec h4 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  color: white;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 64px;
}

.powerfulResources-sec .view-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
  margin-top: 40px;
}

.powerfulResources-sec .powerFulResources-card {
  display: flex;
  gap: 25px;
}

.powerfulResources-sec .powerFulResources-card .powerFulResources-card-items {
  flex: 1 1 auto;
}

.common-card {
  max-width: 340px;
  height: 602px;
  background: linear-gradient(115.18deg, #383838 0%, #252525 88.54%);
  border-radius: 16px;
  padding: 32px 30px 30px;
}

.common-card .img-wrap {
  position: relative;
  margin-bottom: 24px;
}

.common-card .img-wrap span {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: #212121;
  padding: 7px 12px 5px 12px;
  background: #FFFFFF;
  border-radius: 16px;
  display: inline-block;
  text-transform: uppercase;
  position: absolute;
  left: 16px;
  top: 16px;
}

.common-card h4 {
  font-family: "Sora", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: left;
  color: white;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.common-card .reviews-wrap {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.common-card .reviews-wrap p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  line-height: 1;
}

.common-card .price-sec {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}

.common-card .price-sec h5 {
  font-family: "Sora", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.10000000149011612px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration-line: line-through;
  margin: 0;
}

.common-card .price-sec h4 {
  font-family: "Sora", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: left;
  color: white;
  margin: 0;
}

.common-card .findMore-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}

.common-card .findMore-wrap a {
  text-decoration: none;
}

.common-card .findMore-wrap .find-btn {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: white;
  text-transform: uppercase;
  padding: 18px 32px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  display: inline-block;
  flex: 1 1 auto;
  padding: 18px;
  text-align: center;
}

.common-card .findMore-wrap .cart-btn {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border: 1px solid #ffffff33;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.needHelp-sec {
  max-width: 92%;
  margin: 119px auto auto auto;
  background: url(../images/needHelp-sec-bg.png) no-repeat center;
  background-size: cover;
  border-radius: 16px;
  padding: 64px 24px;
}

.needHelp-sec .needHelp-content {
  max-width: 616px;
}

.needHelp-sec .needHelp-content h4 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 24px;
}

.needHelp-sec .needHelp-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 92px;
}

.needHelp-sec .needHelp-content a {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.needHelp-sec .needHelp-imgWrap {
  position: relative;
}

.needHelp-sec .needHelp-imgWrap::after {
  content: "";
  position: absolute;
  bottom: -194px;
  left: -55px;
  background: url(../images/needHelp-arrow-img.svg) no-repeat center;
  background-size: contain;
  width: 543px;
  height: 233px;
}

.waitAny-sec {
  padding: 64px 0;
  margin-top: 120px;
  background: url(../images/waitAny-bg.png) no-repeat center right;
  background-color: #AB2D4A;
}

.waitAny-sec h6 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 48px;
  max-width: 775px;
}

.waitAny-sec a {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.about-top-sec {
  min-height: 896px;
  padding-top: 264px;
}

.about-top-sec .about-top-img-wrap {
  position: relative;
}

.about-top-sec .about-top-img-wrap img {
  filter: drop-shadow(0px 24px 48px rgba(0, 0, 0, 0.32));
  backdrop-filter: blur(28px);
}

.about-top-sec .about-top-img-wrap::after {
  content: "";
  position: absolute;
  background: url(../images/about-top-imgPattern.png) no-repeat center;
  background-size: contain;
  height: 300px;
  width: 776px;
  bottom: -72px;
  left: -160px;
  z-index: -1;
}

.about-top-sec .about-top-content {
  max-width: 616px;
  margin-left: auto;
}

.about-top-sec .about-top-content h1 {
  font-family: "Sora", sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0em;
  color: white;
  margin-bottom: 32px;
}

.about-top-sec .about-top-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: white;
  margin-bottom: 40px;
}

.about-top-sec .about-top-content a {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.allowUs-sec {
  max-width: 92%;
  margin: auto;
  background: url(../images/empowerTech-sec-bg.png) no-repeat top right;
  background-size: cover;
  border-radius: 16px;
  padding: 80px 24px;
  margin-bottom: 119px;
}

.allowUs-sec .allowUs-content {
  max-width: 707px;
}

.allowUs-sec .allowUs-content h2 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 16px;
}

.allowUs-sec .allowUs-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 32px;
  color: #FFFFFF;
}

.allowUs-sec .allowUs-content a {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.allowUs-sec .allowUs-Img-wrap {
  position: relative;
}

.allowUs-sec .allowUs-Img-wrap::after {
  content: "";
  position: absolute;
  background: url(../images/allowUs-Img-wrap-img.png) no-repeat center;
  background-size: contain;
  width: 543px;
  height: 259px;
  left: -34px;
  bottom: -218px;
}

.discoverOur-sec {
  margin: 152px 0 188px 0;
}

.discoverOur-sec .discoverOur-content {
  max-width: 616px;
  margin-left: auto;
}

.discoverOur-sec .discoverOur-content h2 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  color: white;
  text-transform: capitalize;
  margin-bottom: 24px;
}

.discoverOur-sec .discoverOur-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.discoverOur-sec .discoverOur-content a {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.discoverOur-sec .discoverImg-wrap {
  position: relative;
}

.discoverOur-sec .discoverImg-wrap::after {
  position: absolute;
  content: "";
  background: url(../images/discoverImg-wrap-img.png) no-repeat center;
  background-size: contain;
  width: 543px;
  height: 233px;
  left: 232px;
  bottom: -201px;
}

.oneOnOne-top-sec {
  min-height: 799px;
  padding-top: 212px;
  background: url(../images/oneOnOne-top-sec-bg.png) no-repeat top left;
  background-size: cover;
}

.oneOnOne-top-sec .oneOnOne-top-content {
  max-width: 708px;
}

.oneOnOne-top-sec .oneOnOne-top-content h1 {
  font-family: "Sora", sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0em;
  color: white;
  margin-bottom: 32px;
}

.oneOnOne-top-sec .oneOnOne-top-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0em;
  color: white;
  margin-bottom: 0;
}

.oneOnOne-top-sec .unlockYour-img-wrap {
  position: relative;
  position: relative;
  top: -77px;
  left: 88px;
}

.oneOnOne-top-sec .unlockYour-img-wrap img {
  position: relative;
  z-index: 3;
}

.oneOnOne-top-sec .unlockYour-img-wrap::after {
  position: absolute;
  content: "";
  background: url(../images/unlockYour-imgPattern-bg.png) no-repeat center;
  background-size: contain;
  width: 776px;
  height: 300px;
  top: 293px;
  left: 9px;
  z-index: 1;
}

.oneOnOne-top-sec .unlockYour-img-wrap::before {
  position: absolute;
  content: "";
  background: url(../images/unlockYour-imgArrow.png) no-repeat center;
  background-size: contain;
  width: 543px;
  height: 259px;
  top: 422px;
  left: -114px;
  z-index: 4;
}

.wondering-sec {
  margin-bottom: 128px;
}

.personalised-sec {
  max-width: 1440px;
  margin: 0 auto 120px auto;
  display: flex;
}

.personalised-sec .personalised-content {
  padding: 40px 48px;
  background: linear-gradient(115.18deg, #383838 0%, #252525 88.54%);
  border-radius: 16px;
  max-width: 708px;
  width: 100%;
}

.personalised-sec .personalised-content h2 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 20px;
}

.personalised-sec .personalised-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 48px;
}

.personalised-sec .personalised-img-wrap {
  margin-left: -87px;
  position: relative;
  z-index: -1;
}

.store-top-sec {
  min-height: 816px;
  background: url(../images/store-top-img.png) no-repeat top left;
  background-size: contain;
  padding-top: 260px;
}

.store-top-sec .store-top-content {
  max-width: 616px;
  margin-left: auto;
}

.store-top-sec .store-top-content h1 {
  font-family: "Sora", sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0em;
  margin-bottom: 32px;
  color: white;
}

.store-top-sec .store-top-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  color: white;
}

.store-top-sec .storeTopImg-wrap {
  position: relative;
}

.store-top-sec .storeTopImg-wrap img {
  position: relative;
  z-index: 2;
}

.store-top-sec .storeTopImg-wrap::after {
  content: "";
  position: absolute;
  background: url(../images/storeTopImg-pattern.png);
  width: 776px;
  height: 300px;
  background-size: contain;
  top: 167px;
  left: -162px;
  z-index: 1;
}

.store-top-sec .storeTopImg-wrap::before {
  content: "";
  position: absolute;
  z-index: 3;
  background: url(../images/storeTopImg-arrow.png) no-repeat center;
  background-size: contain;
  width: 543px;
  height: 259px;
  top: 329px;
  left: 226px;
}

.store-product-sec {
  max-width: 92%;
  margin: 96px auto 120px auto;
  padding: 56px 24px;
  background: url(../images/store-product-img.png) no-repeat center center;
  background-size: cover;
  border-radius: 16px;
}

.store-product-sec .store-Product-wrap {
  margin-bottom: 40px;
}

.store-product-sec .store-Product-wrap h3 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  margin-bottom: 0;
  color: white;
}

.store-product-sec .store-Product-wrap .filter-wrap {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: end;
}

.store-product-sec .store-Product-wrap .filter-wrap .sort-input {
  max-width: 342px;
  width: 100%;
}

.store-product-sec .store-Product-wrap .filter-wrap .sort-input .form-select {
  background: url(../images/select-icon.svg) no-repeat center right 20px;
  background-color: #ffffff33;
  border-radius: 8px;
  padding: 16px 20px;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: white;
  text-transform: uppercase;
  border: 0;
  text-align: left;
}

.store-product-sec .store-Product-wrap .filter-wrap .sort-input .form-select option {
  color: black;
}

.store-product-sec .store-Product-wrap .filter-wrap .filter-btn {
  max-width: 159px;
  width: 100%;
  display: inline-block;
  padding: 16px 20px;
  background-color: #ffffff33;
  border-radius: 8px;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  gap: 12px;
  align-items: center;
}

.store-product-sec .store-Product-wrap .filter-wrap .filter-btn[aria-expanded="true"] {
  background: rgba(255, 128, 157, 0.2);
}

.store-product-sec .storeProductCart-wrap {
  margin-bottom: 40px;
}

.store-product-sec .store-product-pagination {
  margin-top: 56px;
}

.store-product-sec .store-product-pagination .pagination {
  justify-content: center;
  padding: 0;
  margin: 0;
  gap: 16px;
}

.store-product-sec .store-product-pagination .pagination .page-link {
  padding: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #262626;
  border: 1px solid #515151;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.6);
}

.store-product-sec .store-product-pagination .pagination .page-link.active {
  color: white;
  border: 1px solid #FF809D !important;
}

.store-product-sec .store-product-pagination .pagination .pre-link,
.store-product-sec .store-product-pagination .pagination .next-link {
  border: 0px solid transparent;
  background: linear-gradient(115.18deg, #383838 0%, #252525 88.54%);
}

#collapseFilter {
  margin-top: 24px;
}

#collapseFilter .card-body {
  background: #373737;
  border-radius: 8px;
  padding: 0;
}

#collapseFilter .card-body .filter-sec {
  padding: 32px;
}

#collapseFilter .card-body .filter-sec h4 {
  font-family: "Sora", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: left;
  color: white;
  margin-bottom: 28px;
}

#collapseFilter .card-body .filter-sec .form-check-input {
  border: 1.5px solid #AEB1C1;
  width: 16.67px;
  height: 16.67px;
  background-color: transparent;
}

#collapseFilter .card-body .filter-sec .form-check-input:checked {
  background-image: url(../images/checked-icon.svg);
  background-size: contain;
  border: 0 solid #AEB1C1;
}

#collapseFilter .card-body .filter-sec .form-check-input:checked + .form-check-label {
  color: white;
}

#collapseFilter .card-body .filter-sec .form-check-label {
  font-family: "Sora", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.6);
}

#collapseFilter .card-body .filter-sec .filter-items-wrap {
  display: flex;
  max-width: 495px;
  justify-content: space-between;
}

#collapseFilter .card-body .filter-sec .filter-items .form-group {
  margin-bottom: 20px;
}

#collapseFilter .card-body .filter-sec-wrap {
  display: flex;
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.2);
}

#collapseFilter .card-body .filter-sec-wrap .filter-sec {
  flex: 1 1 auto;
}

#collapseFilter .card-body .filter-sec-wrap .filter-right-sec {
  border-left: 1.5px solid rgba(255, 255, 255, 0.2);
}

#collapseFilter .card-body .button-wrap {
  padding: 24px 32px;
  display: flex;
  justify-content: end;
  gap: 24px;
}

#collapseFilter .card-body .button-wrap .clear-btn {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: white;
  text-transform: uppercase;
  padding: 18px 32px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  background: transparent;
}

#collapseFilter .card-body .button-wrap .apply-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
  border: 0;
}

.productPage-sec {
  padding-top: 208px;
  background: url(../images/store-top-img.png) no-repeat top left;
  background-size: contain;
  position: relative;
}

.productPage-sec .productPage-content {
  max-width: 708px;
  margin-left: auto;
}

.productPage-sec .productPage-content > span {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  display: inline-block;
  padding: 7px 12px 5px 12px;
  background: #FFFFFF;
  border-radius: 16px;
  text-transform: uppercase;
  color: #212121;
  margin-bottom: 32px;
}

.productPage-sec .productPage-content h1 {
  font-family: "Sora", sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0em;
  color: white;
  margin-bottom: 24px;
}

.productPage-sec .productPage-content h6 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: #FF809D;
  margin-bottom: 24px;
}

.productPage-sec .productPage-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: white;
  margin-bottom: 28px;
}

.productPage-sec .productPage-content p a {
  color: #31ECBF;
  text-transform: uppercase;
}

.productPage-sec .productPage-content h3 {
  font-family: "Sora", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 32px;
}

.productPage-sec .productPage-content .addToCart-wrap {
  display: flex;
  gap: 64px;
}

.productPage-sec .productPage-content .addToCart-wrap .addToCart-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.productPage-sec .productPageImg-wrap {
  position: relative;
}

.productPage-sec .productPageImg-wrap img {
  position: relative;
  z-index: 2;
}

.productPage-sec .productPageImg-wrap::after {
  content: "";
  position: absolute;
  z-index: 1;
  background: url(../images/productPages-pattern-img.png) no-repeat center;
  background-size: contain;
  width: 776px;
  height: 300px;
  top: 224px;
  left: -160px;
}

.productPage-sec .productPageImg-wrap::before {
  content: "";
  position: absolute;
  z-index: 3;
  background: url(../images/productPages-arrow-img.png) no-repeat center;
  background-size: contain;
  width: 543px;
  height: 259px;
  top: 579px;
  left: 203px;
}

.empowerProduct-wrap {
  margin-top: 126px;
}

.addToCart-Num {
  max-width: 136px;
}

.addToCart-Num .input-wrapper {
  border: 1px solid #4d4d4d;
  border-radius: 28px;
  display: flex;
  padding: 16px;
}

.addToCart-Num .input-wrapper input[type="number"]::-webkit-inner-spin-button,
.addToCart-Num .input-wrapper input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.addToCart-Num .input-wrapper input[type="number"] {
  -moz-appearance: textfield;
}

.addToCart-Num .input-wrapper button,
.addToCart-Num .input-wrapper input {
  background: transparent;
  border: 0;
  padding: 0;
}

.addToCart-Num .input-wrapper input {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.6);
  width: 56px;
  text-align: center;
}

.faq-productPage-sec {
  margin-top: 116px;
  min-height: 759px;
  padding: 120px 0;
  background: url(../images/faq-img.png) no-repeat center;
  background-size: cover;
}

.faq-productPage-sec .faqProductPage-content {
  max-width: 525px;
}

.faq-productPage-sec .faqProductPage-content h3 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 24px;
}

.faq-productPage-sec .faqProductPage-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: white;
  margin-bottom: 40px;
}

.faq-productPage-sec .faqProductPage-content a {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.faq-productPage-sec .faq-main-content {
  max-width: 799px;
  margin-left: auto;
}

.faq-productPage-sec .faq-main-content .accordion-item {
  background: unset;
  border: 0;
  border-radius: 0;
  padding: 40px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.faq-productPage-sec .faq-main-content .first-accordion {
  border-top: 0;
  padding-top: 0;
}

.faq-productPage-sec .faq-main-content .accordion-button {
  background-color: unset;
  border: 0;
  border-radius: 0;
  box-shadow: unset;
}

.faq-productPage-sec .faq-main-content button {
  font-family: "Sora", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: left;
  color: white;
  padding: 0;
}

.faq-productPage-sec .faq-main-content p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: white;
}

.faq-productPage-sec .faq-main-content .accordion-body {
  padding: 24px 0 0 0;
}

.faq-productPage-sec .accordion-button::after {
  background-image: url(../images/open-icon.svg);
}

.faq-productPage-sec .accordion-button[aria-expanded="false"]::after {
  background-image: url(../images/plusAccordion.svg);
}

#addToCartModal {
  position: absolute;
}

#addToCartModal .modal-dialog {
  max-width: 1440px;
  align-items: end;
}

#addToCartModal .modal-content {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}

#addToCartModal .modal-body {
  padding: 24px 32px;
  background: linear-gradient(115.18deg, #383838 0%, #252525 88.54%);
  box-shadow: 0px 16px 96px -8px rgba(0, 0, 0, 0.24);
  border-radius: 16px;
}

#addToCartModal .addToCart-content {
  display: flex;
  align-items: start;
  gap: 24px;
}

#addToCartModal .addtoCart-content-text h3 {
  font-family: "Sora", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 12px;
}

#addToCartModal .addtoCart-content-text p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
}

#addToCartModal .addToCart-btn {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 24px;
}

#addToCartModal .addToCart-btn .first-btn {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: white;
  text-transform: uppercase;
  padding: 18px 32px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  display: inline-block;
  background: transparent;
}

#addToCartModal .addToCart-btn .second-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
  border: 0;
}

.modal-backdrop.show {
  opacity: 0;
}

.checkOut-wrap {
  margin-top: 104px !important;
}

.checkOut-wrap h4 {
  text-transform: none;
}

.termCondition-sec {
  padding: 208px 0 120px 0;
  background: url(../images/termsConditions-bg.png) no-repeat top center;
  background-size: cover;
}

.termCondition-sec h1 {
  font-family: "Sora", sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0em;
  color: white;
  margin-bottom: 24px;
}

.termCondition-sec h4 {
  font-family: "Sora", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: left;
  color: white;
}

.termCondition-sec p,
.termCondition-sec li {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  color: white;
  margin-bottom: 0;
}

.termCondition-sec .please-read-sec {
  margin: 78px 0 48px 0;
}

.termCondition-sec .please-read-sec h4 {
  margin-bottom: 24px;
}

.termCondition-sec .service-sec {
  margin-bottom: 40px;
}

.termCondition-sec .service-sec h4 {
  margin-bottom: 22px;
}

.termCondition-sec .service-sec p {
  margin-bottom: 32px;
}

.termCondition-sec .service-sec p:last-child {
  margin-bottom: 0;
}

.myCart-sec {
  padding: 208px 0 128px 0;
  background: url(../images/myCart-bg.png) no-repeat top center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.myCart-sec .myCart-content {
  max-width: 1257px;
  margin: auto;
}

.myCart-sec .myCart-content h1 {
  font-family: "Sora", sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0em;
  color: white;
  margin-bottom: 80px;
  position: relative;
}

.myCart-sec .myCart-content h1::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -262px;
  background: url(../images/myCart-bg-pattern.png) no-repeat center center;
  background-size: contain;
  width: 776px;
  height: 300px;
  z-index: -1;
}

.myCart-sec .myCart-card {
  padding: 24px 40px 24px 24px;
  background: #262626;
  border-radius: 16px;
  max-width: 708px;
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 32px;
}

.myCart-sec .myCart-card:last-child {
  margin-bottom: 0;
}

.myCart-sec .myCart-card .img-wrap {
  position: relative;
}

.myCart-sec .myCart-card .img-wrap span {
  position: absolute;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: #212121;
  padding: 7px 12px 5px 12px;
  background: #FFFFFF;
  border-radius: 16px;
  display: inline-block;
  text-transform: uppercase;
  top: 16px;
  left: 16px;
}

.myCart-sec .myCart-card .text-wrap h4 {
  font-family: "Sora", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: left;
  color: white;
  margin-bottom: 32px;
  max-width: 314px;
}

.myCart-sec .myCart-card .text-wrap h5 {
  font-family: "Sora", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 32px;
}

.myCart-sec .mycartCard-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myCart-sec .mycartCard-wrap .delete-btn {
  width: 56px;
  height: 56px;
  border: 1px solid #ffffff33;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.myCart-sec .subtotal-myCart {
  padding: 51px 48px;
  background: #262626;
  border-radius: 16px;
}

.myCart-sec .subtotal-myCart h3 {
  font-family: "Sora", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 0;
}

.myCart-sec .subtotal-myCart .normal-form {
  margin: 52px 0 64px 0;
}

.myCart-sec .subtotal-myCart .normal-form .form-group {
  margin-bottom: 24px;
}

.myCart-sec .subtotal-myCart .normal-form .form-group .form-control::placeholder {
  text-transform: uppercase;
}

.myCart-sec .subtotal-myCart .normal-form button {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: unset;
  width: 100%;
}

.myCart-sec .subtotal-myCart h4 {
  font-family: "Sora", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: 0.02em;
  color: white;
  margin: 0;
}

.myCart-sec .subtotal-myCart .payNow-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  margin-top: 24px;
}

.paymentSuccessful-content {
  padding-top: 136px;
  background: url(../images/paymentSuccessful-bg.png) no-repeat top left;
  background-size: contain;
}

.paymentSuccessful-content .paymentSuccessful-wrap {
  max-width: 1440px;
  margin: auto;
}

.paymentSuccessful-content .paymentSuccessful-wrap h1 {
  font-family: "Sora", sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0em;
  color: white;
  text-align: center;
  margin: 48px 0;
}

.paymentSuccessful-content .paymentSuccessful-wrap h1 img {
  margin-right: 32px;
}

.paymentSuccessful-order-sec {
  max-width: 708px;
  margin: auto;
  background: #262626;
  border-radius: 16px;
}

.paymentSuccessful-order-sec .paymentOrder-title {
  font-family: "Sora", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: center;
  color: white;
  margin-bottom: 0;
  padding: 32px 0;
  border-bottom: 1.5px solid #FFFFFF33;
}

.paymentSuccessful-order-sec .paymentOrder-title span {
  color: #31ECBF;
}

.paymentSuccessful-order-sec .paymentCart-wrap {
  padding: 32px;
  border-bottom: 1.5px solid #FFFFFF33;
  gap: 27px;
  display: flex;
  align-items: center;
}

.paymentSuccessful-order-sec .paymentCart-wrap .img-wrap {
  position: relative;
}

.paymentSuccessful-order-sec .paymentCart-wrap .img-wrap span {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: #212121;
  padding: 7px 12px 5px 12px;
  background: #FFFFFF;
  border-radius: 16px;
  display: inline-block;
  text-transform: uppercase;
  position: absolute;
  left: 16px;
  top: 16px;
}

.paymentSuccessful-order-sec .paymentCart-wrap .text-wrap h4 {
  font-family: "Sora", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: left;
  color: white;
  margin-bottom: 80px;
}

.paymentSuccessful-order-sec .paymentCart-wrap .text-wrap h5 {
  font-family: "Sora", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 0;
}

.paymentSuccessful-order-sec .paymentCart-Subtotal {
  padding: 32px;
}

.paymentSuccessful-order-sec .paymentCart-Subtotal h5 {
  font-family: "Sora", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 0;
  padding-bottom: 32px;
}

.paymentSuccessful-order-sec .total-wrap {
  padding-top: 32px;
  border-top: 1.5px solid #FFFFFF33;
}

.paymentSuccessful-order-sec .total-wrap h5 {
  margin-bottom: 0;
  padding: 0;
}

.paymentSuccessful-order-sec .total-wrap h6 {
  font-family: "Sora", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: white;
  margin-bottom: 0;
}

.back-btn {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: white !important;
  text-transform: uppercase;
  text-decoration: none;
  padding: 18px 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  display: inline-block;
  background-color: #212121;
}

.back-btn img {
  margin-right: 20px;
}

.place-btn {
  width: 100%;
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
  color: white !important;
  margin-top: 40px;
}

.secure-Payment-sec {
  padding: 136px 0 128px 0;
  background: url(../images/secure-Payment-sec-bg.png) no-repeat top right;
  background-size: contain;
}

.secure-Payment-sec h1 {
  font-family: "Sora", sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0em;
  color: white;
  margin: 40px 0 56px 0;
}

.secure-Payment-sec .billing-details-wrap {
  padding: 32px;
  background: #262626;
  border-radius: 16px;
  max-width: 708px;
}

.secure-Payment-sec .billing-details-wrap h3 {
  font-family: "Sora", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: white;
  text-transform: capitalize;
  margin-bottom: 32px;
}

.secure-Payment-sec .billing-details-wrap .billingDetails-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.secure-Payment-sec .billing-details-wrap .billingDetails-flex .form-group {
  flex: 1 1 47%;
}

.secure-Payment-sec .robot-wrap {
  display: flex;
  align-items: center;
  gap: 32px;
  margin: 24px 0;
}

.secure-Payment-sec .righ-sec-form {
  margin-top: 40px;
}

.common-form label {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 6px;
}

.common-form .form-control {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 16px 20px;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.6);
  text-align: left;
  border: 0;
}

.common-form .form-control::placeholder {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.6);
  text-align: left;
}

.common-form .form-check .form-check-input {
  border: 3px solid #FFFFFF;
  border-radius: 5px;
  width: 17px;
  height: 17px;
  background-color: #212121;
}

.common-form .form-check .check-label {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  text-transform: unset;
  margin-left: 8px;
  color: rgba(255, 255, 255, 0.6);
}

.common-form .form-check .check-label a {
  text-decoration: none;
  color: #FFFFFF;
}

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

.common-form .phonebutton button {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  padding: 16px 12px 16px 14px;
  border: 0;
  color: white;
}

.common-form .phonebutton .form-control {
  margin-left: 0 !important;
  padding-left: 0;
}

body {
  background: #212121;
}

.scrolled {
  position: fixed;
  width: 100%;
  top: 0;
  transition: 0.3s;
  z-index: 9;
  background: #212121;
  padding: 32px 0;
}

header .desktop-header {
  position: absolute;
  width: 100%;
  top: 32px;
  background: #212121;
  z-index: 999;
}

header .desktop-header .desktopmenu {
  margin: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .desktop-header .desktopmenu .mainmenu {
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: center;
  gap: 88px;
  margin-left: 88px;
}

header .desktop-header .desktopmenu .mainmenu li {
  list-style: none;
}

header .desktop-header .desktopmenu .mainmenu li a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
}

header .desktop-header .desktopmenu .mainmenu li .active {
  color: #31ECBF;
}

header .desktop-header .desktopmenu .userightmenu {
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 24px;
  margin-left: 48px;
}

header .desktop-header .desktopmenu .userightmenu .cartinfo .activeicon {
  display: none;
}

header .desktop-header .desktopmenu .userightmenu .cartinfo .active .cartinactive {
  display: none;
}

header .desktop-header .desktopmenu .userightmenu .cartinfo .active .activeicon {
  display: block;
}

header .desktop-header .desktopmenu .userightmenu .myaccount-info .myacc-active {
  display: none;
}

header .desktop-header .desktopmenu .userightmenu .myaccount-info .active .myaccinactive {
  display: none;
}

header .desktop-header .desktopmenu .userightmenu .myaccount-info .active .myacc-active {
  display: block;
}

header .desktop-header .desktopmenu .userightmenu li {
  list-style: none;
  position: relative;
}

header .desktop-header .desktopmenu .userightmenu li a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
}

header .desktop-header .desktopmenu .userightmenu li a[aria-expanded=true] {
  border: 1px solid rgba(49, 236, 191, 0.2);
  color: #31ECBF;
  position: relative;
}

header .desktop-header .desktopmenu .userightmenu li a[aria-expanded=true]::after {
  content: '';
  background: url(../images/desktop-gbp-greenarrow.svg) no-repeat right center;
  width: 16px;
  height: 9px;
  display: inline-block;
  margin-left: 8px;
}

header .desktop-header .desktopmenu .userightmenu li a[aria-expanded=false] {
  position: relative;
}

header .desktop-header .desktopmenu .userightmenu li a[aria-expanded=false]::after {
  content: '';
  background: url(../images/gbp-arrow.svg) no-repeat right center;
  width: 16px;
  height: 9px;
  display: inline-block;
  margin-left: 8px;
}

header .desktop-header .desktopmenu .userightmenu li .currency {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 20px;
  border-radius: 24px;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}

header .desktop-header .desktopmenu .userightmenu li .currency img {
  margin-left: 12px;
}

header .desktop-header .desktopmenu .userightmenu li .dropdown-menu {
  background-color: transparent;
  padding: 14px 0;
  border: 0;
  list-style: none;
  text-align: center;
  position: absolute;
  top: 62px;
  min-width: 118px;
  left: 7px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  background: #212121;
  transform: translate3d(2px, 51px, 0px) !important;
}

header .desktop-header .desktopmenu .userightmenu li .dropdown-menu li {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 14px;
}

header .desktop-header .desktopmenu .userightmenu li .dropdown-menu .dropdown-item {
  padding: 0;
}

header .desktop-header .desktopmenu .userightmenu li .dropdown-menu li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

header .desktop-header .desktopmenu .userightmenu li .dropdown-menu .active {
  background-color: transparent;
}

.mobile-header {
  padding: 16px 16px;
}

#MobileMenu .modal-content {
  background: #212121;
}

#MobileMenu .modal-header {
  border: 0;
}

#MobileMenu .modal-body .mobilesubmenuinfos {
  margin-top: 32px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 24px;
}

#MobileMenu .modal-body .mobilesubmenuinfos li {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#MobileMenu .modal-body .mobilesubmenuinfos li a {
  text-decoration: none;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  display: block;
  position: relative;
}

#MobileMenu .modal-body .mobilesubmenuinfos li a::after {
  content: '';
  background: url(../images/mobile-menu-icon.svg) no-repeat right center;
  width: 9px;
  height: 19px;
  display: inline-block;
  right: 0;
  position: absolute;
}

#MobileMenu .modal-body .mobilesubmenuinfos li .active {
  color: #31ECBF;
}

#MobileMenu .modal-body .mobilesubmenuinfos li .active::after {
  content: '';
  background: url(../images/mobile-menu-active-icon.svg) no-repeat right center;
  width: 9px;
  height: 19px;
  display: inline-block;
  right: 0;
  position: absolute;
}

#MobileMenu .modal-body .mobilesubmenuinfos li:last-child {
  border-bottom: 0;
}

#MobileMenu .modal-body .mycart-link {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  max-width: 327px;
  margin: auto;
  padding: 12px 0 15px 0;
  text-align: center;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}

#MobileMenu .modal-body .mycart-link span {
  margin-left: 8px;
}

#MobileMenu .modal-body .profile-gbp-inline {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  max-width: 327px;
  margin: 16px auto auto auto;
  padding-bottom: 32px;
  text-align: center;
}

#MobileMenu .modal-body .profile-gbp-inline .profile-li {
  width: 155px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  padding: 12px 0;
}

#MobileMenu .modal-body .profile-gbp-inline .profile-li span {
  margin-left: 8px;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li {
  width: 157px;
  padding: 12px 0;
  position: relative;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li .currency {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  padding: 14px 42px;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li .currency .greenarrow {
  display: none;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li a[aria-expanded=true] {
  border: 1px solid rgba(49, 236, 191, 0.2);
  color: #31ECBF;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li a[aria-expanded=true] .greenarrow {
  display: inline;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li a[aria-expanded=true] .greyarrow {
  display: none;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  text-decoration: none;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li .dropdown-menu {
  background-color: transparent;
  padding: 14px 0;
  border: 0;
  list-style: none;
  text-align: center;
  position: absolute;
  top: 125%;
  width: 118px;
  right: 0px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  background: #212121;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li .dropdown-menu li {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 14px;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li .dropdown-menu .dropdown-item {
  padding: 0;
  background: transparent;
}

#MobileMenu .modal-body .profile-gbp-inline .currency-li .dropdown-menu li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

footer .footer-wrapper {
  background: linear-gradient(115.18deg, #383838 0%, #252525 88.54%);
  padding: 56px 0 68px 0;
}

footer .footermain {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

footer .footermain .footerleft .footeraddresstext {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  margin: 16px 0 30px 0;
}

footer .footermain .footermiddle-1 .footersupport {
  display: flex;
  flex-direction: column;
}

footer .footermain .footermiddle-1 .footersupport h4 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 28px;
}

footer .footermain .footermiddle-1 .footersupport a {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}

footer .footermain .footermiddle-2 .footerinfo {
  display: flex;
  flex-direction: column;
}

footer .footermain .footermiddle-2 .footerinfo h4 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 28px;
}

footer .footermain .footermiddle-2 .footerinfo ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

footer .footermain .footermiddle-2 .footerinfo a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
}

footer .footermain .footer-right .footerinfo {
  display: flex;
  flex-direction: column;
}

footer .footermain .footer-right .footerinfo h4 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 28px;
}

footer .footermain .footer-right .footerinfo ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

footer .footermain .footer-right .footerinfo a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
}

footer .copyright {
  background: #212121;
  padding: 25px 0;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}

.footertop-sec {
  background: url(../images/footer-top-bg.png) no-repeat center center;
  background-size: cover;
}

.main-wrapper {
  padding-top: 208px;
  background: url(../images/top-bglines-wrapper.png) no-repeat right top;
}

.contact-top-sec {
  padding-bottom: 128px;
  background: url(../images/contact-top-bg-pattern.png) no-repeat bottom 22% left 9%;
  position: relative;
}

.contact-top-sec .desktop-img img {
  border-radius: 16px;
}

.contact-top-sec .contact-top-cont {
  max-width: 600px;
  width: 100%;
  margin-left: auto;
}

.contact-top-sec .contact-top-cont h1 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 58px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 0;
}

.contact-top-sec .contact-top-cont p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 24px;
}

.contact-top-sec .connecting-img {
  position: absolute;
  left: 23%;
  top: 73%;
  z-index: 1;
}

.contact-form-sec {
  padding: 92px 0 0 0;
}

.contact-form-sec .contactus-row {
  display: flex;
  flex-direction: row;
}

.contact-form-sec .contactus-row .contactus-sec {
  background: url(../images/contactinfo-bg.png) no-repeat center center;
  max-width: 802px;
  padding: 40px 48px;
  border-radius: 16px;
}

.contact-form-sec .contactus-row .contactus-sec h2 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 32px;
}

.contact-form-sec .contactus-row .contactus-sec .location {
  display: flex;
  align-items: center;
}

.contact-form-sec .contactus-row .contactus-sec .location h6 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 0;
  margin-left: 12px;
}

.contact-form-sec .contactus-row .contactus-sec .location-map {
  margin: 48px 0;
}

.contact-form-sec .contactus-row .contactus-sec .contact-inline {
  display: flex;
  gap: 66px;
}

.contact-form-sec .contactus-row .contactus-sec .contact-inline a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  text-decoration: none;
}

.contact-form-sec .contactus-row .contactus-sec .contact-inline a span {
  margin-left: 8px;
}

.contact-form-sec .contactus-row .getin-touch-sec {
  background: linear-gradient(115.18deg, #383838 0%, #252525 88.54%);
  border-radius: 16px;
  max-width: 696px;
  padding: 40px 48px;
  position: relative;
  left: -12px;
}

.contact-form-sec .contactus-row .getin-touch-sec .title {
  margin-bottom: 32px;
}

.contact-form-sec .contactus-row .getin-touch-sec .title h2 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
}

.contact-form-sec .contactus-row .getin-touch-sec .title p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 20px;
}

.contact-form-sec .contactus-row .getin-touch-sec .contactform textarea {
  min-height: 126px;
}

.contact-form-sec .contactus-row .getin-touch-sec .contactform .contactform-checkbtn {
  margin: 24px 0;
}

.contact-form-sec .contactus-row .getin-touch-sec .contactform .button-captcha-inline {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.contact-form-sec .contactus-row .getin-touch-sec .contactform .button-captcha-inline .contactform-btn {
  max-width: 175px;
  width: 100%;
}

.contact-form-sec .contactus-row .getin-touch-sec .contactform .button-captcha-inline .contactform-btn .submit-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.our-product-sec {
  padding: 128px 0 160px 0;
}

.our-product-sec .carefull-ourpro {
  max-width: 617px;
  width: 100%;
}

.our-product-sec .carefull-ourpro h2 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
}

.our-product-sec .carefull-ourpro p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 24px;
}

.our-product-sec .carefull-ourpro .morebtn {
  max-width: 173px;
  margin-top: 40px;
}

.our-product-sec .carefull-ourpro .morebtn .more-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.empower-sec {
  background: url(../images/empower-sec-bg.png) no-repeat center center;
  background-size: cover;
  margin: 0 80px 120px 80px;
  border-radius: 8px;
}

.empower-sec .empoer-cont {
  max-width: 1257px;
  margin: auto;
  padding: 96px 0;
}

.empower-sec .empoer-cont h2 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  text-align: center;
}

.empower-sec .empoer-cont .empoer-box-cont {
  display: flex;
  flex-direction: row;
  gap: 115px;
  margin-top: 84px;
}

.empower-sec .empoer-cont .empoer-box-cont .empower-box {
  max-width: 342px;
  display: flex;
  flex-direction: column;
  padding: 24px 0px 24px 0px;
  gap: 24px;
}

.empower-sec .empoer-cont .empoer-box-cont .empower-box h3 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
}

.empower-sec .empoer-cont .empoer-box-cont .empower-box p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
}

.login-sec {
  padding: 32px 0 120px 0;
  background: url(../images/login-bottom-bg.png) no-repeat bottom -64% right;
  background-size: auto;
}

.login-sec .login-cont h1 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 58px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 48px;
}

.login-sec .login-cont .login-form-sec {
  background: linear-gradient(115.18deg, #383838 0%, #252525 88.54%);
  border-radius: 16px;
}

.login-sec .login-cont .login-form-sec .loginform {
  padding: 40px;
}

.login-sec .login-cont .login-form-sec .loginform h3 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 36px;
}

.login-sec .login-cont .login-form-sec .loginform .password-icon {
  background-image: url(../images/password-icon.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
}

.login-sec .login-cont .login-form-sec .loginform .check-forgot-inline {
  display: flex;
  justify-content: space-between;
  margin: 32px 0;
}

.login-sec .login-cont .login-form-sec .loginform .check-forgot-inline .forgotpass a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  color: #31ECBF;
  text-decoration: none;
}

.login-sec .login-cont .login-form-sec .loginform .loginform-btn .login-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.login-sec .login-cont .login-form-sec .goto-signup {
  text-align: center;
  padding: 28px 0;
  border-top: 1.5px solid rgba(255, 255, 255, 0.2);
}

.login-sec .login-cont .login-form-sec .goto-signup h6 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
}

.login-sec .login-cont .login-form-sec .goto-signup h6 a {
  color: #31ECBF;
  text-decoration: none;
  margin-left: 8px;
  text-transform: uppercase;
}

.forgotMainWrapper {
  padding-top: 136px;
}

.forgotpass-sec {
  padding-top: 0;
}

.forgotpass-sec .login-cont .back-button {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  max-width: 131px;
  padding: 18px 32px 18px 24px;
  text-align: center;
  margin-bottom: 48px;
}

.forgotpass-sec .login-cont .back-button .back-inner-btn {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
}

.forgotpass-sec .login-cont .back-button .back-inner-btn img {
  margin-right: 8px;
}

.forgotpass-sec .login-cont .login-form-sec .loginform h3 {
  margin-bottom: 0;
}

.forgotpass-sec .login-cont .login-form-sec .loginform p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  margin: 24px 0 40px 0;
}

.forgotpass-sec .login-cont .login-form-sec .loginform .checkbox-sec {
  margin: 28px 0;
}

.forgotpass-sec .login-cont .login-form-sec .loginform .recaptcha {
  margin-bottom: 24px;
}

.register-sec {
  background: url(../images/login-bottom-bg.png) no-repeat top 44% center;
}

.register-sec .login-cont .login-form-sec .loginform .country-select {
  position: relative;
  display: flex;
}

.register-sec .login-cont .login-form-sec .loginform .country-select .countrydropdown {
  padding: 16px 12px 16px 14px;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  width: 78px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px 0px 0px 8px;
}

.register-sec .login-cont .login-form-sec .loginform .country-select img {
  width: 12px;
  height: 7px;
  margin-left: 4px;
}

.register-sec .login-cont .login-form-sec .loginform #country {
  max-width: 78px;
}

.register-sec .login-cont .login-form-sec .loginform #country .card-body {
  background: rgba(255, 255, 255, 0.2);
}

.register-sec .login-cont .login-form-sec .loginform #country ul {
  list-style: none;
  padding: 0;
  text-align: center;
  margin-bottom: 0;
}

.register-sec .login-cont .login-form-sec .loginform #country ul li a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
}

.register-sec .login-cont .login-form-sec .loginform .telephone {
  border-radius: 0px 8px 8px 0px;
}

.register-sec .login-cont .login-form-sec .loginform .checkbox-sec {
  margin: 28px 0;
}

.register-sec .login-cont .login-form-sec .loginform .recaptcha {
  margin-bottom: 24px;
}

.register-sec .login-cont .login-img {
  margin-top: 10%;
}

.myaccount-sec {
  padding-bottom: 120px;
  background: url(../images/login-bottom-bg.png) no-repeat bottom 20% center, url(../images/myaccount-top-patternbg.png) no-repeat left 10% top 18%;
  background-size: auto;
}

.myaccount-sec .myaccount-cont {
  max-width: 1257px;
  margin: auto;
}

.myaccount-sec .myaccount-cont .title h1 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 58px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 40px;
}

.myaccount-sec .myaccount-cont .title h4 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
}

.myaccount-sec .myaccount-cont .title p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec {
  background: #262626;
  border-radius: 16px;
  margin-top: 104px;
  padding: 32px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .dashboard-menu-sec {
  display: flex;
  flex-direction: row;
  gap: 48px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .dashboard-menu-sec .menuitem .menuitem-line {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .dashboard-menu-sec .menuitem a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  text-decoration: none;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .dashboard-menu-sec .menuitem .active .inactive-icon {
  display: none;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .dashboard-menu-sec .menuitem .active .active-icon {
  display: inline-block;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .dashboard-menu-sec .menuitem .active span {
  color: #31ECBF;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .dashboard-menu-sec .menuitem .active-icon {
  display: none;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec {
  background: linear-gradient(115.18deg, #383838 0%, #252525 88.54%);
  border-radius: 16px;
  padding: 48px;
  margin-top: 32px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec h3 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-bottom: 36px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form .row {
  --bs-gutter-x: 3rem;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form .country-select {
  position: relative;
  display: flex;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form .country-select .countrydropdown {
  padding: 16px 12px 16px 14px;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  width: 78px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px 0px 0px 8px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form .country-select img {
  width: 12px;
  height: 7px;
  margin-left: 4px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form #country {
  max-width: 78px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form #country .card-body {
  background: rgba(255, 255, 255, 0.2);
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form #country ul {
  list-style: none;
  padding: 0;
  text-align: center;
  margin-bottom: 0;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form #country ul li a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form .telephone {
  border-radius: 0px 8px 8px 0px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form .password-icon {
  background-image: url(../images/password-icon.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .common-form .selectarrow {
  background-image: url(../images/country-dropdownicon.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .savebtn {
  max-width: 197px;
  margin: 32px 0 auto auto;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .savebtn .save-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
  padding: 18px 32px;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .account-detail {
  margin-bottom: 40px;
  padding-bottom: 40px;
  position: relative;
}

.myaccount-sec .myaccount-cont .myaccount-dashboard-forms-sec .forms-sec .account-detail::after {
  content: '';
  background: rgba(255, 255, 255, 0.2);
  width: 1193px;
  height: 1.5px;
  display: block;
  position: absolute;
  left: -47px;
  bottom: 0;
}

.order-history-sec .order-history-cont .orderhist-listsec .orderhistory-sec .orderhist-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 2rem;
  margin-right: calc(-.5 * var(--bs-gutter-x));
}

.order-history-sec .order-history-cont .orderhist-listsec .orderhistory-sec .orderhist-row .order-his-col {
  margin-top: var(--bs-gutter-y);
  max-width: 584px;
  margin-left: auto;
  margin-right: auto;
}

.order-history-sec .order-history-cont .orderhist-listsec .orderhistory-sec .orderhist-row .order-hist-box {
  background: linear-gradient(115.18deg, #383838 0%, #252525 88.54%);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  gap: 26px;
}

.order-history-sec .order-history-cont .orderhist-listsec .orderhistory-sec .orderhist-row .order-hist-box .product-img img {
  max-width: 192px;
}

.order-history-sec .order-history-cont .orderhist-listsec .orderhistory-sec .orderhist-row .order-hist-box .product-desc {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.order-history-sec .order-history-cont .orderhist-listsec .orderhistory-sec .orderhist-row .order-hist-box .product-desc h6 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
  color: #31ECBF;
}

.order-history-sec .order-history-cont .orderhist-listsec .orderhistory-sec .orderhist-row .order-hist-box .product-desc h4 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
}

.order-history-sec .order-history-cont .orderhist-listsec .orderhistory-sec .orderhist-row .order-hist-box .product-desc h5 {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 0;
}

.order-history-sec .order-history-cont .orderhist-listsec .product_paginations {
  margin-top: 32px;
}

.order-history-sec .order-history-cont .orderhist-listsec .product_paginations ul {
  display: flex;
  flex-direction: row;
  gap: 11px;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.order-history-sec .order-history-cont .orderhist-listsec .product_paginations ul li a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 18px 24px;
  border-radius: 40px;
}

.order-history-sec .order-history-cont .orderhist-listsec .product_paginations ul li .active {
  border: 1px solid #FF809D;
}

.error-sec {
  padding: 60px 0 236px 0;
  background: url(../images/404-bottom-bg.png) no-repeat bottom 0% center;
  background-size: contain;
}

.error-sec .error-cont .error-desc {
  max-width: 708px;
  margin-left: auto;
}

.error-sec .error-cont .error-desc h1 {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 58px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 0;
}

.error-sec .error-cont .error-desc p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 16px;
}

.error-sec .error-cont .error-desc .gobackbutton {
  max-width: 197px;
  margin-top: 32px;
}

.error-sec .error-cont .error-desc .gobackbutton .goback-btn {
  background: #E8496E;
  border-radius: 5px;
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 32px;
  display: inline-block;
  text-decoration: none;
}

.codepen-wrap {
  background: #1A1A1A;
  box-shadow: 12px 12px 40px -4px rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  padding: 28px 24px;
  position: absolute;
  z-index: 22;
}

.codepen-sec-1 {
  max-width: 388px;
  width: 100%;
  height: 188px;
  top: -70px;
  left: 0;
}

.codepen-sec-2 {
  max-width: 259px;
  min-height: 172px;
  padding: 16px 24px;
  overflow: hidden;
  bottom: -67px;
  left: 37px;
}

.codepen-sec-3 {
  max-width: 261px;
  min-height: 188px;
  padding: 24px 32px;
  overflow: hidden;
  bottom: 80px;
  right: -131px;
}

.code p {
  font-family: "Fira Code", monospace;
  font-size: 18px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: -0.04em;
  text-align: left;
}

.code .code-content {
  color: white;
}

.code .code-content .c-1 {
  color: #C751FF;
}

.code .code-content .c-2 {
  color: rgba(151, 151, 151, 0.6);
}

.code .code-content .c-3 {
  color: #875BBF;
}

.code .code-content .c-4 {
  color: #E46886;
}

.code .code-content .c-5 {
  color: #CA9100;
}

.code .code-content .c-6 {
  color: #A3A60E;
}

.code-css .code-content code .line-1 {
  width: 0%;
  margin: 0;
  border-right: .15em solid transparent;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.code-css .code-content code .line-2 {
  width: 0%;
  margin: 0;
  border-right: .15em solid transparent;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.code-css .code-content code .line-3 {
  width: 0%;
  margin: 0;
  border-right: .15em solid transparent;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.code-css .code-content code .line-4 {
  width: 0%;
  margin: 0;
  border-right: .15em solid transparent;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.code-css .code-content code .line-5 {
  width: 0%;
  margin: 0;
  border-right: .15em solid transparent;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.code-css .code-content code .line-1 {
  animation: typing-1 3s 0s steps(30, end) forwards, cursor 1s linear 0s 3;
}

.code-css .code-content code .line-2 {
  animation: typing-2 3s 3s steps(30, end) forwards, cursor 1s linear 3s 3;
}

.code-css .code-content code .line-3 {
  animation: typing-3 3s 6s steps(30, end) forwards, cursor 1s linear 6s 3;
}

.code-css .code-content code .line-4 {
  animation: typing-4 3s 9s steps(30, end) forwards, cursor 1s linear 9s 3;
}

.code-css .code-content code .line-1, .code-css .code-content code .line-3, .code-css .code-content code .line-4 {
  animation-duration: 1s;
  animation-timing-function: steps(10, end);
}

.code-css .code-content code .line-2 {
  margin-left: 37px;
}

.code-css .code-content code .line-3 {
  margin-left: 37px;
}

.code-css .code-content code .line-4 {
  margin-left: 0px;
}

@keyframes typing-1 {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes typing-2 {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes typing-3 {
  from {
    width: 0;
  }
  to {
    width: 95%;
  }
}

@keyframes typing-4 {
  from {
    width: 0;
  }
  to {
    width: 55px;
  }
}

@keyframes cursor {
  from, to, 20%, 80% {
    border-color: transparent;
  }
  25%, 75% {
    border-color: white;
  }
}

@keyframes cursor-persist {
  from, 45% {
    border-color: transparent;
  }
  50%, to {
    border-color: white;
  }
}

.aboutTopImage-wrap {
  position: relative;
}

.aboutTopImage-wrap .codepenAbout-sec {
  position: absolute;
  max-width: 617.99px;
  width: 100%;
  height: 189.43px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*keyframes for group2*/
}

.aboutTopImage-wrap .codepenAbout-sec .loader-container {
  width: 400px;
  height: 175px;
  padding-left: 20px;
  margin-top: 5vh;
  overflow: hidden;
}

.aboutTopImage-wrap .codepenAbout-sec .line {
  margin-top: 5px;
}

.aboutTopImage-wrap .codepenAbout-sec .dash {
  height: 20px;
  display: inline-block;
  border-radius: 0px;
}

.aboutTopImage-wrap .codepenAbout-sec .div {
  background: var(--orchid);
}

.aboutTopImage-wrap .codepenAbout-sec .class-name {
  background: var(--henn1nk);
}

.aboutTopImage-wrap .codepenAbout-sec .class {
  background: var(--classColour);
}

.aboutTopImage-wrap .codepenAbout-sec .par {
  background: var(--parColour);
}

.aboutTopImage-wrap .codepenAbout-sec .exp-40 {
  animation: expand-40 0.2s linear forwards;
}

.aboutTopImage-wrap .codepenAbout-sec .exp-70 {
  animation: expand-70 0.2s linear forwards;
}

.aboutTopImage-wrap .codepenAbout-sec .exp-90 {
  animation: expand-90 0.2s linear forwards;
}

.aboutTopImage-wrap .codepenAbout-sec .exp-110 {
  animation: expand-110 0.2s linear forwards;
}

.aboutTopImage-wrap .codepenAbout-sec .exp-200 {
  animation: expand-200 0.2s linear forwards;
}

.aboutTopImage-wrap .codepenAbout-sec .exp-300 {
  animation: expand-300 0.2s linear forwards;
}

.aboutTopImage-wrap .codepenAbout-sec .line1 .dash-1 {
  /*animation-delay: 0.1s;*/
}

.aboutTopImage-wrap .codepenAbout-sec .line1 .dash-2 {
  animation-delay: 0.1s;
}

.aboutTopImage-wrap .codepenAbout-sec .line1 .dash-3 {
  animation-delay: 0.2s;
}

.aboutTopImage-wrap .codepenAbout-sec .line1 .dash-4 {
  animation-delay: 0.3s;
}

.aboutTopImage-wrap .codepenAbout-sec .line2 {
  margin-left: 10%;
}

.aboutTopImage-wrap .codepenAbout-sec .line2 .dash-1 {
  animation-delay: 0.4s;
}

.aboutTopImage-wrap .codepenAbout-sec .line2 .dash-2 {
  animation-delay: 0.5s;
}

.aboutTopImage-wrap .codepenAbout-sec .line2 .dash-3 {
  animation-delay: 0.6s;
}

.aboutTopImage-wrap .codepenAbout-sec .line3 {
  margin-left: 20%;
}

.aboutTopImage-wrap .codepenAbout-sec .line3 .dash-1 {
  animation-delay: 0.7s;
}

.aboutTopImage-wrap .codepenAbout-sec .line4 {
  margin-left: 20%;
}

.aboutTopImage-wrap .codepenAbout-sec .line4 .dash-1 {
  animation-delay: 0.8s;
}

.aboutTopImage-wrap .codepenAbout-sec .line5 {
  margin-left: 10%;
}

.aboutTopImage-wrap .codepenAbout-sec .line5 .dash-1 {
  animation-delay: 0.85s;
}

.aboutTopImage-wrap .codepenAbout-sec .line6 .dash-1 {
  animation-delay: 0.925s;
}

.aboutTopImage-wrap .codepenAbout-sec .group-1 {
  animation: scroll 1s linear infinite;
  animation-delay: 1s;
  position: relative;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 {
  animation: scroll 1s linear infinite;
  animation-delay: 1s;
  position: relative;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line1 .dash-1 {
  animation: line1dash1 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line1 .dash-2 {
  animation: line1dash2 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line1 .dash-3 {
  animation: line1dash3 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line1 .dash-4 {
  animation: line1dash4 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line2 .dash-1 {
  animation: line2dash1 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line2 .dash-2 {
  animation: line2dash2 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line2 .dash-3 {
  animation: line2dash3 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line3 .dash-1 {
  animation: line3dash1 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line4 .dash-1 {
  animation: line4dash1 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line5 .dash-1 {
  animation: line5dash1 1s linear infinite;
}

.aboutTopImage-wrap .codepenAbout-sec .group-2 .line6 .dash-1 {
  animation: line6dash1 1s linear infinite;
}

@keyframes line1dash1 {
  0% {
    width: 0px;
  }
  20% {
    width: 40px;
  }
  100% {
    width: 40px;
  }
}

@keyframes line1dash2 {
  0% {
    width: 0px;
  }
  10% {
    width: 0px;
  }
  30% {
    width: 70px;
  }
  100% {
    width: 70px;
  }
}

@keyframes line1dash3 {
  0% {
    width: 0px;
  }
  20% {
    width: 0px;
  }
  40% {
    width: 110px;
  }
  100% {
    width: 110px;
  }
}

@keyframes line1dash4 {
  0% {
    width: 0px;
  }
  30% {
    width: 0px;
  }
  50% {
    width: 70px;
  }
  100% {
    width: 70px;
  }
}

@keyframes line2dash1 {
  0% {
    width: 0px;
  }
  40% {
    width: 0px;
  }
  60% {
    width: 40px;
  }
  100% {
    width: 40px;
  }
}

@keyframes line2dash2 {
  0% {
    width: 0px;
  }
  50% {
    width: 0px;
  }
  70% {
    width: 70px;
  }
  100% {
    width: 70px;
  }
}

@keyframes line2dash3 {
  0% {
    width: 0px;
  }
  60% {
    width: 0px;
  }
  80% {
    width: 90px;
  }
  100% {
    width: 90px;
  }
}

@keyframes line3dash1 {
  0% {
    width: 0px;
  }
  60% {
    width: 0px;
  }
  80% {
    width: 300px;
  }
  100% {
    width: 300px;
  }
}

@keyframes line4dash1 {
  0% {
    width: 0px;
  }
  70% {
    width: 0px;
  }
  90% {
    width: 200px;
  }
  100% {
    width: 200px;
  }
}

@keyframes line5dash1 {
  0% {
    width: 0px;
  }
  75% {
    width: 0px;
  }
  85% {
    width: 40px;
  }
  100% {
    width: 40px;
  }
}

@keyframes line6dash1 {
  0% {
    width: 0px;
  }
  85% {
    width: 0px;
  }
  100% {
    width: 40px;
  }
}

@keyframes expand-40 {
  from {
    width: 0px;
  }
  to {
    width: 40px;
  }
}

@keyframes expand-70 {
  from {
    width: 0px;
  }
  to {
    width: 70px;
  }
}

@keyframes expand-90 {
  from {
    width: 0px;
  }
  to {
    width: 90px;
  }
}

@keyframes expand-110 {
  from {
    width: 0px;
  }
  to {
    width: 110px;
  }
}

@keyframes expand-200 {
  from {
    width: 0px;
  }
  to {
    width: 200px;
  }
}

@keyframes expand-300 {
  from {
    width: 0px;
  }
  to {
    width: 300px;
  }
}

@keyframes scroll {
  from {
    top: 0px;
  }
  to {
    top: -175px;
  }
}