@media all and (min-width: 1400px) {

.hidden_section{ 
              height: 0px;
              }
    /* ----------- LandingSection starts -----------  */
    section {
transition: transform 1.5s ease, opacity 1.5s ease;
}
.zoom-section {
transform: scale(0.0);
opacity: 0.7;
}
.zoomed-out {
transform: scale(1);
opacity: 1;
}
.zoom-sectionAboutUs {
transform: scale(0);
opacity: 0.7;
}
.zoomed-outAboutUs {
transform: scale(1);
opacity: 1;
}

    #LandingSection .carousel-container {
        border-radius: 10px;
    }

    #LandingSection .container-fluid {
        padding: 3% 0% 0% 0%;

    }

    #LandingSection .contentLandComp {
        padding: 8% 0% 0% 0%;
        text-align: center;
    }

    #LandingSection .carousel-images {
        height: 625px;
    }

    #LandingSection .contentLandComp h2 {
        font-size: 3.5em;
        line-height: 55px;
        padding-bottom: 0%;
    }

    #LandingSection .contentLandComp .text-slider {
        font-size: 5em;
        margin: -15px 0px 0px 0px;
    }

    #LandingSection .contentLandComp h5 {
        padding: 0%;
    }

    #LandingSection .controls {
        visibility: visible;
    }

 			.contentLandComp {
			opacity: 0;
			transform: translateY(-100%);
			animation: swipeSlideUpIn 3s ease forwards;
			}
			@keyframes swipeSlideUpIn {
			0% {
			opacity: 0;
			transform: translateY(-100%);
			}
			50% {
			opacity: 0.5;
			}
			100% {
			opacity: 1;
			transform: translateY(0);
			}
			} 
    /* ----------- LandingSection ends -----------  */

    /* ----------- inSliderText starts ----------- */
       #inSliderText .container-fluid {
        padding: 1.2% 10% 2.5% 9%;
    }
                         .cardText {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
      }
      .cardText.show {
      opacity: 1;
      transform: translateY(0);
      }
         .aboutBIMContainer .well {
        padding: 25px;
        border-radius: 10px;
        background-color: white;
        box-shadow: var(--box-shadow40);
        height: 270px;
        border: none;
        margin-top: 20px;
        margin-bottom: 35px;
        transition: 0.3s ease-in;
    }
                .whatsImageComp{
                    height: 70px;
                    padding: 15px;
                    aspect-ratio: 1;
                    border-radius: 50%;
                    overflow: hidden;
                    position: absolute;
                    top: -15px;
                    background-color: var(--themeColor);
                    transition: 0.3s ease-in;
                    border: 2px solid var(--themeColor);
                }
                .whatSetsComp {
                    padding:45px 0px;
                }

    .typeContainer {
        height: 50px;
        margin-top: -25px;
    }
   .bridge-section .sliderLogo {
        display: flex;
        animation: slide 30s linear infinite;

    }
    .typing-container {
        font-size: 1.5rem;
        color: var(--themeColor);
        display: inline-block;
        position: relative;
        white-space: nowrap;
    }

    .bridge-section {
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    #inSliderText .textSlider .well {
        margin-top: 35px;
    }

    #inSliderText .textSlider h2 {
        font-size: 2em;
        padding-bottom: 10px;
        line-height: 55px;
    }

    /* ----------- inSliderText ends ----------- */


    /* ------------- inCourseComp STARTS ----------------*/
    #inCourseComp .container-fluid {
        padding: 2% 10% 2% 9%;
    }
         .cardCourse {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
      }
      .cardCourse.show {
      opacity: 1;
      transform: translateY(0);
      }

    .courseTypesLanding .well {
        padding: 10px;
    }

    .courseTitleLanding h3 {
        height: 90px;
        padding: 20px;
        text-align: left;
    }

    .courseDetailsLanding h4 {
        font-size: 0.9em;
    }

    .courseDetailsLanding h5 {
        font-size: 1.1em;
    }

    /* ------------- inCourseComp ENDS ----------------*/


    /* ------------- inPerformCount STARTS ----------------*/
    #inPerformCount .container-fluid {
        padding: 5% 10% 5% 9%;
    }

    #inPerformCount .counterComp {
        padding: 25px 45px;
    }

    @keyframes conterTopImgOne {
        0% {
            left: -220px;
            top: -120px;
        }

        50% {
            left: -250px;
            top: -150px;
        }

        100% {
            left: -240px;
            top: -110px;
        }
    }

    @keyframes conterTopImgTwo {
        0% {
            left: -200px;
            top: -190px;
        }

        25% {
            left: -100px;
            top: -180px;
        }

        50% {
            left: -200px;
            top: -210px;
        }

        75% {
            left: -150px;
            top: -180px;
        }

        100% {
            left: -100px;
            top: -210px;
        }
    }

    @keyframes conterTopImgThree {
        0% {
            left: 200px;
            top: -150px;
        }

        25% {
            left: 100px;
            top: -180px;
        }

        50% {
            left: 200px;
            top: -150px;
        }

        75% {
            left: 250px;
            top: -210px;
        }

        100% {
            left: 100px;
            top: -160px;
        }
    }
    .cardPerform {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
      }
      .cardPerform.show {
      opacity: 1;
      transform: translateY(0);
      }

    /* ------------- inPerformCount ENDS ----------------*/

    /* -------------- inTextSlider STARTS -------------- */
    
  #inTextSlider .container-fluid {
        padding: 2% 10% 4% 9%;
    }

    .sliderTextTrack {
        display: flex;
        white-space: nowrap;
        animation: scrollText 25s linear infinite;
    }

    /* -------------- inTextSlider ENDS -------------- */

    /* -------------- inMentors ENDS -------------- */
   #inMentors .container-fluid {
        padding: 3% 10% 2% 9%;
    }
     .countryComp {
        height: 300px;
    }
