::-webkit-scrollbar{
    display: none;
}

body{
    padding: 0px 20px; margin: 0px; overflow: hidden; background: black;
    
}

.showcase{
    width: 100%; height: 93vh; overflow: scroll; border: 3px solid orangered; background: black;
    margin-top: 1.5%; padding-bottom: 80px; overflow-x: hidden;
}

.showcase a{
    size: 100px; width: 50px; color:white; padding: 15px; margin: 15px;
}

.header{
    width: 96%; position: fixed; background: rgb(0, 0, 0); padding: 10px;
    margin-bottom: 10px; z-index:100;
}

.header .container{
    display: flex; justify-content:space-between;
}

.header .empty_prt{
    width: 20%;
}



nav button{
     padding: 10px; margin:10px 0px;
    color: orangered; border: none; background: none; transition: 0.5s;
}

nav button:hover{
    padding: 10px;
    color: blue;   
}

@media(width < 600px){
    .header{
        width: 90%;
    }

    nav button{
        margin:0px;
    }

    .coverDspace{
        display:block; margin:-5px;
    }
}


.mid_pt h1, h2{
    color:orangered; font-size: 50px;
}

.bg_px img{
    width: 350px; height: auto; transition: 0.5s;
}

.bg_px img:hover{
    transform: scale(0.8); cursor: pointer;
}
.abt_header hr{
    width: 50px;  background: orangered ; height: 3px;
}

.md_pt hr{
     width: 50px;  background: orangered !important; height: 3px; 
}

hr{
    background:orangered !important;
}

.px_sd .empty_px{
    width: 65%; background: orangered; height: 50vh; border-radius: 12px; 
    
}

.px_sd .covered_px img{
    width: 250px;  height: 50vh; border-radius: 12px; 
    margin-top: -70%; margin-left: 70px; transition: 0.5;
}

@media(width < 600px){
    .px_sd .covered_px img{
        margin-left:25px; margin-top:-95%;
    }
}

.px_sd .covered_px img:hover{
    transform: scale(0.9); cursor: pointer;
}
.ser_mid{
    transition: 0.3s; 
}
.ser_mid:hover{
    transform: scale(0.9); cursor: pointer;
}

.pro_section{
    background: black; border: 3px solid orangered;
}


.pro_section .pro_showcase{
    width: 100%; height: 100vh; 
}

.pro_section .pro_showcaseCover{
    position: relative; background: rgba(0, 0, 0, 0.247); color: white;
}

.work_header hr{
   width: 30px;  background: orangered !important; height: 3px; 
}

.port_header hr{
    width: 50px;  background: orangered !important; height: 3px; 
}

.port_sect{
    display: flex; justify-content: space-between;

}
.port_sect .gif1 img{
    background: white; border-radius: 10px; width: 350px; height: 50vh;
    
}

.port_sect .gif2 img{
    background: white; border-radius: 10px; width:350px;  height: 70vh;
}

.port_sect .gif3 img{ 
    background: white; border-radius: 10px; width: 350px;  height: 50vh;
    
}

.rev_sect img{
    width: 100px; height: 15vh; border-radius: 50px;
}

.last_part{
    border:none; width: 100%; height: 20vh; border-top: 2px solid orangered;
}
.con_btn button{
    background: orangered; padding: 10px; margin: 10px; color: white; border-radius: 5px; border: none;
}


.con_btn button:hover{
     background: blue; padding: 10px; margin: 10px; color: white; border-radius: 5px; border: none;
     transition: 0.5s;
}

.connectDetails{
    display: none; font-size: 12px;
}

.connectHolder:hover .connectDetails{
    display: block; 
}

.contact_form{
    background: orangered; color: white; padding: 15px; margin: 15px; border-radius: 15px;
}

.reviews{
    width: 65%; height: 230px; overflow: hidden; padding: 10px; margin: auto; 
    display: flex; justify-content: center; align-items: center;
}

.review{
    display: none;
}

@media(width < 600px){
    .reviews{
        overflow: auto; height: 500px; width: 95%;
    }

    .reviews img{
        border-left: 5px solid orangered;
    }
}

.sml-size{
   font-size: 12px;
}

.reviewsDp{
    border-left: 25px solid orangered;
}

.review p{
    text-align: justify; font-size: 14px;
}

.theme-cl{
    color: orangered;
}

.theme-btn{
    background: orangered; color: white; padding: 10px; transition: 1s; cursor: pointer;
    border: none;
}

.theme-btn:hover{
    background: orange; color: black;
}

.fr{
    float: right;
}

.body_cover{
    background: rgba(0, 0, 0, 0.473); padding: 10px; position: fixed; width: 100%; height: 100%;
    z-index: 100; display: flex; justify-content: center; align-items: center; color: white;
    display: none;
}

.body_cover form{
    background: rgba(255, 68, 0, 0.5); padding: 20px; 
}

.pointer{
    cursor: pointer;
}

.sliders{
    width: 98%; overflow-x: hidden; height: 1300px;
}

@media(width < 600px){
    .onMobileNav button{
        width:100%; padding:10px; margin:2px 0px;
    }
}

.dashboardSide{
    background: rgb(1, 1, 15); padding: 15px 10px; height: 100vh; color: white; 
    overflow: hidden; width: 60px; position: fixed;  transition: width 0.3s ease;
    
}

.dashboardSide button{
   background: none; border: none; color: white; padding: 10px; margin: 10px;
   transition: 1s;
}

.dashboardSide button:hover{
    background: rgba(128, 128, 128, 0.596); border: none; color: white; padding: 10px; margin: 10px;
   
  
 }

.dashImg{
    z-index: 1; position: fixed; justify-content: space-between; width: 82%; background: white;
     height: 15%;
}

.dashImg img{
    width: 100px; 
}

.AdminMain{
    overflow: scroll; height: 90vh;
}

#settingsMenu{
    display: none;
}
.settings-menu {
     background: white; margin-left: 10px; border-radius: 5px;
    margin-top: 5px;
}


.delDiv{
    background:rgba(0, 0, 0, 0.61); position:fixed; height:100vh; width:100%; 
    z-index:100; display:flex; justify-content:center; align-items:center;
}

.settings-menu a {
    padding: 8px 12px; display: block; font-size: 14px; color: black; transition: 1s;
}

.settings-menu a:hover {
    background: rgba(255, 68, 0, 0.466); color: black; 
}