@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --heading-font: 'Playfair Display', serif;
  --regular-font: 'Rubik', sans-serif;
  --brand-clr: #3da596;
  --brand-subclr: #2062be;
  --brand-redclr: #b13589;
}

body {
  -webkit-font-smoothing: antialiased;
  font-family: var(--regular-font);
  font-size: 15px;
  line-height: normal;
  background-color: #f9f9f9;
}

a,
a:hover {
  outline: none;
  text-decoration: none;
  color: currentColor;
}

.hero_btn {
  padding: 10px 20px;
  background: var(--brand-subclr);
  color: #ffffff;
  text-decoration: none;
  line-height: normal;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}

.hero_btn:hover {
  opacity: .85;
}

.heading h2 {
  color: var(--brand-clr);
  font-size: 45px;
  font-weight: 600;
  text-shadow: 4px 4px 8px #00000042;
}

@media only screen and (max-width: 480px) {
  .heading h2 {
    font-size: 25px;
    font-weight: 500;
    text-shadow: unset;
  }
}

.heading p {
  font-size: 18px;
  line-height: 26px;
}

.heading .hero_btn {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.heading h6 {
  position: relative;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 26px;
  padding-left: 5px;
  z-index: 1;
}

.heading h6::after {
  position: absolute;
  content: '';
  width: 30%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #99caff;
  z-index: -1;
}

header {
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
	background-color: #ffffff;
}

header .navbar-expand-lg .navbar-nav {
  gap: 10px;
}

header .navbar-expand-lg .navbar-nav .nav-link {
  font-size: 17px;
  font-weight: 400;
}
header .navbar-expand-lg .navbar-nav .nav-link.active {
  color: var(--brand-clr);
}
header .navbar-expand-lg .navbar-nav .login_btn {
  padding: 8px 20px;
  background: #00000026;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

header .navbar-expand-lg .navbar-nav .login_btn:hover {
  background-color: var(--brand-clr);
  color: #ffffff;
}

header .navbar-expand-lg .navbar-nav .login_btn:hover img {
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  -webkit-filter: invert(1) brightness(10);
          filter: invert(1) brightness(10);
}

#signIn .modal-dialog {
  max-width: 600px;
}

#signIn .modal-content {
  background-color: transparent;
  border: unset;
}

#signIn .modal-content .btn-close {
  position: absolute;
  top: -15px;
  right: -15px;
  padding: 8px;
  background: url(../icons/closeB.svg);
  background-color: var(--brand-subclr);
  border-radius: 0;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  z-index: 1;
  border-radius: 50%;
}

@media only screen and (max-width: 480px) {
  #signIn .modal-content .btn-close {
    top: 5px;
    right: 5px;
  }
}

#signIn .modal-content .btn-close:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

#signIn .modal-content .signIn_body {
  background-color: #ffffff;
  padding: 10px;
  border-radius: 10px;
}

#signIn .modal-content .signIn_body .signIn_imgLeft {
  background: #f5f5f5;
}

@media only screen and (max-width: 480px) {
  #signIn .modal-content .signIn_body .signIn_imgLeft {
    display: none;
  }
}

#signIn .modal-content .signIn_body .signIn_formRight {
  position: relative;
  padding-right: 15px;
  padding-top: 24px;
}

@media only screen and (max-width: 480px) {
  #signIn .modal-content .signIn_body .signIn_formRight {
    padding-right: 15px;
    padding-left: 15px;
  }
}

#signIn .modal-content .signIn_body .signIn_formRight h3 {
  font-size: 25px;
  color: var(--brand-subclr);
  margin-bottom: 15px;
}

#signIn .modal-content .signIn_body .signIn_formRight .form-control {
  border-radius: 0;
  font-size: 14px;
  height: 45px;
}

#signIn .modal-content .signIn_body .signIn_formRight .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid var(--brand-subclr);
}

#signIn .modal-content .signIn_body .signIn_formRight .frgt_pass {
  margin-left: auto;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--brand-redclr);
  -webkit-transition: .2s ease;
  transition: .2s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: unset;
  border: unset;
}

#signIn .modal-content .signIn_body .signIn_formRight .frgt_pass:hover {
  opacity: 0.7;
}

#signIn .modal-content .signIn_footer {
  padding: 30px;
  text-align: center;
  margin-top: 10px;
  background: var(--brand-subclr);
  border-radius: 10px;
}

@media only screen and (max-width: 480px) {
  #signIn .modal-content .signIn_footer {
    padding: 15px 10px;
  }
}

#signIn .modal-content .signIn_footer P {
  margin-bottom: 0;
  color: #c9c9c9;
}

#signIn .modal-content .signIn_footer P span {
  color: #ffffff;
  cursor: pointer;
}

#hero_section {
    position: relative;
    height: auto;
    top: 86px;
    margin-bottom: 86px;
}

@media only screen and (max-width: 768px) {
  #hero_section {
    position: relative;
    height: auto;
    top: 83.28px;
    margin-bottom: 83.28px;
  }
}

#hero_section .hero_slider {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 150px;
  max-width: 560px;
}

@media only screen and (max-width: 480px) {
  #hero_section .hero_slider {
    max-width: 100%;
    right: 0px;
    padding: 0 15px;
    padding-bottom: 220px;
  }
}

@media only screen and (max-width: 480px) {
  #hero_section .hero_slider .heading {
    padding: 0px;
  }
  #hero_section .hero_slider .heading h2 {
    font-size: 25px;
    font-weight: 400;
    text-shadow: unset;
  }
  #hero_section .hero_slider .heading h6 {
    color: #f4f4f4;
  }
  #hero_section .hero_slider .heading p {
    display: none;
  }
  #hero_section .hero_slider .heading .hero_btn {
    background: #fff;
    color: #51ada0;
    display: none;
  }
}

#hero_section .hero_banner {
  position: relative;
}

@media only screen and (max-width: 480px) {
  #hero_section .hero_banner {
    height: 350px;
  }
  #hero_section .hero_banner img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left;
       object-position: left;
  }
  #hero_section .hero_banner::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 0;
  }
}

@media only screen and (max-width: 480px) {
  .navbar-collapse {
    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 10px inset;
            box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 10px inset;
  }
}

#select_class {
  padding: 5rem 0;
}

@media only screen and (max-width: 480px) {
  #select_class {
    padding: 2rem 0;
  }
}

#select_class .select_classWrapper {
  width: 100%;
  height: 120px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  position: relative;
  cursor: pointer;
}

#select_class .select_classWrapper.active {
  background-color: var(--var-clr);
  -webkit-animation: addbg .25s linear forwards;
          animation: addbg .25s linear forwards;
}

@-webkit-keyframes addbg {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.65;
  }
  100% {
    opacity: 1;
  }
}

@keyframes addbg {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.65;
  }
  100% {
    opacity: 1;
  }
}

#select_class .select_classWrapper.active p {
  color: #dfdfdf;
}

#select_class .select_classWrapper.active p span {
  -webkit-text-stroke: 2px #f5f5f5;
}

#select_class .select_classWrapper .select_classInner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

#select_class .select_classWrapper p {
  margin: 0;
  font-size: 18px;
  text-align: center;
  color: var(--var-clr);
}

#select_class .select_classWrapper p span {
  margin: 0;
  font-size: 40px;
  color: transparent;
  -webkit-text-stroke: 2px var(--var-clr);
  font-weight: 900;
  letter-spacing: 2px;
}

#select_class.smapleBg {
  background-color: #02234c;
  z-index: 1;
  position: relative;
  margin-bottom: 6rem;
}