.countryBIMText h4{
                        font-size: 2em;
        font-weight: bold;
                    }
    .countryText .INDIA {
        top: 18%;
        left: 27%;
    }

    .countryComp:hover .countryText .INDIA {
        top: 15%;
        left: 24%;
        transition: 0.3s ease-in;
    }

    .countryText .CANADA {
        top: 15%;
        left: 45%;
    }

    .countryComp:hover .countryText .CANADA {
        top: 12%;
        left: 45%;
        transition: 0.3s ease-in;
    }

    .countryText .GERMANY {
        top: 40%;
        right: 25%;
    }

    .countryComp:hover .countryText .GERMANY {
        top: 35%;
        right: 17%;
        transition: 0.3s ease-in;
    }

    .countryText .USA {
        top: 45%;
        left: 25%;
    }

    .countryComp:hover .countryText .USA {
        top: 48%;
        left: 20%;
        transition: 0.3s ease-in;
    }

    .countryText .SINGAPORE {
        top: 75%;
        left: 22%;
    }

    .countryComp:hover .countryText .SINGAPORE {
        top: 80%;
        left: 20%;
        transition: 0.3s ease-in;
    }

    .countryText .UNITEDKINGDOM {
        top: 75%;
        left: 42%;
    }

    .countryComp:hover .countryText .UNITEDKINGDOM {
        top: 85%;
        left: 45%;
        transition: 0.3s ease-in;
    }

    .countryText .DUBAI {
        top: 15%;
        right: 27%;
    }

    .countryComp:hover .countryText .DUBAI {
        top: 15%;
        right: 25%;
        transition: 0.3s ease-in;
    }

    .countryText .SWITZERLAND {
        top: 75%;
        right: 22%;
    }

    .countryComp:hover .countryText .SWITZERLAND {
        top: 75%;
        right: 25%;
        transition: 0.3s ease-in;
    }
    	.cardMentor {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 1s ease, transform 1s ease;
	}
	.cardMentor.show {
	opacity: 1;
	transform: translateY(0);
	}
    /* -------------- inMentors ENDS -------------- */


    /* -------------- inCardSlider STARTS -------------- */
    #inCardSlider .container-fluid {
        padding: 7% 10% 5% 9%;
        height: 780px;
        background-color: var(--bgColor);
    }

    /* -------------- inCardSlider ENDS -------------- */

    /* -------------- inProPeers ENDS -------------- */
    #inProPeers .container-fluid {
        padding: 3% 10% 2% 9%;

    }

    .practicalExposure .wellComp {
        margin-top: 0px;
    }

    #inProPeers .well {
        height: 405px;
    }
			.cardPeers {
		opacity: 0;
		transform: translateY(20px);
		transition: opacity 1s ease, transform 1s ease;
		}
		.cardPeers.show {
		opacity: 1;
		transform: translateY(0);
		}
    /* -------------- inProPeers ENDS -------------- */
    /* ------------- inTestimonials STARTS ----------------*/
    #inTestimonials .container-fluid {
        padding: 5% 10% 5% 9%;
    }

    #inTestimonials .swiper-slide {

        padding: 0% 5% 2% 5%;
    }
	.cardTesti {
opacity: 0;
transform: translateY(20px);
transition: opacity 1s ease, transform 1s ease;
}
.cardTesti.show {
opacity: 1;
transform: translateY(0);
}
    /* ------------- inTestimonials ENDS ----------------*/


    /* ------------- inBookAppointment STARTS ----------------*/
    #inBookAppointment .container-fluid {
        padding: 2% 10% 2% 9%;
    }

    .appointFeatLeft .sectionSubHead h1 {
        font-size: 5em;
    }
 .cardAppoint {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
      }
      .cardAppoint.show {
      opacity: 1;
      transform: translateY(0);
      }
    /* ------------- inTestimonials ENDS  ----------------*/

    /* ------------- inLatestResearch STARTS ----------------*/
    #inLatestResearch .container-fluid {
        padding: 4% 10% 0% 9%;
    }

    /* ------------- inLatestResearch ENDS ----------------*/


    /*FOOTER SECTION STARTS*/
    .newsLetterComp {
        padding: 2% 15% 0% 15%;
        background-color: white;
    }

    .newsLetterComp .well {
        padding: 40px 50px;
    }

    .newsLetterInput .buttonSubsribe {
        padding: 12px 45px;
        position: absolute;
        right: 20px;
        font-size: 1em;
        top: 40px;
        border-radius: 50px;
    }

    .footerFooterComp .container-fluid {
        padding: 3% 10% 2% 9%;
    }

    .footerFooterComp img {
        height: 80px;
    }

    .footerHead h4 {
        padding-left: 45px;
        padding-top: 25px;
        padding-bottom: 15px;
    }

    .footerHead h5 {
        padding-left: 45px;
        line-height: 20px;
    }

    .copyrightComp h4 {
        display: flex;
        padding: 15px 0px 0px 0px;
        font-size: 0.8em;
        justify-content: space-between;
    }

    .copyrightComp h5 {
        padding: 25px 0px 0px 0px;
    }

    .copyrightComp h6 {
        padding: 25px 0px 0px 0px;
        text-align: right;
    }

    #sideBtnComp {
        top: 86%;
        height: 40px;
    }

    #sideBtnComp.show {
        right: 45px;
        /* slide in */
    }

    .whatsappChat {
        top: 93%;
        left: 91%;
        width: 125px;
    }

    /*FOOTER SECTION ENDS*/
    /*ABOUT US STARTS*/
    .sectionAboutHead .container-fluid {
        padding: 2% 2% 0% 2%;
    }

    .sectionAboutHead .well h1 {
        font-size: 4em;
        line-height: 50px;
    }

    .sectionAboutHead .well h3 {
        font-size: 2.5em;
        line-height: 50px;
    }

    .sectionAboutHead .well h5 {
        font-size: 1.5em;
        line-height: 50px;
    }

    .AboutBox1 {
        top: 75px;
        left: 170px;
        transition: 0.5s ease-in;
    }

    .AboutBox2 {
        top: 275px;
        left: 190px;
        transition: 0.5s ease-in;
    }

    .AboutBox3 {
        top: 35px;
        right: 170px;
        transition: 0.5s ease-in;
    }

    .AboutBox4 {
        top: 275px;
        right: 190px;
        transition: 0.5s ease-in;
    }

    .aboutFeatures:hover .AboutBox1 {
        transition: 0.5s ease-in;
        top: 25px;
        left: 110px;
    }

    .aboutFeatures:hover .AboutBox2 {
        transition: 0.5s ease-in;
        top: 295px;
        left: 150px;
    }

    .aboutFeatures:hover .AboutBox3 {
        transition: 0.5s ease-in;
        top: 10px;
        right: 130px;
    }

    .aboutFeatures:hover .AboutBox4 {
        transition: 0.5s ease-in;
        top: 315px;
        right: 100px;
    }

    .boxComp {
        background-image: var(--bgImage);
        border-radius: 15px;
        position: absolute;
        padding: 10px 25px;
        width: 350px;
    }

    .sectionAboutBody .container-fluid {
        padding: 2% 10.5% 2% 9%;
    }

    .sectionAboutBody .brandLogo h3 {
        font-size: 3em;
    }

    .founderDesk {
        padding: 4% 10%;
        background-color: var(--bgColor);
    }
