.navbar{
    background-color: red!important;
}

.navbar .navbar-brand{
    color:white;
}

.navbar .navbar-nav li a{
    color: white !important;
}

.navbar .nav-item .dropdown-menu .dropdown-item{
    color: black !important;
}

.navbar-toggler{
    background-color: white;
}

.col-lg-4{
    margin-top: 25px;
    background-color: blueviolet;
    padding-left: 120px;
    text-align: center;
}

.text-center {
   margin-bottom: 25px;
   margin-top: 25px;
}

.carousel-inner {
    padding-top: 25px;
}

.heading {
   position: absolute;
   top: 40%;
   width: 100%;
   color: white;
   font-size: 6vw; 
   transform: translateY(-50%);
   text-align: center;
   text-shadow: 6px 1px 10px #000;
}

.button {
   position: absolute;
   top: 45%;
   width: 100%;
   color: white;
   font-size: 4vw; 
   transform: translateY(50%);
   text-align: center;
}

.second-heading {
   position: absolute;
   top: 40%;
   width: 100%;
   color: dodgerblue;
   font-size: 6vw;
   transform: translateY(-50%);
   text-align: center;
   text-shadow: 6px 1px 10px #000;
}

.third-heading {
   position: absolute;
   top: 40%;
   width: 100%;
   color: red;
   font-size: 6vw;
   transform: translateY(-50%);
   text-align: center;
   text-shadow: 6px 1px 10px #000;
}

.fourth-heading {
   text-align: center;
   font-size: 75px;
   padding-top: 100px;
   color: whitesmoke;
}

.fifth-heading {
   text-align: center;
   font-size: 75px;
   color: whitesmoke;
}

.second-text-center {
   margin-top: 25px;
   margin-bottom: 25px;
   text-align: center;
   padding-top: 75px;
}

section {
    width: 100%;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5aB);
    background-size: 400% %;
    position: relative;
}

.section-one {
    width: 100%;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5aB);
    background-size: 400% %;
    position: relative;
}

.section-two {
    width: 100%;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5aB);
    background-size: 400% %;
    position: relative;
}

.section-three {
    width: 100%;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5aB);
    background-size: 400%;
    position: relative;
}

.section-four {
    width: 100%;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5aB);
    background-size: 400% %;
    position: relative;
}

.section-five {
    width: 100%;
    height: 100vh;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5aB);
    background-size: 400% %;
    position: relative;
}

.sec-one {
    width: 100%;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5aB);
    background-size: 400% %;
    position: relative;
}

.col {
    color: black;
    font-family:sans-serif;    
}

.heading-1 {
    text-align: center;
    font-size: 40px;
}

.heading-2 {
    text-align: center;
    font-size: 60px;
}

.heading-3 {
    text-align: center;
    font-family: sans-serif;
}

.footer {
    text-align: center;
}