body {
  margin: 0;
  padding: 0;
  background-color: #f8f8f8;
  font-family: 'Roboto', sans-serif;
}

.navbar .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  /* remove the gap so it doesn't close */
}

.nav-link:hover {
  color: #004AAD !important;
}

.dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  /* box-shadow: 2px 2px 10px 0px rgba(80, 80, 80, 0.18) !important; */
  padding: 0 0 0 0 !important;
}

.dropdown-menu li {
  padding: 10px 25px 10px 10px !important;
  border-bottom: 1px solid #d9d9d9 !important;

}

.dropdown-menu li:hover {
  background-color: #ededed !important;
}

.dropdown-item {
  font-size: 1rem !important;
}

.dropdown-item:hover {
  background-color: transparent !important;
  color: #004AAD !important;
}

.fixed-top {
  top: -40px;
  transform: translateY(40px);
  transition: 0.6s ease-in-out;
  border-bottom: 1.5px solid #c7c7c7;
  filter: drop-shadow(0px 4px 6px rgba(118, 117, 117, 0.12));
}

.logo-image {
  width: 5%;
}

.home-login-box {
  margin: 4rem 0 0 0;
  text-align: center;
}

.login-registration-image img {
  width: 100%;
}

.header-register-btn {
  background-color: #004AAD;
  color: #fff !important;
  font-weight: 500;
  border-radius: 4px;
  padding: 10px 18px !important;
  margin-left: 0;
}

.header-register-btn:hover {
  background-color: #00357b;
  color: #fff !important;
}

.header-login-btn {
  margin-left: 10rem;
  margin-right: 24px;
}

.header-auth-name {
  margin-left: 10rem;
}

.test-card {
  outline: none;
  background-position: center !important;
  margin: 2.75rem 0 0 0;
}

.image-width {
  width: 100%;
}

.text_right {
  text-align: right !important;
}

.main-font-color {
  color: #004AAD !important;
}

.main-background-color-1 {
  background-color: #f8f8f8;
}

.main-background-color {
  background-color: #004AAD;
}

.display-none {
  display: none;
}

/* Home Page Css Start */
.home-body {
  background-color: #F9F9FA;
  /* padding: 7.5rem 0; */
}

