.site-wrap:before {
    display: none;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background: rgba(0, 0, 0, 0.6);
    content: ""; 
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden; }
  
  

      .site-section {
        padding: 2.5em 0; }
        @media (min-width: 768px) {
          .site-section {
            padding: 5em 0; } }
        .site-section.site-section-sm {
          padding: 4em 0; }
      
      .site-section-heading {
        padding-bottom: 20px;
        margin-bottom: 0px;
        position: relative;
        font-size: 2.5rem; }
        @media (min-width: 768px) {
          .site-section-heading {
            font-size: 3rem; } }
      
            .site-section {
                padding: 4em 0;
                position: relative; }
                @media (max-width: 991.98px) {
                  .site-section {
                    padding: 4em 0; } }
                    .future-blobs {
                        overflow: hidden;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        z-index: -1;
                        top: 0;
                        pointer-events: none; }
                        .future-blobs .blob_1 {
                          top: 0;
                          right: -10rem;
                          position: absolute; }
                        .future-blobs .blob_2 {
                          bottom: 0;
                          left: -10rem;
                          position: absolute; }
                          .intro-section, .intro-section .container > .row {
                            height: 100vh;
                            min-height: 900px; }


                            .intro-section.single-cover, .intro-section.single-cover .container > .row {
                                height: 50vh;
                                min-height: 400px; }
                                .section-title {
                                    font-size: 3rem;
                                    color: #000;
                                    margin-bottom: 1.8rem;
                                    font-weight: 900; }
                                    @media (max-width: 991.98px) {
                                      .section-title {
                                        font-size: 1.5rem; } }

                                        

                                        .why-choose-us-box {
                                            -webkit-box-shadow: 0 5px 50px -10px rgba(0, 0, 0, 0.2);
                                            box-shadow: 0 5px 50px -10px rgba(0, 0, 0, 0.2); }
                                          
                                          .custom-icon-wrap .custom-icon-inner {
                                            display: inline-block;
                                            position: relative;
                                            width: 35px;
                                            height: 35px;
                                            border-radius: 50%;
                                            background: #1eaaf1; }
                                            .custom-icon-wrap .custom-icon-inner .icon {
                                              display: inline-block;
                                              position: absolute;
                                              top: 50%;
                                              left: 50%;
                                              -webkit-transform: translate(-50%, -50%);
                                              -ms-transform: translate(-50%, -50%);
                                              transform: translate(-50%, -50%);
                                              color: #fff;
                                              font-size: .8rem; }
                                          
                                          .custom-icon-wrap h3 {
                                            font-size: 1.05rem;
                                            color: #1eaaf1; }
                                          
                                          .custom-icon-wrap.custom-icon-light .custom-icon-inner {
                                            background: #1eaaf1;
                                            width: 45px;
                                            height: 45px; }
                                          
                                          .custom-icon-wrap.custom-icon-light h3 {
                                            color: #343a40;
                                            font-size: 1rem; }
                                          
                                          .courses-title {
                                            padding-bottom: 13rem;
                                            background: #1eaaf1; }
                                            .courses-title .section-title {
                                              color: #fff; }
                                          
                                          .courses-entry-wrap {
                                            margin-top: -282px; }
                                            @media (max-width: 1199.98px) {
                                              .courses-entry-wrap {
                                                margin-top: -246px; } }
                                          
                                          .nonloop-block-14 .owl-stage {
                                            padding-top: 5rem;
                                            padding-bottom: 5rem; }
                                          
                                          .course {
                                            -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
                                            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
                                            -webkit-transition: .3s all ease-in-out;
                                            -o-transition: .3s all ease-in-out;
                                            transition: .3s all ease-in-out;
                                            top: 0;
                                            position: relative; }
                                            .course .course-inner-text {
                                              position: relative;
                                              padding-top: 35px !important; }
                                            .course .course-price {
                                              position: absolute;
                                              padding: 10px 15px;
                                              background: #1eaaf1;
                                              color: #fff;
                                              top: -20px;
                                              right: 0;
                                              border-top-left-radius: 4px;
                                              border-bottom-left-radius: 4px; }
                                            .course .meta {
                                              font-size: .9rem;
                                              display: block;
                                              margin-bottom: .9rem; }
                                              .course .meta span {
                                                margin-right: .5rem; }
                                            .course h3 {
                                              font-size: 1.15rem;
                                              color: #000; }
                                            .course .stats {
                                              font-size: .9rem; }
                                            .course:hover {
                                              top: -10px;
                                              -webkit-box-shadow: 0 2px 22px -1px rgba(0, 0, 0, 0.3);
                                              box-shadow: 0 2px 22px -1px rgba(0, 0, 0, 0.3); }