@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;1,300;1,400;1,500&display=swap');

*{
    font-family: 'Nunito', sans-serif;

}
.logo{
    font-style: italic;
    
}
.bold{
    font-weight:bold;
}
.italic{

    font-weight: italic;
}
.dark-bg{

background: #F6F8FB;
background: -webkit-linear-gradient(top left, #F6F8FB, #B3E0EC);
background: -moz-linear-gradient(top left, #F6F8FB, #B3E0EC);
background: linear-gradient(to bottom right, #F6F8FB, #B3E0EC);
}
#hero #container{
    height:100vh;
    


    
}
.myNavbar{
    font-family: 'Nunito', sans-serif;
    transition: all 0.3s ease;
    opacity:0.95;

    /* background-color: #002fa7; */
}
.dark{
    color:#1f1e1c;
}

.fixed{
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color:darkslategrey;
    
    text-align: center;
}
.backgroundImage{
    background-image:url('../../../../img/laptop.jpg');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    

    
}
.no-decoration{
    list-style-type:none
}
.navlink{
    color:red;
}
.navbar.sticky{
    padding:10px 0;
    background: #fff; 
    opacity:1;
    z-index: 4;
    box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.88);
    -webkit-box-shadow: 5px 5px 10px -4px rgba(0,0,0,0.88);
    -moz-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.88);
}
.navbar.sticky .logo h2 {
    color: #0275d8	;    
}
hr{
    color:blue;
}
.fit{
    background:red;
    object-fit:cover;
}
.shadow{
    box-shadow: 14px 12px 62px -1px rgba(55,47,56,0.75);
-webkit-box-shadow: 14px 12px 62px -1px rgba(55,47,56,0.75);
-moz-box-shadow: 14px 12px 62px -1px rgba(55,47,56,0.75);
}
.myButton {
	box-shadow: 0px 6px 14px -7px #276873;
	background-color:#063970;
	border-radius:5px;
	display:inline;
    font-size:2.2vw !important;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	padding:1.5vw 1.5vw;
	text-decoration:none;
	text-shadow:3px 3px 3px #053244;
    transition: all ease-in 0.2s;
}
.myButton:hover {
    border:solid #063970 1px;
    background: none;
    color:#063970;

    
}
.myButton:active {
	position:relative;
	top:1px;
}

.fit-content{
      width:fit-content;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 80px;
  width: 80px;
  background-size: 100%, 100%;
  border-radius: 100%;
  transition:all ease-in 0.2s
}
.carousel-caption{
    background:#063970;
    bottom:25%;
}
.hover{
    transition: all ease-in .2s
}
.hover:hover{
    letter-spacing:2px;
    color:#063970
}
.bg-img{
    background-image: url("../../../../img/dellLaptop.jpg");
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
}
.bg-img2{
    background-image: url("../../../../img/bank.JPG");
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
}
.bounce{
  
    animation:infinite bounce 1s
     
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
 } 
 .carousel-control-prev-icon {
    background-image: url("../../../../img/chevron-left-solid.svg") !important;
    
    
}
   
.carousel-control-next-icon {
    background-image: url("../../../../img/chevron-right-solid.svg") !important;
}
.opacity{
    background:rgba(0,0,0,0.88)
}
.devise{
    background-color:rgba(6, 57, 112, 0.7);
    /* top:50%; */
    z-index:1;
    position:absolute;
    bottom:-12%;

    /* transform:translate(50%,50%) */
    
   
}
.resp{
    font-size: 2.4vw;
}
.resp-sm{
font-size: 1.4vw;
}
.resp-xsm{
font-size: 1vw;
    
}
.carousel-caption:hover{
    transform: scale(1.01);
    background:none;
    border:solid #063970;
    transition:all ease-in-out .2s;
}




    /* Media Queries */
    @media only screen and (max-width: 600px) {
        /* .services-title{
            margin-top:20%
        } */
}