* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Fraunces', serif;
    }
    
    body {
        font-family: 'Fraunces', serif;
        text-align: left;
    }
    /*<!--Start Nav Bar-->*/
    
    .navbar-brand img {
        width: 265px;
    }
    
    .navbar-nav .nav-link {
        font-size: 15px;
        margin-left: 5px;
        color: black;
        font-weight: bold;
    }
    
    .navbar-nav .nav-link:hover {
        color: blue;
        transition: ease-in-out 1s all;
    }
    
    .navbar .navbar-toggler span {
        color: blue;
        font-size: large;
    }
    /*<!--End Nav Bar-->*/
    /*<!--Start Intro-->*/
    
    .intro-header {
        margin-top: 5%;
    }
    
    .intro-section h2 {
        font-weight: bold;
        color: black;
        font-size: 1.8rem;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
        animation: slide-in-left 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    }
    
    .intro-section p {
        font-weight: 600;
        color: rgba(0, 0, 0, 0.801);
        font-size: 1.5rem;
        font-style: italic;
        animation: slide-in-left 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
        background: #121fcf;
        background: -webkit-linear-gradient(to right, #121fcf 0%, #cf1512 100%);
        background: -moz-linear-gradient(to right, #121fcf 0%, #cf1512 100%);
        background: linear-gradient(to right, #121fcf 0%, #cf1512 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .intro-section img {
        width: 90%;
        height: 90%;
    }
    
    .intro-btn-contact-us {
        background: #348edd;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #409ae9, #4447f1);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #409ae9, #4447f1);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        border: none;
        animation: slide-in-left 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    }
    
    .intro-btn-contact-us a {
        text-decoration: none;
        color: white;
    }
    
    .intro-btn-contact-us a:hover {
        text-decoration: none;
        color: white;
    }
    
    .intro-btn-portfolio {
        background: #fc5c7d;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #6a82fb, #fc5c7d);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #6a82fb, #fc5c7d);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        animation: slide-in-left 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    }
    
    .intro-btn-portfolio a {
        text-decoration: none;
        color: white;
    }
    
    .intro-btn-portfolio a:hover {
        text-decoration: none;
    }
    
    .slide-in-left {
        -webkit-animation: slide-in-left 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
        animation: slide-in-left 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    }
    /* ----------------------------------------------
 * Generated by Animista on 2021-6-6 1:33:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
    /**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
    
    @-webkit-keyframes slide-in-left {
        0% {
            -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }
    
    @keyframes slide-in-left {
        0% {
            -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }
    /*<!--End Start Intro-->*/
    /*<!--Start About Section -->*/
    
    .about-section {
        margin-top: 0%;
        background-image: url("http://techvalleyegypt.com/img/why-u s-bg.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    #background-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
    
    .about-section h2 {
        text-align: center;
        font-weight: bold;
        color: blue;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
        /*   animation: slide-in-left 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;*/
    }
    
    .about-section p {
        font-weight: 600;
        color: rgba(0, 0, 0, 0.801);
        font-size: 1.5rem;
        font-style: italic;
        /*        animation: slide-in-left 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
*/
        background: #121fcf;
        background: -webkit-linear-gradient(to right, #121fcf 0%, #cf1512 100%);
        background: -moz-linear-gradient(to right, #121fcf 0%, #cf1512 100%);
        background: linear-gradient(to right, #121fcf 0%, #cf1512 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
    }
    
    .about-section .list-unstyled li {
        padding-top: 5px;
        padding-bottom: 10px;
        font-weight: 700;
        /*        animation: bounce-in-left 5s both;
*/
    }
    
    .list-unstyled li i {
        color: blue;
        background: #121fcf;
        background: -webkit-linear-gradient(to right, #121fcf 0%, #cf1512 100%);
        background: -moz-linear-gradient(to right, #121fcf 0%, #cf1512 100%);
        background: linear-gradient(to right, #121fcf 0%, #cf1512 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .about-section img {
        height: 85%;
        width: 85%;
    }
    
    .bounce-in-left {
        -webkit-animation: bounce-in-left 3s both;
        animation: bounce-in-left 3s both;
    }
    /* ----------------------------------------------
 * Generated by Animista on 2021-6-6 1:40:38
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
    /**
 * ----------------------------------------
 * animation bounce-in-left
 * ----------------------------------------
 */
    
    @-webkit-keyframes bounce-in-left {
        0% {
            -webkit-transform: translateX(-600px);
            transform: translateX(-600px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        38% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
            opacity: 1;
        }
        55% {
            -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        72% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        81% {
            -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        90% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        95% {
            -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
    }
    
    @keyframes bounce-in-left {
        0% {
            -webkit-transform: translateX(-600px);
            transform: translateX(-600px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        38% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
            opacity: 1;
        }
        55% {
            -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        72% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        81% {
            -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        90% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        95% {
            -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
    }
    /*<!--End About Section -->*/
    /*<!--Start Counts Section -->*/
    
    .counts span {
        color: blue;
        font-size: 2rem;
        font-weight: bold;
    }
    
    .counts p {
        color: black;
        font-size: 1.1rem;
        font-weight: bold;
    }
    /*<!--End Counts Section -->*/
    /*<!--Starts Service Section -->*/
    
    .services-section .service-header h2 {
        text-align: center;
        color: blue;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .services-section p {
        text-align: center;
        color: black;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .services-section .card {
        margin-bottom: 4%;
        border: none;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
        -webkit-box-shadow: 7px 7px 15px 7px lightgray;
        box-shadow: 7px 7px 15px 7px lightgray;
        text-align: center;
        color: #000;
        background: #121FCF;
        background: -webkit-linear-gradient(to right, #121FCF 0%, #CF1512 100%);
        background: -moz-linear-gradient(to right, #121FCF 0%, #CF1512 100%);
        background: linear-gradient(to right, #121FCF 0%, #CF1512 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    /*<!--End Serivce Section -->*/
    /*<!-- Start  Mission Section -->*/
    
    .wrapper h1 {
        font-size: 2.5rem;
        font-family: "Montserrat";
        font-weight: normal;
        color: #444;
        text-align: center;
        margin: 1rem 0;
    }
    
    .wrapper .card {
        margin: 0.5%;
    }
    
    .containers {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
    
    .front,
    .back {
        background-size: cover;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        background-position: center;
        -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        text-align: center;
        min-height: 280px;
        height: auto;
        border-radius: 10px;
        color: #fff;
        font-size: 1.1rem;
    }
    
    .back {
        background: #cedce7;
        background: -webkit-linear-gradient(45deg, #cedce7 0%, #596a72 100%);
        background: -o-linear-gradient(45deg, #cedce7 0%, #596a72 100%);
        background: linear-gradient(45deg, #cedce7 0%, #596a72 100%);
    }
    
    .front:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        content: "";
        display: block;
        opacity: 0.6;
        background-color: #000;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 10px;
    }
    
    .containers:hover .front,
    .containers:hover .back {
        -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    }
    
    .back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .inner {
        -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
        transform: translateY(-50%) translateZ(60px) scale(0.94);
        top: 50%;
        position: absolute;
        left: 0;
        width: 100%;
        padding: 2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 1px solid transparent;
        -webkit-perspective: inherit;
        perspective: inherit;
        z-index: 2;
    }
    
    .containers .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    
    .back .inner p {
        color: white;
    }
    
    .containers .front {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    
    .containers:hover .back {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    
    .containers:hover .front {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    
    .front .inner p {
        font-size: 1.1rem;
        margin-bottom: 1.1rem;
        position: relative;
        color: white;
        font-weight: bold;
    }
    
    .front .inner p:after {
        content: "";
        width: 3rem;
        height: 2px;
        position: absolute;
        background: #c6d4df;
        display: block;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -0.75rem;
    }
    
    .front .inner span {
        color: rgba(255, 255, 255, 0.7);
        font-family: "Montserrat";
        font-weight: 300;
    }
    
    .mission h2 {
        text-align: center;
        color: blue;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .mission p {
        color: black;
        text-align: center;
    }
    /*<!-- End  Mission Section -->*/
    /*<!-- Start Portfolio Section -->*/
    
    .portfolio {
        display: none;
    }
    
    .portfolio h2 {
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%;
        color: blue;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .portfolio .card {
        border: none;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
        -webkit-box-shadow: 7px 7px 15px 7px lightgray;
        box-shadow: 7px 7px 15px 7px lightgray;
    }
    
    .portfolio .img {
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
    }
    /*<!-- End Portfolio Section -->*/
    /*Start Demo Section*/
    
    .Demo {
        margin-top: 3%;
    }
    
    .Demo h2 {
        text-align: center;
    }
    
    .Demo h2 {
        color: blue;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .Demo p {
        color: black;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .Demo h4 {
        background: #121FCF;
        background: -webkit-linear-gradient(to right, #121FCF 0%, #CF1512 100%);
        background: -moz-linear-gradient(to right, #121FCF 0%, #CF1512 100%);
        background: linear-gradient(to right, #121FCF 0%, #CF1512 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
    }
    
    .Demo .card {
        border: none;
        color: black;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
        -webkit-box-shadow: 7px 7px 15px 7px lightgray;
        box-shadow: 7px 7px 15px 7px lightgray;
        margin-bottom: 3%;
    }
    
    .Demo .card-footer {}
    /*End Demo Section*/
    /*--------------------------------------------------------------
      /*Start packages Section*/
    
    .packages {
        margin-top: 3%;
    }
    
    .packages h2 {
        text-align: center;
    }
    
    .packages h2 {
        color: blue;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .packages p {
        color: black;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .packages h5 {
        background: #121FCF;
        background: -webkit-linear-gradient(to right, #121FCF 0%, #CF1512 100%);
        background: -moz-linear-gradient(to right, #121FCF 0%, #CF1512 100%);
        background: linear-gradient(to right, #121FCF 0%, #CF1512 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .packages .card {
        border: none;
        color: black;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
        -webkit-box-shadow: 7px 7px 15px 7px lightgray;
        box-shadow: 7px 7px 15px 7px lightgray;
    }
    
    .packages .card-footer {}
    /*End packages Section*/
    /*--------------------------------------------------------------
# Testimonials


--------------------------------------------------------------*/
    
    .packages .card {
        border: none;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
        -webkit-box-shadow: 7px 7px 15px 7px lightgray;
        box-shadow: 7px 7px 15px 7px lightgray;
    }
    
    .Clients {
        margin-top: 2%;
        margin-bottom: 2%;
    }
    
    .Clients h3 {
        font-size: 2rem;
        font-weight: bold;
        margin: 3rem;
        color: blue;
        background: #ffffff;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .Clients p {
        color: #72757d;
        font-size: 1.1rem;
    }
    
    .Clients .card:hover {
        transform: scale(1.01);
        box-shadow: 3px 2px 5px 9px rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: 3px 2px 5px 9px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 3px 2px 5px 9px rgba(0, 0, 0, 0.06);
        transition: all ease-in-out 2s;
    }
    
    .Clients .card {
        margin-bottom: 1%;
        border: none;
        text-align: center;
    }
    
    .Clients .card .card-body p {
        color: black;
    }
    
    .card h5 {
        color: black;
        font-weight: bold;
        font-style: italic;
    }
    
    .card h6 {
        color: black;
        font-weight: bold;
        font-style: italic;
    }
    
    #tech_valley_clients {
        border: none;
        box-shadow: 3px 2px 5px 9px rgba(0, 0, 0, 0.06);
        text-align: center;
    }
    
    #tech_valley_clients .card {
        border: none;
    }
    
    #tech_valley_clients a span {
        background-color: blue;
    }
    /*<!--Start Contact US Section -->*/
    
    .contact {
        height: 100%;
        margin-bottom: 15px;
        -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
        background-image: url("http://techvalleyegypt.com/img/contact-us-gif.gif");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .contact h2 {
        text-align: center;
        color: blue;
        font-size: 2rem;
        text-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #eeeeee, 2px 1px 1px #cccccc, 1px 2px 1px #eeeeee, 3px 2px 1px #cccccc, 2px 3px 1px #eeeeee, 4px 3px 1px #cccccc, 3px 4px 1px #eeeeee, 5px 4px 1px #cccccc, 4px 5px 1px #eeeeee, 6px 5px 1px #cccccc, 5px 6px 1px #eeeeee, 7px 6px 1px #cccccc;
    }
    
    .contact p {
        text-align: left;
        color: black;
        font-size: 1.2rem;
    }
    
    .info h4 {
        color: red;
        font-size: 1.1rem;
    }
    
    .info i {
        padding: 10px 10px;
        color: blue;
        font-size: 1.1rem;
    }
    
    .contact a:hover {
        background-color: #2696be;
        border: white 3px solid;
        text-decoration: none;
    }
    /*<!--End Contact us  Section -->*/
    /*<!--Start of Footer Section -->*/
    
    .footer {
        text-align: left;
    }
    
    .footer a {
        text-align: left;
        font-size: small;
    }
    
    .site-info span {
        font-size: 2rem;
    }
    
    .site-info a {
        color: #08526d;
        font-weight: bold;
    }
    
    .site-info p {
        color: black;
    }
    /*<!--End Footer Section -->*/
    
    @media only screen and (max-width: 768px) {
        /* For mobile phones: */
        body h2 {
            font-size: larger;
        }
        .navbar-brand img {}
        .card {
            height: auto;
        }
        img {
            width: 70%;
        }
        .intro-section h2 {
            font-size: 1.5rem;
        }
        .intro-section p {
            font-size: 1rem;
        }
        .intro-section img {
            margin-top: 5%;
        }
        .intro-section {
            justify-content: center;
            align-items: center;
        }
        .services-section .card h4 {
            font-size: 0.75rem;
            font-weight: 800;
        }
        .contact img {
            display: none;
        }
        .contact iframe {
            text-align: center;
            width: auto;
        }
    }