body{
    font-family: 'Hind Siliguri', sans-serif;
}


/*Brand logo Header*/
#brand-logo-header{
    background-color: rgb(255, 255, 255);
}
nav{
    position: sticky;
}

#brand-logo-header h5{
    color: rgb(0, 0, 0);
    margin-top: -50px;
    font-weight: bold;
}

#navbar-brand-img{
    margin-top: -50px;
    height: 150px;

}

nav a{
    color:  #000000;
}



/*contact button*/
.contactbutton{
    font-size: 15px;
    line-height: 25px;
    border-radius: 10px;
    background-color: #FF4C16;
    color: white;
    box-shadow: 10px 15px 20px -10px #FF4C16;
    
}








/*content 2*/
#content-2 h1{
    font-weight: bold;
    font-size: 40px;
    padding: 10px;
  
}

#content-2 p{
    font-size: 20px;}


/*Visitor section*/    
.visitor-box{
    height: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    padding-bottom: 20px;
    margin-top: 60px;
    height: 150px;
    border-radius: 10px;
    box-shadow:10px 15px 30px -10px #FF4C16 ;

}

.visitor-box:hover{
    box-shadow:10px 15px 30px -10px  #0281FF;

}

.visitor-box h1{
    color:#FF4C16 ;
    font-size: 50px;
}

.visitor-box p{
    font-size: 30px;
}


/*Services section*/
.service-section i{

    line-height: 150px;
    color: #FF4C16;
}

.service-section{
    font-family: 'Hind Siliguri', sans-serif;
    gap: 20px;

    margin-top: 100px;
}

.service-section .row div{
    box-shadow:10px 15px 30px -10px #ff4c1675 ;
    border-radius: 10px;
    font-weight: bold;
    line-height: 20px;
    height: 400px;
    padding-top: 50px;
    transition: all 0.07s linear;
}

.service-section .row div:hover ,.service-section .row div:active{
    transform: translateY(-2rem);
    box-shadow:10px 15px 30px -10px  #0281FF;

}

#Row-2{
    margin-top: 80px;

}

.service-section h1{
    font-size: 30px;
    font-weight: bold;
}


/*
#service-icon {
    width: 8rem;
    height: 8rem;
    background-color: var(--icons-bg);
    display: inline-block;
    border-radius: 56% 44% 70% 30% / 30% 54% 46% 70%;
    padding: 1.4rem 1.8rem;
    position: relative;
    color: var(--heading);
    animation: water-wave 3s linear infinite;
  }
  
  service-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    border-radius: 56% 44% 70% 30% / 30% 54% 46% 70%;
    background: transparent;
    border: 1px solid var(--black);
    animation: water-wave 3s linear infinite;
  }
  
  @keyframes water-wave{
    0% {
      border-radius: 56% 44% 70% 30% / 30% 54% 46% 70%;
    }
    50% {
      border-radius: 3% 97% 15% 85% / 72% 0% 100% 28%;
    }
    100% {
      border-radius: 56% 44% 70% 30% / 30% 54% 46% 70%;
    }
  } */


/*conten-3*/
.content-3{
    margin-top:70px ;
}

.content-3 h1{
    font-size: 50px;
    
}

.content-3 p{
    font-size: 20px;
}



/*Footer*/

footer{
    margin-top: 50px;
    background-color:#F0F7FB ;
}

footer a{
    text-decoration: none;
    color: rgb(0, 0, 0);
}

#sitemap{
    margin-top: 30px;
}

.socialfooter span:hover{
color: #FF4C16;
}

/*Contact page*/
#contact-1-header{
    margin-top: 40px;
}

#contact-1 h1{
    font-size: 50px;
    font-weight: bolder;
}

#contact-1 p{
    font-size: 20px;
}
#contact-1 img{
    padding-right: 60px;
    width: 500px;
}