@media only screen and (max-width: 480px) {
    .dfdf .col-12{
        padding-right:0;
        padding-left:0;
    }
  #select_class.smapleBg {
    margin-bottom: 2rem;
  }
}

#select_class.smapleBg::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-position: right bottom;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  background-image: url(../images/sampleBg.svg);
  opacity: 0.2;
}

#select_class.smapleBg .select_classWrapper:hover {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  background-color: var(--var-clr);
}

#select_class.smapleBg .select_classWrapper:hover p {
  color: #ffffff;
}

#select_class.smapleBg .select_classWrapper:hover p span {
  color: #ffffff;
}

#select_school {
  position: relative;
  padding: 8rem 0 5rem;
}

@media only screen and (max-width: 480px) {
  #select_school {
    padding: 8rem 0 3rem;
  }
}

#select_school .select_school {
  position: relative;
  background-color: #ffffff;
  padding: 60px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

@media only screen and (max-width: 480px) {
  #select_school .select_school {
    padding: 20px;
  }
}

@media only screen and (max-width: 480px) {
  #select_school .select_school .form-group label {
    margin: 10px 0 !important;
  }
  #select_school .select_school .form-group .show_booksBtn {
    margin-top: 30px;
  }
}

#select_school .select_school .form-group .form-select,
#select_school .select_school .form-group .form-control{
  height: 50px;
  border-radius: 0;
  font-size: 15px;
}

#select_school .select_school .form-group .form-select:focus,
#select_school .select_school .form-group .form-control:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--brand-clr);
}

#select_school .book_list {
  position: relative;
  margin-top: 50px;
}

@media only screen and (max-width: 480px) {
  #select_school .book_list {
    margin-top: 30px;
  }
}

#select_school .book_list .book_listLeft {
  background-color: #ffffff;
  padding: 25px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

@media only screen and (max-width: 480px) {
  #select_school .book_list .book_listLeft {
    padding: 20px 15px;
  }
  #select_school .book_list .book_listLeft .noBooks img {
    width: 100%;
  }
}

#select_school .book_list .book_listWrapper {
  border: 1px solid #dfdfdf;
  padding: 10px;
  border-radius: 10px;
  position: relative;
}

#select_school .book_list .book_listWrapper .add_book {
  background-color: unset;
  color: #030303;
  font-size: 11px;
  padding: 5px 10px;
  border: 1px solid #a1a1a1;
  font-weight: 500;
  border-radius: 4px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  line-height: normal;
}

#select_school .book_list .book_listWrapper .add_book:hover, #select_school .book_list .book_listWrapper .add_book.active {
  background-color: var(--brand-clr);
  color: #ffffff;
  border-color: var(--brand-clr);
}

#select_school .book_list .book_listWrapper .book_detailsWrapper h5.book_tittle {
  font-size: 14px;
  color: var(--brand-subclr);
}

#select_school .book_list .book_listWrapper .book_detailsWrapper h6.book_publisher {
  font-size: 12px;
  font-weight: 400;
  color: #2e2e2e;
  line-height: 18px;
}

#select_school .book_list .book_listWrapper .book_detailsWrapper span.book_price {
  font-size: 16px;
  position: relative;
  margin-left: 23px;
  padding: 0 5px;
  font-weight: 500;
  color: #ff7575;
}

#select_school .book_list .book_listWrapper .book_detailsWrapper span.book_price::after {
  position: absolute;
  content: 'Rs.';
  font-size: 16px;
  top: 0;
  right: 100%;
}

#select_school .book_list .book_listWrapper .book_detailsWrapper span.book_price::before {
  position: absolute;
  content: '/-';
  font-size: 16px;
  top: 0;
  left: 100%;
}

#select_school .book_list .book_listWrapper .book_manageWrapper {
  text-align: right;
}

#select_school .book_list .book_listWrapper .book_manageWrapper p {
  opacity: 0;
}

#select_school .book_list .book_listWrapper .book_manageWrapper p button:first-child {
  border: 1px solid #9c9c9c;
  border-right: unset;
  background: #ffffff;
  padding: 0 3px;
}

#select_school .book_list .book_listWrapper .book_manageWrapper p button:first-child img {
  width: 12px;
}

#select_school .book_list .book_listWrapper .book_manageWrapper p input {
  max-width: 30px;
  border: 1px solid #9c9c9c;
  text-align: center;
  font-size: 13px;
}

#select_school .book_list .book_listWrapper .book_manageWrapper p input:focus {
  outline: none;
}

#select_school .book_list .book_listWrapper .book_manageWrapper p button:last-child {
  border: 1px solid #9c9c9c;
  border-left: unset;
  background: #ffffff;
  padding: 0 3px;
}

#select_school .book_list .book_listWrapper .book_manageWrapper p button:last-child img {
  width: 12px;
}

#select_school .book_list .payment_details {
  position: -webkit-sticky;
  position: sticky;
  padding: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  top: 50px;
  border-radius: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 480px) {
  #select_school .book_list .payment_details {
    display: block;
  }
}

#select_school .book_list .payment_details.hide::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #ffffffc2;
  z-index: 2;
  inset: 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

@media only screen and (max-width: 480px) {
  #select_school .book_list .payment_details.hide {
    display: none;
  }
}

#select_school .book_list .payment_details .checkout_prod {
  padding: 0 10px;
}

#select_school .book_list .payment_details .checkout_prod span.bookTitle.col-8.ps-0 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #282828;
}

#select_school .book_list .payment_details .checkout_prod .border-secondary {
  --bs-border-opacity: 0.2;
}

#select_school .book_list .payment_details .checkout_prod li.row.mb-2 {
  padding: 10px;
  border: 1px solid #f3f3f3;
  border-radius: 10px;
  background: #f5f5f5;
}

#select_school .book_list .payment_details .list-unstyled.checkout_price h3 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}

#select_school .book_list .payment_details .list-unstyled.checkout_price li span {
  position: relative;
}

#select_school .book_list .payment_details .list-unstyled.checkout_price li span:first-child {
  font-size: 14px;
  font-weight: 400;
  color: #747474;
}

#select_school .book_list .payment_details .list-unstyled.checkout_price li span:last-child {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-right: 15px;
}

#select_school .book_list .payment_details .list-unstyled.checkout_price li span:last-child::after {
  position: absolute;
  content: '/-';
  font-size: 16px;
  top: 0;
  left: 100%;
}

#select_school .book_list .payment_details .list-unstyled.checkout_price li span:last-child::before {
  position: absolute;
  content: 'Rs.';
  font-size: 16px;
  top: 0;
  right: 100%;
}

#profile_section {
  background: #f5f5f5;
  position: relative;
  padding: 10rem 0 4rem;
}

@media only screen and (max-width: 480px) {
  #profile_section {
    padding: 11.5rem 0 3rem;
  }
}

#profile_section .profile_sectionLeft {
  position: relative;
  margin-right: 50px;
  background: #ffff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionLeft {
    margin-right: 0px;
  }
}

#profile_section .profile_sectionLeft .profile_profilePic {
  position: relative;
  text-align: center;
  top: -55px;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionLeft .profile_profilePic {
    top: -50px;
  }
}

#profile_section .profile_sectionLeft .profile_profilePic .img-fluid {
  width: 100px;
  border-radius: 50%;
  height: 100px;
  outline: 5px solid #fff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionLeft .profile_profilePic .img-fluid {
    width: 90px;
    height: 90px;
  }
}

