header#services_header {
    /* background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.541)), url(../../images/w2.jpg); */
    background-image: url(../../images/bg1.jpg);
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 40vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
    /* overflow: auto; */
}

header#branding_header {
    /* background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.541)), url(../../images/w2.jpg); */
    background-image: url(../../images/bg6.jpg);
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 40vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
    /* overflow: auto; */
}

header#hardware_header {
    background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.541)), url(../../images/bg-3-1.jpg);
    /* background-image: url(../../images/bg-3-1.jpg); */
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 60vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
}

header#webdev_header {
    /* background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.541)), url(../../images/w2.jpg); */
    background-image: url(../../images/bg2.jpg);
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 40vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
    /* overflow: auto; */
}

header#Softwaredev_header {
    background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.781)), url(../../images/bg-4.jpg);
    /* background-image: url(../../images/bg-4.jpg); */
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 40vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
    /* overflow: auto; */
}

header#saams_header {
    background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.541)), url(../../images/w3.jpg);
    /* background-image: url(../../images/bg-3-1.jpg); */
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 60vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
}

header#zephyr_header {
    background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.541)), url(../../images/bg-2.jpg);
    /* background-image: url(../../images/bg-3-1.jpg); */
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 60vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
}

header#academmy_header {
    background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.541)), url(../../images/ab7.jpg);
    /* background-image: url(../../images/bg7.jpg); */
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 60vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
}

header#nventory_header {
    background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.541)), url(../../images/ab7.jpg);
    /* background-image: url(../../images/bg7.jpg); */
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 60vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
}

header#services_header {
    background-image: linear-gradient(rgba(22, 22, 22, 0.719), rgba(29, 29, 29, 0.541)), url(../../images/ab2.jpg);
    /* background-image: url(../../images/bg7.jpg); */
    background-position: center;
    background-size: cover;
    overflow: hidden;
    width: auto;
    height: 60vh;
    position: relative;
    padding: 0;
    margin-top: 25px;
}

#services_header_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: arial black;
    color: white;
}

#branding_header_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: arial black;
    color: white;
}

#hardware_header_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: arial black;
    color: white;
}

#heading_card_con {
    position: relative;
    display: block;
    width: 100%;
}

#services_header_card {
    width: 300px;
    background-color: white;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#hardware_header_card {
    width: 90%;
    background-color: white;
    position: absolute;
    left: 50%;
    top: 60px;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#saams_header_card {
    width: 90%;
    background-color: white;
    position: absolute;
    left: 50%;
    top: 70px;
    transform: translate(-50%, -20%);
    z-index: 1;
}

#zephyr_header_card {
    width: 90%;
    background-color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -15%);
    z-index: 1;
}

#academmy_header_card {
    width: 90%;
    background-color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -15%);
    z-index: 1;
}

#nventory_header_card {
    width: 90%;
    background-color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

section {
    margin-top: 100px;
}

#cheader {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding: 10px 0px;
    background-image: url(../../images/greenBg.jpg);
    background-image: url(../../images/bg10.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    /* color: rgb(26, 25, 25); */
    color: white;
    /* background-color: wheat; */
}

div#cheader.cheader3 {
    background-image: url(../../images/bg11.jpg);
}

div#explore_apps_cards {
    margin-bottom: 100px;
}

div#mobile_container {
    display: none;
}

div#products_mobile_container {
    display: none;
}


/* div#cheader.cheader1 {
    background-image: url(../../images/bg7.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    text-shadow: 1px 1px rgb(189, 189, 189);
}

div#cheader.cheader2 {
    background-image: url(../../images/bg6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

div#cheader.cheader3 {
    background-image: url(../../images/bg8.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: rgb(10, 46, 63);
    color: rgb(192, 22, 64);
    color: rgb(255, 255, 255);
    text-shadow: 1px 1px black;
} */


/* th {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
} */

#branding_pricelist {
    display: none;
}

h6#hardware_supply_email {
    display: none;
}

div#main_body.main_body_hardwares {
    margin-top: 400px;
    margin-bottom: 100px;
}

div#main_body.main_body_saams {
    margin-top: 1700px;
}

div#main_body.main_body_zephyr {
    margin-top: 1200px;
}

div#main_body.main_body_nventory {
    margin-top: 300px;
}

div.horizontal-card {
    min-width: 350px;
    width: 350px;
    height: 400px;
    margin-right: 30px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    transition: none;
}

div.horizontal-card:hover {
    background-image: linear-gradient(to bottom left, white, white);
    color: rgb(62, 152, 226);
}

@media only screen and (max-width: 900px) {
    #webTypeToggler {
        width: 300px;
    }
    header#services_header {
        margin-top: 18px;
        /* overflow: auto; */
    }
    header#branding_header {
        margin-top: 18px;
        /* overflow: auto; */
    }
    header#hardware_header {
        margin-top: 18px;
    }
    header#webdev_header {
        margin-top: 18px;
        /* overflow: auto; */
    }
    header#Softwaredev_header {
        margin-top: 18px;
        /* overflow: auto; */
    }
    header#saams_header {
        margin-top: 18px;
    }
    header#zephyr_header {
        margin-top: 18px;
    }
    header#academmy_header {
        margin-top: 18px;
    }
    header#nventory_header {
        margin-top: 18px;
    }
    div#mobile_container {
        display: initial;
    }
    div#desktop_container {
        display: none;
    }
    div#products_mobile_container {
        display: initial;
    }
    div#products_desk_container {
        display: none;
    }
    #hardware_header_card {
        top: 200px;
    }
    div#main_body.main_body_hardwares {
        margin-top: 700px;
        margin-bottom: 100px;
    }
    div#main_body.main_body_saams {
        margin-top: 3200px;
    }
    div#main_body.main_body_zephyr {
        margin-top: 1800px;
    }
    #saams_header_card {
        width: 90%;
        background-color: white;
        position: absolute;
        left: 50%;
        top: 400px;
        transform: translate(-50%, -20%);
        z-index: 1;
    }
}


/* animation */

#under.animate {
    animation-name: myrota;
    animation-fill-mode: forwards;
    animation-duration: 1s;
}

@keyframes myrota {
    0% {
        transform: rotate(20deg);
    }
    80% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}