
    @font-face {
      font-family: "Coolvetica Regular";
      src: url("../fonts/Coolvetica\ Rg.otf") format("opentype");
      font-weight: normal;
      font-style: normal;
      }

      /* instracture */

        .instructor-page .page-header-inner {
            padding-top: 5rem;
            padding-bottom: 5rem;
            text-align: center;
        }
        .instructor-page hr{
              margin: 4rem 0;
              border-top: 1px solid #b8b8b8;
        }
        .instructor-page .site-instructor-single{
          width: 90%;
          margin: 0 auto;
        }
        .instructor-page .site-instructor-single .instructor-bio p{
          margin-bottom: 0px;
        }
        .instructor-page .site-instructor-single .instructor-thumbnail img{
          width: 100%;
        }
        .instructor-page .site-instructor-single .instructor-bio .btn{
          margin-top: 20px;
        }

        .section-hero-inner.header-padding{
          padding-top:0px;
        }
        .site-header.transparent:not(.stuck).hover{
          color:#fff;
        }
        .site-header.transparent:not(.stuck).hover.transparent-height::before{
          height: 0px; 
        }
        .btn:not(.no-style):not(.btn-link).btn-primary.header-button.desktop-only{
          background-color: #fff;
          color: #000;
        }
        .second-section{
          background-image: url('../img/background-pattern1.png');
          background-image: url(../img/background-pattern1.png);
          background-repeat: no-repeat;
          background-position: bottom;
          background-position-x: -143px;
          background-position-y: 22px;
        }
        .text-black{
            color:#000 !important;
        }
        .font-semibold.tracking-tighter.heading-text{
            margin-top: -18px;
            letter-spacing: .2px;
        }
        .owner-name{
            color:#39472C;
            font-weight: 800;
            display: inline-block;
        }
        .owner-name:after{
            
        }
        .image-text-row {
          display: flex;
          align-items: center;
          margin-bottom: 22px;
        }
        
        .left-image {
          width: 196px;
          height: auto;
          margin-right: 20px;
          border-radius: 6px;
        }
        
        .left-image .entry-title,.left-image .entry-subtitle,.about-img-section strong{
        	color: #000;
        }
        
        .right-content {
          flex: 1;
          font-size: 14px;
          letter-spacing: .16px;
          /*padding-right: 25px;*/
        }
        .right-content{
        	line-height: 24px;
        }
        .about-img-section .col-lg-7,.about-img-section .col-lg-5{
            padding:0px;
        }
        .order-1 img{
            width:100%;
        }
        .about-section{
        	padding-top: 50px !important;
        	padding-bottom: 50px !important;
        }
        .private-sec-1 .banner-content{
        	color: #fff;
        }
        .private-sec-1 .banner-content .entry-description{
        	color:rgba(255, 255, 255, 0.7);
        }
        .private-sec-2 .banner-content{
        	color: #000;
        }
        .forth-section-bottom{
        	background: rgba(241, 234, 222, 1);
    	    margin-bottom: 60px;
        }
        .forth-section-bottom .entry-title{
          color:rgba(0, 0, 0, 1);
        }
        .forth-section-bottom  .site-iconbox-text{
          color: rgba(0, 0, 0, 0.4);
        }
        .forth-section-bottom > div{
        	padding-top:26.6px;
        	padding-bottom:26.6px;
        }
        .forth-section-bottom .site-iconbox-text{
    	    font-size: 14px !important;
    	    font-weight: 400;
        }
        .forth-section-bottom .site-iconbox.horizontal .iconbox-icon img{
          width: 54px !important;
          max-width: 54px !important;
        }
        .forth-section-bottom{
          background-image: url(../img/Vector615.png?ver01);
          background-repeat: no-repeat;
        }
        .fifth-section .section-text-heading.style-2 .column{
          width: 100%;
          max-width: 100% !important;
        }
        .fifth-section h2{
          font-size: 84px;
          font-weight: 500;
          line-height: 57px;
          letter-spacing: inherit;
        }
        .fifth-section h2 span{
          position: relative;
        }
        .fifth-section h2 span.green-style::after{
          content: '';
          position: absolute;
          top: -93px;
          right: 20px;
          height: 100px;
          width: 136px;
          background-image: url('../img/pointer-icon.png?ver01');
          background-repeat: no-repeat;
          background-size: contain;
        }
        .fifth-section .entry-content p{
          font-size: 18px;
          line-height: 28px;
            margin-top: 15px;
        }
        .fifth-section .section-text-heading.style-2 h4.text-black{
          font-size: 24px;
          font-weight: 600;
          line-height: 19.2px;
          padding-bottom: 15px;
        }
        .fifth-section .section-text-heading.style-2 .text-heading-inner .content-column{
          max-width: 60% !important;
        }
        .site-instructor .instructor-content{
          display: block !important;
        }
        .fifth-section > .site-section.section-text-heading{
        	background-image: url('../img/background-pattern-5.png');
        	background-repeat: no-repeat;
        	background-position-x: center;
    	    background-position-y: 71px;
    	    overflow: visible;
    	    height: 225px;
        }
        /*.youtube-bg*/
        .fifth-section .site-counter-social .social-count{
        	font-weight: 600;
        	color: #000;
        	position: relative;
        }
        .fifth-section .site-counter-social .social-count.youtube-bg::after{
        	content: "";
        	width: 118px;
        	height: 104px;
        	background-image: url('../img/youtube.png');
        	background-repeat: no-repeat;
        	position: absolute;
        	top:32px;
        	left: 0px;
        }
        .fifth-section .site-counter-social .social-count.facebook-bg::after{
        	content: "";
        	width: 118px;
        	height: 104px;
        	background-image: url('../img/facebook.png');
        	background-repeat: no-repeat;
        	position: absolute;
        	top:32px;
        	left: -7px;
        }
        .fifth-section .site-counter-social .social-count.instagram-bg::after{
        	content: "";
        	width: 118px;
        	height: 104px;
        	background-image: url('../img/instagram.png');
        	background-repeat: no-repeat;
        	position: absolute;
        	top:30px;
        	left: 0px;
        }

        .pp-star{
        	color: #FACC15;
        }
        .post .entry-post-category a{
        	color: #000;
        }
        .site-instructor .instructor-content {
        	display: flex;
        }
        .site-instructor .instructor-content .instructor-left{
        	text-align: left;
        	flex: 1;
        }
        .site-instructor .instructor-content .content-right{
    	    text-align: right;
        	flex: 1;
        }
        .site-instructor .instructor-content .content-right p a{
        	font-size: 14px;
    	    color: #000;
    	    padding-right: 5px;
        }
        .ppt-div.margin-top-20{
        	margin-top:20px;
        }
        iframe{
            height: 245px;
            border-radius: var(--theme-radius-base);
        }
        .site-header.transparent:not(.stuck).light .site-brand img.default{
          opacity: 1;
          width: 120px;
          height: auto;
        }
        .first-section .container {
          --bs-heading-color: #000; /* Bootstrap blue */
        }
        .first-section h5.inview-element{
          outline-color: rgba(0, 0, 0, 0.4) !important;
          border: 1px solid !important;
          background: #e5e0d9;
          color: #000;
        }
        .btn-yellow{
          background: rgba(255, 195, 76, 1) !important;
          color: #000 !important;
        }
        .second-section{
          min-height: 180px !important;
        }
        .second-section .site-section-inner{
          display: block;
        }
        .second-section.section-text-heading .text-heading-inner .entry-title{
          font-size: 84px;
          font-weight: 500;
          text-align: center;
          display: block;
          margin-bottom: 0px;
          letter-spacing: 0px;
        }
        .second-section.section-text-heading p{
          text-align: center;
          font-size: 24px;
        }
        .second-section.section-text-heading .text-heading-inner .entry-title span,.about-section .section-text-heading .text-heading-inner .heading-column h2 .owner-name,.fifth-section h2 span,.popular-video-sec h2 span.green-underline,.resources-section h2 span.green-underline{
          font-family: 'LT Cushion', sans-serif;
          font-weight: bold;
        } 
        .second-section.section-text-heading .text-heading-inner .entry-title span span.circle{
          position: relative;
          padding: 1rem;
          z-index: 1; 
        }
        .second-section.section-text-heading .text-heading-inner .entry-title span span::after{
          content: "";
          position: absolute;
          top: 4px;
          left: 6px;
          height: 95.5px;
          width: 178px;
          background-image: url(../img/Circle.png);
          background-repeat: no-repeat;
          background-size: contain;
          z-index: -1;
        }
        .about-section .section-text-heading .text-heading-inner{
          display: block;
          text-align: center;
        }
        .about-section .section-text-heading .text-heading-inner .heading-column h1{
          font-size: 84px;
        }
        .about-section .section-text-heading .text-heading-inner .heading-column h2{
          font-size: 84px;
        }
        .about-section .section-text-heading .text-heading-inner .heading-column h2 .owner-name{
          color:#000;
          position: relative;
        }
        .about-section .section-text-heading .text-heading-inner .heading-column h2 .owner-name::after{
          content:'';
          background-image:url('../img/underline-heading.svg');
          width: 100%;
          background-repeat: no-repeat;
          height: 36px;
          text-align: center;
          position: absolute;
          left: 130px;
          bottom: -15px;
        }
        .about-section .section-text-heading .text-heading-inner .heading-column h1 img{
          width: 112px;
          margin-top: -40px;
        }
        .order-1 .d-block .sub-img-sec img{
          display: inline-block;
          width: auto !important;
        }
        .order-1 .sub-img-sec{
          margin-top: 15px;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        .right-content p,.right-content li{
          font-size: 18px;
          /*line-height: 25px;*/
        }
        .order-2{
          padding: 20px 70px 20px 30px !important;
        }
        .order-2 .left-image{
          margin: 25px 0;
        }
        .about-img-section .container{
          width: 95%;
        }


        .forth-section.second-section.section-text-heading .text-heading-inner .entry-title span.circle::after{
          content: "";
          position: absolute;
          top: 0px;
          left: 6px;
          height: 105.55px;
          width: 278px;
          background-image: url('../img/private-circle.png?ver01');
          background-repeat: no-repeat;
          background-size: contain;
          z-index: -1;
        }
        .forth-section-mid .banner-thumbnail.height{
          background: rgba(241, 234, 222, 1);
          height: 100%;
        }
        .sixth-section .order-2{
          padding: 0px !important;
          padding-right: 20px !important;
        }
        .description-xl .description-xl{
          line-height: 1.3;
        }
        .popular-video-sec h2, .resources-section h2{
          font-size: 84px;
          font-weight: 500;
          line-height: 80px;
        }
        .popular-video-sec h2 span, .resources-section h2 span{
          position: relative;
        }
        .popular-video-sec.section-text-heading.style-1 .column,.resources-section.section-text-heading.style-1 .column{
          width: 70% !important;
        }
        .popular-video-sec h2 span.green-underline::after,.resources-section h2 span.green-underline::after{
          content: '';
          position: absolute;
          bottom: -22px;
          right: -20px;
          height: 26px;
          width: 275px;
          background-image: url('../img/green-underline.png?ver01');
          background-repeat: no-repeat;
          background-size: contain;
          z-index: -1;
        }
        .resources-section h2 span.green-underline::after{
          bottom: -22px;
          right: 25px;
          height: 26px;
          width: 300px;
        }
       
        .footer-wrapper ul{
          list-style: none;
          padding-left: 0px;
          text-decoration: none;
        }

        .contact-banner h2 {
              color: #1A1A1A;
              text-align: center;
              font-family: 'Coolvetica Regular';
              font-size: 48px;
              font-weight: 400;
              line-height: 0.85;
              position: relative;
              z-index: 1;

              @include respond-to(md) {
                  font-size: 32px;
              }
          }
        .footer-area .footer .footer-block .footer-wrapper a,.email-link {
             color: #1A1A1A; 
             font-size: 18px; 
             opacity: 0.8; 
             text-decoration: none; 
             white-space: nowrap; 
             transition: all ease-in-out 0.2s; 
        }
        .footer-area .footer .footer-block .footer-wrapper li {
            margin-bottom: 8px;
        }

        .footer-column h3{
          font-size: 22px !important;
          font-family: Coolvetica Regular;
          font-weight: 400;
          font-style: Regular;
          line-height: 100%;
          letter-spacing: 0px;
          color: #1a1a1a;
        }
        .footer-area .footer .footer-block .footer-wrapper li{
          margin-bottom: 0px !important;
        }
        .footer-area .footer .footer-block .footer-wrapper a{
          color: #1a1a1a;
          font-size: 16px;
          opacity: 0.8;
          text-decoration: none;
          white-space: nowrap;
          transition: all ease-in-out 0.2s;
          /*font-family: Inter;*/
          font-weight: 400;
          line-height: 100%;
          letter-spacing: 0%;
        }



        .footer-area {
        padding-bottom: 30px;

        .contact-banner {
            width: 706px;
            max-width: calc(100% - 3rem);
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            overflow: hidden;
            border-radius: 32px;
            background: #FFFBF1;
            box-shadow: 0 0 64px rgba(0, 0, 0, 0.16);
            transform: translateY(70px);
            min-height: 178px;

            .contact-left {
                flex: 1;
                padding: 40px 30px;
                position: relative;
                background: #FFFBF1;

                @include respond-to(md) {
                    flex: 1 1 100%;
                }

                &::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: -5px;
                    width: 100%;
                    height: 100%;
                    background-image: url('../img/contact-pattern-left.png');
                    background-repeat: no-repeat;
                    background-size: contain;
                }

                &::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 100%;
                    height: 100%;
                    background-image: url('../img/contact-pattern-right.png');
                    background-repeat: no-repeat;
                    background-size: cover;
                }

                
            }

            .contact-right {
                flex: 0.7;
                background: #FFF4DA;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px;
                gap: 15px;

                @include respond-to(md) {
                    flex: 1 1 100%;
                }

                a {
                    display: block;
                    flex-shrink: 0;

                    .social-media-icon {
                        width: 44px;
                        height: 44px;
                    }
                }
            }
        }

        .footer {
            border-radius: 32px;
            border: 1.5px solid #E5E5E5;
            background: #FFFBF1;

            .footer-container {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                max-width: 1240px;
                margin: 0 auto;
                padding: 120px 10px 60px;
                align-items: flex-start;
                border-bottom: 1px solid rgba(0, 0, 0, 0.10);
                gap: 55px;
            }

            .footer-column {
                display: flex;
                flex-direction: column;
                /*gap: 24px;*/
                width: fit-content;
                /*flex: 3;*/

                h3 {
                    color: #1A1A1A;
                    font-family: 'Coolvetica Regular';
                    font-size: 22px;
                    opacity: 0.8;
                }

                p {
                    color: #1A1A1A;
                    font-size: 14px;
                    opacity: 0.8;
                    line-height: 1.4;
                }
            }

            .footer-block {
                display: flex;
                flex-wrap: wrap;
                gap: 40px;

                @include respond-to(md) {
                    gap: 20px;
                }

                .footer-wrapper {
                    flex: 1;

                    ul {
                      list-style: none;
                      padding-left: 0px;
                      text-decoration: none;
                    }

                    li {
                        margin-bottom: 15px;
                    }

                    a {
                        color: #1A1A1A;
                        font-size: 16px;
                        opacity: 0.8;
                        text-decoration: none;
                        white-space: nowrap;
                        transition: all ease-in-out 0.2s;

                        &:hover {
                            color: $primary-color;
                        }
                    }
                }
            }

            .footer-bottom {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 50px;

                .footer-copy-right-text {
                    font-family: 'Coolvetica Regular';
                    color: #1A1A1A;
                    font-size: 18px;
                    font-weight: 400;
                    text-align: center;
                    opacity: .8;
                }

                .brand {
                    color: $primary-color;
                    padding: 8px;
                    border-radius: 50px;
                    position: relative;

                    &::after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background-image: url('./public/icons/or-pattern.svg');
                        background-repeat: no-repeat;
                        background-size: contain;
                        background-position: center;
                        z-index: -1;
                    }
                }
            }
        }
    }
    .mob-hidden{
      display: flex !important;
    }
    .desktop-hidden{
      display: none !important;
    }
    /* mobile menu */
    .site-mobile-navbar{
      display:none;
    }
    .site-action-button .site-action-icon svg, .site-action-button .site-action-icon img{
      color:#000;
    }
    .sessions-page .page-header-inner{
      padding-bottom: 0rem;
      text-align: center;
    }
    .sessions-page .site-instructor-single .instructor-thumbnail img{
      margin: 0 auto;
      display: block;
      border-radius: 10px;
    }
    .sessions-page .instructor-bio{
      text-align: center;
      margin: 30px auto;
    }
    .sessions-page .btn{
      width: 200px;
      font-size: 25px !important;
      border-radius: 30px !important;
      display: inline-table;
      padding-top: 15px;
      padding-bottom: 15px;
    }
    .sessions-page .sub-section{
      text-align: center;
      margin-top: 40px;
    }

    .sessions-page .sub-section{

            .testimonial-section {
              text-align: center;
              padding: 40px 20px;
              font-family: sans-serif;
            }

            .testimonial-section h2 {
              font-size: 24px;
            }

            .testimonial-section p {
              color: #555;
              margin-bottom: 30px;
            }

            .testimonial-slider-wrapper {
              max-width: 800px;
              margin: auto;
              overflow: hidden;
              position: relative;
            }

            .testimonial-slider {
              display: flex;
              transition: transform 0.5s ease;
            }

            .testimonial-card {
              flex: 0 0 47.5%; /* 2 cards per view */
              box-sizing: border-box;
              padding: 20px;
              background: #fff;
              margin: 10px;
              border-radius: 12px;
              box-shadow: 0 4px 8px rgba(0,0,0,0.05);
            }

            .user-info {
              display: flex;
              align-items: center;
              gap: 10px;
            }

            .user-info img {
              width: 24px;
              height: 24px;
            }

            .user-info .name {
              font-weight: bold;
              font-size: 14px;
            }

            .user-info small {
              font-weight: normal;
              color: gray;
              font-size: 12px;
              margin-left: 4px;
            }

            .user-info i.liked {
              margin-left: auto;
              color: red;
            }

            .message {
              font-size: 14px;
              margin: 12px 0;
              color: #222;
            }

            .footer {
              display: flex;
              justify-content: space-between;
              font-size: 12px;
              color: #777;
            }

            .arrows {
              display: flex;
              justify-content: center;
              gap: 12px;
              margin-top: 20px;
            }

            .arrow {
              width: 30px;
              height: 30px;
              background-color: #e0e0e0;
              border-radius: 50%;
              font-weight: bold;
              line-height: 30px;
              cursor: pointer;
            }
            .arrow i {
                font-size: 10px;
                color: #333;
                line-height: 30px;
              }
              .arrow:hover {
                background-color: #ccc;
              }


    }

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

      .site-header.transparent:not(.stuck).light .site-brand img.default{
        display: none;
      }

      .first-section h5.inview-element.badge{
        text-align: left;
        white-space: inherit;
        order-color: rgba(0, 0, 0, 0.4) !important;
        background: rgba(255, 255, 255, 0.4);
      }
      .main-content:not(.footer-merged){
        padding-bottom: 0;
      }
      .main-content{
        min-height: inherit;
      }
      .second-section{
        background-image: url(../img/mob-background-pattern1.png);
        background-position-x: inherit;
        background-position-y: 10px;
        padding-top: 40px;
        margin-top: 20px;
      }
      .second-section.section-text-heading .text-heading-inner .entry-title,.about-section .section-text-heading .text-heading-inner .heading-column h1,.about-section .section-text-heading .text-heading-inner .heading-column h2,.popular-video-sec h2, .resources-section h2,.fifth-section h2{
        font-size: 29.4px;
      }
      .about-section .section-text-heading .text-heading-inner .heading-column h2{
        padding-top: 5px;
      }
      .about-section .section-text-heading .text-heading-inner .heading-column h1 img{
        width: 58px;
        margin-top: -7px;
      }
      .about-section .section-text-heading .text-heading-inner .heading-column h2 .owner-name::after{
        background-image: url(../img/mob-underline-heading.png);
        width: 158px;
        background-repeat: no-repeat;
        height: 16px;
        text-align: center;
        position: absolute;
        left: 82px;
        bottom: -10px;
      }
      .right-content p, .right-content li{
        font-size: 13px;
        line-height: 25px;
      }
      .second-section.section-text-heading .text-heading-inner .entry-title span span::after{
        height: 37px;
        width: 68px;
        background-image: url(../img/mob-Circle.png);
        top: -7px;
        left: 0;
      }
      .second-section.section-text-heading .text-heading-inner .entry-title span span.circle{
        padding: 0;
      }
      .second-section.section-text-heading p{
        font-size: 14.3px;
        padding: 11px 20px;

      }
      .forth-section.second-section.section-text-heading .text-heading-inner .entry-title span.circle::after{
        top: -5px;
        left: -8px;
        height: 45.55px;
        width: 105px;
      }
      .fifth-section h2{
            font-size: 28.4px;
      }
      .fifth-section .section-text-heading.style-2 h4.text-black{
        font-size: 14.8px;
        padding-bottom: 0px;
      }
      .fifth-section .entry-content p{
        font-size: 14.2px;
        line-height: 22.1px;
      }
      .fifth-section h2 span.green-style::after{
        content: '';
        position: absolute;
        top: -40px;
        right: 20px;
        height: 36px;
        width: 60px;
        background-image: url(../img/pointer-icon.png?ver01);
        background-repeat: no-repeat;
        background-size: contain;
      }
      .fifth-section > .site-section.section-text-heading {
          background-image: url(../img/mob-background-pattern-5.png);
          background-repeat: no-repeat;
          background-position-x: center;
          background-position-y: 71px;
          overflow: visible;
          height: 225px;
      }
      .testimonial-comment .testimonial-comment-inner .comment{
        font-size: 19.4px;
        line-height: inherit;
      }
      .sixth-section .order-2{
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
      }
      .sixth-section .btn-yellow{
        margin-bottom: 30px;
      }
      .popular-video-sec h2{
        line-height: 1.3;
      }
      .popular-video-sec .text-heading-inner{
        display: block !important;
      }
      .popular-video-sec.section-text-heading.style-1 .column, .resources-section.section-text-heading.style-1 .column{
        width: 100% !important;
      }
      .popular-video-sec h2 span.green-underline::after, .resources-section h2 span.green-underline::after {
          content: '';
          position: absolute;
          bottom: -9px;
          height: 10px;
          width: 110px;
          background-image: url(../img/green-underline.png?ver01);
          background-repeat: no-repeat;
          background-size: contain;
          z-index: -1;
          right: -17px;
      }
      .resources-section h2{
        line-height: 1.1;
        padding-right: 35px;
      }
      .resources-section h2 span.green-underline::after{
            bottom: -21px;
        right: -6px;
        height: 20px;
        width: 135px;
      }
      .footer-area .contact-banner .contact-left,.footer-area .contact-banner .contact-right{
        flex: none;
        width: 100%;
      }
      .footer-container{
        display: block;
      }
      .footer-column{
        margin-bottom: 30px;
      }

      .mob-hidden{
        display: none !important;
      }
      .desktop-hidden{
        display: flex !important;
      }
      .about-img-section .col-lg-5{
        padding:0px !important;
      }
      .about-img-section .sub-img-sec.desktop-hidden{
        grid-gap: 15px; 
      }
      .about-img-section .sub-img-sec.desktop-hidden img{
        width: 180px;
      }
      .about-img-section .sub-img-sec.desktop-hidden.lower img{
        width: 100%;
      }
      .site-navigation .menu .menu-item-label {color: #000 !important;}
      
      .desktop_footer {
          display: none ! important;
      }
      /* mob- menu */
      .site-action-button{
        text-align: right;
        position: absolute;
        right: 20px;
      }
      .site-header.transparent:not(.stuck).light .site-brand img.default{
        display: inline-block;
        margin-top: 20px;
      }
      
      .sessions-page .sub-section .testimonial-card {
        flex: 0 0 96%; /* Only 1 slide visible on small screens */
      }



    }