#profile_section .profile_sectionLeft .menu_links {
  padding: 0 50px;
  position: relative;
  top: -30px;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionLeft .menu_links {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionLeft .menu_links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#profile_section .profile_sectionLeft .menu_links ul li {
  position: relative;
  margin-bottom: 8px;
  font-family: var(--regular-font);
  padding-left: 40px;
  line-height: 35px;
  -webkit-transition: var(--transition-cm);
  transition: var(--transition-cm);
  border-radius: 20px;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionLeft .menu_links ul li {
    padding-left: 30px;
    line-height: 30px;
    margin-right: 10px;
  }
}

#profile_section .profile_sectionLeft .menu_links ul li a {
  line-height: 35px;
  width: 100%;
  display: block;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionLeft .menu_links ul li a {
    line-height: 30px;
    padding-right: 10px;
  }
}

#profile_section .profile_sectionLeft .menu_links ul li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionLeft .menu_links ul li:last-child {
    margin-bottom: 8px;
  }
}

#profile_section .profile_sectionLeft .menu_links ul li.active, #profile_section .profile_sectionLeft .menu_links ul li:hover {
  background-color: var(--brand-clr);
  color: #fff;
}

#profile_section .profile_sectionLeft .menu_links ul li.active::after, #profile_section .profile_sectionLeft .menu_links ul li:hover::after {
  -webkit-filter: invert(1) brightness(5);
          filter: invert(1) brightness(5);
}

#profile_section .profile_sectionLeft .menu_links ul li::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  left: 10px;
  top: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionLeft .menu_links ul li::after {
    width: 14px;
    height: 14px;
    top: 8px;
  }
}

#profile_section .profile_sectionLeft .menu_links ul li:nth-child(1)::after {
  background-image: url(../icons/profile.svg);
}

#profile_section .profile_sectionLeft .menu_links ul li:nth-child(2)::after {
  background-image: url(../icons/history.svg);
  top: 10px;
}

#profile_section .profile_sectionLeft .menu_links ul li:nth-child(3)::after {
  background-image: url(../icons/password.svg);
  width: 18px;
  height: 18px;
  background-size: 18px;
}

#profile_section .profile_sectionLeft .menu_links ul li:nth-child(4)::after {
  background-image: url(../icons/logout.svg);
}

#profile_section .profile_sectionLeft .menu_links ul li:nth-child(5)::after {
  background-image: url(../icons/chat.svg);
}

#profile_section .profile_sectionRight {
  position: relative;
  padding: 20px 20px 0;
  background: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionRight {
    padding: 10px 10px 0;
  }
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsBanner {
  position: relative;
  padding: 20px 20px 60px;
  text-align: center;
  background: #f5f5f5;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid #e7e7e7;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsBanner {
    padding: 50px 20px 70px;
  }
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsBanner img {
  width: 35%;
  -webkit-filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.4));
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsBanner img {
    -webkit-filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.2));
  }
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsBanner a {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 4px 12px;
  color: var(--brand-clr);
  font-family: var(--regular-font);
  font-weight: 600;
  font-size: 18px;
  border: 2px solid;
  border-radius: 5px;
  opacity: 0.5;
  -webkit-transition: var(--transition-cm);
  transition: var(--transition-cm);
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsBanner a {
    font-size: 12px;
    border: 1px solid;
  }
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsBanner a:hover {
  opacity: 1;
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsPic {
  position: relative;
  text-align: center;
  top: -55px;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsPic {
    top: -45px;
  }
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsPic::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #4db314;
  top: 85px;
  left: calc(50% + 25px);
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsPic::after {
    top: 60px;
  }
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsPic img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px;
  outline: 5px solid #ffffff;
  -webkit-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.2);
  position: relative;
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsPic img {
    width: 80px;
    height: 80px;
  }
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsPic h3 {
  font-size: 25px;
  font-family: var(--regular-font);
  margin: 10px 0 0;
  color: var(--brand-clr);
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsInformation {
  position: relative;
  top: -30px;
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsInformation h3 {
  margin: 0 0 12px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #222;
  font-family: var(--regular-font);
}

@media only screen and (max-width: 480px) {
  #profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsInformation h3 {
    font-size: 18px;
  }
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsInformation span {
  position: relative;
  display: block;
  padding: 10px;
  width: 100%;
  background-color: #f5f5f5;
  text-align: left;
  font-family: var(--regular-font);
  color: var(--brand-clr);
  font-weight: 600;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#profile_section .profile_sectionRight .profile_sectionRightWrapper .profile_detailsInformation p {
  text-align: left;
  border: 1px solid #e7e7e7;
  border-top: unset;
  margin-bottom: unset;
  line-height: 40px;
  padding-left: 10px;
  font-weight: 400;
  font-size: 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #545454;
}

#profile_section .booking_wrapper {
  padding: 40px 20px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: relative;
}

@media only screen and (max-width: 480px) {
  #profile_section .booking_wrapper {
    padding: 15px;
  }
}

#profile_section .booking_wrapper .booking_Details {
  position: relative;
  padding: 30px 15px 20px;
  border: 1px solid #3da596;
  border-radius: 10px;
  z-index: 1;
}

#profile_section .booking_wrapper .booking_Details::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(../images/logo.png);
  background-position: center;
  opacity: 0.2;
  z-index: -1;
  background-size: 100px;
  inset: 0;
  background-repeat: no-repeat;
}

#profile_section .booking_wrapper .booking_Details.orderd {
  border-color: var(--brand-clr);
}

#profile_section .booking_wrapper .booking_Details.orderd::after {
  content: 'Ordered';
  background-color: var(--brand-clr);
}

#profile_section .booking_wrapper .booking_Details.processed {
  border-color: #eba900;
}

#profile_section .booking_wrapper .booking_Details.processed::after {
  content: 'processed';
  background-color: #eba900;
}

#profile_section .booking_wrapper .booking_Details.deliverd {
  border-color: #1caa1c;
}

#profile_section .booking_wrapper .booking_Details.deliverd::after {
  content: 'deliverd';
  background-color: #1caa1c;
}

#profile_section .booking_wrapper .booking_Details.canceled {
  border-color: #f10000;
}

#profile_section .booking_wrapper .booking_Details.canceled::after {
  content: 'cancelled';
  background-color: #f10000;
}

#profile_section .booking_wrapper .booking_Details::after {
  position: absolute;
  color: #ffffff;
  top: 14px;
  line-height: 24px;
  top: -12px;
  right: 20px;
  padding: 0 10px;
  border-radius: 15px;
  font-size: 14px;
  text-transform: capitalize;
}

#profile_section .booking_wrapper .booking_Details .booking_DetailsText .list-unstyled li span:first-child {
  color: #000000;
}

#profile_section .booking_wrapper .booking_Details .booking_DetailsText .list-unstyled li span:last-child {
  font-weight: 500;
}

#profile_section .booking_wrapper .booking_Details a.order_details {
  border: 1px solid #2161be;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 20px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  color: #2161be;
}

#profile_section .booking_wrapper .booking_Details a.order_details:hover {
  color: #fff;
  background: #2161be;
}

#profile_section .update_passwordWrapper {
  position: relative;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
  width: 100%;
  background-color: #fff;
}

@media only screen and (max-width: 480px) {
  #profile_section .update_passwordWrapper {
    padding: 15px;
  }
}

#profile_section .update_passwordWrapper .details_sectionRight {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  width: 100%;
  border: unset;
}

#profile_section .update_passwordWrapper .details_sectionRight .form-control {
  height: 40px;
}

#profile_section .order_detailsWrapper {
  position: relative;
  padding: 20px;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper {
    padding: 10px;
  }
}

