* {
            margin: 0;
            padding: 0;
        }
        
        body {
            font-family: sans-serif;
            position: absolute;
            height: 100%;
            width: 100%;
            overflow-x: hidden;
        }
        
        #main1 {
            background: #E6DADA;
            /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #274046, #E6DADA);
            /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to left, #274046, #E6DADA);
            /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        }
        /* --------box effect ----------- */
        /* 
            body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
} */
        /*----------spinner-wrapper------------ */
        /*---------- Class------------ */
        /* ------facebook------- */
        
        #main {
            margin-top: -50px;
        }
        
        #social .social {
            margin-top: 30px;
        }
        
        .row {
            margin-top: 50px;
        }
        
        .social {
            margin-top: -50px;
            /* margin-right: 50px; */
        }
        
        .social-icons {
            padding-left: 70%;
        }
        
        .social {
            display: flex;
            /* justify-content: right;
                align-items: right; */
            height: 0vh;
        }
        
        .social-icons {
            list-style-type: none;
        }
        
        .social-icons li {
            display: inline-block;
            margin: 0.15em;
            position: relative;
            font-size: 0.7em;
        }
        
        .social-icons i {
            color: #fff;
            position: absolute;
            top: 12px;
            left: 12px;
            transition: all 0.5s ease-out;
        }
        
        .social-icons {
            display: inline-block;
        }
        
        .social-icons a:before {
            transform: scalae(1);
            content: "";
            width: 30px;
            height: 30px;
            border-radius: 100%;
            display: block;
            background: linear-gradient(45deg, #232526, #414345);
            transition: all 0.5s ease-in;
        }
        
        .social-icons a:hover:before {
            transform: scale(0);
            transition: all 0.5s ease-in;
        }
        
        .social-icons a:hover i {
            transform: scale(2.2);
            color: #00B5f5;
            background: linear-gradient(45deg, #e65c00, #f9d423);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            transition: all 0.5s ease-in;
        }
        /* ---------- */
        /* ---------title hover---------- */
        
        #nav-bar .brand:hover {
            color: black;
        }
        /* -----------Header--------- */
        
        #home1 {
            visibility: visible;
        }
        
        .navbar-nav.navbar-center {
            position: absolute;
            left: 18%;
            /* transform: translatex(-35%); */
            font-size: 20px;
            text-align: center;
        }
        /* .header {
                float: center;
                padding-bottom: 20px;
                text-align: center;
                color: white;
                font-size: 15px;
            }*/
        /* #carouselExampleIndicators {
                position: relative;
                z-index: 1;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
            } */
        /* header hover effect */
        /* #navbarDropdown1 {
                background-color: #20b8b8;
            } */
        /* .dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
            background-color: rgba(27, 27, 25, 0.5);
        } */
        /* .dropdown:hover .dropdown-menu {
            color: rgb(14, 13, 13);
            text-transform: uppercase;
            text-decoration: none;
            letter-spacing: 1px;
            transition: 0.8s all;
        }
         */
        /* .dropdown:hover .dropdown-menu:hover {
            color: #00a2ff;
        } */
        /* .dropdown:hover .dropdown-item {
            color: white;
        } */
        
        .dropdown .dropdown-item:hover {
            color: #00a2ff;
        }
        
        .dropdown .dropdown-item:hover {
            display: block;
            background-color: #3d3c3c;
        }
        /* .nav-link:hover {
                background-color: lightblue;
            } */
        
        #navbarNav {
            background-color:rgb(22, 2, 2);
        }
        
        #navbarNav .nav .nav-item::before {
            content: ' ';
            position: absolute;
            top: 10%;
            width: 0%;
            background-color: #00a2ff;
            z-index: 9999;
            height: 3px;
            transition: 0.8s all;
            text-decoration: none;
        }
        /* #navbarNav .nav .nav-item:hover::before {
                width: 100%;
            } */
        
        #navbarNav .nav .nav-item .nav-link {
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
            letter-spacing: 1px;
            transition: 0.8s all;
        }
        
        #navbarNav .nav .nav-item .nav-link:hover {
            color: #00a2ff;
        }
        
        #carouselExampleIndicators {
            position: sticky;
            margin-top: -23px;
        }
        
        #nav-bar {
            top: 0;
            z-index: 10;
        }
        
        #nav-bar .navbar-brand:hover {
            background-color: #ccc;
        }
        
        .navbar {
            padding: 0 !important;
            margin-top: -40px;
        }
        
        .navbar-brand img {
            height: 80px;
            padding-left: 20px;
        }
        
        .navbar-nav li {
            padding: 5px;
        }
        
        .navbar-nav li a {
            font-weight: 1200px;
            font-style: initial;
            margin-top: 0px;
            /* margin-right: -10px; */
            /* margin-left: -20px; */
        }
        
        .fa-bars {
            font-size: 30px !important;
        }
        /*----------- banner -------------*/
        
        #decen {
            text-decoration: none;
            color: #000;
        }
        
        #decen:hover {
            display: inline-block;
            background-color: white;
        }
        
        #decen:hover {
            color: rgb(245, 55, 8);
        }
        
        .wel:hover {
            color: #f34713;
        }
        
        .our:hover {
            color: #f34713;
        }
        
        .pri:hover {
            color: #f34713;
        }
        
        #banner1 {
            margin-top: -40px;
        }
        /* #testimonials {
                background: #D3D3D3;
            } */
        
        #banner1 {
            position: absolute;
        }
        
        #banner1 #leftdiv,
        #banner1 #middlediv,
        #banner1 #rightdiv {
            float: left;
        }
        
        .container1 {
            overflow: hidden;
            margin: 5em;
        }
        /* .img-fluid {
                max-width: 50%;
                height: 50%;
            } */
        /* .img-fluid3 {
                max-width: 50%;
                height: 50%;
            } */
        /* .carousel-item {
                min-height: 300px;
                background-size: fixed;
                position: fixed;
                height: 100%;
            } */
        /* --------testimonial---------- */
        /* #rightdiv1 {
                margin-top: 135px;
            } */
        
        #testimonials {
            margin-top: 500px;
        }
        
        #row1 {
            margin-top: 100px;
            position: sticky;
        }
        
        #testimonials .block {
            float: right;
        }
        /* --------3D Effect---------- */
        
        #show {
            margin-top: 500px;
            /* background-color: #ece3e6; */
            background-image: url("imgs/slide-designing.png");
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .slideshow {
            margin: 0 auto;
            padding-top: 50px;
            height: 700px;
            /* background: skyblue; */col4
            box-sizing: border-box;
        }
        
        .content {
            margin: auto;
            width: 190px;
            perspective: 1000px;
            position: relative;
            padding-top: 80px;
        }
        
        .content-carrousel {
            margin-top: 30px;
            margin-left: 50px;
            width: 150px;
            position: absolute;
            float: right;
             margin: 0px;
     -webkit-transform-origin: right center;
     transform-origin: right center;
            animation: rotar 15s infinite linear;
            transform-style: preserve-3d;
        }
        
        .content-carrousel:hover {
            animation-play-state: paused;
            cursor: pointer;
        }
        
        .content-carrousel figure {
            width: 200%;
            height: 250px;
            border: 1px solid #4d4d4d;
            overflow: hidden;
            position: absolute;
        }
        
        .content-carrousel figure:nth-child(1) {
            transform: rotateY(0deg) translateZ(300px);
        }
        
        .content-carrousel figure:nth-child(2) {
            transform: rotateY(72deg) translateZ(300px);
        }
        
        .content-carrousel figure:nth-child(3) {
            transform: rotateY(144deg) translateZ(300px);
        }
        
        .content-carrousel figure:nth-child(4) {
            transform: rotateY(216deg) translateZ(300px);
        }
        
        .content-carrousel figure:nth-child(5) {
            transform: rotateY(288deg) translateZ(300px);
        }
        
        .content-carrousel figure:nth-child(6) {
            transform: rotateY(360deg) translateZ(300px);
        }
        /* .content-carrousel figure:nth-child(5) {
                transform: rotateY(160deg) translateZ(300px);
            }
            
            .content-carrousel figure:nth-child(6) {
                transform: rotateY(200deg) translateZ(300px);
            }
            
            .content-carrousel figure:nth-child(7) {
                transform: rotateY(240deg) translateZ(300px);
            }
            
            .content-carrousel figure:nth-child(8) {
                transform: rotateY(280deg) translateZ(300px);
            }
            
            .content-carrousel figure:nth-child(9) {
                transform: rotateY(320deg) translateZ(300px);
            } */
        
        .shadow {
            position: absolute;
            box-shadow: 0px 0px 20px 0px #000;
            border-radius: 2px;
        }
        
        .content-carrousel img {
            image-rendering: auto;
            transition: all 300ms;
            width: 100%;
            height: 100%;
            zoom: normal;
        }
        /* .content-carrousel img:hover {
                transform: scale(1.2);
                transform: all 300ms;
            }
             */
        
        @keyframes rotar {
            /* from {
                    transform: rotateY(0deg);
                }
                to {
                    transform: rotateY(360deg);
                } */
            from {
                -moz-transform: rotateY(0deg);
                -ms-transform: rotateY(0deg);
                transform: rotateY(0deg);
            }
            to {
                -moz-transform: rotateY(-360deg);
                -ms-transform: rotateY(-360deg);
                transform: rotateY(-360deg);
            }
        }
        /* .left {
                margin-top: 300px;
                margin-left: 80px;
                text-align: right;
                width: 80%;
            } */
        /* .um4 {
                margin-top: 200px;
            } */
        /* .middle {
                margin-top: 200px;
                text-align: center;
            }
            
            .right {
                margin-top: 300px;
                text-align: left;
                width: 80%;
            } */
        /* .carousel-indicators {
                top: -500;
            } */
        /* .invisible {
                visibility: hidden;
            } */
        /* -----About us------ */
        
        .abus:hover {
            color: #f54d0a;
        }
        
        .exp:hover {
            color: #e2470a;
        }
        
        #Aboutus {
            margin-top: 100px;
            /* position: sticky; */
        }
        
        #Aboutus #col-md-4 {
            float: left;
            width: 459px;
            padding: 0px 40px 0px 40px;
        }
        
        .material-body {
            overflow: hidden;
            padding: 3em 0em;
            color: rgb(100, 80, 80);
            background: #000000;
            text-align: center;
            margin-top: 5em;
        }
        
        .about {
            margin-top: 50px;
            position: relative;
            float: right;
            margin-right: 0px;
        }
        
        .text-middle {
            text-align: center;
        }
        
        #about-us {
            text-align: left;
            position: relative;
            margin-right: 0px;
        }
        
        .center {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }
        
        .text-middle {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }
        
        .checked {
            color: rgb(83, 102, 209);
        }
        
        #our {
            margin-top: 30px;
            text-align: center;
            /* margin-left: -10px; */
        }
        /* .right {
                display: block;
                margin-left: auto;
                margin-right: auto;
                width: 70%;
                float: right;
            } */
        /* .topright {
                position: absolute;
                top: 8px;
                right: 16px;
                font-size: 18px;
                text-align: right;
            } */
        /* #IT1 #col-md-6 {
                float: left;
                width: 459px;
                padding: 0px 40px 0px 40px;
            }
             */
        /* -------IT1-------- */
        
        .carousel-item {
            text-align: center;
            display: block;
        }
        
        #IT1 {
            margin-top: 40px;
        }
        
        #design {
            margin-top: 70px;
        }
        
        .container2 {
            /* overflow: hidden; */
            margin: 1em;
            margin-left: auto;
            display: block;
        }
        /* #carouselExampleControls {
            height: 60%;
            width: 60%;
        }
         */
        
        #IT1 #carouselExampleControls {
            position: relative;
            margin: 0 auto;
        }
        /* .container5 {
                width: 95%;
                margin-top: -230px;
                padding-left: 50px;
            } */
        /* .container6 {
                width: 95%;
                margin-top: -150px;
                padding-left: 50px;
            } */
        /* #HR #col-md-6 {
                float: left;
                width: 459px;
                padding: 0px 40px 0px 40px;
            } */
        /* .accordion .card-header:after {
                font-family: 'FontAwesome';
                content: "\f068";
                float: right;
            }
            
            .accordion .card-header.collapsed:after {
                /* symbol for "collapsed" panels */
        /* content: "\f067"; */
        /* } */
        /* --------HR----------- */
        /* #HRSERVICES {
                background-image: url("imgs/HR-Image.jpg");
                background-repeat: no-repeat;
                background-size: cover;
                width: 50%;
                height: 50%;
            } */
        /* #hrs {
            width: 100%;
            height: 50%;
        } */
        /* -----3-D---cube ---effect--- */
        
        #HRSERVICES .panel-group {
            align-items: center;
        }
        
        .container3 {
            overflow: hidden;
            margin: 5em;
        }
        
        #accordion .panel a {
            background: transparent;
        }
        /* .panel-group1 .panel {
                border-radius: 0;
                box-shadow: none;
                border-color: rgb(34, 31, 31);
                width: 80%;
                float: center;
                margin-left: 50px;
            } */
        /* --------IT1 and HR----------- */
        
        .panel-default>.panel-heading {
            padding: 0;
            border-radius: 0;
            color: #212121;
background: linear-gradient(to right, #8E54E9, #4776E6);
            border-color: rgb(107, 104, 104);
        }
        
        .panel-title {
            font-size: 14px;
        }
        
        .panel-title>a {
            display: block;
            padding: 15px;
            text-decoration: none;
            font-weight: bold;
        }
        
        .more-less {
            float: right;
            color: #212121;
        }
        
        .panel-default>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #EEEEEE;
        }
        
        .panel-group .panel {
            border-radius: 0;
            box-shadow: none;
            border-color: rgb(34, 31, 31);
            width: 60%;
            float: center;
            /* margin-top: -300; */
            margin-left: 270px;
        }
        
        a {
            text-decoration: none;
            
        }
        
        a:link {
            color: #000;
        }
        
        a:visited {
            border-bottom: 1px solid #b3b3b3;
        }
        
        /*a:hover {
            color: #2d8653;
            border-bottom: 1px solid #000099;*/
        }
        /* .containerdemo {
                padding: 50px;
                margin-top: 30px;
            } */
        /* ------Contact us-------- */
        /* #ContactUs {
                margin: 0px;
                padding: 0px;
                overflow-x: hidden;
            } */
        /* .container4 {
            overflow: hidden;
            margin: 5em;
        }
        
        #us .conus {
            margin-left: 200px;
        }
        
        #us .con {
            margin-left: 390px;
        }
        
        #us .conus1 {
            margin: 0 auto;
            background-color: #000099;
            margin-left: 300px;
            font-size: 20px;
        } */
        /* -----Enquiry------ */
        /* .container5 {
                overflow: hidden;
                margin: 5em;
            } */
        /* ---------Footer contact us------------- */
        
        #footers #col4,#footers #col8 {
             float: left;
            width: 460px;
            padding: 0px 40px 0px 40px;
        }
        
        
        
        .company-details {
        
            padding: 3em 0em;
            color: #FFFFFF;
            background: #000000;
            text-align: center;
            margin-top: 5em;
        }
        
        #footers {
            font-size: 10pt;
            font-family: "arial";
            margin-top: auto;
            margin-left: -70px;
            width: 114%;
        }
      
        
        
        
        
        
        #footer #col1,
        #footer #col2,
        #footer #col3 {
            float: left;
            width: 460px;
            padding: 0px 40px 0px 40px;
        }
        
        .company-details {
            
            padding: 3em 0em;
       color:whitesmoke;
            background: #000;
            text-align: center;
            margin-top: 5em;
        }
        
        .company-details h2 {
            color: #000099;
        }
        
        #footer {
            font-size: 10pt;
            font-family: "arial";
            margin: auto;
            
            /* margin-top: 200px; */
            /* margin-left: auto; */
            width: 115%;
        }
        /* contact form */
        
        h2 {
            margin: 0;
            color: #8495a5;
            font-size: 2.5em;
            font-weight: 300;
        }
      
        
        
        
       
        
        label {
            display: block;
        }
        
        label>span {
            display: none;
        }
        
      
        
      
     
        @media screen and (min-width: 30em) {
            #contact-form h2 {
                margin-left: 26.3736%;
                font-size: 2em;
                line-height: 1.5;
            }
            label>span {
                vertical-align: top;
                display: inline-block;
                width: 26.3736%;
                padding: 0.5em;
                border: 1px solid transparent;
                text-align: right;
            }
           
            textarea {
                height: 10em;
            }
           
        }
        
        @media screen and (min-width: 48em) {
            #contact-form {
                text-align: justify;
                line-height: 0;
            }
            #contact-form:after {
                content: '';
                display: inline-block;
                width: 100%;
            }
            #contact-form h2 {
                margin-left: 17.2661%;
            }
            #contact-form form,
            #contact-form aside {
                vertical-align: top;
                display: inline-block;
                width: 65.4676%;
                text-align: left;
                line-height: 1.5;
            }
            #contact-form aside {
                width: 30.9353%;
            }
        }
        
        #contact-form .contact {
            margin-left: auto;
        }
        
        #contact-form .send {
            margin-left: auto;
        }
        
        #contact {
            margin-left: auto;
        }
        
        .send {
            margin-left: auto;
            margin-top: auto;
        }
        /* -----Careers---------- */
        
        .car b {
            color: #000;
        }
        
        .car b:hover {
            color: rgb(231, 48, 24);
        }
        
        .car {
            margin-left: 50px;
        }
        
        .career {
            margin-right: 5px;
            width: 40%;
            /* margin-left: 200px; */
        }
        
        .career b {
            display: block;
            background-color: #11ace9;
        }
        
        .tec {
            margin-left: 50px;
        }
        
        .link {
            margin-left: 100px;
        }
        
        .link a:hover {
            color: #212121;
            /* background-color: #2d8653; */
        }
        
        .link p a {
            color: #000;
            background-color: #098fe7;
            text-decoration: none;
        }
        
        .link p a:hover {
            color: #f00a16;
        }
        /* ----Login----- */
        
        .login {
            margin-left: 550px;
        }
        
        .login .nav-link:hover {
            display: block;
            background-color: #00a2ff;
        }
        /* ------forget password---- */
        
        .pass_show {
            position: relative
        }
        
        .pass_show .ptxt {
            position: absolute;
            top: 50%;
            right: 10px;
            z-index: 1;
            color: #f36c01;
            margin-top: -10px;
            cursor: pointer;
            transition: .3s ease all;
        }
        
        .pass_show .ptxt:hover {
            color: #333333;
        }
        
        .forgets {
            margin-left: 550px;
        }
        /* -----Add new job----- */
        
        #edit .new {
            margin-left: 100px;
        }
        /* ----------Add-New-Job------------- */
        
        .newjob #nav8 {
            margin-left: 100px;
            text-decoration: none;
        }

        #edit {
            margin-left: 550px;
        }
        .link
        {
            display: -moz-inline-grid;
        }


.bg-model{
    overflow: hidden;
width: 100%;
height: 100%;
background-color:rgba(0, 0, 0, 0.7);

position:fixed;
top: 0;
display: flex;
justify-content: center;
align-items: center;
display:none;
}

.model-content{
            width: 300px;
            height: 400px;
            background-color:rgb(8, 8, 8);
       border-radius: 4px;
    text-align: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    }


    .textbox{
        width:100%;
        overflow: hidden;
            font-size: 15px;
            padding: 8px 0;
            margin: 8px 0;
            border-bottom:1px solid blue;
    }

   

    .textbox input{
        border:none;
        outline:none;
        background: none;
        color: rgb(243, 240, 240);
        font-size: 15px;
        width: 200px;
        float: left;
        margin: 9px auto;
    }
/* .input{
        width: 100%;
        display:block;
    
        padding: 20px;
       
          
    } */
.close
{
    position: absolute;
    top: 0;
    right: 14px;
    font-size: 42px;
    transform: rotate(45deg);
    cursor: pointer;
   

}