body {
  margin-top: 0px;
}

.icon-list .dropdown-toggle::after {
  display: none;
}

.icon-list svg {
  margin: auto 15px;
}

.icon-list a#notification_bell {
  padding: 0 !important;
  /* margin: 0 20px 0 0 !important; */
}

/* End */

.offcanvas-menu .nav-link {
  color: #fcfcfc;
}

.offcanvas-menu ul.menu-list {
  padding-left: 2rem;
  margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .offcanvas-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  footer .quick-links {
    margin: 20px 0 20px 0 !important;
  }

  footer .terms p {
    text-align: center !important;
  }

  footer .logo img {
    width: 70px !important;
  }
}

.offcanvas-body .offcanvas-menu ul li a:hover {
  font-weight: 600;
  color: var(--web-pink);
}

.bordershowerror {
  border: 1px solid red !important;
}

.send-btn {
  justify-content: center;
}

.btn-red {
  width: auto;
}

#stickyHeader .btn {
  min-width: auto !important;
}

.fixed-top.stickyHeader,
#stickyHeader.fixed-top {
  top: 55px;
}

.offcanvas-body {
  padding: 5% 10% 0;
}

.ui-menu.ui-widget.ui-widget-content {
  height: 350px;
  overflow-y: auto;
}

.offcanvas-body .offcanvas-menu ul li {
  font-size: 36px !important;
  line-height: 42px !important;
}

.offcanvas.show {
  display: flex !important;
}

.compose,
.view {
  font-family: "Roboto";
  font-size: 16px !important;
}

.icon-list ul li ul.dropdown-menu a.font-black.fw-bold {
  color: #000000;
}

.text {
  position: relative;
  margin-top: 0px !important;
  z-index: 10;
  padding: 10px;
}

/* Footer */
footer {
  text-align: center;
}

footer {
  background: #000;
  padding: 50px 0 60px;
}

footer .image {
  right: 0;
  width: 83.5%;
}

footer .image .img {
  width: 100%;
}

footer .logo {
  text-align: center;
}

footer .logo h2,
footer .logo h6 {
  color: #fff;
}

footer .quick-links h4 {
  font-family: "ROBOTO";
  color: #fff;
  font-size: 16px;
  margin-bottom: 16px;
}

footer .quick-links p {
  color: #fff;
  margin: 0 35px 0 0;
  font-size: 14px;
}

footer .terms p {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: right !important;
}

footer .terms p mark {
  font-weight: 800;
  color: #fff;
}

.top-5 {
  top: 5px !important;
}

.start-75 {
  left: 75% !important;
}

@media screen and (max-width: 1400px) {
  footer .image {
    width: 91.5%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  footer .image,
  footer .logo {
    width: 100% !important;
  }

  footer .image {
    display: none;
  }

  footer .col-1 {
    display: none;
  }

  footer .logo {
    margin-bottom: 30px;
  }

  footer .terms {
    margin-top: 20px !important;
  }

  footer .terms p {
    margin: 0;
    text-align: center !important;
  }

  footer .quick-links h4 {
    text-align: center !important;
  }

  footer .foot-menu {
    justify-content: center;
  }

  .all-about-btn {
    width: 100% !important;
  }

  .enrollment-steps li {
    font-size: 20px !important;
    line-height: 36px !important;

  }

  .steps-enrol-details,
  p.enrol-guide-p {
    font-size: 22px !important;
    line-height: 32px !important;
  }

  footer .social-links {
    justify-content: center;
  }

  #myModal .btn-red {
    width: 50% !important;
    padding: 10px 15px !important;
    font-size: 18px;
  }
}

footer .terms p mark a:hover {
  color: #a6102b !important;
}

mark {
  padding: 0;
  background-color: transparent;
}

footer .quick-links {
  margin: 0px 0;
}

footer .quick-menu p a {
  color: #ffffff !important;
}

footer .quick-menu p a:hover {
  color: #a6102b !important;
}

.terms p mark a {
  color: #ffffff !important;
}

@media screen and (min-width: 1280px) {
  #notification_bell+ul.dropdown-menu {
    min-width: 400px;
  }
}

.canvas_2 .inner p {
  font-size: 13px;
}

.canvas_2 .col-8 button.btn-close.text-reset {
  left: 90% !important;
}

@media screen and (max-width: 425px) {
  .canvas_2 .col-8 button.btn-close.text-reset {
    left: 85% !important;
    top: 85px !important;
  }

  .canvas_2 .inner p {
    text-transform: uppercase;
    font-size: 9px;
    line-height: 14px;
  }
}

.offcanvas-header .btn-close {
  opacity: 1;
  border-right: 0;
  height: auto;
  width: auto;
  padding: 0.73rem 0.73rem;
}

@media screen and (max-width: 1440px) {
  footer .image {
    right: auto;
    width: 98% !important;
  }
}

.en-guide.font-regular {
  font-weight: 400 !important;
}

.head-btn2 {
  width: 160px;
  margin: 0 20px;
  text-align: center;
  min-height: 77px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
  padding: inherit;
}

@media screen and (max-width: 768px) {
  .head-btn2 {
    /* padding: inherit; */
    width: inherit;
    margin: inherit;
    display: none;
  }

  #top-header p,
  .top-bar p {
    text-transform: uppercase;
    font-size: 9px !important;
    line-height: 14px !important;
  }
}

.icon-list a#message_bell {
  padding: 0;
}

.btn-red.head-btn2.font-secondary {
  font-size: 18px;

}

#top-header p {
  line-height: 1.42857 !important;
}

.icon-list ul li ul.dropdown-menu,
.icon-list ul li ul.dropdown-menu {
  padding: 0px !important;
}

.dropdown-menu.show {
  inset: 10px auto auto 0 !important;
}

.en-guide {
  font-weight: 400 !important;
}

@media screen and (min-width: 769px) {
  .canvas_2 .offcanvas-body ul.menu-list li a.canvas-menu {
    display: none;
  }
}

@media screen and (max-width: 768px) {

  .top-bar,
  .canvas_2 .top-bar {
    background: linear-gradient(90deg,
        rgba(10, 10, 10, 1) 82%,
        rgba(255, 255, 255, 1) 82%) !important;
  }
}

@media screen and (max-width: 768px) and (min-width: 321px) {
  #stickyHeader section.fullHeight .col-8 a.pro_list_menu {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width: 425px) {

  .top-bar,
  .canvas_1 .top-bar {
    background: linear-gradient(90deg,
        rgba(10, 10, 10, 1) 70%,
        rgba(255, 255, 255, 1) 70%) !important;
  }

  footer .logo img {
    width: 70px !important;
  }
}

@media screen and (max-width: 320px) {

  #stickyHeader section.fullHeight .col-8 a.pro_list_menu,
  #stickyHeader section.fullHeight .col-8 .icon-list ul li a {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width: 768px) {
  .icon-list svg {
    display: block !important;
  }
}

@media screen and (max-width: 431px) {
  .canvas_1 .top-bar {
    background: linear-gradient(90deg,
        rgba(10, 10, 10, 1) 70%,
        rgba(255, 255, 255, 1) 70%) !important;
    line-height: 1.42857;
  }
}


@media screen and (max-width: 768px) {
  #stickyHeader .fullHeight .col-6 a.enroll-btn {
    display: none;
  }

  .enroll-btn-2 {
    width: 75% !important;
    margin: 9px !important;
    min-height: 48px !important;
    display: block;
    padding: 12px 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .enroll-btn-2 {
    display: none;
  }
}