#profile_section .order_detailsWrapper .invoice_details_wrapper {
  padding: 20px;
  background: #f8fcff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 5px solid #ffffff;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_details_wrapper {
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#profile_section .order_detailsWrapper .invoice_details_wrapper .invoice_details_last {
  text-align: right;
  position: relative;
}

#profile_section .order_detailsWrapper .invoice_details_wrapper .invoice_details_last img {
  width: 100px;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_details_wrapper .invoice_details_last img {
    width: 80px;
  }
}

#profile_section .order_detailsWrapper .invoice_details_wrapper .invoice_details_last p {
  margin: 10px 0 0 0;
  font-weight: 400;
  font-size: 15px;
  color: #1a1a1a;
  font-family: var(--regular-font);
  line-height: 16px;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_details_wrapper .invoice_details_last p {
    font-size: 14px;
  }
}

#profile_section .order_detailsWrapper .invoice_details_wrapper .invoice_details_heading p {
  margin: 0;
  font-weight: 500;
  font-size: 30px;
  color: var(--brand-clr);
  font-family: var(--regular-font);
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_details_wrapper .invoice_details_heading p {
    font-size: 20px;
    color: #545454;
  }
}

#profile_section .order_detailsWrapper .invoice_details_wrapper .invoice_details_heading span {
  font-weight: 400;
  font-size: 14px;
  color: #1a1a1a;
  font-family: var(--regular-font);
}

#profile_section .order_detailsWrapper .invoice_priceWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f8fcff;
  padding: 20px;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper.mb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #profile_section .order_detailsWrapper .invoice_priceWrapper.mb p {
    margin-left: 0;
  }
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: block;
    padding: 10px;
  }
  #profile_section .order_detailsWrapper .invoice_priceWrapper.mb_cr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #profile_section .order_detailsWrapper .invoice_priceWrapper.mb_cr .orderTo {
    margin-bottom: 15px;
  }
}

#profile_section .order_detailsWrapper .invoice_priceWrapper p {
  margin-bottom: 5px;
  font-size: 16px;
  font-family: var(--regular-font);
  color: var(--brand-clr);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  padding-bottom: 0px;
  border-bottom: 1px dashed var(--brand-clr);
  line-height: 18px;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper p {
    margin-left: auto;
  }
}

#profile_section .order_detailsWrapper .invoice_priceWrapper span {
  font-size: 15px;
  font-family: var(--regular-font);
}

#profile_section .order_detailsWrapper .invoice_priceWrapper ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  font-size: 14px;
  font-family: var(--regular-font);
  margin-top: 10px;
}

#profile_section .order_detailsWrapper .invoice_priceWrapper ul li {
  margin-bottom: 5px;
  color: #545454;
}

#profile_section .order_detailsWrapper .invoice_priceWrapper ul li b {
  font-weight: 500;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper ul {
    max-width: 100%;
    font-size: 14px;
    text-align: right;
  }
}

#profile_section .order_detailsWrapper .invoice_priceWrapper .order_statusWrapper p {
  margin: 0 auto;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper .order_statusWrapper p {
    margin: 0;
    margin-left: auto;
  }
}

#profile_section .order_detailsWrapper .invoice_priceWrapper .order_statusWrapper span {
  color: #fff;
  padding: 2px 15px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px auto 0;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper .order_statusWrapper span {
    margin: 0;
    margin-left: auto;
    margin-top: 10px;
  }
}

#profile_section .order_detailsWrapper .invoice_priceWrapper .orderTo {
  text-align: right;
}

#profile_section .order_detailsWrapper .invoice_priceWrapper .orderTo a {
  position: relative;
  color: #f10000;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper .orderTo a {
    background: #fff3f3;
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    margin-top: 10px;
  }
}

#profile_section .order_detailsWrapper .invoice_priceWrapper .orderTo a::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../icons/download.svg);
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
  left: -20px;
  top: 0;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper .orderTo a::after {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper .orderTo {
    width: 100%;
    text-align: left;
  }
}

#profile_section .order_detailsWrapper .invoice_priceWrapper .orderTo p {
  margin-left: auto;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .invoice_priceWrapper .orderTo p {
    margin: 0;
    margin-left: auto;
    margin-top: 10px;
  }
}

#profile_section .order_detailsWrapper .service_list {
  position: relative;
  border-top: 5px solid #fff;
  padding: 20px;
  background: #f8fcff;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .service_list {
    padding: 10px;
  }
}

#profile_section .order_detailsWrapper .service_list li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}

#profile_section .order_detailsWrapper .service_list li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: unset;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .service_list li .service_listWrapper {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

#profile_section .order_detailsWrapper .service_list li .service_listWrapper .service_listImgWrapper img {
  width: 60px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  height: auto;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .service_list li .service_listWrapper .service_listImgWrapper img {
    width: 60px;
    height: auto;
  }
}

#profile_section .order_detailsWrapper .service_list li .service_listWrapper .service_listTextWrapper {
  width: 100%;
}

#profile_section .order_detailsWrapper .service_list li .service_listWrapper .service_listTextWrapper h3 {
  font-family: var(--regular-font);
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 400;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .service_list li .service_listWrapper .service_listTextWrapper h3 {
    font-size: 14px;
  }
}

#profile_section .order_detailsWrapper .service_list li .service_listWrapper .service_listTextWrapper p {
  color: #000000;
  font-family: var(--regular-font);
  margin-bottom: 0;
  font-size: 15px;
}

#profile_section .order_detailsWrapper .service_list li .service_listWrapper .service_listTextWrapper p:last-child {
  font-size: 18px;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .service_list li .service_listWrapper .service_listTextWrapper div {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}

#profile_section .order_detailsWrapper .payment_mode {
  border-top: 5px solid #fff;
}

#profile_section .order_detailsWrapper .track_order {
  border-top: 5px solid #fff;
}

#profile_section .order_detailsWrapper .track_order .h3 {
  font-size: 22px;
  text-align: center;
  text-align: center;
  font-weight: 500;
  line-height: 45px;
  background-color: #f8fcff;
  color: var(--brand-clr);
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .track_order .h3 {
    font-size: 18px;
  }
}

#profile_section .order_detailsWrapper .track_order .list-unstyled li {
  position: relative;
  text-align: center;
}

#profile_section .order_detailsWrapper .track_order .list-unstyled li .track_orderIcon {
  height: 50px;
  position: relative;
  width: 50px;
  border: 1px solid var(--brand-clr);
  border-radius: 50%;
  background: var(--brand-clr) url(../icons/check.svg);
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: 15px auto;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .track_order .list-unstyled li .track_orderIcon {
    height: 35px;
    width: 35px;
    background-size: 15px;
  }
}

#profile_section .order_detailsWrapper .track_order .list-unstyled li:nth-child(2) .track_orderIcon {
  background: #fff url(../icons/delivering.svg);
}

#profile_section .order_detailsWrapper .track_order .list-unstyled li:nth-child(3) .track_orderIcon {
  background: #fff url(../icons/location.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .track_order .list-unstyled li:nth-child(3) .track_orderIcon {
    background-size: 18px;
  }
}

#profile_section .order_detailsWrapper .track_order .list-unstyled li::after {
  position: absolute;
  content: '';
  width: 155%;
  top: 40px;
  left: 70%;
  /*background-image: url(../icons/line.png);*/
  background-repeat: repeat-x;
  height: 2px;
  -webkit-animation: slideInLeft 1s infinite linear;
  animation: slideInLeft 1s infinite linear;
  z-index: 0;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .track_order .list-unstyled li::after {
    width: 95%;
    top: 30px;
    left: 70%;
    height: 1px;
  }
}

