@import url("https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

/***** General CSS *****/

html {
  scroll-behavior: smooth;
}

body {
  word-break: break-word;

  font: 15px/25px "Poppins", sans-serif;

  color: #7c7c7c;

  overflow-x: hidden;
}

a {
  text-decoration: none;

  color: #000;

  white-space: initial;

  display: inline-block;
}

a:hover,
a:focus {
  text-decoration: none;

  color: #03a6a1;
}

a:hover {
  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;
}

input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  outline: none;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
input[type="tel"] {
  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;

  margin: 0;
}

select {
  background: #fff url("../images/select-down") no-repeat right;

  padding: 0 40px 0 30px;
}

::-webkit-input-placeholder {
  color: #000;
}

::-moz-placeholder {
  color: #000;

  opacity: 1;
}

:-ms-input-placeholder {
  color: #000;
}

:-moz-placeholder {
  color: #000;

  opacity: 1;
}

ul {
  margin: 0 0 0px;

  padding: 0;

  list-style-type: none;
}

img {
  max-width: 100%;
}

/***** Font Files *****/

@font-face {
  font-family: "Fonts Awesome";

  src: url(../fonts/fontawesome-webfont.eot);

  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),
    url(../fonts/fontawesome-webfont.woff) format("woff"),
    url(../fonts/fontawesome-webfont.ttf) format("truetype"),
    url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: "Fonts Awesome";

  src: url(../fonts/fontawesome-webfont.eot);
}

/***** Custom Classes *****/

.noPadding {
  padding: 0;
}

.noLeft {
  padding-left: 0;
}

.noRight {
  padding-right: 0;
}

.mt-5 {
  margin-top: 50px;
}

.mb-5 {
  margin-bottom: 50px;
}

.mt-8 {
  margin-top: 80px;
}

.mt-4 {
  margin-top: 40px;
}

.mt-3 {
  margin-top: 30px;
}

.mt-2 {
  margin-top: 20px;
}

.pt-5 {
  padding-top: 50px;
}

.pb-1 {
  padding-bottom: 10px;
}

.pb-2 {
  padding-bottom: 20px;
}

.pb-3 {
  padding-bottom: 30px;
}

.pb-4 {
  padding-bottom: 40px;
}

