body
{
    background: #0063FB;
}


.bodyclass{
    height:100%;
    position:relative;
    overflow:hidden;

}
.bodyclass:before{
    content:'';
    position:absolute;
    bottom:0; right:0;
    width:66%; height:80%;
    /*background-color: rgba(90, 74, 199);*/
    background-image: url('https://smartdata2030.com/static/img/polder_off_image.jpg');
    background-position: center; /* Center the image */
    background-repeat: no-repeat;
    background-size: cover; 
    
    
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;

    -webkit-transform:skew(-15deg,0);
    -ms-transform:skew(-15deg,0);
    transform:skew(-15deg,0);
}

.bg-dark
{
   background-color:transparent !important
}

.bg-dark.scrolled {
   background-color: #007bff !important;
   transition: background-color 200ms linear;
 }
.navbar-nav .nav-item .nav-link 
{
   font-family: poppins;
   font-size: 18px;
   text-transform: uppercase;
   font-weight: bold;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
   color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
   color: #fff;
}
.navbar-nav {
   text-align: center;
}
.nav-link {
   padding: .2rem 1rem;
}
.nav-link.active, .nav-link:focus {
   color: #fff;
}

.navbar-toggler {
   padding: 1px 5px;
   font-size: 18px;
   line-height: 0.3;
   background: #1DEC7C;
}
.navbar-nav .dropdown-menu
{
   background: transparent !important;
   border:0px;
}
.navbar-nav .dropdown-menu .dropdown-item
{
   font-family: poppins;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: bold;
   color: #fff;
}

.navbar-nav .dropdown-menu .dropdown-item:hover
{
   background: #007bff;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
   color:#1DEC7C;
}
@media only screen and (max-width: 767px) {
   .navbar-nav.ml-auto {
      background: rgba(0, 0, 0, 0.5);
   }
   .navbar-nav a {
      font-size: 14px;
      font-weight: normal;
   }
}

.Webinfo
{
   width: fit-content;
   margin: 0 auto;
   position: fixed;
   top: 50%;
   left: 20%;
   transform: translate(-50%, -50%);
   text-align: center;
}

.Webinfo .btn:not(:disabled):not(.disabled) 
{
      cursor: pointer;
}

.Webinfo .btn {
   font-size: 25px;
   letter-spacing: 0;
   line-height: 24px;
   position: relative;
   padding: 10px 20px 10px 20px;
   border-radius: 0px;
   border: 3px solid;
   background: transparent !important;
   border-right: 0px;
   z-index: 1;
}

.Webinfo .btn:before {
   border: 3px solid;
   content: '';
   position: absolute;
   top: -3px;
   right: -11px;
   width: 22px;
   bottom: -3px;
   transform: skew(-25deg,0);
   left: auto;
   z-index: -1;
   background: transparent;
   border-left: 0px;
}

.Webinfo .btn:after 
{
   content: '';
   height: 2px;
   bottom: 8px;
   left: 20px;
   right: 20px;
   opacity: 0;
   position: absolute;
   background-color: transparent;
}

.Webinfo .btn:hover:before
{
   border: 3px solid #1DEC7C;
   content: '';
   position: absolute;
   top: -3px;
   right: -11px;
   width: 22px;
   bottom: -3px;
   transform: skew(-25deg,0);
   left: auto;
   z-index: -1;
   background: transparent;
   border-left: 0px;
}

.Webinfo .btn:hover:after 
{
   content: '';
   height: 2px;
   bottom: 8px;
   left: 20px;
   right: 20px;
   opacity: 0;
   position: absolute;
   background-color: transparent;
}

.Webinfo .btn:hover {
   font-size: 30px;
   letter-spacing: 0;
   line-height: 24px;
   position: relative;
   padding: 12px 22px 12px 22px;
   border-radius: 0px;
   border: 3px solid #1DEC7C;
   background: transparent !important;
   border-right: 0px;
   transition: 0.3s all ease-in-out;
   z-index: 1;
   color: #1DEC7C;
   text-decoration: underline;
} 

.Webinfo h5 {
   font-size: 45px;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-top: 25px;
   font-family: merienda;
   color: #1DEC7C;
}
.Webinfo p {
   width: 60%;
   margin: auto;
   font-size: 18px;
   line-height: 1.9;
   font-family: poppins;
   color: white;
}