EVOLUTION-NINJA

Edit File: amcadStyles.css

*,
 ::after,
 ::before {
     box-sizing: border-box;

}

.NavLinks {
     text-transform: uppercase;
     color: white !important;
     margin-left: 44px;
 }

.navbar {
     background-color: #b3651f;
     margin-top: 12px;
     margin-bottom: 37px;
 }

/* LOGO BAR*/
 .logobar {
     display: flex;
     justify-content: center;
     align-items: center;
 }

.logobar>img {
     width: 190px;

}

/* LOGO BAR END*/
 .mainNavBar {
     justify-content: center;
 }

.NavLinks {
     color: #3e3c3c;
     font-weight: 600;
     font-size: 18px;
 }

.founderimg {
     width: 82%;
 }

/*  */
 .program_details {
     /* border: 0.4px solid #999; */
     display: flex;
     flex-direction: column;
     align-items: center;

}

.program_details:hover,
 .program_details:hover>h3 {
     background-color: #FF9724;
     /* background-color: #ffae00; */
     color: white !important;
     cursor: pointer;

}

.program_details>h3 {
     color: #b75141
 }

.program_details>p {
     text-align: justify;
 }

/*  */
 .sir_image,
 .start_investing {
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     padding: 4px 42px;
 }

.sir_image>img {
     height: 1000px;
 }

.amc_para1 {
     font-size: 20px;
     font-weight: 500;
     color: #3e505e;
 }

.amc_para2 {
     font-size: 20px;
     font-weight: 500;
     color: #383000;
     margin-top: 20px;
 }

.know_more {
     background-color: #ff5533;
     font-size: 19px;
     font-weight: 500;
     color: #fff
 }

/*  */
 .finporoj {
     margin: auto;
     max-width: 250px;
     width: 100%;
     padding: 23px 7px;
     border: 0.4px solid #E9E9E9;
     border-radius: 14px;
     background-color: rgba(255, 255, 255, 0.7);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     margin-top: 10px;
 }

.custfeed {
     font-size: 21px;
     font-weight: 500;
     font-family: 'poppins';
     text-align: center;

}

.custproj {
     font-size: 24px;
     font-weight: 600;
     font-family: 'poppins';
     margin-top: 10px;
     margin-bottom: 0px;
 }

.projimg>img {
     width: 100px;
 }

.ourproj {
     padding: 30px 0px;

}

/*  */

/* watch video  */
 .Watch_video {
     width: 63%;
 }

.watch_our_story {
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
 }

.follow_us {

background-color: #ff5533;
     font-size: 20px;
     font-weight: 500;
     color: #fff;
 }

/* ambience  */
 .ambience_block {
     text-align: center;
 }

.ambience_para {
     color: #545151;
     font-size: 17px;
     font-weight: 500;

}

.ambiancelocat {
     color: #4a4747;
     font-size: 19px;
     font-weight: 500;
     margin-bottom: 0;
 }

.ambiencehead {
     color: #eb5a39;
 }

.campimg {
     width: 100%
 }

/* ambience end */
 /*  */
 .exploreHorizon {
     color: #4a4747;
     font-size: 32px;
     font-weight: 500;
     margin-bottom: 0;
 }

.successHorizon {
     margin-top: 0;
     color: #ffc107;
     font-size: 101px;
     font-weight: 500;
     margin-bottom: 0;
 }

.horizonPara {
     color: #4a4747;
     font-size: 18px;
     font-weight: 500;

}

.horizon-person,
 .successHorizonIMAGE {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
 }

.horizon-person>p {
     font-size: 20px;
     font-weight: 500;

}

/*  */

.footer-block {
     background-color: #526979;
     color: white;
     font-size: 20px;
     padding: 15px;
 }

.page-links {

list-style-type: none;
 }

.page-links>li>a {
     color: white;
     text-decoration: none;
 }

.contact-num {
     color: white;
     text-decoration: none;
 }

.footerpara {
     text-align: center;
     margin-top: 10px;
 }

