html{
    padding: 0;
    margin: 0;
}



*{
  margin: 0;
  padding: 0;
  box-sizing: 30%;
  box-sizing: border-box;
  /* border-radius: 40px; */
}

.container{
  width: 100%;
  height: 100%;
  /* background: rgb(231, 230, 231);  */
  display: flex;
  /* align-items: center; */
  /* justify-content: center; */
}

.swiper{
  width:80%;
  height: 20%;
  border-radius: 10px;
  /* height: fit-content; */
}

.swiper-slide img{
  height: 500px;
  width: 100%;
  box-shadow:black 15px 15px 15px 15px;
}

.swiper .swiper-button-prev, .swiper .swiper-button-next{
  color: rgb(163, 116, 167);
}

.swiper .swiper-pagination-bullet-active{
  background: rgb(147, 144, 144);

}

body{
    font-family: 'Roboto', sans-serif;
    background-color: #FFFFFF;
  }

/* splash screen css starts here  */
#loading{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #e4eff2 url("https://media.giphy.com/media/xTk9ZvMnbIiIew7IpW/giphy.gif") no-repeat center center;
    z-index: 99999;
}
/* splash screen css ends here  */

/* navbar css starts here  */
.bg-light{
    background-color: #f2e9e4!important;
}

.navbar-brand{
    font-family: 'Sansita Swashed', cursive;
    font-size: 2.0rem;
    color: #4f2051!important;
}

.nav-link{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    margin-right:15px;
    letter-spacing:0.1em;
    text-align:center;
    /*font-family: 'Noto Sans JP', sans-serif;*/
/*2e3032*/
}

.nav-link:hover{
    border-radius: 25px;
    opacity: 1;
    background-color: Green;
    text-align:center;
    z-index:1;
    
}
#a{
    color:#ffffff!important;
}
#b{
    color:black!important;
}
#c{
    color:black!important;
}
#d{
    color:white!important;
}
/* #d6c3e4 navbar css ends here  */

/* here content css starts here  */
.hero-content{
    height: 100%;
    /* background-color: rgb(179, 222, 254); */
    /* color: rgb(74, 35, 102); */
    color: white;
    padding: 5px;
    border-bottom-left-radius: 45rem;
    border-bottom-right-radius: 45rem;
    border-top-left-radius: 45rem;
    border-top-right-radius: 45rem;
    margin-bottom: 0.5vh;
    
  }

.hero-img{
    height: 68vh;
    width: 79%;
}

@media only screen and (max-width: 766px) {
    .hero-img {
      display: none;
    }
}

.get-started{
    border-radius: 0.5rem;
    padding: 1rem 2rem;
    font-size: 162%;
    background-color: #fff;
    color: #680686!important;
    transition: 0.3s;
}

.get-started:hover{
    text-decoration: none;
    background-color: #58CCED ;
    
}
/*Purple-color#ac8dbc*/
/* here content css starts here  */




/* get-started-buttons css starts here*/
.get-started-content{
    height: 60vh;
    background-color: #ff8a65;
    border-top-left-radius: 42rem;
    border-top-right-radius: 42rem;
    border-bottom-right-radius: 42rem;
    border-bottom-left-radius: 42rem;
}

.get-started-content .row{
    padding: 25vh 0;
}

.get-started-content a{
    border-radius: 0.5rem;
    padding: 1rem 2rem;
    font-size: 162%;
    background-color: #e7bd15;
    color: #fff!important;
    transition: 0.3s;
}

.get-started-content a:hover{
    background-color: #017ab6;
    text-decoration: none;
}
/* get-started-buttons css end here*/

.col-sm-6{
  background-color: rgb(231, 230, 231);
}


/* footer css starts here */
/* footer */
.fa:hover {
  color:red;
   transform:scale(1.3);
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #1078da;
  color: white;
}

.fa-linkedin {
  background: #55ACEE;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #d21fe2;
  color: white;
}

.fa {
  padding: 15px;
  font-size: 12px;
  width: 40px;
   height: 40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.footer{
  background-color: #6d597a;
}

.container-fluid{
  padding: 7% 15%;
}

.white-section {
  background-color: #fff;
  text-align: center;
}

.social-icon {
  margin: 20px 10px;
  border-radius: 100%;
}

/* footer css ends here  */

.carousel-indicators li{
	background-color:yellow;
}
.carousel-indicators li.active{
	background-color:#58CCED;
}
#carouselExampleSlidesOnly{
	margin-top:20px;
}