body{
    /* background:rgb(6, 0, 128); */
    background: transparent;
    
    
}
html,body{
    height: 100%;
    scroll-behavior: smooth;
}
#background{
    position: fixed;
    width:100%;
    height:100%;
    z-index: -1;
    
}
nav{
    position: fixed;
    z-index: 10000000;
   
}
main{
    position: fixed;
    top: 68px;
    bottom: 0;
    left: 0;
    right:0;
    margin: auto;
    /* background: rgba(255, 0, 0, 0.29); */
    z-index: 100;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
footer{
    /* height: 20px; */
    /* width: 119%; */
    z-index: 10000;
    /* position: absolute; */
    position: relative;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: blue;
}
footer> div{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* background-color: blue; */
}
.footer {
    background-color: #1a1a1a;
    color: #ffffff;
    font-family: 'Segoe UI', sans-serif;
    padding: 40px 20px;
  }
  
  .footer-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }
  
  .footer-section h3 {
    color: #ffcc00;
    margin-bottom: 15px;
  }
  
  .footer-section ul {
    list-style: none;
    padding: 0;
  }
  
  .footer-section ul li {
    margin-bottom: 10px;
  }
  
  .footer-section ul li a {
    color: #ffffff;
    text-decoration: none;
  }
  
  .footer-section ul li a:hover {
    text-decoration: underline;
  }
  
  .footer-socials a {
    display: inline-block;
    margin-right: 15px;
    color: #ffffff;
    text-decoration: none;
  }
  
  .footer-socials i {
    margin-right: 5px;
  }
  
  .footer-certifications,
  .footer-bottom {
    text-align: center;
    margin-top: 30px;
    font-size: 0.9em;
    color: #ccc;
    position: relative;
  }
  
  .footer-bottom {
    border-top: 1px solid #333;
    padding-top: 15px;
  }
/* #leftaside{
    background-color: white;
    width: 24%;
} */
#mainsection{

    /* background-color: rgb(22, 8, 67); */
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding: auto;
    
}
#mainsection section{
    
    background: whitesmoke;
    box-sizing: content-box;
    /* padding: 2px; */
    /* margin-top: 20%; */
}
#mainsection section > .centered ,#mainsection header >  .centered{
    padding: 20px;
    margin: auto;
    width: 50%;
}
#mainsection section > .centered > div{
    padding-left: 55px;
}
#mainsection header{
    padding: 83px;
    position: relative;
    overflow: hidden;
    min-height: 500px;
}
#mainsection header::before{
    content: "";
    background: black !important;
    display: block;
    width: 9%;
    height: 100%;
    left: 0px;
    bottom: 0;
    z-index: -0;
    position: absolute;

}
#mainsection header::after{
    content: "";
    background: black !important;
    display: block;
    width: 9%;
    height: 100%;
    right: 0px;
    bottom: 0;
    z-index: 1;
    position: absolute;

}

