@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");
       body{
       
        background-color: white;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
       }

       .height{
        height: 100vh;
       }
       

       .search{
       position: relative;
       box-shadow: 0 0 40px rgba(51, 51, 51, .1);
         
       }

       .search input{

        height: 60px;
        text-indent: 25px;
        border: 2px solid #1d3353;


       }


       .navbar-brand{
              position: fixed;
              top:2px;
              bottom:0px;
              left: 2vw;
              visibility: hidden;
              z-index: 999;

             
       }

       #navbar {
              
              
              
              width: 100%;
              display: block;
              transition: top 0.3s;
              border-color: black;
              z-index: 999;
              }
              
       #navbar a {
       float: left;
       display: block;
       color:#333 ;
       text-align: center;
       padding: 15px;
       text-decoration: none;
       font-size: 17px;
       }
              
       #navbar a:hover {
       background-color: "black";
       color: #1d3353;
       }

       .navbar-toggler:hover{
       background-color: #1d3353;
       color:#fff;
       border-style: 0px;
       
       }
       .navbar-toggler{
              color: white;
       }
       .material-icons:hover{
              color: white;
       }
       
       .material-icons{
              color: black;
       }

       
       .btn {
              background-color: #fff;
              border-radius:50%;
       }


       .footer{
              position:relative;
              bottom: 0;
       }
       .carousel-inner{
              z-index: -1;
       }

       .location {
              i{font-size: 18px;}
                 
            }
          
          .location .contact a:hover {
                 color: #1d3353;
                
          
          }
          .location .contact a:active {
              color: black;
             
       
       }
          .location .contact a,a:link {
              color: #1d3353;
              background-color: transparent;
              text-decoration: none;
            }
       

            .react-logo{
              display: inline-block;
              border-radius:50%;
             
          
              animation-name:rotate;
              animation-duration: 5s;
              animation-iteration-count: infinite;
              animation-timing-function: linear;
          
            }
          
            .react-logo , .react-logo:before , .react-logo:after{
              position:absolute;
              display: inline-block;
              width:200px;
              height:70px;
              border-radius:50%;
              
            }
          
           .react-logo , .react-logo:before , .react-logo:after {
              display: flex;
              align-items: center;
              justify-content: center;
            }
          
            
          
            .react-logo:before , .react-logo:after{
              content:"";
            }
          
            .react-logo:after{
              transform:rotate(-57deg);
            }
          
            .react-logo:before{
              transform:rotate(57deg);
            }
            @keyframes rotate{

              100%{
                transform:rotate(360deg);
              }
            }