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

    main {
        height: 70vh;
    }

    /* .menuAbsolute {
        position: absolute;
        width: 100%;
        top: 5vh;
        background-color: white;
        left: 0;
        z-index: 999999;
    }

    .topNav .navbar-nav .nav-link.active {
        border-radius: 0;
    }

    .btn-outline-light.navBtn {
        border-radius: 0;
        width: 100%;
    } */

    .roundedarea {
        width: 200%;
        border-radius: 200%;
        /* min-height: 800px;
        height: 150%; */
        left: -50%;
        top: -50%;
        /* background-image: url(../images/banner-mobile-telegram.png); */
        background-image: none;
        background-repeat: no-repeat;
        background-position: 50% bottom;
        background-size: 50%;
    }

    h2.headerTxtBig {
        font-size: 230%;
        width: 100%;
        text-align: center;
    }

    .sectionHeadTop {
        font-size: 150%;
    }

    .cardHead {
        font-size: 140%;
    }
    
    p.headerTxt {
        width: 100%;
        font-size: 150%;
        text-align: center;
    } 
    
    .boxWhite::before {
        left: auto;
        right: 1vw;
    }

    .boxWhite h3 {
        font-size: 110%;
        line-height: 1.2;
    }

    img.icon.right {
        display: none;
    }

    .font120 {
        font-size: 100%;
        line-height: 1.2;
    }


    /* SECTION ONE */

    .txtPercentage {
        border-left: none;
        position: relative;
    }
    
    .txtPercentage::before {
        display: none;
    }

    /* END SECTION ONE */

    /* SECTION TWO */
    .icon.left, .icon.right {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* TAB */
    .multiTabContent {
        box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
        border: 2px solid #a6007b;
        border-radius: 3vh;
        /* background: #fff url(../images/tab-left-bg.svg) no-repeat left top; */
        background-size: 19.2% 100%;
        margin-inline: 0;
        padding-inline: 0;
        min-height: 50vh;
    }
    
    .leftTabBg {
        border-radius: 3vh;
        padding: 1.5vh 1vw;
        width: 100%;
    }

    .leftTabBg .accordion-item .accordion-button {
        background-color: #f3f3f3;
        color: #333;
        margin-bottom: 10px;
    }

    .leftTabBg .accordion-button:not(.collapsed) {
        background-color: #f71915;
        color: #fff;
    }

    .leftTabBg .accordion-button:focus {
        box-shadow: none;
    }
    
    .leftTabBg ul.nav-tabs { 
        border: none;
    }

    .tabImage {
        width: 100%;
    }
    
    
    .tabRightContent {
        width: 100%;
        padding: 1.5vh 2vw;
    }
        
    
    /* END TAB */

    .contactForm {
        width: 100%;
        padding: 3vh 4vw;
        box-shadow: rgb(91 83 137 / 14%) 0px 8px 16px 5px;
    }

    .formLeft {
        position: static;
        transform: none;
        width: 100%;
    }

    .star.two {
        top: -6%;
        left: 0%;
    }
    

    .sectionHeadTop {
        font-size: 120%;
    }

    .logoOutline { 
        width: 100%;
    }

}

 

@media (max-width: 991px) {
  .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }
}

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

.margintopPotion {
      flex-direction: column; 
      width: 40%;
      margin-inline: auto;
      height: max-content;
      margin-top: 4vh;
  }

  .timelineYear {
    background-color: transparent;
    width: auto;
    margin-block: 100px;
}

.timelineYear > span {
    font-style: italic;
    font-size: 120%;
    font-weight: 600;
    background-color: red;
    padding: 20px;
    border-radius: 10px;
    top: -78px;
}


.yrDesc, .yrDesc.even  {
    text-align: center;
}

.yrDesc.even  {
    text-align: center;
    top: -72px;
}

.timelineYear::before {
    top: 100%;
}

.timelineYear:first-child:before {
    display: block;
}

.timelineYear::after {
    display: none;
}

.timelineYear:nth-child(2)::before, .timelineYear:nth-child(4)::before, .timelineYear:nth-child(6)::before, .timelineYear:nth-child(8)::before {
    top: 76%;
}

.futureGoal {
    padding: 1em 0.5em;
    text-align: center;
    font-size: 130%;
}
  
}