@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Nunito:wght@200&display=swap');
body{
    font-family:'Inter', sans-serif;
}
#header-text{

    font-weight: 700;
    font-size: 130px;
}
 .nav-link:hover{
    color:red;
    border-bottom: #e43603;
}
svg{
    margin-left:600px;
}
.thumbnail:hover {
    background:  linear-gradient(to right, #f5ce62,#ee82ee , #fa7199, #e85a19);
    /* opacity: 0.5; */
    }

.navbar-brand {
    color: white;
}
 
#header-img{
    width:400;
    height: 300px;
    margin-top:180px;
}
 
#about-us-img{
    width:550;
    height: 450px;
}
 
#right-about-us{
    padding-left:120px;
}
 
.about-us{
    padding-bottom: 20px;
    font-size: 60px;
    font-weight: 600;
}
.fd700{
    font-weight: 700;
    font-size: 100px;
    
}
 
.slider{
    margin-right:20px;
    flex-direction: row;
    justify-content: space-between;
    display: inline-block;;
}
 
.line
{
    align-items: center;
    width:90%;
    height:10px;
    border-width:2; 
    color:black !important; 
    background-color:black !important;
}
 
input { 
   width:50% !important;
   display:flex;
   justify-items: center !important;
}
 
.button{
    width: 15% !important;
    margin-left:340px;  
}
 
.sticky{
    top: 0;
    position: fixed;
    background-color: black;
    width:100%;
}
.bortm{
    border-bottom: 2px solid white;
}
 
.bg{
    background-color: black;
}
 
.hover-box:hover{
    background:  linear-gradient(to right, #f5ce62,#ee82ee , #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 10, 0.75);
    /* background: #ee82ee; */
}

 
.scrolling-wrapper {
    display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin:10px;
}
.card {
    flex: 0 0 auto;
    padding:10px;
  }
 
 
@media screen and (max-width:768px)
{
    #header-text{
        font-weight: 500;
        font-size: 60px;
    }
 
    #header-img{
        width:100;
        height: 130px;
        margin-top:-40px;
    }
 
    #about-us-img{
        width:200;
        height: 250px;
       
    }
 
    .mobile-view-img{
        display: flex;
        justify-content: center;
    }
 
    #right-about-us{
        padding-left: 0px;
    }
 
    .button{
        width: 30% !important;
        margin-left:100px;  
    }
 
    .mobile-view-body{
        display: flex;
        justify-content: center;
    }
}
.fadesample { 
	animation-name: fadeIn; 				
	animation-duration: 3s;        			
	animation-iteration-count:infinite;  	
	} 
@keyframes fadeIn { 
	0% {opacity: 0;} 
	100% {opacity: 1;} 
	}