@-webkit-keyframes slideInLeft {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes slideInLeft {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

#profile_section .order_detailsWrapper .track_order .list-unstyled li:last-child::after {
  display: none;
}

#profile_section .order_detailsWrapper .track_order .list-unstyled li.active .track_orderIcon {
  background: var(--brand-clr) url(../icons/check.svg);
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .track_order .list-unstyled li.active .track_orderIcon {
    background-size: 15px;
  }
}

#profile_section .order_detailsWrapper .track_order .list-unstyled li p {
  font-size: 17px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .track_order .list-unstyled li p {
    font-size: 15px;
  }
}

#profile_section .order_detailsWrapper .track_order .list-unstyled li span {
  color: #545454;
  font-size: 14px;
}

@media only screen and (max-width: 480px) {
  #profile_section .order_detailsWrapper .track_order .list-unstyled li span {
    font-size: 13px;
  }
}

#profile_section .update_passwordWrapper label {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 14px;
}

#profile_section .update_passwordWrapper .form-control {
  height: 44px;
  margin: 5px 0 10px;
  border-radius: 0;
}

#profile_section .update_passwordWrapper .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--brand-clr);
}

.edit_profile {
  position: relative;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  background-color: #fff;
}

@media only screen and (max-width: 480px) {
  .edit_profile {
    margin-top: 20px;
  }
}

.edit_profile .drop-zone {
  max-width: 100%;
  height: 200px;
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  color: #8b8b8b;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  font-family: var(--regular-font);
  border: 2px dashed var(--brand-clr);
  margin-bottom: 20px;
}

.edit_profile .drop-zone--over {
  border-style: solid;
}

.edit_profile .drop-zone__input {
  display: none;
}

.edit_profile .drop-zone__thumb {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}

.edit_profile .drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}

.edit_profile .update_profile_outer_wrapper .propfile_updateForm label {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 14px;
}

.edit_profile .update_profile_outer_wrapper .propfile_updateForm .form-control {
  height: 44px;
  margin: 5px 0 10px;
  border-radius: 0;
}

.edit_profile .update_profile_outer_wrapper .propfile_updateForm .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--brand-clr);
}

.edit_profile .update_profile_outer_wrapper .propfile_updateForm .hero_btn {
  border: unset;
  background-color: var(--brand-clr);
}

@media only screen and (max-width: 480px) {
  .edit_profile .update_profile_outer_wrapper .propfile_updateForm .hero_btn {
    margin-top: 15px;
  }
}

.edit_profile .update_profile_outer_wrapper .propfile_updateForm .form-check-input:checked {
  background-color: var(--brand-clr);
  border-color: var(--brand-clr);
}

.edit_profile .update_profile_outer_wrapper .propfile_updateForm .form-check.form-check-inline label {
  margin-top: 2px;
}

#customer_testimonial {
  position: relative;
}

#customer_testimonial .collection_slider_heading {
  margin: 0 auto;
  text-align: center;
}

.customer_testimonialSlider {
  position: relative;
  top: -50px;
}

@media only screen and (max-width: 480px) {
  .customer_testimonialSlider {
    top: 0px;
  }
}

.customer_testimonialWrapper {
  position: relative;
  background: linear-gradient(126deg, #3da596, #205cbc);
  color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  margin: 70px 30px 30px;
  overflow: hidden;
}

@media only screen and (max-width: 480px) {
  .customer_testimonialWrapper {
    margin: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  }
}

.customer_testimonialWTop {
  position: relative;
  max-width: 70%;
  margin: 0 auto;
  padding: 30px 0 60px;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .customer_testimonialWTop {
    padding: 60px 0 50px;
    max-width: 100%;
  }
}

.customer_testimonialWTop::after {
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/lefttop.png);
  top: 20px;
  left: -60px;
  opacity: 0.2;
}

.customer_testimonialWTop::before {
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/rightbottom.png);
  bottom: 60px;
  right: -60px;
  opacity: 0.2;
}

.customer_testimonialWTop p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  height: 75px;
  overflow: auto;
}

.customer_testimonialWTop p::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.customer_testimonialWTop p::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #000000; 
  border-radius: 10px;
}
 
/* Handle */
.customer_testimonialWTop p::-webkit-scrollbar-thumb {
  background: #e2e2e2; 
  border-radius: 10px;
}

/* Handle on hover */
.customer_testimonialWTop p::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}


.customer_testimonialBottom {
  background-color: #ffffff;
  position: relative;
  padding: 60px 0 30px;
}

.customer_testimonialBottom .user_avtar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 5px;
  background: #fff;
  outline: 3px solid #3590a0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.customer_testimonial .stars {
  text-align: center;
  color: #000;
}

.customer_testimonial .stars h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 5px;
}

.customer_testimonial .swiper-button-next {
  left: unset;
  right: 30px;
  top: 30px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #38999c;
  -webkit-box-shadow: -11px 12px 25px -10px rgab(0, 0, 0, 0.3), inset -9px 9px 10px -10px rgba(0, 0, 0, 0.2);
          box-shadow: -11px 12px 25px -10px rgab(0, 0, 0, 0.3), inset -9px 9px 10px -10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.customer_testimonial .swiper-button-next::after {
  content: '';
  background-image: url(../images/arrow-next.svg);
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.customer_testimonial .swiper-button-prev {
  left: unset;
  top: 30px;
  right: 80px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #38999c;
  -webkit-box-shadow: -11px 12px 25px -10px rgab(0, 0, 0, 0.3), inset -9px 9px 10px -10px rgba(0, 0, 0, 0.2);
          box-shadow: -11px 12px 25px -10px rgab(0, 0, 0, 0.3), inset -9px 9px 10px -10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.customer_testimonial .swiper-button-prev::after {
  content: '';
  background-image: url(../images/arrow-prev.svg);
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

footer {
  background: #e8f3ff;
  padding: 4rem 0 0rem;
}

footer .footer_logo p {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  margin-top: 15px;
}

.footer_links ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  margin-top: 5px;
  color: #545454;
}

.ul_connect li {
  padding-left: 25px;
  position: relative;
}

.ul_connect li::after {
  position: absolute;
  content: '';
  background-size: 16px;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 3px;
}

.ul_connect li:nth-child(1):after {
  background-image: url(../icons/phone_icon.svg);
}

.ul_connect li:nth-child(2):after {
  background-image: url(../icons/mail_icon.svg);
}

@media only screen and (max-width: 480px) {
  .social_links {
    margin-top: 20px;
  }
}

.social_links ul {
  margin-top: 15px;
}

.social_links li {
  width: 35px;
  height: 35px;
  background-color: #d0e4ff;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.social_links li a {
  display: block;
  line-height: 35px;
  text-align: center;
}

.social_links ul li img {
  width: 20px;
  position: relative;
  top: -2px;
}

.footer_links h3,
.social_links h3 {
  font-size: 20px;
  position: relative;
  color: #000000;
  z-index: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sub_footer {
  margin-top: 1rem;
}

.sub_footer {
  padding: 20px 0;
  background-color: #000;
  color: #fff;
  text-align: center;
}

.sub_footer p {
  margin: 0;
  font-size: 16px;
}

.sub_footer p span {
  color: var(--brand-clr);
}

#checkout_section {
  padding: 5rem 0;
  position: relative;
  top: 99px;
  margin-bottom: 99px;
}

@media only screen and (max-width: 480px) {
  #checkout_section {
    padding: 0rem 0 2rem;
  }
}

#checkout_section .checkout_leftSection {
  border: 2px solid #e8f3ff;
  position: relative;
}

#checkout_section .checkout_leftSection .checkout_leftSectionHeading .cart-counter-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #e8f3ff;
  padding: 10px;
}

