html
{
  scroll-behavior:smooth; 
}
.arrow
{

  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;

}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.parallax5 {
  /* The image used */
  background-image: url("../images/home_slider.jpg");

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 850px)
{

  .whychooseus1
  {
    width:43%;
    height:50%;  
  }
  .whychooseus
  {
    padding-top:30px;
    padding-bottom:50px; 

  }
  #sidenavbar
  {
    width:4% 
  }
  .firstrow
  {

    padding-left:90px;
    padding-top:60px;
    padding-bottom:30px;   
  }
  .secondrow
  {
    margin-left:-110px; 
    padding-left:90px;
    padding-top:60px;
    padding-bottom:30px;  
  }
  .secondrow1
  {
    height:300px; 
  }
}
@media only screen and (max-width: 600px)
{
  .whychooseus1
  {
    width:22%;
    height:55%;  
  }
  
  .whychooseus
  {
    padding-left:30px;
    padding-right:30px;  
    padding-top:30px;
    padding-bottom:50px; 

  }
  #sidenavbar
  {
      width:10%; 
  }

  .inner
  {
    margin-left:50px;
    margin-bottom:30px;  
  }
  .firstrow
  {

    padding-left:90px;
    padding-top:60px;
    padding-bottom:30px;   
  }
  .secondrow
  {  
    margin-left:-80px; 
    padding-left:90px;
    padding-top:60px;
    padding-bottom:30px;  
  }
  
}
  .wrapper
  {
    width:100%;
    height:auto;
    overflow: hidden;  
  }
  .item
  {
    background-color:white;
    height:450px;   
  }

.parallax {
  /* The image used */
  background-image: url("../images/a.jpg");

  /* Set a specific height */
  min-height: 630px;   

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 

}
.loadersmall {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid purple;
  border-bottom: 16px solid orange;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}  
@keyframes spin 
{
  0%   { transform: rotate(0deg);   }
  100% { transform: rotate(360deg); }
}
.box
      {
        transform:rotate(45deg); 
      }
      .box5
      {
        transform: rotate(45deg);
        animation-duration:5s;
        animation-name:boxfiveanim; 
        animation-iteration-count:infinite;
      }
      .box1
      {
        animation-duration:1s;
        animation-name:boxoneanim; 
        animation-iteration-count:infinite; 
      }
      .box2
      {
        animation-duration:1s;
        animation-name:boxtwoanim; 
        animation-delay:1s;
        animation-iteration-count:infinite;  
      }
      .box3
      {
        animation-duration:1s;
        animation-name:boxthreeanim; 
        animation-delay:2s;
        animation-iteration-count:infinite;  
      }
      .box4
      {
        animation-duration:1s;
        animation-name:boxfouranim; 
        animation-delay:3s; 
        animation-iteration-count:infinite; 
      }
      @keyframes boxfiveanim
      {
        0%
        {
           
           transform: translateX(90px) rotate(20deg);

        }
        20%
        {
             transform: translateX(180px) rotate(45deg);
             background-color:#354558;
        }
        40%
        {
             transform: translateX(270px) rotate(135deg);
             background-color:#625059;
        } 
        60%
        {
             transform: translate(360px) rotate(230deg);
             background-color:#905b5c;
        }
        80%
        {
             transform: translate(450px) rotate(320deg);
             background-color:#bd665e;
        }
        100%
        {
           transform: translate(540px) rotate(410deg); 
           background-color:#bd665e;
        }
      }
      @keyframes boxoneanim
      {
        from{transform:rotate(45deg); }
        to{transform:rotate(140deg);}
      }
       @keyframes boxtwoanim
      {
        from{transform:rotate(45deg); }
        to{transform:rotate(140deg);}
      }
       @keyframes boxthreeanim
      {
        from{transform:rotate(45deg); }
        to{transform:rotate(140deg);}
      }
       @keyframes boxfouranim
      {
        from{transform:rotate(45deg); }
        to{transform:rotate(140deg); }
      }