@charset "UTF-8";
/* Media Quiries */

@media screen and (min-width: 1365px) {
  .col-4.middle-logo {
    text-align: center;
  }
}

@media screen and (min-width: 3840px) {
  .col-4.middle-logo {
    text-align: center;
  }
}

@media only screen and (min-width: 992px) {
}

@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1680px) {
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1366px) {
  .homeslider {
    height: 90vh;
  }
}

@media only screen and (max-width: 1280px) {
  .footerwrap:before {
    top: -115px;
  }

  .whyhypnoseedus .row > .col-12.col-sm-12.col-md-12.col-lg-9 {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 1180px) {
}

@media only screen and (max-width: 1024px) {
  .tips-inner-card .tip-img {
    max-width: 100%;
    flex: 0 0 auto;
    height: 200px;
  }

  .tips-inner-card .tip-content {
    max-width: 100%;
    flex: 0 0 auto;
    padding: 10px;
    min-height: 250px;
  }
}

@media only screen and (max-width: 991px) {
  .ph-images figure {
    width: 100%;
  }

  .ph-content p {
    max-width: 100%;
  }

  .pricing-col {
    order: 6;
  }

  .col-4.rightbtn {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    display: flex;
  }
}

@media only screen and (max-width: 820px) {
}

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

@media only screen and (max-width: 767px) {
  /* .headerwrap {
    padding: 15px;
  } */

  .headerwrap.navbar_fixed {
    width: calc(100% - 25px);
  }

  .offcanvas .navbar-nav .nav-item .nav-link {
    font-size: 30px;
    color: var(--white-100) !important;
  }

  .homeslider:before {
    display: none;
  }

  .homeslider:after {
    display: none;
  }

  .captions .content {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .captions .content p {
    width: 100%;
    text-align: left !important;
  }

  .heading h2 br {
    display: none;
  }

  .pricing-col {
    margin-bottom: 15px;
  }

  .phases {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cards {
    --card-height: auto;
  }

  .card-box .inner-card h5 {
    font-size: 20px;
  }

  .coursesec {
    flex-direction: column;
    display: block;
  }

  .coursesec .course-list {
    height: 450px;
    background-size: cover;
    margin-bottom: 30px;
  }

  .coursesec .course-list .course-inner {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .phases-rev .ph-content {
    order: 0;
  }

  .tips-inner-card .tip-img {
  }

  .footerwrap:before {
    top: -90px;
  }

  .hw-content {
    --card-top-offset: 15px;
  }

  .whyhypnoseedus {
    background-position: center 130px;
  }
  .stepssec .step-content .btn {
    margin: 6rem 30px 0 !important;
    display: flex;
  }
  .stepssec.sep-gifsec .step-content .btn {
    margin: 0 !important;
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .col-4.togglebtn {
    max-width: 60px;
    flex: 0 0 auto;
  }

  .col-4.rightbtn {
    padding-right: 0;
    width: 100px;
  }

  .col-4.middle-logo {
    width: calc(100% - 170px);
  }

  .rightbtn .btn.full-btn span {
    display: none;
  }

  .rightbtn .btn.full-btn::after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 5px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3C9.56586 3 7.59259 4.95716 7.59259 7.37143C7.59259 9.7857 9.56586 11.7429 12 11.7429C14.4341 11.7429 16.4074 9.7857 16.4074 7.37143C16.4074 4.95716 14.4341 3 12 3Z' fill='%230b0d0f'/%3E%3Cpath d='M14.601 13.6877C12.8779 13.4149 11.1221 13.4149 9.39904 13.6877L9.21435 13.7169C6.78647 14.1012 5 16.1783 5 18.6168C5 19.933 6.07576 21 7.40278 21H16.5972C17.9242 21 19 19.933 19 18.6168C19 16.1783 17.2135 14.1012 14.7857 13.7169L14.601 13.6877Z' fill='%230b0d0f'/%3E%3C/svg%3E");
  }

  .rightbtn .btn {
    min-width: 36px;
    min-height: 36px;
    position: relative;
  }

  .rightbtn .btn.outline-btn {
    margin-right: 0;
    position: relative;
  }

  .rightbtn .btn.outline-btn:after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 5px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23ffffff' width='24px' height='24px' viewBox='0 0 14 14' role='img' focusable='false' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 12.7,6.1 -1.2,0 0,-1.2 c 0,-0.165 -0.135,-0.3 -0.3,-0.3 l -0.6,0 c -0.165,0 -0.3,0.135 -0.3,0.3 l 0,1.2 -1.2,0 C 8.935,6.1 8.8,6.235 8.8,6.4 l 0,0.6 c 0,0.165 0.135,0.3 0.3,0.3 l 1.2,0 0,1.2 c 0,0.165 0.135,0.3 0.3,0.3 l 0.6,0 c 0.165,0 0.3,-0.135 0.3,-0.3 l 0,-1.2 1.2,0 C 12.865,7.3 13,7.165 13,7 L 13,6.4 C 13,6.235 12.865,6.1 12.7,6.1 Z M 5.2,7 C 6.525625,7 7.6,5.92562 7.6,4.6 7.6,3.27437 6.525625,2.2 5.2,2.2 3.874375,2.2 2.8,3.27437 2.8,4.6 2.8,5.92562 3.874375,7 5.2,7 Z m 1.68,0.6 -0.313125,0 C 6.150625,7.79125 5.6875,7.9 5.2,7.9 4.7125,7.9 4.25125,7.79125 3.833125,7.6 L 3.52,7.6 C 2.12875,7.6 1,8.72875 1,10.12 l 0,0.78 c 0,0.49687 0.403125,0.9 0.9,0.9 l 6.6,0 c 0.496875,0 0.9,-0.40313 0.9,-0.9 l 0,-0.78 C 9.4,8.72875 8.27125,7.6 6.88,7.6 Z'/%3E%3C/svg%3E");
  }

  .rightbtn .btn.outline-btn span {
    display: none;
  }
}

@media only screen and (max-width: 568px) {
  .col-5.rightbtn {
    max-width: 100%;
    flex: 0 0 auto;
    text-align: center;
  }

  .col-2.togglebtn {
    max-width: 20%;
    flex: 0 0 auto;
  }

  .col-5.middle-logo {
    max-width: 80%;
    flex: 0 0 auto;
    text-align: center;
  }
}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 430px) {
}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 393px) {
  .col-4.middle-logo {
    margin-left: -40px;
  }
}

@media only screen and (max-width: 390px) {
  .headerwrap.navbar_fixed {
    width: calc(100% - 15px);
  }
}

@media only screen and (max-width: 375px) {
  .col-4.middle-logo {
    margin-left: -50px;
  }
  .navbar-brand img {
    height: 28px !important;
  }
}

@media only screen and (max-width: 360px) {
}

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