p{
    color: rgb(105, 105, 105);
    font-size: 14px;
  }
  .navs
   {
     height:80px;
     
   }
  
   .navText
   {
    font-weight:500; color: rgb(255, 255, 255)
   }
  
   .navText:hover
   {
    font-weight: 500; color:#565656
   }
  

.banner
{
    background-image:url(../img/1s.jpg);
    height:550px;
    background-size:cover;
    background-repeat: no-repeat;
}
.ssob
{
    font-size:50px;
    font-weight:700;
    color:#fff;
    margin-bottom:3px;
}
.ssob2
{
    font-size:40px;
    font-weight:700;
    color:#fff;
    margin-bottom:3px;
}
.banner2
{
  min-height:450px;
  background-color: #004152;
}
.parallax {
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.shake:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.zoobers
{
  min-height:750px;
  background-image: url(../img/3s.png);
  background-repeat: no-repeat;
  background-color: #73e3ff16;
  background-position: bottom left;
}
.gass{min-height:350px; margin-top:20px;}
.sdwws
{
  min-height: 350px;
  background-color: #fff;
}

.sdwws:hover
{
  box-shadow: 2px 1px 10px 2px rgba(128, 128, 128, 0.197);
}
   .btn{padding-left:25px; padding-right:25px; background-color:#ffbb01; color: #fff; padding-top:10px;padding-bottom:10px;}
  
   .Btnhover:hover{margin-left:10px; background-color:#fff; color: #ffbb01; border:2px solid #ffbb01;}
  
.geeks{
width:100%;
  transition: 0.5s all ease-in-out;
}
.geeks:hover {
  transform: scale(0.9);
}
   .center
   {
       justify-content: center;
       align-items: center;
       display: flex;
   }
  
   h3
   {
     text-align: center; margin-top:40px;
   }
   .csdiv1
   {
     height:250px;
  
   }
  
   .bacui
   {
     text-align: center;
   }
  
   h5{text-align: center;}
  
   .inputXC
   {
    width:100%; height:50px; background-color:#F7F7F7;border:none; box-shadow: none;
   }
   .footer
   {
     min-height:400px;
     background-color: #272626;
     margin-top:80px;
   }
  
   ul
   {
     list-style:square;
     color: rgb(255, 255, 255);
     padding-left:6%;
   }
   li
   {
     margin-top:15px;
   }
  
   .marg
   {
    color:#fff;
     margin:10px;
   }
  .lack
  {
    color: rgb(255, 255, 255);
  }
  
   .marg:hover{color:#ffbb01;}
   .lack:hover{color:#ffbb01;}
  
   .card
   {
     box-shadow:none;
     border: none;
     font-size:17px;
     font-weight:700;
     color: black;
   }
  
   .marts-ed
   {
     font-size:20px;
     font-weight:600;
     color: #000;
    padding-top:15px;
   }
  
   .cdys
   {
     font-weight:700;
     font-size:18px;
     color:#ffbb01;
   }
  
   .dropdown-item
   {
     color:#fff;
   }
  
   .facirc
   {
     height:35px;
     width: 35px;
     border:1px solid rgb(167, 167, 167);
     color:rgb(193, 193, 193);
     border-radius:50%;
     margin-left:7px;
   }
  
   .facirc:hover
   {
     height:35px;
     width: 35px;
     border:1px solid rgb(167, 167, 167);
     color:#ffffff;
     background-color: #ffbb01;
     border-radius:50%;
     margin-left:7px;
   }
  
   #myBtn {
    display: none; 
    position: fixed; 
    bottom: 20px;
    right: 30px; 
    z-index: 99; 
    border: none; 
    outline: none; 
    background-color:#ffbb01;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px; 
    font-size: 18px;
  }
  
  #myBtn:hover {
    background-color: #555; 
  }



  .xozsz
{
  height:200px;
}

.galzo
{
  font-size:45px;
  color:rgb(255, 242, 172);
 
}

.zox
{
  font-size:40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2px;
  color:rgb(13, 40, 52);
}
.zox2
{
  font-size:15px;
  font-weight: 500;
  text-align: center;  color:rgb(13, 40, 52);
}

#particles {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#intro {
  position: absolute;
  left: 0;
  top: 40%;
  padding: 0 20px;
  width: 100%;
  text-align: center;
}