@media only screen and (max-width: 480px) {
  #checkout_section .checkout_leftSection .checkout_leftSectionHeading .cart-counter-outer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

#checkout_section .checkout_leftSection .checkout_leftSectionHeading .cart-counter-outer h6 {
  margin-bottom: 0;
  font-weight: 400;
  color: var(--brand-redclr);
}

@media only screen and (max-width: 480px) {
  #checkout_section .checkout_leftSection .checkout_leftSectionHeading .cart-counter-outer h6 {
    width: 100%;
    text-align: right;
  }
}

#checkout_section .checkout_leftSection .checkout_leftSectionHeading .cart-logo-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

#checkout_section .checkout_leftSection .checkout_leftSectionHeading .cart-logo-count p {
  margin-bottom: 0;
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter {
  border: 5px solid #e8f3ff;
}

@media only screen and (max-width: 480px) {
  #checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter {
    border: 5px solid #e8f3ff;
  }
  #checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .row.align-items-center {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  #checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .row.align-items-center .col-lg-2.col-md-2.col-sm-2 {
    width: 30% !important;
  }
  #checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .row.align-items-center .col-lg-6.col-md-6.col-sm-6 {
    width: 70% !important;
    padding: 10px 10px 10px 0;
  }
  #checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .row.align-items-center .col-lg-4.col-md-4.col-sm-4 {
    padding: 10px 0;
    border-top: 5px solid #e8f3ff;
  }
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outImgWrapper {
  position: relative;
  padding: 15px 20px;
}

@media only screen and (max-width: 480px) {
  #checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outImgWrapper {
    padding: 10px;
  }
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outBookTitle {
  position: relative;
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outBookTitle h6 {
  font-size: 16px;
  color: var(--brand-clr);
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outBookTitle span {
  font-size: 14px;
  color: #545454;
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outBookTitle button {
  position: absolute;
  color: #f10000;
  background-color: unset;
  border: unset;
  font-size: 14px;
  bottom: 0;
  padding: 0;
  left: 100px;
}

@media only screen and (max-width: 480px) {
  #checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outBookTitle button {
    right: 0;
    left: auto;
  }
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outBookTitle button::after {
  position: absolute;
  content: '';
  background-image: url(../icons/bin.svg);
  width: 14px;
  height: 100%;
  background-repeat: no-repeat;
  right: 100%;
  background-position: center;
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outPrice span {
  position: relative;
  font-weight: 500;
  font-size: 16px;
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outPrice span::before {
  position: absolute;
  content: 'Rs.';
  font-size: 16px;
  top: 0;
  right: 100%;
  font-weight: 500;
  font-size: 16px;
}

#checkout_section .checkout_leftSection .checkout_wrapper li .check_outOuter .check_outPrice span::after {
  position: absolute;
  content: '/-';
  font-size: 16px;
  top: 0;
  left: 100%;
  font-weight: 500;
  font-size: 16px;
}

#checkout_section .checkout_rightSection.payment_summery .address_dtls {
  padding: 25px 15px 25px !important;
  text-align: center;
}

#checkout_section .checkout_rightSection.payment_summery .hero_btn {
  width: calc(100% - 30px) !important;
  margin: 0 auto 20px;
  border-radius: 5px !important;
  padding: 12px;
  background: var(--brand-subclr) !important;
  color: #ffffff !important;
}

#checkout_section .checkout_rightSection .checkout_userWrapper {
  border: 2px solid #e8f3ff;
  position: relative;
  background-color: #ffffff;
}

#checkout_section .checkout_rightSection .checkout_userWrapper .address_heading {
  background: #e8f3ff;
  padding: 10px;
}

#checkout_section .checkout_rightSection .checkout_userWrapper .address_dtls {
  padding: 35px 15px 20px;
  position: relative;
  background: #fff;
}

#checkout_section .checkout_rightSection .checkout_userWrapper .address_dtls p {
  line-height: 24px;
  color: #545454;
  margin-bottom: 0;
}

#checkout_section .checkout_rightSection .checkout_userWrapper .address_dtls .address_dtlsOuter {
  border: 1px solid #5c8ddb;
  border-radius: 10px;
  padding: 20px 10px 15px;
  position: relative;
}

#checkout_section .checkout_rightSection .checkout_userWrapper .address_dtls .address_dtlsOuter::after {
  position: absolute;
  content: 'Selected Address';
  line-height: 24px;
  font-size: 13px;
  color: #ffffff;
  padding: 0 10px;
  right: 20px;
  top: -13px;
  border: 1px solid #5c8ddb;
  border-radius: 15px;
  font-weight: 400;
  background: #5c8ddb;
}

#checkout_section .checkout_rightSection .checkout_userWrapper .hero_btn {
  border: 1px solid var(--brand-subclr);
  background: #fff;
  margin: 0 auto 20px;
  color: var(--brand-subclr);
  border-radius: 5px !important;
  width: calc(100% - 30px) !important;
}

#changeAddress .btn-close {
  background-color: #fff;
  border-radius: 50%;
}

#changeAddress .btn-close:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--brand-clr);
}

#changeAddress .offcanvas-body .select_addressWrapper .address_dtlsOuter {
  border: 1px solid #949494;
  border-radius: 10px;
  padding: 20px 10px 15px;
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: all .25s;
  transition: all .25s;
  cursor: pointer;
}

#changeAddress .offcanvas-body .select_addressWrapper .address_dtlsOuter:hover {
  background-color: #f5f5f5;
}

#changeAddress .offcanvas-body .select_addressWrapper .address_dtlsOuter.active {
  border: 1px solid #5c8ddb;
}

#changeAddress .offcanvas-body .select_addressWrapper .address_dtlsOuter p {
  line-height: 24px;
  color: #545454;
  margin-bottom: 0;
}

#changeAddress .offcanvas-body .select_addressWrapper .address_dtlsOuter:first-child {
  margin-top: 25px;
}

#changeAddress .offcanvas-body .select_addressWrapper .address_dtlsOuter:last-child {
  margin-bottom: 0px;
}

#changeAddress .offcanvas-body .select_addressWrapper .address_dtlsOuter::after {
  position: absolute;
  content: 'Not Selected';
  line-height: 24px;
  font-size: 13px;
  color: #949494;
  padding: 0 10px;
  background-color: #ffffff;
  right: 20px;
  top: -13px;
  border: 1px solid #949494;
  border-radius: 15px;
  font-weight: 500;
  -webkit-transition: all .25s;
  transition: all .25s;
}

#changeAddress .offcanvas-body .select_addressWrapper .address_dtlsOuter.active::after {
  content: 'Default Address';
  color: #ffffff;
  border: 1px solid #5c8ddb;
  background: #5c8ddb;
}

#changeAddress .offcanvas-header {
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.04);
}

#changeAddress .offcanvas-footer {
  padding: 15px 20px;
  -webkit-box-shadow: 0px -20px 20px rgba(0, 0, 0, 0.06);
          box-shadow: 0px -20px 20px rgba(0, 0, 0, 0.06);
}

#changeAddress .offcanvas-footer .hero_btn {
  border: unset;
  padding: 12px;
  border-radius: 5px;
  font-size: 18px;
}

#addAddress .modal-content {
  border-radius: unset;
}

#addAddress .modal-content .modal-header {
  background: var(--brand-clr);
  color: #fff;
  border-radius: unset;
}

#addAddress .modal-content .modal-header .btn-close {
  background-color: #fff;
  border-radius: 50%;
}

#addAddress .modal-content .modal-header .btn-close:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--brand-clr);
}

#addAddress .modal-content label {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 14px;
}