.founderDesk img{
    height: 400px;
    width: 100%;
    border-radius: 15px;
    margin-top: 65px;
}
    .ourMissonVision {
        padding: 2% 10% 0% 10%;
        height: 400px;
        background-color: var(--bgColor);
    }

    .ourMissonVision .missionComp {
        margin-top: 0px;
         height: 350px;
    }

    .preimiumSerComp {
        padding-bottom: 5%;
    }

    .preimiumSerComp .founderDeskHeading {
        padding: 0% 10% 1% 10%;
    }

    .howitbegin .container-fluid {
        padding: 2% 10% 4% 10%;
        background-color: var(--themeColor);
    }

    .howitbegin h2 {
        font-size: 3em;
        line-height: 50px;
    }

    .howitbegin .well {
        margin-top: 20%;
    }

    .learnBuild {
        padding: 5% 15% 2% 15%;
    }

    .learnBuild .text-slider {
        font-size: 0.8em;
        line-height: 25px;
        padding: 15px 15px 0px 15px;
    }

    .learnBuild h4 {
        font-size: 1.4em;
        margin: 0px 0px 25px 0px;
    }

    .learnBuilComp {
        display: flex;
        justify-content: space-evenly;
    }

    .learnBuilComp .learnComp {
        padding: 15px 60px;
        border-radius: 10px;
        margin-right: 10px;
        box-shadow: var(--box-shadow50);
        margin-bottom: 30px;
    }

    .callUsDoubt {
        background-color: var(--bgColor);
        padding: 0% 20% 0% 20%;
        margin-top: 8%;
        margin-bottom: 3%;
    }

    .callUsDoubt .well h2 {
        font-weight: bold;
        font-size: 2.5em;
    }

    .callUsDoubt .well .BtnServices {

        width: 40%;
    }

    .callUsDoubt .well {
        background-color: white;
        border-radius: 15px;
        margin-top: -15%;
        padding: 3% 5%;
    }

    /*ABOUT US ENDS*/

    /*CONTACT US STARTS*/
    .commonSection .container-fluid {
        padding: 6% 10% 2% 9%;
    }

    .paggignationHeader .container-fluid {
        padding: 5% 10% 2% 9%;
    }

    .addressCompText h3 {
        margin-left: -30px;
    }

    .addressCompText h4 {
        margin-left: -30px;
        line-height: 25px
    }

    .contactComp .well img {
        height: 40px;
        margin-top: 20px;
        margin-left: 20px;
    }

    .contactComp .well {

        padding: 25px;
    }

    .contactUsForm {
        padding-top: 0px;
    }

    /*CONTACT US ENDS*/



    /*LOGIN CARD STARTS*/
    .loginCardStud {
        opacity: 0;
        transform: translateX(100%);
        animation: loginCardStud 1s ease forwards;
    }

    @keyframes loginCardStud {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .createOneComp {
        opacity: 0;
        transform: translateX(100%);
        animation: createOneComp 1s ease forwards;
    }

    @keyframes createOneComp {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .RegisterCard .loginCardStud {
        opacity: 0;
        transform: translateX(100%);
        animation: loginCardStudRegus 1s ease forwards;
    }

    @keyframes loginCardStudRegus {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    #passwordPopup {
        position: absolute;
        right: -350px;
        bottom: 150px;
    }

    .popup {
        background: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
        padding: 15px;
        width: 300px;
        margin: 10px 20px;
        border-radius: 5px;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transform: translateY(-10px);
        transition: all 0.4s ease;
    }

    /*LOGIN CARD ENDS*/

    /*COURSE VIEW STARTS*/
    .courseBannerHead {
        opacity: 0;
        transform: translateY(-100%);
        animation: courseBannerHead 2s ease forwards;
    }

    @keyframes courseBannerHead {
        0% {
            opacity: 0;
            transform: translateY(-100%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .courseBannerSub {
        opacity: 0;
        transform: translateY(100%);
        animation: courseBannerSub 2s ease forwards;
    }

    @keyframes courseBannerSub {
        0% {
            opacity: 0;
            transform: translateY(100%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
.wrapperCourseHeader .container-fluid {
    padding: 5% 10% 0% 10%;
}
.wrapperCourseHeader {
    padding: 5% 15% 10% 15%;
}
.sectionCourseHeader h1 {
    font-size: 4em;
    line-height: 65px;
}
.sectionCourseHeader h3 {
    font-size: 1.3em;
    padding: 0% 15%;
    color: white;
    line-height: 25px;
}

.sectionCourseHeader .BtnServices {
    padding: 12px 25px;
    margin: 25px 0px 0px 0px;
}
.sectionCourseHeader .BtnBookAppoint {
    padding: 12px 25px;
    margin: 25px 0px 0px 0px;
}
.sectionCourseHeader h5 {
    color: white;
    padding-top: 15px;
}

.sectionCourseHeader h4 {
    font-weight: bold;
    color: white;
    letter-spacing: 1px;
}
.whyUsComp {
    padding: 0% 10% 2% 10%;
    margin-top: -6%;
}
.whyUsWrapper .well h4 {
    height: 115px;
}
.whyUsWrapper {
    padding: 15px 25px 5px 25px;
}
#Overview .container-fluid {
    padding: 5% 15% 0% 15%;
}
.courseHighlightHeading h2 {
    font-size: 4em;
    line-height: 55px;
}
.courseHighlights span {

    margin-top: -35px;
    padding: 0px 15px 0px 0px;
    position: absolute;
}
.courseHighlights .well {
    margin-top: 15px;
}
.coursePraiseComp {
    padding: 5% 15% 2% 15%;
    margin-top: -7%;
}
.courseGrowth h1 {
        font-size: 3em;
    line-height: 55px;
}
.countingComp h4 {
    padding: 15px 55px;
}
.whyToLearn h2 {
        font-size: 2.4em;
    line-height: 50px;
}
.CourseFeatures{
        padding: 4% 10% 0% 10%; 
        }
         .CourseFeatures img{
        height: 500px;
        }
        .coursePraiseComp .CourseFeatures{
position: relative;
color: white;
        }
         .boxCompCourse{
        background-image: var(--bgImage);
        border-radius: 15px;
        padding: 10px 25px;
        width: 350px;
        }
        .boxCompCourse h3{
            color: white;
        }
        .boxCompCourse h5{
            color: white;
        }
        .boxCompCourse a{
            color: white;
        }
 .CourseBox1 {
        top: 75px;
        left: 20px; 
        position: absolute;
        transition: 0.5s ease-in;
    }

    .CourseBox2 {
        top: 275px;
        left: 100px;
         position: absolute;
        transition: 0.5s ease-in;
    }

    .CourseBox3 {
        top: 35px;
        right: 70px;
         position: absolute;
        transition: 0.5s ease-in;
    }

    .CourseBox4 {
        top: 275px;
        right: 90px;
         position: absolute;
        transition: 0.5s ease-in;
    }
.CourseFeatures:hover .CourseBox1 {
        transition: 0.5s ease-in;
        top: 25px;
        left: 110px;
    }

    .CourseFeatures:hover .CourseBox2 {
        transition: 0.5s ease-in;
        top: 295px;
        left: 150px;
    }

    .CourseFeatures:hover .CourseBox3 {
        transition: 0.5s ease-in;
        top: 10px;
        right: 130px;
    }

    .CourseFeatures:hover .CourseBox4 {
        transition: 0.5s ease-in;
        top: 315px;
        right: 100px;
    }
    #Mentors .container-fluid{
    	padding: 0px;
    }
        #Mentors .MentorsHeading {
 
    padding: 0% 15%;
}
#Mentors .MentorsHeading h2 {
        font-size: 3em;
    line-height: 50px;
}
#Mentors .whyWeAreBetter {
    padding: 2% 10.2% 2% 9.2%;
    background: var(--bgColor);
}
#Mentors .WhyWeHeading h2 {
    font-size: 3em;
    line-height: 50px;
}
.enrollmentProcessComp .container-fluid{
		padding: 5% 15% 0% 15%;
	}
		#EnrolmentProcess .EnrollmentHeading h2 {
      font-size: 3em;
    line-height: 50px;
}
#EnrolmentProcess .EnrollmentHeading h4 {
    padding-bottom: 0px;
}
#EnrolmentProcess .enrollProcess {
    display: flex;
    justify-content: space-between;
     padding: 0%;
    margin-top: 4%;
}
#EnrolmentProcess .coursePricingComp {
    padding-top: 15%;
}
	 .communityHeading h2 {
        font-size: 3em;
    line-height: 50px;
}
#CarrersService .container-fluid {
    background: var(--bgColor);
    padding: 2% 15%;
}
 