.logoimg {
     width: 187px;
 }

.socialicom {
     width: 35px;
     margin-right: 10px;
 }

.soc-block {
     display: block;
     margin-top: 2px;
     text-decoration: none;
     color: white;
 }

.footer-rights {
     border-top: 0.4px solid #ccc;
 }

/* --------------------------ABOUT US PAGE  */

/*   */
 .aboutpara {
     font-size: 29px;
     color: rgb(54, 54, 54)
 }

.aboutbtn {
     background-color: #ff5533;
     font-size: 19px;
     font-weight: 500;
     color: #fff;
 }

.aboutbannere {
     width: 100%;
 }

/*   */
 /*   */
 .welcome {
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     border-left: 4px solid #ff5533;
     padding: 4px 8px;
     width: 100%;
 }

.welcome>h3 {
     font-size: 23px;
     font-weight: 500;
     color: #4e4e4e;
 }

.welcome>p {
     font-size: 16px;
     font-weight: 400;
     color: #444242;
 }

.intropara {
     font-size: 18px;
     font-weight: 500;
     color: #3f3e3e;
 }

/*   */

.visMis {
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     padding: 23px 26px;
     margin-top: 15px;

}

.misimg {
     width: 100px;

}

.mishead {
     color: #e35033;
 }

.vispara {
     color: #4a4747;
     font-size: 18px;
     font-weight: 500;

}

@media only screen and (min-width:629px) and (max-width:1195px) {
     .chairimg {
         width: 70%
     }
 }

@media only screen and (max-width:628px) {
     .aboutpara {
         font-size: 25px;
         margin-top: 10px
     }

.chairimg {
         width: 100%
     }
 }

/* ABOUT US PAGE END--------------------------------  */

@media only screen and (min-width:629px) and (max-width:1195px) {
     .projimg>img {
         width: 84px;
     }

.finporoj {
         margin: auto;
         max-width: 50%;
         margin-top: 14px;

}

/* watch video  */
     .Watch_video {
         width: 100%;
     }

.successHorizonImg {
         width: 87%;
     }

}

@media only screen and (max-width:628px) {
     .program_details {
         margin-top: 10px
     }

.sir_image>img {
         height: auto;
         width: 100%;
     }

.sir_image,
     .start_investing {
         padding: 4px 19px;
     }

.amc_para1,
     .amc_para2 {
         font-size: 18px;

}

.finporoj {
         max-width: 87%;
     }

.finporoj {
         margin-top: 10px
     }

/* watch video  */
     /* .Watch_video {
        width: 100%;
    } */

.ytbe {
         margin-top: 7px;
     }

.campimg {
         margin-top: 12px;
     }

.successHorizonImg {
         width: 85%
     }

.successHorizon {
         font-size: 60px;
     }

.exploreHorizon {
         color: #4a4747;
         font-size: 29px;
     }

}

.cont-details>h4 {
     color: #ffb44e
 }

.cont-details>h4::after {
     content: ":";
 }

.jayblues {
     cursor: pointer;
     text-decoration: none;
     color: #fff;
 }

.finporoj {
     transition: transform 0.3s ease-in-out;
 }

.finporoj:hover {
     transform: scale(1.1);
 }

@keyframes mainImg {
     0% {
         opacity: 0;
         transform: translateY(600px)
     }

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

.user_IM,
 .aboutbannere,
 .chairimg,
 .BANNERIMG {
     animation: mainImg linear;
     animation-timeline: view();
     animation-range: entry 0% cover 40%;

}

.aboutpara {
    animation: bounceIn 3s ease-out infinite;
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

50% {
        opacity: 1;
        transform: translateY(-20px);
    }

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

@keyframes homeimg{
    0% {
        opacity: 0;
        transform: translate(-1500px,-400px)
    }

100% {
        opacity: 1;
        transform: translate(0px)
    }
}
.founderimg{
    animation:homeimg 1.5s ease-in-out;

}