#addAddress .modal-content label .star {
  color: #f12;
}

#addAddress .modal-content .form-control,
#addAddress .modal-content .form-select {
  height: 44px;
  margin: 5px 0 10px;
  border-radius: 0;
}

#addAddress .modal-content .form-control:focus,
#addAddress .modal-content .form-select:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--brand-clr);
}

#addAddress .modal-content .modal-footer {
  border: unset;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#addAddress .modal-content .modal-footer .hero_btn {
  border-radius: 5px;
  padding: 12px;
  border: unset;
  padding: 10px 30px;
}

#about_section {
  position: relative;
  margin-bottom: 99px;
  top: 99px;
  padding: 5rem 0;
}

@media only screen and (max-width: 480px) {
  #about_section {
    padding: 3rem 0 2rem;
  }
}

#about_section .heading h2 {
  text-shadow: unset;
}

#about_section .heading p {
  font-size: 16px;
  line-height: 24px;
}

@media only screen and (max-width: 480px) {
  #about_section .row {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    gap: 30px !important;
  }
}

#about_section .about_rightWrapper {
  position: sticky;
  top: 5rem;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 480px) {
  #about_section .about_rightWrapper {
    padding-left: 0px;
  }
}

#about_section .about_rightWrapper img:nth-child(1) {
  width: 40%;
  position: relative;
}

#about_section .about_rightWrapper img:nth-child(2) {
  width: 60%;
  height: 450px;
  right: 0;
  top: 50%;
  border-left: 30px solid #f9f9f9;
}

@media only screen and (max-width: 480px) {
  #about_section .about_rightWrapper img:nth-child(2) {
    height: auto;
  }
}

#other_school {
  position: relative;
  padding: 4rem 0;
  top: 99px;
  margin-bottom: 99px;
}

@media only screen and (max-width: 480px) {
  #other_school {
    padding: 2rem 0;
  }
}

#other_school .schoolForm_wrapper {
  position: relative;
  padding: 40px;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-top: 20px;
}

@media only screen and (max-width: 480px) {
  #other_school .schoolForm_wrapper {
    padding: 15px;
  }
}

#other_school .schoolForm_wrapper label {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 14px;
}

#other_school .schoolForm_wrapper label .star {
  color: #f10000;
}

#other_school .schoolForm_wrapper .form-control, #other_school .schoolForm_wrapper .form-select {
  height: 44px;
  margin: 5px 0 10px;
  border-radius: 0;
}

#other_school .schoolForm_wrapper .form-control:focus, #other_school .schoolForm_wrapper .form-select:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: var(--brand-clr);
}

#return_policy {
  position: relative;
  padding: 4rem 0;
  top: 99px;
  margin-bottom: 99px;
}

@media only screen and (max-width: 480px) {
  #return_policy {
    padding: 2rem 0;
  }
}

@media only screen and (max-width: 480px) {
  #return_policy .return_policy .list-unstyled {
    width: 100% !important;
  }
}

#return_policy .return_policy .list-unstyled li {
  padding-left: 20px;
  margin-bottom: 8px;
  position: relative;
  margin-left: 20px;
  color: #383838;
}

@media only screen and (max-width: 480px) {
  #return_policy .return_policy .list-unstyled li {
    margin-left: 0px;
  }
}

#return_policy .return_policy .list-unstyled li::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url(../icons/arrow_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 16px;
  top: 1px;
  left: 0;
}

#contact_section {
  position: relative;
  top: 99px;
  padding: 4rem 0;
  margin-bottom: 99px;
}

@media only screen and (max-width: 480px) {
  #contact_section {
    padding: 2rem 0;
  }
}

#contact_section .contact_section .contact_leftSection ul.list-unstyled {
  width: 50%;
}

@media only screen and (max-width: 480px) {
  #contact_section .contact_section .contact_leftSection ul.list-unstyled {
    width: 100%;
  }
}

#contact_section .contact_section .contact_leftSection ul.list-unstyled li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 25px;
  line-height: 22px;
  color: #545454;
}

#contact_section .contact_section .contact_leftSection ul.list-unstyled li::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 3px;
}

#contact_section .contact_section .contact_leftSection ul.list-unstyled li:nth-child(1)::after {
  background-image: url(../icons/locationb.svg);
}

#contact_section .contact_section .contact_leftSection ul.list-unstyled li:nth-child(2)::after {
  background-image: url(../icons/mail_icon.svg);
}

#contact_section .contact_section .contact_leftSection ul.list-unstyled li:nth-child(3)::after {
  background-image: url(../icons/phone_icon.svg);
}

#contact_section .contact_section .contact_leftSection ul.list-unstyled li:nth-child(4)::after {
  background-image: url(../icons/gst.png);
  width: 20px;
  height: 20px;
  background-size: 20px;
}

/* Menu Toggle */
.toggle {
  position: relative;
  width: 50px;
  height: 50px;
  /* background: #fff;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
    border-radius: 10px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  overflow: hidden;
}

.toggle span {
  position: absolute;
  width: 35px;
  height: 3px;
  background: var(--brand-clr);
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  left: 10px;
}

.toggle span:nth-child(1) {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  width: 25px;
  left: 15px;
  left: 20px;
}

.toggle.active span:nth-child(1) {
  width: 40px;
  -webkit-transform: translateY(0) rotate(45deg);
          transform: translateY(0) rotate(45deg);
  -webkit-transition-delay: 0.125s;
          transition-delay: 0.125s;
  left: 5px;
}

.toggle span:nth-child(2) {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  width: 15px;
  /* left: 15px; */
  left: 29px;
}

.toggle.active span:nth-child(2) {
  width: 40px;
  -webkit-transform: translateY(0) rotate(315deg);
          transform: translateY(0) rotate(315deg);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  left: 5px;
}

.toggle.active span:nth-child(3) {
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
}

.navbar-toggler {
  padding: 0;
  font-size: 0;
  border: unset;
}

/* End Menu Toggle */
#showTost {
  border: unset;
  border-radius: unset;
}

@media only screen and (max-width: 480px) {
  #showTost {
    width: 100%;
  }
}

#showTost .toast-header {
  border: unset;
  background-color: #e0ecff;
}

#showTost .toast-header .btn-close:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: transparent;
}

#showTost .toast-body {
  background: #ffffff;
  padding: 20px;
}

#showTost .toast-body .added_cartWrapper {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  padding-top: 10px;
}

#showTost .toast-body .added_cartWrapper:first-child {
  padding-top: 0px;
}

#showTost .toast-body .added_cartWrapper:last-child {
  border: unset;
  padding-bottom: 0px;
}

#showTost .toast-body .added_cartWrapper .book_name {
  font-size: 14px;
}

#showTost .toast-body .added_cartWrapper .book_price span {
  position: relative;
}

#showTost .toast-body .added_cartWrapper .book_price span::before {
  position: absolute;
  content: 'Rs.';
  right: 100%;
}

#showTost .toast-body .added_cartWrapper .book_price span::after {
  position: absolute;
  content: '/-';
  left: 100%;
}

#showTost .toast-body .added_cartWrapper .view_book {
  padding: 3px;
  text-align: center;
  border: 1px solid #f10000;
  color: #f10000;
  font-size: 13px;
  border-radius: 20px;
  line-height: 11px;
}

header .navbar-expand-lg .navbar-nav .dropdown_menu .nav-link {
  line-height: 70px;
  padding-right: 15px;
}

@media only screen and (max-width: 991px) {
  header .navbar-expand-lg .navbar-nav .dropdown_menu .nav-link {
    line-height: normal;
  }
}