.communityProcessComp {
    padding: 0% 10%;
}
    .startApplication {
        padding: 4% 15%;
        margin-top: -45px;
     }
              .startApplication .BtnServices {
margin-top: 65px;
width: 65%;
}
        .faqComp {
        padding: 2% 15%;
    }
        	 .faqHeading h2 {
    font-size: 3em;
line-height: 50px;
}
.FaqApp .panel-heading {
    padding: 20px;
    background-color: var(--bgColor);
    border-radius: 10px;
}
.FaqApp h5 {
    text-align: center;
    font-size: 1em;
}
#Curriculum .container-fluid{
padding: 5% 15% 5% 15%;
}
    	 .CurriculumHeading h2 {
 font-size: 3em;
line-height: 50px;
}
.image-gallery img {
    height: 85px;
    object-fit: cover;
}
    /*COURSE VIEW ENDS*/

    /*POLICIES PAGES STARTS*/
.sectionPrivacy .SectionHeadComp h3 {
    font-size: 2.5em;
    line-height: 75px;
}

/*POLICIES PAGES ENDS*/

/*STUDENT DASHBOARD STARTS*/
.main-content {
flex: 1;
padding: 0px;
margin: 0px 0px 0px 15px;
transition: margin-left 0.3s ease;
}
.sidebarColl.collapsedSidebar ~ .main-content {
margin-left: 15px;
}
   .founderImage{
              height: 90px;
              aspect-ratio: 1;
              border-radius: 50%;
              overflow: hidden;
              margin-left: 25px;
            }
            	.courseWell {
		border: 1px solid rgba(0, 46, 105, 0.3);
		border-radius: 10px;
		padding: 15px 15px 0px 15px;
		background-color: white;
	}
/*STUDNET DASHBOARD ENDS*/
.featNews .well{
    height: 420px;
}
}