.home-bannar {
  /* background: url('public/frontend/images/home-page/mask-group.svg'); */
  /* background: linear-gradient(90deg, rgba(17, 46, 129, 0.64) 27.59%, rgba(255, 255, 255, 0.00) 68.18%),url(../images/home-page/home_background.png); */
  /* background: linear-gradient(90deg, rgba(17, 46, 129, 0.64) 27.59%, rgba(255, 255, 255, 0.00) 68.18%),url(../images/home-page/home_bannar.webp); */
  background: linear-gradient(90deg, rgb(51 83 177 / 64%) 27.59%, rgb(136 162 250 / 26%) 68.18%), url(../images/home-page/home_bannar_solid.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.home-banner-left-side {
  padding: 10rem 15px 7rem 0;
  position: relative;
}

.home-banner-left-side h1 {
  font-family: Roboto;
  font-size: 4.25rem;
  font-style: normal;
  font-weight: 600;
  color: #fff;
}

.banner-ielts-arrow {
  position: absolute;
  width: 28%;
  right: 8%;
  bottom: 46%;
}

.banner-flower-shape {
  position: absolute;
  right: 4%;
  bottom: 61%;
}

.home-assess-level-btn {
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  color: #1f1f1f;
  background-color: #FFCF3C;
  font-size: 1.12056rem;
  margin-top: 7px;
}

.home-assess-level-btn i {
  rotate: 315deg;
}

.home-banner-cta {
  display: flex;
  justify-content: start;
  margin: 3rem 0 0 0;
}

.home-assess-level-btn:hover {
  background-color: #daad26;
  color: #000;
  transition: 0.6s ease-in-out;
}

.home-practice-level-btn {
  padding: 12px 20px;
  border: 1px solid #f8f8f8;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
  color: #f8f8f8;
  margin-left: 30px;
}

.home-practice-level-btn i {
  rotate: 315deg;
}

.home-practice-level-btn:hover {
  background-color: #FFCF3C;
  color: #000;
  border: 1px solid #FFCF3C;
  transition: 0.6s ease-in-out;
}

.home-banner-img img {
  width: 80%;
  margin: 23px 0 75px 0;
}

.home-banner-right-side {}

.home-banner-right-side.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block;
}

.home-banner-right-side .owl-carousel .owl-nav button.owl-next {
  font-size: 2rem;
  background-color: #ffffff;
  padding: 0px 21px 5px 21px !important;
  border-radius: 50%;
  position: absolute;
  top: 37%;
  right: -17%;
}

.home-banner-right-side .owl-carousel .owl-nav button.owl-next:hover {
  color: #000;
}

.home-banner-right-side .owl-theme .owl-dots {
  display: none !important;
}

.home-services {
  background-color: #f9f9fa;
  padding: 6.25rem 0 6.25rem 0;
}

.home-services .home-services-header {
  text-align: center;
  font-weight: 800;
  font-size: 2.75rem;
  line-height: 54px;
  margin: 0 0 0.625rem 0;
}

.home-services .home-service-big-screen {
  margin: 2.75rem 0 0 0;
}

.home-services .home-service-big-screen .all-service {
  border-radius: 4px;
  border: 1px solid #D4C3FC;
  background: linear-gradient(279deg, #E0C3FC -7.13%, #8EC5FC 102.45%);
  padding: 2rem 6rem;
}

.home-services .home-service-big-screen .home-service-ul {
  border-bottom: 1px solid #d5d5d5;
  padding: 0 0 0 0;
  margin: 0 0 2rem 0;
}

.home-services .home-service-big-screen .home-service-ul .home-service-li {
  list-style: none;
  display: inline-block;
  color: #545454;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.875rem;
  /* 150% */
  cursor: pointer;
  margin-right: 40px;
}

.home-services-li-active {
  border-bottom: 2px solid #004AAD;
  color: #004AAD !important;
  font-weight: 600 !important;
}

.home-services .header-subtitle {
  color: #434343;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  /* 2.04813rem */
  width: 50%;
  margin: auto;
}

.home-services .home-service-box {
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 16px 0px rgba(69, 67, 67, 0.12);
  padding: 1rem;
  text-decoration: none;
  height: 97%;
  transition: transform 0.5s ease-in-out;
}

.home-services .home-service-box:hover {
  -ms-transform: scale(1.02);
  /* IE 9 */
  -webkit-transform: scale(1.02);
  /* Safari 3-8 */
  transform: scale(1.02);
}

.home-services .home-service-box-img {
  border-radius: 4px;
  background: linear-gradient(90deg, rgb(39 39 40 / 42%) 0%, rgb(56 57 58 / 57%) 96%);
  width: 100%;
  /* padding: 6rem 0; */
  color: #f8f8f8;
  text-align: center;

}

.home-services .home-service-box-img h4 {
  font-size: 1.625rem !important;
}

.home-services .home-service-box .service-name {
  color: var(--Title-Color, #1E3850);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6875rem;
  /* 150% */
  margin: 1rem 0 1rem 0;
}

.home-services .home-service-box .service-text {
  color: #434343;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
  margin: 0 0 0 0;
}

.home-services .home-service-box .arrow {
  background-color: #D9E4F3;
  border-radius: 50%;
  padding: 3px 7px;
}

.home-services .home-service-box .arrow i {
  rotate: 315deg;
}

.home-sp-w-service {
  background: #ffff;
  border-radius: 4px;
  margin: 0 0;
  position: relative;
  z-index: 11;
}

.home-speaking-service {
  padding-top: 80px;
  padding-bottom: 80px;
}

.home-speaking-service .shape-1 {
  width: 23%;
  position: absolute;
  top: 63%;
  left: 3%;
  z-index: -1;
}

.home-speaking-service .shape-2 {
  background-color: #96adffc2;
  padding: 12rem;
  width: 16%;
  filter: blur(9rem);
  position: absolute;
  z-index: -11;
  bottom: 18%;
  left: 14%;
}

.circle-img-sp-w {
  width: 7% !important;
  position: absolute;
  opacity: 0.5;
  top: -1%;
  left: -3%;
}

.home-sp-right-side {
  margin: 8rem 0 0 0;
}

.home-speaking-service .home-sp-right-side h1 {
  color: #062C65;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 3.6875rem;
  /* 134.091% */
}

.home-speaking-service .home-sp-right-side img {
  width: 4%;
  position: absolute;
  right: 16%;
  bottom: 38%;
}

.home-speaking-service .home-sp-left-side .main-image {
  width: 85%;
}

.home-speaking-service p {
  font-size: 1.125rem;
  color: #40454B;
  line-height: 28px;
  font-weight: 400;
}

.home-sp-right-side .home-sp-service-btn {
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  background-color: #004AAD;
  padding: 14px 20px;
  border-radius: 4px;
  font-size: 18px;
  transition: all 0.5s ease-in-out;
}

.home-sp-right-side .home-sp-service-btn:hover {
  background-color: #063571;
}

.home-sp-right-side .home-sp-service-btn i {
  rotate: 315deg;
}

.home-speaking-service img {
  width: 100%;
}

.home-writing-service {
  margin: 0 0 0 0;
  position: relative;
}

.home-writing-service .shape-2 {
  background-color: #96adffc2;
  padding: 12rem;
  width: 16%;
  filter: blur(9rem);
  position: absolute;
  z-index: -11;
  bottom: 10%;
  right: 2%;
}

.home-writing-service h1 {
  font-size: 30px;
  font-weight: 800;
}

.home-writing-service p {
  font-size: 14px;
  color: #40454B;
  line-height: 28px;
  font-weight: 400;
}

.home-writing-service img {
  width: 100%;
  margin: 35px 0 0 0;
}

/* writing service filter start */
/* scroll bar css start */
.stu-dash-ws-mistakes {
  padding-right: 10px;

  height: 500px;
  overflow-y: scroll;
  /* width */

}

.stu-dash-ws-mistakes::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.stu-dash-ws-mistakes::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey;
  border-radius: 10px;
}

/* Handle */
.stu-dash-ws-mistakes::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 10px;
}

/* Handle on hover */
.stu-dash-ws-mistakes::-webkit-scrollbar-thumb:hover {
  background: #616161;
}

/* scroll bar css end */
.buttons {
  padding: 0 0 0 0;
}

.button {
  transition: all .2s ease-in-out;
  -webkit-appearance: none;
  border-radius: 7px;
  font-family: inherit;
  appearance: none;
  background: none;

  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
  /* padding: 0 20px 20px 0; */
  outline: none;
  opacity: 1;
  border: none;
  color: #f8f8f8;
  margin: 0 0 25px 0;
  padding: 5px 0 5px 36px;
  transition: 0.5s all ease-in-out;
  width: 100%;
  border-radius: 0;
  text-align: left;
}

.button:hover,
.button.active {
  opacity: 1;
  background-color: #DBEBFF;
  color: #004AAD;
  width: 100%;
  border-radius: 0;
}

.grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.home-ws-item {
  border-radius: 4px;
  height: 20%;
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(79, 79, 79, 0.08);
  padding: 20px;
}

.ws-product-individual-box {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(79, 79, 79, 0.08);
  padding: 60px;
}

.ws-product-individual-box .band-score-box {
  display: flex;
  height: 56px;
  width: 25%;
  padding: 24px 12px;
  justify-content: start;
  align-items: center;
  gap: 8px;
  border: 2px solid #BB8868;
  border-radius: 4px;
}

.ws-product-individual-box .band-score-icon-box {
  width: 32px;
  height: 32px;
  background: #BB8868;
  border-radius: 50%;
  position: relative;
}

.ws-product-individual-box .band-score-icon {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  stroke-width: 1.5px;
  stroke: #DADADA;
}

.ws-product-individual-box .band-score-text {
  color: #404040;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
}

.ws-product-individual-box .get_result_box {
  display: flex;
  height: 56px;
  width: 35%;
  padding: 24px 12px;
  justify-content: start;
  align-items: center;
  gap: 8px;
  border: 2px solid #4284D3;
  border-radius: 4px;
}

.ws-product-individual-box .get_result_icon_box {
  width: 32px;
  height: 32px;
  background: #4284D3;
  border-radius: 50%;
  position: relative;
}

.ws-product-individual-box .get_result_icon {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  stroke-width: 1.5px;
  stroke: #DADADA;
}

.ws-product-individual-box .get_result_text {
  color: #404040;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
}

.ws-product-individual-mobile-view {
  display: none;
}

.ws-product-individual-others-text {
  color: #272727;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  /* 112.5% */
  letter-spacing: -0.24px;
  margin-top: 30px;
}

.ws-product-individual-others-price-box {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 14px 0px rgba(79, 79, 79, 0.08);
  padding: 40px 32px 50px 32px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 60px;
}

.ws-product-individual-others-price-box .price_button {
  border-radius: 8px;
  color: #004AAD;
  border: 1px solid #004AAD;
  text-decoration: none;
  font-weight: 700;
  padding: 10px 70px;
}

.ws-title-indi-product {
  color: #474747;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 5px;
  letter-spacing: -0.18px;
}

.ws-task-heading-indi-product {
  color: #454647;
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
  /* 150% */
  letter-spacing: -0.36px
}

.ws-get-indi-product {
  color: #474747;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.2px;
  margin-top: 24px;
  margin-bottom: 20px;
}

.ws-feedback-indi-product {
  color: #474747;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.2px;
  margin-left: 10px;
}

.ws-feedback-indi-product-text {
  color: #555;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.16px;
  width: 80%;
}

.ws-product-individual-right-box {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(79, 79, 79, 0.08);
  padding: 40px;
  position: fixed;
}

.ws-price-indi-product {
  color: var(--Gray-900, #1D2026);
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  /* 150% */
}

.ws-pack-include-indi-product {
  color: var(--Gray-900, #1D2026);
  /* Body Large/500 */
  "Roboto",
  sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  /* 137.5% */
}

.item.blue {
  /* background: #06f;  */
}

.item.white {
  /* background: #fff;  */
}

.item.grey {
  /* background: #8e9aa7;  */
}

.item.yellow {
  /* background: #fdc67e;  */
}

.item.red {}

.hide {
  display: none;
}

.ws-price-table-box {
  background: #fff;
  padding: 40px 60px;
  margin: 6.25rem 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
}

.ws-price-table-box table {
  border: 1px solid #b1c0d0a5 !important;
}

.ws-price-table-box tr {
  border: 1px solid #b1c0d0a5 !important;
}

.ws-price-table-box td {
  border: 1px solid #b1c0d0a5 !important;
}

.ws-exclusive-price-table-box {
  margin: 3.75rem 0 0 0;
}

.ws-exclusive-price-table-box .header {
  color: #004AAD;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 3.375rem;
  /* 122.727% */
  margin: 0 0 2rem 0;
}

.ws-price-table-box .header {
  font-weight: 800;
  text-align: center;
  font-size: 2.5rem;
}

.ws-price-table-box .text-header {
  color: #000;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 3.75rem;
}

.ws-price-table-box .table-link {
  font-weight: 700;
  color: #456EA5;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #456EA5;
  font-size: 14px;
  display: block;
  text-align: center;
  padding: 5px 10px;
}

.ws-price-table-box .table-link:hover {
  background-color: #456EA5;
  color: #f3f3f3;
  transition: 0.6s ease-in-out;
}

.ws-exclusive-price-table-box .table-link {
  font-weight: 700;
  color: #456EA5;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #456EA5;
  font-size: 14px;
  display: block;
  text-align: center;
  padding: 5px 10px;
}

.ws-exclusive-price-table-box .table-link-exclusive {
  font-weight: 700;
  color: #456EA5;
  text-decoration: none;
  border: 1px solid #456EA5;
  font-size: 14px;
  text-align: center;
  padding: 7px 30px;
  border-radius: 4px;
}

.ws-exclusive-price-table-box .table-link-exclusive:hover {
  background-color: #456EA5;
  color: #f1f1f1;
  transition: 0.6s ease-in-out;
}

.writing-servic-td {
  /* background-color: #456EA5 !important;  */
  background-color: #f2f8ff !important;
  color: #242424 !important;
  font-size: 18px;
  width: 18%;
  border: 1px solid #232323 !important;
}

.ws-exclusive-price-table-box table {
  border: 1px solid #b1c0d0a5 !important;
  width: 100%;
}

.ws-exclusive-price-table-box tr {
  border: 1px solid #b1c0d0a5 !important;
}

.ws-exclusive-price-table-box td {
  border: 1px solid #b1c0d0a5 !important;
  width: 25%;
}

.writing-service-td-exclusive-package {
  /* background-color: #456EA5 !important;  */
  background-color: #f2f8ff !important;
  color: #111111 !important;
  font-size: 18px;

}

.ws-price-packages-header {
  margin-top: 0;
}

.ws-price-packages-header h1 {
  font-size: 2.5rem;
  font-weight: 800;
  text-align: center;
  margin-top: 0;
}

.ws-price-packages-header p {
  color: #000;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
}

.ws-price-basic-package-header {
  font-weight: 700;
  font-size: 2rem;
  margin-top: 3.75rem;
  margin-bottom: 0;
  position: relative;
}

.service_full_box {
  border: 1px solid #c2c2c2;
  padding: 15px;
  border-radius: 4px;
}

.express_ws_service_full_box .most-popular-div {
  background: #f6f2e7;
  position: absolute;
  padding: 3px 12px;
  top: 3%;
  right: 3%;
  color: #ef3500;
  font-weight: 600;
  font-size: 0.875rem;
}

.ws-price-unFillCard-1 {
  background-color: #f8f8f8;
  padding: 27px 36px;
  position: absolute;
  top: 3.4%;
  z-index: 11;
  right: 7%;
}

.ws-price-unFillCard-2 {
  background-color: #f8f8f8;
  padding: 27px 36px;
  position: absolute;
  top: 10.8%;
  z-index: 11;
  right: -5.5%;
}

.ws-price-premium-package-header {
  font-weight: 700;
  font-size: 2rem;
  margin-top: 3.75rem;
}

.ws-price-exclusive-package-header {
  font-weight: 700;
  font-size: 2rem;
  margin-top: 3.75rem;
}

.how_to_submit {
  margin: 6.25rem 0 0 0;
}

.how_to_submit .header h1 {
  font-size: 2.5rem;
}

.ws-testimonial .header {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 22rem;
}

/* writing service filter end */
.home-w-left-side {
  margin: 10rem 9rem 0 0;
}

.home-w-left-side h1 {
  color: #062C65;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 3.6875rem;
  /* 134.091% */
}

.home-w-left-side p {
  color: #062C65;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6875rem;
  /* 150% */
}

.home-w-left-side .home-wr-service-btn {
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  background-color: #004AAD;
  padding: 14px 20px;
  border-radius: 4px;
  font-size: 18px;
  transition: all 0.5s ease-in-out;
}

.home-w-left-side .home-wr-service-btn:hover {
  background-color: #032d64;
}

.home-w-left-side .home-wr-service-btn i {
  rotate: 315deg;
}

.home-testing-system {
  padding: 6.25rem 0 6.25rem 0;
  background-color: #f9f9fa;
}

.home-testing-sy-header {
  text-align: center;
  position: relative;
}

.home-testing-sy-header img {
  width: 3%;
  position: absolute;
  left: 36%;
  bottom: 79%;
}

.home-testing-sy-header h1 {
  font-size: 36px;
  font-weight: 800;
  line-height: 54px;
}

.home-testing-sy-header p {
  font-size: 1rem;
  line-height: 28px;
  color: #434343;
  font-weight: 400;
  margin: 0 15.2rem;
}

.home-testing-sy-box {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px 20px;
  margin-top: 2.75rem;
  box-shadow: 2px 2px 10px 0px rgba(80, 80, 80, 0.18);
  transition: transform 0.5s ease-in-out;
}

.home-testing-sy-box:hover {
  -ms-transform: scale(1.02);
  /* IE 9 */
  -webkit-transform: scale(1.02);
  /* Safari 3-8 */
  transform: scale(1.02);
}

.home-testing-sy-box img {
  width: 100%;
  border-radius: 4px;
}

.home-testing-sy-text {
  display: flex;
  justify-content: start;
  margin-top: 10px;
}

.home-testing-sy-text p {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0.825rem;
}

.home-testing-sy-text span {
  border: 1px solid #004AAD;
  border-radius: 10px;
  padding: 2px 6px;
  margin-bottom: 0;
  color: #004AAD;
  margin-left: 28px;
  font-size: 14px;
  text-transform: uppercase;

}

.home-testing-sy-btn {
  text-decoration: none;
  color: #2c2c2c;
  border: 1.5px solid #004AAD;
  width: 100%;
  padding: 10px 0;
  border-radius: 4px;
  display: block;
  text-align: center;
  font-weight: 700;
  transition: all 0.5s ease-in-out;
}

.home-testing-sy-btn:hover {
  background-color: #004AAD;
  color: #f8f8f8;
}

.footer {
  /* background-color: #EBF3FF; */
  background-color: #004AAD;
  padding: 60px 0 20px 0;
}

.footer-first img {
  width: 30%;
  filter: brightness(12);
}

.footer-first p {
  margin-bottom: 0;
  color: #f8f8f8;
  line-height: 26.6px;
  font-size: 14px;
  margin-top: 20px;
}

.footer-social-media {
  list-style: none;
  padding-left: 0;
  margin: 20px 0;
}

.footer-social-media li {
  display: inline;
  font-size: 22px;
  margin: 0 10px;
}

.footer-social-media li a {
  color: #f8f8f8;
}

.footer-second {}

.footer-second p {
  color: #f8f8f8;
  font-size: 20px;
}

.footer-links {
  list-style: none;
  padding-left: 0;
  margin: 20px 0;
}

.footer-links li {
  display: block;
  font-size: 14px;
  margin: 10px 0px;
  color: #f8f8f8;
}

.footer-links li a {
  color: #f8f8f8;
  text-decoration: none;
}

.footer-fourth {}

#backToTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #004AAD;
  color: white;
  cursor: pointer;
  padding: 11px 15px;
  border-radius: 50%;
}

#backToTop:hover {
  background-color: #052f66;
}

.footer-fourth p {
  color: #f8f8f8;
  font-weight: 700;
  font-size: 20px;
}

.home-live {
  position: relative;
  z-index: 1;
  margin: 6.25rem 0 6.25rem 0;
}

.home-live-outer-div {
  border-radius: var(--Radius-1, 0.5rem);
  border: 1px solid #9B9B9B;
  background: #FFF;
  box-shadow: 5px 9px 8px 0px rgba(0, 0, 0, 0.05);
  padding: 20px;
}

.home-live-img-box {
  position: relative;
  border-radius: 8px;
}

.home-live-img-box .profile-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 0rem 0rem 0.25rem 0.25rem;
  background: linear-gradient(180deg, rgba(41, 41, 41, 0.66) -27%, #004AAD 106.4%);
  color: white;
  padding: 10px 20px;
  box-sizing: border-box;
}

.home-live-img-box .profile-info .title {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.home-live-img-box .profile-info .subtitle {
  font-size: 18px;
  margin: 5px 0 0 0;
}

.home-live-img-box .profile-info .role {
  font-size: 14px;
  margin: 10px 0 0 0;
}

.home-live-img {
  width: 100%;
  border-radius: 4px;
}

.home-live-img-design {
  position: absolute;
  top: -12%;
  left: 9%;
  z-index: -1;
}

.h-l-r-s-head-text {
  font-size: 36px;
  line-height: 54px;
  font-weight: 800;
  font-family: "Roboto", sans-serif;
  font-style: normal;
}

.h-l-r-s-text {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #344054;
  margin-right: 40px;
  margin-bottom: 35px;
}

.upcoming-live {
  background-color: #BDD9FF;
  border-radius: 4px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
}

.home-live-right-side {
  margin: 4rem 0 0 0;
}

.home-live-right-side .head-text {
  line-height: 18.2px;
  font-weight: 500;
  background-color: #BDD9FF;
  color: #202020;
  font-size: 1rem;
  width: 35%;
  padding: 11px 13px;
  border-radius: 20px;
  margin: 0 0;
  text-align: center;
}

.home-live-right-side .sub-title-text {
  font-size: 1rem;
  line-height: 28px;
  font-weight: 400;
  color: #344054;
  margin: 1rem 0 0 0;
}

.home-live-right-side .title {
  color: #1d1d1d;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 2.6875rem;
  letter-spacing: -0.045rem;
  margin: 1rem 0 0 0;
}

.upcoming-live h4 {
  margin-right: 80px;
}

.home-live-right-side .date {
  line-height: 18.2px;
  font-weight: 500;
  color: #666A6F;
  margin-bottom: 0;
  margin-top: 1.6rem;
}

.upcoming-live .next {
  background: #d1e4ff;
  width: 58px;
  height: 58px;
  text-align: center;
  border-radius: 50%;
  font-size: 25px;
  margin-top: 30px;
}

.upcoming-live .next i {
  margin-top: 16px;
  color: #004AAD;
}

.home-live-btn {
  background-color: #004AAD;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 16px 40px;
  font-size: 16px;
  margin-top: 20px;
  border-radius: 4px;
}

.home-live-btn:hover {
  background-color: #003984;
}

.home-assessment-test {
  background: linear-gradient(180deg, #FFF -12.37%, #4E84D9 182.77%);
  padding: 4.5rem 0 0 0;
  position: relative;
}

.home-assessment-test .left-side {
  margin: 1.75rem 0 0 0;
}

.home-assessment-test .title {
  color: var(--Title-Color, #1E3850);
  font-size: 3rem;
  font-weight: 600;
  line-height: 3.375rem;
  /* 145.833% */
  margin: 0 0 0 0;
}

.home-assessment-test .sub-title-text {
  color: #383838;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6875rem;
  /* 150% */
  margin: 1rem 0 0 0;
}

.home-assessment-test .btn-div {
  margin: 3rem 0 0 0;
}

.home-assessment-test .btn-div .main-button {
  border-radius: 0.25rem;
  background: #FFCF3C;
  box-shadow: 0px 4px 4px 0px rgba(107, 105, 105, 0.12);
  text-decoration: none;
  color: #262525;
  padding: 1rem 0.875rem;
  font-weight: 700;
}

.home-assessment-test .btn-div .button .arrow i {
  rotate: 315deg;
}

.home-assessment-test .image {
  width: 100%;
}

.home-set-goal {
  margin: 6.25rem 0 0 0;
}

.home-set-goal .inner-div {
  background: url(../images/home-page/target.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem 6rem;
  border-radius: 4px;
}

.home-set-goal .title {
  color: #1D1D3D;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 4.125rem;
  /* 150% */
  margin: 5rem 0 0 0;
}

.home-set-goal .subtitle {
  color: #4E4E4E;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6875rem;
  /* 150% */
}

.home-set-goal .getbutton {
  border-radius: 4px;
  background: var(--Primary-Color, #004AAD);
  box-shadow: 0px 3.021px 9.062px 0px rgba(130, 129, 129, 0.14);
  color: #f8f8f8;
  text-decoration: none;
  font-size: 1.125rem;
  padding: 1rem 2rem;
}

.home-set-goal .getbutton:hover {
  background-color: #05316c;
}

.home-set-goal .button-div {
  margin: 3rem 0 0 0;
}

.home-set-goal .target-image img {
  width: 100%;
}

.home-page-ad {
  background: url(../images/home-page/home_page_ad.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem 0;
  position: relative;
  z-index: -11;
}

.home-page-ad h1 {
  font-size: 36px;
  color: #282828;
  font-weight: 700;
  margin-top: 65px;
}

.home-page-ad p {
  color: #414141;
  font-size: 1rem;
  margin: 1rem 0 0 0;
}

.home-page-ad .hero-image {
  width: 90%;
}

.home-page-ad .icon-1 {
  position: absolute;
  left: 9%;
  top: 5%;
  z-index: -11;
}

.home-page-ad .icon-2 {
  position: absolute;
  left: 32%;
  top: 30%;
  z-index: -11;
}

.home-page-ad a {
  border: 1px solid#004AAD;
  color: #373737;
  text-decoration: none;
  font-size: 18px;
  border-radius: 4px;
  padding: 12px 20px;
}

.home-page-ad-button {
  margin-top: 45px !important;
}

.home-blog {
  /* background-color: #efefef; */
  position: relative;
  z-index: 1;
  padding: 2rem 0 120px 0;
}

.home-blog-rabbos {
  position: absolute;
  top: 13%;
  z-index: -1;
  right: 6%;
}

.home-blog-footer-shape {
  position: absolute;
  left: 7%;
  bottom: 21%;
  z-index: -1;
  rotate: 70deg;
  filter: contrast(0.5);
}

.home-blog-header {
  text-align: center;
  position: relative;
}

.home-blog-header img {
  position: absolute;
  left: 34%;
  bottom: 79%;
}

.home-blog-header h1 {
  font-size: 36px;
  line-height: 46.8px;
  font-weight: 800;
}

.home-blog-header p {
  font-size: 1rem;
  line-height: 23.8px;
  font-weight: 500;
  color: #434343;
  margin: 0 14rem;
}

.home-blog-box {
  background-color: #fff;
  border-radius: 4px;
  margin-top: 2.5rem;
  box-shadow: 2px 2px 10px 0px rgba(80, 80, 80, 0.18);
  padding: 20px 20px 30px 20px;
  transition: transform 0.5s ease-in-out;
}

.home-blog-box:hover {
  -ms-transform: scale(1.02);
  /* IE 9 */
  -webkit-transform: scale(1.02);
  /* Safari 3-8 */
  transform: scale(1.02);
}

.home-blog-box img {
  width: 100%;
  border-radius: 2px;
}

.home-blog-footer {
  padding: 2rem 0 0 0;
}

.home-blog-footer h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.home-blog-footer .text {
  font-weight: 400;
  line-height: 25.2px;
  color: #8C8F93;
}

.home-blog-footer .read-more {
  font-size: 16px;
  font-weight: 600;
  line-height: 25.2px;
  color: #004AAD;
  text-decoration: none;
}

.home-blog-see-all {
  text-align: center;
  padding-top: 60px;
}

.home-blog-see-all a {
  background-color: #004AAD;
  color: #fff;
  text-decoration: none;
  padding: 15px 60px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 4px;
}

.home-testimonial {
  padding: 0rem 0 6.25rem 0;
  background-color: #F9F9FA;
}

.home-testimonial .owl-theme .owl-nav {
  display: none;
}

.home-testimonial-header {
  text-align: center;
  position: relative;
}

.home-testimonial-header img {
  position: absolute;
  right: 29%;
  bottom: 67%;
  rotate: 112deg;
}

.home-testimonial-header h1 {
  font-size: 36px;
  line-height: 46.8px;
  font-weight: 800;
}

.home-testimonial-header p {
  font-size: 1rem;
  font-weight: 500;
  color: #434343;
  margin-bottom: 44px;
  margin-top: 1rem;
}

.home-testimonial-box {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: start;
  width: 80%;
  position: absolute;
  top: 35%;
  left: 10%;
}

.home-testimonial-box .color-box {
  background-color: #32327b;
  padding: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.home-testimonial-box .quote {
  color: #5F5F7E;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
  letter-spacing: 0.025rem;
  margin: 0;
}

.home-testimonial-icon {
  width: 60% !important;
  border-radius: 4px;
  padding-bottom: 11rem;
}

.home-testimonial-icon h5 {
  margin-top: 30px !important;
}

.home-testimonial-portfolio {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.home-testimonial-portfolio .name {
  color: #5F5F7E;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 2.25rem;
  /* 150% */
  margin: 0 0 0 0;
}

.home-testimonial-portfolio .band-score {
  color: #5F5F7E;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.875rem;
  /* 150% */
  letter-spacing: 0.025rem;
}

.home-testimonial-portfolio .review span {
  color: #ff8a24;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.875rem;
  /* 150% */
  letter-spacing: 0.025rem;
}

.home-testimonial-portfolio .review p {
  color: #5F5F7E;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.875rem;
  /* 150% */
  letter-spacing: 0.025rem;
  margin: 0 0 0 0;
}

/* Home Page Css End */
.practice-test-button {
  text-decoration: none;
  background-color: #184664;
  color: #fff;
  padding: 5px 10px;
  font-weight: 700;
}

.practice-test-button:hover {
  text-decoration: none;
  background-color: #2a455f;
  color: #fff;
}

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
}

ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

ul.breadcrumb li a {
  color: #004AAD;
  text-decoration: none;
}

ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.volume-toggler {
  -webkit-appearance: none;

  height: 15px;
  background: #d3d3d3;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.volume-toggler::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #2c2c2c;
  cursor: pointer;
}

.google-login {
  border: 1px solid #004AAD;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  padding: 8px 0;
  color: #242424;
  text-decoration: none;
}

.apple-login {
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  padding: 8px 0;
  margin-top: 10px !important;
  color: #000;
  text-decoration: none;
}

.google-login img {
  width: 4%;
  height: 4%;
  margin: 3px 12px 0 0;
}

.apple-login i {
  font-size: 20px;
  margin: 0 12px;
}

.login-btn {
  background-color: #004AAD;
  color: #fff;
  font-weight: 500;
  width: 100%;
  border: none;
  padding: 6px 0;
  border-radius: 5px;
  font-size: 20px;
}

.register-title {
  font-size: 2.75rem;
  margin-top: 0;
  text-align: center;
  font-weight: 600;
}

.register-ac {
  background-color: #C0F0F7;
  padding: 22px 35px;
  cursor: pointer;
  text-decoration: none;
  color: #000;
  border-radius: 4px;
}

.register-ac:hover {
  background-color: #78e4f5;
}

.register-ac p {
  font-size: 1.75rem;
  font-weight: 600;
  margin: 0 0 0 0;
}

.register-ac span {
  font-size: 1.25rem;
}

.register-gt {
  background-color: #E5E5E6;
  padding: 22px 35px;
  cursor: pointer;
  text-decoration: none;
  color: #000;
  border-radius: 4px;
}

.register-gt:hover {
  background-color: #959393;
}

.register-gt p {
  font-size: 1.75rem;
  font-weight: 600;
  margin: 0 0 0 0;
}

.register-gt span {
  font-size: 1.25rem;
}

.module {
  position: relative;
}

.module-instruction {
  background-color: rgb(255, 255, 255);
  outline: none;
  box-shadow: 0px 4px 33px 10px rgba(98, 106, 115, 0.07) !important;
  background-position: center !important;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}

.service h2 {
  font-size: 1.375rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.collapse_color {
  background-color: #f4f4f4;
}

.header_style {
  outline: none;
  background-position: center !important;
  box-shadow: rgba(0, 0, 0, 0.11) 0px 5px 15px;
  background-color: #EFF1F3;
  padding: 10px 0;
  border-bottom: 1px solid #d5d5d5;
}

.home_bannar {
  background: url(../image/bannar_main_2.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.h1_text {
  font-size: 4.5rem;
  font-weight: 800;
}

.logo-image-size {
  width: 40%;
}

.image-size {
  width: 100%;
}

.login_ul {
  position: absolute;
  top: 27%;
  right: 1%;
}

.login_ul li {
  margin-top: 2px;
  list-style: none;
}

.login_ul a {}

/* left side bar filter css start */
.left_side_filter {
  /* box-shadow: 0 4px 15px 4px #0000001a;
  background: #fff; */
  padding: 26px 26px 27px;
  border-radius: 5px;
  margin-top: 25px;
  border: 1px solid #ddd;
}

.left_side_filter input {
  display: block;
  margin: 8px 0;
}

.left_side_filter span {
  display: block;
  margin: 1px 5px;
}

.filter_empty_div {
  background: linear-gradient(57.86deg, #a07a08 -2.65%, #c49711 38.41%, #ffc107 87.68%);
  padding: 2px 0;
  margin-top: 10px;
}

/* left side bar filter css end */
.exam_img img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.exam_time {
  background-color: #ffc107;
  color: #000;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 5px;
}

.navbar-font {
  font-size: 1rem;
  font-weight: 700;
}

.nav-margin {
  margin-right: 20px !important;

}

.list-style {
  list-style: none;
}

.side-bar-font {
  font-size: 1.25rem;
}

input[type=checkbox] {
  accent-color: #004AAD;
  width: 20px;
  height: 20px;
}

input.check_box {
  width: 25px;
  height: 25px;
}

.check_box_font {
  font-size: 1rem;
  font-weight: bold;
  color: #284664;
}

.check_box_font span {
  font-weight: 400;
}

.main-text {
  font-size: 1rem;
}

.large-button {
  font-size: 22px;
  font-weight: 700;
  background-color: #003459;
  border: none;
  padding: 15px 30px;
  border-radius: 5px;
  color: #fff;
}

.large-button:hover {
  background-color: #000;
  color: #fff;
  transition: 0.4s ease-in;
}

.test-border {
  background-color: rgb(255, 255, 255);
  border-color: transparent;
  box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px;
  margin: 30px 0;
}

.sub-title {
  font-size: 22px;
  font-weight: 700;
}

.test-start-button {
  border: none;
  background-color: #000;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 5px;
}

.test-start-button:hover {
  background-color: #E49273;
  color: #000;
  transition: 0.4s ease-in;
}

.main-color {
  background-color: #ffc107;
}

.footer-image-size {
  width: 15%;
}

.icon-size {
  font-size: 35px;
}

.footer_input {
  width: 50%;
  margin-left: 40%;
}

footer {
  background-color: #131B23;
  color: #fff !important;
}

/* login css start */
.user_login_registration ul {
  text-align: center;
}

.user_login_registration li {
  list-style: none;
  font-size: 1.2rem;
  display: inline-block;
  font-weight: 700;
  margin: 30px;
  cursor: pointer;
}

.user_login_registration_active {
  color: #EB1010;
  border-bottom: 2px solid #EB1010;
}

.login_registration_active {
  color: #EB1010;
  border-bottom: 2px solid #EB1010;
}

.user_authentication_ul li {
  list-style: none;
  display: inline-block;
  margin: 0 20px;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}

/* login css end */
/* custom dropdown css start */
.custom_dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #ddd;
  display: block;
}

.custom_dropdown:hover .dropdown-content {
  display: block;
}

.custom_dropdown:hover .dropbtn {
  background-color: #fff;
}

/* custom dropdown css end */
/* second page css start */
.breadcrumb {
  /* margin-top: 10%; */
  margin-top: 20px;
}

.breadcrumb ul {
  list-style: none;
  display: inline-flex;
}

.content {
  /* background-color: #F9F7F7; */
  background-color: #fff;
  border-radius: 5px;
  padding: 50px;
  position: relative;
  margin-bottom: 30px;
}

.content_button {
  margin-top: 30px;
  text-align: right;
}

.content_button_level_test {
  margin-top: 30px;
  text-align: left;
}

.content_button a:hover {
  background-color: #000;
  color: #fff;
  border: none;
  transition: 0.4s ease-in;
}

.content_button_level_test a:hover {
  background-color: #000;
  color: #fff;
  border: none;
  transition: 0.4s ease-in;
}

.test_info_icon li {
  list-style: none;
}

.test_info_icon li i {
  font-size: 2rem;
}

/* second page css end */
/* third page css start */
.questions_radio {
  margin-top: 15px;
}

.questions_radio input {
  display: block;
  margin-top: 8px;
  margin-right: 10px;
}

.questions_radio span {
  display: block;
  margin-top: 8px;
}

.right_radio {
  color: #00c437;
  font-weight: 700;
}

.wrong_radio {
  color: #EB1010;
  font-weight: 700;
}

input[name="right_radio"] {
  accent-color: rgb(10, 173, 10);
}

input[name="wrong_radio"] {
  accent-color: red;
}

.check_box {
  background-color: #fff;
  padding: 10px 0;
  box-shadow: 0px 4px 33px 10px rgba(98, 106, 115, 0.07) !important;
  border-radius: 10px;
  width: 32%;
}

.result_progress {
  width: 80%;
  position: relative;
}

.result_star {
  position: absolute;
  bottom: 5.8%;
  right: 71%;
  font-size: 30px;
  color: #198754;
}

.result_marks {
  position: absolute;
  left: 29%;
  bottom: 5.8%;
  font-size: 25px;
  font-weight: 700;
}

.retry_button {
  position: absolute;
  left: 35%;
  bottom: 5.8%;
}

/* third page css end */
/* fouth page css start */
.fill_blanks {
  position: relative;
}

.fill_blanks input {
  border: none;
  border-bottom: 2px solid #000;
  background-color: transparent;
  /* width: 100%; */
}

.drag_drop_fill_blanks input {
  border: none;
  border-bottom: 2px solid #000;
  background-color: transparent;
  width: 100%;
}

.fill_blanks .fill_right {
  border: none;
  border-bottom: 2px solid #0BAE39;
  background-color: transparent;
  color: #0BAE39;
  text-align: center;
}

.fill_blanks .fill_wrong {
  border: none;
  border-bottom: 2px solid red;
  background-color: transparent;
  color: red;
  text-align: center;
}

.fill_check {
  position: absolute;
  right: 35%;
  color: #0BAE39;
}

.fill_cross {
  position: absolute;
  right: 84%;
  color: red;
}

/* fouth page css end */
/* fith page css start */
.mltiple_choice_option {
  background-color: #D9D9D9;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px 0;
}

.mltiple_choice_option_result {
  background-color: #D9D9D9;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px 0;
  width: 300px;
}

.mltiple_choice_option_correct_result {
  padding: 5px 10px;
  border-radius: 5px;
  position: relative;
  width: 300px;
  color: #00c437;
  border: 1px solid #00c437;
}

.mltiple_choice_option_correct {
  background-color: #00c437;
  padding: 5px 10px;
  border-radius: 5px;
  position: relative;
}

.mltiple_choice_option_wrong {
  padding: 5px 10px;
  border-radius: 5px;
  position: relative;
  width: 300px;
  color: red;
  border: 1px solid red;
}

.multiple_choice_check {
  color: #0BAE39;
  margin-left: 10px;
  margin-top: 5px;
}

.multiple_choice_cross {
  color: red;
  margin-left: 10px;
  margin-top: 5px;
}

/* fith page css end */
/* drop down css start */
.drop_down_select {
  border: none;
  width: 50%;
  padding: 2px 2px 8px 20px;
  border-radius: 5px;
  background-color: #d9d9d9;
  margin: 1rem 0 0 0;
}

.wrong_drop {
  color: red;
  font-weight: 700;
}

.right_drop {
  color: #00c437;
  font-weight: 700;

}

/* drop down css end */
/* check radio css start */
input[type="radio"]:checked {
  accent-color: #004AAD;
}

/* check radio css end */

/* seven page css start */
.article {
  font-size: 1.1rem;
  height: 550px;
  overflow: auto;
  margin-top: 10px;
}

/* seven page css end */
/* eigth page css start */
.suggest_test {
  position: relative;
}

.suggest_test h2 {
  font-size: 1.375rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

/* eigth page css end */
/* owl carousel css start */
.owl-dots {
  display: block;
}

.owl-theme .owl-dots .owl-dot span {
  width: 17px;
  height: 17px;
}

.owl-theme .owl-nav {
  margin-top: 0;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #004AAD;
}

button.owl-prev {
  margin: -52px !important;
  display: none !important;
}

/* button.owl-next {
  margin: 27px !important;
  display: none !important;
} */
.owl-nav {
  display: flex;
  justify-content: space-between;
}

/* .owl-nav span{
  font-size: 60px;
  background-color: #ffffffa1;
  padding: 0px 32px 4px 31px;
  border-radius: 50%;
  outline: none;
  box-shadow: 0px 4px 33px 10px rgba(98,106,115,0.07)!important;
  position: absolute;
  bottom: 46%;
  width: 7%;
}
.owl-nav span:hover{
  color:#000;
} */
/* owl carousel css end */
/* result progress bar css start */
.chart_outer_box {
  border-bottom: 5px solid #cfcfcf;
  padding: 0 5px;
}

.chart_full_box {}

.chart_header {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.chart_item_1 {
  background-color: #cfcfcf;
  padding: 20px;
  height: 60px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  position: relative;

}

.chart_item_1_active {
  background-color: #ffc107;
  padding: 20px;
  height: 60px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  position: relative;

}

.chart_item_1 span {
  /* background: url(../image/icon-human.gif); */
}

.chart_item_2 {
  background-color: #cfcfcf;
  padding: 20px;
  height: 80px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.chart_item_2_active {
  background-color: #ffc107;
  padding: 20px;
  height: 80px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.chart_item_3 {
  background-color: #cfcfcf;
  padding: 20px;
  height: 100px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.chart_item_3_active {
  background-color: #ffc107;
  padding: 20px;
  height: 100px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.chart_item_4 {
  background-color: #cfcfcf;
  padding: 20px;
  height: 120px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.chart_item_4_active {
  background-color: #ffc107;
  padding: 20px;
  height: 120px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.chart_item_5 {
  background-color: #cfcfcf;
  padding: 20px;
  height: 140px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.chart_item_5_active {
  background-color: #ffc107;
  padding: 20px;
  height: 140px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.chart_item_6 {
  background-color: #cfcfcf;
  padding: 20px;
  height: 160px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.chart_item_6_active {
  background-color: #ffc107;
  padding: 20px;
  height: 160px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.icon_human_1 {
  position: absolute;
  bottom: 100%;
  left: -14%;
  width: 120%;
}

.icon_human_2 {
  position: absolute;
  bottom: 32%;
  left: 65.5%;
  width: 5%;
}

.icon_human_3 {
  position: absolute;
  bottom: 36%;
  left: 69%;
  width: 5%;
}

.icon_human_4 {
  position: absolute;
  bottom: 41%;
  left: 73%;
  width: 5%;
}

.icon_human_5 {
  position: absolute;
  bottom: 46%;
  left: 76%;
  width: 5%;
}

.icon_human_6 {
  position: absolute;
  bottom: 50%;
  left: 80%;
  width: 5%;
}

.full_box {
  /* background-color: #fff; */
}

.box_bind_class {
  background-color: #fff;
}

.box_header {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.inner_box_top_1 {
  background-color: #284664;
  padding: 20px;
  height: 100px;
  color: #fff
}

.inner_box_top_1_another {
  background-color: #ffc107;
  padding: 20px;
  height: 100px;
  color: #000;
}

.inner_box_top_2_another {
  background-color: #ffc107;
  padding: 20px;
  height: 120px;
  color: #000;
}

.inner_box_top_3_another {
  background-color: #ffc107;
  padding: 20px;
  height: 140px;
  color: #000;
}

.inner_box_top_4_another {
  background-color: #ffc107;
  padding: 20px;
  height: 160px;
  color: #000;
}

.inner_box_top_5_another {
  background-color: #ffc107;
  padding: 20px;
  height: 180px;
  color: #000;
}

.inner_box_top_6_another {
  background-color: #ffc107;
  padding: 20px;
  height: 200px;
  color: #000;
}

.inner_box_top_2 {
  background-color: #284664;
  padding: 20px;
  height: 120px;
  color: #fff;
}

.inner_box_top_3 {
  background-color: #284664;
  padding: 20px;
  height: 140px;
  color: #fff;
}

.inner_box_top_4 {
  background-color: #284664;
  padding: 20px;
  height: 160px;
  color: #fff;
}

.inner_box_top_5 {
  background-color: #284664;
  padding: 20px;
  height: 180px;
  color: #fff;
}

.inner_box_top_6 {
  background-color: #284664;
  padding: 20px;
  height: 200px;
  color: #fff;
}

.inner_box_middle {
  padding: 20px;
  background-color: #f1f1f1;
  height: 325px;
}

.inner_box_bottom {
  padding: 20px;
  background-color: #f1f1f1;
  height: 200px;
}

.test_progress_bar_color {
  background-color: #284664;
}

/* home filter css start */

.home_filter_modal {
  display: none;
}

.test_info_icon ul {
  display: flex;
  justify-content: space-between;
}

/* home filter css end */
/* result progress bar css end */

/* mock test  css start */
table {
  border: 2px solid #5c5b5b;
}

table tr {
  border: 2px solid #5c5b5b;
}

table td {
  border: 2px solid #5c5b5b;
  padding: 4px 15px;
}

.modules_list {
  background-color: #f4f4f4;
  padding: 17px 40px 6px 40px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.authentication_list {
  text-align: center;
  margin-top: 30px;
}

.authentication_list li {
  list-style: none;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 20px;
  cursor: pointer;
}

.authentication_list_li_active {
  color: #EB1010;
  border-bottom: 2px solid #EB1010;
}

.authentication_form {
  font-size: 1rem;
}

.module_insturction p {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
}

.cam-btn-div {
  margin: 2rem 0 0 0;
}

.cam-instruction-btn {
  background-color: #004AAD;
  color: #f8f8f8;
  text-decoration: none;
  padding: 10px 32px;
  font-weight: 600;
  border-radius: 4px;
  font-size: 1.125rem;
}

.cam-instruction-btn:hover {
  background-color: #062f64;
  transition: 0.6s ease-in-out;
}

.fill_blanks p {
  font-size: 1rem !important;
  line-height: 3rem !important;
  font-weight: 500 !important;
  font-family: 'Roboto', sans-serif;
}

.fill_blanks span {
  font-size: 1rem !important;
  line-height: 3rem !important;
  font-weight: 500 !important;
  font-family: 'Roboto', sans-serif;
}

.fill_blanks span {
  font-size: 1rem !important;
}

.fill_blanks input {
  border: none;
  border-bottom: 2px dotted #585555;
  background-color: transparent;
  /* width: 100%; */
}

.mock_timer {
  /* background-color: #ffc107; */
  background-color: #d9d9d9;
  border-radius: 5px;
  margin-bottom: 10px;
  text-align: center;
}

.mock_timer li::before {
  content: "";
  display: block;
  left: calc(50% - 80px);
  width: 16px;
  height: 16px;
  background-image: url(../images/clock.png);
  background-size: cover;
}

.mock_reading_heading {
  background-color: #fff;
  padding: 10px 0 1px 30px;
  box-shadow: 0px 4px 33px 10px rgba(98, 106, 115, 0.07) !important;
  margin-top: 10px;
}

.mock_reading_passage {
  display: flex;
  height: 60vh;
  background-color: #fff;
  margin-top: 10px;

}

.passage {
  padding: 40px 20px 15px 45px;
  overflow: auto;
  background-color: #d6e4da;
  height: 65vh;
}

.gutter.gutter-horizontal {}

.gutter {
  background-repeat: no-repeat;
  cursor: ew-resize;
}

.question {
  padding: 20px;
  overflow: auto;
  height: 65vh;
}

.question-review {
  padding: 20px;
  background-color: #fff;
  overflow: auto;
  height: 65vh;
}

.listening-question-templete {
  padding: 10px 60px 40px 60px;
  background-color: #fff;
  overflow: auto;
  margin-bottom: 30px;
}

.split {
  margin-top: 15%;
}

.heading_matching_box {
  border: 2px solid #000;
  height: 392px;
  overflow: auto;

}

.heading_matching_box_review {
  border: 2px solid #000;
  padding: 12px 20px;
}

.heading_matching_box li {
  list-style: none;
}

.mock_reading_indicator {
  background-color: #184664;
  margin-top: 70px;
  display: flex;
  padding: 8px 10px;
  border-radius: 5px;
}

.reading-templete-footer {
  background-color: #184664;
}

.indicator {
  background-color: #000;
  padding: 3px 6px 0 6px;
  color: #fff;
  border-radius: 5px;
  margin: 0 3px;
}

.active_indicator {
  background-color: #ffc107;
  padding: 3px 6px 0 6px;
  color: #000;
  border-radius: 5px;
  margin: 0 3px;
}

.submit_button {
  background-color: #184664;
  border-radius: 5px;
  position: inherit;
  padding: 8px 0;
}

.submit_button p {
  padding: 2px 7px 0 7px;
  font-size: 1rem;
  font-weight: 700;
}

.submit_button .next_button {
  position: inherit;
}

.table_questions td {
  cursor: pointer;
}

.active_check::before {
  content: "\2713";
  color: #00c437;
  font-weight: 800;
  font-size: 15px;
}

.reading_review {
  background-color: #184664;
  border-radius: 10px;
  padding: 20px 30px;
}

.mock_category_list ul {
  text-align: center;
}

.mock_category_list li {
  list-style: none;
  display: inline-block;
  margin: 0 20px;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
}

.text_sound {
  border: 1px solid #dddd;
  padding: 30px;
}

.audio_playing {
  font-weight: 700;
  color: #000;
  padding-right: 20px;
  animation: audio_playing 2s infinite;
  animation-delay: calc(.1s * var(--i));
}

.listening_submit_button {
  background-color: #184664;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding: 5px 0;
}

.listening_submit_button p {
  padding: 7px 15px;
  font-size: 1rem;
  font-weight: 700;
}

@keyframes audio_playing {

  0%,
  40%,
  100% {
    transform: translateY(0)
  }

  20% {
    transform: translateY(-3px)
  }
}

.volume-toggler {
  -webkit-appearance: none;
  height: 15px;
  background: #b4b1b1;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.volume-toggler::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #2c2c2c;
  cursor: pointer;
}

.listening_warning {
  font-size: 1.25rem;
  text-decoration: none;
  color: #282828;
  font-weight: 700;
}

.listening_warning:hover {
  color: #000;
}

/* mock test  css end */
/* search box css start */
.search-box {
  border: 1px solid rgb(82, 82, 82);
  border-radius: 5px;
}

.search-box i {}

/* search box css end */
/* filter css start */
.mock_filter_div {
  margin-top: 70px;
  margin-right: 40px;
}

.mock_filter_div li {
  list-style: none;
  text-align: center;
  cursor: pointer;
  font-weight: bolder;
}

#academic {
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}

.mock_filter_div li:hover {
  color: #db2338;
}

.mock_filter_div_li_active {
  color: #db2338 !important;
}

/* filter css end */
/* cambridge volume test css start */
.cambridge-filter-ul {
  padding: 10px 0 0 0;
  border-bottom: 1px solid #c2d0e2;
}

.cambridge-filter-li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  margin-right: 20px;
}

.cambridge-filter-li-active {
  font-weight: 600 !important;
  color: #004AAD !important;
  border-bottom: 2px solid #004AAD !important;
}

.cam-book-heading {
  background-color: #1b1263;
  padding: 14px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.cam-book-heading span {
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  justify-content: center;
}

.cam-log-img {
  width: 30% I !important;
}

.cam-title {
  background-color: #96914f;
}

.cam-book-center {
  background-color: #000 !important;
  padding: 40px 0;
}

.cam-book-footer {
  background-color: #1b1263;
  padding: 10px 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.cam_practice_test {
  /* background-color: #d9d9d9; */
  border-bottom: 1px solid #d5d5d5ba;
  padding: 0 0 8px 0;
}

/* cambridge volume test css end */
[contenteditable]~grammarly-extension,
input~grammarly-extension,
textarea~grammarly-extension {
  display: none;
}

/* student panel css start */
.stu-dash-header-stu-info {
  display: flex;
  justify-content: start;
  cursor: pointer;
}

.stu-dash-stu-icon-div {
  border-radius: 50%;
  margin: 0 0 0 1rem;
}

.stu-dash-stu-icon {
  font-size: 2rem;
}

.stu-dash-stu-name {
  color: var(--Greys-Blue-Grey-900, #151D48);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  /* 150% */
  margin: 7px 0 0 0;
}

.stu-dash-header-dropdown {
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(79, 79, 79, 0.08);
  position: absolute;
  right: 2%;
  top: 9%;
  width: 10%;
  border-radius: 4px;
  border: 1px solid #0000002e;
  padding: 14px 0;
}

.stu-dash-header-dropdown li {
  list-style: none;
  padding: 10px 0 10px 14px !important;
}

.stu-dash-header-dropdown li:hover {
  background-color: #ededed;
}

.stu-dash-header-dropdown a {
  text-decoration: none;
  color: #171717;
  font-size: 1rem;
  font-weight: 500;
}

.stu-dash-cabbab-button {
  display: none;
}

.stu-dash-sidebar-other-device {
  height: 100% !important;

}

.stu-dashboard-sidebar {
  border-radius: 0;
  padding: 1.25rem 4rem 0 1.125rem;
  height: 100vh;
  position: fixed;
  /* background-color: #0D0630; */
  background-color: #004AAD;
}

.stu-dashboard-sidebar .dashboard-icon {
  text-decoration: none;
  color: #dadada;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6875rem;
  /* 150% */
  letter-spacing: 0.0225rem;
  background: transparent;
  border: none;
  padding: 10px 20px 10px 18px !important;
  display: block;
}

.stu-dash-head-lar {
  display: flex;
  justify-content: end;
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(79, 79, 79, 0.08);
  padding: 1rem 1.25rem;
}

.stu-dashboard-sidebar .all-ul {
  padding: 0;
  margin: 0 0 0 0;
}

.stu-dashboard-sidebar .list-div {
  list-style: none;
  margin: 0.5rem 0 0 0;
}

.stu-dashboard-sidebar .list-tag {
  text-decoration: none;
  color: #f8f8f8;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6875rem;
  /* 150% */
  letter-spacing: 0.0225rem;
  background: transparent;
  border: none;
  padding: 10px 20px 10px 18px !important;
  display: block;
}

.studashboardsidebaractivelisttag {
  text-decoration: none !important;
  color: #004AAD !important;
  background-color: #DBEBFF !important;
  box-shadow: 0px 4px 8px 0px rgba(25, 41, 65, 0.14);
  padding: 10px 20px 10px 18px !important;
  border-radius: 4px !important;
  border: none;
}

.stu-dashboard-sidebar .icon {
  font-size: 1.125rem;
}

.stu-dashboard-sidebar .list-div .accordion {
  --bs-accordion-btn-icon-width: 1rem !important;
  --bs-accordion-bg: transparent !important;
}

.accordion-button:not(.collapsed)::after {
  filter: invert(7);
  margin-left: 10px;
}

.accordion-button::after {
  filter: invert(5);
  margin-left: 10px;
}

.stu-dashboard-sidebar .list-div .accordion-button {
  color: #dadada !important;
  font-size: 1rem !important;
  padding: 0 0 0 12px !important;
}

.stu-dashboard-sidebar .list-div .accordion-button:not(.collapsed) {
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 0 0 12px !important;
}

.stu-dashboard-sidebar .list-div .accordion-button:focus {
  box-shadow: none !important;
}

.stu-dashboard-sidebar .list-tag:hover {
  transition: 0.6s ease-in-out;
}

.stu-dash-main-content {
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(79, 79, 79, 0.08);
  padding: 2rem 6rem;
}

.stu-dash-set-vision-title {
  color: #142340;
  font-feature-settings: 'liga' off, 'clig' off;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.875rem;
  margin: 0 0 0 0;
}

.stu-dash-goal-not-save {
  background-color: #ededed;
  border-radius: 4px;
  text-align: center;
  width: 50%;
  margin: auto;
  padding: 5rem;
}

.stu-dash-goal-not-save p {
  font-size: 1rem;
  font-weight: 600;
  padding: 0 0 1rem 0;
}

.stu-dash-goal-not-save .goal-button {
  text-decoration: none;
  background-color: #004AAD;
  color: #f8f8f8;
  padding: 10px 28px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 1.125rem;
}

.stu-dash-set-goal {
  border-radius: 0.25rem;
  border: 1px solid #1D4ED8;
  background: #FFF;
  box-shadow: 0px 0px 14px 0px rgba(60, 86, 134, 0.18);
  padding: 10px 12px;
}

.stu-dash-set-goal .header {
  color: #313131;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3125rem;
  /* 131.25% */
}

.stu-dash-set-goal .header span {
  color: #299259;
}

.stu-dash-set-goal .goal {
  color: #323232;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6875rem;
  /* 150% */
  margin: 18px 0;
}

.stu-dash-set-goal .progress-bar {
  background-color: #004AAD !important;
}

.stu-dash-assessment-title {
  color: #142340;
  font-feature-settings: 'liga' off, 'clig' off;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.875rem;
  margin: 0 0 0 0;
}

.stu-dash-suggested-content-title {
  color: #142340;
  font-feature-settings: 'liga' off, 'clig' off;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.875rem;
  /* 143.75% */
  margin: 0 0 0 0;
}

.stu-dash-test-history-title {
  color: #142340;
  font-feature-settings: 'liga' off, 'clig' off;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.875rem;
  /* 143.75% */
  margin: 0 0 0 0;
}

.stu-dash-level-all-progress {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0 1rem 0;
}

.stu-dash-level-progress {
  height: 16px;
  border: none;
  width: 100%;
}

.stu-dash-level-progress::-webkit-progress-bar {
  background-color: #ddd;
  /* background-color: #e5f0ff; */
  border-radius: 2px !important;
}

.stu-dash-level-title {
  margin: 1.75rem 0 1rem 0;
  font-size: 1.125rem;
  font-weight: 600;
}

.stu-dash-level-button {
  background-color: transparent;
  border: 1px solid #ddd;
  text-align: center;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 1.125rem;
  font-weight: 600;
}

.stu-dash-level-button-active {
  background-color: #004AAD;
  border: 1px solid #004AAD;
  text-align: center;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #f8f8f8;
}

.stu-dash-level-button:hover {
  background-color: #004AAD;
  border: 1px solid #004AAD;
  color: #f8f8f8;
  transition: 0.6s ease-in-out;
}

.stu-dash-level-progress::-webkit-progress-value {
  background-color: #004AAD;
}

.stu-dash-level-progress-div p {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0 0;
}

.stu-dash-stugg-course-outer-div {
  margin: 0 0 0 0;
}

.stu-dash-stugg-course {
  border-radius: 0.25rem;
  border: 0.977px solid var(--colors-main-grey-5, #EEE);
  background: #FFF;
  box-shadow: 0px 1.954px 9.77px 0px rgba(106, 106, 106, 0.16);
  padding: 16px 16px;
  margin: 2rem 0 0 0;
}

.stu-dash-stugg-course .image-div img {
  width: 100%;
}

.stu-dash-stugg-course .title {
  color: #2E2E2E;
  font-size: 1.17669rem;
  font-weight: 600;
  line-height: 1.64869rem;
  /* 140.113% */
  margin: 1.375rem 0 0 0;
}

.stu-dash-stugg-course-progress {
  height: 16px;
  border: none;
  margin: 1rem 0 0 0;
  width: 80%;
}

.stu-dash-stugg-course-progress::-webkit-progress-bar {
  background-color: #ddd;
  border-radius: 2px !important;
}

.stu-dash-stugg-course-progress::-webkit-progress-value {
  background-color: #5491E1;
}

.stu-dash-stugg-course-prog-percent {
  margin: 10px 0 0 0;
}

.stu-dash-stugg-course .test-button {
  margin: 1rem 0 0 0;
}

.stu-dash-stugg-course .complete-test-button {
  margin: 1rem 0 0 0;
}

.stu-dash-stugg-course .test-button a {
  text-decoration: none;
  color: #004AAD;
  border: 1px solid #004AAD;
  padding: 8px 0;
  text-align: center;
  display: block;
  border-radius: 4px;
}

.stu-dash-stugg-course .complete-test-button a {
  text-decoration: none;
  background-color: #004AAD;
  color: #f8f8f8;
  border: 1px solid #004AAD;
  padding: 8px 0;
  text-align: center;
  display: block;
  border-radius: 4px;
}

.stu-dash-stugg-course .test-button a:hover {
  background-color: #004AAD;
  color: #e9e9e9;
  transition: 0.6s ease-in-out;
}

.stu-dash-test-history-table {
  margin: 0.875rem 0 0 0;
}

.stu-dash-test-history-table table {
  border: 1px solid #fff !important;
}

.stu-dash-test-history-table tr {
  border: 1px solid #f8f8f8;
}

.stu-dash-test-history-table .head {
  border: 1px solid #f8f8f8;
  background: #EDF1FF;
  box-shadow: 0px 2px 2px 0px rgba(167, 167, 167, 0.16);
  text-align: center;
  font-weight: 600;
}

.stu-dash-test-history-table .inner-td {
  border: 1px solid #f8f8f8;
  background: #f8f8f8;
  box-shadow: 0px 2px 2px 0px rgba(167, 167, 167, 0.16);
  text-align: center;
}

.stu-dash-test-wallet-title {
  color: #142340;
  font-feature-settings: 'liga' off, 'clig' off;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.875rem;
  margin: 0 0 0 0;
}

.stu-dash-nav-tab-div {
  margin: 1rem 0 0 0;
}

.stu-dash-nav-tab-div ul {
  padding: 0 0 0 0;
  border-bottom: 1px solid #d5d5d5;
}

.stu-dash-nav-tab-div li {
  list-style: none;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.875rem;
  cursor: pointer;
  margin-right: 20px;
}

.stu-dash-nav-content-div {
  margin: 0 0 0 0;
}

.assessment-level-img-div {
  text-align: center;
}

.assessment-level-img-div img {
  width: 50%;
}

.stu-dash-nav {
  text-decoration: none;
  color: #000;
  font-size: 20px;
  border: 1px solid #000;
  padding: 2px 10px;
  border-radius: 3px;
  transition: 0.4s;
}

.stu_left_nav_active,
.stu-dash-nav:hover {
  background-color: #004AAD;
  color: #fff;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  text-align: left;
}

.panel_li {
  margin: 2px 0;
}

.panel_li:hover>.panel_a {
  color: #004AAD;
  font-weight: 600;
}

.panel_a {
  color: #000;
  text-decoration: none;
}

.panel_li_active {
  color: #004AAD;
  font-weight: 600;
}

.active-stud-dash-nav {
  background-color: #004AAD;
  color: #fff;
}

.home-my-dash-tab {
  text-decoration: none;
  background-color: #fff;
  padding: 4px 10px;
  border: 1px solid #000;
  border-radius: 3px;
  color: #000;
}

.home-my-dash-tab:hover {
  background-color: #004AAD;
  color: #fff;
  border: none;
  transition: 0.4s ease-in-out;
}

.assessment-card {
  background: #fff;
  border-radius: 4px;
  padding: 45px 20px;
  margin: 20px 0 0 0;
}

.home-layout-title {
  margin: 0 0 11px 0;
  font-weight: 600;
  padding: 8px 0px;
  border-radius: 2px;
  color: #404040;
  font-size: 2rem;
}

.assessment-test-subtitle {
  list-style: none;
  margin: 0 50px 8px 50px;
}

.home-layout-box {
  background-color: #fff;
  padding: 0 15px 15px 15px;
  box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.26);
  height: 85%;
  overflow: auto;
}

.single-live-class {
  border: 1px solid #000;
  padding: 10px;
  margin-top: 15px;
}

.live-class-line {
  text-decoration: none;
  background-color: #004AAD;
  color: #fff;
  padding: 5px 18px;
  border-radius: 3px;
}

.home-self-pl-cou-tab {
  text-decoration: none;
  background-color: #fff;
  padding: 4px 10px;
  border: 1px solid #000;
  border-radius: 3px;
  color: #000;
}

.home-module-link {
  text-decoration: none;
}

.assessment-test-btn {
  text-decoration: none;
  background-color: #004AAD;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
}

.assessment-test-btn:hover {
  background-color: #043678;
  transition: 0.6s ease-in-out;
}

.partial-test-lastest-test {
  color: #004AAD;
  font-weight: 600;
  margin-top: 10px;
}

.listening-test-box {
  background-color: #fafafa;
  border-radius: 4px;
  box-shadow: 2px 2px 10px 0px rgba(80, 80, 80, 0.18);
  padding: 1rem;
  margin: 2.75rem 0 0 0;
}

.listening-test-box img {
  width: 100%;
}

.listening-test-box .test-taken {
  font-size: 0.875rem;
  margin: 0.5rem 0 0 0;
}

.listening-test-box progress {
  border-radius: 10px !important;
  height: 10px;
}

.listening-test-box progress::-webkit-progress-value {
  background-color: #004AAD;
}

.listening-test-box progress::-webkit-progress-bar {
  background-color: #cfcfcf;
}

.mock-test-box {
  border-radius: 4px;
  padding: 26px 26px;
  background-color: #fff;
  box-shadow: 2px 2px 10px 0px rgba(80, 80, 80, 0.18);
  margin: 2rem 0 0 0;
  transition: transform 0.3s ease-in-out;
}

.mock-test-box:hover {
  -ms-transform: scale(1.02);
  /* IE 9 */
  -webkit-transform: scale(1.02);
  /* Safari 3-8 */
  transform: scale(1.02);
}

.listening-test-box-header {
  background-color: #da6a60;
  padding: 14px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.listening-test-box-footer {
  background-color: #da6a60;
  padding: 8px 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.listening-test-title {
  color: #282828;
  font-size: 1rem;
  margin: 1.25rem 0 0 0;
  font-weight: 600;
}

.listening-link-box {
  margin-top: 24px;
}

.mock-btn-link-box {
  text-align: center !important;
  border-radius: 4px;
  padding: 6px 0;
  text-decoration: none;
  color: #f8f8f8;
  background-color: #004AAD;
  display: block;
}

.mock-btn-link-box:hover {
  background-color: #0a3e84;
  color: #f8f8f8;
  transition: 0.6s ease-in-out;
}

.listening-link-box .view {
  text-decoration: none;
  color: #fff;
  background-color: #888888;
  padding: 0 40px;
}

.listening-link-box .start {
  text-decoration: none;
  color: #004AAD;
  border-radius: 4px;
  padding: 4px 0;
  border: 1px solid #004AAD;
  display: block;
  text-align: center;
}

.listening-link-box .start:hover {
  background-color: #004AAD;
  border: 1px solid #fbfbfb;
  color: #fbfbfb;
  transition: 0.7s ease-in-out;
}

.reading-test-box {
  background-color: #87bca2;
  padding: 20px 0;
}

.reading-test-title {
  color: #04153d;
  font-size: 58px;
}

.reading-link-box {
  display: flex;
  justify-content: left;
  background-color: #004AAD;
  margin-top: 10px;
}

.reading-link-box .view {
  text-decoration: none;
  color: #fff;
  background-color: #888888;
  padding: 0 40px;
}

.reading-link-box .start {
  text-decoration: none;
  color: #fff;
  padding: 0 40px;
}

.mock-ac-test-box {
  background-color: #b0779a;
  padding: 20px 0;
}

.mock-ac-test-title {
  font-size: 25px;
}

.mock-link-box {
  display: flex;
  justify-content: left;
  background-color: #000;
  margin-top: 10px;
}

.mock-link-box .view {
  text-decoration: none;
  color: #fff;
  background-color: #888888;
  padding: 0 40px;
}

.mock-link-box .start {
  text-decoration: none;
  color: #fff;
  padding: 0 40px;
}

.mock-gt-test-box {
  border-radius: 4px;
  padding: 26px 26px;
  background-color: transparent;
  box-shadow: 2px 2px 10px 0px rgba(80, 80, 80, 0.18);
  margin: 2rem 0 0 0;
  border: 2px solid #d5d5d5;
}

.mock-gt-test-box:hover {
  border: 2px solid #7d7d7d;
}

.mock-gt-test-title {
  color: #e11616;
}

.express_ws_service_full_box {
  background-color: #fff;
  border: 1px solid #6B6B6B;
  position: relative;
  border-radius: 4px;
}

.premium_ws_service_full_box {
  background-color: #fff;
  border: 1px solid #6B6B6B;
  position: relative;
  border-radius: 4px;
}

.premium_ws_service_full_box .most-popular-div {
  background: #f6f2e7;
  position: absolute;
  padding: 3px 12px;
  top: 3%;
  right: 3%;
  color: #ef3500;
  font-weight: 600;
  font-size: 0.875rem;
}

.premium_ws_service_full_box .inner-div {
  padding: 25px 28px;
}

.express_ws_service_full_box .inner-div {
  padding: 25px 28px;
}

.service_full_box_black {
  background: #004AAD;
  border-radius: 4px;
}

.service_full_box_black_most {
  background: #004AAD;
  position: relative;
  border-radius: 4px;
}

.service_full_box_black_most .most-popular-div {
  background: #f6f2e7;
  position: absolute;
  padding: 3px 12px;
  top: 3%;
  right: 3%;
  color: #ef3500;
  font-weight: 600;
  font-size: 0.875rem;
}

.service_full_box_black_most .inner-div {
  padding: 30px 40px;
}

.service_full_box_black .inner-div {
  padding: 30px 40px;
}

.service_box {
  border: 2px solid #000;
  padding: 15px;
  text-align: center;
}

.sp-w-service-btn {
  background-color: #004AAD;
  color: #fff;
  text-decoration: none;
  padding: 1% 40%;
  border-radius: 3px;

}

.webniar-header-box {
  background-color: #004AAD;
  height: 20px;
}

.webniar-link-box {
  display: flex;
  justify-content: left;
  background-color: #004AAD;
  margin-top: 10px;
}

.webniar-link-box .view {
  text-decoration: none;
  color: #fff;
  background-color: #888888;
  padding: 0 40px;
}

.webniar-link-box .start {
  text-decoration: none;
  color: #fff;
  padding: 0 40px;
}

.blog-link-box {
  background-color: #888888;
  text-align: center;
  margin-top: 10px;
}

.blog-link-box-view {
  text-decoration: none;
  color: #fff;
  width: 100%;
}

.see_all_btn_stu {
  color: #004AAD;
  background: transparent;
  margin-top: 44px;
  font-size: 1rem;
  border: 1px solid #004AAD;
  border-radius: 4px;
  padding: 5px 16px;
  margin-bottom: 50px;
  width: 13%;
  text-decoration: none;
  text-align: center;
}

.less_more_listening {
  color: #004AAD;
  background: transparent;
  margin-top: 44px;
  font-size: 1rem;
  border: 1px solid #004AAD;
  border-radius: 4px;
  padding: 5px 16px;
  margin-bottom: 50px;
  width: 13%;
}

.cam-card {
  background-color: rgb(255, 255, 255);
  outline: none;
  box-shadow: 0px 4px 33px 10px rgba(98, 106, 115, 0.07) !important;
  background-position: center !important;
  border-radius: 5px;
  padding: 1rem 0 2rem 0;
  margin: 30px 0;
}

.free-course-text-box {
  margin: 30px 0 0 30px;
}

.free-course-start-btn {
  text-decoration: none;
  color: #fff;
  background-color: #004AAD;
  padding: 10px 15px;
  border-radius: 3px;
  font-size: 20px;
  border: 1px solid #000;
}

.free-course-home-video {
  margin: 30px 0 0 0;
}

.free-course-home-video iframe {
  width: 100%;
  height: 300px;
  border-radius: 3px;
  border: 1px solid #000;
}

.free-course-sp-w-service-btn {
  background-color: #004AAD;
  color: #fff;
  text-decoration: none;
  padding: 5px 20px;
  border-radius: 3px;
}

.free-courese-module-lesson {
  text-decoration: none;
  color: #000;
}

.free-courese-module-lesson:hover {
  color: #004AAD;
  font-weight: 600;
}

.free-course-module-service a {
  text-decoration: none;
  font-size: 20px;
  padding-top: 15px;
  color: #000;
}

.free-course-module-service a:hover {
  color: #004AAD;
}

/* Assessment Test css start */
.assessment_servey {
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  outline: none;
  box-shadow: 0px 4px 33px 10px rgba(98, 106, 115, 0.07) !important;
  background-position: center !important;
  padding: 30px;
}

.assment-test-btn {
  background-color: #004AAD;
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 3px;
}

.assessment-test-passage {}

.assessment-tes-question {
  padding: 0 20px 20px 20px;
  overflow: auto;
  height: 65vh;
}

.assessment-test-progress progress {
  width: 100%;
  padding: 18px;
  accent-color: #004AAD;
}

.cefr-score {
  border: 1px solid #000;
  text-align: center;
  border-radius: 10px;
  border-top: none;
}

.cefr-score p {
  background-color: #004AAD;
  color: #fff;
  font-weight: 600;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 8px 25px;
}

.cefr-reading-score {
  border: 1px solid #000;
  text-align: center;
  border-top: none;
  border-radius: 10px;
}

.cefr-reading-score p {
  background-color: #52b788;
  color: #fff;
  font-weight: 600;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 2px 0;
  font-size: 20px;
}

.cefr-writing-score {
  border: 1px solid #000;
  text-align: center;
  border-top: none;
  border-radius: 10px;
}

.cefr-writing-score p {
  background-color: #504b3a;
  color: #fff;
  font-weight: 600;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 2px 0;
  font-size: 20px;
}

.cefr-listening-score {
  border: 1px solid #000;
  text-align: center;
  border-top: none;
  border-radius: 10px;
}

.cefr-listening-score p {
  background-color: #DB504A;
  color: #fff;
  font-weight: 600;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 2px 0;
  font-size: 20px;
}

.progressbar {
  display: inline-block;
  margin: 25px;
}

.progressbar-writing {
  display: inline-block;
  margin: 25px;
}

.progressbar-listening {
  display: inline-block;
  margin: 25px;
}

.circle {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  margin-top: 10px;
  display: inline-block;
  position: relative;
  text-align: center;
}

.circle:after {
  width: 120px;
  height: 120px;
  content: "";
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 30px;
  left: 30px;
}

.circle canvas {
  vertical-align: middle;
  border-radius: 50%;
}

.circle div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -86px;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 31px;

}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle span {
  display: block;
  color: white;
  margin-top: 12px;
}

.cefr-reading-improve {
  background-color: #004AAD;
  padding: 20px;
}

.cefr-reading-improve .from {
  background-color: #fff;
}

.cefr-reading-improve .from p {
  background-color: #198754;
  color: #fff;
  padding: 2px 10px;
}

.cefr-reading-improve h3 {
  margin-bottom: 27px;
}

.cefr-reading-improve .to {
  background-color: #fff;
}

.cefr-reading-improve .to p {
  background-color: #de2424;
  color: #fff;
  padding: 2px 20px;
}

.cefr-reading-improve .arrow {
  margin-top: 20px;
  font-size: 40px;
  color: #fff;
}

.cefr-achieved {
  border: 1px solid #000;
  text-align: center;
  border-top: none;
  border-radius: 10px;
}

.cefr-achieved p {
  background-color: #52b788;
  color: #fff;
  font-weight: 600;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 2px 0;
  font-size: 20px;
}

.cefr-reading-improve-suggestion {}

.cefr-grammer-achievement {
  border: 1px solid #000;
  text-align: center;
  border-top: none;
  border-radius: 10px;
}

.cefr-grammer-achievement p {
  background-color: #f8ce52;
  color: #000;
  font-weight: 600;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 2px 0;
  font-size: 20px;
}

.cefr-vocab-achievement {
  border: 1px solid #000;
  text-align: center;
  border-top: none;
  border-radius: 10px;
}

.cefr-vocab-achievement p {
  background-color: #ff3f95;
  color: #000;
  font-weight: 600;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 2px 0;
  font-size: 20px;
}

.recom-btn {
  background-color: #004AAD;
  color: #fff;
  text-decoration: none;
  padding: 5px 20px;
}

.assess_table_td {
  background-color: #004AAD;
  color: #fff;

}

/* Assessment Test css end */
/* writing service css start */
.writing-service-banner {}

.writing-service-home {
  position: relative;
  background: url(../images/speaking-service/banner-bg.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 0 0 0;
}

.ws-banner-left-side {
  padding: 2rem 0 0 0;
}

.ws-banner-left-side h1 {
  font-size: 2rem;
  line-height: 3rem;
  color: #454545;
  margin-bottom: 0;
  font-weight: 600;
}

.ws-banner-left-side p {
  font-size: 6.25rem;
  font-weight: 800;
}

.ws-home-header-btn {
  background-color: transparent;
  text-decoration: none;
  color: #004AAD;
  border: 2px solid #004AAD;
  padding: 14px 24px;
  font-weight: 600;
  border-radius: 4px;
  font-size: 18px;

  box-shadow: 0px 2px 14px rgba(102, 99, 99, 0.08);
}

.ws-home-header-btn:hover {
  background-color: #004AAD;
  color: #fff;
  transition: 0.6s ease-in-out;
}

.ws-home-header-btn:hover path {
  stroke: #fff;
}

.writing-serive-assess-skills {
  padding-top: 6.25rem;
}

.writing-serive-assess-skills .title h1 {
  font-size: 2.5rem;
}

.writing-serive-assess-skills .title .text {
  color: #303030;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 30px;
  margin: 1rem 22rem 0 22rem;
}

.assess-w-01 {
  margin-top: 3.75rem;
}

.assess-w-box .header {
  position: relative;
}

.assess-w-box .header .text {
  font-size: 2.25rem;
  font-weight: 700;
  color: #4d4c4c;
}

.assess-w-box-icon {
  border: 5px solid #dbebff;
  padding: 9px;
  border-radius: 50%;
  color: #004AAD
}

.assess-w-box-img {
  width: 100%;
}

.assess-w-01 .title {
  color: #4d4c4c;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 4.5rem;
}

.ws-band-score .graph-box {
  background: #F7FAFE;
  box-shadow: 0px 0px 14px 0px rgba(114, 108, 108, 0.10);
  padding: 1.3125rem 2.125rem;
  text-align: center;
  width: 80%;
}

.assess-w-01-text-box {
  margin: 8rem 13rem 0 0;
}

.assess-w-01-text-box-p {
  color: #535252;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.0625rem;
}

.assess-w-02 {
  margin-top: 3.75rem;
}

.assess-w-02-text-box {
  margin: 12rem 6rem 0 0;
}

.assess-w-02-text-box-p {
  color: #535252;
  font-size: 1.375rem;
  font-weight: 400;
}

.assess-w-03 {
  margin-top: 3.75rem;
}

.assess-w-03-text-box {
  margin: 14rem 5rem 0 0;
}

.assess-w-03-text-box-p {
  color: #535252;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.0625rem;
}

.assess-w-04 {}

.assess-w-04 .accordion-button::after {
  display: none;
}

.assess-w-04-accordion-btn-font {
  font-size: 1.25rem !important;
}

.assess-w-04-text-box {
  position: relative;
}

.assess-w-05 {
  margin-top: 3.75rem;
}

.assess-w-05-text-box {
  margin: 12rem 0 0 6rem;
}

.assess-w-05-text-box-p {
  color: #535252;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.0625rem;
}

.view-ws-feedback {
  font-size: 20px;
  text-decoration: none;
  border: 2px solid #004AAD;
  color: #004AAD;
  padding: 8px 25px;
  border-radius: 5px;
}

.ws-faq-box {
  border: 3px solid #a63d40;
  border-radius: 20px;
  padding: 30px;
}

.ws-faq-box .header {
  margin: 0 20%;
}

.ws-faq-box .header-text {
  font-weight: 800;
  font-size: 6rem;
  margin: 0 0 0 0;
}

.ws-faq-box .included .text {
  color: #a63d40;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
}

.ws-faq-box .included .features-box {
  border: 3px solid #a63d40;
  border-radius: 10px;
  padding: 20px;
}

.ws-faq-box .included .features-box p {
  font-size: 1.8rem;
  font-weight: 700;
}

.ws-faq-box .included .features-box-active {
  border: 3px solid #a63d40;
  border-radius: 10px;
  padding: 20px;
  background-color: #a63d40;
}

.write-ws-review {
  text-decoration: none;
  color: #a63d40;
  border: 2px solid #a63d40;
  padding: 10px 30px;
  border-radius: 5px;
  font-size: 1.5rem;
}

.w-submit-box {
  border: 1px solid #004AAD;
  padding: 30px 30px;
  position: relative;
  margin: 7rem 0 2rem 0;
}

.w-submit-inner-title {
  position: absolute;
  font-size: 27px;
  width: 70%;
  font-weight: 600;
  top: -13%;
  background: #f8f8f8;
  padding: 0px 32px;
  line-height: 2rem;
}

.w-submit-inner-number {
  font-size: 40px;
  font-weight: 600;
  background: #004AAD;
  color: #fff;
  position: absolute;
  width: 68px;
  height: 65px;
  border-radius: 50%;
  text-align: center;
  top: -11%;
  left: -5%;
}

.w-submit-inner-text img {
  width: 100%;
}

.w-submit-inner-image {
  position: absolute;
  right: -9%;
  width: 40%;
  top: 51%;
}

.w-submit-box-2 {
  border: 1px solid #004AAD;
  padding: 30px 30px;
  position: relative;
  margin: 7rem 0 2rem 0;
}

.w-submit-inner-title-2 {
  position: absolute;
  font-size: 27px;
  width: 70%;
  font-weight: 600;
  top: -8%;
  background: #f8f8f8;
  padding: 0px 32px;
  text-align: right;
  left: -9%;
}

.w-submit-inner-number-2 {
  font-size: 40px;
  font-weight: 600;
  background: #004AAD;
  color: #fff;
  position: absolute;
  width: 68px;
  height: 65px;
  border-radius: 50%;
  text-align: center;
  top: -11%;
  left: -5%;
}

.w-submit-inner-text-2 img {
  width: 100%;
}

.w-submit-inner-image-2 {
  position: absolute;
  right: -9%;
  width: 40%;
  top: 51%;
}

.ws-testimonial {
  margin-top: 6.25rem;
}

.home_testimonial_box {
  margin-top: 3.75rem;
  background-color: #fff;
  padding: 0 32px 35px 32px;
  box-shadow: 0px 0px 14px 0px rgba(153, 152, 152, 0.08);
  height: 85%;
}

.home_testimonial_footer {
  display: flex;
  justify-content: start;
}

.home_testimonial_footer img {
  width: 18%;
  border-radius: 50%;
  margin: 0 8px 0 0;
}

.ws-faq-box .included .features-box-active p {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
}

.ws-faq-box .included .features-box-active:hover {
  border: 3px solid #a63d40;
  background-color: transparent;
  color: #000;
  transition: 0.5s ease-in-out;
}

.writing-service-home-join-box {
  background-color: #f3f9ff;
  text-align: center;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.writing-service-home-join-box .header {
  background-color: #004AAD;
  padding: 15px 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.writing-service-center-box {
  background-color: #004AAD;
  color: #fff;
  border-radius: 50%;
  width: 11%;
  height: 240%;
  position: absolute;
  top: 228%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.write-ser-center-box-text {
  position: absolute;
  top: 49%;
  left: 54%;
  transform: translate(-50%, -50%);
}

.wre-easy-to-navigate {
  position: absolute;
  top: 160%;
  left: 26%;
  width: 11%;
}

.wre-authentic-feedback {
  position: absolute;
  top: 397%;
  left: 31%;
  width: 11%;
}

.wre-detailed-report {
  position: absolute;
  top: 438%;
  left: 46%;
  width: 11%;
}

.wre-one-stop-solution {
  position: absolute;
  top: 337%;
  left: 61%;
  width: 11%;
}

.wre-24-7-support {
  position: absolute;
  top: 124%;
  left: 61%;
  width: 11%;
}

.test-flow-next-btn {
  background-color: #004AAD;
  color: #fff;
  padding: 10px 80px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  border-radius: 8px;
}

.writing-task-box {
  border: 1px solid #a63d40;
  text-align: center;
}

.writing-task-box h6 {
  background-color: #a63d40;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 4px 0;
}

.writing-task-box p {
  padding: 15px 10px;
  margin: 0 0 0 0;
}

.writing-task-1-box {
  border: 2px solid #000;
  margin-left: 20px;
  text-align: center;
}

.writing-task-1-box h6 {
  background-color: #a63d40;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}

.writing-task-1-box p {
  padding: 15px 10px;
}

.writing-service-test-start {
  background-color: #004AAD;
  color: #fff;
  text-decoration: none;
  padding: 8px 25px;
  border-radius: 4px;
  font-size: 20px;
  border: none;
}

.writing-service-form-btn {
  background-color: #004AAD;
  color: #fff;
  border: none;
  width: 100%;
  font-size: 20px;
  border-radius: 3px;
}

.writing-service-preview-btn {
  background-color: #004AAD;
  color: #fff;
  border: none;
  width: 50%;
  font-size: 20px;
  border-radius: 3px;
}

.writing-service-congratulation {
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  outline: none;
  box-shadow: 0px 4px 33px 10px rgba(98, 106, 115, 0.07) !important;
  background-position: center !important;
  padding: 30px;
}

.next-writing-service {
  background-color: #004AAD;
  color: #fff;
  border: none;
  font-size: 20px;
  border-radius: 3px;
  text-decoration: none;
  padding: 8px 61px;
}

.submitted-writing {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  outline: none;
  box-shadow: 3px 4px 33px 10px rgba(98, 106, 115, 0.07) !important;
  background-position: center !important;
  padding: 20px 40px;
}

.services_navigation_active {
  color: #fa0000;
  border-bottom: 2px solid #fa0000;
}

.wrs-price-home {
  margin-top: 30%;
  background-color: #edf5fd;
}

/* writing service css end */
/* speaking service css start */
.sp-home-banner {
  background: url(../images/speaking-service/banner-bg.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "Roboto", sans-serif;
  font-style: normal;
}

.sp-home-banner .banner-left-side h1 {
  color: #454444;
  font-size: 3rem;
  font-weight: 600;
  line-height: 5rem;
  /* 150% */
  text-transform: capitalize;
  margin-top: 5rem;
}

.sp-home-banner .banner-left-side h1 span {
  font-size: 6.5rem;
}

.sp-home-banner .banner-left-side p {
  color: var(--Dark_gray, #555);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 0.5rem;
  /* 150% */
}

.sp-home-banner .banner-left-side a {
  text-decoration: none;
  background: #004AAD;
  box-shadow: 0px 2px 14px 0px rgba(125, 124, 124, 0.08);
  color: #fff;
  font-size: 1.25rem;
  border-radius: 4px;
  padding: 1rem 2rem;
  font-weight: 600;
}

.sp-home-banner .button-div {
  padding: 3rem 0 3rem 0;
}

.sp-what-you-get {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  padding: 6.25rem 0 0 0;
  background-color: #F8F8F8;
}

.sp-what-you-get .title {
  color: var(--Primary, #004AAD);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.3rem;
  text-align: center;
  margin: 0 0;
}

.sp-what-you-get .title-text {
  color: #303030;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.25rem;
  /* 150% */
  margin: 0.625rem 0 0 0;
}

.sp-what-you-get .service-box-div-4 {
  margin-top: 2.75rem;
  background: #cefff2b8;
  box-shadow: 0px 0px 14px 0px rgba(114, 108, 108, 0.10);
  padding: 1.3125rem 2.125rem;
  text-align: center;
  border-radius: 4px;
  height: 19rem;
}

.sp-what-you-get .service-box-div-4:hover {
  background: #9aedd7;
}

.sp-what-you-get .service-box-div-1 {
  margin-top: 2.75rem;
  background: #cee3ffbf;
  box-shadow: 0px 0px 14px 0px rgba(114, 108, 108, 0.10);
  padding: 1.3125rem 2.125rem;
  text-align: center;
  border-radius: 4px;
  height: 19rem;
}

.sp-what-you-get .service-box-div-1:hover {
  background: #cee3ff;
}

.sp-what-you-get .service-box-div-2 {
  margin-top: 2.75rem;
  background: #FFEFCF;
  box-shadow: 0px 0px 14px 0px rgba(114, 108, 108, 0.10);
  padding: 1.3125rem 2.125rem;
  text-align: center;
  border-radius: 4px;
  height: 19rem;
}

.sp-what-you-get .service-box-div-2:hover {
  background: #ffdfa0;
}

.sp-what-you-get .service-box-div-3 {
  margin-top: 2.75rem;
  background: #ffcbd7c9;
  box-shadow: 0px 0px 14px 0px rgba(114, 108, 108, 0.10);
  padding: 1.3125rem 2.125rem;
  text-align: center;
  border-radius: 4px;
  height: 19rem;
}

.sp-what-you-get .service-box-div-3:hover {
  background: #ffcbd7;
}

.sp-what-you-get .service-box {}

.sp-what-you-get .service-box .icon-div {
  font-size: 2.6rem;
  color: #474747;
}

.sp-what-you-get .service-box h4 {
  color: #303030;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 2.0625rem;
  /* 150% */
  margin-top: 0.525rem;
}

.sp-what-you-get .service-box p {
  color: #545252;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding-top: 0.525rem;
}

.sp-why-assess {
  padding: 6.25rem 0 0 0;
  background-color: #f8f8f8;
}

.sp-why-assess .title {
  color: var(--Primary, #004AAD);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.5rem;
  /* 150% */
  text-transform: capitalize;
  text-align: center;
}

.sp-why-assess .title-text {
  color: #303030;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
  /* 150% */
  margin: 0 0 0 0;
}

.sp-why-assess .assess-01-left h1 {
  color: #4d4c4c;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 4.5rem;
  /* 150% */
  margin-top: 3.75rem;
}

.sp-why-assess .assess-01-left .graph-box {
  background: #F7FAFE;
  box-shadow: 0px 0px 14px 0px rgba(114, 108, 108, 0.10);
  width: 30rem;
  padding: 1.3125rem 2.125rem;
  text-align: center;
}

.sp-why-assess .assess-01-right p {
  color: #535252;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.0625rem;
  margin-top: 9.75rem;
  margin-right: 7rem;
}

.sp-why-assess .accordion-button::after {
  display: none;
}

.graph-box .progress {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}

.graph-box .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 12px solid #d9d9d9;
  position: absolute;
  top: 0;
  left: 0;
}

.graph-box .progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.graph-box .progress .progress-left {
  left: 0;
}

.graph-box .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 12px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.graph-box .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.graph-box .progress .progress-right {
  right: 0;
}

.graph-box .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}

.graph-box .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: #ffffff;
  font-size: 32px;
  color: #000;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%;
  font-weight: 700;
}

.graph-box .progress.blue .progress-bar {
  border-color: #16B4F2;
}

.graph-box .progress.blue .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.8s;
}

audio {
  color: #fff !important;
}

audio::-webkit-media-controls-enclosure {
  border-radius: 2px;
  background-color: #EFF0F0;
}

audio::-webkit-media-controls-play-button {
  background-color: #fff;
  color: #fff !important;
}

audio::-webkit-media-controls-mute-button {
  background-color: #fff;
  color: #fff;
}

.spAudioProgress progress::-webkit-progress-bar {
  background-color: #d5d5d5;
  width: 100%;
}

.spAudioProgress progress {
  height: 12px !important;
  border-radius: 0px !important;
}

.spAudioProgress progress::-webkit-progress-value {
  background-color: #0d6efd !important;
}

.assessor-sp-res-title {
  background-color: #d1dae6;
  text-align: center;
  margin: 15px 0;
  padding: 15px 0;
  font-size: 1.625rem;
  font-weight: 600;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}

@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
  }
}

@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg);
  }
}

.assess-02-left h1 {
  color: #4d4c4c;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 3.375rem;
  /* 150% */
  margin-top: 3.75rem;
}

.assess-02-left .mistake-title {
  color: #373737;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.0625rem;
  letter-spacing: -0.01375rem;
  border-bottom: 1px solid #004AAD;
}

.assess-02-left .mistake-text {
  color: #535252;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6875rem;
  /* 150% */
}

.expert-feedback-gram {
  margin-left: 2rem;
}

.expert-feedback-gram .progress {
  width: 50px;
  height: 50px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}

.expert-feedback-gram .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #bbbbbb;
  position: absolute;
  top: 0;
  left: 0;
}

.expert-feedback-gram .progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.expert-feedback-gram .progress .progress-left {
  left: 0;
}

.expert-feedback-gram .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.expert-feedback-gram .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.expert-feedback-gram .progress .progress-right {
  right: 0;
}

.expert-feedback-gram .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}

.expert-feedback-gram .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: transparent;
  font-size: 19px;
  color: #000;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: -83%;
  left: 6%;
  font-weight: 700;
}

.expert-feedback-gram .progress.blue .progress-bar {
  border-color: #004AAD;
}

.expert-feedback-gram .progress.blue .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.8s;
}

.sp-expert-feedback-lr {
  margin-left: 2rem;
}

.sp-expert-feedback-lr .progress {
  width: 50px;
  height: 50px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}

.sp-expert-feedback-lr .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #bbbbbb;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-expert-feedback-lr .progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.sp-expert-feedback-lr .progress .progress-left {
  left: 0;
}

.sp-expert-feedback-lr .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.sp-expert-feedback-lr .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.sp-expert-feedback-lr .progress .progress-right {
  right: 0;
}

.sp-expert-feedback-lr .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}

.sp-expert-feedback-lr .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: transparent;
  font-size: 19px;
  color: #000;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: -83%;
  left: 6%;
  font-weight: 700;
}

.sp-expert-feedback-lr .progress.blue .progress-bar {
  border-color: #F0605E;
}

.sp-expert-feedback-lr .progress.blue .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.8s;
}

.sp-expert-feedback-cc {
  margin-left: 2rem;
}

.sp-expert-feedback-cc .progress {
  width: 50px;
  height: 50px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}

.sp-expert-feedback-cc .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #bbbbbb;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-expert-feedback-cc .progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.sp-expert-feedback-cc .progress .progress-left {
  left: 0;
}

.sp-expert-feedback-cc .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.sp-expert-feedback-cc .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.sp-expert-feedback-cc .progress .progress-right {
  right: 0;
}

.sp-expert-feedback-cc .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}

.sp-expert-feedback-cc .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: transparent;
  font-size: 19px;
  color: #000;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: -83%;
  left: 6%;
  font-weight: 700;
}

.sp-expert-feedback-cc .progress.blue .progress-bar {
  border-color: #16B4F2;
}

.sp-expert-feedback-cc .progress.blue .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.8s;
}

.sp-expert-feedback-fc {
  margin-left: 2rem;
}

.sp-expert-feedback-fc .progress {
  width: 50px;
  height: 50px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}

.sp-expert-feedback-fc .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #bbbbbb;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-expert-feedback-fc .progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.sp-expert-feedback-fc .progress .progress-left {
  left: 0;
}

.sp-expert-feedback-fc .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.sp-expert-feedback-fc .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.sp-expert-feedback-fc .progress .progress-right {
  right: 0;
}

.sp-expert-feedback-fc .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}

.sp-expert-feedback-fc .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: transparent;
  font-size: 19px;
  color: #000;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: -83%;
  left: 6%;
  font-weight: 700;
}

.sp-expert-feedback-fc .progress.blue .progress-bar {
  border-color: #FFD06A;
}

.sp-expert-feedback-fc .progress.blue .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.8s;
}

.sp-why-assess .assess-03-left h1 {
  color: #4d4c4c;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 3.375rem;
  /* 112.5% */
  margin-top: 9.75rem;
}

.sp-why-assess .assess-03-left p {
  color: #535252;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.0625rem;
  margin: 1rem 4rem 0 0;
}

.sp-why-assess .assess-03-right {
  margin: 4rem 0 0 0;
}

.sp-why-assess .assess-left-04 h1 {
  color: #4d4c4c;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 3.375rem;
  /* 112.5% */
  margin-top: 3.75rem;
}

.sp-why-assess .assess-left-04 img {
  width: 100%;
}

.sp-why-assess .assess-right-04 p {
  color: #535252;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.0625rem;
  margin: 13rem 0 0 4rem;
}

.sp-how-it-work {
  padding: 6.25rem 0 0 0;
  font-family: 'Roboto', sans-serif;
  background-color: #f8f8f8;
  font-style: normal;
}

.sp-how-it-work .title {
  color: var(--Primary-Color, #004AAD);
  text-align: center;
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.5rem;
  /* 150% */
  text-transform: capitalize;
}

.sp-how-it-work .sub-title {
  color: #2D2D2D;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
  /* 150% */
}

.sp-how-it-work .art-design-section {
  margin: 2.75rem 0 0 0;
}

.sp-how-it-work .art-design-section .left-design-box {
  border: 1px solid #004AAD;
  position: relative;
  padding: 2rem 0 0 2rem;
}

.sp-how-it-work .art-design-section .left-design-box .number-box {
  background-color: #004AAD;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  padding: 0 1.5rem;
  top: -16%;
  left: -5%;
  z-index: 11;
}

.sp-how-it-work .art-design-section .left-design-box .number-box p {
  color: #F4F4F4;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  margin: 0 0 0 0;
}

.sp-how-it-work .art-design-section .left-design-box .title-box {
  background: #F8F8F8;
  position: absolute;
  width: 52%;
  top: -19%;
  left: 8%;
}

.sp-how-it-work .art-design-section .left-design-box .title-box p {
  margin: 0 0 0 0;
  color: #4A4A4A;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  padding: 10px 16px;
}

.sp-test-microphone {
  background-color: #fff;
  border-radius: 50%;
  width: 9%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  font-size: 1.375rem;
  padding: 15px 0;
  margin: auto;
}

.sp-how-it-work .art-design-section .left-design-box .box-text {
  width: 80%;
}

.sp-how-it-work .art-design-section .left-design-box .icon-img {
  width: 30%;
  position: absolute;
  right: -6%;
  bottom: -2%;
}

.sp-how-it-work .art-design-section .segment-2 {
  margin: 8rem 0 0 0;
}

.sp-price-table {
  padding: 6.25rem 0 0 0;
  font-family: 'Roboto', sans-serif;
  background-color: #f8f8f8;
  font-style: normal;
}

.sp-free-sp-test {
  padding: 6.25rem 0 0 0;
  font-family: 'Roboto', sans-serif;
  background-color: #f8f8f8;
  font-style: normal;
}

.sp-free-sp-test .title {
  color: var(--Primary, #004AAD);
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 4.5rem;
  /* 150% */
  text-transform: capitalize;
  text-align: center;
  margin: 0 0 0 0;
}

.sp-free-sp-test .free-sp-question {
  color: #2D2D2D;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 3.375rem;
  /* 150% */
}

.sp-free-sp-test .start-test-div {
  margin: 1rem 0 0 0;
}

.sp-free-sp-test .free-sp-full-div {
  border-radius: 4px;
  padding: 28px 0;
  /* box-shadow: 0px 0px 14px 0px rgba(114, 108, 108, 0.10); */
  text-align: center;
  border: 1px solid #e2e0e0;
}

.sp-free-sp-test .start-test-div button {
  color: #eef0f3;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6875rem;
  /* 150% */
  text-transform: capitalize;
  padding: 0.875rem 1.25rem;
  border: none;
  background: #004AAD;
  box-shadow: 0px 2px 2px 0px rgba(47, 75, 96, 0.12);
  border-radius: 4px;
  ;
}

.sp-free-sp-test .test-div {
  margin: 1rem 0 0 0;
}

.sp-free-sp-test .test-div .track audio::-webkit-media-controls-panel {
  background-color: #fff;
}

.sp-free-sp-test .test-div .speak {
  margin: 1rem 0 0 0;
}

.sp-free-sp-test .test-div .speak .icon {
  color: #fff;
  background-color: #004AAD;
  border-radius: 50%;
  font-size: 2.25rem;
  padding: 0.75rem 1.3rem;
}

.sp-free-sp-test .test-div .speak .text {
  font-size: 1.25rem;
  font-weight: 700;
  margin-left: 1rem;
  margin-top: 1.125rem;
}

.sp-free-sp-test .next-question-div {
  margin: 3rem 0 0 0;
}

.sp-free-sp-test .next-question-div button {
  color: var(--Primary-Color, #004AAD);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6875rem;
  /* 150% */
  text-transform: capitalize;
  padding: 1rem 1.25rem;
  border: none;
  background: var(--S, #E3EAF3);
}

#downloadAuidofree {
  margin: 1rem 0 0 0;
}

#downloadAuidofree a {
  color: var(--Primary-Color, #004AAD);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6875rem;
  /* 150% */
  text-transform: capitalize;
  padding: 1rem 1.25rem;
  border: none;
  background: var(--S, #E3EAF3);
  text-decoration: none;
}

#downloadAuidofree a::before {
  content: "\f019";
  font-family: FontAwesome;
  margin-right: 4px;
}

.sp-way-evaluate {
  padding: 6.25rem 0 6.25rem 0;
  font-family: 'Roboto', sans-serif;
  background-color: #f8f8f8;
  position: relative;
  z-index: -111;
}

.sp-way-evaluate .title {
  color: var(--Primary, #004AAD);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.5rem;
  /* 150% */
  text-transform: capitalize;
  text-align: center;
}

.sp-way-evaluate .title-text {
  color: #2D2D2D;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
  /* 150% */
}

.sp-way-evaluate .service-box-div {
  padding-top: 2.75rem;
}

.sp-way-evaluate .service-box {
  border-radius: 0.8125rem;
  background-color: #F7FAFE;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  padding: 1rem 2rem;
  height: 13rem;
}

.sp-way-evaluate .service-box::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: -3px;
  background-image: linear-gradient(to bottom right, #0F55B2, #f8f8f8 22%, #f8f8f8 78%, #0F55B2);
  border-radius: inherit;
  margin: -4px;
}

.sp-way-evaluate .service-box h2 {
  color: #2D2D2D;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 2.0625rem;
  /* 150% */
}

.sp-way-evaluate .service-box ol li {
  color: #464646;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
}

.sp-band-description {
  background-color: #f8f8f8;
  padding: 0 0 6.25rem 0;
}

.sp-band-description .title {
  color: var(--Primary, #004AAD);
  text-align: center;
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.5rem;
  /* 150% */
  text-transform: capitalize;
}

.sp-band-description .title-text {
  color: #2D2D2D;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
  /* 150% */
}

.sp-band-description .content-div {
  margin-top: 2.75rem;
}

.sp-band-description .text {
  color: #303030;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.0625rem;
  margin-top: 6rem;
  margin-right: 5rem;
}

.sp-advertisement {
  background: url(../images/speaking-service/advertisement-sp-bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: -11;
  font-family: 'Roboto', sans-serif;
}

.sp-advertisement .main-image {
  width: 80%;
  padding: 4rem 0;
  border-radius: 4px;
}

.sp-advertisement .vector-image {
  position: absolute;
  left: 38%;
  top: -2%;
  z-index: -11;
}

.sp-advertisement .text {
  color: var(--GlobalColors-Neutral-0, #FFF);
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 3rem;
  margin-top: 8rem;
}

.sp-advertisement .button-div {
  margin: 2rem 0 0 0;
}

.sp-advertisement a {
  border-radius: 4px;
  background: #FFCF3C;
  box-shadow: 0px 2px 14px 0px rgba(125, 124, 124, 0.08);
  color: #474343;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  text-decoration: none;
  padding: 12px 22px;
}

.sp-serv-price {
  background-color: #f8f8f8;
  padding: 6.25rem 0 0 0;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
}

.sp-serv-price .title {
  color: var(--Primary-Color, #004AAD);
  font-size: 3rem;
  font-weight: 600;
  line-height: 150%;
  /* 4.5rem */
  text-transform: capitalize;
  margin: 0 0 0 0;
}

.sp-serv-price .title-text {
  color: var(--Grey-35, #59595A);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6875rem;
  /* 150% */
}

.sp-serv-price .package-sub-title {
  color: var(--Grey-15, #262626);
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 150%;
  /* 4.5rem */
  margin-top: 2rem;
}

.sp-ser-price-box {
  background: var(--GlobalColors-Neutral-0, #FFF);
  box-shadow: 0px 2px 14px 0px rgba(133, 135, 137, 0.12);
  padding: 20px;
  position: relative;
}

.sp-serv-price .price {
  color: var(--Grey-15, #262626);
  font-size: 4rem;
  font-weight: 700;
  line-height: 73%;
  /* 2.92rem */
}

.sp-serv-price .price-usd {
  color: var(--Grey-30, #4C4C4D);
  font-size: 1rem;
  font-weight: 500;
  line-height: 73%;
  /* 0.9125rem */
  text-transform: uppercase;
}

.sp-serv-price .price-features {
  color: var(--Grey-15, #262626);
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%;
  padding: 2rem 0;
}

.sp-serv-price .price-features-list {
  border-radius: 0.5rem;
  border: 1px solid var(--White-95, #F1F1F3);
  padding: 12px 6px;
  margin: 10px 0;
}

.sp-serv-price .price-features-list .check {
  margin-bottom: 0;
  background-color: #E3EAF3;
  padding: 5px 8px;
  border-radius: 4px;
}

.sp-serv-price .price-features-list .text {
  color: var(--Grey-30, #4C4C4D);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  /* 1.6875rem */
}

.sp-serv-price .sp-ser-price-box .price-popular {
  background-color: #f6f2e7;
  color: #ef3500;
  font-weight: 600;
  padding: 5px 8px;
  border-radius: 4px;
  position: absolute;
  top: 2%;
  font-size: 0.75rem;
}

.sp-ser-price-box-premium {
  background: #456EA5;
  box-shadow: 0px 2px 14px 0px rgba(109, 109, 109, 0.12);
  padding: 20px;
  position: relative;
}

.sp-serv-price .sp-ser-price-box-premium .price-popular {
  background-color: #f6f2e7;
  color: #ef3500;
  font-weight: 600;
  padding: 5px 8px;
  border-radius: 4px;
  position: absolute;
  top: 2%;
  font-size: 0.75rem;
}

.sp-testimonial-section {
  background-color: #f8f8f8;
  padding: 6.25rem 0 0 0;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
}

.sp-testimonial-section .title {
  color: var(--Primary-Color, #004AAD);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.5rem;
  /* 150% */
  text-transform: capitalize;
  text-align: center;
}

.sp-testimonial-section .title-text {
  color: var(--Grey-35, #59595A);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6875rem;
  /* 150% */
}

.sp-testimonial-section .sp-testimonial-card-div {
  margin: 2.25rem 0 0 0;
}

.sp-testimonial-section .sp-testimonial-card-div .sp_testimonial_card {
  border-radius: 4px;
  background: var(--GlobalColors-Neutral-0, #FFF);
  padding: 1rem 1.25rem;
  height: 100%;
}

.sp-testimonial-section .sp-testimonial-card-div .sp_testimonial_card .quote {
  color: #004AAD;
  font-size: 2.75rem;
  text-align: right;
  margin-bottom: 0;
}

.sp-testimonial-section .sp-testimonial-card-div .sp_testimonial_card .sp_testimonial_text {
  color: var(--Gray-700, #363A3D);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
  margin: 2rem 0 0 0;
}

.sp-testimonial-section .sp-testimonial-card-div .stu-info {
  display: flex;
  justify-content: start;
}

.sp-testimonial-section .sp-testimonial-card-div .stu-info img {
  width: 26%;
  border-radius: 50%;
}

.sp-testimonial-section .sp-testimonial-card-div .stu-info .name {
  color: #303030;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  /* 133.333% */
  letter-spacing: 0.003rem;
  margin-bottom: 0;
}

.sp-testimonial-section .sp-testimonial-card-div .stu-info .designation {
  color: #303030;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
}

.sp-testimonial-section .sp-testimonial-card-div .stu-info .stu-name-des {
  margin: 1.75rem 0 0 1rem;
}

.sp-faq {
  background-color: #f8f8f8;
  padding: 6.25rem 0 6.25rem 0;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
}

.sp-faq .title {
  color: var(--Primary-Color, #004AAD);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
  /* 150% */
}

.sp-faq .sub-title {
  color: var(--Grey-20, #333);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.25rem;
  /* 150% */
}

.sp-faq .sp-accordion-div {
  box-shadow: 0px 0px 14px 0px rgba(153, 152, 152, 0.08);
  padding: 20px 30px;
  background-color: #FDFDFD;
  border-radius: 4px;
}

.sp-faq .sp-accordion-div .accordion-button:not(.collapsed) {
  background-color: transparent;
}

.sp-faq .sp-accordion-div .accordion-item {
  border: none !important;
  border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important;
}

.sp-faq .sp-accordion-div .accordion-button::after {
  text-align: right !important;
  filter: invert(0);
  right: 0;
  position: absolute;
}

/* speaking service css end */
/* student panel css end */

/* live-lessons css start */
.live-lessons-upcoming .owl-dots {
  display: block !important;
}

.live-lessons-previous .owl-dots {
  display: block !important;
}

.live-lesson-testimonial .owl-dots {
  display: block !important;
}

.live-lessons-banner h1 {
  font-family: Roboto;
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.4rem;
  /* 152.273% */
  margin-top: 9rem;
}

.live-lessons-banner p {
  color: #696984;
  font-family: Roboto;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.36px;
}

.live-lessons-banner .button-div {
  margin-top: 4rem;
}

.live-lessons-banner .button-div a {
  background-color: #004AAD;
  text-decoration: none;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.7rem 1rem;
  border-radius: 4px;
}

.live-lessons-banner img {
  margin-top: 0;
}

.live-lessons-upcoming {
  margin-top: 6.25rem;
}

.live-lessons-upcoming h1 {
  color: var(--Primary-Color, #004AAD);
  font-family: Roboto;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 66px;
  /* 150% */
  letter-spacing: -0.44px;
  text-transform: capitalize;
}

.live-lessons-upcoming .service-box {
  background-color: #fff;
  margin-top: 2rem;
  position: relative;
  box-shadow: 0px 2px 12px 0px rgba(30, 60, 169, 0.08);
}

.live-lessons-upcoming .service-box .topics-box {
  background-color: #E6CBB3;
  position: absolute;
  text-align: center;
}

.live-lessons-upcoming .service-box .topics-box .inner-box {
  background-color: #FC9D10;
  text-align: center;
  color: #fff;
}

.live-lessons-upcoming .service-box .topics-box .inner-box-time-dox {
  padding: 0px 20px;
}

.live-lessons-upcoming .service-box .topics-box .inner-box-time-dox h6 {
  font-size: 22px;
  font-weight: 600;
  padding: 7px 12px;
}

.live-lessons-upcoming .service-box .topics-box .inner-box-time-dox p {
  font-size: 12px;
  padding-bottom: 15px;
}

.live-lessons-upcoming .text-div {
  padding: 12px 20px 20px 20px;
}

.live-lessons-upcoming .text-div h6 {
  color: #3D3B3B;
  font-family: Roboto;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  /* 150% */
  margin-top: 12px;
  margin-bottom: 16px;
}

.live-lessons-upcoming .text-div .instructor-name {
  color: #3E3C3C;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  /* 150% */
  margin-left: 1rem;
}

.live-lessons-upcoming .text-div .instructor-designation {
  color: #525050;
  font-family: Roboto;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  margin-left: 1rem;
}

.live-lessons-upcoming .service-box .join-button {
  display: block;
  text-decoration: none;
  color: #fff;
  background: #004AAD;
  text-align: center;
  padding: 8px 0;
  font-size: 1.125rem;
  border-radius: 4px;
  font-size: 600;
}

.live-lessons-previous {
  margin-top: 6.25rem;
}

.live-lessons-previous .header-title {
  color: var(--Primary-Color, #004AAD);
  font-family: Roboto;
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 66px;
  /* 150% */
  letter-spacing: -0.44px;
  text-transform: capitalize;
}

.live-lessons-previous .service-box {
  background-color: #fff;
  position: relative;
  margin-top: 2rem;
  box-shadow: 0px 2px 12px 0px rgba(30, 60, 169, 0.08);
}

.live-lessons-previous .text-div {
  padding: 10px 20px 20px 20px;
}

.live-lessons-previous .text-div h6 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 16px;
  line-height: 30px;
}

.live-lessons-previous .text-div .instructor-name {
  color: #3E3C3C;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  /* 150% */
  margin-left: 1rem;
}

.live-lessons-previous .text-div .instructor-designation {
  color: #525050;
  font-family: Roboto;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  margin-left: 1rem;
}

.live-lessons-previous .button-div {
  text-align: center;
  margin-top: 3rem;
}

.live-lessons-previous .button-div a {
  text-decoration: none;
  color: #004AAD;
  background: transparent;
  text-align: center;
  padding: 10px 30px;
  font-size: 1.125rem;
  border-radius: 4px;
  font-size: 600;
  border: 1px solid #004AAD;
}

.live-lesson-testimonial {
  margin-top: 6.25rem;
}

.live-lesson-testimonial .header-title {
  color: var(--Primary-Color, #004AAD);
  font-family: Roboto;
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 66px;
  /* 150% */
  letter-spacing: -0.44px;
  text-transform: capitalize;
  text-align: center;
}

.live-lesson-testimonial .service-box {
  background-color: #fff;
  position: relative;
  margin-top: 2rem;
  box-shadow: 0px 2px 12px 0px rgba(30, 60, 169, 0.08);
  padding: 35px 25px;
}

.live-lesson-testimonial .service-box .image-box {
  text-align: center;
}

.live-lesson-testimonial .service-box .image-box img {
  width: 25%;
  margin: 0 auto;
}

.live-lesson-testimonial .service-box .name {
  color: var(--Title-color, #3D3E40);
  text-align: center;
  font-family: Roboto;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  margin: 1.2rem 0 0 0;
}

.live-lesson-testimonial .service-box .text {
  color: #494848;
  text-align: center;
  font-family: Roboto;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 150% */
  margin-top: 0.4rem;
}

.upcoming-live-banner {
  /* background: linear-gradient(180deg, #004aad33 0%, #0a306373 100%), url(../images/live-lessons/upcoming_banner.jpg); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10.5rem 0;
}

.upcoming-live-banner .button-div {
  text-align: center;
  margin-top: 1.5rem;
}

.upcoming-live-banner .button-div a {
  text-decoration: none;
  color: #fff;
  background: #004AAD;
  padding: 15px 34px;
  font-size: 1.125rem;
  border-radius: 4px;
  font-size: 600;
}

.upcoming-live-banner img {
  width: 3%;
  margin: 0 8px;
}

.upcoming-live-banner .title-box {
  margin: 2rem 0 0 0;
}

.upcoming-live-banner .title-box .text {
  color: var(--Primary-Color, #004AAD);
  font-family: Roboto;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  width: 75%;
  background-color: #F6F6F6;
  text-align: center;
  padding: 0.8rem 0;
}

.upcoming-live-content-left-side .title {
  color: #484646;
  font-family: Roboto;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  /* 150% */
  margin: 1rem 0 4px 0;
}

.upcoming-live-content-left-side .live-text {
  color: #585656;
  font-family: Roboto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  margin: 18px 0 18px 0;
  background-color: #E3EAF3;
  width: 25%;
  text-align: center;
  padding: 4px 0;
}

.upcoming-live-content-left-side .sub-title {
  color: #4B4A4A;
  font-family: Roboto;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 33px;
  /* 137.5% */
  margin-top: 2rem;
}

.upcoming-live-content-right-side {
  margin-top: 4rem;
}

.upcoming-live-content-right-side .join-box {
  background: #F8F8F8;
  box-shadow: 0px 2px 14px 0px rgba(30, 60, 169, 0.08);
}

.upcoming-live-content-right-side .join-box .header {
  background-color: #004AAD;
  color: #fff;
  text-align: center;
}

.upcoming-live-content-right-side .join-box .header h3 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  padding: 15px 0;
}

.upcoming-live-content-right-side .join-box .form-box {
  padding: 20px 0px 50px 80px;
}

.upcoming-live-content-right-side .join-box .form-box input {
  border: none;
  background: #E2E2E2;
  padding: 10px 20px;
  margin: 10px 0;
  width: 80%;
}

.upcoming-live-content-right-side .join-box .form-box select {
  border: none;
  background: #E2E2E2;
  padding: 10px 20px;
  width: 80%;
  margin: 10px 0;
}

.upcoming-live-content-right-side .join-box .form-box .button-join {
  border: none;
  background-color: #004AAD;
  color: #fff;
  width: 80%;
  padding: 8px 0;
  font-size: 1.1rem;
  margin-top: 1rem;
  border-radius: 4px;
  display: block;
  text-decoration: none;
  text-align: center;
}

.previous-live-lesson-banner {}

.previous-live-lesson-banner .sub-title {
  color: #0071DC;
  font-family: Roboto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  /* 140.625% */
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 5.5rem;
}

.previous-live-lesson-banner .title {
  color: #252525;
  font-family: Roboto;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 4.5rem;
  /* 150% */
  margin-top: 0.5rem;
}

.previous-live-lesson-banner .text {
  color: #696984;
  font-family: Roboto;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.688rem;
  /* 150% */
  letter-spacing: 0.36px;
  margin-top: 1.1rem;
}

.previous-live-lesson-banner {}

.previous-live-lesson-banner .button-div {
  margin-top: 3rem;
}

.previous-live-lesson-banner .button-div a {
  text-decoration: none;
  color: #fff;
  background-color: #004AAD;
  padding: 0.75rem 1.9rem;
  font-size: 1.1rem;
  border-radius: 4px;
}

.previous-live-lesson-banner .image-div {
  margin-top: 1.2rem;
}

.previous-live-lesson-all .title {
  color: var(--Primary-Color, #004AAD);
  font-family: Roboto;
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 4.125rem;
  /* 150% */
  letter-spacing: -0.44px;
  text-transform: capitalize;
}

.previous-live-lesson-all .filter-box {
  border-radius: 4px;
  border: 1px solid #C3C0C0;
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 0.625rem;
  margin-top: 3rem;
}

.previous-live-lesson-all .filter-box .search {
  background-color: transparent;
  border: none;
  padding: 0.625rem 1.25rem;
  border-right: 1px solid #B7B5B5;
}

.previous-live-lesson-all .filter-box select {
  border: none;
  background: transparent;
  padding: 0.625rem 0.625rem;
}

.previous-live-lesson-all .filter-box .date {
  border: none;
  background: transparent;
  margin-top: 0.625rem;
}

.previous-live-lesson-all .filter-box .search_btn {
  padding: 10px 16px;
  background-color: #004AAD;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
}

.stu-dash-up-webinar {
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(79, 79, 79, 0.08);
  padding: 2rem 6rem;
}

.stu-dash-up-webinar .inner-div {
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
  width: 50%;
  margin: auto;
  box-shadow: 0px 2px 8px 0px rgba(103, 103, 103, 0.18), 0px 0px 12px 0px rgba(128, 128, 128, 0.18);
  border: 1px solid #bdbdbd;
}

/* live-lessons css end */
/* 7Days instensive course css start */
.instensive-course-hero {
  background: linear-gradient(to right, #004aad80, #004aad80), url(../images/instensive-course/bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5rem 0;
}

.instensive-course-hero-content {}

.instensive-course-hero .instensive-course-hero-rating {
  margin: 1rem 0 0 0;
}

.instensive-course-hero .instensive-course-hero-rating .icon {
  color: #ffcf3c;
  font-size: 1rem;
  font-weight: 600;
}

.instensive-course-hero .instensive-course-hero-rating .text {
  color: #f8f8f8;
  font-size: 1rem;
  font-weight: 600;
}

.instensive-course-hero-content .title-text {
  color: #f8f8f8;
  font-size: 3rem;
  font-style: normal;
  font-weight: 900;
}

.instensive-course-hero-content .small-text {
  color: #f8f8f8;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
}

.instensive-course-hero-content>.small-text {
  width: 46.3125rem;
}

.instensive-course-details .page-navigation {
  border-bottom: 1px solid #E9EAF0;
  display: flex;
  justify-content: space-between;
}

.instensive-course-details .selected-navigation {
  border-bottom: 2px solid #004AAD;
}

.instensive-course-details .navigation-options {
  color: #1D2026;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 1rem;
  padding-bottom: 1rem;
}

.instensive-course-details .course-overview .title {
  color: #4B4B4D;
  font-size: 2rem;
  font-weight: 600;
  margin: 2rem 0;
}

.instensive-course-details .course-overview .course-overview-details {
  border-radius: 4px;
  border: 1px solid #004AAD;
  padding: 20px;
}

.instensive-course-details .course-overview .course-overview-details .course-overview-card {
  display: flex;
  justify-content: space-between;
}

.instensive-course-details .course-overview .course-overview-details .blue-circle {
  background-color: #004AAD;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
  text-align: center;
}

.instensive-course-details .course-overview .course-overview-details .blue-circle i {
  color: #ffff;
  margin-top: .5rem;
  font-size: 1.5rem;
}

.instensive-course-details .course-overview .course-overview-details .overview-title {
  color: #313131;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.instensive-course-details .course-overview .course-overview-details .overview-content {
  color: #4E5566;
  font-size: 1rem;
  font-weight: 400;
}

.instensive-course-details .what-learn {}

.instensive-course-details .what-learn .title {
  color: #4B4B4D;
  font-size: 2rem;
  font-weight: 600;
  margin: 2rem 0;
}

.instensive-course-details .what-learn li {
  color: var(--Gray-700, #4E5566);
  font-family: Roboto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.375rem;
  letter-spacing: -0.00875rem;
}

.instensive-course-details .course-description {}

.instensive-course-details .course-description .title {
  color: #4B4B4D;
  font-size: 2rem;
  font-weight: 600;
  margin: 2rem 0;
}

.instensive-course-details .course-description .text {
  color: var(--Gray-700, #4E5566);
  font-family: Roboto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem;
  letter-spacing: -0.00875rem;
}

.instensive-course-details .course-content .title {
  color: #4B4B4D;
  font-size: 2rem;
  font-weight: 600;
  margin: 2rem 0;
}

.instensive-course-details .course-content .course-details {
  display: flex;
  padding: 1.75rem;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 14px 0px rgba(136, 134, 134, 0.10);
}

.instensive-course-details .course-content .course-details .accordion-title {
  color: #474646;
  font-family: Roboto;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
}

.instensive-course-details .course-content .course-details .accordion-button {
  margin: 1.25rem 0rem 1.25rem 0rem;
}

.instensive-course-details .course-content .course-details .preview {
  color: #004AAD;
  font-family: Roboto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
}

.instensive-course-details .course-content .course-details .course-details-images {
  width: 1.5rem;
  height: 1.5rem;
}

.instensive-course-details .course-instructor .title {
  color: #4B4B4D;
  font-size: 2rem;
  font-weight: 600;
  margin: 2rem 0;
}

.instensive-course-details .course-instructor .instructor-image {
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 8.5rem;
}

.instensive-course-details .course-instructor .instrutor-description .instrutor-name {
  color: #1D2026;
  font-family: Roboto;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0;
}

.instensive-course-details .course-instructor .instrutor-description .instructor-occu {
  color: #6E7485;
  font-size: 0.875rem;
  font-weight: 400;
}

.instensive-course-details .course-instructor .instrutor-description .instructor-about {
  color: #6E7485;
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 0.875rem;
}

.instensive-course-details .course-rating .title {
  color: #4B4B4D;
  font-size: 2rem;
  font-weight: 600;
  margin: 2rem 0;
}

.instensive-course-details .course-rating .rating-overall {
  text-align: center;
  border: 1px solid #E9EAF0;
  background: #fff;
  padding: 1rem;
}

.instensive-course-details .course-rating .rating-overall .course-rating-number {
  color: #1D2026;
  font-size: 3rem;
  font-weight: 600;
}

.instensive-course-details .course-rating .rating-overall .text-rating {
  color: var(--Gray-900, #1D2026);
  text-align: center;
  font-size: 1.325rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: -0.00875rem;
  margin-top: 22px;
}

.instensive-course-details .course-rating .rating-series .rating {
  color: var(--Gray-600, #6E7485);
  text-align: right;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  /* 157.143% */
  letter-spacing: -0.00875rem;
  margin-left: 8px;
}

.instensive-course-details .course-rating .rating-progress progress {
  width: 300px;
  height: 10px;
  border: 0px solid gray;
}

.instensive-course-details .course-rating .rating-progress progress::-webkit-progress-bar {
  background-color: var(--S, #E3EAF3);
}

.instensive-course-details .course-rating .rating-progress progress::-webkit-progress-value {
  background-color: var(--Warning-500, #FD8E1F);
}

.instensive-course-details .course-rating .rating-progress .percentage {
  color: var(--Gray-900, #1D2026);
  text-align: right;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  /* 142.857% */
  letter-spacing: -0.00875rem;
  margin-left: 8px;
}

/* 7Days instensive course css end */
.student-regiser-servey-step {
  background-color: #D4D4D8;
  padding: 1px 0;
  width: 40%;
  height: 0;
  margin: 17px 0 0 0;
}

.register-step-by-step-info {
  margin: 0 0 2rem 0;
}

.register-step-by-step-info input[type="radio"] {
  accent-color: green;
  width: 24px;
}

.anxious-active {
  background-color: #004AAD !important;
  color: #f8f8f8 !important;
}

.contact {
  margin: 10rem 0 0 0;
}

.contact .title {
  color: var(--GlobalColors-Neutral-100, #000);
  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.contact .sub-title {
  color: #474747;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem;
}

.contact .icon {
  font-size: 1rem;
  color: #404040;
}

/* set your goals */
.set-goal .left-side {
  background-color: #DBE4FC;
  height: 100vh;
  position: relative;
}

.set-goal .left-side .logo {
  width: 10%;
  margin: 2rem 0 0 2rem;
}

.set-goal .left-side .hero-img {
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.set-goal .right-side {
  position: relative;
}

.set-goal .right-side .inner-div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 50%;
}

.set-goal .right-side .progress-div progress {
  border-radius: 0;
  width: 100%;
}

.set-goal .right-side .progress-div progress::-webkit-progress-value {
  background-color: #004AAD;
}

.set-goal .right-side .progress-div progress::-webkit-progress-bar {
  background-color: #d5d5d5;
}

.set-goal .right-side .question-div {
  margin: 1rem 0 0 0;
}

.set-goal .right-side .question-div .quest {
  color: #404040;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.25rem;
  /* 150% */
}

.set-goal .right-side .question-div .input {
  border-radius: 5px;
  border: 0.976px solid #D9D9D9;
  background: #FFF;
  box-shadow: 2px 4px 5px 0px rgba(48, 48, 48, 0.05);
  padding: 0.875rem 0.625rem;
  display: flex;
  justify-content: start;

}

.set-goal .right-side .question-div input[type="radio"] {
  height: 24px;
  width: 24px;
}

.set-goal .right-side .question-div input[type="radio"]:checked {
  color: #004AAD !important;
}

.set-goal .right-side .question-div .button-submit {
  background-color: #004AAD;
  color: #f8f8f8;
  font-weight: 600;
  font-size: 1.125rem;
  border: none;
  width: 100%;
  padding: 0.5rem 0;
}

.setGoalInputActive {
  border: 1px solid #004AAD !important;
}

.set-goal .right-side .question-div .select {
  border: none;
  width: 100%;
}

.checkout-page {
  margin: 2rem 0 6.25rem 0;
  background: #fff;
  box-shadow: 2px 2px 10px 0px rgba(80, 80, 80, 0.08);
}

.checkout-page .card-border {
  border-right: 1px solid #DBDDE3;
}

.checkout-page .left-side {
  /* background-color: #fff;
    padding: 1rem 1.625rem 1.5rem 1.5rem;
    box-shadow: 2px 2px 10px 0px rgba(80, 80, 80, 0.08); */

  padding: 2rem 5rem 3rem 5rem;
}

.checkout-page .left-side h2 {
  color: #004AAD;
  font-weight: 600;
  margin: 0 0 2rem 0;
}

.checkout-page .left-side h6 {
  padding: 0 0 0 0;
  font-weight: 600;
  margin: 0 0 0 0;
}

.checkout-page .right-side {
  /* background-color: #d2e1f6; */
  /* background-color: #fff;
  padding: 1rem 1.625rem 1.5rem 1.5rem;
  box-shadow: 2px 2px 10px 0px rgba(80, 80, 80, 0.08); */
  padding: 3rem 8rem 3rem 5rem;

}

.checkout-page .right-side .header {
  font-weight: 600;
  color: #004AAD;
  margin: 0 0 1rem 0;
  font-size: 1.125rem;
}

.checkout-page .right-side .product-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 6px 0;
}

.checkout-page .right-side .unit {
  color: #697387;
  font-size: 1rem;
  margin: 0 0 4px 0;
}

.checkout-page .right-side .product-price {
  font-size: 1rem;
  font-weight: 600;
  margin: 1rem 0 0 0;
}

.checkout-page .right-side .checkout-btn {
  background-color: #004AAD;
  font-size: 1.125rem;
  font-weight: 500;
  color: #f8f8f8;
  padding: 10px 0;
  width: 100%;
  border-radius: 0;
}

.checkout-page .right-side .checkout-btn:hover {
  background-color: #083775;
}

.ui-datepicker table {
  border: none !important;
  outline: none !important;
}

.ui-datepicker table tr {
  border: none !important;
}

.mock-date-pick input {
  border: 1px solid #d9d9d9;
  font-size: 14px;
  padding: 8px;
  border-radius: 4px;
  width: 100%;
  margin: 0 0 1rem 0;
}

.mock-date-pick input:focus {
  outline: none;
}

.mock-time-pick select {
  border: 1px solid #d9d9d9;
  font-size: 14px;
  padding: 8px;
  border-radius: 4px;
  width: 100%;
}

.mock-time-pick select:focus {
  outline: none;
}

.mock-time-zone-pick select {
  border: 1px solid #d9d9d9;
  font-size: 14px;
  padding: 8px;
  border-radius: 4px;
  width: 100%;
  margin: 0 0 1rem 0;
}

.modal-time-date-card {
  padding: 1rem 2rem;
}

/* responsive css start */
@media only screen and (max-width:500px) {
  .logo-img {
    float: right;
  }

  .header-login-btn {
    margin-left: 0;
    margin-right: 0;
  }

  .header-auth-name {
    margin-left: 0;
  }

  .header-register-btn {
    width: 40%;
    margin: 10px 0 0 0 !important;
  }

  .logo-image-size {
    width: 15%;
  }

  .nav_bar {
    position: absolute;
    top: 0;
    left: 79%;
  }

  .login_button {}

  .mock_filter_div {
    margin-right: 0;
  }

  input.check_box {
    display: inherit;
    margin-right: 10px;
    margin-top: 8px;
  }

  .check_box_font span {
    display: inherit;
    margin-top: 3px;
  }

  .home_filter_modal {
    cursor: pointer;
    font-size: 1.7rem;
    font-weight: 700;
    margin-top: 20px;
    display: block;
  }

  .filter_main {
    display: none;
  }

  .icon_human_1 {
    position: absolute;
    bottom: 100%;
    left: -30%;
    width: 153%;
  }

  .icon_human_2 {
    position: absolute;
    bottom: 19%;
    left: 22%;
    width: 18%;
  }

  .icon_human_3 {
    position: absolute;
    bottom: 22%;
    left: 34%;
    width: 18%;
  }

  .icon_human_4 {
    position: absolute;
    bottom: 24.5%;
    left: 47%;
    width: 18%;
  }

  .icon_human_5 {
    position: absolute;
    bottom: 27.5%;
    left: 59%;
    width: 18%;
  }

  .icon_human_6 {
    position: absolute;
    bottom: 30%;
    left: 72%;
    width: 18%;
  }

  .test_info_icon ul {
    display: block;

  }

  .test_info_icon li {
    margin-top: 20px;
  }

  .footer_input {
    width: 100%;
    margin-left: 0%;
  }

  .passage {
    height: 45vh;
  }

  .register-gt {
    margin-top: 20px;
  }

  /* home page mobile view banner css start */
  .home-bannar {
    position: relative;
  }

  .home-banner-left-side {
    padding: 0 0 0 0;
    text-align: center;
  }

  .home-banner-left-side h1 {
    font-size: 2.5rem !important;
    margin: 7px 0 0 0 !important;
  }

  .home-banner-left-side p {
    margin: 0 0 0 0;
  }

  .banner-flower-shape {
    display: none;
  }

  .banner-ielts-arrow {
    display: none;
  }

  .home-banner-right-side .owl-carousel .owl-nav button.owl-next {
    display: none !important;
  }

  .home-banner-cta {
    display: block;
    margin: 3rem 0 4rem 0;
  }

  .home-assess-level-btn {
    font-size: 1rem;
    padding: 14px 35px;
  }

  .home-bannar-practice-btn-div {
    margin: 3rem 0 0 0;
  }

  .home-practice-level-btn {
    margin-left: 0;
    font-size: 1rem;
    padding: 14px 20px;
  }

  .home-banner-img {
    text-align: center;
  }

  .home-banner-img img {
    width: 100%;
  }

  .home-assessment-test .left-side {
    margin: 2rem 0 0 0;
  }

  /* webniar */
  .home-live-right-side .title {
    font-size: 2rem;
    margin: 1rem 0 0 0;
  }

  .home-live {
    margin: 4.75rem 0;
  }

  .home-live-img-design {
    position: absolute;
    top: -6%;
    left: 10%;
    z-index: -1;
    width: 80%;
  }

  .home-live-right-side {
    margin: 1.25rem 0 0 0;
  }

  .home-live-right-side .head-text {
    width: 68% !important;
  }

  .home-live-btn-box {
    padding: 0 0 1rem 0;
  }

  .home-assessment-test .image {
    margin: 3rem 0 0 0 !important;
  }

  .h-l-r-s-head-text {
    margin-top: 25px;
  }

  .h-l-r-s-text {
    font-size: 18px;
  }

  .upcoming-live h4 {
    margin-right: 20px;
  }

  .home-live-btn {
    padding: 14px 28px;
  }

  .home-assessment-test {
    padding: 1rem 0 3rem 0;
  }

  .home-assessment-test .title {
    font-size: 2rem !important;
    line-height: 2.5rem;
  }

  .home-testing-system {
    padding: 4.75rem 0 2.75rem 0;
  }

  .home-testing-sy-header p {
    margin: 0 0 0 0;
  }

  .home-testing-sy-box {
    margin-top: 1.5rem;
  }

  .home-speaking-service .home-sp-left-side .main-image {
    width: 100%;
  }

  .home-speaking-service .home-sp-right-side h1 {
    font-size: 2.25rem;
    line-height: 2.6875rem;
  }

  .home-speaking-service p {
    margin: 1.125rem 0 0 0;
  }

  .home-speaking-service .shape-2 {
    background-color: #96adffc2;
    padding: 9rem;
    width: 16%;
    filter: blur(9rem);
    position: absolute;
    z-index: -11;
    bottom: 33%;
    left: 6%;
  }

  .home-speaking-service .shape-1 {
    width: 54%;
    position: absolute;
    top: 64%;
    left: 3%;
  }

  .home-speaking-service .home-sp-right-side img {
    width: 10%;
    position: absolute;
    right: 10%;
    bottom: 50%;
  }

  .home-sp-right-side {
    margin: 2rem 0 0 0;
  }

  .home-services .header-subtitle {
    width: 100%;
  }

  .home-services .home-service-big-screen .all-service {
    padding: 0.625rem 1rem;
    margin-top: 1rem !important;
  }

  .home-services .home-service-box-img {
    padding: 0 0;
  }

  .home-services .home-service-box .arrow {
    margin: 0 0 0 0;
  }

  .home-services {
    padding: 2.75rem 0;
  }

  .home-service-box {
    margin: 10px 0;
  }

  .home-ws-btn-box {
    margin: 1rem 0 0 0;
  }

  .home-services .home-services-header {
    font-size: 2.25rem;
    margin: 0 0 0.625rem 0;
  }

  .home-mobile-service p {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
  }

  .home-page-ad h1 {
    font-size: 32px;
    margin-top: 26px;
  }

  .home-blog-header p {
    margin: 0.625rem 0 2rem 0;
  }

  .home-page-ad .icon-1 {
    position: absolute;
    left: 9%;
    top: 2%;
    z-index: -11;
  }

  .home-page-ad .icon-2 {
    display: none;
  }

  .home-page-ad .hero-image {
    width: 100%;
  }

  /* writing service mobile view */
  .sp-what-you-get .title {
    margin: 0 0 0 0;
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .sp-what-you-get {
    padding: 3.75rem 0 0 0;
  }

  .ws-banner-left-side {
    padding: 2rem 0 0 0 !important;
    text-align: center;
  }

  .ws-banner-left-side p {
    font-size: 2.75rem !important;
    padding: 0 0 1rem 0;
  }

  .sp-what-you-get .service-box h4 {
    font-size: 1.25rem !important;
  }

  .sp-what-you-get .service-box-div-2 {
    margin-top: 1.5rem;
  }

  .sp-what-you-get .service-box-div-3 {
    margin-top: 1.5rem;
  }

  .sp-what-you-get .service-box-div-4 {
    margin-top: 1.5rem;
  }

  .writing-service-home {
    position: relative;
    background: url(../images/speaking-service/banner-bg.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 2rem 0;
  }

  .ws-banner-left-side h1 {
    font-size: 1.25rem;
    margin: 0 0 0.625rem 0;
    line-height: 1.625rem;
  }

  .ws-home-header-btn {
    padding: 12px 17px;
    font-weight: 600;
    border-radius: 5px;
  }

  .writing-serive-assess-skills {
    padding-top: 2.75rem;
  }

  .writing-serive-assess-skills .title h1 {
    font-size: 2.25rem;
    margin: 0 0;
  }

  .writing-serive-assess-skills .title .text {
    font-size: 1.125rem;
    line-height: 22px;
    width: 100%;
    text-align: center;
    margin: 0.875rem 0 0 0;
  }

  .assess-w-box .header .text {
    font-size: 1.75rem;
  }

  .home-testimonial-box .quote {
    font-size: 0.875rem;
    line-height: 1.225rem;
    margin: 0 0 8px 0;
  }

  .home-testimonial-portfolio {
    display: block;
    padding-top: 0;
  }

  .home-testimonial-portfolio .name {
    font-size: 1.125rem;
  }

  .home-testimonial-portfolio .band-score {
    font-size: 0.875rem;
    margin: 0 0 0 0;
  }

  .home-testimonial-portfolio .review span {
    font-size: 1rem;
  }

  .home-testimonial-portfolio .review p {
    font-size: 0.875rem;
  }

  .assess-w-01 {
    margin-top: 12px;
  }

  .assess-w-01-text-box-p {
    font-size: 1.125rem;
    margin-top: 30px;
    margin-bottom: 0;
  }

  .assess-02-left h1 {
    font-size: 1.75rem;
    margin: 2.75rem 0 0 0;
  }

  .ws-price-table-box .text-header {
    margin-bottom: 2.75rem;
  }

  .express_ws_service_full_box {
    margin-top: 1.5rem !important;
  }

  .premium_ws_service_full_box {
    margin-top: 1.5rem !important;
  }

  .service_full_box_black_most {
    margin-top: 1.5rem !important;
  }

  .home_testimonial_box {
    margin-top: 1.5rem !important;
    height: 96%;
  }

  .assess-w-04-accordion-btn-font {
    font-size: 1rem !important;
  }

  .expert-feedback-gram {
    margin-left: 0.5rem;
  }

  .assess-02-left .mistake-title {
    font-size: 1.125rem;
  }

  .assess-w-03-text-box {
    margin: 0 0 0 0 !important;
  }

  .assess-w-03-text-box-p {
    font-size: 1.125rem;
    margin: 1.5rem 0 0 0;
  }

  .assess-w-05-text-box-p {
    font-size: 1.125rem;
    margin: 1.5rem 0 0 0;
  }

  .assess-w-05-text-box {
    margin: 0 0 0 0 !important;
  }

  .home-sp-row-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .assess-w-02 {
    margin-top: 48px;
  }

  .assess-w-02-text-box-p {
    font-size: 1.125rem;
  }

  .assess-w-01 .title {
    font-size: 1.75rem;
  }

  .ws-band-score .graph-box {
    width: 100%;
  }

  .assess-w-02-text-box {
    margin: 0 0 0 0;
  }

  .assess-w-01-text-box {
    margin: 0 0 0 0;
  }

  .assess-w-03 {
    margin-top: 3.75rem;
  }

  .assess-w-04 {
    margin: 0 0 0 0;
  }

  .assess-w-04 .table-box {
    margin-top: 50px;
  }

  .assess-w-05 {
    margin-top: 48px;
  }

  .ws-price-table-box {
    padding: 0;
    margin: 0 0 0 0;
    padding: 35px 20px;
  }

  .ws-price-table-box .header {
    font-size: 35px;
  }

  .how_to_submit .header h1 {
    font-size: 35px;
  }

  .w-submit-box {
    margin: 4.5rem 0;
  }

  .w-submit-inner-title {
    width: 80%;
    position: absolute;
    top: -13%;
    left: 14%;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .w-submit-inner-number {
    position: absolute;
    top: -16%;
    left: -2%;
  }

  .w-submit-inner-number-2 {
    position: absolute;
    left: -2%;
    top: -14%;
  }

  .w-submit-inner-title-2 {
    position: absolute;
    width: 100%;
    font-size: 1.25rem;
    left: -25%;
  }

  .w-submit-inner-image {
    position: absolute;
    right: -3%;
    width: 35%;
    top: 60%;
  }

  .ws-exclusive-price-table-box .header {
    font-size: 2.25rem !important;
    line-height: 3rem !important;
  }

  .w-submit-box-2 {
    margin: 0 0 2rem 0;
  }

  .w-submit-inner-image-2 {
    position: absolute;
    right: -3%;
    width: 39%;
    top: 58%;
  }

  .ws-price-packages-header {
    margin-top: 3.75rem;
  }

  .ws-price-packages-header h1 {
    font-size: 2.25rem;
  }

  .ws-price-packages-header p {
    font-size: 1.125rem;
  }

  .ws-price-basic-package-header {
    font-size: 1.5rem;
    margin-top: 2.75rem;
  }

  .ws-price-unFillCard-2 {
    display: none;
  }

  .ws-price-unFillCard-1 {
    display: none;
  }

  .express_ws_service_full_box .most-popular-div {
    position: absolute;
    padding: 3px 20px;
    top: 0%;
    right: 0%;
    border-top-right-radius: 4px;
    rotate: 0deg !important;
  }

  .ws-price-premium-package-header {
    margin-top: 2.75rem;
  }

  .premium_ws_service_full_box .most-popular-div {
    background: #004aad47;
    position: absolute;
    padding: 0px 20px;
    rotate: 0deg;
    top: 0%;
    right: 0%;
    border-top-right-radius: 4px;
  }

  .ws-price-exclusive-package-header {
    margin-top: 2.75rem;
  }

  .service_full_box_black_most .most-popular-div {
    position: absolute;
    padding: 1px 20px;
    rotate: 0deg;
    top: 1%;
    right: 0%;
  }

  .home-set-goal .inner-div {
    padding: 3rem 1rem !important;
  }

  .ws-testimonial {
    margin-top: 1rem;
  }

  .ws-testimonial .header {
    font-size: 2.25rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0;
    line-height: 2.625rem;
  }

  .sp-faq {
    padding: 3.75rem 0 3.75rem 0;
  }

  .sp-faq .title {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 3rem;
  }

  .sp-faq .sub-title {
    font-size: 1.125rem;
    line-height: 2.25rem;
  }

  .sp-faq .sp-accordion-div {
    margin: 1.5rem 0 0 0;
  }

  .home-sp-service-btn {
    text-align: center;
  }

  .home-speaking-service {
    padding-bottom: 0.625rem;
    padding-top: 6.25rem;
  }

  .buttons {
    padding: 24px 0 0 0;
    margin: 53px 0 0 0;
    border-top: 1px solid #d9d9d9;
  }

  .home-sp-w-service {}

  .home-w-left-side h1 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 2.6875rem;
  }

  .ws-product-individual-mobile-view {
    border-radius: 4px 4px var(--Spacing-System-Corner_radius-radius-null, 0px) var(--Spacing-System-Corner_radius-radius-null, 0px);
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(76, 75, 75, 0.15);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
  }

  .ws-product-individual-mobile-view .full_div {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
  }

  .ws-product-individual-mobile-view .buy_button {
    padding: 10px 15px;
    font-weight: 600;
    color: #fff;
    border-radius: 5.102px;
    background: var(--Primary-Color, #004AAD);
    text-decoration: none;
  }

  /* writing service product details mobile view */
  .ws-product-individual-box .band-score-box {
    width: 100%;
  }

  .ws-feedback-indi-product-text {
    width: 100%;
  }

  .ws-product-individual-box .get_result_box {
    width: 100%;
  }

  .ws-product-individual-right-box {
    display: none;
  }

  /* testing system */
  .home-testing-sy-btn {
    padding: 10px 20px;
    font-size: 1.125rem;
  }

  .home-testing-sy-text p {
    font-size: 1.25rem;
  }

  .home-testing-sy-header img {
    width: 12% !important;
    position: absolute !important;
    left: 16% !important;
    bottom: 83% !important;
  }

  /* blog */
  .home-blog {
    padding: 80px 0;
  }

  .home-blog-header img {
    position: absolute !important;
    left: 1% !important;
    bottom: 88% !important;
  }

  .home-blog-rabbos {
    display: none;
  }

  .home-blog-box {
    margin: 10px 0;
  }

  .home-blog-footer-shape {
    display: none;
  }

  .home-blog-see-all {
    padding-top: 40px;
  }

  .home-w-left-side {
    margin: 2rem 0 0 0 !important;
  }

  .home-writing-service .shape-2 {
    background-color: #96adffc2;
    padding: 9rem;
    filter: blur(9rem);
    position: absolute;
    z-index: -11;
    bottom: 53%;
    right: 5%;
  }

  .circle-img-sp-w {
    width: 22% !important;
    position: absolute;
    opacity: 0.5;
    top: -7%;
    left: 70%;
  }

  /* testimoninal */
  .home-testimonial {
    padding: 2.75rem 0;
  }

  .home-testimonial-header img {
    position: absolute !important;
    right: 11% !important;
    bottom: 80% !important;
    rotate: 90deg !important;

  }

  .home-testimonial-header h1 {
    width: 70%;
    margin: auto;
    line-height: 42.8px;
  }

  .home-testimonial-box {
    position: absolute;
    top: 30%;
    left: 10%;
  }

  .home-testimonial-icon {
    width: 75% !important;
    padding-bottom: 18rem;
  }

  .home-testimonial-portfolio img {
    width: 100% I !important;
  }

  /* assessemt test result */
  .cefr-table {
    margin-top: 20px;
  }

  .cefr-writing-score {
    margin: 20px 0;
  }

  .reading-cefr-explantion {
    margin-top: 20px;
  }

  .listening-cefr-explanation {
    margin-top: 20px;
  }

  /* webinar mobile view */
  .webinar-home-row-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .live-lessons-banner img {
    margin-top: 1rem;
  }

  .live-lessons-banner h1 {
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 3rem;
  }

  .live-lessons-previous {
    margin-top: 18.25rem;
  }

  .live-lesson-testimonial {
    margin-top: 3.25rem;
    margin-bottom: 7rem;
  }

  .live-lessons-upcoming {
    margin-top: 4rem;
  }

  .live-lessons-upcoming h1 {
    font-size: 2rem;
  }

  .live-lessons-previous .header-title {
    font-size: 2rem;
  }

  .live-lesson-testimonial .header-title {
    font-size: 2rem;
    line-height: 55px;
  }

  .live-lessons-previous .button-div {
    margin-top: 15rem;
  }

  .previous-webinar-page-testimonial {
    margin-top: 14rem;
  }

  .previous-live-lesson-banner .title {
    font-size: 2rem;
  }

  .previous-live-lesson-all .title {
    font-size: 2rem;
    margin-top: 2.75rem;
  }

  .previous-live-lesson-all .filter-box {
    display: none;
  }

  .upcoming-live-banner img {
    width: 8%;
  }

  .upcoming-live-banner .title-box .text {
    font-size: 1.2rem;
    width: 85%;
  }

  /* speaking service mobile view css start */
  .sp-home-banner .banner-left-side h1 {
    font-size: 1.75rem;
    line-height: 3.625rem;
    margin-top: 1rem;
  }

  .sp-home-banner .banner-left-side h1 span {
    font-size: 3.75rem;
  }

  .sp-home-banner .banner-left-side p {
    line-height: 2rem;
  }

  .sp-why-assess {
    padding: 2.75rem 0 0 0;
  }

  .sp-why-assess .title {
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .sp-why-assess .title-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sp-why-assess .assess-01-left h1 {
    font-size: 1.75rem;
  }

  .sp-why-assess .assess-01-left .graph-box {
    width: 100%;
  }

  .sp-why-assess .assess-01-right p {
    margin: 1rem 0 0 0;
    font-size: 1.125rem;
    line-height: 2rem;
  }

  .sp-why-assess .assess-03-left h1 {
    font-size: 1.75rem;
    margin: 2.75rem 0 0 0;
  }

  .sp-why-assess .assess-03-left p {
    font-size: 1.125rem;
    line-height: 2rem;
    margin: 0 0 0 0;
  }

  .sp-why-assess .assess-03-right {
    margin: 2rem 0 0 0;
  }

  .sp-why-assess .assess-left-04 h1 {
    font-size: 1.75rem;
    margin: 2.75rem 0 0 0;
  }

  .sp-why-assess .assess-right-04 p {
    font-size: 1.125rem !important;
    margin: 2.25rem 0 0 0 !important;
    line-height: 2rem !important;
  }

  .sp-serv-price .price-features-list .text {
    font-size: 1rem !important;
  }

  .sp-how-it-work {
    padding: 2.75rem 0 0 0;
  }

  .sp-how-it-work .title {
    font-size: 2.25rem;
    line-height: 2rem;
  }

  .sp-how-it-work .sub-title {
    font-size: 1.125rem;
  }

  .sp-how-it-work .art-design-section .left-design-box .title-box p {
    font-size: 1.25rem;
  }

  .sp-how-it-work .art-design-section .left-design-box .title-box {
    position: absolute;
    width: 80%;
    top: -20%;
    left: 13%;
  }

  .sp-how-it-work .art-design-section .left-design-box {
    margin: 0 0 5rem 0;
  }

  .sp-how-it-work .art-design-section .left-design-box .number-box {
    padding: 0 1.125rem;
    position: absolute;
    top: -16%;
    left: -2%;
  }

  .sp-how-it-work .art-design-section .left-design-box .number-box p {
    font-size: 2.25rem;
  }

  .sp-how-it-work .art-design-section .left-design-box .icon-img {
    position: absolute;
    right: 0%;
    bottom: -2%;
  }

  .sp-how-it-work .art-design-section .segment-2 {
    margin: 0rem 0 0 0;
  }

  .sp-price-table {
    padding: 0 0 0 0;
  }

  .sp-free-sp-test {
    padding: 2.75rem 0 0 0;
  }

  .sp-free-sp-test .title {
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .sp-free-sp-test .title-text {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .sp-free-sp-test .sub-title {
    font-size: 1.5rem;
    text-align: center;
  }

  .sp-testimonial-section .sp-testimonial-card-div .sp_testimonial_card {
    margin: 1rem 0 0 0;
  }

  .start-test-div {
    text-align: center;
  }

  .sp-free-sp-test .test-div {
    text-align: center;
  }

  .sp-free-sp-test .test-div .speak .icon {
    font-size: 1.25rem;
    padding: 0.625rem 1rem;
  }

  .sp-free-sp-test .test-div .speak .text {
    font-size: 1.25rem;
  }

  .sp-free-sp-test .next-question-div {
    text-align: center;
    margin: 1rem 0 0 0;
  }

  .sp-free-sp-test .next-question-div button {
    margin: 1.25rem 0 0 0;
  }

  .sp-way-evaluate {
    padding: 2.75rem 0 2.75rem 0;
  }

  .sp-way-evaluate .title {
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .sp-way-evaluate .title-text {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }

  .sp-way-evaluate .service-box-div {
    padding-top: 0;
  }

  .sp-way-evaluate .service-box {
    margin: 1.5rem 0 0 0;
  }

  .sp-band-description .title {
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .sp-band-description .title-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .sp-band-description .content-div {
    margin-top: 2rem;
  }

  .sp-band-description .text {
    font-size: 1.125rem;
    margin: 0 0 0 0;
    line-height: 1.5rem;
  }

  .sp-band-description {
    padding: 0 0 2.75rem 0;
  }

  .sp-advertisement .main-image {
    width: 100%;
    padding: 1rem 0;
  }

  .sp-advertisement .text {
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sp-advertisement .button-div {
    margin: 2rem 0 3rem 0;
  }

  .sp-serv-price {
    padding: 2.75rem 0 0 0;
  }

  .sp-serv-price .title {
    font-size: 2.25rem;
  }

  .sp-serv-price .package-sub-title {
    font-size: 1.875rem;
    margin: 1rem 0 0 0;
  }

  .sp-ser-price-box {
    margin: 1.25rem 0 0 0;
  }

  .sp-ser-price-box-premium {
    margin: 1.25rem 0 0 0;
  }

  .sp-testimonial-section {
    padding: 2.75rem 0 0 0;
  }

  .sp-testimonial-section .title {
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .sp-testimonial-section .sp-testimonial-card-div .stu-info img {
    width: 30%;
  }

  .sp-test-microphone {
    width: 17%;
  }

  /* speaking service mobile view css end */
  .cam-card {
    padding: 25px 0;
  }

  .stud-dash-logo-div {
    display: none;
  }

  .stu-dash-cabbab-button {
    display: block;
  }

  .stu-dash-header-dropdown {
    position: absolute;
    right: 3%;
    top: 107%;
    width: 40%;
  }

  .stu-dash-sidebar-other-device {
    display: none;
  }

  .stu-dash-main-content {
    padding: 1rem 2rem 2rem 2rem;
  }

  .stu-dash-goal-not-save {
    width: 100%;
    padding: 3rem;
    margin: 10px 0 0 0;
  }

  .assessment-level-img-div img {
    width: 100%;
  }

  .stu-dash-level-button {
    padding: 4px 6px;
  }

  .stu-dash-nav-tab-div li {
    font-size: 0.875rem;
    margin-right: 4px;
  }

  .stu-dashboard-sidebar .dashboard-icon {
    padding: 8px 4px !important;
  }

  .stu-dashboard-sidebar .list-tag {
    padding: 8px 4px !important;
  }

  .stu-dashboard-sidebar .list-div .accordion-button {
    padding: 0 0 0 0 !important;
  }

  .stu-dash-suggested-content-title {
    line-height: 2rem;
  }

  .stu-dash-level-all-progress {
    margin: 2rem 0 1rem 0;
  }

  .stu-dash-level-button {
    font-size: 1rem;
  }

  .assessment-test-subtitle {
    margin: 0 0 8px 0;
  }

  .stu-dash-head-lar {
    display: flex;
    justify-content: space-between;
  }
}

@media (max-width:320px) {

  /* smartphones, iPhone, portrait 480x320 phones */
  .home-assess-level-btn {
    padding: 10px 6px;
  }

  .home-banner-img img {
    width: 100%;
  }

  .home-live-img-design {
    width: 81%;
    position: absolute;
    top: 1%;
    left: 8%;
  }

  .home-live {
    padding: 50px 20px;
    margin-top: 35px;
  }

  .home-live-img-shadow {
    position: absolute;
    top: 16%;
    left: 0;
    z-index: -1;
    width: 100%;
  }

  .h-l-r-s-head-text {
    font-size: 26px;
    line-height: 37px;
    margin-top: 25px;
  }

  .h-l-r-s-text {
    font-size: 18px;
  }

  .upcoming-live .head-text {
    font-size: 22px;
  }

  .upcoming-live h4 {
    margin-right: 6px;
  }

  .upcoming-live .next {
    margin-top: 45px;
  }

  .home-live-btn-box {
    text-align: center;
  }

  .home-services {
    padding: 20px;
    margin: 10px 0;
  }

  .home-service-box {
    margin-top: 20px;
  }

  .home-sp-w-service {}

  .home-sp-row-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .home-sp-right-side {
    margin-top: 45px;
  }

  .home-w-left-side {
    margin-top: 45px;
  }

  .home-testing-system {
    margin: 60px 0 0 0;
  }

  .home-testing-sy-btn {
    padding: 10px 123px;
  }

  .home-testing-sy-header img {
    width: 11%;
    position: absolute;
    left: 5%;
    bottom: 83%;
  }

  .home-blog {
    padding: 35px 20px;
    margin-top: 36px;
  }

  .home-blog-header img {
    position: absolute;
    left: -5%;
    bottom: 84%;
    width: 11%;
  }

  .home-blog-rabbos {
    position: absolute;
    top: -1%;
    z-index: -1;
    right: 9%;
  }

  .home-blog-box {
    margin-top: 20px;
  }

  .home-testimonial-header h1 {
    padding: 0 30px;
  }

  .home-testimonial-header img {
    position: absolute;
    right: 12%;
    bottom: 85%;
    rotate: 90deg;
  }

  .home-testimonial-icon {
    width: 18% !important;
  }

  .home-testimonial-box h5 {
    margin-top: 30px !important;
  }

  .home-testimonial-portfolio img {
    width: 20% !important;
  }
}

@media (min-width:481px) {
  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */

}

@media (min-width:641px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}

@media (min-width:961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width:1025px) {
  /* big landscape tablets, laptops, and desktops */
}

@media (min-width:1281px) {
  /* hi-res laptops and desktops */
}

@media screen and (max-width: 1366px) {
  .home-banner-left-side h1 {
    font-size: 3rem;
  }

  .home-banner-left-side {
    padding: 4rem 15px 0 0;
  }

  .banner-ielts-arrow {
    position: absolute;
    width: 28%;
    right: 8%;
    bottom: 41%;
  }

  .home-live-right-side .head-text {
    width: 50%;
  }

  .home-live-right-side {
    margin: 1rem 0 0 0;
  }

  .home-assessment-test .title {
    font-size: 2.75rem;
  }

  .home-testing-sy-header img {
    position: absolute;
    left: 38%;
    bottom: 77%;
  }

  .home-w-left-side {
    margin: 8rem 2rem 0 0;
  }

  .home-sp-right-side {
    margin: 4rem 0 0 0;
  }

  .home-sp-w-service {
    margin: 0 0 0 0;
  }

  .home-blog {
    margin: 2rem 0 0 0;
  }

  .home-blog-header img {
    position: absolute;
    left: 29%;
    bottom: 79%;
  }

  .home-assessment-test .image {
    margin: 8rem 0 0 0;
  }

  .home-testimonial-header img {
    position: absolute;
    right: 22%;
    bottom: 65%;
  }

  .home-testimonial-box {
    width: 90%;
    position: absolute;
    top: 24%;
    left: 7%;
  }

  .home-set-goal .inner-div {
    padding: 3rem 3rem;
  }

  .home-set-goal .title {
    margin: 2rem 0 0 0;
  }

  .header-register-btn {
    margin-left: 6rem;
  }

  .nav-margin {
    margin-right: 4px !important;
  }

  .navbar-expand-lg .navbar-nav-scroll {
    margin: 0 !important;
  }

  .home-services .home-service-big-screen .all-service {
    padding: 2rem 1rem;
  }

  .home-page-ad .icon-2 {
    position: absolute;
    left: 27%;
    top: 7%;
    z-index: -11;
  }

  .home-testimonial-icon {
    padding-bottom: 15rem;
  }

  /* dashbord css */
  .stu-dash-level-button-active {
    font-size: 1rem;
    padding: 6px 12px;
  }

  .stu-dash-level-button {
    font-size: 1rem;
    padding: 6px 12px;
  }

  .stu-dash-goal-not-save .goal-button {
    font-size: 1rem;
  }

  .stu-dash-header-dropdown {
    width: 13%;
  }

  .stu-dash-stugg-course .complete-test-button a {
    padding: 6px 0;
  }

  .stu-dash-stugg-course .test-button a {
    padding: 6px;
  }

  .stu-dash-stugg-course-progress {
    width: 75%;
  }

  .stu-dashboard-sidebar {
    padding: 1.25rem 0.5rem;
  }

  .stu-dashboard-sidebar .dashboard-icon {
    padding: 10px 0px 10px 0px !important;
  }

  .stu-dashboard-sidebar .list-tag {
    padding: 10px 0px 10px 0px !important;
  }

  .studashboardsidebaractivelisttag {
    padding: 10px 6px 10px 6px !important;
  }

  /* speaking service landing css */
  .ws-banner-left-side p {
    font-size: 5rem;
  }

  .ws-banner-left-side {
    padding: 0 0 0 0;
  }

  .writing-service-home .banner-button {
    margin: 2rem 0 0 0;
  }

  .sp-what-you-get .service-box .icon-div {
    font-size: 2rem;
  }

  .sp-what-you-get .service-box-div-1 {
    padding: 1.3125rem 1rem;
  }

  .sp-what-you-get .service-box h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sp-what-you-get .service-box p {
    font-size: 1rem;
  }

  .writing-serive-assess-skills .title .text {
    margin: 1rem 0 0 0;
  }

  .assess-w-02-text-box {
    margin: 12rem 2rem 0 0;
  }

  .assess-w-01-text-box {
    margin: 8rem 0 0 0;
  }

  .assess-w-03-text-box {
    margin: 14rem 2rem 0 0;
  }

  .assess-w-05-text-box {
    margin: 8rem 0 0 3rem;
  }

  .w-submit-inner-title {
    width: 82%;
  }

  .w-submit-inner-title-2 {
    width: 93%;
    position: absolute;
    left: -6%;
  }

  .premium_ws_service_full_box .most-popular-div {
    position: absolute;
    right: 1%;
  }

  .service_full_box_black_most .most-popular-div {
    position: absolute;
    top: 1%;
    right: 1%;
  }

  .ws-testimonial .header {
    margin: 0 0 0 0;
  }

  .home_testimonial_box {
    padding: 0 12px 12px 12px;
  }

  .sp-home-banner .banner-left-side h1 {
    font-size: 2.5rem;
  }

  .sp-home-banner .banner-left-side p {
    line-height: 1.5rem;
  }

  .sp-home-banner .button-div {
    padding: 2rem 0 4rem 0;
  }

  .sp-what-you-get .service-box-div-2 {
    padding: 1.3125rem 1rem;
  }

  .sp-what-you-get .service-box-div-3 {
    padding: 1.3125rem 1rem;
  }

  .sp-what-you-get .service-box-div-4 {
    padding: 1.3125rem 1rem;
  }

  .sp-why-assess .assess-01-right p {
    margin-right: 1rem;
  }

  .sp-why-assess .assess-right-04 p {
    margin: 11rem 0 0 4rem;
  }

  .sp-how-it-work .art-design-section .left-design-box .title-box {
    position: absolute;
    width: 78%;
    top: -21%;
    left: 14%;
  }

  .sp-way-evaluate .title {
    font-size: 2.75rem;
  }

  .sp-way-evaluate .service-box {
    padding: 1rem 0rem;
  }

  .sp-advertisement .text {
    margin-top: 4rem;
  }

  .sp-ser-price-box {
    padding: 20px 10px;
  }

  .sp-serv-price .price-features-list .text {
    font-size: 0.875rem;
  }
}

/* responsive css end */