@import url('https://fonts.googleapis.com/css2?family=Sansita:wght@400;500;700;800&family=Roboto:wght@300;400;600;700&display=swap');

body{
 font-family: Roboto;   
 font-size:18px ;
 color:#333333 !important;
 /* color:rgba(51,51,51,1); */
/* background-color: #f8f9fa; */
}

.bg-purple{
    background-color: #9416AF;
   }
   .text-purple{
    color: #9416AF ;
}
/* brand logo image css for different screens */
.brand-logo{
    width:140px ;
    height: 70px;
}
  /* On screens that are 992px or less */
  @media screen and (max-width: 992px) {
    .brand-logo{
        width:140px ;
        height: 70px;
    }
    .container-main{
        margin-left:90px;
    }
  }
  
  /* On screens that are 600px or less */
  @media screen and (max-width: 600px) {
    .brand-logo{
        width:140px ;
        height: 70px;
    }
  }

 /* End brand logo image css  */
 
.navbar {
    transition: all 0.4s;
    /* background-color: #e7e7e7; */
}

.navbar .nav-link {
    color: #333333 !important;
    font-size: 1.2rem;
    position: relative;
    transition: all 0.4s;
    padding-left: 12px;
    padding-right: 12px;
}

.navbar  .active {
    color: #9416AF !important;

}

.navbar  .active ::after
{
    content: "";
    height: 2px;
    width: 35%;
    margin-left: 10px;
    margin-right: 10px;
    background: #9416AF ;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 0;
    transition: all 0.2s;
    pointer-events: none;
    opacity: 1;
}

.navbar .nav-link::after{
    content: "";
    height: 2px;
    width: 35%;
    margin-left: 10px;
    margin-right: 10px;
    background: #9416AF ;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 0;
    transition: all 0.2s;
    pointer-events: none;
}

.navbar .nav-link:hover::after,
.navbar .nav-link:focus::after {
    /* color: #2e2d2d; */
/*     text-decoration: underline; */
    opacity: 1;
}

.container-main{
    margin-left: 135px;
    margin-right:135px;
}

h1,h2,h3,h4,h5,h6{
    font-family: Sansita;
}  

h1{
  font-size: 52px;
}
.bg-light{
    background-color: #f8f8f8 !important;
}
/* hero   section heading  css for different screens */
.heroHead{
    font-size:62px ;
    font-family: Sansita;
}
  /* On screens that are 992px or less */
  @media screen and (max-width: 992px) {
    .heroHead{
        font-size:42px ;
    }
  }
  
  /* On screens that are 600px or less */
  @media screen and (max-width: 600px) {
    .heroHead{
        font-size:28px ;
    }
  }

 /* End brand logo image css  */

 .btn{
    padding: .375rem 1.5rem !important;
 }


 #services img{
    width: 96px;
    height: 96px
 }

 .service-para{
    font-size: 16px !important;
 }

 #AboutImg{
    background-image: url('../img/Arch.png');
    background-repeat: no-repeat;
    background-size: contain;
 }
 
 .text-yellow{
    color:#FFb100 !important;
 }
 .yellow-box{
    background-color: #fff6e2;
    
    /* border-color:#FFb100  !important; */
    border: 2px solid #FFb100 !important;
 }

 .yellow-bordered-box{
    border: 2px solid #FFb100 !important;

 }
 .videoDisplay{
    /* Layout Properties */
      
        width: 770px;
        height: 433px;
        /* UI Properties */
        background: #333333 0% 0% no-repeat padding-box;
        opacity: 0.61;
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
 }

 #testimonials .card-footer{
    border-left: 4px solid #9416AF;
    border-right: none;
    border-top:none;
    border-bottom: none;
    background-color: #ffffff;
 }

 #Footer{
    background-color: #420050;
 }

 #Footer .nav .nav-link, #Footer .nav .nav-link a{
    color:#f8f9fa !important;
    text-decoration: none !important;
 }
 #about .container{
    background-image: url('../img/flowers.png');
    background-repeat: no-repeat;
    background-size: contain;
 }
 
 #achievements li{
    list-style-image: url('../img/Star_Icon.png');
 }

 #ticks li::before {
    content: "\2713";
    color: #00a539;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1.5em;
    
  }
 #ticks li{
    /* list-style-type: '✓' ; */
    /* padding-right: 4px; */
    list-style: none;
    /* font-size: 16px; */
    list-style-position: inside;
    
}