.pb-8 {
  padding-bottom: 80px;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-8 {
  padding-top: 80px;
}

.pt-4 {
  padding-top: 40px;
}

.pt-3 {
  padding-top: 30px;
}

.pt-2 {
  padding-top: 20px;
}

.all-section {
  padding: 80px 0;
}

.centerCol {
  float: none;

  margin: 0 auto;
}

.over-flow-h {
  overflow: hidden;
}

.flexRow {
  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;
}

.flexCol {
  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  align-items: center;
}

h1 {
  font-family: "Epilogue", sans-serif;

  font-size: 12.3vh;

  color: #000;

  font-weight: 600;

  margin: 0 0 0px;
}

h2 {
  font-family: "Epilogue", sans-serif;

  font-size: 50px;

  color: #000;

  font-weight: 500;

  margin: 0 0 0px;
}

h3 {
  font-family: "Epilogue", sans-serif;

  font-size: 36px;

  color: #000000;

  font-weight: 600;

  margin: 0 0 0px;
}

h4 {
  font-family: "Epilogue", sans-serif;

  font-size: 20px;

  color: #000;

  font-weight: 500;

  margin: 0 0 0px;
}

h5 {
  font-family: "Epilogue", sans-serif;

  font-size: 16px;

  color: #000;

  font-weight: 500;

  margin: 0 0 0px;
}

h6 {
  font-family: "Epilogue", sans-serif;

  font-size: 20px;

  color: #03a6a1;

  font-weight: 500;

  margin: 0 0 0px;
}

p {
  color: #7c7c7c;

  font-size: 14px;

  font-family: "Montserrat", sans-serif;

  font-weight: 400;

  letter-spacing: 0px;

  margin: 0px;
}

/* button starts  */

.theme-btn {
  background: #03a6a1;

  display: flex;

  border-radius: 0;

  width: fit-content;

  padding: 4px;

  gap: 10px;

  transition: 0.3s ease-in-out;

  border-radius: 5px;

  align-items: center;
}

.theme-btn:hover img {
  transform: scale(1.1);

  margin-left: -10px;

  transition: 0.3s ease-in-out;
}

.theme-btn span {
  color: black;

  font-weight: 600;

  display: flex;

  align-items: center;

  padding: 12px 20px 12px 20px;

  font-size: 12px;

  width: fit-content;

  text-transform: uppercase;

  font-family: montserrat;

  background: #fff;

  border-radius: 5px;
}

.theme-btn img {
  transition: 0.3s ease-in-out;

  width: 40px;

  height: 40px;

  object-fit: scale-down;

  border: none;

  align-items: center;

  display: flex;

  background: transparent;

  border-radius: 0;

  justify-content: center;
}

/* button ENds */

.web-padding {
  padding: 0 5%;
}

/*header css start */

.top-header {
  background-color: #03a6a1;

  padding: 10px 0;
}

.top-header-left a {
  color: white;
}

.top-header-left {
  display: flex;

  align-items: center;

  gap: 50px;
}

.top-header-left a i {
  padding: 0 10px 0 0;
}

.top-header-right {
  display: flex;

  justify-content: flex-end;

  align-items: center;
}

.top-header-right a {
  color: white;
}

.top-header-right a i {
  padding: 0 0 0 10px;
}

.menuSec ul {
  display: flex;

  justify-content: space-between;
}

.header-right {
  display: flex;

  justify-content: flex-end;

  align-items: center;
}

.menuSection .row {
  align-items: center;
}

.menuSection {
  padding: 10px 0;
}

.menuSec ul a {
  text-transform: uppercase;

  font-weight: 600;
}

.header-search-box {
  position: relative;

  z-index: 2;

  margin: 6% 0 0 0;
}

/*header css ends */

/* banner css start */

.hero-banner {
  width: 100%;

  height: 100vh;

  background-color: #cdedec;

  position: relative;

  overflow: hidden;
}

section.hero-banner::before {
  position: absolute;

  content: "";

  width: 83%;

  aspect-ratio: 1 / 1;

  background-color: #85d4d1;

  border-radius: 50%;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  margin: auto;

  transform: scale(1);

  animation: pulse-animation 2s infinite ease-in-out;
}

section.hero-banner::after {
  position: absolute;

  content: "";

  width: 82%;

  aspect-ratio: 1 / 1;

  background-color: #85d4d1;

  border-radius: 50%;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  z-index: 1;

  margin: auto;
}

@keyframes pulse-animation {
  0% {
    transform: scale(1);

    opacity: 0.6;
  }

  50% {
    transform: scale(1.2);

    opacity: 0.3;
  }

  100% {
    transform: scale(1);

    opacity: 0.6;
  }
}

.header-search-box {
  display: flex;

  justify-content: center;

  align-items: center;
}

.header-search-box form {
  display: flex;

  width: 100%;

  max-width: 900px;

  background-color: white;

  border-radius: 5px;

  overflow: hidden;

  height: 85px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

  position: relative;

  padding: 0 0 0 6px;
}

.header-search-box img {
  padding: 10px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  height: 40px;

  object-fit: contain;

  cursor: pointer;
}

.header-search-box input {
  flex-grow: 1;

  padding: 20px 0 20px 51px;

  border: none;

  outline: none;

  font-size: 16px;
}

.header-search-box input::placeholder {
  text-transform: uppercase;

  color: #7c7c7c;
}

.header-search-box button {
  padding: 0 32px;

  background-color: #03a6a1;

  color: white;

  border: none;

  cursor: pointer;

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 10px 15px;

  border-radius: 5px;

  height: 66px;
}

.header-search-box button:hover {
  background-color: #03a6a1;
}

.banner-content {
  position: relative;

  z-index: 2;

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;
}

.banner-content h1 {
  text-transform: capitalize;

  font-weight: bold;

  margin: 5% 0 0 0;

  line-height: 109px;

  position: relative;
}

.banner-content h1::before {
  content: "";

  position: absolute;

  top: -50px;

  left: 108px;

  width: 100px;

  height: 100%;

  background: url("../images/hero-left-arrow.png") no-repeat center center;

  animation: 2s ease-in-out 0s infinite alternate none running scaleAnimation;
}

.banner-content h1::after {
  content: "";

  position: absolute;

  top: 33%;

  right: -157px;

  width: 200px;

  height: 200px;

  background: url("../images/hero-right-arrow.png") no-repeat center center;

  object-fit: cover;

  animation: 2s ease-in-out 0s infinite alternate none running scaleAnimation;
}

section.hero-banner > .container-fluid {
  height: 100%;
}

.banner-content p {
  margin: 30px 0;

  font-size: 14px;
}

.rated-botttm-box {
  background-color: white;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  padding: 30px;

  position: absolute;

  right: 7%;

  bottom: -15%;

  border-radius: 15px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.icon-wrapper-review {
  width: 100px;

  height: 100px;

  background-color: #03a6a1;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  border-radius: 50%;

  animation: scaleAnimation 2s ease-in-out infinite alternate;
}

.rated-botttm-box p {
  margin: 0;

  color: black;

  text-transform: uppercase;

  font-weight: 600;

  padding: 15px 0 0 0;
}

.certified-counter-content p {
  margin: 0;

  padding: 25px 25px;

  background-color: white;

  color: black;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  border-radius: 12px;

  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.certified-counter-content {
  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;
}

.centified-counter-imgs {
  background-color: white;

  width: 50%;
}

.certified-counter {
  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  position: absolute;

  top: 30px;

  left: 76px;
}

.centified-counter-imgs {
  display: flex;

  padding: 10px 10px 0 10px;

  border-radius: 5px 5px 0 0;

  width: 59%;

  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.centified-counter-imgs img {
  width: 30px;

  height: 30px;

  object-fit: cover;

  border-radius: 50%;

  border: 1px solid white;

  animation: scaleAnimation 2s ease-in-out infinite alternate;
}

.certifield-plus-box {
  height: 30px;

  width: 30px;

  background-color: #03a6a1;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  border-radius: 50%;

  cursor: pointer;

  animation: scaleAnimation 2s ease-in-out infinite alternate;
}

.certifield-plus-box i {
  color: white;

  font-size: 15px;
}

.dotted-arrow {
  position: absolute;

  bottom: 1px;

  left: -5.3%;
}

.dotted-arrow img {
  height: 150px;
}

@keyframes scaleAnimation {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

.dotted-arrow img {
  animation: 2s ease-in-out 0s infinite alternate none running scaleAnimation;

  cursor: pointer;
}

/* banner css end */

/* meet section starts */

.meet-our-team .container {
  padding: 0 0 0 6.8%;
}

.meet-right-box {
  height: 160px;

  width: 160px;

  background-color: #03a6a1;

  border-radius: 7px;
}

.meet-left-img1 img {
  height: 240px;

  width: 100%;

  object-fit: cover;

  border-radius: 10px;
}

.meet-left-img2 img {
  height: 280px;

  width: 100%;

  object-fit: cover;

  border-radius: 10px;
}

.meet-left-img1 {
  margin: 20px;

  margin-top: 30;
}

.meet-left-img2 {
  margin: 0 20px 20px 20px;
}

.meet-right-img img {
  height: 365px;

  width: 100%;

  object-fit: cover;

  margin: 20px 0 0 0;

  border-radius: 10px;
}

.meet-team-left {
  position: relative;
}

.meet-team-left::before {
  content: "";

  position: absolute;

  top: 33%;

  left: -21%;

  width: 130px;

  height: 137px;

  background-color: #9adbd9;

  z-index: 0;

  border-radius: 10px;
}

.meet-team-left::after {
  content: "";

  position: absolute;

  top: 22%;

  left: -13%;

  width: 110px;

  height: 330px;

  background: url("../images/meet-dotted.png") no-repeat center center;

  z-index: 1;

  border-radius: 10px;
}

section.meet-our-team .row {
  align-items: center;
}

.meet-team-right {
  padding-left: 10px;
}

.meet-team-right h2 {
  text-transform: capitalize;
}

.meet-team-right h6 {
  text-transform: capitalize;

  padding: 10px 0 0 0;
}

.meet-team-right p {
  padding: 19px 0 0;
}

.meet-team-right .theme-btn {
  margin: 20px 0 0 0;
}

/* meet section Ends */

/* learning sec starts  */

.learning-tabs-row .nav-tabs .nav-link {
  background-color: #b3e4e3;

  border: none;

  margin-right: 10px;

  border-radius: 5px;

  color: #000;

  font-weight: 600;

  max-width: 800px;

  text-align: center;

  font-size: 12px;

  height: 50px;

  width: fit-content;

  padding: 0 2.5vw;
}

.learning-sec-row {
  position: relative;
}

.learning-tabs-row .nav-tabs .nav-link.active {
  background-color: #00a9a5;

  color: #fff;
}

.nav-tabs {
  border-bottom: 1px solid transparent;
}

.learning-tabs-row {
  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  position: relative;
}

.learning-tabs-row::before {
  content: "";

  position: absolute;

  top: -8vh;

  right: 50px;

  width: 200px;

  height: 200px;

  background: url(../images/hero-right-arrow.png) no-repeat center center;

  object-fit: cover;

  animation: 2s ease-in-out 0s infinite alternate none running scaleAnimation;
}

.start-learning-heading h2 {
  text-transform: capitalize;

  font-weight: 600;
}

.start-learning-heading p {
  padding: 9px 0 23px 0;
}

.learning-card-img img {
  height: 293px;

  width: 100%;

  object-fit: cover;

  border-radius: 10px;
}

.learning-card-content button {
  height: 40px;

  width: fit-content;

  padding: 0 20px;

  border: 1px solid transparent;

  border-radius: 50px;
}

button.lesson-btn {
  background-color: #03a6a1;

  color: white;

  text-transform: capitalize;
}

button.student-btn {
  background-color: #b3e4e3;

  text-transform: capitalize;
}

.learning-card-content {
  display: flex;

  gap: 20px;

  padding: 30px 0;
}

.learning-card > h4 {
  font-weight: 600;

  padding-bottom: 20px;
}

.learning-sec-card-row {
  padding-top: 20px;
}

.learning-card {
  margin: 0 20px 0 0;
}
.tier-tab-row {
  margin: 0 0 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.tier-tab-row .nav-tabs .nav-link.active {
  background-color: #00a9a5;
  color: #fff;
}
.tier-tab-row .nav-tabs .nav-link {
  background-color: #b3e4e3;
  border: none;
  margin-right: 10px;
  border-radius: 5px;
  color: #000;
  font-weight: 600;
  max-width: 800px;
  text-align: center;
  font-size: 12px;
  height: 50px;
  width: fit-content;
  padding: 0 2.5vw;
}

/* learning sec ENds */

/* JOin team Starts  */

.join-team {
  width: 100%;

  height: 50vh;

  background: url("../images/join-team-bg.png") no-repeat center center;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  margin: 120px 0 100px;

  position: relative;
}
.application_pc h2 {
  font-size: 35px;
}
.join-team::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(3, 166, 161, 0.8);

  z-index: -1;
}

.join-team-right img {
  object-fit: cover;

  margin: -13.701% 0 0 0;

  height: 59.4vh;

  width: 23.65vw;
}

.join-team-left img {
  object-fit: cover;

  margin: -13.85% 0 0 0;

  height: 59.4vh;

  width: 28.65vw;
}

section.join-team .row {
  align-items: center;
}

.join-team-middle h2 {
  color: white;

  font-weight: 600;
}

.join-team-middle p {
  color: #ffffffb3;
}

section.join-team .theme-btn {
  background-color: white;
}

section.join-team .theme-btn img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(57%) saturate(7479%)
    hue-rotate(97deg) brightness(90%) contrast(97%);
}

section.join-team .theme-btn span {
  background-color: #03a6a1;

  color: white;
}

.join-team-middle {
  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;
}

.join-team-middle a {
  margin: 20px 0 0 0;
}

.join-team-left {
  position: relative;
}

.join-team-left::before {
  content: "";

  position: absolute;

  background: url("../images/dotted-arrow2.png") no-repeat center center;

  top: 0;

  right: -91px;

  width: 300px;

  height: 150px;

  animation: 2s ease-in-out 0s infinite alternate none running scaleAnimation;

  z-index: 2;

  transform: rotate(20deg);

  -webkit-transform: rotate(20deg);
}

/* JOin team Ends */

/* Why choose Starts  */

.why-choose-right img {
  height: 640px;

  width: 100%;

  object-fit: cover;

  border-radius: 10px;
}

.why-choose-right {
  position: relative;
}

.cxhoose-box-img {
  position: absolute;

  bottom: 0;

  left: 0;
}

.cxhoose-box-img {
  position: absolute;

  bottom: 0;

  left: 0;
}

.cxhoose-box-img img {
  height: 285px;

  width: auto;

  object-fit: cover;

  border: 10px solid white;

  border-left: 1px solid transparent;

  border-bottom: 1px solid transparent;
}

section.why-choose .row {
  align-items: center;
}

.why-choose-left h2 {
  font-weight: 700;
}

.why-choose-left h6 {
  font-weight: 600;

  padding: 15px 0;
}

.why-choose-left p {
  padding: 0 0 20px 0;
}

ul.chose-untitled li {
  display: flex;

  align-items: center;

  text-align: center;

  padding: 10px 0;
}

ul.chose-untitled li img {
  padding-right: 10px;
}

ul.chose-untitled {
  padding-bottom: 20px;
}

.why-choose-left {
  padding: 0 10px 0 0;

  position: relative;
}

.why-choose-left::before {
  content: "";

  width: 80px;

  height: 80px;

  background: url("../images/choose-arrow.png") no-repeat center center;

  position: absolute;

  top: -30px;

  right: 20px;

  animation: 2s ease-in-out 0s infinite alternate none running scaleAnimation;

  z-index: 2;

  background-size: contain;
}

/* Why choose ENds */

/* Success stories starts  */

.success-story-heading h2 {
  font-weight: 600;
}

.review_slider .slick-list {
  position: relative;

  display: block;

  overflow: visible;

  margin: 0;

  padding: 0;
}

.review_slider .slick-slide.slick-current.slick-active.slick-center {
  width: 600px !important;

  transition: none !important;

  opacity: 1;

  position: relative;
}

.review_slider .slick-slide.slick-current.slick-active.slick-center::before {
  content: "";

  position: absolute;

  top: -9vh;

  right: 0;

  width: 150px;

  height: 150px;

  background: url("../images/testi-quotes.png") no-repeat center center;

  z-index: 1;
}

.review_slider .slick-slide.prev {
  width: 320px !important;

  transition: none !important;

  opacity: 1;
}

.review_slider .slick-slide.next {
  width: 320px !important;

  transition: none !important;

  opacity: 1;
}

.review_slider .slick-slide {
  opacity: 0;

  transition: none !important;
}

.review_slider .slick-slide.slick-active .reviews_card {
  height: auto;

  border: 2px solid #03a6a1;

  height: 39.2vh;

  overflow: visible;
}

.reviews_card {
  border: 2px solid #cdcdcd;

  padding: 20px !important;

  border-radius: 5px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  height: 39.2vh;
}

.testi-people-img img {
  width: 60px;

  height: 60px;

  object-fit: cover;

  border-radius: 50%;

  border: 3px solid #03a6a1;
}

.reviews .container-fluid {
  padding: 0 6%;
}

.avatar {
  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 20px;
}

.avatar_img {
  margin-top: -100px;

  border: 10px solid #e8e2f6;

  border-radius: 50%;
}

.success-stars .stars {
  margin-top: 20px;
}

.success-stars i {
  color: #ff9702;
}

.review_slider .slick-slide {
  margin: 0px 15px;
}

.reviews_card:hover .avatar_txt h5,
.reviews_card:hover .avatar_txt p,
.reviews_card:hover p {
  color: black;
}

.review_slider .slick-track {
  display: flex;

  align-items: stretch;

  justify-content: center;
}

.reviews_card:hover .avatar_img {
  border-color: #fff;
}

.review_slider .slick-dots li button:before {
  font-size: 10px;

  opacity: 1;

  color: #81d2d0;
}

.testi-people {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 10px;

  height: 100%;

  text-align: center;
}

.success-stars {
  padding: 10px 0 20px 0;
}

.reviews_card > p {
  padding: 0 0 15px 0;
}

.review_slider .slick-dots li.slick-active button:before {
  opacity: 1;

  color: #ffffff;

  background-color: #03a6a1;

  border-radius: 102%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: -4px 0 0 0;
}

.review_slider .slick-dots {
  position: absolute;

  bottom: -23%;
}

.review_slider-row {
  margin: 30px 0 0 0;

  overflow: visible;
}

/* Success Stories ends  */

/* footer start */

footer {
  background-color: #201f1f;

  padding-top: 5%;
}

.footer-logo-wraper p {
  color: white;
}

.footer-logo > p {
  color: #9d9d9d;

  padding: 23px 0;
}

.quick-links > p {
  color: white;

  text-transform: uppercase;

  font-size: 20px;

  font-weight: 500;

  padding: 0 0 16px 0;

  position: relative;
}

.footer-services > p {
  color: white;

  text-transform: uppercase;

  font-size: 20px;

  font-weight: 500;

  padding: 0 0 10px 0;

  position: relative;
}

.contanct-info-footer > p {
  color: #9d9d9d;

  padding: 15px 0 25px 0;
}

ul.quick-links-list {
  display: flex;

  gap: 100px;
}

ul.quick-links-list div li {
  padding: 5px 0;
}

.contanct-info-footer h4 {
  color: white;

  text-transform: uppercase;

  padding: 0 0 10px 0;
}

ul.footer-services-list li {
  padding: 8px 0;
}

ul.contanct-info-footer-list a {
  padding: 30px 0;

  display: flex;

  align-items: center;

  color: #939393;
}

ul.contanct-info-footer-list a i {
  padding-right: 20px;
}

ul.quick-links-list div li a {
  color: #939393;
}

ul.quick-links-list div li a {
  color: #9d9d9d;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  display: inline-flex;
}

ul.quick-links-list div li a:hover {
  color: #03a6a1;

  transform: translateY(-2px) scale(1.05);

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;
}

ul.quick-links-list div li a::after {
  content: "";

  position: absolute;

  width: 0;

  height: 2px;

  bottom: -2px;

  left: 0;

  background-color: #03a6a1;

  transition: width 0.3s ease-in-out;
}

ul.quick-links-list div li a:hover::after {
  width: 100%;
}

.footer-services-list a {
  color: #9d9d9d;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  display: inline-flex;

  position: relative;

  text-decoration: none;
}

.footer-services-list a:hover {
  color: #03a6a1;

  transform: translateY(-2px) scale(1.05);

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;
}

.footer-services-list a::after {
  content: "";

  position: absolute;

  width: 0;

  height: 2px;

  bottom: -2px;

  left: 0;

  background-color: #03a6a1;

  transition: width 0.3s ease-in-out;
}

.footer-services-list a:hover::after {
  width: 100%;
}

ul.contanct-info-footer-list a {
  padding: 20px 0;

  display: flex;

  align-items: center;

  color: #e9e5e5;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  position: relative;

  text-decoration: none;
}

ul.contanct-info-footer-list a:hover {
  color: #599bd5;

  transform: translateY(-2px) scale(1.05);

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;
}

ul.contanct-info-footer-list a::after {
  content: "";

  position: absolute;

  width: 0;

  height: 2px;

  bottom: -2px;

  left: 0;

  background-color: #03a6a1;

  transition: width 0.3s ease-in-out;
}

ul.contanct-info-footer-list a:hover::after {
  width: 70%;
}

.copy-right-row p {
  color: #e7dfdf;
}

.footer-social-icon {
  display: flex;

  gap: 20px;

  padding: 10px 0 0 0;
}

ul.footer-social-icon a {
  width: 35px;

  height: 35px;

  background-color: transparent;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  border: 1px solid #03a6a1;

  border-radius: 50%;

  animation: scaleAnimation 2s ease-in-out infinite alternate;

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;
}

ul.footer-social-icon a:hover {
  background-color: #03a6a1;

  border: 1px solid transparent;

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;
}

ul.footer-social-icon a i {
  color: white;

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;
}

.copy-right-row {
  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  padding: 20px 0;

  border-top: 1px solid #616161;

  margin: 20px 0 0 0;
}

.footer-logo-wraper img {
  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;
}

.footer-logo-wraper img:hover {
  transform: scale(1.1) translateY(-2px);

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  cursor: pointer;

  filter: brightness(1.1);
}

.footer-logo > h5 {
  color: white;

  text-transform: uppercase;

  padding-bottom: 30px;

  position: relative;
}

.footer-logo > h5::before {
  position: absolute;

  content: "";

  width: 90px;

  height: 2px;

  background: linear-gradient(to right, #03a6a1, transparent);

  bottom: 19px;

  left: 0;
}

.pink-page-wrapper .footer-logo > h5::before {
  position: absolute;

  content: "";

  width: 90px;

  height: 2px;

  background: linear-gradient(to right, #db8dd0, transparent);

  bottom: 19px;

  left: 0;
}

.news-letter > p {
  color: white;

  text-transform: uppercase;

  padding-bottom: 20px;

  font-size: 20px;

  font-weight: 500;
}

.news-letter input {
  width: 100%;

  height: 50px;

  background-color: #03a6a1;

  border: 1px solid transparent;

  padding: 20px;

  color: white;

  margin: 20px 0 40px 0;

  border-radius: 5px;
}

.news-letter button {
  border: 1px solid transparent;

  margin-bottom: 30px;
}

.news-letter a {
  width: 100%;

  display: inline-flex;

  justify-content: space-between;

  align-items: center;

  text-align: center;

  padding-left: 30%;
}

.news-letter input::placeholder {
  color: #cbc5c5;
}

.footer-logo > h4 {
  color: white;

  text-transform: uppercase;

  padding: 0 0 10px 0;
}

.contanct-info-footer input {
  height: 60px;

  width: 100%;

  padding: 20px;

  background-color: #000000;

  color: white;

  border: 1px solid transparent;
}

.contanct-info-footer input::placeholder {
  color: #9d9d9d;
}

.contanct-info-footer > button {
  border: 1px solid transparent;

  margin: 20px 0 10px 0;
}

footer h4 {
  position: relative;

  padding-bottom: 10px;
}

.contanct-info-footer .theme-btn span {
  background-color: #201f1f;

  color: white;
}

footer h4::before {
  position: absolute;

  content: "";

  width: 120px;

  height: 2px;

  background: linear-gradient(to right, #03a6a1, transparent);

  bottom: -1px;

  left: 0;
}

.pink-page-wrapper footer h4::before {
  position: absolute;

  content: "";

  width: 120px;

  height: 2px;

  background: linear-gradient(to right, #db8dd0, transparent);

  bottom: -1px;

  left: 0;
}

ul.quick-links-list div {
  padding: 15px 0 0 0;
}

ul.footer-services-list {
  padding: 10px 0 0 0;
}

.quick-links > p::before {
  position: absolute;

  content: "";

  width: 132px;

  height: 2px;

  background: linear-gradient(to right, #03a6a1, transparent);

  bottom: -1px;

  left: 0;
}

.pink-page-wrapper .quick-links > p::before {
  position: absolute;

  content: "";

  width: 132px;

  height: 2px;

  background: linear-gradient(to right, #db8dd0, transparent);

  bottom: -1px;

  left: 0;
}

.footer-services > p::before {
  position: absolute;

  content: "";

  width: 234px;

  height: 2px;

  background: linear-gradient(to right, #03a6a1, transparent);

  bottom: -1px;

  left: 0;
}

.pink-page-wrapper .footer-services > p::before {
  position: absolute;

  content: "";

  width: 234px;

  height: 2px;

  background: linear-gradient(to right, #db8dd0, transparent);

  bottom: -1px;

  left: 0;
}

/* footer end */

/* Innert banner starts  */

.inner-banner {
  height: 70vh;

  width: 100%;

  background-color: white;

  position: relative;

  overflow: hidden;
}

.inner-banner::before {
  content: "";

  position: absolute;

  width: 83%;

  aspect-ratio: 1 / 1;

  background-color: #85d4d1;

  border-radius: 50%;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  margin: auto;

  transform: scale(1);

  animation: pulse-animation 2s infinite ease-in-out;

  z-index: 0;
}

.inner-banner .middle-circle {
  position: absolute;

  width: 81%;

  aspect-ratio: 1 / 1;

  background-color: #a5dfdd;

  border-radius: 50%;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  margin: auto;

  z-index: 1;
}

.inner-banner::after {
  position: absolute;

  content: "";

  width: 65%;

  aspect-ratio: 1 / 1;

  background-color: #85d4d1;

  border-radius: 50%;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  z-index: 2;

  margin: auto;
}

section.inner-banner .container-fluid {
  height: 100%;
}

section.inner-banner .container-fluid .row {
  height: 100%;
}

.inner-page-banner-content {
  height: 100%;

  position: relative;

  z-index: 9;

  display: flex;

  flex-direction: column;

  justify-content: center;

  color: aliceblue;

  align-items: center;
}

.inner-page-banner-content div {
  display: flex;

  gap: 20px;
}

.inner-page-banner-content h2 {
  font-size: 75px;

  font-weight: 700;
}

.inner-page-banner-content div a {
  font-weight: 600;

  text-transform: capitalize;
}

.inner-page-banner-content div span {
  color: black;

  font-size: 15px;

  font-weight: bold;
}

/* Innert banner ENds */

/* Testimonial page starts  */

.pgae-testimonal .reviews_card {
  border: 2px solid #cdcdcd;

  padding: 20px;

  border-radius: 5px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  height: 35.2vh;
}

.pgae-testimonal .reviews_card:hover {
  cursor: pointer;

  border: 2px solid #03a6a1;
}

.middle-slides {
  position: relative;
}

.middle-slides::before {
  content: "";

  position: absolute;

  top: -20%;

  right: 20px;

  width: 180px;

  height: 130px;

  background: url(../images/testi-quotes.png) no-repeat center center;

  z-index: 6;

  background-color: white;
}

section.pgae-testimonal .row {
  padding: 0 0 30px 0;
}

.tutor-card-img a img {
  height: 100%;

  width: 100%;

  object-fit: cover;

  border-radius: 20px;

  display: inline-flex;
}

.tutor-card-img a {
  height: 385px;

  width: 100%;

  display: inline-flex;
}

.tutor-card {
  position: relative;
}

.tutor-card-content {
  background-color: white;

  position: absolute;

  bottom: -25px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 20px 30px;

  width: 80%;

  left: 10%;

  border-radius: 15px;

  gap: 23px;
}

.share-icon {
  background-color: #db8dd0;

  height: 50px;

  width: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  border-radius: 50%;

  animation: 2s ease-in-out 0s infinite alternate none running scaleAnimation;

  border: 1px solid transparent;
}

.share-icon i {
  color: white;
}

.tuor-name h4 {
  font-weight: 700;
}

section.tutor-sec .row {
  padding: 0 0 70px 0;
}
.price-badge-tutor {
  position: absolute;
  top: 10px;
  right: 10px;
  width: fit-content;
  background-color: #db8dd0;
  color: white;
  height: 39px;
  padding: 0 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 20px;
}

.price-badge-tutor span {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
}
/* Testimonial page ENds */

/* pink page wraper starts  */

.pink-page-wrapper .inner-banner::after {
  position: absolute;

  content: "";

  width: 65%;

  aspect-ratio: 1 / 1;

  background-color: #edc7e8;

  border-radius: 50%;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  z-index: 2;

  margin: auto;
}

.pink-page-wrapper .inner-banner .middle-circle {
  position: absolute;

  width: 81%;

  aspect-ratio: 1 / 1;

  background-color: #f2d6ee;

  border-radius: 50%;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  margin: auto;

  z-index: 1;
}

.pink-page-wrapper .inner-banner::before {
  content: "";

  position: absolute;

  width: 83%;

  aspect-ratio: 1 / 1;

  background-color: #f8e8f6;

  border-radius: 50%;

  right: 0;

  bottom: 0;

  left: 0;

  top: 0;

  margin: auto;

  transform: scale(1);

  animation: pulse-animation 2s infinite ease-in-out;

  z-index: 0;
}

.pink-page-wrapper .top-header {
  background-color: #db8dd0;

  padding: 10px 0;
}

.pink-page-wrapper .theme-btn {
  background-color: #db8dd0;
}

.pink-page-wrapper .footer-social-icon a {
  width: 35px;

  height: 35px;

  background-color: transparent;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  border: 1px solid #db8dd0;

  border-radius: 50%;

  animation: scaleAnimation 2s ease-in-out infinite alternate;

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;
}

.pink-page-wrapper .footer-social-icon a:hover {
  background-color: #db8dd0;

  border: 1px solid transparent;

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;
}

/* pink page wraper Ends */

.pink-page-wrapper .quick-links-list div li a:hover {
  color: #db8dd0;

  transform: translateY(-2px) scale(1.05);

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;
}

.pink-page-wrapper .quick-links-list div li a::after {
  content: "";

  position: absolute;

  width: 0;

  height: 2px;

  bottom: -2px;

  left: 0;

  background-color: #db8dd0;

  transition: width 0.3s ease-in-out;
}

.pink-page-wrapper .footer-services-list a:hover {
  color: #db8dd0;

  transform: translateY(-2px) scale(1.05);

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;
}

.pink-page-wrapper .footer-services-list a::after {
  content: "";

  position: absolute;

  width: 0;

  height: 2px;

  bottom: -2px;

  left: 0;

  background-color: #db8dd0;

  transition: width 0.3s ease-in-out;
}

.pink-page-wrapper .contanct-info-footer-list a::after {
  content: "";

  position: absolute;

  width: 0;

  height: 2px;

  bottom: -2px;

  left: 0;

  background-color: #db8dd0;

  transition: width 0.3s ease-in-out;
}

.pink-page-wrapper .footer-social-icon a {
  width: 35px;

  height: 35px;

  background-color: transparent;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  border: 1px solid #db8dd0;

  border-radius: 50%;

  animation: scaleAnimation 2s ease-in-out infinite alternate;

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;
}

.pink-page-wrapper .footer-social-icon a:hover {
  background-color: #db8dd0;

  border: 1px solid transparent;

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;
}

/* pink page wrapper ENds */

/* Login page starts  */

.login-input {
  position: relative;
}

.login-input i {
  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  color: #db8dd0;

  font-size: 20px;

  font-weight: 500;
}

.login-input input {
  height: 60px;

  width: 100%;

  padding: 20px;

  padding-right: 40px;

  background-color: #fafafa;

  margin: 10px 0;

  border: 1px solid #292929;

  border-radius: 8px;
}

.login-input input::placeholder {
  color: #292929;

  text-transform: capitalize;
}

.keep-sign-in {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 10px 0 0 0;
}

.keep-sign-in div {
  display: flex;

  justify-content: center;

  gap: 10px;
}

.keep-sign-in div input {
  accent-color: #03a6a1;

  width: 20px;

  height: 20px;

  border: 1px solid #03a6a1;

  border-radius: 5px;

  margin: 0;

  cursor: pointer;
}

.keep-sign-in div label {
  cursor: pointer;

  color: #757373;

  font-size: 16px;
}

.keep-sign-in a {
  font-weight: 600;

  color: #03a6a1;
}

.form-btn {
  background: #03a6a1;

  color: white;

  height: 50px;

  width: 100%;

  align-content: center;

  align-items: center;

  text-align: center;

  margin: 40px 0 0 0;

  max-width: 550px;

  font-weight: 600;

  text-transform: capitalize;
}

.continue-with {
  position: relative;
}

.continue-with::before {
  content: "";

  width: 100px;

  height: 1px;

  background-color: gray;

  position: absolute;

  left: -110px;

  top: 23px;
}

.continue-with::after {
  content: "";

  width: 100px;

  height: 1px;

  top: 22px;

  left: 128px;

  background-color: gray;

  position: absolute;
}

.form-bottom {
  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;
}

.form-bottom > p {
  padding: 10px 0;

  position: relative;
}

.form-bottom p a {
  color: #03a6a1;

  font-weight: 600;
}

.form-btn:hover {
  color: white;
}

.continue-with-third-party i {
  font-size: 50px;

  color: #03a6a1;
}

.continue-with-third-party {
  display: flex;

  gap: 60px;

  margin: 10px;
}

.login-right img {
  height: 700px;

  width: 100%;

  object-fit: cover;
}

section.login-sec .row {
  align-items: center;
}

.pink-page-wrapper .continue-with-third-party i {
  font-size: 50px;

  color: #db8dd0;
}

/* Login page ENds */

/* Sign up page starts  */

.pink-page-wrapper .form-btn {
  background: #db8dd0;

  color: white;

  height: 50px;

  width: 100%;

  align-content: center;

  align-items: center;

  text-align: center;

  margin: 40px 0 0 0;

  max-width: 550px;

  font-weight: 600;

  text-transform: capitalize;
}

.pink-page-wrapper .keep-sign-in div input {
  accent-color: #db8dd0;

  width: 20px;

  height: 20px;

  border: 1px solid #db8dd0;

  border-radius: 5px;

  margin: 0;

  cursor: pointer;
}

.pink-page-wrapper .keep-sign-in a {
  font-weight: 600;

  color: #db8dd0;
}

.pink-page-wrapper .form-bottom p a {
  color: #db8dd0;

  font-weight: 600;
}

.pink-page-wrapper .continue-with::after {
  content: "";

  width: 100px;

  height: 1px;

  top: 22px;

  left: 122px;

  background-color: gray;

  position: absolute;
}

.google-btn {
  width: 320px;

  background-color: white;

  border-radius: 12px;

  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);

  display: flex;

  align-items: center;

  padding: 10px 20px;

  margin: 20px 0;

  cursor: pointer;

  transition: 0.3s ease;
}

.google-btn img {
  width: 24px;

  height: 24px;

  margin-right: 15px;
}

.google-btn span {
  font-size: 16px;

  color: #757575;
}

.signup-inpt input {
  height: 60px;

  width: 100%;

  padding: 20px;

  border: 1px solid #d5d4d4;

  background-color: #fafafa;

  margin: 7px 0;

  border-radius: 9px;
}

.signup-inpt .login-input i {
  color: #db8dd0;
}

.signup-inpt label {
  font-weight: 600;

  color: black;

  margin: 10px 0 0 0;

  cursor: pointer;
}

section.signup-sec .container-fluid {
  padding: 0 5% 0 0;
}

.signup-left img {
  height: 800px;

  width: 100%;

  object-fit: cover;
}

section.signup-sec .row {
  align-items: center;
}

/* Sign up page ENds */

/* Booking page starts  */

/* Search filter starts  */

section.search-filter {
  padding: 100px 0 10px 0;
}

.search-filed input {
  height: 60px;

  width: 99%;

  padding: 20px;

  margin: 0 0 0px 0;

  border-radius: 7px;

  border: 1px solid #03a6a1;

  outline: none;
}

.filtered-wraper .form-select {
  display: block;

  width: 100%;

  padding: 0.375rem 2.25rem 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #212529;

  background-color: #fff;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2303A6A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right 0.75rem center;

  background-size: 16px 12px;

  border-radius: 5px;

  border: 1px solid #03a6a1;

  height: 60px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  color: #03a6a1;
}

.search-filed {
  position: relative;
}

.search-filed button {
  height: 50px;

  width: fit-content;

  padding: 0 30px;

  display: inline-flex;

  justify-content: space-between;

  align-items: center;

  text-align: center;

  position: absolute;

  top: 5px;

  right: 24px;

  border-radius: 5px;

  border: 1px solid transparent;

  background-color: #03a6a1;

  color: white;

  transition: all 0.3s ease;

  cursor: pointer;
}

.search-filed button:hover {
  background-color: #028a86;

  transform: translateY(-2px);

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Optional: Add an active state for when button is clicked */

.search-filed button:active {
  transform: translateY(0);

  box-shadow: none;
}

.search-filed button i {
  padding: 0 0 0 12px;
}

.search-filed input::placeholder {
  color: #03a6a1;
}

.search-filed input:active,
.search-filed input:focus {
  border: 1px solid #03a6a1;

  outline: none;
}

.filtered-wraper {
  margin: 20px 17px 0 5px;
}

.filter-select select {
  height: 50px;

  border: 1px solid #03a6a1;

  color: #03a6a1;
}

/* Search filter ENds */

section.book-page.all-section {
  padding: 0 0 80px 0;
}

.book-page .row {
  padding: 20px 0 30px 0;
}

.pink-page-wrapper .lesson-btn {
  background-color: #db8dd0;

  color: white;

  text-transform: capitalize;
}

.pink-page-wrapper .student-btn {
  background-color: #f4ddf1;

  text-transform: capitalize;
}

.pink-page-wrapper .inner-page-banner-content div a:hover {
  color: #db8dd0;
}

/* Booking page ENds */

/* Career page Starst  */

.career-heading h2 {
  font-weight: 700;
}

.career-input input {
  height: 50px;

  width: 100%;

  border: 1px solid #c7c0c0;

  padding: 20px;

  margin: 15px 0;

  border-radius: 7px;
}

.career-input select {
  height: 50px;

  width: 100%;

  border: 1px solid #c7c0c0;

  padding: 10px;

  margin: 15px 0;
}

.career-input label {
  color: black;

  font-weight: 550;

  font-size: 14px;

  padding: 0 0 0 0;

  margin: 0;
}

.file-wrapper {
  text-align: center;

  padding: 50px;

  font-family: Arial, sans-serif;
}

.range-slidder label {
  color: black;

  font-weight: 550;
}

.file-wrapper .icon {
  font-size: 24px;

  color: #d81b60;

  cursor: pointer;

  margin: 0 0 20px 0;
}

.file-wrapper .instructions {
  color: #666;

  margin: 10px 0 20px 0;
}

.file-wrapper h2 {
  padding: 0 0 10px 0;
}

.instructions strong {
  font-size: 25px;

  color: black;
}

.career-buttons {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 20px;
}

.career-buttons button {
  border: 1px solid transparent;
}

.session-book-left h2 {
  font-size: 35px;

  width: 70%;
}

.session-book-left h4 {
  font-weight: 600;

  padding: 10px 0;
}

.session-book-left p {
  padding: 15px 0;
}

.wrapper-list-session {
  display: flex;

  gap: 50px;
}

.wrapper-list-session div ul li {
  margin: 21px 0;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;
}

.wrapper-list-session div ul li img {
  padding: 0 10px 0 0;
}

.course-include h4 {
  font-size: 20px;

  font-weight: 600;

  padding: 20px 0 0 0;
}

.session-right-img img {
  height: 305px;

  width: 100%;

  border-radius: 7px;
}

.course-include div {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 21px 0;
}

.course-include div img {
  padding: 0 10px 0 0;
}

.session-book-right .theme-btn {
  border: 1px solid transparent;

  width: 100%;
}

.session-book-right .theme-btn span {
  color: black;

  font-weight: 600;

  display: flex;

  align-items: center;

  padding: 12px 20px 12px 20px;

  font-size: 12px;

  width: fit-content;

  text-transform: uppercase;

  font-family: montserrat;

  background: #fff;

  border-radius: 5px;

  width: 90%;

  text-align: center;

  justify-content: center;
}

.career-sbmt {
  background-color: #f4ddf1 !important;
}

.career-sbmt img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7455%)
    hue-rotate(212deg) brightness(100%) contrast(110%);
}

.career-sbmt span {
  background-color: #db8dd0 !important;

  color: white;
}

/* Career page ENds */

/* Tutor detail page Starst  */

.tutor-box {
  padding: 30px;

  background-color: #03a6a1;

  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.tutor-content h2,
.tutor-content p {
  color: white;
}

.tutor-content p {
  padding: 5px 0;
}

.tutor-content div {
  padding: 10px 0;
}

.tutor-details-ct {
  padding: 0 !important;
}

.tutor-details-ct div {
  padding: 0;

  display: flex;

  gap: 85px;
}

.tutor-img img {
  height: 390px;

  width: 100%;

  object-fit: cover;

  border-radius: 5px;
}

.subject-dt {
  padding: 20px 0;
}

.subject-dt h2 {
  padding: 0 0 10px 0;
}

.subject-dt p {
  padding: 0 0 10px 0;
}

.eduactional-background p {
  padding: 0 0 10px 0;
}

.skill-main {
  width: 100%;

  max-width: 600px;

  display: flex;

  flex-direction: column;

  gap: 20px;

  margin: 25px 0px;
}

.skill-main h4 {
  font-weight: 700;

  font-size: 30px;
}

.skill-main .skill-wrrap {
  display: flex;

  flex-direction: column;

  gap: 5px;
}

.skill-main .skill-wrrap .skill-name {
  color: #000;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 7px;
}

.skill-main .skill-wrrap .skill-bar {
  height: 12px;

  background-color: #eaeaea;

  border-radius: 8px;

  position: relative;
}

.skill-main .skill-wrrap .skill-per {
  height: 12px;

  background: #03a6a1;

  border-radius: 8px;

  width: 0;

  transition: 1s linear;

  position: relative;
}

.skill-main .skill-wrrap .skill-per:before {
  content: attr(per);

  position: absolute;

  padding: 4px 6px;

  color: #000;

  font-size: 16px;

  top: -35px;

  right: 0;

  transform: translateX(50%);

  font-weight: 600;
}

.skill-main .skill-wrrap .skill-per:after {
  content: "";

  position: absolute;

  width: 16px;

  height: 16px;

  right: -8px;

  top: 50%;

  transform: translateY(-50%);

  background: #ffffff;

  border: 2px solid #03a6a1;

  border-radius: 50%;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/* Tutor detail page Ends */

/* InnerPage Contact Us start */

.contact-pag-form form {
  position: relative;
}

.contact-pag-form .form-group {
  position: relative;
}

.contact-pag-form .form-group::after {
  content: "";

  height: 53px;

  width: 10px;

  position: absolute;

  left: 40px;

  top: 5px;

  background-size: 10px 50px;

  background-image: url(../images/aroow-forward.png);

  background-repeat: no-repeat;
}

.contact-pag-form .form-group1::after {
  content: "";

  height: 53px;

  width: 10px;

  position: absolute;

  right: 40px;

  top: 5px;

  left: unset;

  transform: rotate(180deg);

  background-size: 10px 50px;

  background-image: url(../images/aroow-forward.png);

  background-repeat: no-repeat;
}

.contact-pag-form form input.form-control {
  height: 60px;

  font-size: 15px;

  padding-left: 55px;

  border: 1px solid #bdbdbd;

  line-height: 0;

  box-shadow: none;

  color: black;

  font-weight: 400;

  background-color: transparent;

  margin-top: 20px;

  font-family: "Montserrat";

  display: flex;

  border-radius: 5px;
}

.contact-pag-form form select.form-control {
  height: 60px;

  font-size: 15px;

  padding-left: 25px;

  border: 1px solid #bdbdbd;

  box-shadow: none;

  color: black;

  font-weight: 400;

  background-color: transparent;

  margin-top: 20px;

  font-family: "Montserrat";

  display: flex;

  border-radius: 5px;
}

.contact-pag-form .form-group:before {
  content: "";

  position: absolute;

  background-image: url(../images/contact-line.png);

  width: 8px;

  height: 47px;

  background-repeat: no-repeat;

  left: 40px;

  top: 5px;
}

.contact-pag-form .form-group:before {
  content: "";

  position: absolute;

  background-image: url(../images/contact-line.png);

  width: 50px;

  height: 50px;
}

.contact-pag-form form input.form-control::placeholder {
  color: #909091;
}

.contact-main-sec .them-btn-1:hover {
  background-color: #00006d;

  transition: 0.3s all;
}

.contact-pag-form form textarea.form-control {
  font-size: 15px;

  padding-left: 25px;

  padding-top: 20px;

  border: 1px solid #c6c6c6;

  letter-spacing: 0;

  box-shadow: none;

  resize: unset;

  background-color: transparent;

  margin-top: 20px;

  color: #000000;

  border-radius: inherit;

  border-radius: 6px;

  height: 150px;

  scroll-behavior: unset;
}

.contact-pag-form .email {
  padding: 0;
}

.contact-pag-form h4 {
  font-size: 62px;

  line-height: 70px;

  font-weight: 500;

  text-transform: capitalize;

  color: #fff;
}

.contact-pag-form form textarea.form-control::placeholder {
  color: #909091;
}

.contact-pag-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #909091;
}

.contact-pag-form ::-moz-placeholder {
  /* Firefox 19+ */

  color: rgba(18, 28, 42, 0.55);
}

.contact-pag-form :-ms-input-placeholder {
  /* IE 10+ */

  color: rgba(18, 28, 42, 0.55);
}

.contact-pag-form :-moz-placeholder {
  /* Firefox 18- */

  color: rgba(18, 28, 42, 0.55);
}

.cicle-icon i {
  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  border: transparent;

  height: 70px;

  width: 70px;

  border-radius: 50px;

  color: #db8dd0;

  background: #fff;
}

.cicle-icon img {
  margin: 0 auto;
}

.contact-info {
  background: #e9bbe3;

  width: 100%;

  padding: 40px 20px;

  margin-bottom: 10px;

  border: 1px solid #c6c6c6;

  display: flex;

  align-items: center;

  justify-content: flex-start;
}

.contact-main-sec h4 {
  font-size: 45px;

  color: #000000;

  font-weight: 400;

  line-height: 42px;

  margin-bottom: 10px;

  margin-left: 10px;
}

.contact-main-sec p span {
  display: block;
}

.contact-main-sec p {
  font-size: 16px;

  color: #fff;

  margin-bottom: 0;

  font-family: "Oswald";

  text-transform: capitalize;
}

.contact-main-sec h2 {
  margin: 0;

  font-size: 20px;

  color: black;

  font-weight: 600;

  line-height: 30px;
}

.contact_text p {
  font-size: 22px;

  line-height: 25px;

  color: #8b8b8b;

  padding-top: 0px;

  font-weight: 400;

  font-family: "Montserrat";

  letter-spacing: 1px;
}

.contact_text p a {
  font-size: 18px;

  color: black;

  text-decoration: none;

  transition: 0.5s ease-in-out;

  margin-top: 3px;

  display: block;

  font-weight: 600;
}

.mailt {
  padding-left: 30px;
}

.contact_text a:hover {
  color: #8b8b8b;
}

.contact_text p a.email-text:hover {
  color: #8b8b8b;
}

.contact-us {
  padding: 6% 0;
}

.contact-head {
  text-align: center;
}

.contact-head h2 {
  font-size: 50px;

  color: #000;

  text-transform: uppercase;
}

.lg-btn {
  width: 100%;
}

.cp {
  font-size: 17px;

  line-height: 27px;
}

.contact_heading {
  margin-bottom: 30px;
}

.contact_heading h2 {
  font-size: 45px;

  color: #000000;

  font-weight: bolder;
}

.contact-side-bar {
  padding-top: 13%;

  margin-left: 20px;
}

.contact-main-sec {
  padding: 100px 0;
}

.contact-main-sec .them-btn-1 {
  margin-top: 20px;

  border: none;

  padding: 12px 20px;

  background-color: #ff0000;

  color: white;

  border-radius: 25px;
}

.b-img img {
  border-radius: 20px;
}

.contact-pag-form .form-group i {
  position: absolute;

  top: 20px;

  color: #db8dd0;

  left: 13px;

  font-size: 20px;
}

.contact-pag-form .form-group1 i {
  right: 13px;

  left: unset;

  color: #7f7f7f;

  pointer-events: none;
}

.contact-pag-form {
  margin-top: 0;
}

.contact-pag-form button {
  margin-top: 5%;
}

section.contact-main-sec button {
  border: 1px solid transparent;
}

.salary-range-wrapper .skill-main .skill-wrrap .skill-per {
  height: 12px;

  background: #db8dd0;

  border-radius: 8px;

  width: 0;

  transition: 1s linear;

  position: relative;
}

.salary-range-wrapper .skill-main .skill-wrrap .skill-per:after {
  content: "";

  position: absolute;

  width: 16px;

  height: 16px;

  right: -8px;

  top: 50%;

  transform: translateY(-50%);

  background: #ffffff;

  border: 2px solid #db8dd0;

  border-radius: 50%;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/* InnerPage Contact Us end */

/* Chat Bot Starts  */

.chat-icon {
  position: fixed;

  bottom: 20px;

  right: 20px;

  background-color: #03a6a1;

  color: white;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

  transition: transform 0.3s ease, background-color 0.3s ease;

  z-index: 1000;
}

.chat-icon:hover {
  background-color: #037773;

  transform: scale(1.1);
}

.chat-icon i {
  font-size: 24px;
}

.chat-window {
  position: fixed;

  bottom: 90px;

  right: 20px;

  width: 341px;

  max-width: 90%;

  height: 462px;

  background-color: white;

  border-radius: 15px;

  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);

  display: none;

  flex-direction: column;

  overflow: hidden;

  z-index: 999;

  transform: scale(0.7);

  opacity: 0;

  transition: transform 0.3s ease, opacity 0.3s ease;
}

.chat-window.open {
  display: flex;

  transform: scale(1);

  opacity: 1;
}

.chat-header {
  background-color: #03a6a1;

  color: white;

  padding: 15px;

  font-size: 18px;

  font-weight: bold;

  display: flex;

  justify-content: space-between;

  align-items: center;
}

.chat-header .close-btn {
  cursor: pointer;

  font-size: 20px;
}

.chat-body {
  flex: 1;

  padding: 15px;

  overflow-y: auto;

  background-color: #f9f9f9;
}

.message {
  margin-bottom: 10px;

  padding: 10px;

  border-radius: 10px;

  max-width: 80%;
}

.message.user {
  background-color: #03a6a1;

  color: white;

  margin-left: auto;
}

.message.bot {
  background-color: #e0e0e0;

  color: black;

  margin-right: auto;
}

.chat-input {
  display: flex;

  padding: 10px;

  background-color: white;

  border-top: 1px solid #ddd;
}

.chat-input input {
  flex: 1;

  padding: 10px 10px 10px 18px;

  border: 1px solid #ddd;

  border-radius: 5px;

  outline: none;

  margin-right: 10px;
}

.chat-input button {
  background-color: #03a6a1;

  color: white;

  border: none;

  padding: 10px 23px;

  border-radius: 6px;

  cursor: pointer;
}

.chat-input button:hover {
  background-color: #048884;
}

.chat-window-closed .chat-icon {
  animation: chatBox 1s infinite;
}

@keyframes chatBox {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@media (max-width: 400px) {
  .chat-window {
    width: 100%;

    height: 80vh;

    bottom: 0;

    right: 0;

    border-radius: 0;
  }
}

.pink-page-wrapper .chat-icon {
  position: fixed;

  bottom: 20px;

  right: 20px;

  background-color: #db8dd0;

  color: white;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

  transition: transform 0.3s ease, background-color 0.3s ease;

  z-index: 1000;
}

.pink-page-wrapper .chat-icon:hover {
  background-color: #eb7adc;

  transform: scale(1.1);
}

.pink-page-wrapper .chat-header {
  background-color: #db8dd0;

  color: white;

  padding: 15px;

  font-size: 18px;

  font-weight: bold;

  display: flex;

  justify-content: space-between;

  align-items: center;
}

.pink-page-wrapper .message.user {
  background-color: #db8dd0;

  color: white;

  margin-left: auto;
}

.pink-page-wrapper .chat-input button {
  background-color: #db8dd0;

  color: white;

  border: none;

  padding: 10px 23px;

  border-radius: 5px;

  cursor: pointer;
}

.pink-page-wrapper .chat-input button:hover {
  background-color: #eb7adc;
}

/* Chat Bot ENds */

/* instructor profile Starts  */

section.instructor-profile {
  padding: 100px 0;
}

section.instructor-profile img {
  border-radius: 10px;

  height: 300px;

  width: 100%;

  object-fit: cover;
}

section.instructor-profile .row {
  justify-content: center;
}

section.instructor-profile .row .border-neutral-30 {
  border-color: var(--neutral-30) !important;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.Profile-modal-social-icons .wrapper .button {
  display: inline-block;

  height: 60px;

  width: 60px;

  float: left;

  margin: 0 5px;

  overflow: hidden;

  background: #fff;

  border-radius: 50px;

  cursor: pointer;

  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);

  transition: all 0.3s ease-out;
}

.Profile-modal-social-icons .wrapper .button:hover {
  width: 200px;
}

.Profile-modal-social-icons .wrapper .button .icon {
  display: inline-flex;

  height: 60px;

  width: 60px;

  text-align: center;

  border-radius: 50px;

  box-sizing: border-box;

  line-height: 60px;

  transition: all 0.3s ease-out;

  justify-content: center;

  align-items: center;

  text-align: center;
}

.Profile-modal-social-icons .wrapper .button:nth-child(1):hover .icon {
  background: #4267b2;
}

.Profile-modal-social-icons .wrapper .button:nth-child(2):hover .icon {
  background: #000;
}

.Profile-modal-social-icons .wrapper .button:nth-child(3):hover .icon {
  background: #e1306c;
}

.Profile-modal-social-icons .wrapper .button:nth-child(4):hover .icon {
  background: #0077b5;
}

.Profile-modal-social-icons .wrapper .button:nth-child(5):hover .icon {
  background: #ff0000;
}

.Profile-modal-social-icons .wrapper .button:nth-child(1):active .icon {
  background: #4267b2;
}

.Profile-modal-social-icons .wrapper .button:nth-child(2):active .icon {
  background: #000;
}

.Profile-modal-social-icons .wrapper .button:nth-child(3):active .icon {
  background: #e1306c;
}

.Profile-modal-social-icons .wrapper .button:nth-child(4):active .icon {
  background: #0077b5;
}

.Profile-modal-social-icons .wrapper .button:nth-child(5):active .icon {
  background: #ff0000;
}

.Profile-modal-social-icons .wrapper .button .icon i {
  font-size: 25px;

  line-height: 60px;

  transition: all 0.3s ease-out;
}

.Profile-modal-social-icons .wrapper .button:hover .icon i {
  color: #fff;
}

.Profile-modal-social-icons .Profile-modal-social-icons .wrapper .button span {
  font-size: 20px;

  font-weight: 500;

  line-height: 60px;

  margin-left: 10px;

  transition: all 0.3s ease-out;
}

.Profile-modal-social-icons .wrapper .button:nth-child(1) span {
  color: #4267b2;
}

.Profile-modal-social-icons .wrapper .button:nth-child(2) span {
  color: #000;
}

.Profile-modal-social-icons .wrapper .button:nth-child(3) span {
  color: #e1306c;
}

.Profile-modal-social-icons .wrapper .button:nth-child(4) span {
  color: #0077b5;
}

.Profile-modal-social-icons .wrapper .button:nth-child(5) span {
  color: #ff0000;
}

.profil-tutor-modal-wrapper .tutor-profile-modal {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.8);

  z-index: 9999;

  display: flex;

  justify-content: center;

  align-items: center;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease;
}

.profil-tutor-modal-wrapper .tutor-profile-modal.active {
  opacity: 1;

  visibility: visible;
}

.profil-tutor-modal-wrapper .modal-content {
  background-color: #fff;

  border-radius: 12px;

  max-width: 800px;

  width: 90%;

  padding: 30px;

  position: relative;

  transform: translateY(50px);

  transition: transform 0.3s ease;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.profil-tutor-modal-wrapper .modal-content img {
  border-radius: 12px;

  margin-bottom: 20px;

  max-width: 100%;

  height: auto;
}

.profil-tutor-modal-wrapper .tutor-profile-modal.active .modal-content {
  transform: translateY(0);
}

.profil-tutor-modal-wrapper .close-modal {
  position: absolute;

  top: 15px;

  right: 15px;

  font-size: 24px;

  cursor: pointer;

  color: #888;

  transition: color 0.3s ease;
}

.profil-tutor-modal-wrapper .close-modal:hover {
  color: #333;
}

.profil-tutor-modal-wrapper .theme-btn img {
  padding: 0;

  margin: 0px;
}

.profil-tutor-modal-wrapper p {
  padding: 0 0 20px 0;
}

.social-icons-row {
  width: 100%;

  margin: 20px 0 30px 0;

  display: flex;

  justify-content: center;
}

.insbutton-row {
  width: 100%;

  display: flex;

  justify-content: center;
}

.Profile-modal-social-icons .wrapper {
  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 10px;
}

.insbutton-row .theme-btn {
  margin: 0 auto;

  border: 1px solid transparent;
}
.pink-page-wrapper .search-filed input {
  height: 60px;
  width: 99%;
  padding: 20px;
  margin: 0 0 0px 0;
  border-radius: 7px;
  border: 1px solid #db8dd0;
  outline: none;
}
.pink-page-wrapper .search-filed button {
  height: 50px;
  width: fit-content;
  padding: 0 30px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 5px;
  right: 12px;
  border-radius: 5px;
  border: 1px solid transparent;
  background-color: #db8dd0;
  color: white;
  transition: all 0.3s ease;
  cursor: pointer;
}
.pink-page-wrapper .search-filed input::placeholder {
  color: #db8dd0;
}
.tutor-filters-select select {
  height: 60px;
  width: 100%;
  padding: 15px;
  border: 1px solid #db8dd0;
  color: #db8dd0;
  background: url("../images/select-down.png") no-repeat center right 15px;
  background-size: 15px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 7px;
  outline: none;
}

.tutor-filters-select {
  position: relative;
}

.tutor-filters-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background-image: url("../images/select-down.png");
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(96%) sepia(38%) saturate(5629%)
    hue-rotate(239deg) brightness(85%) contrast(101%);
  pointer-events: none;
}

.tutor-filters-select select {
  background-image: none;
}

/* instructor profile Ends */

/* payment page starts  */

section.payment-page-wraper {
  padding: 100px 0;
}

.payment-page-wraper .bg-particles {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: 1;
}

.payment-page-wraper .particle {
  position: absolute;

  width: 2px;

  height: 2px;

  background: rgba(102, 126, 234, 0.5);

  border-radius: 50%;

  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    transform: translateY(-20px) rotate(180deg);
  }
}

.payment-page-wraper .checkout-container {
  max-width: 600px;

  margin: 0 auto;

  background: rgba(255, 255, 255, 0.05);

  border-radius: 28px;

  box-shadow: 0 20px 60px rgba(102, 126, 234, 0.15);

  padding: 45px 35px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  backdrop-filter: blur(20px);

  position: relative;

  z-index: 2;

  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;

    transform: translateY(30px);
  }

  to {
    opacity: 1;

    transform: translateY(0);
  }
}

.payment-page-wraper .checkout-header {
  text-align: center;

  margin-bottom: 35px;
}

.payment-page-wraper .checkout-title {
  font-size: 2.5rem;

  font-weight: 800;

  background: linear-gradient(135deg, #03a6a1, #4ac7c2);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  margin-bottom: 8px;

  animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    filter: drop-shadow(0 0 10px rgba(3, 166, 161, 0.3));
  }

  to {
    filter: drop-shadow(0 0 20px rgba(3, 166, 161, 0.6));
  }
}

.payment-page-wraper .checkout-subtitle {
  color: #aaa;

  font-size: 1.1rem;

  margin-bottom: 0;
}

.payment-page-wraper .progress-bar {
  width: 100%;

  height: 4px;

  background: rgba(255, 255, 255, 0.1);

  border-radius: 2px;

  margin: 25px 0;

  overflow: hidden;
}

.payment-page-wraper .progress-fill {
  height: 100%;

  background: linear-gradient(135deg, #03a6a1, #4ac7c2);

  border-radius: 2px;

  width: 33%;

  transition: width 0.5s ease;
}

.payment-page-wraper .checkout-summary {
  background: rgba(255, 255, 255, 0.08);

  border-radius: 18px;

  padding: 25px;

  margin-bottom: 35px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  position: relative;

  overflow: hidden;
}

.payment-page-wraper .checkout-summary::before {
  content: "";

  position: absolute;

  top: 0;

  left: -100%;

  width: 100%;

  height: 100%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );

  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  0% {
    left: -100%;
  }

  100% {
    left: 100%;
  }
}

.payment-page-wraper .summary-row {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 12px;

  position: relative;

  z-index: 1;
}

.payment-page-wraper .summary-row:last-child {
  margin-bottom: 0;

  padding-top: 12px;

  border-top: 1px solid rgba(255, 255, 255, 0.15);

  font-size: 1.2rem;

  font-weight: 700;
}

.payment-page-wraper .summary-label {
  color: #bbb;

  font-size: 1rem;
}

.payment-page-wraper .summary-value {
  color: #fff;

  font-weight: 600;
}

.payment-page-wraper .payment-methods {
  margin-bottom: 30px;
}

.payment-page-wraper .payment-method-title {
  font-size: 1.3rem;

  font-weight: 600;

  margin-bottom: 20px;

  color: #fff;
}

.payment-page-wraper .payment-tabs {
  display: flex;

  gap: 10px;

  margin-bottom: 25px;
}

.payment-page-wraper .payment-tab {
  flex: 1;

  padding: 12px 20px;

  background: rgba(255, 255, 255, 0.05);

  border: 1px solid #37beb9;

  border-radius: 12px;

  color: black;

  cursor: pointer;

  transition: all 0.3s;

  text-align: center;

  font-weight: 500;
}

.payment-page-wraper .payment-tab.active {
  background: linear-gradient(135deg, #03a6a1, #4ac7c2);

  color: #fff;

  border: 1px solid #03a6a1;

  transform: translateY(-2px);
}

.payment-page-wraper .payment-tab:hover:not(.active) {
  background: rgba(255, 255, 255, 0.08);

  transform: translateY(-1px);
}

.payment-page-wraper .saved-cards {
  margin-bottom: 25px;
}

.payment-page-wraper .saved-card {
  background: rgba(255, 255, 255, 0.06);

  border: 1px solid rgba(255, 255, 255, 0.1);

  border-radius: 14px;

  padding: 18px;

  margin-bottom: 12px;

  cursor: pointer;

  transition: all 0.3s;

  display: flex;

  align-items: center;

  gap: 15px;
}

.payment-page-wraper .saved-card:hover {
  background: rgba(255, 255, 255, 0.1);

  transform: translateY(-2px);
}

.payment-page-wraper .saved-card.selected {
  border: 2px solid #3fc2bd;

  background: rgba(61, 193, 188, 0.1);
}

.payment-page-wraper .card-icon {
  font-size: 1.5rem;

  color: #40c2bd;
}

.payment-page-wraper .card-info {
  flex: 1;
}

.payment-page-wraper .card-number {
  font-weight: 600;

  margin-bottom: 4px;
}

.payment-page-wraper .card-type {
  color: #aaa;

  font-size: 0.9rem;
}

.payment-page-wraper .add-new-card {
  background: rgba(255, 255, 255, 0.04);

  border: 2px dashed #03a6a1;

  border-radius: 5px;

  padding: 18px;

  cursor: pointer;

  transition: all 0.3s;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  color: #03a6a1;

  font-weight: 500;
}

.payment-page-wraper .add-new-card:hover {
  border-color: #41c3be;

  color: #41c3be;

  background: rgba(102, 126, 234, 0.05);
}

.payment-page-wraper .checkout-form {
  display: none;
}

.payment-page-wraper .checkout-form.active {
  display: block;

  animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;

    transform: translateY(10px);
  }

  to {
    opacity: 1;

    transform: translateY(0);
  }
}

.payment-page-wraper .form-group {
  margin-bottom: 20px;
}

.payment-page-wraper .form-group label {
  display: block;

  margin-bottom: 8px;

  color: #03a6a1;

  font-size: 0.95rem;

  font-weight: 500;
}

.payment-page-wraper .form-group input {
  width: 100%;

  padding: 14px;

  border-radius: 5px;

  border: 1px solid #03a6a1;

  background: rgba(255, 255, 255, 0.08);

  color: black;

  font-size: 1rem;

  transition: all 0.3s;
}

.payment-page-wraper .form-group input:focus {
  border: 2px solid #667eea;

  outline: none;

  background: rgba(255, 255, 255, 0.12);

  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.payment-page-wraper .form-row {
  display: flex;

  gap: 15px;
}

.payment-page-wraper .form-row .form-group {
  flex: 1;
}

.payment-page-wraper .security-badge {
  display: flex;

  align-items: center;

  gap: 8px;

  color: #34d399;

  font-size: 0.9rem;

  margin-top: 15px;
}

.payment-page-wraper .checkout-btn {
  width: 100%;

  background: linear-gradient(135deg, #03a6a1, #4ac7c2);

  border: none;

  border-radius: 16px;

  color: #fff;

  padding: 18px 0;

  font-size: 1.2rem;

  font-weight: 700;

  cursor: pointer;

  transition: all 0.4s;

  margin-top: 25px;

  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.2);

  position: relative;

  overflow: hidden;
}

.payment-page-wraper .checkout-btn:hover {
  transform: translateY(-3px);

  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.3);
}

.payment-page-wraper .checkout-btn:active {
  transform: translateY(0);
}

.payment-page-wraper .checkout-btn::before {
  content: "";

  position: absolute;

  top: 0;

  left: -100%;

  width: 100%;

  height: 100%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );

  transition: left 0.5s;
}

.payment-page-wraper .checkout-btn:hover::before {
  left: 100%;
}

.payment-page-wraper .checkout-success {
  background: rgba(52, 211, 153, 0.15);

  color: #34d399;

  border: 1px solid rgba(52, 211, 153, 0.3);

  border-radius: 16px;

  padding: 25px;

  margin-top: 25px;

  text-align: center;

  font-weight: 600;

  font-size: 1.2rem;

  animation: successPulse 0.6s ease-out;
}

@keyframes successPulse {
  0% {
    transform: scale(0.8);

    opacity: 0;
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);

    opacity: 1;
  }
}

.payment-page-wraper .loading {
  opacity: 0.7;

  pointer-events: none;
}

.payment-page-wraper .loading .checkout-btn {
  background: #555;
}

.payment-page-wraper .spinner {
  display: inline-block;

  width: 20px;

  height: 20px;

  border: 2px solid #fff;

  border-radius: 50%;

  border-top-color: transparent;

  animation: spin 1s linear infinite;

  margin-right: 10px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {
  .checkout-container {
    padding: 25px 20px;

    margin: 10px;
  }

  .checkout-title {
    font-size: 2rem;
  }

  .form-row {
    flex-direction: column;

    gap: 0;
  }

  .payment-tabs {
    flex-direction: column;
  }
}

/* payment page Ends */

/* Calender page Starts  */

.calnder-sec-wrapper .container {
  background: white;

  border-radius: 12px;

  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);

  width: 100%;

  max-width: 1000px;

  overflow: hidden;

  transition: all 0.3s ease;
}

section.calnder-sec-wrapper {
  padding: 100px;
}

.calnder-sec-wrapper .header {
  background: #db8dd0;

  color: white;

  padding: 25px;

  text-align: center;
}

.calnder-sec-wrapper .header h1 {
  margin: 0;

  font-weight: 500;

  font-size: 1.5rem;

  color: white;
}

.calnder-sec-wrapper .calendar-view {
  display: flex;

  padding: 20px;

  gap: 20px;
}

.calnder-sec-wrapper .calendar-section {
  flex: 1;
}

.calnder-sec-wrapper .times-section {
  flex: 1;

  padding-left: 20px;

  border-left: 1px solid #eee;
}

.times-section h3 {
  color: #db8dd0 !important;
}

.calnder-sec-wrapper .calendar {
  width: 100%;

  border-radius: 8px;

  overflow: hidden;
}

.calnder-sec-wrapper .calendar-header {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 16px;
}

.calnder-sec-wrapper .calendar-title {
  font-size: 1.1rem;

  font-weight: 600;

  color: #db8dd0;
}

.calnder-sec-wrapper .calendar-nav {
  display: flex;

  gap: 8px;
}

.calnder-sec-wrapper .calendar-nav-button {
  background: #f8f9fa;

  border: none;

  border-radius: 6px;

  padding: 6px 10px;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;
}

.calnder-sec-wrapper .calendar-grid {
  display: grid;

  grid-template-columns: repeat(7, 1fr);

  gap: 4px;
}

.calnder-sec-wrapper .calendar-day-header {
  text-align: center;

  font-weight: 500;

  padding: 8px;

  color: #666;

  font-size: 0.85rem;

  text-transform: uppercase;
}

.calnder-sec-wrapper .calendar-day {
  aspect-ratio: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 6px;

  cursor: pointer;

  transition: all 0.2s;

  font-size: 0.9rem;
}

.calnder-sec-wrapper .calendar-day:hover:not(.disabled):not(.selected) {
  background: #edc7e8;

  color: black;
}

.calnder-sec-wrapper .calendar-day.selected {
  background: #db8dd0;

  color: white;
}

.calnder-sec-wrapper .calendar-day.today {
  background: #fbe9f9;

  font-weight: 600;
}

.calnder-sec-wrapper .calendar-day.today.selected {
  background: #db8dd0;

  color: white;
}

.calnder-sec-wrapper .calendar-day.disabled {
  color: #ddd;

  cursor: not-allowed;

  background: #f9f9f9;
}

.calnder-sec-wrapper .calendar-day.outside {
  color: #aaa;
}

.calnder-sec-wrapper .time-slots {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 10px;

  margin-top: 20px;
}

.calnder-sec-wrapper .time-slot {
  background: #f8f9fa;

  border: 1px solid #e0e0e0;

  border-radius: 8px;

  padding: 12px;

  text-align: center;

  cursor: pointer;

  transition: all 0.2s;

  font-size: 0.9rem;
}

.calnder-sec-wrapper .time-slot:hover {
  background: #db8dd0;

  color: white;

  border-color: #db8dd0;
}

.calnder-sec-wrapper .time-slot.selected {
  background: #db8dd0;

  color: white;

  border-color: #db8dd0;
}

.calnder-sec-wrapper .form-view {
  display: none;

  padding: 20px;
}

.calnder-sec-wrapper .appointment-info {
  padding: 15px;

  background: #f8f9fa;

  text-align: center;

  border-radius: 8px;

  margin-bottom: 20px;

  font-size: 0.95rem;
}

.calnder-sec-wrapper .form-group {
  margin-bottom: 15px;
}

.calnder-sec-wrapper label {
  display: block;

  margin-bottom: 6px;

  font-weight: 500;

  font-size: 0.9rem;
}

.calnder-sec-wrapper input,
textarea {
  width: 100%;

  padding: 12px;

  border: 1px solid #ddd;

  border-radius: 8px;

  font-family: inherit;

  font-size: 0.95rem;

  box-sizing: border-box;
}

.calnder-sec-wrapper textarea {
  height: 150px;

  resize: none;
}

.calnder-sec-wrapper .btn {
  background: #db8dd0;

  color: white;

  border: none;

  padding: 14px;

  border-radius: 8px;

  font-size: 1rem;

  cursor: pointer;

  width: 100%;

  transition: background 0.2s;

  margin-top: 10px;

  font-weight: 800;
}

.calnder-sec-wrapper .btn:hover {
  background: #e576d5;
}

.calnder-sec-wrapper .back-btn {
  background: #f0f0f0;

  color: #333;

  margin-top: 15px;
}

.calnder-sec-wrapper .back-btn:hover {
  background: #e0e0e0;
}

.calnder-sec-wrapper .no-time-selected {
  text-align: center;

  color: #666;

  margin-top: 40px;

  font-style: italic;
}

/* Calender page Ends */

/* Reset Css Starts  */

section.instructor-tutordt {
  padding: 50px 0 0 0;
}

li.social-list__item a {
  border: 1px solid #03a6a1 !important;
}

li.social-list__item a:hover {
  border: 1px solid transparent;

  background-color: #03a6a1 !important;

  color: #fff !important;
}

li.social-list__item a:hover i {
  color: #fff;
}

.social-list__item a i {
  color: #03a6a1;
}

section.instructor-tutordt img {
  border-radius: 10px;
}

/* Reset Css ENds */

/* faq section starts  */

.common-accordion .accordion-button[aria-expanded="true"]::after,
.common-accordion .accordion-button[aria-expanded="false"]::after {
  font-family: "Phosphor";

  font-weight: 900;

  content: "\2b";

  color: hsl(var(--main));

  display: inline-block;

  position: absolute;

  inset-block-start: 50%;

  transform: translateY(-50%);

  inset-inline-end: 30px;

  height: 36px;

  width: 36px;

  background-color: var(--main-600);

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  color: #fff;

  text-align: center;
}

.common-accordion .accordion-button[aria-expanded="true"]::after {
  content: "\f068";

  background-color: #fff !important;

  color: #03a6a1 !important;

  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";

  font-size: 15px;
}

.common-accordion .accordion-body__desc {
  border-top: 1px dashed #fff;

  padding-top: 12px;

  color: white;
}

.common-accordion.style-two .accordion-header [aria-expanded="false"]::after {
  background-color: transparent;

  color: hsl(178.16deg 96.45% 33.14%);

  border: 1px solid var(--neutral-30);
}

.common-accordion .accordion-item:has(.accordion-collapse.collapse.show),
.common-accordion .accordion-item:has(.accordion-collapse.collapsing) {
  background-color: hsl(178.16deg 96.45% 33.14%) !important;

  color: #fff !important;
}

section.freq-asked {
  margin: 70px 0 0 0;
}

.slick-dots li.slick-active button {
  background-color: transparent;

  width: 0;
}

/* faq section Ends */

/* faq page starts  */

.faq-page-wrappeer .freq-asked {
  padding: 0;

  margin: 0;
}

.faq-page-wrappeer {
  margin: 100px 0;
}

/* faq page ENds */

/* Privacy policy page starts  */

.terms-sec {
  padding: 100px 0px;
}

.terms-txt h2 {
  color: #db8dd0;

  line-height: 1.5;

  padding: 0 100px;

  margin: 0 0 20px;

  font-size: 45px;

  font-weight: bold;

  text-align: center;
}

.terms-txt h3 {
  font-size: 30px;

  font-weight: 600;

  margin-top: 25px;

  line-height: 30px;

  margin-bottom: 15px;

  color: #db8dd0;
}

.terms-txt h5 {
  font-size: 18px;

  color: #2e2d29;

  font-weight: 600;

  margin-bottom: 10px;
}

.terms-txt ul li {
  font-size: 16px;

  color: #2e2d29;

  font-family: "Source Sans 3", sans-serif;

  margin-bottom: 10px;
}

.terms-txt p {
  font-size: 16px;

  color: #2e2d29;

  margin-bottom: 10px;
}

.terms-txt a {
  color: var(--redd);

  text-decoration: underline;
}

.terms-txt table {
  border-collapse: collapse;

  width: 100%;

  margin: 20px 0;
}

.terms-txt th,
.terms-txt td {
  padding: 8px;

  font-size: 16px;

  text-align: left;

  border: 1px solid #ddd;

  font-family: "Source Sans 3", sans-serif;
}

.terms-txt th {
  background-color: #f2f2f2;
}

.terms-txt tr:nth-child(even) {
  background-color: #f9f9f9;
}

.terms-sec .theme-btn {
  color: #fff;

  text-decoration: none;
}

.posting-ul li {
  position: relative;

  padding-left: 30px;
}

.posting-ul li::before {
  top: 4px;

  left: 0;

  width: 20px;

  display: flex;

  height: 20px;

  content: "\2b";

  position: absolute;

  align-items: center;

  justify-content: center;
}

.permitted-point li {
  position: relative;

  padding-left: 30px;
}

.permitted-point li::before {
  top: 3px;

  left: 4px;

  font-size: 5px;

  width: 20px;

  display: flex;

  height: 20px;

  font-weight: 600;

  content: "\f111";

  position: absolute;

  align-items: center;

  justify-content: center;

  font-family: "Font Awesome 6 Free";
}

.privacy-heading.text-center h2 {
  color: #db8dd0;

  padding: 0 0 5px 0;
}

.privacy-heading.text-center {
  padding: 0 0 30px 0;
}

.terms-txt a {
  text-decoration: none;

  color: #db8dd0;
}

.terms-txt > h6 {
  color: #db8dd0;

  padding: 0 0 10px 0;
}

ul.posting-ul {
  padding: 0 0 20px 0;
}

.terms-txt h6 {
  color: #db8dd0;

  padding: 5px 0 10px 0;
}

/* Privacy policy page Ends */

/* Terms and Conditon page Starts  */

section.terms-condition-pWrapper h2,
section.terms-condition-pWrapper h3 {
  color: #03a6a1 !important;
}

.terms-cd-wrapper.text-center {
  padding: 0 0 50px 0;
}

.terms-condition-pWrapper .terms-txt a {
  text-decoration: none;

  color: #03a6a1;
}

/* Terms and Conditon page ENds */

/* About US page starts  */

.about-page-sec1 .meet-team-left::before {
  content: "";

  position: absolute;

  top: 33%;

  left: -21%;

  width: 130px;

  height: 137px;

  background-color: #9adbd9;

  z-index: 0;

  border-radius: 10px;

  display: none;
}

.about-page-sec1 .meet-team-left::after {
  content: "";

  position: absolute;

  top: 22%;

  left: -13%;

  width: 110px;

  height: 330px;

  background: url(../images/meet-dotted.png) no-repeat center center;

  z-index: 1;

  border-radius: 10px;

  display: none;
}

.about-page-sec1 {
  padding: 100px 0 50px 0;
}

.how-it-work-left img {
  height: 550px;

  width: 100%;

  object-fit: cover;

  border-radius: 15px;
}

section.how-it-works .row {
  align-items: center;

  padding: 20px 0 100px 0;
}

.how-it-work-right h4 {
  padding: 10px 0 5px 0;
}

.how-it-work-right h5 {
  padding: 10px 0;
}

.who-choose-wrapper {
  padding: 20px 0 100px 0;
}

.how-it-work-right {
  padding: 0 0 0 20px;
}

/* About US page ENds */

/* Acedemic section starts  */

.acedemic-tier-right img {
  height: 300px;

  width: 100%;

  object-fit: cover;

  border-radius: 15px;
}

.acedemic-tier-row {
  align-items: center;

  padding: 70px 0 0;
}

.acedemic-tier-right {
  position: relative;
}

.acedemic-tier-right::after {
  content: "";

  width: 100%;

  height: 100%;

  background-color: #03a6a1;

  top: -25px;

  right: -25px;

  z-index: -1;

  position: absolute;

  border-radius: 15px;
}

.acedemic-tier-left h3 {
  padding: 0 0 10px 0;
}

.acedemic-tier-right2 img {
  height: 300px;

  width: 100%;

  object-fit: cover;

  border-radius: 15px;

  object-position: 0 0px;
}

.acedemic-tier-right2 {
  position: relative;
}

.acedemic-tier-right2::before {
  content: "";

  width: 100%;

  height: 100%;

  background-color: #03a6a1;

  top: -25px;

  left: -25px;

  z-index: -1;

  position: absolute;

  border-radius: 15px;
}

section.acedemic-tier {
  padding: 80px 0 0 0;
}

.acedemic-tier-left p {
  padding: 0 0 20px 0;
}

.acedemic-tier2-left p {
  padding: 10px 0 20px 0;
}

.acedemic-tier-heading.text-center {
  padding: 80px 0;
}

section.acedemic-tier-page {
  padding: 0 0 100px 0;
}

.acedemic-tier-card-img img {
  height: 300px;

  width: 100%;

  object-fit: cover;
}

.acedemic-tier-card-content {
  padding: 20px 0;
}

.acedemic-tier-card-content h3 {
  padding: 0 0 10px 0;
}

.acedemic-tier-card {
  background-color: white;

  padding: 20px 30px;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  height: 550px;

  border-radius: 15px;
}

/* Acedemic section Ends */

/* join us page starts  */

.join-us-heading-Wrapper {
  padding: 100px 0 50px 0;
}

.why-elevate-right img {
  height: 400px;

  width: 100%;

  object-fit: cover;

  border-radius: 10px;
}

.why-elevate-row {
  align-items: center;

  padding: 30px 0 70px 0;
}

.why-elevate-left h2 {
  color: black;

  font-size: 2rem;

  padding: 0 0 20px 0;
}

.why-elevate-left .posting-ul li {
  color: black !important;

  margin: 5px 0;
}

.application-elecvate-left img {
  height: 400px;

  width: 100%;

  object-fit: cover;

  border-radius: 10px;
}

.application-row {
  align-items: center;
}

.application-elecvate-right ol li {
  color: black;

  margin: 25px 0;
}

section.join-us-page {
  padding: 0 0 100px 0;
}
.join-our-network-right img {
  height: 400px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.join-our-network-left h2 {
  font-size: 35px;
  line-height: 60px;
}

.join-our-network-left p {
  padding: 10px 0 0 0;
}

section.join-our-network .row {
  align-items: center;
}

.join-our-network-left {
  padding: 0 30px 0 0;
}

section.join-our-network {
  padding: 0 0 100px 0;
}
/* join us page ENds */

/* get started starts  */
.get-started-wrapper .header-search-box img {
  padding: 0;
  position: static;
  top: 0;
  transform: inherit;
  height: 300px;
  width: 300px;
  object-fit: contain;
  cursor: pointer;
}
.banner-content h1 {
  margin: 3% 0 0 0;
}

.get-started-wrapper .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  background-color: #dc8dcf;
}
.get-started-wrapper .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  color: white;
  text-align: center;
}
.get-started-wrapper .modal-footer .theme-btn {
  background-color: #dc8dcf;
}
.get-started-wrapper .btn-close {
  color: white;
  background-color: white;
  height: 30px;
  width: 30px;
  border-radius: 5px;
}
.get-started-wrapper .modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
  gap: 30px;
}
.get-started-wrapper .modal-body input {
  height: 50px;
  width: 100%;
  padding: 20px;
  margin: 0 0 10px 0;
  border: 1px solid #00000030;
  border-radius: 5px;
}
.get-started-wrapper .modal-body input::placeholder {
  color: rgb(36, 35, 35);
}
.get-started-wrapper .modal-body textarea::placeholder {
  color: rgb(36, 35, 35);
}
.get-started-wrapper .modal-body textarea {
  height: 100px;
  resize: none;
  border-radius: 5px;
  border: 1px solid #00000030;
}
.get-started-wrapper .modal-box a img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.get-started-wrapper .modal-body form {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
section.get-started-wrapper .theme-btn {
  border: 1px solid transparent;
}
/* get started ends */