header .navbar-expand-lg .navbar-nav .dropdown_menu .nav-link::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../images/dropdown_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0px;
  top: 36px;
}
@media only screen and (max-width: 991px) {
    header .navbar-expand-lg .navbar-nav .dropdown_menu .nav-link::after {
      width: 18px;
      height: 18px;
      left: 95px;
      top: 11px;
      right: auto;
    }
}

/*@media only screen and (max-width: 480px) {*/
/*  header .navbar-expand-lg .navbar-nav .dropdown_menu .nav-link::after {*/
/*    right: auto;*/
/*    left: 95px;*/
/*    top: 11px;*/
/*  }*/
/*}*/

header .navbar-expand-lg .navbar-nav .dropdown_menu .dropmenu {
  position: absolute;
  -webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.6);
          box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display: none;
  
}

@media only screen and (max-width: 991px) {
  header .navbar-expand-lg .navbar-nav .dropdown_menu .dropmenu {
    position: relative;
  }
}

header .navbar-expand-lg .navbar-nav .dropdown_menu .dropmenu li {
  background: #00000099;
}

header .navbar-expand-lg .navbar-nav .dropdown_menu .dropmenu li:hover {
  background: #000000bb;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

header .navbar-expand-lg .navbar-nav .dropdown_menu .dropmenu li:first-child {
  border-bottom: 1px solid #808080;
}

header .navbar-expand-lg .navbar-nav .dropdown_menu .dropmenu .dropdown_item {
  display: block;
  width: 100%;
  padding: 10px 15px;
  color: #64f9b4;
  position: relative;
}

.dropdown_menu.show .dropmenu {
  display: block !important;
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}
#select_school .select_school.nw_clr {
  background: linear-gradient(7deg, #3da596, #aee7e1);
  padding: 0px 0px 20px;
  border-radius: 0;
  box-shadow: unset;
  background: #fff;
}

#select_school .select_school.nw_clr label {
  color: #000 !important;
}


#select_school .book_list .payment_details.clrd_samp {
  background: var(--brand-clr);
}
#select_school .book_list .payment_details.clrd_samp .btn-primary{
    background-color: #222222 !important;
}
#select_school .book_list .payment_details.clrd_samp .btn-primary:focus{
    background-color: #1c1f23 !important;
    border-color: #1a1e21 !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5) !important;
}
#select_school .book_list .payment_details.clrd_samp .checkout_prod> li:first-child .bookTitle, #select_school .book_list .payment_details.clrd_samp .checkout_prod> li:first-child .bookPrice {
  color: #ffffff;
}

#select_school .book_list .payment_details.clrd_samp .list-unstyled.checkout_price h3 {
  color: #ffffff;
}

#select_school .book_list .payment_details.clrd_samp .list-unstyled.checkout_price li span:first-child {
  color: #ececec;
}

#select_school .book_list .payment_details.clrd_samp .list-unstyled.checkout_price li span:last-child {
  color: #ffffff;
}



/*payment confirm popup*/
.payconfxs.modal{margin:0 auto;display:inline-block;vertical-align:middle;position:relative!important;z-index:2; max-width:390px;box-sizing:border-box;width:90%;background:#fff;padding:0;border-radius:0;box-shadow:0 0 10px #000;text-align:left;overflow:visible;height:auto;padding:15px 25px; border-radius:5px !important; }
.payconfxs.modal a.close-modal{display:none;}
.payconfxs {display: block;width: 95%;float: left;padding: 25px;position: absolute;top: 50%;transform: translate(0%, -50%);box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 52%);}
.payconfxs .xxreglink_box{width:100%; float:left;}
.payconfxs .iccaptx{width:100%; float:left;}
.payconfxs .iccaptx h3{font-size:14px;text-align:center;line-height:19px;color:#111;font-weight:600;width:100%;float:left; margin-bottom:15px;}
.payconfxs .iccaptx h3 img{width:50px;}
.payconfxs .iccaptx p{margin:0; width:100%; float:left; color:#000; text-align:center; font-size:15px; }
.payconfxs .btnbare{width:100%; float:left; margin-top:25px;}
.payconfxs .btnbare .canbmv{display:inline-block; background:none; border:1px solid #ccc; padding:9px 15px; color:#555;  cursor:pointer; opacity:1; font-size:15px; line-height:19px; width:48%; float:left; text-align:center; font-weight:400;
text-shadow:none; border-radius:5px; transition:all 0.5s ease;}
.payconfxs .btnbare .canbmv:hover{background:#e1e1e1; color:#333; opacity:1;}
.payconfxs .btnbare .canbmv.rmv{background:#064f44; color:#fff; float:right;  border:1px solid #064f44;}
.payconfxs .btnbare .canbmv.rmv:hover{color:#064f44; background:#fff;}
.confpay{width: 100%;float: left; padding: 10px;}

@media (max-width:430px){
.payconfxs.modal{width:100%; padding:15px;}
.blocker{padding:15px !important;}
.payconfxs .btnbare .canbmv{padding:9px 11.9px; width:46.5%; font-size:13.5px;}
}


#sample_paperSection {
  position: relative;
  z-index: 1;
  margin-bottom: 5rem;
}
#sample_paperSection .swiper img {
  border-radius: var(--border-radius-10px);
}
#sample_paperSection .swiper .swiper-button-next, #sample_paperSection .swiper .swiper-button-prev {
  width: 35px;
  height: 35px;
  color: #ffffff;
  top: 50%;
  background: #3da596bf;
  border-radius: 5px;
}
#sample_paperSection .swiper .swiper-button-next::after, #sample_paperSection .swiper .swiper-button-prev::after {
  font-size: 18px;
  font-weight: 900;
}
#sample_paperSection .swiper .swiper-button-next {
  right: 50px;
}
#sample_paperSection .swiper .swiper-button-prev {
  left: 50px;
}
#sample_paperSection .sample_paperSliderWrapper {
  background: var(--var-clr);
  padding: 5rem 0;
}
@media only screen and (max-width: 768px) {
  #sample_paperSection .sample_paperSliderWrapper {
    padding: 3rem 0;
  }
    #sample_paperSection .swiper .swiper-button-next {
      right: 10px;
    }
    #sample_paperSection .swiper .swiper-button-prev {
      left: 10px;
    }
}
#sample_paperSection .sample_paperSliderWrapper .sample_paperImg {
  width: 75%;
}
@media only screen and (max-width: 768px) {
  #sample_paperSection .sample_paperSliderWrapper .sample_paperImg {
    width: 100%;
  }
}
#sample_paperSection .sample_paperSliderWrapper .sample_paperImg img {
  border-radius: 10px;
  box-shadow: 0 7px 24px -5px rgba(0, 0, 0, 0.23);
}
#sample_paperSection .sample_paperSliderWrapper .sample_paperText {
  padding-left: 50px;
}
@media only screen and (max-width: 768px) {
  #sample_paperSection .sample_paperSliderWrapper .sample_paperText {
    padding-left: 0px;
    padding-top: 30px;
  }
}
#sample_paperSection .sample_paperSliderWrapper .sample_paperText .heading h6::after {
  background-color: var(--sub-headclr);
}
#sample_paperSection .sample_paperSliderWrapper .sample_paperText .heading p {
  font-size: 16px;
  line-height: 26px;
  color: #f3f3f3;
}
#sample_paperSection .sample_paperSliderWrapper .sample_paperText .hero_btn {
  padding: 12px 26px;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 18px;
}


#select_class .select_classOuterLefter {
  height: 100%;
  padding: 30px;
  background: #0e04a926;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #select_class .select_classOuterLefter {
    padding: 20px;
  }
}