@charset "UTF-8";
.background-primary {
  background: linear-gradient(
    154deg,
    #b5fffa 10.54%,
    #b1f0bd 17.39%,
    #fff 40.22%
  );
}

.background-secondary {
  background: linear-gradient(
    154deg,
    #9afff8 1.87%,
    #deffdd 15.59%,
    #f2f2f2 31.52%
  );
}

.background-tertiary {
  background: linear-gradient(
    157deg,
    #9afff8 -14.92%,
    #deffdd 20.77%,
    #f2f2f2 47.39%
  );
}

.background-solid-primary {
  background: #10283a;
}

.background-solid-secondary {
  background: #70f07f;
}

.background-solid-tertiary {
  background: #42d2c4;
}

.background-solid-tetra {
  background: #000;
}

.background-solid-penta {
  background: #f6f6f6;
}

.background-solid-white {
  background: #fff;
}

.background-gradient-primary1,
.btn-signin,
.container-fluid.padded .right-side .rightside-white-bg.second-div .view-btn,
.view-all-courses,
.faq-signin,
.about-section .read-more-div .read-more-btn,
.nav-pills .nav-link.active,
.cart {
  background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
}

.background-gradient-primary {
  background: linear-gradient(180deg, #052130 0%, #067959 100%);
}

.background-gradient-secondary {
  background: linear-gradient(90deg, #052130 -0.01%, #6ff081 94.48%);
}

.background-gradient-tertiary {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
}

.background-gradient-tetra {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}

.background-theme1 {
  background: #051c2d;
}

.background-theme2 {
  background: #041827;
}

body {
  font-family: "Lato", sans-serif;
}

.display1 {
  color: #212529;
  font-family: Lato;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
}

.h1 {
  color: #212529;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
}

.mh1 {
  color: #212529;
  font-family: Lato;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
}

.sh1 {
  color: #051c2d;
  font-family: Lato;
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  line-height: 36.469px;
  margin-bottom: 10px;
  margin-top: 0px;
}
@media screen and (max-width: 600px) {
  .sh1 {
    font-size: 30px;
  }
}

.h2 {
  color: #212529;
  font-family: Lato;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
}

.mh2 {
  color: #212529;
  font-family: Lato;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.h3 {
  color: #212529;
  font-family: Lato;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}

.mh3 {
  color: #212529;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.h4 {
  color: #212529;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.mh4 {
  color: #212529;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.h5 {
  color: #212529;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.mh5 {
  color: #212529;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

.subheader1 {
  color: #212529;
  font-family: Urbanist;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.subheader2 {
  color: #212529;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.body1regular {
  color: #212529;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.body1bold {
  color: #212529;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.body1regularunderlined {
  color: #212529;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.body2regular {
  color: #212529;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.body2bold {
  color: #212529;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.body2regularunderlined {
  color: #212529;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.caption1regular {
  color: #212529;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.caption1semibold {
  color: #212529;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}

.caption1regularrnderlined {
  color: #212529;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.caption2regular {
  color: #212529;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}

.caption2semibold {
  color: #212529;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}

.caption2regularunderlined {
  color: #212529;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.overlineregular {
  color: #212529;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  font-variant: all-small-caps;
}

.overlineregular {
  color: #212529;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  font-variant: all-small-caps;
}

.buttonregular {
  color: #212529;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  text-transform: capitalize;
}

.btn,
.btn-secondary-white,
.btn-secondary-solid,
.team-efficiency .description .inner-desc button,
.btn-solid2,
.btn-solid,
.btn-primary1,
.btn-primary,
.btn-signin,
.container-fluid.padded .right-side .rightside-white-bg.second-div .view-btn,
.view-all-courses,
.faq-signin,
.about-section .read-more-div .read-more-btn,
.explore,
.cart {
  display: flex;
  width: 155px;
  padding: 13px 38px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border: none;
  border-radius: 10px;
}
.btn:disabled,
.btn-secondary-white:disabled,
.btn-secondary-solid:disabled,
.team-efficiency .description .inner-desc button:disabled,
.btn-solid2:disabled,
.btn-solid:disabled,
.btn-primary1:disabled,
.btn-primary:disabled,
.btn-signin:disabled,
.container-fluid.padded
  .right-side
  .rightside-white-bg.second-div
  .view-btn:disabled,
.view-all-courses:disabled,
.faq-signin:disabled,
.about-section .read-more-div .read-more-btn:disabled,
.explore:disabled,
.cart:disabled {
  background: #a3a9a5;
  color: #ffffff;
  cursor: not-allowed;
  opacity: 0.8;
}

.btn-primary,
.btn-signin,
.container-fluid.padded .right-side .rightside-white-bg.second-div .view-btn,
.view-all-courses,
.faq-signin,
.about-section .read-more-div .read-more-btn,
.explore,
.cart {
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
  border: none;
}
.btn-primary span,
.btn-signin span,
.container-fluid.padded
  .right-side
  .rightside-white-bg.second-div
  .view-btn
  span,
.view-all-courses span,
.faq-signin span,
.about-section .read-more-div .read-more-btn span,
.explore span,
.cart span {
  color: #02353c;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.btn-primary:hover,
.btn-signin:hover,
.container-fluid.padded
  .right-side
  .rightside-white-bg.second-div
  .view-btn:hover,
.view-all-courses:hover,
.faq-signin:hover,
.about-section .read-more-div .read-more-btn:hover,
.explore:hover,
.cart:hover {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}
.btn-primary:active,
.btn-signin:active,
.container-fluid.padded
  .right-side
  .rightside-white-bg.second-div
  .view-btn:active,
.view-all-courses:active,
.faq-signin:active,
.about-section .read-more-div .read-more-btn:active,
.explore:active,
.cart:active {
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
}
.btn-primary:disabled,
.btn-signin:disabled,
.container-fluid.padded
  .right-side
  .rightside-white-bg.second-div
  .view-btn:disabled,
.view-all-courses:disabled,
.faq-signin:disabled,
.about-section .read-more-div .read-more-btn:disabled,
.explore:disabled,
.cart:disabled {
  background: #a3a9a5;
}

.btn-primary1 {
  background: #fff;
  border: 1px solid #3fd0c9;
}
.btn-primary1 span {
  color: #02353c;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.btn-primary1:hover {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}
.btn-primary1:active {
  background: #70f07f;
}
.btn-primary1:disabled {
  background: #a3a9a5;
  border: 1px solid #a3a9a5;
  background: #fff;
}
.btn-primary1:disabled span {
  color: #a3a9a5;
}

.btn-solid {
  background: #70f07f;
}
.btn-solid:hover {
  background: #42d2c4;
}
.btn-solid:active {
  background: #70f07f;
}
.btn-solid:disabled {
  background: #a3a9a5;
}

.btn-solid2 {
  border: 1px solid #052130;
  background: #fff;
  background: #70f07f;
}
.btn-solid2:hover {
  background: #42d2c4;
}
.btn-solid2:active {
  background: #fff;
  border: 1px solid #052130;
  color: #02353c;
}
.btn-solid2:disabled {
  background: #a3a9a5;
}

.btn-secondary-solid,
.team-efficiency .description .inner-desc button {
  background: linear-gradient(90deg, #051c2d 0%, #067b5a 100%);
  color: #fff;
}
.btn-secondary-solid:hover,
.team-efficiency .description .inner-desc button:hover {
  background: linear-gradient(90deg, #067b5a 0%, #051c2d 100%);
}
.btn-secondary-solid:active,
.team-efficiency .description .inner-desc button:active {
  background: linear-gradient(90deg, #051c2d 0%, #067b5a 100%);
}
.btn-secondary-solid:disabled,
.team-efficiency .description .inner-desc button:disabled {
  background: #a3a9a5;
}

.btn-secondary-white {
  background: #fff;
  color: #02353c;
  border: 1px solid #052130;
}
.btn-secondary-white:hover {
  background: linear-gradient(90deg, #067959 0%, #052130 100%);
  color: #fff;
}
.btn-secondary-white:active {
  background: #fff;
  color: #02353c;
  border: 1px solid #052130;
}
.btn-secondary-white:disabled {
  background: #fff;
  border: 1px solid #a3a9a5;
  color: #a3a9a5;
}

p {
  margin: 0;
}

span,
p,
button,
a,
label,
input {
  font-family: "Lato", sans-serif;
}

.input-text.qty.text {
  border: none;
  outline: none;
  padding: 4px 3px;
  width: 80px;
}

.woocommerce-message {
  background: linear-gradient(90deg, #b5f4ee 0.1%, #beffc7 99.9%);
  color: #051c2d;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 10px;
  outline: none;
  display: flex;
  justify-content: space-between;
  padding: 13px 25px 13px 50px;
  border-radius: 8px;
  align-items: center;
  position: relative;
}
.woocommerce-message a {
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
  border: none;
  color: #02353c;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  padding: 13px 25px;
  border-radius: 8px;
}

.woocommerce-message:before {
  content: "";
  background-image: url("../images/bx-mail-send.png");
  height: 24px;
  width: 24px;
  display: flex;
  position: absolute;
  left: 16px;
}

ul.woocommerce-error {
  list-style-type: none;
  outline: none;
  padding-left: 0px;
  background: linear-gradient(90deg, #b5f4ee 0.1%, #beffc7 99.9%);
  padding: 13px 25px;
  border-radius: 8px;
  text-align: center;
}
ul.woocommerce-error li {
  color: #b61616;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
ul.woocommerce-error li:before {
  content: "";
  width: 22px;
  height: 22px;
  display: flex;
  background-image: url("../images/error-icon.png");
}

.woocommerce-info {
  background: linear-gradient(90deg, #b5f4ee 0.1%, #beffc7 99.9%);
  border-radius: 8px;
  display: none;
  align-items: center;
  justify-content: start;
  gap: 18px;
  padding: 10px 16px;
  margin-bottom: 40px;
  display: flex;
  list-style-type: none;
}

.woocommerce-info:before {
  content: "";
  background-image: url("../images/info-28.png");
  height: 24px;
  width: 24px;
  display: inline-block;
  background-size: cover;
  border-radius: 50%;
}

.return-to-shop {
  width: 370px;
}

select.choose_course_dropdown {
  padding: 7px 10px;
  border-radius: 6px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-message {
    flex-direction: column;
    gap: 10px;
  }
  .woocommerce-message a.button.wc-forward {
    text-align: center;
  }
}
@media only screen and (max-width: 540px) {
  select.choose_course_dropdown {
    width: 190px;
  }
}
.scroll-container {
  width: 98%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.bg-1 {
  background-image: url(../images/Background.png);
  padding-top: 128px;
  height: 1060px;
  background-color: #051c2d;
  background-repeat: no-repeat;
  background-position: top center;
}
.bg-1 .background-main {
  position: relative;
}
.bg-1 .background-main .man-image {
  text-align: center;
}
.bg-1 .background-main .elipse-image {
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  margin: auto;
}
.bg-1 .background-main .elipse-image ul {
  padding-left: 0px;
  text-align: center;
}
.bg-1 .background-main .elipse-image ul li {
  display: inline-block;
  margin-right: 112px;
  margin-left: 31px;
}
.bg-1 .background-main .banner-text {
  position: relative;
  top: -130px;
}
.bg-1 .background-main .banner-text h1 {
  color: #fff;
  text-align: center;
  font-family: "Lato";
  font-size: 54px;
  font-style: normal;
  font-weight: 900;
  line-height: 101.304%;
  margin-bottom: 20px;
}
.bg-1 .background-main .banner-text p {
  color: #fff;
  text-align: center;
  font-family: "Lato";
  margin-bottom: 40px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0px 240px;
}
.bg-1 .background-main .dropdown {
  text-align: center;
  top: -110px;
  display: flex;
  justify-content: center;
}
.bg-1 .background-main .dropdown button {
  width: 320px;
  height: 65px;
  border-radius: 10px;
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
  justify-content: center;
  border: none;
}
.bg-1 .background-main .dropdown button.show {
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%) !important;
}
.bg-1 .background-main .dropdown button:hover {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}
.bg-1 .background-main .dropdown .dropdown-menu {
  width: 320px;
  border-radius: 10px;
  padding: 24px 10px;
  background: #1b3b53;
  color: #dee4e9;
}
.bg-1 .background-main .dropdown .dropdown-menu li {
  margin-bottom: 12px;
}
.bg-1 .background-main .dropdown .dropdown-menu li a {
  color: #dee4e9;
}
.bg-1 .background-main .dropdown .dropdown-menu li a img {
  padding-right: 20px;
}
.bg-1 .background-main .dropdown .dropdown-menu li a svg {
  margin-right: 20px;
}
.bg-1 .background-main .dropdown .dropdown-menu li a:hover {
  background: #1a445c;
}
.bg-1 .background-main .dropdown .dropdown-menu li a.active {
  background: #1a445c;
}
.bg-1 .background-main .dropdown .dropdown-menu li a.active span {
  background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-1 .background-main .dropdown div span {
  color: #0b1d40;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 10px;
}
.bg-1 .background-main .trusted p {
  color: #fff;
  text-align: center;
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 101.304%;
}
.bg-1 .background-main .company-info {
  padding-top: 70px;
}
.bg-1 .background-main .company-info .googleicon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(500%)
    hue-rotate(120deg);
  width: 120px;
  height: 39px;
  margin-left: 42px;
  margin-right: 42px;
}
.bg-1 .background-main .company-info .meta {
  width: 120px;
  height: 24px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(500%)
    hue-rotate(120deg);
  margin-left: 42px;
  margin-right: 42px;
}
.bg-1 .background-main .company-info .pintrest {
  filter: brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(500%)
    hue-rotate(120deg);
  margin-left: 42px;
  margin-right: 42px;
  width: 120px;
  height: 29px;
}
.bg-1 .background-main .company-info .twitch {
  width: 120px;
  height: 41px;
  margin-left: 42px;
  margin-right: 42px;
}
.bg-1 .background-main .company-info .youtubeicon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(500%)
    hue-rotate(120deg);
  margin-left: 42px;
  margin-right: 42px;
  width: 120px;
  height: 41px;
}
.bg-1 .background-main .company-info .hr {
  height: 99px;
  width: 1px;
}
.bg-1 .background-main .company-info .webflow {
  width: 120px;
  height: 30px;
  margin-left: 42px;
  margin-right: 42px;
}

@media only screen and (max-width: 1200px) {
  .bg-1 .background-main .banner-text p {
    padding: 0px 100px;
  }
  .bg-1 .background-main .company-info .googleicon {
    margin-left: 10px;
    margin-right: 10px;
    width: 110px;
  }
  .bg-1 .background-main .company-info .meta {
    margin-left: 10px;
    margin-right: 10px;
    width: 100px;
  }
  .bg-1 .background-main .company-info .youtubeicon {
    margin-left: 10px;
    margin-right: 10px;
    width: 100px;
    height: 30px;
  }
  .bg-1 .background-main .company-info .pintrest {
    margin-left: 1%;
    margin-right: 10px;
    width: 100px;
  }
  .bg-1 .background-main .company-info .twitch {
    margin-left: 10px;
    margin-right: 10px;
    width: 100px;
    height: 34px;
  }
  .bg-1 .background-main .company-info .webflow {
    margin-left: 10px;
    margin-right: 10px;
    width: 100px;
  }
}
@media only screen and (max-width: 992px) {
  #mainNav {
    background-color: #051c2d;
    border-radius: 10px;
    padding: 30px 15px;
  }
  .main-header .navbar-toggler:focus {
    outline: none;
    border: none;
    box-shadow: none;
  }
  .container-fluid.padded {
    top: 370px !important;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .dashboardmain .container-fluid.padded {
    top: 652px !important;
  }
  .bg-1 {
    height: 830px;
  }
  .bg-1 .background-main .banner-text h1 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 700;
  }
  .bg-1 .background-main .banner-text p {
    font-size: 20px;
    padding: 0px 0px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
  }
  .bg-1 .background-main .man-image img {
    width: 146px;
  }
  .bg-1 .background-main .elipse-image ul li {
    margin-right: 0px;
    margin-left: 0px;
  }
  .bg-1 .background-main .elipse-image ul li:first-child img {
    width: 55px;
    height: 44px;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .bg-1 .background-main .elipse-image ul li:nth-child(2) img {
    width: 55px;
    height: 54px;
    position: absolute;
    top: 0px;
    left: 20%;
  }
  .bg-1 .background-main .elipse-image ul li:nth-child(3) img {
    width: 62px;
    height: 48px;
    position: absolute;
    top: 0px;
    left: 60%;
  }
  .bg-1 .background-main .elipse-image ul li:last-child img {
    width: 32px;
    height: 48px;
    position: absolute;
    top: 0px;
    left: 90%;
  }
  .bg-1 .background-main .trusted {
    position: relative;
    top: -80px;
  }
  .bg-1 .background-main .trusted p {
    font-weight: 700;
  }
  .bg-1 .background-main .social-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 0rem;
    justify-items: center;
  }
  .bg-1 .background-main .company-info {
    padding-top: 0px;
    position: relative;
    top: -40px;
  }
  .bg-1 .background-main .company-info .googleicon {
    width: 90px;
    height: 30px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .bg-1 .background-main .company-info .meta {
    width: 90px;
    height: 18px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .bg-1 .background-main .company-info .pintrest {
    margin-left: 0px;
    margin-right: 0px;
    width: 90px;
    height: 20px;
  }
  .bg-1 .background-main .company-info .twitch {
    width: 90px;
    height: 22px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .bg-1 .background-main .company-info .youtubeicon {
    margin-left: 0px;
    margin-right: 0px;
    width: 90px;
    height: 31px;
  }
  .bg-1 .background-main .company-info .hr {
    display: none;
  }
  .bg-1 .background-main .company-info .webflow {
    width: 90px;
    height: 22px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.vertical-tabs {
  padding: 160px 0px;
  background: linear-gradient(
    157deg,
    #9afff8 -14.92%,
    #deffdd 20.77%,
    #f2f2f2 47.39%
  );
}

.support {
  color: #051c2d;
  text-align: center;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 101.304%;
  margin-bottom: 65px;
}

.nav-pills .nav-link {
  border-radius: 0;
  color: #10283a;
  text-align: left;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.nav-pills .nav-link span {
  padding-left: 16px;
}

.tab-row {
  justify-content: space-between;
  align-items: center;
}
.tab-row h4 {
  background: linear-gradient(90deg, #278975 0%, #41d0c8 100%);
  font-family: Lato;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tab-row p {
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #000;
  margin-bottom: 30px;
}

.nav-pills .nav-link.active {
  border-radius: 5px;
  color: #10283a;
}

.nav-pills .nav-link:hover {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
  border-radius: 5px;
}

.cart {
  padding: 19px 29px;
  width: 205px;
  height: 45px;
  text-align: center;
  border: none;
  margin-right: 30px;
  font-weight: 700;
  cursor: pointer;
  color: #051c2d;
  text-decoration: none;
  align-items: center;
}

.details {
  border-radius: 10px;
  width: 205px;
  align-items: center;
}

.mobile-tabs {
  display: none;
}

@media only screen and (max-width: 992px) {
  .vertical-tabs {
    display: none;
  }
  .mobile-tabs {
    display: block;
    padding: 50px 10px;
    background: linear-gradient(
      157deg,
      #9afff8 -14.92%,
      #deffdd 20.77%,
      #f2f2f2 47.39%
    );
  }
  .mobile-tabs .support {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 40px;
  }
  .mobile-tabs .manmask {
    width: 188px;
    height: 247px;
    flex-shrink: 0;
  }
  .accordion-item {
    border: none;
    background: transparent;
  }
  .accordion-header {
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 10px;
  }
  .accordion-header span {
    padding-left: 16px;
  }
  .accordion-header:hover {
    background: #e0e0e0;
  }
  .accordion-content {
    display: none;
    padding: 15px 20px;
    background: transparent;
  }
  .accordion-content h4 {
    background: linear-gradient(90deg, #278975 0%, #41d0c8 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    margin-top: 50px;
  }
  .accordion-content p {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 32px;
  }
  .accordion-content .d-flex {
    flex-direction: column;
  }
  .accordion-content .cart {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .accordion-content .details {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 50px;
  }
  .accordion-item.active .accordion-header {
    background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
  }
  .accordion-item.active .accordion-content {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .accordion-content {
    padding: 15px 0px;
  }
}
.slider-div {
  background: #051c2d;
  padding: 180px 0px 150px 0px;
}
.slider-div .slider p {
  color: #fff;
  font-family: Lato;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0px 40px;
}
.slider-div .slick-dots {
  text-align: right;
  bottom: 42px;
}
.slider-div .slick-dots li {
  width: 15px;
  height: 15px;
}
.slider-div .slick-dots li button {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  border: 1px solid #4c897c;
}
.slider-div .slick-dots li button:before {
  opacity: 0;
}
.slider-div .slick-dots li.slick-active button {
  background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
  border-radius: 50px;
  width: 100%;
  height: 100%;
}
.slider-div .new-info {
  padding-top: 60px;
  padding-left: 155px;
  align-items: center;
}
.slider-div .new-info h5 {
  font-family: Lato;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0px 40px;
}
.slider-div .new-info p {
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 767px) {
  .slider-div {
    padding: 50px 0px 60px 0px;
  }
  .slider-div .custom-section {
    flex-direction: column;
    justify-content: start !important;
    align-items: start !important;
  }
  .slider-div .slider p {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding: 0px 10px;
  }
  .slider-div .new-info {
    padding-left: 10px;
  }
  .slider-div .new-info img {
    width: 76px;
    height: 76px;
  }
  .slider-div .new-info h5 {
    font-size: 24px;
    padding: 0px 20px;
  }
  .slider-div .new-info p {
    padding: 0px 20px;
  }
  .slider-div .slick-dots {
    text-align: center;
    bottom: -36px;
  }
}
.team-efficiency {
  padding: 180px 0px;
  background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
}
.team-efficiency .description {
  margin-left: 80px;
}
.team-efficiency .description .inner-desc {
  display: flex;
  margin-bottom: 18px;
  position: relative;
}
.team-efficiency .description .inner-desc:before {
  content: "";
  background-image: url("../images/mdi_check-bold.png");
  height: 24px;
  width: 24px;
  object-fit: contain;
  position: absolute;
}
.team-efficiency .description .inner-desc img {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.team-efficiency .description .inner-desc p {
  margin-left: 45px;
}
.team-efficiency .description .inner-desc button {
  width: 205px;
  height: 45px;
  margin-top: 10px;
  text-transform: uppercase;
}
.team-efficiency .description .inner-desc button span {
  font-size: 16px;
}
.team-efficiency ul.description + .description .inner-desc:before {
  background-image: none;
}
.team-efficiency ul.description + .description {
  padding-left: 2rem;
}

.description.common-description {
  margin-left: 0px;
  padding-left: 0px;
}
.description.common-description .inner-desc {
  display: flex;
  position: relative;
  align-items: center;
}
.description.common-description .inner-desc:before {
  content: "";
  background-image: url("../images/check-bold1.png");
  height: 24px;
  width: 24px;
  object-fit: contain;
  position: absolute;
}
.description.common-description .inner-desc p {
  margin-left: 20px;
}

ul.description + .description .inner-desc:before {
  background-image: none;
}

@media only screen and (max-width: 992px) {
  .team-efficiency {
    padding: 50px 10px;
  }
  .team-efficiency .support {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0px;
  }
  .team-efficiency .manage-team {
    width: 100%;
  }
  .team-efficiency .description {
    margin-left: 0px;
    margin-top: 50px;
  }
  .team-efficiency .inner-desc svg {
    flex-shrink: 0;
    width: 24px;
    height: 25px;
  }
  .team-efficiency .inner-desc a {
    width: 100% !important;
  }
  .team-efficiency .inner-desc a button {
    width: 100% !important;
  }
  .team-efficiency .inner-desc:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  ul.description + .description {
    padding-left: 0rem !important;
  }
  .description.common-description .inner-desc {
    align-items: flex-start;
  }
  .description.common-description .inner-desc p {
    margin-left: 30px;
  }
}
.read-more {
  background: linear-gradient(
    157deg,
    #9afff8 -14.92%,
    #deffdd 20.77%,
    #f2f2f2 47.39%
  );
  padding: 180px 0px;
}
.read-more .support {
  margin-bottom: 100px;
}
.read-more .explore-div {
  display: flex;
  justify-content: center;
}

.card {
  border: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.card .card-image {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  max-height: 215px;
  overflow: hidden;
  min-height: 215px;
  object-fit: cover;
}
.card .card-content {
  min-height: 216px;
  padding: 19px 24px;
}
.card .card-content .card-content-inner .features {
  background: linear-gradient(90deg, #278975 0%, #41d0c8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-right: 20px;
  margin-right: 20px;
}
.card .card-content .card-content-inner .features.one {
  border-right: 1px solid #41d0c8;
}
.card .card-content .card-content-inner .safety-info .bold-text {
  background: linear-gradient(180deg, #052130 0%, #067959 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding: 15px 0px;
}
.card .card-content .card-content-inner .safety-info .light-text {
  color: #02353c;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.explore {
  width: 373px !important;
  cursor: pointer;
  text-decoration: none;
}

@media only screen and (max-width: 1024px) {
  .card .card-content .card-content-inner .features {
    padding-right: 10px;
    margin-right: 10px;
  }
  .card .card-content {
    min-height: 255px;
  }
}
@media only screen and (max-width: 768px) {
  .read-more {
    padding: 50px 10px;
  }
  .read-more .support {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .read-more .card {
    margin-bottom: 31px;
  }
  .read-more .card .card-content {
    height: auto;
  }
  .read-more .explore {
    width: 100% !important;
    display: none;
  }
}
.about-section {
  padding: 175px 0px 486px 0px;
  background: linear-gradient(
    157deg,
    #9afff8 -14.92%,
    #deffdd 20.77%,
    #f2f2f2 47.39%
  );
}
.about-section .best {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 30px;
}
.about-section p.desc {
  width: 55%;
  margin: auto;
  text-align: center;
}
.about-section .about-img {
  padding-top: 25px;
  text-align: center;
  position: relative;
}
.about-section .about-img .round-image {
  position: absolute;
  top: -44px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.about-section .about-img .employee-img {
  position: absolute;
  left: 350px;
  top: 168px;
  z-index: 1;
}
.about-section .about-img .ease-img {
  position: absolute;
  left: 401px;
  top: 350px;
  z-index: 1;
}
.about-section .about-img .badge-img {
  position: absolute;
  left: 628px;
  top: 450px;
  z-index: 1;
}
.about-section .about-img .customer-img {
  position: absolute;
  left: 804px;
  top: 358px;
  z-index: 1;
}
.about-section .about-img .device-img {
  position: absolute;
  left: 878px;
  top: 182px;
  z-index: 1;
}
.about-section .about-img .employee-div {
  background-color: #fff;
  border-radius: 16px;
  padding: 15px 28px;
  width: 307px;
  text-align: left;
  position: absolute;
  top: 150px;
  left: 56px;
}
.about-section .about-img .employee-div h5 {
  color: #1b3b53;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.about-section .about-img .employee-div p {
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #000;
}
.about-section .about-img .employee-div.ease-div {
  top: 382px;
  left: 136px;
}
.about-section .about-img .employee-div.badge-div {
  top: 512px;
  left: 536px;
}
.about-section .about-img .employee-div.badge-div h5 {
  padding-top: 30px;
}
.about-section .about-img .employee-div.customercare-div {
  top: 399px;
  left: 884px;
}
.about-section .about-img .employee-div.anydevice-div {
  top: 140px;
  left: 939px;
  padding: 15px 28px 15px 43px;
}
.about-section .read-more-div {
  text-align: center;
  padding-top: 60px;
  justify-content: center;
  align-items: center;
  display: flex;
  text-decoration: none;
}
.about-section .read-more-div .read-more-btn {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  font-weight: 700;
  padding: 13px 20px;
  cursor: pointer;
  color: #051c2d;
  text-decoration: none;
}
.about-section .res-employee-div {
  display: none;
}

@media only screen and (max-width: 1366px) {
  .about-section .about-img .employee-div {
    left: -29px;
  }
  .about-section .about-img .employee-img {
    left: 256px;
  }
  .about-section .about-img .ease-img {
    left: 325px;
  }
  .about-section .about-img .employee-div.ease-div {
    top: 375px;
    left: 46px;
  }
  .about-section .about-img .badge-img {
    left: 536px;
    top: 447px;
  }
  .about-section .about-img .employee-div.badge-div {
    left: 430px;
  }
  .about-section .about-img .customer-img {
    left: 715px;
  }
  .about-section .about-img .employee-div.customercare-div {
    left: 778px;
  }
  .about-section .about-img .device-img {
    left: 780px;
  }
  .about-section .about-img .employee-div.anydevice-div {
    left: 835px;
  }
}
@media only screen and (max-width: 1200px) {
  .about-img {
    display: none !important;
  }
  .about-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about-section .best {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .about-section .desc {
    width: 85% !important;
    margin: auto !important;
    font-size: 15px;
  }
  .about-section .read-more-div {
    margin-bottom: 31px;
  }
  .about-section .res-employee-div {
    display: block;
    width: 85%;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #fff;
    padding: 10px;
    border-radius: 16px;
    margin-bottom: 30px;
  }
  .about-section .res-employee-div .employee-content {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .about-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about-section .best {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .about-section .desc {
    width: 85% !important;
    margin: auto !important;
    font-size: 15px;
  }
  .about-section .read-more-div {
    margin-bottom: 31px;
  }
  .about-section .res-employee-div {
    display: block;
    width: 95%;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #fff;
    padding: 10px;
    border-radius: 16px;
    margin-bottom: 30px;
  }
  .about-section .res-employee-div .employee-content {
    padding-left: 10px;
  }
  .about-section .last-emloyee-div {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 460px) {
  .archive ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    width: 84% !important;
  }
}
.blog-page {
  background-color: #051c2d;
}
.blog-page .banner2-text {
  background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  line-height: 101.304%;
  text-align: center;
  padding: 140px 0px;
  width: 45%;
  margin: auto;
}
.blog-page .banner2-text h1 {
  font-size: 54px;
  font-weight: 900;
}

.blog-articles {
  background: #f6f6f6;
}
.blog-articles .card .card-content .card-content-inner .safety-info .bold-text {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.page-item .page-link.left-carat {
  background: linear-gradient(180deg, #42d2c4 0%, #6ff081 100%);
  opacity: 0.5;
}
.page-item .page-link {
  border-radius: 4px;
  border: 1px solid #dfe3e8;
  background: #fff;
  width: 32px;
  height: 32px;
  padding: 5px 4px;
  color: #051c2d;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 10px;
}
.page-item .page-link.active {
  border-radius: 4px;
  width: 32px;
  height: 32px;
  padding: 5px 4px;
  border: 1px solid #42d2c4;
  background: linear-gradient(180deg, #42d2c4 0%, #6ff081 100%);
  color: #051c2d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-newsletter {
  padding: 80px 0px !important;
}
.blog-newsletter h2 {
  color: #02353c;
  font-size: 32px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 50px;
}
.blog-newsletter input {
  width: 458px;
  height: 45px;
  padding: 19px 38px;
  border: none;
}
.blog-newsletter input::placeholder {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.blog-newsletter input:focus {
  outline: none;
  box-shadow: none;
  border: none;
}
.blog-newsletter button {
  height: 45px;
}

.newsletter-main.blog-newsletter::before {
  display: none;
}

@media only screen and (max-width: 992px) {
  .blog-page .banner2-text {
    width: 80%;
    margin: auto;
    padding: 170px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .blog-newsletter {
    padding: 50px 0px !important;
  }
  .blog-newsletter h2 {
    font-size: 28px;
    margin-bottom: 28px;
  }
  form.justify-content-center {
    width: 95%;
    margin: auto;
  }
  form.justify-content-center input {
    width: 100%;
    margin-bottom: 12px;
  }
  .blog-page .banner2-text {
    width: 80%;
    margin: auto;
  }
  .blog-page .banner2-text h1 {
    font-size: 38px;
    font-weight: 700;
  }
}
.faq-bg {
  background-image: url("../images/portrait-engineers.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 25%;
  background-color: #000;
}
.faq-bg .banner2-text {
  padding: 166px 0px 150px 0px;
}
.faq-bg .banner2-text h1 {
  background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 54px;
  font-weight: 900;
  line-height: 101.304%;
  text-align: center;
}
.faq-bg .banner2-text p {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  padding-top: 10px;
}

.faq-section {
  background: #f2f2f2;
  padding: 106px 0px 150px 0px;
  position: relative;
}
.faq-section .container {
  position: relative;
  z-index: 11;
}
.faq-section .faq-text-width {
  width: 80%;
  margin: auto;
}
.faq-section .faq-text {
  color: #000;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 36px;
}
.faq-section .faq-text.work {
  margin-top: 85px;
  margin-bottom: 36px;
}
.faq-section .faq-abs-img {
  position: absolute;
  top: -200px;
  width: 100%;
}
.faq-section .faq-abs-img2 {
  position: absolute;
  bottom: 200px;
  z-index: 1;
  right: 0px;
}
.faq-section #faqAccordion .accordion-item {
  margin-bottom: 30px;
  border-radius: 18px;
  overflow: hidden;
  transition: all 0.3s ease;
  padding: 0px;
  border-radius: 18px;
  border: 2px solid transparent;
  box-shadow: 0px 6px 16px 0px rgba(63, 208, 201, 0.1);
}
.faq-section #faqAccordion .accordion-item .accordion-header .accordion-button {
  color: #170f49;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  background-color: #fff;
  box-shadow: none;
  padding: 50px 38px 50px 38px;
  position: relative;
  transition: all 0.3s ease;
}
.faq-section
  #faqAccordion
  .accordion-item
  .accordion-header
  .accordion-button
  span {
  width: 75%;
}
.faq-section
  #faqAccordion
  .accordion-item
  .accordion-header
  .accordion-button::after {
  content: "";
  background-image: url("../images/faq1.png");
  width: 60px;
  height: 55px;
  position: absolute;
  right: 38px;
  top: 52%;
  transform: translateY(-50%);
  background-size: cover;
  background-repeat: no-repeat;
}
.faq-section
  #faqAccordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)::after {
  background-image: url("../images/faq-open.png");
  width: 40px;
  height: 45px;
  top: 75%;
}
.faq-section #faqAccordion .accordion-item .accordion-collapse {
  transition: height 0.35s ease;
}
.faq-section #faqAccordion .accordion-item .accordion-body {
  padding: 20px 38px 30px;
  color: #6f6c90;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  width: 75%;
  transition: all 0.3s ease;
}
.faq-section #faqAccordion .accordion-item.active {
  border: 2px solid #2c867a;
  padding: 0px;
  border-radius: 14px;
}
.faq-section #faqAccordion .accordion-item.active .accordion-button {
  padding: 50px 38px 0px 38px;
}
.faq-section #faqAccordion .accordion-item:last-child {
  margin-bottom: 0px;
}

.newsletter-main.faq-newsletter {
  background: linear-gradient(180deg, #1b3b53 0%, #02353c 100%);
  padding-top: 120px;
  padding-bottom: 80px;
}
.newsletter-main.faq-newsletter h1 {
  color: #fff;
}
.newsletter-main.faq-newsletter p {
  color: #fff;
}

.newsletter-main.faq-newsletter::before {
  display: none;
}

.faq-signin {
  border-radius: 10px;
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
  width: 155px;
  height: 45px;
  padding: 8px 38px;
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  color: #02353c !important;
}
.faq-signin span {
  color: #02353c !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.faq-signin:hover {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}

.faq-signin:active {
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
}

img.multiple-ellipse {
  position: absolute;
  left: -52px;
  top: -22px;
}

@media only screen and (max-width: 1366px) {
  .faq-section .faq-abs-img {
    top: -70px;
  }
}
@media only screen and (max-width: 992px) {
  .faq-signin {
    width: 100%;
  }
  .faq-bg .banner2-text h1 {
    font-size: 38px;
    line-height: 48px;
  }
  .faq-bg .banner2-text p {
    font-size: 20px;
    line-height: 24px;
  }
  .faq-section {
    padding: 50px 10px 50px 10px;
  }
  .faq-section .faq-abs-img {
    top: -50px;
    left: 0px;
  }
  .faq-section .faq-text {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 30px;
  }
  .faq-section .faq-text.work {
    font-size: 30px;
    margin-top: 30px;
  }
  .faq-section #faqAccordion .accordion-item .accordion-header {
    background: #fff;
    margin-bottom: 0px;
  }
  .faq-section
    #faqAccordion
    .accordion-item
    .accordion-header
    .accordion-button {
    padding: 25px 20px 25px 20px;
    font-size: 18px;
  }
  .faq-section
    #faqAccordion
    .accordion-item
    .accordion-header
    .accordion-button
    span {
    width: 75%;
    padding-left: 0px;
  }
  .faq-section
    #faqAccordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
    content: "";
    width: 43px;
    height: 43px;
    right: 20px;
    top: 52%;
    transform: translateY(-50%);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .faq-section
    #faqAccordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    width: 32px;
    height: 35px;
    right: 20px;
    top: 50%;
  }
  .faq-section #faqAccordion .accordion-item .accordion-collapse {
    transition: height 0.35s ease;
  }
  .faq-section #faqAccordion .accordion-item .accordion-body {
    background-color: #fff;
    width: 100%;
    padding: 0px 38px 30px 38px;
  }
  .faq-section #faqAccordion .accordion-item:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .faq-text-width {
    width: 100% !important;
    margin: auto;
  }
  img.multiple-ellipse {
    position: absolute;
    left: 0px;
    top: -22px;
    width: 100%;
    right: 0px;
    margin: auto;
  }
  .newsletter-main.faq-newsletter .safety {
    width: 100%;
  }
  .faq-bg .banner2-text {
    padding: 172px 10px 150px 10px;
  }
  .faq-section {
    padding: 50px 10px 50px 10px;
  }
  .faq-section .faq-abs-img {
    top: -20px;
  }
}
.faq-section.contactus-section {
  padding: 164px 0px 222px 0px;
}
.faq-section.contactus-section .faq-abs-img {
  top: -140px;
  left: 0%;
  width: 100%;
}

.faq-section .faq-abs-img2 {
  bottom: 0px;
  right: 0px;
  height: 400px;
}

.custom-radio-group {
  display: flex;
  gap: 30px;
}

.gt-text {
  margin-bottom: 31px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  width: 80%;
}
.gt-text span {
  font-weight: 700;
}

.form-label1 {
  width: 100%;
  color: #666;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 8px;
}

.form-input1 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-family: "Noto Sans";
  padding: 10px 16px;
  font-size: 16px;
  line-height: 24px;
}

.form-input1::placeholder {
  color: #666;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.custom-margin1 {
  margin-bottom: 31px;
  position: relative;
}

.form-input1:focus {
  outline: none;
  border: 1px solid #2c867a;
}

.form-input1.error {
  border: 2px solid #eb5757;
}

textarea {
  resize: none;
}

.input-error-icon {
  position: absolute;
  top: 53%;
  right: 18px;
}

.error-msg {
  color: #eb5757;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  display: none;
  position: absolute;
  bottom: -20px;
}

.custom-radio {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  user-select: none;
  color: #000;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.custom-radio input[type="radio"] {
  display: none;
}
.custom-radio .radio-mark {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-right: 16px;
  position: relative;
  transition: all 0.2s ease;
}
.custom-radio input[type="radio"]:checked + .radio-mark::after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #70f07f;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
}

.crane-image {
  margin-bottom: 40px;
}

.contact-information {
  margin-bottom: 10px;
  padding-left: 60px;
}
.contact-information > div {
  display: flex;
}
.contact-information > div img {
  width: 41px;
  height: 41px;
  flex-shrink: 0;
}
.contact-information span {
  color: #02353c;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  padding-left: 20px;
}

@media only screen and (max-width: 1366px) {
  .faq-section.contactus-section .faq-abs-img {
    top: -70px;
  }
}
@media only screen and (max-width: 1200px) {
  .contact-information {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .custom-radio-group {
    flex-direction: column;
  }
  .contact-information {
    padding-left: 30px;
  }
  .contact-information > div {
    align-items: center;
  }
  .contact-information span {
    font-size: 20px;
  }
  .crane-image {
    margin-top: 50px;
  }
  .faq-section.contactus-section {
    padding: 50px 10px 50px 10px;
  }
  .faq-section.contactus-section .faq-abs-img {
    top: 0px;
  }
}
.coursemain-bg {
  background-image: url(../images/men-construction-site.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 25%;
  background-color: rgba(0, 0, 0, 0.8);
}
.coursemain-bg .banner2-text {
  width: 67%;
  margin: auto;
}
.coursemain-bg .banner2-text h1 {
  margin-bottom: 22px;
  line-height: 60px;
}
.coursemain-bg .search-div {
  position: relative;
}
.coursemain-bg .search-div .form-input1 {
  border-radius: 10px;
  padding-left: 38px;
  padding-right: 70px;
}
.coursemain-bg .search-div button.searched-icon {
  position: absolute;
  right: 36px;
  top: 10px;
  cursor: pointer;
  padding: 0px;
  border: none;
  background-color: transparent;
}

.padding-140 {
  padding: 140px 0px !important;
}

.margin-bottom-32 {
  margin-bottom: 32px;
}

.custom-width .view-detail-btn2 {
  width: 50% !important;
}

.view-detail-btn2 {
  position: relative;
  background: linear-gradient(90deg, #278975 0%, #41d0c8 100%);
  position: relative;
  border: none;
  align-items: center;
  text-align: center;
  color: #067959;
  border-radius: 10px;
  text-decoration: none;
  padding: 10px 0px;
  cursor: pointer;
}
.view-detail-btn2 span {
  background: linear-gradient(90deg, #278975 0%, #41d0c8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

.view-detail-btn2:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: #fff;
  border-radius: 8px;
}

.view-detail-btn2:hover:after {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}

.view-detail-btn2:hover span {
  color: #02353c;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #02353c;
}

.view-detail-btn2:active {
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
  position: relative;
  border: none;
  align-items: center;
  color: #067959;
  border-radius: 10px;
}

.view-detail-btn2:active span {
  background: linear-gradient(90deg, #278975 0%, #41d0c8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.view-detail-btn2:active:after {
  background: #fff;
}

.faq-button-settings {
  padding: 0px;
  width: 50%;
}

.cgap-10 {
  gap: 10px;
}

.features.black-clr {
  -webkit-text-fill-color: #10283a !important;
}

.features.one.black-clr {
  border-right: 1px solid #10283a !important;
}

.filterby {
  color: #051c2d;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 40px;
}

.vertical-tabs.coursemain-tabs {
  background: #f6f6f6;
  box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, 0.15),
    0px 4px 4px 0px rgba(0, 0, 0, 0.3);
}
.vertical-tabs.coursemain-tabs .nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 30px;
}
.vertical-tabs.coursemain-tabs .nav .nav-link {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 25px;
  margin-bottom: 0px;
}
.vertical-tabs.coursemain-tabs .safety-info {
  margin-bottom: 10px;
}
.vertical-tabs.coursemain-tabs .card .card-content {
  min-height: auto;
}
.vertical-tabs.coursemain-tabs .tab-content {
  margin-top: 40px;
}

.pagination {
  justify-content: center;
}

form .faq-sigincourse {
  width: 100%;
}

.faq-sigincourse {
  width: 50%;
  padding: 8px 15px;
}

.features ins {
  text-decoration: none;
}

@media only screen and (max-width: 1366px) {
  .faq-sigincourse {
    padding: 8px 4px;
    gap: 2px;
  }
  .faq-button-settings span {
    position: relative;
    left: -6px;
  }
}
@media only screen and (max-width: 1200px) {
  .vertical-tabs.coursemain-tabs.padding-140 .d-flex.custom-width {
    flex-direction: column;
  }
  .vertical-tabs.coursemain-tabs.padding-140
    .d-flex.custom-width
    .view-detail-btn2 {
    width: 100% !important;
  }
  .vertical-tabs.coursemain-tabs.padding-140 .d-flex.custom-width form {
    width: 100%;
  }
  .faq-sigincourse {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .vertical-tabs.coursemain-tabs .card .card-content {
    padding: 19px 14px;
  }
  .faq-button-settings span {
    font-size: 14px !important;
  }
  .view-detail-btn2 span {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 992px) {
  .vertical-tabs.coursemain-tabs {
    display: block;
  }
  .vertical-tabs.coursemain-tabs .nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .padding-140 {
    padding: 50px 0px !important;
  }
  .coursemain-bg .banner2-text {
    width: 100%;
    margin: auto;
  }
  .vertical-tabs.coursemain-tabs {
    padding: 50px 10px !important;
  }
  .vertical-tabs.coursemain-tabs .nav .nav-link {
    padding: 15px 15px;
  }
  .vertical-tabs.coursemain-tabs .nav .nav-link span {
    padding-left: 10px;
  }
  .custom-width {
    flex-direction: column;
  }
  .custom-width .view-detail-btn2 {
    width: 100% !important;
  }
  .custom-width .faq-button-settings {
    width: 100% !important;
  }
}
.banner2-text.banner-blog-detail {
  text-align: left;
  width: 100%;
}

.blog-detail-wrapper {
  background: #f6f6f6;
  padding: 190px 0px 110px 0px;
}
.blog-detail-wrapper p.common-para {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.blog-detail-wrapper p.common-para span {
  padding-left: 30px;
  font-weight: 700;
}
.blog-detail-wrapper a {
  font-weight: 700;
  color: gray !important;
  text-decoration: none;
  cursor: pointer;
}
.blog-detail-wrapper a:hover {
  text-decoration: underline !important;
}
.blog-detail-wrapper p.common-padding {
  padding-bottom: 25px;
}
.blog-detail-wrapper p.common-padding1 {
  padding-top: 40px;
}
.blog-detail-wrapper p.common-padding-left {
  padding-left: 20px;
}
.blog-detail-wrapper p.common-padding-top {
  padding-top: 30px;
}
.blog-detail-wrapper .share {
  font-size: 16px;
  font-weight: 900;
  color: #10283a;
  padding-right: 20px;
}
.blog-detail-wrapper .res-flex {
  align-items: baseline !important;
}
.blog-detail-wrapper .social-info {
  background-color: #fff;
  border-top: 1px solid #3fd0c9;
  padding: 25px 60px 15px 15px;
  margin-top: 55px;
  margin-bottom: 60px;
}
.blog-detail-wrapper .social-info .social-info-main {
  padding-left: 30px;
}
.blog-detail-wrapper .social-info .social-info-main h5 {
  color: #495057;
  font-size: 24px;
  font-weight: 900;
  line-height: 30px;
  margin-bottom: 0px;
}
.blog-detail-wrapper .social-info .social-info-main p {
  color: #495057;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin: 6px 0px;
}
.blog-detail-wrapper .social-info .social-info-main span {
  color: #495057;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: 62%;
  display: flex;
}
.blog-detail-wrapper .blog-content .share-content {
  margin-right: 10px;
}
.blog-detail-wrapper .blog-content .share-content img {
  padding-top: 0px;
  margin-bottom: 0px;
}
.blog-detail-wrapper h1,
.blog-detail-wrapper h2,
.blog-detail-wrapper h3,
.blog-detail-wrapper h4,
.blog-detail-wrapper h5,
.blog-detail-wrapper h6 {
  margin-bottom: 35px;
  color: #000;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  margin-top: 35px;
}
.blog-detail-wrapper p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-bottom: 25px;
}
.blog-detail-wrapper ul {
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 2rem;
}
.blog-detail-wrapper ul li {
  position: relative;
  align-items: center;
  padding-left: 45px;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  list-style-type: none;
}
.blog-detail-wrapper ul li:before {
  content: "";
  background-image: url(../images/check-bold1.png);
  height: 24px;
  width: 24px;
  object-fit: contain;
  position: absolute;
  left: 0px;
}
.blog-detail-wrapper ul li p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-bottom: 0px;
}
.blog-detail-wrapper ul li p span {
  padding-left: 30px;
  font-weight: 700;
}
.blog-detail-wrapper ol li {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  padding-left: 20px;
  margin-bottom: 15px;
}
.blog-detail-wrapper h2.common-heading {
  margin-bottom: 35px;
  color: #000;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
}
.blog-detail-wrapper h2.common-margin {
  margin-top: 35px;
}
.blog-detail-wrapper .blog-content img {
  max-width: 100%;
  padding-top: 20px;
  margin-bottom: 50px;
}
.blog-detail-wrapper .blog-articles {
  padding: 0px 0px;
}
.blog-detail-wrapper .blog-articles .support {
  margin-bottom: 40px;
}
.blog-detail-wrapper .blog-articles .safety-info .bold-text {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.blog-detail-wrapper .blog-content ul.description.increment-count {
  counter-reset: list-counter;
  list-style: none;
  padding-left: 0;
}
.blog-detail-wrapper .blog-content ul.description.increment-count li {
  counter-increment: list-counter;
  position: relative;
  padding-left: 1.4em;
}
.blog-detail-wrapper .blog-content ul.description.increment-count li:before {
  content: counter(list-counter) ". ";
  position: absolute;
  left: 0;
  top: 3px;
  color: #000;
  font-size: 18px;
  background-image: none;
}

.blog-detail-page {
  padding: 80px 0px 50px 0px;
}
.blog-detail-page p {
  font-size: 18px;
  font-weight: 400;
  background: linear-gradient(180deg, #42d2c4 0%, #6ff081 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blog-detail-page h1 {
  background: linear-gradient(90deg, #42d2c4 0%, #6ff081 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-weight: 900;
}
.blog-detail-page span {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.blog-detail-page .container {
  position: relative;
}
.blog-detail-page .labour-img {
  max-width: 100%;
  height: 380px;
  display: block;
  margin-left: auto;
  position: relative;
  top: 40px;
  transform: translateY(10%);
  object-fit: cover;
}

@media only screen and (max-width: 1200px) {
  .labour-img {
    display: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .blog-page.blog-detail-page.course-detail-banner {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .blog-detail-page {
    padding: 150px 10px 80px 10px;
  }
  .blog-detail-page h1 {
    font-size: 30px;
  }
  .blog-detail-wrapper {
    padding: 50px 0px 50px 0px;
  }
  .blog-detail-wrapper h2.common-heading {
    font-size: 30px;
  }
  .blog-detail-wrapper p.common-para {
    font-size: 16px;
    padding-left: 5px;
    line-height: 26px;
  }
  .blog-detail-wrapper p.common-para span {
    padding-left: 0px;
  }
  .blog-detail-wrapper p.common-padding {
    padding-bottom: 20px;
  }
  .blog-detail-wrapper .social-info {
    padding-right: 10px;
    flex-direction: column;
  }
  .blog-detail-wrapper .social-info .d-flex {
    flex-direction: column;
  }
  .blog-detail-wrapper .social-info .social-info-main {
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .blog-detail-wrapper .social-info .social-info-main span {
    width: 100%;
  }
  .blog-detail-wrapper .blog-articles {
    padding: 0px 10px;
  }
  .blog-detail-wrapper ul li {
    align-items: flex-start;
  }
  .blog-detail-wrapper ul li p {
    margin-left: 30px;
    text-align: left;
    font-size: 16px;
    padding-left: 5px;
    line-height: 26px;
  }
  .blog-detail-wrapper ul li p span {
    padding-left: 0px;
  }
  .blog-detail-wrapper h1,
  .blog-detail-wrapper h2,
  .blog-detail-wrapper h3,
  .blog-detail-wrapper h4,
  .blog-detail-wrapper h5,
  .blog-detail-wrapper h6 {
    font-size: 30px;
  }
}
.blog-detail-page.course-detail-banner {
  padding: 135px 0px 80px 0px;
}
.blog-detail-page.course-detail-banner .banner-blog-detail h1 {
  margin-bottom: 30px;
}
.blog-detail-page.course-detail-banner .banner-blog-detail p {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.blog-detail-page.course-detail-banner
  .banner-blog-detail
  p:not(:first-of-type) {
  padding-top: 40px;
}
.blog-detail-page.course-detail-banner .banner-blog-detail span {
  font-size: 15px;
}

.faq-section.faq-coursedetail {
  background-color: #fff;
  padding: 106px 0px 120px 0px;
}
.faq-section.faq-coursedetail .faq-text {
  background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 54px;
  font-weight: 900;
  line-height: 101.304%;
  margin-bottom: 70px;
}

.faq-signin.enroll-now {
  width: 270px;
}

.padding-180 {
  padding: 180px 0px;
}

#faqAccordion {
  width: 80%;
  margin: auto;
}

.course-detail-info {
  background-color: #f6f6f6;
  padding: 88px 0px 160px 34px;
}
.course-detail-info h2 {
  color: #051c2d;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 0px;
}
.course-detail-info p {
  color: #051c2d;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin: 30px 0px;
}

.course-detail-info2 {
  background-color: #fff;
  padding: 0px 0px 0px 0px;
}
.course-detail-info2 p {
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.course-detail-info2 p span {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.upper-layer-div {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.description.common-description2 {
  padding-left: 0px;
}
.description.common-description2 .inner-desc {
  list-style-type: none;
}
.description.common-description2 .inner-desc:before {
  content: "";
  background-image: url("../images/bx_check-circle.png");
  height: 24px;
  width: 24px;
  object-fit: contain;
  position: absolute;
}

.video-thumbnail {
  position: relative;
  max-width: 600px;
  margin: auto;
}

.video-thumbnail img {
  width: 100%;
  display: block;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 36px;
  cursor: pointer;
}

.video-modal {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.85);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.video-content {
  position: relative;
  width: 90%;
  max-width: 800px;
  aspect-ratio: 16/9;
  top: 25%;
  left: 0;
  right: 0;
  margin: auto;
}

.video-content iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
}

.close-modal {
  position: absolute;
  top: -30px;
  right: -30px;
  font-size: 36px;
  color: #fff;
  background: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
}

.upper-layer-div {
  padding: 0px 0px 31px 0px;
  position: absolute;
  right: 0px;
  top: -29px;
  width: 370px;
}
.upper-layer-div .pricing h2 {
  color: #051c2d;
  text-align: center;
  font-size: 48px;
  font-weight: 900;
  line-height: 101.304%;
  padding: 31px 0px;
}

.cart-new-button {
  display: flex;
  justify-content: center;
}
.cart-new-button .faq-signin {
  width: 270px;
}
.cart-new-button .view-detail-btn2 {
  width: 270px;
  text-align: center;
  margin-top: 10px;
}

.topics-cover h4 {
  text-align: center;
  color: #000;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  margin-top: 31px;
  margin-bottom: 38px;
}

.topics-cover-points {
  align-items: center;
  display: flex;
  width: 70%;
  margin: auto;
  margin-bottom: 19px !important;
}
.topics-cover-points img {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.topics-cover-points p {
  color: #10283a;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #10283a;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding-left: 36px;
}

@media only screen and (max-width: 1440px) {
  .blog-detail-page.course-detail-banner {
    padding: 135px 70px 52px 70px;
  }
  .course-detail-info {
    background-color: #f6f6f6;
  }
  .container-fluid.course-detail-info.course-detail-info2 {
    background-color: #fff;
  }
}
@media only screen and (max-width: 1200px) {
  .course-detail-banner .banner-blog-detail {
    width: 83%;
  }
}
@media only screen and (max-width: 992px) {
  .course-detail-banner .banner-blog-detail {
    width: 100%;
  }
  .upper-layer-div {
    padding: 0px 0px 31px 0px;
    position: relative;
    right: 0px;
    top: 40px;
    width: 80%;
    margin: auto;
  }
  .upper-layer-div .pricing h2 {
    font-size: 30px;
    padding: 15px 0px;
  }
  .upper-layer-div .cart-new-button {
    margin-bottom: 10px;
  }
  .upper-layer-div .cart-new-button .faq-signin,
  .upper-layer-div .cart-new-button .view-detail-btn2 {
    width: 80%;
    margin: auto;
  }
  .upper-layer-div .topics-cover h4 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .padding-180 {
    padding: 50px 0px;
  }
  .new-bg {
    background-color: #f6f6f6;
    padding-bottom: 80px;
  }
  .course-detail-banner .new-bg {
    background-color: #051c2d;
  }
  .course-detail-banner {
    padding-bottom: 0px !important;
    padding: 135px 0px 80px 0px !important;
  }
  .course-detail-banner .banner-blog-detail {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .course-detail-info.course-detail-info2 p {
    padding-left: 0px;
  }
  .blog-detail-page.course-detail-banner .banner-blog-detail span {
    width: 100%;
  }
  .faq-section.faq-coursedetail {
    padding: 50px 10px 50px 10px;
  }
  .faq-section.faq-coursedetail .faq-text {
    font-size: 30px;
    font-weight: 700;
    line-height: 101.304%;
    margin-bottom: 30px;
  }
  .course-detail-info {
    background-color: #f6f6f6;
    padding: 50px 10px 50px 10px !important;
  }
  .course-detail-info h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .course-detail-info p {
    font-size: 18px;
  }
  .course-detail-info2 {
    background-color: #fff;
    padding: 0px 10px 0px 10px;
  }
  #faqAccordion {
    width: 100%;
    margin: auto;
  }
  .banner-blog-detail span {
    font-size: 16px !important;
  }
  .course-detail-banner .banner-blog-detail {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.main-header.cart-header {
  background-color: #051c2d;
}

.shopping-cart-wrapper {
  padding: 218px 0px 25px 0px;
}

.filterby.cart-text {
  color: #000;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 58px;
  text-align: left;
  margin-bottom: 62px;
}

.cart-wrap {
  padding-bottom: 25px;
  border-bottom: 1px solid #dee4e9;
  margin-bottom: 50px;
}

.cart-func {
  padding-left: 20px;
  width: 100%;
}
.cart-func .cart-func-desc h5 {
  color: #051c2d;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.cart-func .cart-func-desc p {
  color: #051c2d;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.cart-func .cart-func-desc .discount {
  color: #051c2d;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: line-through;
}
.cart-func .cart-func-orig .inc {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0px 7px;
  border-radius: 10px;
}
.cart-func .cart-func-orig .inc a {
  cursor: pointer;
}
.cart-func .cart-func-orig .inc .counter {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 0px 10px;
}
.cart-func .cart-func-orig .remove-item {
  color: #e64949;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  margin-left: 20px;
  cursor: pointer;
}

.might-like h2 {
  color: #000;
  font-family: Roboto;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 50px;
  margin-top: 10px;
}

.shopping-cart {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 45px 25px;
  width: 80%;
  margin-left: auto;
  margin-top: 50px;
}
.shopping-cart .subtotal1 {
  color: #051c2d;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.shopping-cart .subtotal2 {
  color: #051c2d;
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 101.304%;
}
.shopping-cart .form-label1,
.shopping-cart .form-input1 {
  font-family: "Lato" !important;
}
.shopping-cart .coupon {
  margin-top: 15px;
  margin-bottom: 8px;
  border-bottom: 1px solid #dee4e9;
  padding-bottom: 15px;
}
.shopping-cart .coupon a {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  cursor: pointer;
}
.shopping-cart .coupon .coupon-input-wrapper {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}
.shopping-cart .coupon .coupon-input-wrapper.show {
  max-height: 60px; /* Adjust height as needed */
  opacity: 1;
  margin-top: 8px;
}
.shopping-cart .faq-signin {
  padding: 8px 0px !important;
}
.shopping-cart .subtotal-underline {
  margin-bottom: 15px;
  border-bottom: 1px solid #dee4e9;
  padding-bottom: 15px;
}
.shopping-cart .cart-new-button .faq-signin,
.shopping-cart .cart-new-button .view-detail-btn2 {
  width: 100% !important;
}

@media only screen and (max-width: 992px) {
  .shopping-cart {
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .vertical-tabs.coursemain-tabs.shopping-cart-wrapper {
    padding: 125px 10px 50px 10px !important;
  }
  .filterby.cart-text {
    font-size: 30px;
    margin-bottom: 18px;
  }
  .shopping-cart {
    padding: 45px 20px;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    box-shadow: none;
  }
  .shopping-cart .subtotal2 {
    font-size: 30px;
  }
  .cart-func .cart-func-desc h5 {
    font-size: 18px;
    line-height: 22px;
  }
  .might-like h2 {
    font-size: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.coursemain-bg.search-results-bg {
  background-color: #051c2d;
  background-image: none;
}

.coursemain-bg.search-results-bg .search-div.new-search-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.coursemain-bg.search-results-bg .search-div.new-search-div .searched-icon {
  position: relative;
  right: auto;
  left: auto;
  top: 0px;
  height: 45px;
  width: 56px;
}
.coursemain-bg.search-results-bg .search-div.new-search-div .filter-dropdown {
  position: absolute;
  right: 97px;
  top: 9px;
  cursor: pointer;
}
.coursemain-bg.search-results-bg .search-div.new-search-div .filter-dropdown p {
  color: #051c2d;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding-top: 3px;
  width: 182px;
}
.coursemain-bg.search-results-bg
  .search-div.new-search-div
  .filter-dropdown
  .filter-dropdown-main {
  background-color: #fff;
  position: relative;
  top: 28px;
  border-radius: 5px;
  right: -27px;
  display: none;
}
.coursemain-bg.search-results-bg
  .search-div.new-search-div
  .filter-dropdown
  img {
  float: right;
}
.coursemain-bg.search-results-bg
  .search-div.new-search-div
  .filter-dropdown.show-dropdown
  .filter-dropdown-main {
  display: block;
}
.coursemain-bg.search-results-bg .search-div.new-search-div .form-input1 {
  height: 45px;
  width: 92%;
  padding-right: 182px;
}

.add-custom-width {
  width: 80%;
  margin: auto;
}

.search-results-wrapper {
  background-color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
}

.search-results-wrapper.search-results-wrapper2 {
  padding: 25px 25px;
}

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

.breadcrum {
  list-style-type: none;
  padding-left: 0px;
}
.breadcrum li {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.breadcrum li span {
  -webkit-text-fill-color: #b0b7bd;
}

.search-reults-list {
  padding-left: 25px;
}
.search-reults-list h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  background: linear-gradient(180deg, #052130 0%, #067959 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 15px;
  margin-bottom: 15px;
}
.search-reults-list .course-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  background: linear-gradient(90deg, #278975 0%, #41d0c8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.search-reults-list p {
  color: #02353c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.new-checkbox {
  padding: 34px 22px;
  width: 182px;
  border-radius: 5px;
  box-shadow: 0px 4px 17.7px rgba(0, 0, 0, 0.21);
}

.form-group-checkbox {
  display: block;
  margin-bottom: 25px;
}

.form-group-checkbox:last-child {
  margin-bottom: 0px;
}

.form-group-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group-checkbox label {
  position: relative;
  cursor: pointer;
}

.form-group-checkbox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 18px;
  background: #fff;
  border: 1px solid #97a3b7;
}

.form-group-checkbox input:checked + label:before {
  background: linear-gradient(90deg, #70f07f 0%, #3fd0c9 100%);
  border: 1px solid transparent;
}

.form-group-checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 5px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.show-searchbar .search-appearance {
  display: block !important;
}

.search-appearance {
  position: absolute;
  z-index: 999;
  top: 80px;
  display: none;
}
.search-appearance .form-input1 {
  padding: 10px 20px 10px 20px;
  border: 1px solid transparent;
}

.bx-search {
  cursor: pointer;
}

.results-notfound {
  padding: 140px 0px 180px 0px;
}

.add-custom-width2 {
  width: 38%;
  margin: auto;
  text-align: center;
}
.add-custom-width2 h3 {
  background: linear-gradient(180deg, #052130 0%, #067959 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
.add-custom-width2 p {
  color: #02353c;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.form-group-checkbox.error-checkbox label:before {
  border: 1px solid #eb5757;
}

.error-search-msg {
  position: absolute;
  color: #eb5757;
  top: 50px;
}

.error-search-wrap {
  display: flex;
  align-items: center;
}
.error-search-wrap span {
  padding-left: 5px;
}

@media only screen and (max-width: 1680px) {
  .search-appearance .search-div .form-input1 {
    width: 88%;
  }
}
@media only screen and (max-width: 1600px) {
  .search-appearance .search-div .form-input1 {
    width: 86%;
  }
}
@media only screen and (max-width: 1440px) {
  .search-appearance .search-div .form-input1 {
    width: 79%;
  }
}
@media only screen and (max-width: 1366px) {
  .search-appearance .search-div .form-input1 {
    width: 79%;
  }
}
@media only screen and (max-width: 992px) {
  .search-appearance .col-md-10 {
    width: 100%;
  }
  .search-appearance .search-div .form-input1 {
    width: 100%;
  }
  .search-results-wrapper {
    flex-direction: column;
    padding: 30px 25px;
  }
  .search-results-wrapper img {
    padding-bottom: 20px;
  }
  .search-reults-list {
    padding-left: 0%;
  }
  .add-custom-width {
    width: 90%;
    margin: auto;
  }
  .coursemain-bg.search-results-bg .search-div.new-search-div .form-input1 {
    padding-left: 10px;
    padding-right: 134px;
  }
  .coursemain-bg.search-results-bg .filter-dropdown p {
    width: auto !important;
  }
  .coursemain-bg.search-results-bg .filter-dropdown .filter-dropdown-main {
    position: absolute !important;
    right: -40px !important;
    top: 44px !important;
    z-index: 1;
  }
  .search-appearance {
    top: 190px;
    position: fixed;
  }
  .results-notfound {
    padding: 140px 0px 180px 0px;
  }
  .add-custom-width2 {
    width: 90%;
  }
  .add-custom-width2 h3 {
    font-size: 30px;
  }
  .add-custom-width2 p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .add-custom-width {
    width: 100%;
  }
}
.checkout-page .checkout-container {
  background-color: #fff;
  padding: 50px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.checkout-page .checkout-container .shoping-cart-option {
  margin-top: 0px;
  margin-left: 0px;
  width: 100%;
  margin-bottom: 15px;
}
.checkout-page .checkout-container .shoping-cart-option .subtotal-underline {
  padding-bottom: 25px;
  padding-left: 15px;
}
.checkout-page .checkout-container .shoping-cart-option .coupon {
  margin-bottom: 15px;
}
.checkout-page .checkout-container .shoping-cart-option .subtotal1 {
  font-size: 20px !important;
}
.checkout-page .checkout-container .shoping-cart-option .subtotal2 {
  font-size: 20px !important;
}
.checkout-page .checkout-container .shoping-cart-option .subtotal2.subtotal3 {
  font-size: 28px !important;
}
.checkout-page .checkout-container .shoping-cart-option .cart-wrap {
  padding: 15px 0px 25px 0px;
  margin: 0px;
}
.checkout-page .checkout-container .pay-btn {
  background-color: #a6e9a3;
  padding: 12px 20px;
  width: 80%;
  cursor: pointer;
  border-radius: 8px;
  text-align: center;
}
.checkout-page .checkout-container .pay-btn:hover {
  background-color: #8fdc87;
}
.checkout-page .checkout-container .pay-btn span {
  color: #8fc2f4;
  font-size: 16px;
  font-weight: 700;
}
.checkout-page .checkout-container .cart-pay-button .pay-btn {
  width: 100%;
}
.checkout-page .checkout-container .payment-method {
  font-weight: 700;
  margin-bottom: 25px;
}
.checkout-page .filterby.cart-text {
  margin-bottom: 40px;
}
.checkout-page .return-cart {
  margin-bottom: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.checkout-page .return-cart span {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-left: 27px;
}
.checkout-page .billing-address {
  width: 100%;
  margin-top: 31px;
}
.checkout-page .billing-address select,
.checkout-page .billing-address input[type="text"] {
  width: 100%;
  padding: 10px;
  border-radius: 0px;
  margin-bottom: 0px;
  font-size: 14px;
}
.checkout-page .billing-address select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("../images/down-fill.png") no-repeat right 10px center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #ccc;
}
.checkout-page .billing-address input[type="text"] {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.checkout-page .form-input1.form-input2 {
  border-radius: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.checkout-page .form-input1.form-input3 {
  border-radius: 0px;
  border-bottom-left-radius: 8px;
}
.checkout-page .form-input1.form-input4 {
  border-radius: 0px;
  border-bottom-right-radius: 8px;
}
.checkout-page label {
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
}
.checkout-page .custom-padding-from-right {
  padding-right: 80px;
}
.checkout-page .enter-manually {
  font-size: 12px;
  color: #666;
  border-bottom: 1px dotted;
  text-decoration: none;
  cursor: pointer;
}
.checkout-page .free-exchange {
  text-align: center;
  margin: 15px 0px;
}
.checkout-page .free-exchange span {
  border-bottom: 1px dotted;
}
.checkout-page .cart-wrap2 {
  border-radius: 8px;
  padding: 10px 10px;
  border: 1px solid #ccc;
}
.checkout-page .cart-wrap2 .cart-func-desc h5 {
  font-size: 16px;
  margin-bottom: 0px;
}
.checkout-page .powered-by {
  text-align: center;
}
.checkout-page .powered-by ul {
  display: flex;
  padding-left: 0px;
  list-style-type: none;
  align-items: center;
  justify-content: space-around;
}
.checkout-page .powered-by ul li span {
  font-weight: 700;
  border-right: 1px solid #ccc;
  padding-right: 10px;
}

@media only screen and (max-width: 768px) {
  .checkout-page {
    margin-top: 0px;
  }
  .checkout-page .checkout-container {
    padding: 30px;
  }
  .checkout-page .checkout-container .shoping-cart-option .cart-wrap {
    flex-direction: column;
    align-items: start !important;
  }
  .checkout-page
    .checkout-container
    .shoping-cart-option
    .cart-wrap
    .cart-func {
    padding-left: 0px;
    padding-top: 10px;
  }
  .checkout-page .checkout-container .shoping-cart-option .subtotal2.subtotal3 {
    font-size: 22px !important;
  }
  .checkout-page .checkout-container .shoping-cart-option .subtotal-underline {
    padding-left: 0px;
  }
  .checkout-page .custom-padding-from-right {
    padding-right: 0px;
    padding-left: 0px;
  }
  .vertical-tabs.coursemain-tabs.checkout-page {
    padding: 150px 20px 50px 20px !important;
  }
}
.thankyou-purchase {
  padding: 185px 0px 100px 0px;
}
.thankyou-purchase .thankyou-row {
  justify-content: center;
}
.thankyou-purchase .thankyou-row .thankyou-heading {
  color: #000;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  text-align: center;
}
.thankyou-purchase .thankyou-row .thankyou-heading2 {
  color: #000;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  margin-top: 40px;
}
.thankyou-purchase .thankyou-row .thankyou-para {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin: 18px 0px;
  text-align: center;
}
.thankyou-purchase .thankyou-row .search-div {
  width: 55%;
  margin: auto;
  position: relative;
  margin-bottom: 40px;
}
.thankyou-purchase .thankyou-row .search-div .searched-icon {
  position: absolute;
  right: 16px;
  top: 14px;
}
.thankyou-purchase .thankyou-row .search-div input {
  padding-right: 42px;
}
.thankyou-purchase .thankyou-row .order-confirmation {
  background-color: #fff;
  padding: 48px 52px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.thankyou-purchase .thankyou-row .order-id {
  position: relative;
  margin-right: 50px;
  padding-right: 44px;
}
.thankyou-purchase .thankyou-row .order-id p {
  color: #495057;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 9px;
}
.thankyou-purchase .thankyou-row .order-id span {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.thankyou-purchase .thankyou-row .order-id img {
  position: absolute;
  right: 0px;
  top: 0px;
}
.thankyou-purchase .thankyou-row .order-details {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  margin-top: 50px;
  padding-left: 10px;
}
.thankyou-purchase .thankyou-row .subtotal.subtotal-underline {
  margin: 39px 0px 20px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #dee4e9;
}
.thankyou-purchase .thankyou-row .subtotal.subtotal-underline .subtotal1,
.thankyou-purchase .thankyou-row .subtotal.subtotal-underline .subtotal2 {
  color: #495057;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.thankyou-purchase .thankyou-row .subtotalnew {
  color: #000 !important;
}
.thankyou-purchase .thankyou-row .ariel {
  align-items: center;
}
.thankyou-purchase .thankyou-row .ariel span {
  padding-right: 31px;
  color: #000;
}
.thankyou-purchase .thankyou-row .ariel span a {
  padding: 13px 15px !important;
}
.thankyou-purchase .thankyou-row .pl-27 {
  margin-left: 27px !important;
}

@media only screen and (max-width: 768px) {
  .vertical-tabs.coursemain-tabs.thankyou-purchase {
    padding: 155px 10px 100px 10px !important;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase .thankyou-row {
    justify-content: center;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase
    .thankyou-row
    .thankyou-heading {
    font-size: 30px;
    line-height: 38px;
    text-align: center;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase
    .thankyou-row
    .thankyou-heading2 {
    text-align: center;
    font-size: 30px;
    line-height: 38px;
    margin-top: 40px;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase
    .thankyou-row
    .thankyou-para {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 18px 0px;
    text-align: center;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase .thankyou-row .search-div {
    width: 100%;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase
    .thankyou-row
    .order-confirmation {
    padding: 20px 32px;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase
    .thankyou-row
    .order-confirmation
    .flex-dir {
    flex-direction: column;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase .thankyou-row .order-id {
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase .thankyou-row .order-id img {
    display: none;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase .thankyou-row .order-id p {
    font-size: 16px;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase
    .thankyou-row
    .order-id
    span {
    font-size: 18px;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase
    .thankyou-row
    .order-details {
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
    margin-top: 0px;
    padding-left: 0px;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase
    .thankyou-row
    .subtotal.subtotal-underline {
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 10px 0px;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase .thankyou-row .pl-27 {
    margin-left: 0px !important;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase .thankyou-row .ariel {
    align-items: start;
    flex-direction: column;
    gap: 12px;
  }
  .vertical-tabs.coursemain-tabs.thankyou-purchase
    .thankyou-row
    .thankyou-para {
    font-size: 16px;
  }
}
.coursemain-bg.whychooseus {
  background-image: url("../images/background-whychoose.png");
  background-color: rgba(0, 0, 0, 0.9);
}
.coursemain-bg.whychooseus .banner2-text h1 {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}

.diff-section {
  padding: 175px 15px 185px 15px;
  background: linear-gradient(
    157deg,
    #9afff8 -14.92%,
    #deffdd 20.77%,
    #f2f2f2 47.39%
  );
}
.diff-section .best {
  margin-bottom: 50px;
}

.cpr {
  padding-right: 23px;
}

.cpl {
  padding-left: 22px;
}

.diff-card {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 50px 31px;
  min-height: 312px;
}

.diff-card-content {
  padding-left: 32px;
}
.diff-card-content h5 {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}
.diff-card-content p {
  color: #000;
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
}

.support-p {
  width: 55%;
  margin: auto;
  text-align: center;
  color: #051c2d;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.course-combine {
  color: #051c2d;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 20px;
}

.course-combine-p {
  color: #051c2d;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.team-efficiency-2 .description {
  margin-left: 28px;
}

.newsletter-main.newsletter-diff .safety {
  width: 100%;
}

.clients-report {
  color: #051c2d;
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  width: 58%;
  margin: auto;
}
.clients-report span {
  color: #051c2d;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}

.support-p.support-p1 {
  margin-bottom: 50px;
}

.diff-card-content-2 {
  padding-left: 0px;
  padding-top: 35px;
}
.diff-card-content-2 p {
  font-weight: 700;
  min-height: 114px;
}

.cmb {
  margin-bottom: 70px !important;
}

.description.description-fits {
  margin-left: 0px;
}
.description.description-fits h4 {
  color: #051c2d;
  font-size: 48px;
  font-weight: 900;
  line-height: 101.304%;
  width: 75%;
  margin-bottom: 40px;
}
.description.description-fits p.schedule {
  color: #051c2d;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 40px;
}

.mobile-circle {
  position: relative;
  text-align: center;
}

.manage-team1 {
  position: relative;
  z-index: 11;
}

.double-circle {
  position: absolute;
  width: 100%;
  left: 0px;
  top: -70px;
  z-index: 1;
}

.team-efficiency-combine {
  padding-bottom: 20px;
  align-items: flex-start !important;
}

.team-efficiency-3 {
  padding: 180px 0px 90px 0px;
}

.description-fits-new {
  padding-top: 30px;
}

.course-combine-p.course-combine-p-new {
  width: 75%;
}

.newsletter-main.newsletter-diff::before {
  display: none;
}

.newsletter-main.newsletter-diff p {
  margin-top: 24px;
  margin-bottom: 24px;
}
.newsletter-main.newsletter-diff .explore-courses {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}
.newsletter-main.newsletter-diff .explore-courses a {
  color: #000;
}

.team-efficiency-4 {
  background: #051c2d;
  padding: 180px 0px 220px 0px;
}
.team-efficiency-4 .description {
  width: 75%;
}
.team-efficiency-4 .support,
.team-efficiency-4 .support-p {
  color: #fff;
  text-align: left;
  width: 100%;
}
.team-efficiency-4 .te-second {
  padding-top: 134px;
}
.team-efficiency-4 .te-second .support,
.team-efficiency-4 .te-second .support-p {
  text-align: center;
}
.team-efficiency-4 .te-second .support-p {
  margin-bottom: 70px;
}
.team-efficiency-4 .te-second .diff-card {
  border: 1px solid #42d2c4;
  background-color: transparent;
  padding: 30px 30px;
}
.team-efficiency-4
  .te-second
  .diff-card
  .diff-card-content.diff-card-content-2
  p {
  color: #fff;
}
.team-efficiency-4 .te-second .diff-card.member-one {
  padding: 15px 30px 16px 30px;
}
.team-efficiency-4
  .te-second
  .diff-card.member-one
  .diff-card-content.diff-card-content-2 {
  padding-top: 25px;
}

.circle-elipses {
  position: absolute;
  top: -52px;
  left: -40px;
  width: 100%;
}

.engineers-technicians,
.manage-team,
.manage-team1 {
  width: 100%;
}

@media only screen and (max-width: 1366px) {
  .diff-card-content-2 p {
    min-height: 154px;
  }
}
@media only screen and (max-width: 1024px) {
  .diff-card-content {
    padding-left: 20px;
  }
  .diff-card-content h5 {
    font-size: 30px;
    line-height: 34px;
  }
  .diff-card-content p {
    font-size: 20px;
    line-height: 26px;
  }
  .clients-report {
    padding-top: 30px;
  }
  .team-efficiency-4 .te-second .diff-card {
    height: 340px;
  }
  .team-efficiency-3 .mobile-circle .double-circle {
    top: -20px;
  }
}
@media only screen and (max-width: 992px) {
  .cpr {
    padding-right: 12px;
  }
  .cpl {
    padding-left: 12px;
  }
  .cmb {
    margin-bottom: 30px !important;
  }
  .cmb1 {
    margin-bottom: 30px !important;
  }
  .newsletter-main.newsletter-diff .safety {
    width: 100%;
  }
  .team-efficiency-3 .team-efficiency-combine {
    align-items: center !important;
  }
  .team-efficiency-3 .description.description-fits h4 {
    width: 100%;
  }
  .team-efficiency-3 .mobile-circle .manage-team1 {
    width: 100%;
  }
  .team-efficiency-3 .mobile-circle .double-circle {
    top: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .diff-section {
    padding: 50px 10px 50px 10px;
  }
  .diff-section .support {
    font-size: 30px;
  }
  .diff-card {
    padding: 30px 15px;
  }
  .cpr {
    padding-right: 12px;
  }
  .cpl {
    padding-left: 12px;
  }
  .diff-card-content {
    padding-left: 0px;
    text-align: center;
  }
  .diff-card-content h5 {
    font-size: 28px;
  }
  .diff-card-content p {
    font-size: 20px;
    line-height: 26px;
  }
  .support-p {
    width: 95%;
    padding-top: 20px;
  }
  .cmb {
    margin-bottom: 30px !important;
  }
  .cmb1 {
    margin-bottom: 30px !important;
  }
  .ci {
    text-align: center;
  }
  .ci img {
    height: 100px;
  }
  .support-p.support-p1 {
    padding-top: 0px;
  }
  .clients-report {
    font-size: 22px;
    line-height: 26px;
    width: 90%;
    margin: auto;
    padding-top: 30px;
  }
  .clients-report span {
    font-size: 22px;
    line-height: 26px;
  }
  .col-md-6 .safety {
    width: 100%;
  }
  .manage-team1 {
    width: 100%;
  }
  .team-efficiency-3 {
    padding: 50px 10px 50px 10px;
  }
  .team-efficiency-3 .description-fits {
    padding-top: 0px;
    margin-top: 20px;
  }
  .team-efficiency-3 .description-fits h4 {
    font-size: 30px;
    margin-bottom: 30px;
    width: 100%;
  }
  .team-efficiency-3 .description-fits .course-combine-p {
    font-size: 18px;
  }
  .mobile-circle {
    padding-top: 30px;
  }
  .double-circle {
    top: 22px;
  }
  .team-efficiency-2 .description {
    margin-left: 0px;
  }
  .team-efficiency-4 {
    padding: 50px 10px 50px 10px;
  }
  .team-efficiency-4 .te-second {
    padding-top: 50px;
  }
  .team-efficiency-4 .te-second .diff-card-content.diff-card-content-2 p span {
    text-align: left;
  }
  .clients-report {
    width: 100%;
    font-size: 18px;
  }
  .clients-report span {
    font-size: 18px;
  }
  .newsletter-main.newsletter-diff .explore-courses {
    font-size: 24px;
  }
  .team-efficiency-4 .te-second .support {
    text-align: left;
  }
  .team-efficiency-4 .te-second .support-p.support-p1 {
    text-align: left;
  }
  .team-efficiency-4 .te-second .diff-card {
    height: auto;
  }
}
.cart-item {
  border-radius: 31px;
  position: absolute;
  background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
  color: #000;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  height: 15px;
  width: 15px;
  padding: 0px 3.5px;
  border: 1px solid #000;
  top: 0px;
  right: -3px;
}

.breadcrums {
  padding-left: 0px;
}
.breadcrums li {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  background: linear-gradient(180deg, #42d2c4 0%, #6ff081 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.breadcrums .breadcrums-slash {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #b0b7bd;
}

.breadcrum {
  padding-left: 0px;
}
.breadcrum li {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  display: inline-block;
}
.breadcrum .breadcrums-li {
  background: linear-gradient(180deg, #42d2c4 0%, #6ff081 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.breadcrum .breadcrums-slash {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #b0b7bd;
}

.licensed-button {
  width: 80%;
  padding-top: 20px;
}

.cgap-50 {
  gap: 50px;
}

.faq-signin.faq-button-settings.enrol-btn {
  width: auto;
  height: auto;
  padding: 16px 51px;
}

.license-button-2 {
  width: 100%;
  padding-top: 20px;
}

a.view-course-btn {
  border-radius: 10px;
  border: 1px solid #42d2c4;
  text-decoration: none;
  padding: 13px 55px;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
}
a.view-course-btn span {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
}

a.view-course-btn:hover {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}
a.view-course-btn:hover span {
  color: #02353c !important;
  font-weight: 700;
}

a.view-course-btn:active {
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
}

.banner-blog-detail {
  position: relative;
  z-index: 11;
}

.hero-img {
  position: absolute;
  top: -41px;
  right: -200px;
  z-index: 1;
}

.video-main-wrapper {
  background: #051c2d;
  padding: 80px 0px 130px 0px;
  position: relative;
  z-index: 11;
}
.video-main-wrapper .video-thumbnail {
  width: 100%;
  max-width: 100%;
  cursor: pointer;
}

.time-wrapper {
  padding: 1px;
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
  border-radius: 10px;
  display: inline-block;
  border-radius: 8px;
}
.time-wrapper .inner-time-wrapper {
  background-color: #051c2d;
  padding: 32px 48px;
  border-radius: 8px;
}
.time-wrapper .inner-time-wrapper h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 101.304%;
  text-align: center;
}

#timer-container {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.time-box {
  text-align: center;
  font-family: Arial, sans-serif;
}

.time-value {
  text-align: center;
  font-family: Lato;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.time-label {
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#startTimer {
  display: block;
  margin: 20px auto;
}

@media only screen and (max-width: 1440px) {
  .course-detail-banners {
    padding: 150px 70px 50px 70px;
  }
}
@media only screen and (max-width: 1440px) {
  .licensed-button {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .hero-img {
    display: none;
  }
  .text-end {
    text-align: center !important;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .course-detail-banners {
    padding: 100px 0px 0px 0px;
  }
  .course-detail-banners .hero-img {
    display: none;
  }
  .course-detail-banners .breadcrums {
    padding-left: 10px;
    padding-right: 10px;
  }
  .course-detail-banners .text-end {
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .course-detail-banners .banner-blog-detail {
    padding-left: 10px;
    padding-right: 10px;
  }
  .course-detail-banners .licensed-button {
    width: 100%;
  }
  .course-detail-banners .licensed-button .enrol-btn {
    width: 100% !important;
  }
  .course-detail-banners .licensed-button .enrol-btn span {
    text-align: center;
  }
  .course-detail-banners .licensed-button .view-course-btn {
    text-align: center;
    padding: 13px 50px;
    width: 100% !important;
  }
  .course-detail-banners .licensed-button .cgap-50 {
    gap: 30px;
  }
  .course-detail-banners .time-wrapper {
    width: 100%;
    margin-top: 30px;
  }
  .video-main-wrapper {
    padding: 50px 10px;
  }
  .licensed-button.license-button-2 .cgap-50 {
    gap: 30px;
  }
  .licensed-button.license-button-2 a.view-course-btn {
    width: 100%;
    text-align: center;
    padding: 13px 50px;
  }
}
.dashboard-course-wrapper-one {
  padding: 135px 0px 30px 0px;
  background-color: #f6f6f6;
}
.dashboard-course-wrapper-one .breadcrums-dashboard-course {
  padding-left: 0px;
  margin-bottom: 20px;
}
.dashboard-course-wrapper-one .breadcrums-dashboard-course li {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  background: linear-gradient(90deg, #278975 0%, #41d0c8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding-right: 5px;
}
.dashboard-course-wrapper-one .breadcrums-dashboard-course li.active {
  -webkit-text-fill-color: #495057;
  background: unset;
}
.dashboard-course-wrapper-one .support1 {
  color: #000;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  margin-bottom: 0px;
}

.dashboard-course-wrapper-two {
  background-color: #f6f6f6;
  padding-bottom: 180px;
}

.left-side-bar {
  border-radius: 8px;
  background: #fff;
  padding: 25px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.left-side-bar .left-side-item {
  display: flex;
  gap: 24px;
  align-items: center;
  cursor: pointer;
  margin-bottom: 20px;
  text-decoration: none;
}
.left-side-bar .left-side-item.active {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.left-side-bar .left-side-item:last-child {
  margin-bottom: 0px;
}
.left-side-bar .left-side-item-text p {
  color: #495057;
  font-size: 20px;
  font-weight: 400;
  line-height: 170%;
}

.cover-white {
  background-color: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 30px 30px 0px 30px;
}

.main-cart-wrap {
  gap: 40px;
  margin-bottom: 0px;
}
.main-cart-wrap .thumbnail-img {
  border-radius: 8px;
}
.main-cart-wrap .cart-func {
  gap: 20px;
  padding-left: 0px;
}
.main-cart-wrap .cart-func-orig {
  align-items: center;
  gap: 15px;
}
.main-cart-wrap .cart-func-orig .inprogress p {
  color: #6d7f97;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.02px;
}
.main-cart-wrap .cart-func-orig .inprogress p span {
  font-weight: 700;
  color: #3b5981;
}
.main-cart-wrap .cart-func-orig .inprogress.red span {
  color: #eb7064;
}
.main-cart-wrap .cart-func-orig .inprogress.completed p span {
  color: #2c867a;
}
.main-cart-wrap .cart-func-desc h5 {
  margin-bottom: 0px;
}
.main-cart-wrap .cart-func-btn .btn.btn-signin {
  padding: 13px 10px !important;
}
.main-cart-wrap .cart-func-btn .view-certificate-btn {
  width: 170px;
}
.main-cart-wrap .progress-bar.red {
  background: #eb7064;
}
.main-cart-wrap .progress-indicator {
  color: #051c2d;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.02px;
}

.progress-container {
  width: 23%;
  background-color: #e0e0e0;
  border-radius: 25px;
  overflow: hidden;
  height: 10px;
  margin: 0px 0;
}

.progress-bar {
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  width: 0%;
  transition: width 0.4s ease-in-out;
}

.test-taken {
  border-radius: 100px;
  background: #fff2d2;
  padding: 9px 16px;
}
.test-taken p {
  color: #816522;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.02px;
}
.test-taken + .cart-func-btn.res-btn {
  display: none;
}

.test-taken.reminder-sent {
  display: flex;
  gap: 5px;
  background: rgba(78, 217, 3, 0.15);
}
.test-taken.reminder-sent p {
  color: #2b7b00;
}

.test-taken.test-taken1 {
  background: linear-gradient(
    90deg,
    rgba(66, 210, 196, 0.25) 0.1%,
    rgba(111, 240, 129, 0.25) 99.9%
  );
}
.test-taken.test-taken1 p {
  color: #10283a;
}

.test-taken.test-taken2 {
  background: #ffe6e7;
}
.test-taken.test-taken2 p {
  color: #eb7064;
}

.check-mark {
  position: relative;
}
.check-mark .check-mark-img {
  position: absolute;
  top: -14px;
  left: -17px;
}

.navbar-nav .left-side-bar {
  display: none;
}

.cart-counter-wrapper {
  position: relative;
}
.cart-counter-wrapper .cart-counter {
  position: absolute;
  top: -9px;
  right: -4px;
}
.cart-counter-wrapper .cart-counter span {
  color: #000;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 30px;
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  padding: 1px 4px;
}

@media only screen and (max-width: 1024px) {
  .left-side-bar {
    padding: 25px 15px;
  }
  .left-side-bar .left-side-item-text p {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .left-side-bar {
    margin-bottom: 15px;
    padding: 25px 25px;
    display: none;
  }
  .navbar-nav .left-side-bar {
    display: block;
  }
  .dashboardmain.menu-active .main-header #mainNav .navbar-nav {
    gap: 10px;
  }
  .navbar-collapse {
    position: relative;
    padding: 0px !important;
  }
  .navbar-collapse .d-flex {
    margin-top: 0px;
    margin-bottom: 20px;
    position: absolute;
    top: 25px;
    right: 0px;
    left: 0px;
  }
  .navbar-collapse .navbar-nav {
    padding-top: 130px;
  }
  .navbar-collapse .navbar-nav .nav-link {
    border-bottom: none;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-course-wrapper-one {
    padding: 135px 10px 30px 10px;
  }
  .dashboard-course-wrapper-one .support1 {
    font-size: 32px;
  }
  .dashboard-course-wrapper-one .breadcrums-dashboard-course {
    margin-bottom: 10px;
  }
  .dashboard-course-wrapper-two {
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-cart-wrap {
    flex-direction: row;
    gap: 15px;
    align-items: flex-start !important;
  }
  .left-side-bar {
    margin-bottom: 0px;
  }
  .left-side-bar .left-side-item-text p {
    font-size: 16px;
  }
  .cart-wrap.main-cart-wrap.main-cart-wrap1 .thumbnail-img {
    width: 80px;
  }
  .cart-wrap.main-cart-wrap.main-cart-wrap1 .cart-func-btn.res-btn {
    display: none;
  }
  .cart-wrap.main-cart-wrap.main-cart-wrap1
    .cart-func-btn.res-btn
    a.btn-signin {
    padding: 8px 14px !important;
    font-weight: 400;
    font-size: 12px;
    width: 138px;
  }
  .cart-wrap.main-cart-wrap.main-cart-wrap1
    .test-taken
    + .cart-func-btn.res-btn {
    display: block;
    position: relative;
    bottom: 0px;
  }
}
body.dashboardmain {
  background-color: #f6f6f6;
}

input#archive_submit_btn,
input#unarchive_submit_btn {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

.cart-new-button.cart-new-button2 .faq-signin {
  width: 208px;
  padding: 8px 10px;
}
.cart-new-button.cart-new-button2 .faq-signin span {
  font-size: 12px !important;
  line-height: 16px;
}

.dashboard-course-wrapper-two.thankyou-purchase {
  padding-top: 0px;
}
.dashboard-course-wrapper-two.thankyou-purchase .order-confirmation {
  padding: 0px;
  border-radius: 8px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  background-color: transparent;
}
.dashboard-course-wrapper-two.thankyou-purchase
  .order-confirmation
  .accordion-header1 {
  justify-content: space-between;
  padding: 30px;
  align-items: center;
  padding-right: 14px;
  gap: 20px;
}
.dashboard-course-wrapper-two.thankyou-purchase
  .order-confirmation
  .accordion-header1.active {
  background: linear-gradient(
    90deg,
    rgba(66, 210, 196, 0.26) 0.07%,
    rgba(111, 240, 129, 0.26) 99.93%
  );
  border-radius: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.dashboard-course-wrapper-two.thankyou-purchase
  .order-confirmation
  .toggle-btn {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  position: relative;
}
.dashboard-course-wrapper-two.thankyou-purchase
  .order-confirmation
  .accordion-body1 {
  overflow: hidden;
  transition: padding 1s ease;
  display: none;
}
.dashboard-course-wrapper-two.thankyou-purchase
  .order-confirmation
  .accordion-body1
  .order-details {
  margin-top: 82px;
  padding-left: 65px;
}
.dashboard-course-wrapper-two.thankyou-purchase
  .order-confirmation
  .accordion-body1:empty {
  padding: 0;
}
.dashboard-course-wrapper-two.thankyou-purchase .thankyou-row .order-id {
  margin-right: 0px;
  padding-right: 0px;
}
.dashboard-course-wrapper-two.thankyou-purchase
  .thankyou-row
  .order-id
  img.dotted-line1 {
  left: -15px;
}
.dashboard-course-wrapper-two.thankyou-purchase .thankyou-row .pl-27 {
  margin-left: 90px !important;
  padding-right: 30px !important;
  margin-right: 60px !important;
}
.dashboard-course-wrapper-two.thankyou-purchase .thankyou-row .cover-white {
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 0px;
  box-shadow: none;
}

.stars-rating ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 5px;
}

/* Default light gray color */
.stars-rating li {
  font-size: 30px;
  color: #dee4e9;
  cursor: pointer;
  transition: color 0.3s;
}

/* Yellow for active stars */
.stars-rating li.active {
  color: gold;
}

@media only screen and (max-width: 1200px) {
  .dashboard-course-wrapper-two.thankyou-purchase
    .thankyou-row
    .order-id
    .dustin {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1 {
    padding: 20px;
    padding-right: 0px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .order-id
    p {
    font-size: 16px;
    line-height: 20px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .order-id
    span {
    font-size: 20px;
    line-height: 26px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .order-id
    img.dotted-line1 {
    left: -6px;
    display: none;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-body1
    .order-details {
    margin-top: 52px;
    padding-left: 35px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase .thankyou-row .pl-27 {
    margin-left: 60px !important;
    padding-right: 30px !important;
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1 {
    padding: 20px;
    padding-right: 20px;
    position: relative;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .order-id
    p {
    font-size: 16px;
    line-height: 20px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .order-id
    span {
    font-size: 20px;
    line-height: 26px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .order-id
    img.dotted-line1 {
    left: -6px;
    display: none;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .order-id:last-child {
    position: absolute;
    right: 20px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-body1
    .order-details {
    margin-top: 22px;
    padding-left: 20px;
    font-size: 30px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-body1
    .d-flex.ariel {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase .thankyou-row .pl-27 {
    margin-left: 30px !important;
    padding-right: 30px !important;
    margin-right: 30px !important;
  }
}
body.dashboardmain {
  background-color: #f6f6f6;
}

.thankyou-purchase .thankyou-row .order-id .dustin {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}

.new-ids {
  display: flex;
}
.new-ids .new-order-id {
  display: flex;
  gap: 48px;
}
.new-ids .new-order-id .order-id-gap {
  gap: 30px;
}
.new-ids .new-order-id .order-id img.dotted-line1 {
  left: -75px !important;
}
.new-ids .new-order-id .test-taken.in-prog {
  background-color: #dae3ee;
}
.new-ids .new-order-id .test-taken.in-prog p {
  color: #284d68;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.02px;
  margin-bottom: 0px;
  text-transform: capitalize;
}
.new-ids .new-order-id .test-taken.in-comp {
  background: linear-gradient(
    90deg,
    rgba(66, 210, 196, 0.25) 0.1%,
    rgba(111, 240, 129, 0.25) 99.9%
  );
}
.new-ids .new-order-id .test-taken.in-comp p {
  color: #10283a;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.02px;
  margin-bottom: 0px;
  text-transform: capitalize;
}
.new-ids .new-order-id .test-taken.in-failed {
  background: #ffe6e7;
}
.new-ids .new-order-id .test-taken.in-failed p {
  color: #eb7064;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.02px;
  margin-bottom: 0px;
  text-transform: capitalize;
}

#student_list_form .cover-white {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
#student_list_form .order-listing-confirmation {
  display: grid;
  grid-template-columns: auto 2fr 2fr 1fr 1fr auto;
  align-items: start;
  gap: 20px;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
}
#student_list_form .order-listing-confirmation .dustin {
  word-break: break-word;
}
#student_list_form .order-listing-confirmation .dustin .btn.btn-primary {
  padding: 9px 38px;
  font-size: 14px;
}

.filters-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
  align-items: center;
}
.filters-wrapper .filters-wrapper-first {
  display: flex;
  align-items: center;
  gap: 25px;
}
.filters-wrapper .filters-wrapper-first .filter-one {
  position: relative;
}
.filters-wrapper .filters-wrapper-first .filter-one #sortSelect {
  border-radius: 8px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 15px 16px;
  width: 227px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.filters-wrapper .filters-wrapper-first .filter-one img {
  position: absolute;
  right: 10px;
  top: 16px;
  pointer-events: none;
}
.filters-wrapper .filters-wrapper-first .filter-two #toggleFilterBtn {
  border: none;
  background-color: transparent;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.filters-wrapper .filters-wrapper-second {
  display: flex;
  gap: 10px;
}
.filters-wrapper .filters-wrapper-second .filter-appearance-log {
  display: flex;
  gap: 10px;
}
.filters-wrapper .filters-wrapper-second .cart-new-button .view-detail-btn2 {
  margin-top: 0px;
  width: 200px;
  padding: 10px 12px;
  display: flex;
  gap: 12px;
}
.filters-wrapper
  .filters-wrapper-second
  .cart-new-button
  .view-detail-btn2
  .bulk-reminder {
  position: relative;
  z-index: 1;
}
.filters-wrapper
  .filters-wrapper-second
  .cart-new-button
  .view-detail-btn2
  span {
  color: #02353c;
  -webkit-text-fill-color: #02353c;
}
.filters-wrapper
  .filters-wrapper-second
  .cart-new-button
  .view-detail-btn2:hover
  span {
  position: relative;
  top: -1px;
}
.filters-wrapper .filters-wrapper-second .cart-new-button .view-detail-btn3 {
  width: 130px;
}

.filters-wrapper.showthe-filter
  .filters-wrapper-first
  .filter-two
  #toggleFilterBtn {
  color: #10283a;
}

.left-side-submenu {
  padding-left: 50px;
  list-style-type: disc;
}
.left-side-submenu li {
  margin-bottom: 20px;
}
.left-side-submenu li a {
  color: #495057;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  text-decoration: none;
}
.left-side-submenu li a.active {
  color: #000;
}

.status-btn {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 60px;
  margin-top: 10px;
}
.status-btn .custom-width {
  width: 38%;
}
.status-btn .custom-width .view-detail-btn2 span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #02353c;
  background: none;
}

.cart-dots {
  display: none;
}

@media only screen and (max-width: 1366px) {
  .new-ids .new-order-id {
    gap: 13px;
  }
  .new-ids .new-order-id .order-id-gap {
    gap: 20px;
  }
  .new-ids .new-order-id .order-id img.dotted-line1 {
    left: -40px !important;
  }
}
@media only screen and (max-width: 1200px) {
  #student_list_form .order-listing-confirmation {
    grid-template-columns: auto 1fr 1fr;
    padding: 30px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .new-order-id
    .order-id
    p {
    font-size: 12px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1.accordion-header2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    position: relative;
  }
  .filters-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
  .new-ids {
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .new-ids .new-order-id {
    flex-direction: column;
    gap: 25px;
  }
  .new-ids .new-order-id .order-id-gap {
    gap: 10px;
  }
  .filters-wrapper {
    position: relative;
  }
  .filters-wrapper .filters-wrapper-first {
    gap: 4px;
  }
  .filters-wrapper .filters-wrapper-second .cart-new-button {
    display: none;
  }
  .filters-wrapper .filters-wrapper-second .cart-new-button .view-detail-btn3 {
    width: 100%;
  }
  .filters-wrapper .filters-wrapper-second .cart-dots {
    display: block;
    position: absolute;
    top: 10px;
    right: 0px;
    background: transparent;
    padding: 3px 4px;
    border-radius: 50%;
  }
  .filters-wrapper .filters-wrapper-second.active .filter-appearance-log {
    background-color: #fff;
    flex-direction: column;
    padding: 20px 20px;
    border-radius: 8px;
    display: flex;
    gap: 15px;
    position: absolute;
    right: 0px;
    top: 62px;
    z-index: 1;
    box-shadow: 3px 20px 20px 0 rgba(112, 240, 127, 0.16);
  }
  .filters-wrapper .filters-wrapper-second.active .cart-dots {
    background: linear-gradient(180deg, #42d2c4 0%, #6ff081 100%);
  }
  .filters-wrapper .filters-wrapper-second.active .cart-new-button {
    display: block;
  }
  .new-ids .new-order-id {
    flex-direction: row;
    width: 100%;
  }
  .new-ids .new-order-id .order-id-gap {
    flex-direction: column;
    gap: 10px;
  }
  .new-ids .order-id {
    position: unset !important;
  }
  .new-ids .order-id .toggle-btn {
    position: absolute !important;
    right: 6px !important;
    top: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .test-taken {
    padding: 9px 20px;
    min-width: 130px;
  }
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1.accordion-header2 {
    position: relative;
  }
  .new-ids .new-order-id {
    flex-direction: row;
    width: 100%;
  }
  .new-ids .new-order-id .order-id-gap {
    flex-direction: column;
    gap: 10px;
  }
  .new-ids .order-id {
    position: unset !important;
  }
  .new-ids .order-id .toggle-btn {
    position: absolute !important;
    right: 6px !important;
    top: 10px !important;
  }
  .cart-wrap.main-cart-wrap {
    position: relative;
  }
  .cart-wrap.main-cart-wrap .cart-func-btn {
    position: absolute;
    bottom: 24px;
    right: -10px;
  }
  .cart-wrap.main-cart-wrap .cart-func-btn img {
    width: 65%;
  }
  .cart-wrap.main-cart-wrap .cart-func-orig {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
  .cart-wrap.main-cart-wrap .cart-func-orig .progress-container {
    width: 80%;
  }
  .cart-wrap.main-cart-wrap .cart-func {
    width: 100%;
  }
  .cart-wrap.main-cart-wrap .cart-func .cart-func-desc h5 {
    font-size: 16px;
  }
  .cart-wrap.main-cart-wrap .progress-indicator {
    position: absolute;
    right: 0px;
    top: 26px;
  }
  #student_list_form .order-listing-confirmation {
    grid-template-columns: 1fr;
  }
}
.filters-wrapper.showthe-filter + .filter-appearance {
  display: block;
}

.filter-appearance {
  margin-bottom: 44px;
  display: none;
  background-color: #fff;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.filter-appearance .test-taken.filters-btn {
  background-color: #dee4e9;
}
.filter-appearance .test-taken.filters-btn a {
  display: flex;
  gap: 10px;
  text-decoration: none;
}
.filter-appearance .test-taken.filters-btn a p {
  color: #10283a;
}
.filter-appearance .filter-searches {
  margin-bottom: 16px;
  border-bottom: 1px solid #dee4e9;
  padding-bottom: 25px;
}
.filter-appearance .order-id-gap {
  gap: 21px;
}
.filter-appearance .clear-all-btn {
  background: linear-gradient(180deg, #052130 0%, #067959 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0px;
}
.filter-appearance .clear-all-btn.clear-all-btn-2 {
  margin-top: 30px;
  margin-bottom: 0px;
}
.filter-appearance .filter-by-group {
  color: #495057;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
}
.filter-appearance .filter-searched {
  margin-bottom: 40px;
}
.filter-appearance .filter-searched .filter-search-div {
  width: 100%;
  position: relative;
}
.filter-appearance .filter-searched .filter-search-div img {
  position: absolute;
  right: 16px;
  top: 11px;
}
.filter-appearance .filter-searched .filter-search-div input {
  padding: 10px 50px 10px 20px;
}
.filter-appearance .course-status-wrapper {
  display: flex;
  margin-bottom: 40px;
}
.filter-appearance .course-status {
  width: 50%;
}
.filter-appearance .course-status p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.filter-appearance .course-status.course-status2 {
  width: 100%;
}
.filter-appearance
  .course-status.course-status2
  .course-new-flex
  .course-new-checkbox {
  width: 55%;
}
.filter-appearance .course-new-flex {
  margin-top: 26px;
}
.filter-appearance .course-new-flex .course-new-checkbox {
  width: 40%;
}
.filter-appearance
  .course-new-flex
  .course-new-checkbox
  .form-group-checkbox
  label {
  color: #666;
}
.filter-appearance
  .course-new-flex
  .course-new-checkbox
  .form-group-checkbox
  label:before {
  padding: 11px 11px;
  border-radius: 8px;
  border: 1px solid #cccccc;
}
.filter-appearance
  .course-new-flex
  .course-new-checkbox
  .form-group-checkbox
  input:checked
  + label:before {
  border: 1px solid transparent;
}
.filter-appearance
  .course-new-flex
  .course-new-checkbox
  .form-group-checkbox
  input:checked
  + label:after {
  display: block;
  position: absolute;
  top: 6px;
  left: 9px;
  width: 6px;
  height: 12px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.filter-appearance .course-new-flex .course-new-value {
  text-align: center;
}
.filter-appearance .course-new-flex .course-new-value p {
  color: #666;
  font-size: 16px;
}
.filter-appearance
  .course-new-flex.active
  .course-new-checkbox
  .form-group-checkbox
  label {
  color: #000;
}
.filter-appearance .course-new-flex.active .course-new-value p {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .filter-appearance .order-id-gap {
    gap: 10px;
    flex-direction: column;
    align-items: center !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
  }
  .filter-appearance .order-id-gap .test-taken.filters-btn {
    padding: 9px 14px !important;
  }
  .filter-appearance .order-id-gap .test-taken.filters-btn a {
    justify-content: space-between;
    align-items: center;
  }
  .filter-appearance .order-id-gap .test-taken.filters-btn a img {
    height: 14px;
    width: 14px;
  }
  .filter-appearance .filter-searched .filter-search-div {
    width: 100%;
  }
  .filter-appearance .filter-searched + .course-status-wrapper .course-status {
    margin-top: 30px;
  }
  .filter-appearance .course-status-wrapper {
    flex-direction: column;
  }
  .filter-appearance .course-status {
    width: 100%;
  }
  .filter-appearance .course-new-flex .course-new-checkbox {
    width: 100% !important;
  }
}
h3.students-info {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.filter-one {
  width: 227px;
}
.filter-one .select2-container--platform-select2 {
  padding: 13px 16px;
}
.filter-one .select2-container .select2-selection__placeholder {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #666 !important;
}
.filter-one
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  color: #666 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
.filter-one .select2-container .select2-selection__arrow::after {
  color: #ccc !important;
  top: 10px;
}
.filter-one .select2-results__option {
  padding: 6px 14px;
  font-weight: 400 !important;
}

.dashboardmain .select2-results__option {
  padding: 6px 16px;
  color: #666;
}

.update-message {
  background: linear-gradient(90deg, #b5f4ee 0.1%, #beffc7 99.9%);
  border-radius: 8px;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 10px 0px;
  margin-bottom: 40px;
}
.update-message span {
  font-weight: 700;
}

.view-students-details-wrapper {
  width: 80%;
  margin: auto;
}
.view-students-details-wrapper .view-students-details {
  margin-top: 85px;
}
.view-students-details-wrapper
  .view-students-details
  .students-info-main-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.view-students-details-wrapper .view-students-details a {
  cursor: pointer;
}
.view-students-details-wrapper .view-students-form {
  border-bottom: 1px solid #dee4e9;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: 27px;
}
.view-students-details-wrapper .view-students-form .view-students-form-details {
  display: flex;
  align-items: center;
}
.view-students-details-wrapper
  .view-students-form
  .view-students-form-details
  p {
  color: #495057;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  width: 40%;
}
.view-students-details-wrapper
  .view-students-form
  .view-students-form-details
  label {
  width: 40%;
}
.view-students-details-wrapper
  .view-students-form
  .view-students-form-details
  input {
  width: 60%;
}
.view-students-details-wrapper
  .view-students-form
  .view-students-form-details
  span {
  color: #495057;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.view-students-details-wrapper
  .view-students-form
  .view-students-form-details
  span.active {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.view-students-details-wrapper2 {
  width: 85%;
  margin: auto;
  margin-bottom: 60px;
}
.view-students-details-wrapper2 .students-info {
  margin-bottom: 40px;
  margin-top: 42px;
}

.edit-student-form .view-students-details-wrapper .view-students-form {
  display: none;
}

.view-students-details-wrapper form {
  display: none;
}

.edit-student-form .view-students-details-wrapper form {
  display: block;
}
.edit-student-form .view-students-details-wrapper form .view-students-form {
  display: block;
}

.edit-student-form .view-students-details-wrapper2 {
  display: none;
}

.accordion-body1.edit-student-form
  .view-students-details-wrapper.show-updates
  .view-students-form {
  display: block;
}
.accordion-body1.edit-student-form
  .view-students-details-wrapper.show-updates
  .view-students-details
  .update-message {
  display: flex;
}
.accordion-body1.edit-student-form
  .view-students-details-wrapper.show-updates
  form {
  display: none;
}
.accordion-body1.edit-student-form .view-students-details-wrapper2 {
  display: block;
}

.update-message.show-updates {
  display: flex;
}

@media only screen and (max-width: 767px) {
  h3.students-info {
    font-size: 20px;
  }
  .view-students-details-wrapper .view-students-details {
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .view-students-details-wrapper .students-info-main-wrapper {
    margin-bottom: 20px !important;
  }
  .view-students-details-wrapper .status-btn .custom-width {
    width: 100%;
  }
  .view-students-details-wrapper .view-students-form {
    margin-left: 0px;
  }
  .view-students-details-wrapper
    .view-students-form
    .view-students-form-details {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .view-students-details-wrapper
    .view-students-form
    .view-students-form-details
    p {
    width: 60%;
    font-size: 16px;
  }
  .view-students-details-wrapper
    .view-students-form
    .view-students-form-details
    span {
    font-size: 16px;
  }
  .filter-one {
    width: 200px !important;
  }
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* black with opacity */
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.overlay1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* black with opacity */
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.show-popup .overlay {
  display: flex;
}

.show-popup2 .overlay1 {
  display: flex;
}

.overlay#overlay2 h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.overlay#overlay2 .popup {
  padding: 42px 40px;
}
.overlay#overlay2 .status-btn.status-btn-new {
  margin-top: 66px;
  justify-content: end;
  padding-bottom: 0px;
}

.overlay#overlay3 {
  display: none;
}
.overlay#overlay3 .progress-container {
  width: 150%;
}
.overlay#overlay3 .status-btn.status-btn-new {
  justify-content: end;
}

.show-popup2 #overlay3 {
  display: flex;
}

/* Popup Box */
.popup {
  background: white;
  padding: 30px 40px;
  border-radius: 10px;
  max-width: 620px;
  width: 90%;
  position: relative;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.popup .popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.popup h4 {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 40px;
  margin-bottom: 40px;
}
.popup .status-btn.status-btn-new {
  justify-content: center;
}
.popup .status-btn.status-btn-new .custom-width {
  width: 57%;
}

.upload-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed #42d2c4;
  border-radius: 8px;
  padding: 40px 20px;
  width: 100%;
  max-width: 400px;
  margin: 33px auto 0px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.upload-box .custom-upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #2d3436;
  font-family: Arial, sans-serif;
  cursor: pointer;
}
.upload-box .custom-upload p {
  font-size: 18px;
  font-weight: 400;
  margin: 12px 0;
  color: #051c2d;
}
.upload-box .custom-upload span {
  font-size: 13px;
  color: #495057;
}
.upload-box .custom-upload .upload-icon {
  width: 30px;
  height: 30px;
}

.profile-all-images ul {
  width: 82%;
  margin: auto;
  text-align: left;
  padding-left: 0px;
  list-style-type: none;
}
.profile-all-images ul li {
  display: inline-block;
  padding: 5px;
  border-radius: 100%;
  background: transparent;
  vertical-align: top;
  margin: 33px 0px 0px 0px;
}
.profile-all-images ul li a {
  cursor: pointer;
}
.profile-all-images ul li.active {
  position: relative;
  border-radius: 100%;
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
  padding: 5px;
  display: inline-block;
}
.profile-all-images ul li.active img {
  display: block;
  border-radius: 100%;
  background-color: #fff;
}

@media only screen and (max-width: 1366px) {
  .profile-all-images ul li {
    margin: 20px 0px 0px 0px;
  }
  .upload-box {
    margin: 20px auto 0px;
  }
  .popup {
    padding: 25px 40px !important;
  }
  .popup .status-btn.status-btn-new .custom-width {
    width: 57%;
  }
  .overlay.overlay2 .status-btn.status-btn-new {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-all-images ul li img {
    width: 70px;
  }
  .popup {
    padding: 25px 20px !important;
  }
  .popup .status-btn.status-btn-new .custom-width {
    width: 100%;
  }
  .overlay#overlay3 .status-btn.status-btn-new {
    padding-bottom: 0px;
  }
}
.view-students-details-wrapper.adjustments {
  width: 85%;
}

.font-dec {
  font-size: 16px !important;
}

.dashboard-viewcourse-page
  .dashboard-course-wrapper-two.thankyou-purchase
  .order-confirmation
  .accordion-header1
  img.dotted-line1 {
  left: -45px !important;
}

@media only screen and (max-width: 1366px) {
  .dashboard-viewcourse-page
    .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .new-ids
    .new-order-id {
    gap: 10px;
  }
  .dashboard-viewcourse-page
    .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .new-ids
    .new-order-id
    .order-id-gap {
    gap: 10px;
  }
  .dashboard-viewcourse-page
    .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .new-ids
    .new-order-id
    img.dotted-line1 {
    left: -20px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .dashboard-course-wrapper-two.thankyou-purchase
    .order-confirmation
    .accordion-header1
    .new-ids
    .new-order-id
    img.dotted-line1 {
    display: none !important;
  }
}
.cover-white.cover-extend {
  padding: 45px;
}

.complete-buttons-wrapper {
  margin-top: 40px;
}
.complete-buttons-wrapper .complete-buttons {
  display: flex;
  width: 37%;
  margin: auto;
  gap: 30px;
  justify-content: space-evenly;
}
.complete-buttons-wrapper .complete-buttons .btn-signin {
  font-size: 12px;
  padding: 13px 20px;
  width: auto;
}
.complete-buttons-wrapper .complete-buttons .btn-secondary-solid {
  font-size: 12px;
  text-decoration: none;
  padding: 13px 20px;
  width: auto;
}
.complete-buttons-wrapper .id-info p {
  color: #68859a;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  padding-top: 30px;
  margin-bottom: 40px;
}
.complete-buttons-wrapper .id-info2 {
  width: 76%;
  margin: auto;
}
.complete-buttons-wrapper .id-info2 p {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 40px;
}
.complete-buttons-wrapper .id-info2 p span {
  font-weight: 900;
}
.complete-buttons-wrapper .stars-rating ul {
  display: flex;
  padding-left: 0px;
}
.complete-buttons-wrapper .stars-rating ul li {
  list-style-type: none;
}

.form-input1.form-input-feedback {
  height: 71px;
}

@media only screen and (max-width: 767px) {
  .cover-white.cover-extend .text-center img {
    width: 100%;
  }
  .complete-buttons-wrapper .complete-buttons {
    flex-direction: column;
    width: 70%;
  }
  .complete-buttons-wrapper .id-info p {
    font-size: 16px;
  }
  .complete-buttons-wrapper .id-info2 {
    width: 100%;
  }
  .complete-buttons-wrapper .id-info2 p {
    font-size: 16px;
  }
  .complete-buttons-wrapper .id-info2 p span {
    font-weight: 900;
  }
  .complete-buttons-wrapper .stars-rating ul {
    display: flex;
    padding-left: 0px;
  }
  .complete-buttons-wrapper .stars-rating ul li {
    list-style-type: none;
  }
}
.email-reminder-row .email-heading {
  background-color: #fff;
  border-bottom: 1px solid #dee4e9;
}
.email-reminder-row .email-heading p {
  color: #051c2d;
  padding: 17px 27px;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}
.email-reminder-row .faq-signin.faq-button-settings {
  width: auto;
  padding: 0px 24px;
}
.email-reminder-row .reminder-info {
  padding-bottom: 30px;
}
.email-reminder-row .reminder-info .reminder-label {
  color: #666;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  padding-bottom: 10px;
}
.email-reminder-row .reminder-info .reminder-desc {
  color: #051c2d;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.email-reminder-row .reminder-info .reminder-desc.background {
  border-radius: 8px;
  border: 1px solid #dee4e9;
  background: #f6f6f6;
  padding: 16px;
}
.email-reminder-row .reminder-panel {
  margin-bottom: 25px;
}
.email-reminder-row .reminder-panel img {
  width: 100%;
}

@media only screen and (max-width: 1366px) {
  .email-reminder-row .status-btn .custom-width {
    width: 44%;
  }
}
@media only screen and (max-width: 1200px) {
  .email-reminder-row .status-btn .custom-width {
    width: 54%;
  }
}
@media only screen and (max-width: 767px) {
  .cover-white.cover-extend {
    padding: 30px;
  }
  .email-reminder-row .reminder-info .reminder-desc {
    word-wrap: break-word;
  }
  .email-reminder-row .status-btn .custom-width {
    width: 100%;
  }
}
span.staric {
  color: #ff0004 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.account-settings-row .cover-white {
  padding: 48px 52px 0px 52px;
  border-radius: 8px;
}
.account-settings-row .cover-white .status-btn {
  margin-top: 38px;
}
.account-settings-row .view-students-details-wrapper {
  width: 100%;
}
.account-settings-row .view-students-details-wrapper .view-students-details {
  margin-top: 0px;
}
.account-settings-row
  .view-students-details-wrapper
  .view-students-details
  .students-info-main-wrapper {
  margin-bottom: 65px;
}
.account-settings-row
  .view-students-details-wrapper
  .view-students-details
  .students-info-main-wrapper.student-info-wrapper-new {
  margin-bottom: 26px;
}
.account-settings-row .view-students-form {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.account-settings-row
  .view-students-form
  .view-students-form-details
  .profile-section {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account-settings-row
  .view-students-form
  .view-students-form-details
  .profile-section
  a {
  cursor: pointer;
  text-decoration: none;
}
.account-settings-row .view-students-form .view-students-form-details p {
  font-weight: 400;
}
.account-settings-row
  .view-students-form
  .view-students-form-details
  .filter-one {
  width: 60%;
}
.account-settings-row .view-students-form .view-students-form-details input {
  padding: 15px 16px;
}

.account-setting-form form {
  display: flex !important;
  flex-direction: column;
}
.account-setting-form .students-info-main-wrapper {
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .account-settings-row .cover-white {
    padding: 30px 30px 0px 30px;
  }
  .view-students-details-wrapper
    .view-students-form
    .view-students-form-details
    label {
    width: 100%;
    margin-bottom: 10px;
  }
  .view-students-details-wrapper
    .view-students-form
    .view-students-form-details
    .profile-section {
    width: 100%;
  }
  .view-students-details-wrapper
    .view-students-form
    .view-students-form-details
    input {
    width: 100%;
  }
  .view-students-details-wrapper
    .view-students-form
    .view-students-form-details
    .filter-one {
    width: 100%;
  }
  .view-students-details-wrapper
    .view-students-form
    .view-students-form-details
    p {
    margin-bottom: 10px;
  }
  .account-settings-page
    .view-students-details-wrapper
    .view-students-form-details
    .filter-one {
    width: 100% !important;
  }
}
.email-alertsettings-page .students-info-main-wrapper {
  margin-bottom: 35px !important;
}
.email-alertsettings-page .email-alert-wrapper {
  display: flex;
  flex-direction: column;
  gap: 35px;
  border-bottom: 1px solid #dee4e9;
  padding-bottom: 30px;
}
.email-alertsettings-page .email-alert-wrapper.additional-rec {
  display: none;
}
.email-alertsettings-page .email-alert-wrapper.additional-rec.show {
  display: flex;
  padding-top: 30px;
}
.email-alertsettings-page
  .email-alert-wrapper.additional-rec.show
  .email-alert-details-new {
  display: none;
}
.email-alertsettings-page
  .email-alert-wrapper.additional-rec.show
  .filters-wrapper {
  display: flex;
}
.email-alertsettings-page
  .email-alert-wrapper.additional-rec.show
  .filters-wrapper
  .cart-new-button
  a {
  display: none;
}
.email-alertsettings-page a {
  cursor: pointer;
}
.email-alertsettings-page .filters-wrapper {
  margin-bottom: 0px;
}
.email-alertsettings-page
  .filters-wrapper
  .filters-wrapper-second
  .cart-new-button
  .view-detail-btn3 {
  width: auto;
  padding: 8px 12px;
  gap: 8px;
  margin-left: 10px;
}
.email-alertsettings-page
  .filters-wrapper
  .filters-wrapper-second
  .cart-new-button
  .view-detail-btn3
  span {
  font-size: 14px !important;
}
.email-alertsettings-page
  .filters-wrapper
  .filters-wrapper-second
  .cart-new-button
  .view-detail-btn3:hover
  span {
  position: relative !important;
  top: 0px !important;
}
.email-alertsettings-page .details-with-buttons {
  align-items: center;
}
.email-alertsettings-page .details-with-buttons .email-alert-details-new {
  display: flex;
  gap: 15px;
}

a.remove-button {
  border-radius: 10px;
  border: 1px solid #ff0a33;
  text-decoration: none;
  padding: 12px 12px;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
a.remove-button span {
  color: #ff0a33;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.email-alert-details {
  display: flex;
  gap: 15px;
}
.email-alert-details p {
  color: #051c2d;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.email-alert-details .form-input1 {
  width: 400px;
}
.email-alert-details .form-group-checkbox label {
  color: #495057;
  font-size: 18px;
  padding-left: 36px;
  display: inline;
}
.email-alert-details .form-group-checkbox label:before {
  padding: 11px 11px;
  border-radius: 8px;
  border: 1px solid #cccccc;
  position: absolute;
  left: 0px;
  top: 0px;
}
.email-alert-details .form-group-checkbox input:checked + label:after {
  display: block;
  position: absolute;
  top: 5px;
  left: 9px;
  width: 6px;
  height: 12px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.email-alert-details .form-group-checkbox input:checked + label:before {
  border: 1px solid transparent;
}

.additional-receipant {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 45px;
}
.additional-receipant a {
  background: linear-gradient(180deg, #052130 0%, #067959 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}

.email-alertsettings-page .view-students-details-wrapper form {
  display: block !important;
}

.email-alertsettings-page.show-popup .popup .faq-signin.faq-button-settings {
  background: #f00;
}
.email-alertsettings-page.show-popup
  .popup
  .faq-signin.faq-button-settings
  span {
  color: #fff !important;
}

.button-inside-wrap {
  width: 100%;
  display: flex;
}

@media only screen and (max-width: 1200px) {
  .email-alertsettings-page
    .filters-wrapper
    .filters-wrapper-second
    .cart-new-button {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .email-alertsettings-page .filters-wrapper {
    width: 100%;
  }
  .email-alertsettings-page .filters-wrapper .filters-wrapper-second {
    width: 100%;
  }
  .email-alertsettings-page
    .filters-wrapper
    .filters-wrapper-second
    .filter-appearance-log {
    width: 100%;
  }
  .email-alertsettings-page
    .filters-wrapper
    .filters-wrapper-second
    .filter-appearance-log
    .cart-new-button {
    flex-direction: column;
    width: 100%;
  }
  .email-alertsettings-page
    .filters-wrapper
    .filters-wrapper-second
    .filter-appearance-log
    .cart-new-button
    a {
    width: 50%;
  }
  .email-alertsettings-page .details-with-buttons {
    flex-direction: column;
    align-items: flex-start;
  }
  .email-alert-details .form-input1 {
    width: 100% !important;
  }
  .button-inside-wrap {
    margin-top: 10px;
    width: 60%;
    display: flex;
  }
  .button-inside-wrap a {
    align-items: center;
    justify-content: center;
  }
}
.search-div-bulk-reminder {
  position: relative;
}
.search-div-bulk-reminder .searched-icon {
  position: absolute;
  right: 16px;
  top: 14px;
}

.bulk-reminder-row .view-students-details {
  margin-top: 0px;
}
.bulk-reminder-row .view-students-details-wrapper {
  width: 100%;
}
.bulk-reminder-row .cover-white {
  padding: 0px 31px 0px 30px;
  border-radius: 8px;
  box-shadow: none;
  background-color: #f6f6f6;
}
.bulk-reminder-row .bulk-reminders-form-details {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #dee4e9;
  margin-top: 27px;
  display: flex;
  justify-content: space-between;
  padding: 24px 21px;
  align-items: center;
}
.bulk-reminder-row .bulk-reminders-form-details .bulk-reminders-info-details {
  display: flex;
  gap: 17px;
}
.bulk-reminder-row
  .bulk-reminders-form-details
  .bulk-reminders-button
  .remove-button {
  align-items: center;
  justify-content: center;
  display: none;
}
.bulk-reminder-row
  .bulk-reminders-form-details
  .bulk-reminders-button
  .remove-button
  span {
  font-size: 16px;
}
.bulk-reminder-row .bulk-reminders-form-details .bulk-reminders-info h4 {
  color: #051c2d;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}
.bulk-reminder-row .bulk-reminders-form-details .bulk-reminders-info p {
  color: #05111a;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.bulk-reminder-row .bulk-reminders-form-details .btn-signin {
  padding: 13px 20px !important;
}

.bulk-reminders-form-wrapper.show-btn .bulk-reminders-button a.btn-signin {
  display: none;
}
.bulk-reminders-form-wrapper.show-btn .bulk-reminders-button .remove-button {
  display: flex;
  padding: 12px 20px;
  cursor: pointer;
}

.show-btn .addedd-btn {
  display: block;
}

.addedd-btn {
  display: none;
}
.addedd-btn a {
  font-size: 17px;
  background: linear-gradient(90deg, #b5f4ee 0.1%, #beffc7 99.9%);
  display: flex;
  font-style: normal;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 50px;
  cursor: pointer;
}

.step3-starts {
  display: none;
}
.step3-starts .update-message.show-message {
  display: flex;
}
.step3-starts .row {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 60px;
}
.step3-starts .reminder-panel img {
  width: 100%;
}
.step3-starts .box-step3 {
  border-radius: 8px;
  border: 1px solid #dee4e9;
  background: #fff;
  padding: 20px 12px;
  margin-bottom: 30px;
}
.step3-starts .box-step3 h3 {
  color: #051c2d;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.step3-starts .box-step3 p {
  color: #051c2d;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
}
.step3-starts .box-step3 ul {
  padding-left: 24px;
}
.step3-starts .box-step3 ul li {
  position: relative;
}
.step3-starts .box-step3 ul li .course-new-value {
  margin-bottom: 10px;
  display: flex;
  gap: 15px;
  align-items: center;
}
.step3-starts .box-step3 ul li .course-new-value p:last-child {
  background: linear-gradient(90deg, #b5f4ee 0.1%, #beffc7 99.9%);
  padding: 5px 5px;
  color: #284d68;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  border-radius: 30px;
}
.step3-starts .box-step3 ul li .course-new-value p {
  margin-bottom: 0px;
}
.step3-starts .status-btn {
  padding-right: 38px;
  margin-top: 30px;
}

@media only screen and (max-width: 1200px) {
  .step3-starts .row {
    padding-left: 20px;
    padding-right: 20px;
  }
  .step3-starts .box-step3 ul li .course-new-value {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .bulk-reminder-row .bulk-reminders-form-details {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start !important;
    padding: 22px 14px;
  }
  .bulk-reminder-row .bulk-reminders-form-details .bulk-reminders-info-details {
    width: 100%;
    justify-content: space-between;
    gap: 10px;
  }
  .bulk-reminder-row
    .bulk-reminders-form-details
    .bulk-reminders-button
    .remove-button {
    margin-left: 0px;
  }
  .bulk-reminder-row
    .bulk-reminders-form-details
    .bulk-reminders-button
    .remove-button
    span {
    font-size: 14px;
  }
  .bulk-reminder-row
    .bulk-reminders-form-details
    .bulk-reminders-button
    .btn.btn-signin {
    font-size: 14px;
  }
  .bulk-reminder-row .bulk-reminders-form-details .bulk-reminders-info h4 {
    font-size: 20px;
  }
  .bulk-reminder-row .bulk-reminders-form-details .addedd-btn a {
    font-size: 14px !important;
    padding: 10px 14px !important;
  }
  .bulk-reminder-row .cover-white {
    padding: 0px 0px 0px 0px;
  }
}
.faq-bg.coursemain-bg.whychooseus.aboutus-container {
  background-image: url(../images/Hero.png);
}
.faq-bg.coursemain-bg.whychooseus.aboutus-container .support-p {
  width: 100%;
}

.aboutus-page .team-efficiency.team-efficiency-2 {
  background: #051c2d;
}
.aboutus-page .team-efficiency.team-efficiency-2 .support {
  text-align: left;
  color: #fff;
}
.aboutus-page .team-efficiency.team-efficiency-2 .support-p {
  width: 100%;
  text-align: justify;
  margin-bottom: 40px;
  color: #fff;
}
.aboutus-page .team-efficiency.team-efficiency-2 .description {
  padding-left: 0px;
  margin-left: 0px;
}
.aboutus-page
  .team-efficiency.team-efficiency-2
  .description
  .inner-desc:before {
  background-image: url(../images/mdi_check2-bold.png);
}
.aboutus-page
  .team-efficiency.team-efficiency-2
  .description
  .course-combine-p {
  color: #fff;
}
.aboutus-page .team-efficiency .inner-desc p {
  font-weight: 700;
  font-size: 20px;
}
.aboutus-page .read-more-div {
  opacity: 0;
}
.aboutus-page .about-section {
  padding: 175px 0px 270px 0px;
}
.aboutus-page .about-section .about-img .employee-div.anydevice-div {
  top: 158px;
}
.aboutus-page .about-section .about-img .employee-div.customercare-div {
  top: 387px;
  left: 875px;
}
.aboutus-page .about-section p.desc {
  font-size: 18px;
  font-weight: 400;
}
.aboutus-page .team-efficiency-4 .description {
  width: 100%;
}
.aboutus-page .team-efficiency-4 .description .support {
  text-align: center;
}
.aboutus-page .team-efficiency-4 .description .support-p {
  text-align: justify;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  opacity: 0.8;
  width: 80%;
  margin-bottom: 60px;
}
.aboutus-page .team-efficiency-4 .description .cart-new-button .faq-signin {
  width: 362px;
}
.aboutus-page .team-efficiency-4 .description .circle-elipses {
  top: -186px;
  height: 900px;
  object-fit: contain;
  width: 100%;
  left: 0px;
}
.aboutus-page .team-efficiency-4 .te-second {
  padding-top: 200px;
}
.aboutus-page .team-efficiency-4 .te-second .support-p {
  opacity: 0.8;
}
.aboutus-page .team-efficiency-4 .te-second .diff-card {
  text-align: center;
}
.aboutus-page .team-efficiency-4 .te-second .diff-card .diff-card-content {
  padding-top: 35px !important;
}
.aboutus-page .team-efficiency-4 .te-second .diff-card .diff-card-content h4 {
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}
.aboutus-page .team-efficiency-4 .te-second .diff-card .diff-card-content p {
  opacity: 0.8;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.aboutus-page .team-efficiency-4 .te-second .diff-card.member-one {
  padding: 30px 30px !important;
}
.aboutus-page .badges-info-section.complience-section {
  padding: 130px 0px 150px 0px;
}
.aboutus-page .badges-info-section.complience-section .container1 {
  margin-top: 100px;
}
.aboutus-page
  .badges-info-section.complience-section
  .container1
  .diff-card
  .diff-card-content.diff-card-content-2 {
  padding-left: 0px;
}
.aboutus-page
  .badges-info-section.complience-section
  .container1
  .diff-card
  .diff-card-content.diff-card-content-2
  p {
  height: 64px;
}
.aboutus-page .about-section.customer-guarantee {
  padding: 160px 0px 160px 0px;
}

.badges-info-section {
  padding: 100px 0px;
}
.badges-info-section .container1 {
  padding-left: 200px;
  padding-right: 200px;
}
.badges-info-section
  .container1
  .diff-card
  .diff-card-content.diff-card-content-2 {
  padding-left: 0px !important;
}
.badges-info-section h3 {
  font-weight: 700;
  font-size: 38px;
  color: #000;
  line-height: 48px;
}
.badges-info-section .cmb {
  margin-bottom: 0px !important;
}
.badges-info-section .cmb .diff-card {
  box-shadow: none;
}
.badges-info-section p {
  color: #495057;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  min-height: auto;
}

.badges-info-section.complience-section {
  background: #051c2d;
}
.badges-info-section.complience-section .container .best {
  color: #fff;
  margin-bottom: 30px;
}
.badges-info-section.complience-section .container .support-p.support-p1 {
  color: #fff;
  width: 100%;
  opacity: 0.8;
  font-weight: 400;
}
.badges-info-section.complience-section .diff-card {
  text-align: center;
}

.cg-wrapper {
  border-radius: 8px;
  background: #fff;
  padding: 40px 70px;
}
.cg-wrapper .cg-header {
  align-items: center;
  gap: 20px;
}
.cg-wrapper .cg-header h4 {
  color: #051c2d;
  font-size: 48px;
  font-weight: 900;
  line-height: 101.304%;
}
.cg-wrapper .cg-para {
  color: #051c2d;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  border-left: 2px solid #70f07f;
  padding-left: 25px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.cg-wrapper-second h4 {
  color: #051c2d;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 40px;
  margin-top: 60px;
}

.steps-compilance-wrapper {
  display: flex;
}
.steps-compilance-wrapper .steps-compliance {
  display: flex;
  gap: 25px;
}
.steps-compilance-wrapper .steps-compliance .steps-compliance-1 {
  background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
  border-radius: 40px;
  height: 72px;
  width: 72px;
}
.steps-compilance-wrapper .steps-compliance .steps-compliance-1 p {
  color: #051c2d;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  padding: 11px 26px;
}
.steps-compilance-wrapper .steps-compliance .steps-compilance-inner {
  display: flex;
}
.steps-compilance-wrapper .steps-compliance .steps-compilance-inner h3 {
  color: #2c867a;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
}
.steps-compilance-wrapper .steps-compliance .steps-compilance-inner p {
  color: #2c867a;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  width: 95%;
}
.steps-compilance-wrapper .steps-compliance .steps-compilance-inner img {
  width: 60px;
  height: 60px;
}

@media only screen and (max-width: 1680px) {
  .badges-info-section .container1 {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media only screen and (max-width: 1600px) {
  .badges-info-section .container1 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .badges-info-section
    .container1
    .diff-card
    .diff-card-content.diff-card-content-2
    p {
    min-height: 64px;
  }
}
@media only screen and (max-width: 1440px) {
  .badges-info-section .container1 {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 1400px) {
  .badges-info-section .container1 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1366px) {
  .badges-info-section .container1 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .badges-info-section .cpr {
    padding-right: 10px;
  }
  .badges-info-section.complience-section .diff-card {
    padding: 50px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutus-page .team-efficiency-4 .te-second .diff-card {
    height: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .badges-info-section {
    padding: 50px 0px;
  }
  .badges-info-section h3 {
    font-size: 32px;
  }
  .badges-info-section p {
    font-size: 20px;
  }
  .badges-info-section .cmb .diff-card {
    margin-bottom: 30px;
  }
  .aboutus-page .read-more-div {
    padding: 0px;
    margin: 0px;
  }
  .aboutus-page .about-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .aboutus-page .about-section .res-employee-div h5 {
    color: #1b3b53;
    font-size: 20px;
    font-weight: 700;
  }
  .aboutus-page .about-section .res-employee-div p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 992px) {
  .aboutus-page .cg-wrapper {
    padding: 40px 30px;
  }
  .aboutus-page .cg-wrapper .cg-header {
    gap: 20px;
  }
  .aboutus-page .cg-wrapper .cg-header h4 {
    font-size: 30px;
    line-height: 101.304%;
  }
  .aboutus-page .cg-wrapper .cg-para {
    color: #051c2d;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    border-left: 2px solid #70f07f;
    padding-left: 25px;
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .aboutus-page .cg-wrapper-second {
    padding: 0px 10px;
  }
  .aboutus-page .cg-wrapper-second .steps-compilance-wrapper {
    flex-direction: column;
    gap: 20px;
  }
  .aboutus-page
    .cg-wrapper-second
    .steps-compilance-wrapper
    .steps-compliance
    .steps-compilance-inner
    h3 {
    font-size: 20px;
  }
  .aboutus-page
    .cg-wrapper-second
    .steps-compilance-wrapper
    .steps-compliance
    .steps-compilance-inner
    p {
    font-size: 16px;
    width: 100%;
  }
  .aboutus-page
    .cg-wrapper-second
    .steps-compilance-wrapper
    .steps-compliance
    .steps-compilance-inner
    img {
    width: 40px;
    height: 40px;
  }
  .aboutus-page
    .cg-wrapper-second
    .steps-compilance-wrapper
    .steps-compliance
    .steps-compliance-1 {
    height: 62px;
    width: 62px;
  }
  .aboutus-page
    .cg-wrapper-second
    .steps-compilance-wrapper
    .steps-compliance
    .steps-compliance-1
    p {
    color: #051c2d;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    padding: 13px 23px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutus-page .team-efficiency-4 .te-second {
    padding-top: 50px;
  }
  .aboutus-page .team-efficiency-4 .te-second .support {
    text-align: center;
  }
  .aboutus-page .team-efficiency-4 .te-second .support-p {
    text-align: center;
  }
  .aboutus-page
    .team-efficiency-4
    .te-second
    .diff-card-content.diff-card-content-2
    p {
    min-height: auto;
  }
  .aboutus-page .team-efficiency-4 .description .support-p {
    font-size: 20px;
    line-height: 26px;
    margin-top: 20px;
    width: 100%;
  }
  .aboutus-page .team-efficiency-4 .cart-new-button .faq-signin {
    width: 320px !important;
    padding: 8px 12px;
  }
  .aboutus-page .about-section.customer-guarantee {
    padding-left: 10px;
    padding-right: 10px;
  }
  .aboutus-page .badges-info-section.complience-section {
    padding: 50px 0px 50px 0px;
  }
  .aboutus-page .badges-info-section.complience-section .container1 {
    margin-top: 50px;
  }
  .aboutus-page .about-section.customer-guarantee {
    padding: 50px 0px 50px 0px;
  }
}
.see-trust {
  color: #10283a;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 50px;
}

.images-listings-ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  list-style-type: none;
  padding-left: 0px;
}
.images-listings-ul li {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.images-listings-ul li img {
  width: 181px;
  height: 95px;
  object-fit: contain;
  padding: 5px 10px;
}

.business-accounts-page .support {
  margin-bottom: 150px;
}
.business-accounts-page .vertical-tabs #v-tabs-content .col-md-5 {
  position: relative;
}
.business-accounts-page
  .vertical-tabs
  #v-tabs-content
  .col-md-5
  .elipses-image {
  position: absolute;
  width: 100%;
  left: -32px;
}
.business-accounts-page .badges-info-section.complience-section {
  padding: 185px 0px;
}
.business-accounts-page .badges-info-section.complience-section .container1 {
  margin-top: 100px;
}
.business-accounts-page
  .badges-info-section.complience-section
  .support-p.support-p1 {
  opacity: 1;
}
.business-accounts-page .badges-info-section.complience-section .diff-card {
  background-color: transparent;
  border: 1px solid #42d2c4;
}
.business-accounts-page
  .badges-info-section.complience-section
  .diff-card
  .diff-card-content.diff-card-content-2
  p {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  min-height: 72px;
}

.video-list-section ul.description {
  padding-left: 0px;
}
.video-list-section .support {
  text-align: left;
  font-size: 48px;
  width: 90%;
  line-height: 58px;
  margin-bottom: 50px;
  font-weight: 900;
}
.video-list-section .video-thumbnail {
  cursor: pointer;
}

.background-form {
  background-image: url("../images/bgmain.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.background-form .best {
  color: #fff;
  font-size: 54px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
}
.background-form p.support {
  color: #fff;
  font-family: Urbanist;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  margin-bottom: 22px;
}
.background-form p.support span {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.background-form .background-form-inner {
  padding-right: 20px;
}
.background-form .contact-btn {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  color: #fff;
  background: transparent;
  border: none;
  text-decoration: none;
  border-radius: 8px;
  cursor: pointer;
  z-index: 1;
  text-align: center;
}
.background-form .contact-btn:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 1px;
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.background-form .contact-btn:hover {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}
.background-form .contact-btn:hover span {
  color: #051c2d;
  font-weight: 700;
}
.background-form .contact-btn:active {
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
}
.background-form .contact-btn:active span {
  color: #051c2d;
  font-weight: 700;
}

.main-bgform {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.14);
  padding: 35px;
}
.main-bgform h2 {
  color: #f6f6f6;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 50px;
}
.main-bgform .cart {
  width: 100%;
  text-transform: uppercase;
  font-size: 16px;
  padding: 13px 29px;
  line-height: 20px;
}
.main-bgform p.privacy-para {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 26px;
}
.main-bgform p.privacy-para a {
  font-weight: 700;
  text-decoration: none;
  color: #fff;
}
.main-bgform p.privacy-para a:hover {
  color: #fff;
}
.main-bgform .auth-form-section label {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.main-bgform .auth-form-section .field-grid-wrap {
  margin-bottom: 26px;
}
.main-bgform .auth-form-section .field-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.main-bgform .form-group-checkbox label {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 26px;
}
.main-bgform form label > span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: #fff;
}
.main-bgform form label > input[type="checkbox"]:checked + span::before {
  background: linear-gradient(90deg, #70f07f 0%, #3fd0c9 100%);
}
.main-bgform form label > input[type="checkbox"]:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 9px;
  width: 6px;
  height: 12px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

@media only screen and (max-width: 1200px) {
  .images-listings-ul {
    grid-template-columns: repeat(4, 1fr);
  }
  .business-accounts-page .badges-info-section .container1 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .business-accounts-page
    .badges-info-section
    .container1
    .diff-card
    .diff-card-content.diff-card-content-2
    p {
    min-height: 144px;
  }
  .business-accounts-page .main-bgform {
    padding: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .images-listings-ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .business-accounts-page .mobile-tabs .accordion-content {
    position: relative;
  }
  .business-accounts-page .mobile-tabs .accordion-content .elipses-image {
    width: 400px;
    position: absolute;
    left: 0px;
    top: 30px;
    right: 0px;
    margin: auto;
  }
  .background-form {
    padding-top: 150px;
  }
  .background-form .best {
    font-size: 30px;
    line-height: 40px;
  }
  .background-form p.support {
    font-size: 20px;
    line-height: 30px;
  }
  .background-form .d-flex {
    flex-direction: column;
  }
  .background-form .d-flex .cart {
    width: 100%;
  }
  .background-form .d-flex .contact-btn {
    width: 100%;
    margin-top: 20px;
  }
  .main-bgform {
    padding: 35px !important;
    margin-top: 30px;
  }
  .main-bgform .auth-form-section .field-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .business-accounts-page .badges-info-section .container1 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .business-accounts-page
    .badges-info-section
    .container1
    .diff-card
    .diff-card-content.diff-card-content-2
    p {
    min-height: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .images-listings-ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .images-listings-ul li img {
    width: 100%;
  }
  .business-accounts-page .mobile-tabs .accordion-content {
    position: relative;
  }
  .business-accounts-page .mobile-tabs .accordion-content .elipses-image {
    width: 300px;
    position: absolute;
    left: 0px;
    top: 80px;
    right: 0px;
    margin: auto;
  }
  .business-accounts-page .support {
    margin-bottom: 40px;
  }
  .business-accounts-page .badges-info-section.complience-section {
    padding: 50px 0px;
  }
  .business-accounts-page .badges-info-section .container1 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .business-accounts-page
    .badges-info-section
    .container1
    .diff-card
    .diff-card-content.diff-card-content-2
    p {
    min-height: auto;
  }
  .video-list-section .support {
    font-size: 30px;
    width: 90%;
    line-height: 40px;
    font-weight: 700;
  }
  .video-list-section .description {
    margin-bottom: 50px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 540px) {
  .business-accounts-page
    .container-fluid.about-section.diff-section.badges-info-section.complience-section
    .container1 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .images-listings-ul li img {
    height: 60px;
  }
}
.bulk-reminders-page1 .dashboard-course-wrapper-one {
  padding: 65px 0px 30px 0px;
}
.bulk-reminders-page1 .status-btn .custom-width {
  justify-content: end;
}
.bulk-reminders-page1 .status-btn .custom-width .btn.btn-signin {
  width: 58%;
}
.bulk-reminders-page1 .pagination {
  justify-content: start;
  position: relative;
  top: 54px;
  left: 54px;
  width: 60%;
}
.bulk-reminders-page1 .search-div-bulk-reminder .form-input1 {
  padding-right: 40px;
}

.group-entitlement {
  background-color: #051c2d;
  overflow: hidden;
}
.group-entitlement .banner-steps {
  padding: 140px 0px 60px;
  position: relative;
}
.group-entitlement .banner-steps .hero-img {
  left: 0px;
  right: 0px;
  margin: auto;
  width: 100%;
}
.group-entitlement .banner-steps .steps-ul {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 11;
  padding-left: 0px;
  width: 60%;
  margin: auto;
}
.group-entitlement .banner-steps .steps-ul .steps-li {
  display: flex;
}
.group-entitlement .banner-steps .steps-ul .steps-li a {
  text-decoration: none;
}
.group-entitlement .banner-steps .steps-ul .steps-li .step-formation {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  position: relative;
}
.group-entitlement
  .banner-steps
  .steps-ul
  .steps-li
  .step-formation
  .step-formation-one {
  color: #819c89;
  border: 1px solid #819c89;
  border-radius: 40px;
  height: 72px;
  width: 72px;
}
.group-entitlement
  .banner-steps
  .steps-ul
  .steps-li
  .step-formation
  .step-formation-one
  p {
  font-size: 32px;
  line-height: 34px;
  font-style: normal;
  font-weight: 900;
  padding: 19px 26px;
}
.group-entitlement
  .banner-steps
  .steps-ul
  .steps-li
  .step-formation
  .step-formation-one
  img.step-check {
  position: relative !important;
  left: 0px !important;
  padding: 17px 15px;
  display: none;
}
.group-entitlement
  .banner-steps
  .steps-ul
  .steps-li
  .step-formation
  .step-formation-one.completed-step {
  background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
}
.group-entitlement .banner-steps .steps-ul .steps-li .step-formation img {
  position: absolute;
  left: 300px;
}
.group-entitlement .banner-steps .steps-ul .steps-li .step-formation-two {
  color: #819c89;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 101.304%;
  margin-top: 30px;
}
.group-entitlement
  .banner-steps
  .steps-ul
  .steps-li
  .step-formation-two.completed-step {
  background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.group-entitlement
  .banner-steps
  .steps-ul
  .steps-li.active
  .step-formation
  .step-formation-one {
  color: #051c2d;
  background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
}
.group-entitlement
  .banner-steps
  .steps-ul
  .steps-li.active
  .step-formation-two {
  background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.welcome-ge {
  align-items: center;
}
.welcome-ge .ge-desc h2 {
  color: #051c2d;
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
}
.welcome-ge .ge-desc p {
  color: #051c2d;
  font-family: Lato;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  width: 85%;
}
.welcome-ge .ge-info {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
}
.welcome-ge .ge-info h5 {
  color: #051c2d;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 101.304%;
}
.welcome-ge .ge-info p {
  color: #051c2d;
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 101.304%;
}

.step2-starts {
  display: none;
}
.step2-starts .step2-wrapper {
  margin-bottom: 60px;
}
.step2-starts .checkboxes-section {
  display: flex;
  gap: 30px;
  padding-right: 20px;
}
.step2-starts .radio-check {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.step2-starts .radio-check input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.step2-starts .radio-check input[type="radio"]:focus-visible + label .visual {
  outline: 2px solid #0a7cff;
  outline-offset: 2px;
}
.step2-starts .radio-check input[type="radio"]:checked + label .visual {
  background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
}
.step2-starts .radio-check input[type="radio"]:checked + label .visual::after {
  color: #051c2d;
}
.step2-starts .radio-check label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #495057;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  gap: 12px;
}
.step2-starts .radio-check .visual {
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
}
.step2-starts .radio-check .visual::after {
  content: "✔"; /* checkmark */
  font-size: 14px;
  color: #fff;
  transform: rotate(15deg);
}
.step2-starts .step2-heading-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 24px 21px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: linear-gradient(
    90deg,
    rgba(66, 210, 196, 0.26) 0.07%,
    rgba(111, 240, 129, 0.26) 99.93%
  );
}
.step2-starts .step2-heading-wrapper .heading p {
  color: #051c2d;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.step2-starts .step2-content {
  background-color: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 50px 40px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.step2-starts .step2-content .course-new-checkbox .form-group-checkbox {
  display: flex;
  gap: 50px;
  align-items: center;
  margin-bottom: 10px;
}
.step2-starts
  .step2-content
  .course-new-checkbox
  .form-group-checkbox
  .course-new-value {
  background: linear-gradient(90deg, #b5f4ee 0.1%, #beffc7 99.9%);
  padding: 5px 8px;
  color: #284d68;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  border-radius: 30px;
}
.step2-starts .step2-content .course-new-checkbox .form-group-checkbox label {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.step2-starts
  .step2-content
  .course-new-checkbox
  .form-group-checkbox
  label:before {
  border-radius: 4px;
  border: 1px solid #dee4e9;
  padding: 9px;
}
.step2-starts
  .step2-content
  .course-new-checkbox
  .form-group-checkbox
  input:checked
  + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(50deg);
}
.step2-starts
  .step2-content
  .course-new-checkbox
  .form-group-checkbox
  input:checked
  + label:before {
  border: 1px solid transparent !important;
}
.step2-starts .status-btn {
  width: 100%;
}
.step2-starts .status-btn .custom-width {
  width: 100%;
}
.step2-starts .status-btn .custom-width .view-detail-btn2 {
  width: 30% !important;
}
.step2-starts .status-btn .custom-width .faq-button-settings {
  width: 24%;
}

.step3-starts {
  background-color: #fff;
}
.step3-starts .status-btn {
  width: 100%;
}
.step3-starts .status-btn .custom-width {
  width: 100%;
}
.step3-starts .status-btn .custom-width .view-detail-btn2 {
  width: 30% !important;
}
.step3-starts .status-btn .custom-width .faq-button-settings {
  width: 24%;
}
.step3-starts .email-heading {
  padding: 26px 27px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid #dee4e9;
}
.step3-starts .email-heading p {
  color: #051c2d;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}

@media only screen and (max-width: 1366px) {
  .bulk-reminders-page1 .status-btn .custom-width .btn.btn-signin {
    width: 62%;
  }
  .bulk-reminders-page1 .group-entitlement .banner-steps .steps-ul {
    width: 70%;
  }
  .bulk-reminders-page1
    .group-entitlement
    .banner-steps
    .steps-ul
    .step-formation
    img {
    left: 204px;
  }
}
@media only screen and (max-width: 1200px) {
  .bulk-reminders-page1 .status-btn .custom-width .btn.btn-signin {
    width: 78%;
  }
  .bulk-reminders-page1 .group-entitlement .banner-steps .steps-ul {
    width: 100%;
  }
  .bulk-reminders-page1
    .group-entitlement
    .banner-steps
    .steps-ul
    .step-formation
    img {
    left: 240px;
  }
}
@media only screen and (max-width: 1024px) {
  .bulk-reminders-page1
    .group-entitlement
    .banner-steps
    .steps-ul
    .step-formation
    img {
    left: 240px;
  }
}
@media only screen and (max-width: 992px) {
  .bulk-reminders-page1
    .group-entitlement
    .banner-steps
    .steps-ul
    .step-formation
    img {
    left: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .group-entitlement {
    background-color: #051c2d;
    overflow: hidden;
  }
  .group-entitlement .banner-steps .steps-ul {
    gap: 20px;
  }
  .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    .step-formation
    .step-formation-one {
    height: 50px;
    width: 50px;
  }
  .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    .step-formation
    .step-formation-one
    p {
    font-size: 18px;
    font-weight: 700;
    padding: 7px 19px;
  }
  .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    .step-formation
    .step-formation-one
    img.step-check {
    padding: 4px 4px;
  }
  .group-entitlement .banner-steps .steps-ul .steps-li .step-formation-two {
    color: #819c89;
    font-size: 16px;
    font-weight: 700;
  }
  .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li.active
    .step-formation
    .step-formation-one {
    color: #051c2d;
    background: linear-gradient(90deg, #42d2c4 0.07%, #6ff081 99.93%);
  }
  .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li.active
    .step-formation
    .step-formation-one
    p {
    font-size: 18px;
  }
  .bulk-reminders-page1 .pagination {
    justify-content: center;
    position: relative;
    margin-top: 30px;
    top: 0px;
    left: 0px;
    margin-bottom: 50px;
    width: 100%;
  }
  .bulk-reminders-page1 .status-btn .custom-width .btn.btn-signin {
    width: 100%;
  }
  .bulk-reminders-page1
    .group-entitlement
    .banner-steps
    .steps-ul
    .step-formation
    img {
    display: none;
  }
  .step2-starts .step2-heading-wrapper {
    flex-direction: column;
    gap: 20px;
  }
  .step2-starts .step2-content {
    padding: 20px 20px;
  }
  .step2-starts .step2-content .course-new-checkbox {
    width: 100%;
  }
  .step2-starts .step2-content .course-new-checkbox .form-group-checkbox {
    justify-content: space-between;
    gap: 30px;
  }
  .step2-starts .step2-content .course-new-checkbox .form-group-checkbox label {
    font-size: 16px;
    padding-left: 30px;
  }
  .step2-starts
    .step2-content
    .course-new-checkbox
    .form-group-checkbox
    label:before {
    position: absolute;
    left: 0px;
    top: 2px;
  }
  .step2-starts
    .step2-content
    .course-new-checkbox
    .form-group-checkbox
    label:after {
    top: 6px !important;
  }
  .step2-starts
    .step2-content
    .course-new-checkbox
    .form-group-checkbox
    .course-new-value {
    width: 72px;
  }
  .step2-starts .status-btn .custom-width .view-detail-btn2 {
    width: 100% !important;
  }
}
.group-entitlement-page .icon-btn {
  display: none;
}
.group-entitlement-page .overlay h4 {
  font-weight: 400;
}
.group-entitlement-page .overlay h4 span {
  font-weight: 600;
}
.group-entitlement-page .overlay .faq-signin.faq-button-settings {
  background: #f00;
}
.group-entitlement-page .overlay .faq-signin.faq-button-settings span {
  color: #fff !important;
}
.group-entitlement-page .group-entitlement .banner-steps .steps-ul {
  width: 90%;
}
.group-entitlement-page .group-enroll {
  padding: 40px 0px 40px 0px;
  background: #f6f6f6;
  position: relative;
}
.group-entitlement-page .group-enroll a.remove-button {
  display: none;
}
.group-entitlement-page .group-enroll #tab2 {
  margin-bottom: 400px;
}
.group-entitlement-page
  .group-enroll
  #tab2
  .order-id
  .cart-new-button.cart-new-button2
  a.remove-button {
  display: block;
  background-color: #fff;
  cursor: pointer;
}
.group-entitlement-page .group-enroll #tab2 .course-details-inner-wrapper2 {
  display: block;
}
.group-entitlement-page .group-enroll #tab2 .course-details-inner-wrapper2 > p {
  display: block;
}
.group-entitlement-page .group-enroll .welcome-ge-2 {
  display: none;
}
.group-entitlement-page .group-enroll #tab5 {
  margin-bottom: 400px;
}
.group-entitlement-page .group-enroll #tab5 .auth-screen {
  background-color: transparent;
}
.group-entitlement-page .group-enroll #tab5 .auth-screen:before {
  display: none;
}
.group-entitlement-page .group-enroll #tab5 .auth-screen .auth-inner {
  margin-top: 39px;
  align-items: center;
  justify-content: center;
}
.group-entitlement-page
  .group-enroll
  #tab5
  .auth-screen
  .auth-inner
  .auth-form {
  width: 92%;
  align-items: center;
  background-color: #fff;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.group-entitlement-page
  .group-enroll
  #tab5
  .auth-screen
  .auth-inner
  .auth-form
  .form-container {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
.group-entitlement-page
  .group-enroll
  #tab5
  .auth-screen
  .auth-inner
  .auth-form
  .form-container
  .sh1 {
  text-align: center;
}
.group-entitlement-page .group-enroll #tab5 .auth-second-div {
  display: none;
}
.group-entitlement-page .group-enroll #tab5 .bulk-reminders-form-details {
  margin-top: 40px;
}
.group-entitlement-page .group-enroll #tab4 {
  margin-bottom: 400px;
}
.group-entitlement-page .group-enroll #tab4 .main-bgform {
  background-color: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-top: 39px;
}
.group-entitlement-page
  .group-enroll
  #tab4
  .main-bgform
  .auth-form-section
  label {
  color: #666;
  font-family: "Lato";
  font-size: 12px;
  font-weight: 600;
}
.group-entitlement-page .group-enroll #tab4 .main-bgform .d-flex {
  justify-content: end;
}
.group-entitlement-page .group-enroll #tab4 .main-bgform .d-flex .cart {
  width: 40%;
  margin-right: 0px;
}
.group-entitlement-page .tabs {
  display: flex;
  margin-bottom: 15px;
  gap: 10px;
}
.group-entitlement-page #tab3 {
 margin-top: 39px; 
}
.group-entitlement-page .tabs:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #dee4e9;
  top: 110px;
  width: 100%;
  left: 0px;
}
.group-entitlement-page .tab-btn {
  display: flex;
  align-items: center;
  padding: 15px 50px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  font-size: 16px;
  transition: 0.3s;
  gap: 10px;
  color: #02353c;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  position: relative;
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
}
.group-entitlement-page .tab-btn::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 10px;
  background: #fff;
}
.group-entitlement-page .tab-btn:hover:after {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}
.group-entitlement-page .tab-btn span, .group-entitlement-page .tab-btn svg {
  color: #02353c;
  position: relative;
  z-index: 1;
}
.group-entitlement-page .tab-btn.active {
  background: linear-gradient(90deg, #3fd0c9 0%, #70f07f 100%);
}
.group-entitlement-page .tab-btn.active:hover {
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%)
}
.group-entitlement-page .tab-btn.active svg path, .group-entitlement-page .tab-btn svg path {
  fill: #02353c;
}
.group-entitlement-page .tab-btn.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0px;
}
.group-entitlement-page .tab-content {
  display: none;
  border-top: none;
}
.group-entitlement-page .tab-content .courses-details-wrapper {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  background-color: #fff;
  margin-top: 39px;
}
.group-entitlement-page .tab-content .courses-details-wrapper p {
  color: #212529;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #dee2e6;
}
.group-entitlement-page
  .tab-content
  .courses-details-wrapper
  .courses-details-inner {
  text-align: center;
  padding: 46px 0px;
}
.group-entitlement-page
  .tab-content
  .courses-details-wrapper
  .courses-details-inner
  p {
  font-size: 16px;
  font-weight: 700;
  border-bottom: none;
}
.group-entitlement-page .tab-content .courses-details-wrapper p.es {
  display: none;
}
.group-entitlement-page
  .tab-content
  .courses-details-wrapper
  .cart-new-button.cart-new-button2 {
  margin-bottom: 24px;
  flex-direction: column;
  align-items: center;
}
.group-entitlement-page
  .tab-content
  .courses-details-wrapper
  .cart-new-button.cart-new-button2
  .view-detail-btn2 {
  width: 90%;
}
.group-entitlement-page
  .tab-content
  .courses-details-wrapper
  .cart-new-button.cart-new-button2
  .view-detail-btn2
  span {
  -webkit-text-fill-color: #02353c;
}
.group-entitlement-page
  .tab-content
  .courses-details-wrapper
  .cart-new-button.cart-new-button2
  .faq-signin {
  width: 90%;
}
.group-entitlement-page
  .tab-content
  .courses-details-wrapper
  .cart-new-button.cart-new-button2
  .faq-signin
  span {
  font-size: 16px !important;
}
.group-entitlement-page .tab-content .course-details-inner-wrapper2 {
  display: none;
}
.group-entitlement-page .tab-content .course-details-inner-wrapper2 > p {
  border-bottom: none;
  display: none;
}
.group-entitlement-page .tab-content .search-div {
  position: relative;
}
.group-entitlement-page .tab-content .search-div input {
  padding: 15px 16px;
}
.group-entitlement-page .tab-content .search-div img.searched-icon {
  position: absolute;
  right: 20px;
  top: 20px;
}
.group-entitlement-page .tab-content .select2-container--platform-select2 {
  padding: 13px 16px;
}
.group-entitlement-page .tab-content .tab-row {
  margin-top: 40px;
  margin-bottom: 60px;
}
.group-entitlement-page .tab-content .order-confirmation.show a.faq-signin {
  display: none;
}
.group-entitlement-page .tab-content .order-confirmation.show a.remove-button {
  display: flex;
  cursor: pointer;
}
.group-entitlement-page .tab-content .order-confirmation.show .addedd-btn {
  display: flex;
  margin-left: 20px;
}
.group-entitlement-page
  #tab1
  .courses-details-wrapper
  .cart-new-button.cart-new-button2 {
  display: none;
}
.group-entitlement-page
  #tab1.active.show
  .courses-details-wrapper
  .cart-new-button.cart-new-button2 {
  display: flex;
}
.group-entitlement-page
  #tab1.active.show
  .courses-details-wrapper
  .cart-new-button.cart-new-button2
  .faq-signin {
  width: 90%;
}
.group-entitlement-page
  #tab1.active.show
  .courses-details-wrapper
  .cart-new-button.cart-new-button2
  .faq-signin
  span {
  font-size: 16px !important;
}
.group-entitlement-page .tab-content.active {
  display: block;
}
.group-entitlement-page .tab-content.active.show .courses-details-wrapper p.ca {
  display: none;
}
.group-entitlement-page .tab-content.active.show .courses-details-wrapper p.es {
  display: block;
}
.group-entitlement-page
  .tab-content.active.show
  .courses-details-wrapper
  .courses-details-inner {
  display: none;
}
.group-entitlement-page
  .tab-content.active.show
  .courses-details-wrapper
  .course-details-inner-wrapper2 {
  display: block;
}
.group-entitlement-page
  .tab-content.active.show
  .courses-details-wrapper
  .course-details-inner-wrapper2
  > p {
  display: block;
}
.group-entitlement-page .accordion-header1 {
  border-radius: 8px;
  border: 1px solid #dee4e9;
  background: #fff;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  padding: 24px 30px 24px 20px;
  margin-top: 39px;
}
.group-entitlement-page .accordion-header1 .order-id {
  display: flex;
  align-items: center;
}
.group-entitlement-page .accordion-header1 .order-id img {
  cursor: pointer;
}
.group-entitlement-page .accordion-header1 .order-id p {
  color: #051c2d;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.group-entitlement-page .accordion-header1 .order-id .faq-signin span {
  font-size: 16px !important;
  line-height: 20px;
}
.group-entitlement-page .accordion-header1.active {
  border-radius: 8px 8px 0 0;
  background: linear-gradient(
    90deg,
    rgba(66, 210, 196, 0.26) 0.07%,
    rgba(111, 240, 129, 0.26) 99.93%
  );
}
.group-entitlement-page .accordion-body1 .ab1 {
  padding: 50px 50px 60px 50px;
  gap: 40px;
  background-color: #fff;
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.group-entitlement-page .accordion-body1 .ab1 img {
  width: 80px;
  height: 80px;
}
.group-entitlement-page .accordion-body1 .ab1 h4 {
  color: #051c2d;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.group-entitlement-page .accordion-body1 .ab1 p {
  color: #495057;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.group-entitlement-page .accordion-body1 .ab1 h5 {
  color: #495057;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 20px 0px;
}
.group-entitlement-page .accordion-body1 .ab1 .view-detail-btn2 {
  padding: 13px 35px;
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
}
.group-entitlement-page .accordion-body1 .ab1 .view-detail-btn2 span {
  color: #02353c;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  -webkit-text-fill-color: #02353c;
}
.group-entitlement-page .course-details-inner-wrapper2 .course-details-inner2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: auto;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 20px 12px;
  margin-bottom: 12px;
}
.group-entitlement-page
  .course-details-inner-wrapper2
  .course-details-inner2
  .course-assignment {
  display: flex;
  align-items: center;
}
.group-entitlement-page
  .course-details-inner-wrapper2
  .course-details-inner2
  .course-assignment
  img {
  width: 40px;
  height: 40px;
}
.group-entitlement-page
  .course-details-inner-wrapper2
  .course-details-inner2
  .course-assignment
  p.course-assignment-p {
  color: #051c2d;
  padding: 0px 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  border-bottom: none;
}
.group-entitlement-page
  .course-details-inner-wrapper2
  .course-details-inner2
  .course-assignment
  p.course-assignment-p2 {
  color: #495057;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 0px 10px;
}
.group-entitlement-page
  .course-details-inner-wrapper2
  .course-details-inner2
  p.course-assignment-price {
  color: #051c2d;
  padding: 0px;
  text-align: right;
  border-bottom: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.group-entitlement-page
  .course-details-inner-wrapper2
  .course-details-inner2
  p.course-assignment-price2 {
  color: #495057;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.group-entitlement-page
  .course-details-inner-wrapper2
  .course-details-inner2.total-value {
  border: none;
}
.group-entitlement-page
  .course-details-inner-wrapper2
  .course-details-inner2.total-value
  .course-assignment-p2 {
  font-size: 15px !important;
}
.group-entitlement-page
  .course-details-inner-wrapper2
  .course-details-inner2.total-value
  .course-assignment-price-final {
  color: #2c867a;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.group-entitlement-page .enrolled-count {
  border-radius: 100px;
  background: #02353c;
  height: 25px;
  width: 25px;
  color: #fff;
  z-index: 1;
}
.group-entitlement-page .pagination {
  margin-top: 66px;
  margin-bottom: 60px;
}
.group-entitlement-page
  .welcome-ge
  .cart-new-button.cart-new-button2
  .view-detail-btn2
  span {
  -webkit-text-fill-color: #02353c;
}
.group-entitlement-page
  .welcome-ge.welcome-ge-2
  .tab-content
  .courses-details-wrapper
  p.es {
  display: block;
}
.group-entitlement-page
  .welcome-ge.welcome-ge-2
  .tab-content
  .courses-details-wrapper
  .course-details-inner-wrapper2 {
  display: block;
}
.group-entitlement-page
  .welcome-ge.welcome-ge-2
  .tab-content
  .courses-details-wrapper
  .course-details-inner-wrapper2
  > p {
  display: block;
}
.group-entitlement-page
  .welcome-ge.welcome-ge-2
  .tab-content
  .edit-student-form
  .view-students-details-wrapper
  form {
  margin-top: 39px;
}
.group-entitlement-page
  .welcome-ge.welcome-ge-2
  .tab-content
  .edit-student-form
  .view-students-details-wrapper
  form
  .search-div {
  margin-bottom: 66px;
}
.group-entitlement-page .row.welcome-ge.welcome-ge-3 {
  display: none;
}
.group-entitlement-page .row.welcome-ge.welcome-ge-3 .step2-starts {
  display: block !important;
  margin-top: 22px;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-3
  .step2-starts
  .step2-wrapper {
  margin-bottom: 20px;
}
.group-entitlement-page .row.welcome-ge.welcome-ge-3 .courses-details-wrapper {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  background-color: #fff;
  margin-top: 22px;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-3
  .courses-details-wrapper
  p.es {
  color: #212529;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #dee2e6;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-3
  .course-details-inner-wrapper2
  > p {
  color: #212529;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: 600;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-3
  .cart-new-button.cart-new-button2 {
  margin-bottom: 24px;
  flex-direction: column;
  align-items: center;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-3
  .cart-new-button.cart-new-button2
  .view-detail-btn2 {
  width: 90%;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-3
  .cart-new-button.cart-new-button2
  .faq-signin {
  width: 90%;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-3
  .cart-new-button.cart-new-button2
  .faq-signin
  span {
  font-size: 16px !important;
}
.group-entitlement-page .row.welcome-ge.welcome-ge-4 {
  display: none;
}
.group-entitlement-page .row.welcome-ge.welcome-ge-4 .step2-starts {
  display: block !important;
  margin-top: 22px;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .step2-starts
  .step2-wrapper {
  margin-bottom: 20px;
}
.group-entitlement-page .row.welcome-ge.welcome-ge-4 .courses-details-wrapper {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  background-color: #fff;
  margin-top: 22px;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .courses-details-wrapper
  p.es {
  color: #212529;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #dee2e6;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .course-details-inner-wrapper2
  > p {
  color: #212529;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: 600;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .cart-new-button.cart-new-button2 {
  margin-bottom: 24px;
  flex-direction: column;
  align-items: center;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .cart-new-button.cart-new-button2
  .view-detail-btn2 {
  width: 90%;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .cart-new-button.cart-new-button2
  .faq-signin {
  width: 90%;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .cart-new-button.cart-new-button2
  .faq-signin
  span {
  font-size: 16px !important;
}
.group-entitlement-page .row.welcome-ge.welcome-ge-4 .heading-course {
  color: #051c2d;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .last-step
  .course-assignment-price {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .last-step
  .course-assignment-price2 {
  color: #495057;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-align: right;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .last-step
  .course-new-checkbox {
  width: 100%;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .last-step
  .course-new-checkbox
  > div {
  justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 1px solid #dee4e9;
  margin-bottom: 23px;
}
.group-entitlement-page
  .row.welcome-ge.welcome-ge-4
  .last-step
  .course-new-checkbox
  > div
  p {
  color: #051c2d;
  text-align: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.group-entitlement-page #tab6 {
  margin-bottom: 400px;
}
.group-entitlement-page
  #tab6
  .bulk-reminder-row
  .bulk-reminders-form-details
  .bulk-reminders-button
  .remove-button {
  display: inline;
  cursor: pointer;
}
.group-entitlement-page .group-new-flex {
  justify-content: space-between;
}
.group-entitlement-page .group-new-flex .course-outline h4 {
  color: #051c2d;
  text-align: right;
  font-family: Lato;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 0px;
}
.group-entitlement-page .group-new-flex .course-outline p {
  color: #495057;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.group-entitlement-page .order-confirmation-information {
  padding-right: 30px;
}
.group-entitlement-page .order-confirmation-information h4 {
  color: #051c2d;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.group-entitlement-page .order-conf-price {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

@media only screen and (max-width: 1366px) {
  .group-entitlement-page
    .course-details-inner-wrapper2
    .course-details-inner2
    p.course-assignment-price2 {
    font-size: 10px;
  }
}
@media only screen and (max-width: 1200px) {
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    .step-formation
    img {
    left: 150px;
  }
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    .step-formation
    .step-formation-one
    p {
    font-size: 26px;
  }
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    .step-formation-two {
    font-size: 26px;
  }
  .group-entitlement-page .row.welcome-ge.welcome-ge-2 .tabs .tab-btn {
    padding: 30px 20px;
  }
  .group-entitlement-page .tabs.students-tab .tab-btn {
    padding: 15px 50px !important;
  }
}
@media only screen and (max-width: 992px) {
  .group-entitlement-page .icon-btn {
    background: #fff;
    border: 1px solid #dee4e9;
    padding: 5px 12px;
    border-radius: 10px;
    cursor: pointer;
    align-items: center;
    display: flex;
    height: 45px;
    width: 60px;
    justify-content: center;
    order: 3;
  }
  .group-entitlement-page .icon-btn.active {
    background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  }
  .group-entitlement-page .course-all-details {
    position: fixed;
    bottom: -300px;
    left: 0;
    right: 0;
    background: #fafafa;
    padding: 20px;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.15);
    transition: bottom 0.4s ease;
    z-index: 999;
  }
  .group-entitlement-page .group-entitlement .banner-steps .steps-ul .steps-li {
    display: none !important;
  }
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    a {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    a
    .step-formation
    img {
    display: none !important;
  }
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    a
    .step-formation
    p {
    display: flex !important;
  }
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    a
    .step-formation
    .step-formation-one {
    height: 60px;
    width: 60px;
  }
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    a
    .step-formation
    .step-formation-one
    p {
    padding: 12px 22px;
    font-size: 24px;
  }
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li
    a
    .step-formation-two {
    margin-top: 0px;
    font-size: 24px;
  }
  .group-entitlement-page
    .group-entitlement
    .banner-steps
    .steps-ul
    .steps-li.active {
    display: flex !important;
  }
  .group-entitlement-page .courses-details-wrapper {
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #fafafa;
    padding: 0px;
    box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
    transition: bottom 0.4s ease;
    z-index: 99;
    border: none;
    border-radius: 0px !important;
    margin-top: 0px;
  }
  .group-entitlement-page .courses-details-wrapper p.ca {
    display: none;
  }
  .group-entitlement-page .courses-details-wrapper p.es {
    display: none !important;
  }
  .group-entitlement-page .courses-details-wrapper .courses-details-inner {
    display: none;
  }
  .group-entitlement-page
    .courses-details-wrapper
    .course-details-inner-wrapper2 {
    display: none !important;
  }
  .group-entitlement-page
    .courses-details-wrapper
    .cart-new-button.cart-new-button2 {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px !important;
    padding: 20px;
    border-radius: 0px;
    flex-direction: row !important;
  }
  .group-entitlement-page
    .courses-details-wrapper
    .cart-new-button.cart-new-button2
    .faq-signin {
    width: 230px !important;
    order: 2;
  }
  .group-entitlement-page
    .courses-details-wrapper
    .cart-new-button.cart-new-button2
    .view-detail-btn2 {
    width: 58px !important;
    order: 1;
    background: transparent;
    border: 1px solid #dee4e9;
    margin-top: 0px;
  }
  .group-entitlement-page
    .courses-details-wrapper
    .cart-new-button.cart-new-button2
    .view-detail-btn2
    img {
    display: none;
  }
  .group-entitlement-page
    .courses-details-wrapper
    .cart-new-button.cart-new-button2
    .view-detail-btn2
    span {
    font-size: 0px !important;
  }
  .group-entitlement-page
    .courses-details-wrapper
    .cart-new-button.cart-new-button2
    .view-detail-btn2:after {
    background-image: url(../images/tabler_arrow-left.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    border-radius: 8px;
    margin: auto;
  }
  .group-entitlement-page .courses-details-wrapper.active {
    box-shadow: none;
    border-top: 1px solid #ddd;
  }
  .group-entitlement-page .courses-details-wrapper.active p.ca {
    display: block;
    border-bottom: none;
  }
  .group-entitlement-page .courses-details-wrapper.active p.es {
    display: block !important;
    border-bottom: none;
  }
  .group-entitlement-page
    .courses-details-wrapper.active
    .courses-details-inner {
    display: none;
  }
  .group-entitlement-page
    .courses-details-wrapper.active
    .course-details-inner-wrapper2 {
    display: block !important;
  }
  .group-entitlement-page .courses-details-wrapper.active .course-all-details {
    height: 600px;
    overflow: auto;
    border-bottom: 1px solid #ddd;
    bottom: 85px;
  }
  .group-entitlement-page .group-enroll #tab2 {
    margin-bottom: 100px;
  }
  .group-entitlement-page .pagination {
    margin-bottom: 100px;
  }
  .group-entitlement-page .row.welcome-ge.welcome-ge-2 .tabs .tab-btn {
    padding: 30px 14px;
  }
  .group-entitlement-page .tabs.students-tab .tab-btn {
    padding: 15px 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .group-entitlement-page .group-enroll {
    padding: 40px 10px 40px 10px;
  }
  .group-entitlement-page .group-enroll .accordion-header1 {
    flex-direction: column;
    align-items: start;
  }
  .group-entitlement-page
    .group-enroll
    .accordion-header1
    .cart-new-button.cart-new-button2 {
    margin-top: 15px;
    display: none;
  }
  .group-entitlement-page .group-enroll .accordion-header1 .order-id p {
    font-size: 20px;
  }
  .group-entitlement-page
    .group-enroll
    .accordion-header1.active
    .cart-new-button.cart-new-button2 {
    display: block;
  }
  .group-entitlement-page .group-enroll .accordion-body1 .ab1 {
    flex-direction: column;
    gap: 10px;
  }
  .group-entitlement-page .group-enroll .accordion-body1 .ab1 h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .group-entitlement-page .group-enroll #tab4 {
    margin-bottom: 60px !important;
  }
  .group-entitlement-page .group-enroll #tab4 .main-bgform .d-flex .cart {
    width: 65%;
  }
  .group-entitlement-page .group-enroll #tab6 {
    margin-bottom: 60px !important;
  }
  .group-entitlement-page .group-enroll #tab5 {
    margin-bottom: 60px !important;
  }
  .group-entitlement-page .group-enroll:before {
    top: 80px;
  }
  .group-entitlement-page .tabs {
    gap: 20px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0px 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .group-entitlement-page .tabs::-webkit-scrollbar {
    display: none;
  }
  .group-entitlement-page .tab-content .tab-row {
    margin-bottom: 30px;
  }
  .group-entitlement-page .tab-content .order-confirmation .addedd-btn {
    display: none !important;
  }
  .group-entitlement-page .tab-content .search-div {
    margin-bottom: 10px;
  }
  .group-entitlement-page .tab-btn {
    padding: 15px 10px;
  }
  .group-entitlement-page .group-entitlement .step-formation .step-check {
    display: none !important;
  }
  .group-entitlement-page .group-entitlement .step-formation p {
    display: flex !important;
  }
  .group-entitlement-page
    .row.welcome-ge.welcome-ge-3
    .step2-starts
    .step2-content
    .course-new-checkbox
    .form-group-checkbox
    label {
    font-size: 14px;
  }
  .group-entitlement-page
    .row.welcome-ge.welcome-ge-3
    .step2-starts
    .step2-content
    .course-outline
    h4 {
    font-size: 20px;
    text-align: left;
  }
  .group-entitlement-page
    .row.welcome-ge.welcome-ge-4
    .last-step
    .step2-heading-wrapper {
    flex-direction: row;
  }
  .group-entitlement-page
    .row.welcome-ge.welcome-ge-4
    .last-step
    .step2-heading-wrapper
    .heading
    p {
    font-size: 18px;
    line-height: 26px;
  }
  .group-entitlement-page
    .row.welcome-ge.welcome-ge-4
    .last-step
    .step2-heading-wrapper
    .heading
    p.heading-course {
    font-size: 16px;
    line-height: 24px;
  }
  .group-entitlement-page
    .row.welcome-ge.welcome-ge-4
    .last-step
    .course-assignment-price {
    font-size: 20px;
  }
  .group-entitlement-page
    .row.welcome-ge.welcome-ge-4
    .last-step
    .course-assignment-price2 {
    font-size: 14px;
  }
  .group-entitlement-page
    .row.welcome-ge.welcome-ge-4
    .last-step
    .course-new-checkbox
    > div
    p {
    font-size: 18px;
    text-align: left;
    font-weight: 400;
    line-height: 28px;
  }
}
* {
  font-family: "Lato";
}

.custom-padding1 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.footerheading {
  color: #fff;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.footersubheading {
  color: #fff;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

ul.social-ul {
  padding-left: 0;
  margin-top: 33px;
  display: flex;
  gap: 10px;
}
ul.social-ul li {
  list-style: none;
}
ul.social-ul .social-icons {
  background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
  padding: 2px;
  border-radius: 50%;
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.social-ul .social-icons .inner {
  background: #051c2d;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.social-ul .social-icons img {
  width: 24px;
  height: 24px;
}

.footer-section h3 {
  margin-bottom: 5px;
}
.footer-section .list-unstyled li {
  margin-top: 18px;
}

.background-theme2 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.background-theme2 .copy-right {
  color: #4e5e69;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1200px) {
  .logo-img img {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .logo-img img {
    width: 100%;
  }
  ul.social-ul .social-icons {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .logo-img {
    text-align: center;
  }
  .logo-img img {
    width: auto;
  }
  ul.social-ul {
    justify-content: center;
    margin-bottom: 22px;
  }
  ul.list-unstyled {
    margin-bottom: 0px;
  }
  .header-row.mb-4 {
    margin-bottom: 0px !important;
  }
  .custom-padding1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .footer-section {
    padding-left: 25px;
    margin-top: 28px;
  }
  .background-theme2 {
    padding-left: 36px;
    padding-right: 36px;
  }
}
:root {
  --text-dark: #051c2d;
  --error-red: #eb5757;
  --white-bg: #fff;
  --text-dark2: #2c867a;
}

.form-label {
  color: var(--text-dark);
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 8px;
}

.form-input {
  border-radius: 8px;
  width: 100%;
  border: 1px solid #ccc;
  background: var(--white-bg);
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  color: var(--text-dark);
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.form-input::placeholder {
  color: #666;
  font-weight: 400;
  font-style: normal;
}
.form-input:focus {
  border: 1px solid var(--text-dark2);
  outline: none;
}
.form-input.error {
  border: 1px solid var(--error-red);
  background: var(--white-bg);
}

.error-msg-login {
  color: #ee1d52;
  font-size: 16px;
  font-weight: 400;
  display: none;
}

.field-grid {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}
.field-grid > div {
  flex-grow: 1;
}
@media screen and (max-width: 991px) {
  .field-grid > div {
    width: 100%;
    gap: 18px;
  }
}
@media screen and (max-width: 991px) {
  .field-grid {
    flex-direction: column;
  }
}

.password-field {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
}
.password-field .btn-eye {
  position: absolute;
  right: 18px;
}
.password-field .form-control {
  border: 0;
  background-color: transparent;
  outline: 0;
  padding: 0;
  box-shadow: none;
}
.password-field .btn {
  width: unset;
  padding: 0;
  height: unset;
}

.password-field:focus {
  border: 1px solid var(--text-dark2);
}

.etr_description_dim {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #666;
}
.etr_description_dim a {
  color: #2c867a;
  font-weight: 700;
  text-decoration: none;
}

.success-msg-login {
  color: #62a41b;
  font-size: 16px;
  font-weight: 400;
}

.etr-form-login-success {
  background: #fff url("../../images/eTraining_bullet-checkmark.gif") no-repeat
    calc(100% - 10px) !important;
  border-color: hsl(120, 50%, 50%) !important;
}

.etr-form-pwd-success {
  background: #fff !important;
  border-color: hsl(120, 50%, 50%) !important;
}

.input-wrapper {
  position: relative;
  width: 100%;
}
.input-wrapper .form-input {
  width: 100%;
  padding-right: 40px;
}
.input-wrapper .error-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  pointer-events: none;
}
.input-wrapper.error .form-input {
  border: 2px solid var(--error-red);
}
.input-wrapper.error .error-icon {
  display: block;
}

span.select2.select2-container.select2-container--platform-select2.select2-container--above.select2-container--focus.select2-container--open {
  border: 1px solid var(--text-dark2);
}

.select2-container .select2-search--dropdown {
  padding: 0px;
}
.select2-container .select2-results__option--highlighted {
  background-color: #3c00ff;
  background: linear-gradient(90deg, #6ff081 0.1%, #42d2c4 99.9%);
}
.select2-container input {
  display: none;
}
.select2-container--platform-select2 {
  background-color: #ffffff;
  border-radius: 8px;
  max-width: unset !important;
  border: 1px solid #ccc;
  padding: 16px;
}
.select2-container--open .select2-dropdown {
  top: 0px;
  border: 1px solid #ccc !important;
}
.select2-container .select2-selection {
  border: none !important;
}
.select2-container .select2-selection__rendered {
  padding: 0 !important;
}
.select2-container .select2-selection__placeholder {
  color: #666;
}
.select2-container .select2-selection__clear {
  display: none;
}
.select2-container .select2-selection__arrow {
  position: absolute;
  right: 0;
  top: 11px;
}
.select2-container .select2-selection__arrow b {
  background: none !important;
}
.select2-container .select2-selection__arrow::after {
  border-style: solid;
  border-width: 0.13em 0.13em 0 0;
  content: "";
  display: inline-block;
  height: 0.5em;
  right: 20px;
  position: absolute;
  top: 17px;
  transform: rotate(135deg);
  vertical-align: top;
  width: 0.5em;
}

/* Remove default Chrome/Edge password reveal icon */
input[type="password"]::-ms-reveal,
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-inner-spin-button,
input[type="password"]::-webkit-clear-button {
  display: none !important;
  appearance: none;
}

input[type="password"] {
  /* Remove built-in eye icon */
  -webkit-text-security: disc;
}

.header-info p {
  margin: 0px;
  text-align: center;
  padding: 10px 0px;
}

body {
  margin: 0;
  font-family: "Segoe UI", sans-serif;
}

.header-main-wrap {
  position: relative;
}

.main-header {
  background-color: transparent;
  padding: 0.75rem 2rem;
  position: absolute;
  z-index: 999;
  width: 100%;
}
.main-header .navbar-brand {
  color: #3fd0c9;
  font-weight: bold;
  font-size: 1.5rem;
}
.main-header .navbar-brand img {
  height: 39px;
  width: 163px;
}
.main-header .navbar-nav .nav-item svg {
  margin-left: 8px;
}
.main-header .navbar-nav .nav-link {
  color: white;
  padding: 0px 30px;
}
.main-header .dropdown-menu {
  background-color: #1b3b53;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  width: 242px;
  padding: 31px 22px;
}
.main-header .dropdown-menu li:not(:last-child) {
  margin-bottom: 10px;
}
.main-header .dropdown-menu .dropdown-item {
  color: #fff;
}
.main-header .dropdown-menu .dropdown-item:hover {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-header .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.6);
}
.main-header .navbar-toggler-icon {
  filter: invert(1);
}

.btn-signin {
  color: #02353c;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 13px 25px !important;
}

.dropdown-toggle::after {
  display: none !important;
}

.container-fluid.padded {
  background-color: #051c2d;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  padding-bottom: 100px;
  display: none;
  z-index: 1111;
  top: 80px;
}
.container-fluid.padded .left-side {
  border-radius: 8px;
  background: #1b3b53;
  color: #dee4e9;
  padding: 37px 0px 90px 40px;
}
.container-fluid.padded .right-side {
  border-radius: 0px 8px 8px 0px;
  background: #d9efe0;
  padding: 29px 38px 10px 31px;
}
.container-fluid.padded .right-side h5 {
  margin-bottom: 25px;
}
.container-fluid.padded .right-side .rightside-white-bg {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 15px 25px 0px 25px;
}
.container-fluid.padded .right-side .rightside-white-bg .img-div {
  margin-right: 10px;
}
.container-fluid.padded .right-side .rightside-white-bg .first-occur {
  margin-bottom: 22px;
}
.container-fluid.padded .right-side .rightside-white-bg .info {
  color: #000;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.container-fluid.padded .right-side .rightside-white-bg .info-2 {
  color: #495057;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 10px 0px 10px 0px;
}
.container-fluid.padded .right-side .rightside-white-bg button {
  display: flex;
  width: 138px;
  height: 38px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  border-radius: 10px;
  background: linear-gradient(180deg, #052130 0%, #067959 100%);
  position: relative;
  border: none;
  align-items: center;
  color: #067959;
}
.container-fluid.padded .right-side .rightside-white-bg button span {
  background: linear-gradient(180deg, #052130 0%, #067959 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}
.container-fluid.padded
  .right-side
  .rightside-white-bg
  button.view-detail-btn:hover:after {
  background: linear-gradient(180deg, #067959 0%, #052130 100%);
}
.container-fluid.padded
  .right-side
  .rightside-white-bg
  button.view-detail-btn:hover
  span {
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}
.container-fluid.padded
  .right-side
  .rightside-white-bg
  button.view-detail-btn:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: white;
  border-radius: 8px;
  /* z-index: -1; */
}
.container-fluid.padded
  .right-side
  .rightside-white-bg
  button.view-detail-btn:active:after {
  background: #fff;
}
.container-fluid.padded
  .right-side
  .rightside-white-bg
  button.view-detail-btn:active
  span {
  color: #067959;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #067959;
}
.container-fluid.padded .right-side .rightside-white-bg.second-div {
  padding: 0px;
}
.container-fluid.padded .right-side .rightside-white-bg.second-div .row {
  align-items: center;
}
.container-fluid.padded .right-side .rightside-white-bg.second-div img {
  width: 100%;
}
.container-fluid.padded .right-side .rightside-white-bg.second-div .view-text {
  color: #10283a;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 10px;
}
.container-fluid.padded .right-side .rightside-white-bg.second-div .courses {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container-fluid.padded .right-side .rightside-white-bg.second-div .view-btn {
  color: #102e26;
}
.container-fluid.padded .icon-svg {
  color: red;
  transition: color 0.3s ease;
}
.container-fluid.padded .icon-svg:hover {
  color: #3fd0c9;
}

@media only screen and (min-width: 993px) {
  .container-fluid.padded {
    position: absolute;
  }
}
.categories {
  margin-bottom: 20px;
  color: #dee4e9;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.categories.language {
  margin-top: 70px;
}

.category-ul {
  list-style-type: none;
  padding-left: 10px;
}
.category-ul li {
  display: flex;
  margin-bottom: 26px;
}
.category-ul li p {
  color: #dee4e9;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding-left: 20px;
}
.category-ul li p.active {
  background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.category-ul li a {
  text-decoration: none;
  cursor: pointer;
}
.category-ul li a:hover svg path {
  fill: #3fd0c9;
}
.category-ul li a:hover p {
  background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.view-all-courses {
  width: 200px !important;
  font-weight: 700 !important;
}

.dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  color: white;
  transition: color 0.3s;
}
.dropdown-toggle .dropdown-arrow {
  transition: transform 0.3s ease, stroke 0.3s ease;
}
.dropdown-toggle.active span {
  background: linear-gradient(90deg, #42d2c4 0.1%, #6ff081 99.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dropdown-toggle.active .dropdown-arrow path {
  stroke: #a6e9a3;
}
.dropdown-toggle.active .dropdown-arrow {
  transform: rotate(180deg);
}

.custom-toggle2 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: white;
  transition: color 0.3s;
}
.custom-toggle2 .dropdown-arrow {
  transition: transform 0.3s ease, stroke 0.3s ease;
}
.custom-toggle2.active {
  color: #a6e9a3 !important;
}
.custom-toggle2.active .dropdown-arrow path {
  stroke: #a6e9a3;
}
.custom-toggle2.active .dropdown-arrow {
  transform: rotate(180deg);
}

.menu-open + .padded {
  display: block;
}

.custom-hamburger {
  width: 35px;
  height: 17px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: none;
  background: transparent;
  padding: 0;
  z-index: 1001;
  position: relative;
}
.custom-hamburger span {
  display: block;
  height: 3px;
  background-color: #70f07f;
  border-radius: 3px;
  transition: all 0.3s ease;
}
.custom-hamburger span:nth-child(1),
.custom-hamburger span:nth-child(3) {
  width: 100%;
}
.custom-hamburger span:nth-child(2) {
  width: 60%;
  margin-right: auto;
  background-color: #70f07f;
}
.custom-hamburger.not-collapsed span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
  background-color: #70f07f;
}
.custom-hamburger.not-collapsed span:nth-child(2) {
  opacity: 0;
  transform: translateX(15px);
}
.custom-hamburger.not-collapsed span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
  background-color: #70f07f;
}

@media only screen and (max-width: 1200px) {
  .main-header {
    padding: 0.75rem 1rem;
  }
  .main-header .navbar-nav .nav-link {
    padding: 0px 10px;
  }
  .container-fluid.padded {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .container-fluid.background-gradient-primary1.header-info,
  .container-fluid.header-info.btn-signin,
  .container-fluid.padded
    .right-side
    .rightside-white-bg.second-div
    .container-fluid.header-info.view-btn,
  .container-fluid.header-info.view-all-courses {
    display: none;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .main-header {
    padding: 0.75rem 1rem 1rem 1rem;
  }
  .main-header .navbar {
    padding-bottom: 0px;
  }
  .rightside-white-bg {
    padding: 15px 25px 30px 25px !important;
  }
  .rightside-white-bg .d-flex {
    flex-direction: column;
  }
  .rightside-white-bg .courses {
    padding-bottom: 20px;
  }
  .navbar-nav .nav-link {
    padding: 0px !important;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5607843137);
    padding: 10px 0px !important;
  }
  .navbar-nav .dropdown-menu {
    width: 100% !important;
    padding: 10px 10px !important;
  }
  .navbar-nav .dropdown-menu li {
    margin-bottom: 10px;
  }
  .navbar-nav .dropdown-item {
    padding: 0px 0px;
  }
  ul.dropdown-menu.show {
    margin-top: 30px;
    padding: 20px 20px !important;
  }
  ul.dropdown-menu.show li {
    margin-bottom: 25px !important;
  }
  ul.dropdown-menu.show li:last-child {
    margin-bottom: 0px !important;
  }
  .menu-active .main-header {
    background-color: #10283a;
    position: fixed;
  }
  .menu-active .main-header #mainNav {
    background-color: #10283a;
  }
  .menu-active .main-header #mainNav .navbar-nav {
    gap: 32px;
    min-height: 100vh;
  }
  .menu-active .main-header #mainNav .navbar-nav .nav-item a {
    justify-content: space-between;
  }
  .menu-active .main-header.menu-open2 {
    position: relative;
  }
  .menu-active .main-header.menu-open {
    position: relative;
  }
  .menu-active .header-main-wrap.show-searchbar .navbar-nav {
    padding-top: 200px;
  }
  .navbar-nav {
    gap: 32px;
    min-height: 100vh;
  }
  .navbar-nav .container-fluid.padded {
    display: block !important;
    max-height: 0px;
    top: 0px !important;
    transition: max-height 0.6s ease;
    overflow: hidden;
    background-color: transparent;
    padding: 0px 14px !important;
  }
  .navbar-nav .container-fluid.padded > .row {
    padding-top: 30px;
  }
  .navbar-nav .container-fluid.padded .right-side {
    display: none;
  }
  .navbar-nav .container-fluid.padded .left-side {
    width: 100%;
    padding: 30px 30px !important;
  }
  .navbar-nav .container-fluid.padded .left-side .col-6 {
    width: 100%;
  }
  .navbar-nav .container-fluid.padded .left-side .col-6 .view-all-courses {
    margin-bottom: 60px;
    margin-left: 7px;
    margin-top: 20px;
    width: 96% !important;
  }
  .navbar-nav .container-fluid.padded .category-ul {
    padding-left: 0px;
  }
  .navbar-nav .container-fluid.padded .category-ul li {
    margin-bottom: 10px;
  }
  .navbar-nav .container-fluid.padded .category-ul .d-flex {
    position: relative;
    top: 0px;
    margin-bottom: 10px;
  }
  .navbar-nav .nav-item a {
    justify-content: space-between;
  }
  .menu-open .navbar-nav .container-fluid.padded {
    max-height: calc(100vh + 70px);
  }
}
@media only screen and (max-width: 767px) {
  .main-header.menu-open
    .container-fluid.padded
    .left-side
    .col-6
    > div
    .view-all-courses {
    width: 96% !important;
  }
}
.newsletter-main {
  background: linear-gradient(90deg, #3fd0c9 0%, #a9eca5 100%);
  padding-top: 52px;
  padding-bottom: 52px;
  position: relative;
}
.newsletter-main h1 {
  font-family: Roboto;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px;
}
.newsletter-main p {
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}
.newsletter-main .absolute-img img {
  position: absolute;
  top: 0px;
  right: 0px;
}
.newsletter-main .justify-div {
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.newsletter-main .justify-div .col-md-7 {
  text-align: right;
}
.newsletter-main .email-style {
  width: 69%;
}
.newsletter-main .email-style input {
  border: none;
  display: flex;
  width: 100%;
  height: 45px;
  padding: 19px 38px;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #fff;
}
.newsletter-main .email-style input:focus {
  outline: none;
}
.newsletter-main .email-style input::placeholder {
  color: #000;
  opacity: 1;
}
.newsletter-main .btn-secondary-solid {
  width: 100%;
  color: #70f07f;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  height: 45px;
}
.newsletter-main .safety {
  position: relative;
  z-index: 1;
}

.newsletter-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/footer-bg.png);
  z-index: 0;
  background-position: 114%;
  background-size: contain;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1366px) {
  .email-style {
    width: 66% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .email-style {
    width: 60% !important;
    margin-bottom: 22px;
  }
  .email-style input {
    width: 100% !important;
  }
}
@media only screen and (max-width: 992px) {
  .email-style {
    width: 100% !important;
  }
  .newsletter-main .col-md-7 img {
    width: 100%;
  }
  .email-style {
    margin-bottom: 22px;
  }
  .email-style input {
    width: 100% !important;
  }
  .newsletter-main {
    position: relative;
  }
  .newsletter-main h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .newsletter-main p {
    font-family: Lato;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px;
  }
  .newsletter-main .absolute-img img {
    width: 100%;
    bottom: 0px !important;
    top: auto !important;
  }
  .newsletter-main .col-md-7 {
    margin-top: 30px;
  }
  .newsletter-main .col-md-7 img {
    width: 100%;
  }
  .newsletter-main::before {
    content: "";
    content: "";
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    background: url(../images/footer-bg.png);
    z-index: 0;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: right;
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  .email-style {
    margin-bottom: 22px;
  }
  .email-style input {
    width: 100% !important;
  }
  .newsletter-main {
    position: relative;
  }
  .newsletter-main h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .newsletter-main p {
    font-family: Lato;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px;
  }
  .newsletter-main .absolute-img img {
    width: 100%;
    bottom: 0px !important;
    top: auto !important;
  }
  .newsletter-main .col-md-7 {
    margin-top: 30px;
  }
  .newsletter-main .col-md-7 img {
    width: 100%;
  }
  .newsletter-main::before {
    content: "";
    content: "";
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    background: url(../images/footer-bg.png);
    z-index: 0;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    width: 60%;
    height: 60%;
    background-position: 69%;
    background-size: cover;
  }
}
.auth-screen {
  background-color: #f2f2f2;
  position: relative;
}
.auth-screen::before {
  background-image: url("../images/login-form-bg.png");
  background-size: contain;
  background-position: center;
  position: fixed;
  width: 50%;
  height: 100%;
  left: 0;
  top: 30%;
  content: "";
  z-index: 1;
}
.auth-screen .auth-inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  z-index: 2;
  position: relative;
}
.auth-screen .auth-inner .auth-form {
  min-height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.auth-screen .auth-inner .auth-form .bottom-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 2px;
}
.auth-screen .auth-inner .auth-form .bottom-text span {
  margin: 0;
  color: #666;
  font-size: 16px;
  line-height: 101.304%;
}
.auth-screen .auth-inner .auth-form .bottom-text a {
  color: #01524b;
  font-size: 16px;
  font-weight: 700;
  line-height: 101.304%;
  text-decoration: none;
}
.auth-screen .common-link {
  color: #01524b;
  font-size: 16px;
  font-weight: 700;
  line-height: 101.304%;
  cursor: pointer;
}
.auth-screen .bottom-text2 {
  position: absolute;
  bottom: 80px;
  display: flex;
  width: 280px;
  margin: 0 auto;
  z-index: 11;
  align-items: center;
  gap: 5px;
  left: 11%;
}
.auth-screen .bottom-text2 a {
  color: #01524b;
  font-size: 16px;
  font-weight: 700;
  line-height: 101.304%;
  text-decoration: none;
}
.auth-screen .bottom-text2 p {
  margin: 0px;
}
.auth-screen .form-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px 0;
  min-height: inherit;
  gap: 41px;
  width: 540px;
  margin: 0 auto;
  flex-direction: column;
}
@media screen and (min-width: 2560px) {
  .auth-screen .form-container {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  .auth-screen .form-container {
    gap: 35px;
  }
}
@media screen and (max-width: 991px) {
  .auth-screen .form-container {
    width: 70%;
    gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .auth-screen .form-container {
    width: 92%;
    padding: 30px 0;
  }
}
.auth-screen .form-container .form-container-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 41px;
}
@media screen and (max-width: 991px) {
  .auth-screen .form-container .form-container-inner {
    gap: 20px;
  }
}
.auth-screen .form-container .form-container-inner-new {
  gap: 20px;
}
.auth-screen .form-container .form-container-inner-new button {
  margin-bottom: 14px;
}
@media screen and (max-width: 991px) {
  .auth-screen .form-container .form-container-inner-new {
    gap: 20px;
  }
}
.auth-screen .form-container .auth-topbar {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  justify-content: flex-start;
}
.auth-screen .form-container .auth-topbar p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #666;
  margin: 0;
}
.auth-screen .form-container .auth-topbar .highlight-text {
  color: #2c867a;
  font-weight: 700;
}
.auth-screen .form-container .link-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.auth-screen .form-container .link-section .btn {
  border-radius: 40px;
  border: 1px solid rgba(102, 102, 102, 0.35);
  background: #fff;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 22px 12px;
  height: 64px;
}
.auth-screen .form-container .link-section .btn span {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  font-family: "Lato", sans-serif;
}
.auth-screen .form-container .or-section {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  width: 100%;
}
.auth-screen .form-container .or-section .border-line {
  flex-grow: 1;
  border-top: 1px solid rgba(102, 102, 102, 0.35);
}
.auth-screen .form-container .or-section p {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  line-height: 16.209px;
  margin: 0;
}
.auth-screen .form-container .auth-form-section {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
@media screen and (max-width: 991px) {
  .auth-screen .form-container .auth-form-section {
    gap: 18px;
  }
}
.auth-screen .form-container .auth-form-section .btn-primary {
  color: #02353c;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
}
.auth-screen .form-container .auth-form-section ~ a {
  font-size: 16px;
}
.auth-screen .img-section {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  min-width: 50%;
  display: flex;
  justify-content: flex-end;
}
.auth-screen .img-section .gradient-text {
  background: linear-gradient(180deg, #42d2c4 0%, #6ff081 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 54px;
  font-weight: 900;
  line-height: 111%;
  text-align: center;
}
.auth-screen .img-section .absolute-logo {
  position: absolute;
  top: 8%;
  gap: 74px;
  margin-bottom: 54px;
}
.auth-screen .img-section .bg-img {
  object-fit: cover;
  object-position: 100% 35%;
  height: 100%;
  width: 100%;
}

.login-screen .bottom-text.bottom-text2 {
  bottom: 20px;
}

@media only screen and (max-width: 1680px) {
  .bottom-text2 {
    bottom: 45px !important;
    left: 9% !important;
  }
  .login-screen .bottom-text.bottom-text2 {
    left: 8.7% !important;
  }
}
@media only screen and (max-width: 1600px) {
  .bottom-text2 {
    bottom: 45px !important;
    left: 8.2% !important;
  }
  .login-screen .bottom-text.bottom-text2 {
    left: 7.9% !important;
  }
}
@media only screen and (max-width: 1440px) {
  .auth-screen .img-section .bg-img {
    object-position: 100% 0%;
  }
  .bottom-text2 {
    bottom: 45px !important;
    left: 6.2% !important;
  }
  .login-screen .bottom-text.bottom-text2 {
    left: 6% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bottom-text2 {
    bottom: 45px !important;
    left: 6% !important;
  }
  .login-screen .bottom-text.bottom-text2 {
    left: 5.4% !important;
  }
}
@media only screen and (max-width: 1366px) {
  .bottom-text2 {
    bottom: 35px !important;
    left: 5.3% !important;
  }
  .login-screen .bottom-text.bottom-text2 {
    left: 5% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bottom-text2 {
    left: 22px !important;
  }
  .auth-screen .img-section .bg-img {
    width: 95%;
  }
  .auth-screen .form-container {
    width: 100%;
  }
  .hide-it {
    display: none;
  }
  .auth-inner .col-lg-6 {
    width: 100% !important;
  }
  .auth-screen .auth-inner .auth-form {
    padding: 0px 10px;
  }
  .login-screen .bottom-text.bottom-text2 {
    left: 22px !important;
  }
}
@media only screen and (max-width: 768px) {
  .auth-screen .auth-inner {
    padding: 0px 10px;
  }
  .auth-screen .auth-inner .auth-form {
    padding: 0px 0px;
  }
  .login-screen .auth-form .bottom-text {
    position: relative;
    top: -10px;
  }
  .login-screen .bottom-text.bottom-text2 {
    left: 22px !important;
  }
}
@media only screen and (max-width: 600px) {
  .login-screen .auth-form .bottom-text {
    position: relative;
    top: -36px;
  }
}

.aboutus-page .team-efficiency.team-efficiency-4 .description {
  margin-left: 0px;
}

.blog-detail-wrapper .blog-content ol li p {
  padding-bottom: 0px !important;
}
.blog-detail-wrapper h5 span,
.blog-detail-wrapper h4 span,
.blog-detail-wrapper h3 span,
.blog-detail-wrapper h2 span,
.blog-detail-wrapper h1 span {
  font-size: 20px;
  line-height: 22px;
}

#v-tabs-content
  .blog-articles
  .card
  .card-content
  .card-content-inner
  .safety-info
  .bold-text {
  min-height: 84px;
}

@media only screen and (max-width: 767px) {
  #v-tabs-content
    .blog-articles
    .card
    .card-content
    .card-content-inner
    .safety-info
    .bold-text {
    min-height: auto;
  }
}

@media only screen and (max-width: 992px) {
  .etr-business-form .field-grid-wrap .wpcf7-not-valid-tip {
    position: relative !important;
  }
  .etr-business-form
    .email-alert-details
    .form-group-checkbox
    span.wpcf7-not-valid-tip {
    position: relative !important;
  }
}

.etr-business-form .email-alert-details .form-group-checkbox span {
  margin-left: 0px;
}

.etr-business-form
  .email-alert-details
  .form-group-checkbox
  span.wpcf7-not-valid-tip {
  position: absolute;
}

.etr-business-form .field-grid-wrap .wpcf7-not-valid-tip {
  position: absolute;
}

.main-bgform p.privacy-para {
  margin-top: 24px;
}

/*# sourceMappingURL=style.css.map */