.margin-100T {
      margin-top: 100px
    }

    @media screen and (max-width: 1399px) {
      .hand-animation-cont .our-frame-bss {
        width: 110%;
      }
    }

    @media screen and (max-width: 1200px) {
      .hand-animation-cont .our-frame-bss {
        width: 100%;
      }
    }

    @media screen and (max-width: 767px) {
      .margin-100T {
        margin-top: 30px
      }
    }

    .head-border:after {
      content: '';
      width: 40%;
      height: 100%;
      border-top: 2px solid #54A9DC;
      right: -35%;
      position: absolute;
      top: -2px;
    }





    /* KG Styles */
    .anim-holder {
      position: relative;
    }

    .anim-holder .day-one-img {
      width: 40%;
      margin: auto;
      position: absolute;
      z-index: 1;
      left: 54%;
      top: 10%;
      opacity: 0;
    }

    #right-links>div {
      position: relative;
      z-index: 1;
    }


    .one-day-day-one {
      font-size: 90px;
      line-height: 1;
      font-weight: 700;
      text-align: center;
      position: absolute;
      left: 29%;
      top: 36px;
      opacity: 0;
      z-index: 1;
    }

    .mount-holder {
      width: 100%;
      height: calc(100vh - 137px);
      overflow: hidden;
      position: relative;
      background-image: url(../images/home-montain-4.png);
      background-size: 100%;
      background-repeat: no-repeat;
      border-bottom: 1px solid grey;

    }

    /* .mount-holder::after {
			width: 100%;
			height: 1px;
			background-color: grey;
			content: '';
			position: absolute;
			bottom: 13%;
			left: 0;
		} */

    .mount-holder>* {
      transition: all .5s ease-in-out;
    }


    .mount-holder img.mount {
      position: absolute;
      width: 70%;
      bottom: 0;
    }

    canvas.particles-js-canvas-el {
      width: 100%;
      position: relative;
      height: auto;
      top: -65vh;
      right: -571px;
      opacity: 0;
    }

    @media screen and (max-width:1400px) {
      .one-day-day-one {
        font-size: 70px;
      }

      .mount-holder {
        background-size: 129%;
      }

      .anim-holder .day-one-img {
        width: 40%;
        margin: auto;
        position: relative;
        z-index: 1;
        left: 28%;
        top: 200px;
        opacity: 0;
      }
    }

    @media screen and (max-width:1300px) {
      .mount-holder {
        background-size: 129%;
      }
    }

    @media screen and (max-width:1200px) {
      .one-day-day-one {
        font-size: 40px;
      }

      .mount-holder {
        background-size: 153%;
      }
    }

    @media screen and (max-width:991px) {
      canvas.particles-js-canvas-el {
        display: none;
      }

      .mount-holder {
        height: fit-content;
        padding-bottom: 3rem;
        border-bottom: none;
        opacity: 0;
        background-size: cover;
      }

      .anim-holder {
        display: flex;
        justify-content: center;
        transition: all .5s ease-in-out;
      }

      .one-day-day-one {
        position: relative;
        left: auto;
        top: 36px;
        width: 60%;
      }

      .anim-holder .day-one-img {
        position: relative;
        top: auto;
        left: auto;
      }

      .fin-items {
        padding: 20px;
        border-radius: 20px;
        background-color: #ffffffb5;
        backdrop-filter: blur(10px);
      }
    }

    @media screen and (max-width:660px) {
      .anim-holder {
        flex-direction: column;
        place-items: center;
      }

      .one-day-day-one {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 24px;
        top: revert !important;
      }

      .anim-holder .day-one-img {
        width: 40%;
      }


    }


/*  Index Will */

    .light-blue-border {
      border: 1px solid #C4C9D0;
      border-radius: 20px;
      padding: 10px;
      font-weight: 500;
      color: #084E8A;
      margin-top: 19px;
    }

    .grey-shade {
      background-color: #F3F3F4;
      border-radius: 20px;
      padding: 0px 13px 6px 13px;
    }

    .grey-shade-half {
      background-color: #F3F3F4;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      max-height: 113px;
    }

    .grey-shade-half p {
      margin-left: 13px;
    }

    .grey-shade-content {
      padding: 0px 0px 10px 10px;
    }

    .grey-shade-content p {
      color: #00AFA5 !important;
      font-weight: 500;
    }

    .grey-shade-content span {
      font-size: 26px;
      color: #27AAE1;
      font-weight: 700;
    }

    .detailed-com {
      border-bottom: 1px solid #C4C9D0;
      display: flex;
      padding-top: 78px;
    }

    .detailed-com p {
      color: #00AFA5 !important;
      padding-left: 20px;
    }

    /* .detailed-com svg{transition: 0.1s ease-in;}
			  .detailed-com svg:hover{transform:translateX(50%) ;} */
    p.marg {
      margin-top: 57px;
    }

    a {
      text-decoration: none;
    }

    .image-text {
     
      padding: 11px;
      z-index: 999999999;
     
    }
.image-img{
  width: 70px;
      height: 70px;
      border-radius: 50%;
  background: linear-gradient(to right, #00AFA5, #099B8C);
  text-align: center;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;

}
.image-img:hover{
 
  background: #38A9DE;


}
    .image-text p {
      color: #52AFA5 !important;
      text-align: center;
    }

    p.bottom-p {
      margin-left: 25px;
    }

    .icons-content {
      display: flex;
      justify-content: space-between;
    }

    /* img.webcast {
      margin-right: 13px;
    } */

    .svg-container svg {
      margin-top: -14%;
    }

    .svg-container::after {
      content: "";
      background: linear-gradient(45deg, transparent, #009CDC, transparent);
      height: 2px;
      width: 100%;
      display: block;
      position: relative;
      bottom: 0px;
    }

    @media screen and (max-width:1399px) {
      svg {
        width: 950px;
        margin-left: -42px;
      }

      .svg-container svg {
        margin-top: -28%;
      }

      .svg-container::after {
        content: "";
        background: linear-gradient(45deg, transparent, #009CDC, transparent);
        height: 2px;
        display: block;
        position: relative;
        bottom: 23px;
      }
    }


    @media screen and (max-width:1199px) {
      svg {
        width: 866px;
        margin-left: -94px;
      }

      .svg-container svg {
        margin-top: -32%;
      }

      .svg-container::after {
        content: "";
        background: linear-gradient(45deg, transparent, #009CDC, transparent);
        height: 2px;
        display: block;
        position: relative;
        bottom: 38px;
      }
    }

    @media screen and (max-width:991px) {
      .svg-container {
        display: none;
      }
    }