/* ==============================
   TRUE SPIRIT RESET – PHONE FIX
   ============================== */

@media (max-width: 767px) {

.tsr-container {
    max-width: 100% !important;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px !important;
    transition: .4s ease;
}

.tsr-logo img {
    height: 35px !important;
    transition: .4s;
}

.bg-purple {
    background-image: url(../images/background1.png);
    background-size: cover !important;
    background-position: top right !important;
    background-repeat: repeat-y;
}

  img.banner1 {
    width: 100% !Important;
}

.true-spirit1 {
    width: 80%;
    padding-top: 50px !important;
}

.heading__title2 {
    background-image: linear-gradient(to right, #f6e793 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #f6e78f 100%);
    color: transparent;
    -webkit-background-clip: text;
    font-size: 24px  !important;
}

.true-spirit1 {
    width: 95%  !Important;
	margin-top:-5px !important;
}


.section {
    max-width: 100%;
    margin: auto;
    padding: 30px 20px  !Important;
    text-align: center;
}

.reason-img {
    height: 350px  !Important;
     margin-bottom:30px;
    object-fit: cover;
}

.true-spirit1 p {
    margin-top: 40px;
    padding: 0px 10px !important;
}

.inner-padding {
    padding: 20px 25px !important;
    background: #00000033;
}

.inner-padding2 {
    padding: 20px 25px !important;
    background: #0000001a;
}

.true-spirit {
    height: 300px !important;
    width: 100%;
    object-fit: cover;
}

 /* ===== FIRST CONTAINER ===== */
  .reset1 .container:nth-child(1) .row {
    display: flex;
    flex-direction: column !important;
  }

  /* text block first */
  .reset1 .container:nth-child(1) .col-md-6:first-child {
    order: 1 !important;
  }

  /* image second */
  .reset1 .container:nth-child(1) .col-md-6:last-child {
    order: 2 !important;
    margin-top: 16px;
  }


  /* ===== SECOND CONTAINER ===== */
  .reset1 .container:nth-child(2) .row {
    display: flex;
    flex-direction: column !important;
  }

  /* text first in second block */
  .reset1 .container:nth-child(2) .col-md-6:last-child {
    order: 1 !important;
  }

  /* image second in second block */
  .reset1 .container:nth-child(2) .col-md-6:first-child {
    order: 2 !important;
    margin-top: 16px;
  }


  /* common image size for mobile */
  .true-spirit {
    height: 260px !important;
  }

  .reset1 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.reset-section1 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
    background-image: url(../images/bg2.png);
    background-size: cover;
    background-position: top right !important;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-right:30px;
}


.aboutimg {
    height: 275px;
    display: contents !important;
    margin-bottom: -30px;
    margin-right: -175px !important;
}

.certifiedimg {
        height: 200px;
        width: 100%;
        object-fit: cover;
    }

.facilitator1 {
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(../images/bg5.png);
    background-size: cover;
    background-position: top left !important;
    background-repeat: no-repeat;
}

.path-begins {
    padding-bottom: 40px;
    padding-top: 30px;
    text-align: center;
    background: rgba(20, 5, 25, 0.72);
    width: 90% !important;
    border-radius: 60px;
    margin-top:30px !important;
}

.font-32 {
    font-size: 20px !important;
    line-height:28px !important;
}

.tsr-section {
    padding: 30px 20px 40px !important;
    display: flex;
    justify-content: center;
}

.certificationimg {
  margin-top:30px;
    width: 100%;
    object-fit: cover;
    height: 273px;
    border-radius: 20px;
    border: 1px solid rgba(255, 201, 120, 0.482);
    box-shadow: 0 0 30px rgba(255, 161, 60, 0.42), inset 0 0 20px rgba(255, 161, 60, 0.196);
}

.marta-banner {
    background: linear-gradient(45deg, #00000067, #00000034);
    background-image: url(../images/bg5.png);
    background-size: cover;
    background-position: top left !important;
    background-repeat: no-repeat;
    padding: 40px 20px 0px;
    color: #f5e6c0;
}

.chakra1{
	height:180px;
}

..banner2 {
    position: relative !important;
     right: auto !important; 
    top: auto !important;
    bottom: 10px !important;
}

.banner-img img {
    margin-left: -35px;
    width: 100%;
    margin-top: 0px !important;
}

  }