#mainsection header > .centered > div{
    background:whitesmoke;
    padding: 31px;
    border-radius: 12px;
}
#leftaside{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: white;
    border-right: 2px solid gold
    
}
#rightaside{
    position: absolute;
    background-color: white;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 2px solid gold

}
#leftaside,
#rightaside{
    width: 8%;
    
}
#wrapper{
    width: 100%;
    margin: auto;

}
.navbar-collapse{
    justify-content: end;
}
.navbar-nav{
    margin-right: 0 !important;
}
#myreturn{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    color: rgb(255, 255, 255);
    background: goldenrod;
    width: 50px;
    height: 50px;
    bottom: 20px;
    border-radius: 15px;
    right: 20px;
    margin: auto;
    font-size: 50px;
}
.parlix{
   padding: 0!important;
    margin: 0 !important;
    /* background: linear-gradient(180deg, lightgrey, gray, black) !important; */
    position: relative;
    z-index: 1000;
    /* width: 100%; */
    color: white;
    /* overflow: hidden; */
    /* background-color: #121212; Adjust background color */
    background: gray !important;
    /* clip-path: polygon(
        0% 0%, 
        10% 15%, 
        20% 30%, 
        30% 45%, 
        40% 60%, 
        50% 70%, 
        60% 60%, 
        70% 50%, 
        80% 40%, 
        90% 30%, 
        100% 20%, 
        100% 100%, 
        0% 100%
    ); */
}
.parlix::before{
    height: 200px;
    content: "";
    width: 100%;
    right: 0;
    /* background: linear-gradient(180deg, lightgrey, gray, black) !important; */
    background: gray ;
     
    left: 0;
    margin: auto;
    top: -147px;
    position: absolute;
    z-index: -1;
    display: block;
    
    clip-path: polygon(100% 100%, 0% 100% , 0.00% 69.44%, 2.00% 69.29%, 4.00% 68.88%, 6.00% 68.19%, 8.00% 67.27%, 10.00% 66.15%, 12.00% 64.86%, 14.00% 63.44%, 16.00% 61.96%, 18.00% 60.46%, 20.00% 59.00%, 22.00% 57.62%, 24.00% 56.38%, 26.00% 55.32%, 28.00% 54.47%, 30.00% 53.88%, 32.00% 53.55%, 34.00% 53.50%, 36.00% 53.74%, 38.00% 54.25%, 40.00% 55.01%, 42.00% 56.00%, 44.00% 57.19%, 46.00% 58.53%, 48.00% 59.97%, 50.00% 61.46%, 52.00% 62.96%, 54.00% 64.40%, 56.00% 65.73%, 58.00% 66.92%, 60.00% 67.91%, 62.00% 68.68%, 64.00% 69.18%, 66.00% 69.42%, 68.00% 69.37%, 70.00% 69.04%, 72.00% 68.45%, 74.00% 67.61%, 76.00% 66.54%, 78.00% 65.30%, 80.00% 63.93%, 82.00% 62.46%, 84.00% 60.96%, 86.00% 59.48%, 88.00% 58.07%, 90.00% 56.78%, 92.00% 55.65%, 94.00% 54.73%, 96.00% 54.05%, 98.00% 53.63%, 100.00% 53.49%);
 
}
.parlix::after{
    height: 200px;
    content: "";
    width: 100%;
    right: 0;
    /* background: linear-gradient(180deg, #ffffff, #8e8e8e, #b7b7b7) !important; */
    background: gray ;
    left: 0;
    margin: auto;
    bottom: -147px;
    position: absolute;
    z-index: -1;
    display: block;
   
    clip-path: polygon(100% 0%, 0% 0% , 0.00% 69.44%, 2.00% 69.29%, 4.00% 68.88%, 6.00% 68.19%, 8.00% 67.27%, 10.00% 66.15%, 12.00% 64.86%, 14.00% 63.44%, 16.00% 61.96%, 18.00% 60.46%, 20.00% 59.00%, 22.00% 57.62%, 24.00% 56.38%, 26.00% 55.32%, 28.00% 54.47%, 30.00% 53.88%, 32.00% 53.55%, 34.00% 53.50%, 36.00% 53.74%, 38.00% 54.25%, 40.00% 55.01%, 42.00% 56.00%, 44.00% 57.19%, 46.00% 58.53%, 48.00% 59.97%, 50.00% 61.46%, 52.00% 62.96%, 54.00% 64.40%, 56.00% 65.73%, 58.00% 66.92%, 60.00% 67.91%, 62.00% 68.68%, 64.00% 69.18%, 66.00% 69.42%, 68.00% 69.37%, 70.00% 69.04%, 72.00% 68.45%, 74.00% 67.61%, 76.00% 66.54%, 78.00% 65.30%, 80.00% 63.93%, 82.00% 62.46%, 84.00% 60.96%, 86.00% 59.48%, 88.00% 58.07%, 90.00% 56.78%, 92.00% 55.65%, 94.00% 54.73%, 96.00% 54.05%, 98.00% 53.63%, 100.00% 53.49%);
}
.parlix-container {
    position: relative;
    background-color: #121212;
    height: 200px;
    width: 100%;
  }
.contactbtn{
    float: right;
}
.contactnav{
/* dd */
}
.btn{
    background: gold;
    border: none;
    /* border-top: 2px solid white;
    border-bottom: 2px solid white; */
    box-shadow:0px 0px 0px 0px black;
}
.content{
    padding: 83px;
}
.clear{
    clear: both;
}
.parlixcanvas{
    position: absolute;   
}
img{
    width: 56px;
}
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    #mainsection header > .centered > div{
        background: rgba(255, 255, 255, .8)!important;
        padding: 61px;
    }
    #mainsection header{
        padding: 0;
    }
    header > .centered{
        padding: 0;
        width: 100%!important;
    }
    #mainsection section > .centered, #mainsection header > .centered {
        /* padding: 20px; */
        margin: auto;
        width: 75%;
    }
    .content {
        padding: 10px;
    }
    #mainsection section {
        padding-top: 83px !important;
    }
}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 

}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

}

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 


}
@media (min-aspect-ratio: 2/1) {
    #mainsection header{
        padding: 0;
        height: 11%;
    }
}