@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/OpenSans-Regular.ttf) format('woff2');
}
@font-face {
    font-family: guru-regular;
    src: url(../fonts/Teko-Regular.ttf);
}
@font-face {
    font-family: guru-300;
    src: url(../fonts/Teko-Light.ttf);
}
@font-face {
    font-family: rale-400;
    src: url(../fonts/raleway.light.ttf);
}

.landing{
    background-color: black;
    display: flex;
    padding-top: 2em;
    padding-bottom: 7em;
}
.half-width{
    width: 50%;
    color: white;
}
.self-cnter{
    align-self: center;
}
.half-width img{
    width: 100%;
    height: 100%;
}
.img-1 img{
    height: 375px;
    width: 500px;
}
.half a{
    color: white;
    text-decoration: underline;
}
h3{
    color: white;
    margin: 0;
}
h2{
    color: white;
    font-family: 'Open Sans';
    font-size: 32px;
}

.form input{
    padding: 10px 20px;
    outline: none;
    width: 40%;
    border-radius: 5px;
    
}
.form input::placeholder{
    font-size: 16px;
}
.form button{
    vertical-align: middle;
    border-radius: 5px;
    padding: 7px 30px;
    outline: none;
    background-color: #0083F2;
    color: white;
    width: 40%;
    margin-left: 20px;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Open Sans';
}

.change-text h1{
    font-size: 90px;
    color: #0083F2;
    font-weight: 500;
    font-family: guru-regular;
    margin: 10px 0;
}
.landing .multitext{
    height: 72px;
    /* border: 1px solid white; */
    overflow: hidden;
}
.slide-up{
    animation: slide-top 8s infinite ;
    -webkit-animation:slide-top 8s infinite ;
    animation-direction:alternate;
    scroll-behavior: initial;
}
@keyframes slide-top {
    25%{
        transform: translate(0,0);
    }
    55% {
        transform: translate(0,-72px);
    }
    75%{
        transform: translate(0,-144px);
    }
    100%{
        transform: translate(0,-216px);
    }

  }
.landing .multitext p{
    font-size: 72px;
    color: #ffffff;
    font-weight: 500;
    font-family: guru-regular;
    margin: 0px 0;
    width: 100%;
}
.ladning-last-text p{
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    font-family: rale-400;
    margin: 10px 0;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
.digi-mark{
    background-color: #0083F2;
    display: flex;
    padding-top: 7em;
    padding-bottom: 7em;
}

.digi-mark .half-width h1{
    font-size: 95px;
    color: #ffffff;
    font-weight: 300;
    font-family: guru-300;
    margin: 10px 0;
}
.digi-mark .half-width p{
    font-size: 28px;
    color: #ffffff;
    font-weight: 400;
    font-family: rale-400;
    margin: 10px 0;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}

.home-about{
    background-color: black;
}
.home-about .half-width h1{
    font-size: 100px;
    color: #0083F2;
    font-weight: 300;
    font-family: guru-300;
    margin: 10px 0;
}
.home-about .half-width p{
    font-size: 28px;
    color: #ffffff;
    font-weight: 400;
    font-family: rale-400;
    margin: 10px 0;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
.home-about .half-width p a{
    font-size: 18px;
    color: #0083F2;
    font-weight: 400;
    font-family: rale-400;
    margin: 10px 0;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
.why-chose-us h1{
    font-size: 52px;
    color: #0083F2;
    font-weight: 400;
    font-family: guru-regular;
    margin: 10px 0;
    line-height: 1.5em;
    margin-bottom: 0em;
    /* width: 70%;
    margin: auto; */
}
.why-chose-us p{
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    font-family: rale-400;
    line-height: 1.5em;
    margin-bottom: 1.5em;
    /* width: 50%;
    margin: 20px auto; */
}
.home-about .read-more a{
    font-size: 18px;
    color: white !important;
    font-family: guru-regular;
    text-align: center;
    margin: 5% 0;
    padding: 10px 20px;
    text-align: center;
    transition: 0.3s;
    background-color: #0083F2;
    border: 1px solid #0083F2;
    border-radius: 11px;
}
.home-about .read-more a:hover{
    transition: 0.3s;
    background-color: white;
    color: black !important;
    border: 1px solid white;
}
.about-service .col{
    width: 20%;
    /* border: 1px solid #0083F2; */
    padding: 40px;
    margin: 22px;
    box-shadow: 0px 0px 10px #0083F2;
}
.about-service .col:hover{
    box-shadow: 0px 0px 20px #0083F2;
}
.about-service .col h1{
    font-size: 52px;
    color: #ffffff;
    font-weight: 300;
    font-family: guru-300;
    margin: 10px 0;
}
.about-service .col p{
    font-size: 22px;
    color: #ffffff;
    font-weight: 300;
    font-family: rale-400;
    margin: 10px 0;
}

.home-founder{
    background-color: #0083F2;
    padding: 5% ;
}
.home-founder h1{
    font-size: 100px;
    color: #000000;
    font-weight: 300;
    font-family: guru-regular;
    margin: 10px 0;
} 
.home-founder h2{
    font-size: 50px;
    color: #ffffff;
    font-weight: 400;
    font-family: guru-regular;
    margin: 10px 0;
} 
.home-founder p{
    font-size: 30px;
    color: #ffffff;
    font-weight: 400;
    font-family: rale-400;
    margin: 10px 0;
    line-height: 1.5em;
    width: 83%;
}
.founder-img img{
    padding-top: 90px;
    height: 575px;
    width: 375px;
}
.founder-img p{
    font-size: 26px;
    color: #ffffff;
    font-family: rale-400;
    text-align: center;
    margin: 5% 0;
}
a{
    color: white;
}
.founder-img a{
    font-size: 24px;
    color: #ffffff;
    font-family: rale-400;
    text-align: center;
    margin: 5% 0;
    border: 3px solid white;
    padding: 10px 12px;
    text-align: center;
    transition: 0.3s;
}
.founder-img a:hover{
    background-color: black;
    transition: 0.3s;
}
.home-testimonial{
    background-color: #000000;
    padding: 5% ;
}

.home-testimonial h1{
    font-size: 56px;
    color: #0083F2;
    font-weight: 300;
    font-family: guru-regular;
    margin: 10px 0;
    text-align: center;
}

.home-testimonial .col{
    /* border: 2px solid white; */
    width: 30%;
    margin: 15px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #0083F2;
}
.home-testimonial .col:hover{
    box-shadow: 0px 0px 20px #0083F2;
    border-radius: 10px;
}
.home-testimonial .col p:first-child{
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    font-family: rale-400;
    line-height: 1.4em;
}
.home-testimonial .testimon-logo div:first-child{
    width: 20%;

}
.home-testimonial .testimon-logo div img{
    width: 100%;
    border-radius: 500px;
}
.home-testimonial .testimon-logo .p1{
    font-size: 30px !important;
    color: #ffffff;
    font-weight: 300;
    font-family: guru-regular !important;
    text-align: left !important ;
}
.home-testimonial .testimon-logo p{
    font-size: 15px;
    color: #ffffff;
    font-weight: 300;
    font-family: rale-400;
    margin: 5px 0;
    text-align: center;
}

.home-testimonial .readmore a{
    font-size: 18px;
    color: #ffffff;
    font-family: rale-400;
    text-align: center;
    margin: 5% 0;
    padding: 15px 20px;
    text-align: center;
    transition: 0.3s;
    background-color: #0083F2;
    border-radius: 11px;
}
.home-testimonial .readmore a:hover{
    transition: 0.3s;
    background-color: #000000;
    border: 2PX solid white;
}



.home-services{
    background-color: #0083F2;
    padding: 5% ;
}
.home-services h1{
    font-size: 100px;
    color: #ffffff;
    font-weight: 300;
    font-family: guru-regular;
    margin: 10px 0;
    text-align: center;
}
.home-services p{
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    font-weight: 400;
    font-family: rale-400;
    margin: 10px 0;
    width: 65%;
    margin: auto;
}

.home-services .col{
    width: 22%;
    /* border: 3px solid #ffffff; */
    padding: 40px;
    margin: 3%;
    margin-left: 0%;
    box-shadow: 0px 0px 10px black;
}
.home-services .col:hover{
    box-shadow: 0px 0px 20px black;
}

.home-services .col h1{
    font-size: 52px;
    color: #ffffff;
    font-weight: 300;
    font-family: guru-300;
    margin: 10px 0;
    text-align: left;
}
.home-services .col p{
    text-align: left;
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    font-family: rale-400;
    margin: 10px 0;
    width: 95%;
    line-height: 1.6em;
}
.home-services .read-more p{
    width: 100%;
}
.home-services .read-more a{
    font-size: 18px;
    color: #0083F2;
    font-family: guru-regular;
    text-align: center;
    margin: 5% 0;
    padding: 10px 20px;
    text-align: center;
    transition: 0.3s;
    background-color: black;
    border-radius: 11px;
}
.home-services .read-more a:hover{
    transition: 0.3s;
    background-color: white;
    border: 2PX solid white;
}


.home-client-count{
    background-color: #000000;
    padding: 5% ;
}

.home-client-count h1{
    font-size: 100px;
    color: #0083F2;
    font-weight: 300;
    font-family: guru-regular;
    margin: 10px 0;
    text-align: center;
}
.home-client-count .col{
    width: 22%;
    margin: 2%;
}
.home-client-count .col h1{
    font-size: 120px;
    text-align: left;
    color: white;
}
.home-client-count .col span{
    font-size: 120px;
    text-align: left;
    color: white;
}
.home-client-count .col p{
    text-align: left;
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    font-family: rale-400;
    margin: 10px 0;
    width: 95%;
    line-height: 1.6em;
}

.home-founder-details{
    background-color: #0083F2;
    padding: 5% ;
}
.home-founder-details h1{
    font-size: 100px;
    color: #ffffff;
    font-weight: 300;
    font-family: guru-regular;
    margin: 10px 0;
    text-align: center;
}
.home-founder-details .change-color{
    background-color: #0083F2;
    padding: 20px;
}
.home-founder-details .half-width h2{
    font-size: 32px;
    color: #ffffff;
    font-weight: 300;
    font-family: guru-regular;
    margin: 10px 0;
    text-align: left;
}
.home-founder-details .half-width h1{
    color: #ffffff;
    font-size: 50px;
    text-align: left;
}
.home-founder-details .half-width p{
    text-align: left;
    font-size: 22px;
    color: #ffffff;
    font-weight: 500;
    font-family: rale-400;
    margin: 10px 0;
    width: 90%;
    line-height: 1.6em;
}
.home-founder-details .change-color:hover{
    background-color: #000000;
}

.home-contact{
    background-color: #000000;
    padding: 2% 5% ;
}
.home-contact h2{
    font-size: 30px;
    color: #ffffff;
    font-weight: 300;
    font-family: rale-400   ;
    margin: 10px 0;
    margin-bottom: 2em;
    text-align: left;
}
.home-contact h1{
    font-size: 72px;
    color: #0083F2;
    font-weight: 400;
    font-family: guru-regular   ;
    margin: 30px 0;
    text-align: left;
}

.home-contact p a{
    font-size: 26px;
    color: #ffffff;
    font-family: rale-400;
    text-align: center;
    margin: 5% 0;
    padding: 15px 30px;
    text-align: center;
    transition: 0.3s;
    background-color: #0083F2;
    border: 3px solid white;
}
.home-contact p a:hover{
    color: #0083F2;
    transition: 0.3s;
    font-weight: 500;
    background-color: white;
    /* border: 3px solid #0083F2; */
}
.home-contact .half-width:first-child{
    border-right: 3px solid #0083F2;
}
.address-office ul{
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.address-office ul li{
    font-size: 24px;
    font-weight: 300;
    font-family: guru-300;
    padding: 8px 0;
}
.contact-form{
    padding: 20px;
    
}
.home-contact .read-more a{
    font-size: 18px;
    color: white !important;
    font-family: guru-regular;
    text-align: center;
    margin: 10% 0;
    padding: 8px 20px;
    text-align: center;
    transition: 0.3s;
    background-color: #0083F2;
    border: 1px solid #000000;
    border-radius: 5px;
}
.home-contact .read-more a:hover{
    transition: 0.3s;
    background-color: white;
    color: black !important;
    border: 1px solid white;
}
.contact-form input{
    padding: 5px 10px;
    width: 94%;
    margin:1%;
    font-size: 24px;
    border-radius: 5px;
    outline: none;
}
.contact-form textarea{
    padding: 5px 10px;
    width: 94%;
    margin:1%;
    font-size: 24px;
    border-radius: 5px;
    outline: none;
    columns: auto;
    resize: vertical;
}
.contact-form input::placeholder{
    font-size: 14px;
    color: #000000;
    font-family: rale-400;
}
.contact-form textarea::placeholder{
    font-size: 14px;
    color: #000000;
    font-family: rale-400;

}
.contact-form button{
    padding: 8px 20px;
    margin:1%;
    font-size: 24px;
    border-radius: 5px;
    background-color: #0083F2;
    color: white;
    font-family: guru-regular;
}
.contact-form button:hover{
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    cursor: pointer;
}

@media(max-width:1024px) and (min-width:768px){
    nav{
        padding: 0;
    }
    nav .main-logo {
        padding: 4px 0;
    }
    nav .mail .actualmail {
        padding: 15px 50px;
    }
    .hamburger{
        padding: 4px;
    }
    .desktop-container {
        padding: 3% 1%;
    }
    .fs-60{
        font-size: 52px;
    }
    .home-founder {
        padding: 5% 1%;
    }
    .home-founder h1 {
        font-size: 94px;
    }
    .home-founder p {
        width: 95%;
    }
    .home-services {
        padding: 5% 1%;
    }
    .home-services .col {
        width: 30%;
        padding: 0;
        /* border: none; */
        margin: 1%;
    }
    .home-services .col .logo{
        padding: 40px ;
        /* border: 3px solid black; */
    }
    .home-founder-details .half-width h2 {
        font-size: 28px;
    }
    .home-founder-details .half-width h1 {
        font-size: 42px;
    }
    .home-founder-details .half-width p {
        font-size: 15px;
        width: 95%;
    }
    .contact-form input {
        width: 92%;
    }
    .contact-form textarea {
        width: 92%;
    }
} 

@media (max-width:768px) and (min-width:500px){
    .change-text h1 {
        font-size: 72px;
    }
    .landing .multitext {
        height: 52px;
    }
    .landing .multitext p {
        font-size: 52px;
    }
    .slide-up{
        animation-direction:alternate;
    }
    @keyframes slide-top {
        25%{
            transform: translate(0,0);
        }
        55% {
            transform: translate(0,-52px);
        }
        75%{
            transform: translate(0,-104px);
        }
        100%{
            transform: translate(0,-156px);
        }
    
    }
    .form input {
        width: 30%;
    
    }.form button {
        padding: 7px 25px;
        width: 54%;
        margin-left: 10px;
    }

    .img-1 img {
        height: 270px;
        width: 345px;
    }
    .about-service .col {
        width: 30%;
    }
    .home-testimonial {
        padding: 5% 1%;
    }
    .home-testimonial .testimon-logo div:first-child {
        width: 100%;
    }
    .home-testimonial .testimon-logo p {
        font-size: 9px;
    }
    .home-client-count {
        padding: 5% 1%;
    }
    .home-client-count .col h1 {
        font-size: 100px;
        text-align: center;
        color: white;
        justify-content: center;
    }
    .home-client-count .col span {
        font-size: 72px;
        text-align: left;
        color: white;
        align-self: center;
    }
    .home-client-count .col p {
        text-align: center;
    }
    .justify-center-mobile{
        justify-content: center;
    }
    .home-founder-details {
        padding: 5% 1%;
    }
    .table-footer {
        padding: 0.5% 1%;
    }
    .contact-form input {
        width: 90%;
    }
    .contact-form textarea {
        width: 90%;
    }
}

@media (max-width:500px) and (min-width:375px){
    .home-contact .d-flex{
        flex-direction: column;
    }
    .home-contact .half-width:first-child {
        display: none; 
    }
    body{
        overflow-x: hidden;
    }
    .change-text h1 {
        font-size: 72px;
    }
    .landing .multitext {
        height: 52px;
    }
    .landing .multitext p {
        font-size: 52px;
    }
    .slide-up{
        animation-direction:alternate;
    }
    @keyframes slide-top {
        25%{
            transform: translate(0,0);
        }
        55% {
            transform: translate(0,-52px);
        }
        75%{
            transform: translate(0,-104px);
        }
        100%{
            transform: translate(0,-156px);
        }
    
    }
    .form input {
        width: 30%;
    
    }.form button {
        padding: 7px 25px;
        width: 54%;
        margin-left: 10px;
    }

    .img-1 img {
        height: 270px;
        width: 345px;
    }
    .about-service .col {
        width: 30%;
    }
    .home-testimonial {
        padding: 5% 1%;
    }
    .home-testimonial .testimon-logo div:first-child {
        width: 30%;
    }
    .home-testimonial .testimon-logo p {
        font-size: 16px;
        text-align: left;
    }
    .home-testimonial .col {
        width: 80%;    
    }
    .home-testimonial h1 {
        font-size: 54px;
        font-weight: 300;
        font-family: guru-300;
    }
    .testimon-logo.d-flex {
        flex-direction: row !important;
    }
    .home-client-count {
        padding: 5% 1%;
    }
    .home-client-count .col {
        width: 96%;
        margin: 2%;
    }
    .home-client-count .col h1 {
        font-size: 54px;
        text-align: center;
        color: white;
        justify-content: center;
    }
    .home-client-count .col span {
        font-size: 54px;
        text-align: left;
        color: white;
        align-self: center;
    }
    .home-client-count .col p {
        text-align: center;
    }
    
    .justify-center-mobile{
        justify-content: center;
    }
    .home-founder-details {
        padding: 5% 1%;
    }
    .table-footer {
        padding: 0.5% 1%;
    }
    .ham-span p {
        top: -100px;
        left: 83%;
        font-size: 77px;
    }
    .mobile-menu {
        top: 55px;
    }
    .mobile-menu ul .active a {
        font-weight: 300;
        font-family: guru-300;
    }
    nav .main-menu ul {
        padding: 0;
    }
    .mobile-menu ul a {
        font-weight: 300;
    }
    nav .main-menu ul li a {
        font-family: guru-300;
        font-weight: 300;
    }
    nav .main-menu ul li a:hover {
        transition: 0.5s;
        background-color:#3E3E3E;
    }
    .landing {
        flex-direction: column-reverse;
        padding-top: 2em;
        padding-bottom: 2em;

    }
    .desktop-container {
        padding: 0 2%;
    }
    .landing .form{
        display: none;

    }
    .landing p:last-child{
        display: none;

    }
    .landing .slide-up p:last-child {
        display: block;
    }
    .half-width {
        width: 100%;
        padding-top: 0em;
        padding-bottom: 2em;
    }
    .height-400px{
        text-align: center;
    }
    .height-400px img{
        width: 80%;
    }
    .digi-mark {
        flex-direction: column;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .digi-mark .half-width h1 {
        font-size: 56px;
    }
    .digi-mark .half-width p {
        font-size: 22px;
    }

    .home-about .half-width h1 {
        font-size: 56px;
    }
    .home-about .d-flex {
        flex-direction: column;
    }
    .home-about .half-width p {
        font-size: 22px;
    }
    .about-service .col {
        width: 70%;
        padding: 30px;
    }

    .home-founder {
        padding: 5% 2%;
    }
    .home-founder.d-flex {
        flex-direction: column;
    }

    .home-testimonial .d-flex{
        flex-direction: column;
    }
    .home-founder h1 {
        font-size: 54px;
        font-family: guru-300;
        margin: 10px 0;
    }
    .home-founder h2 {
        font-size: 36px;
        color: #ffffff;
        font-weight: 300;
        font-family: guru-300;
        margin: 10px 0;
    }
    .home-founder p {
        font-size: 22px;
        color: #ffffff;
        font-weight: 400;
        font-family: rale-400;
        margin: 10px 0;
        line-height: 1.5em;
        width: 100%;
    }

    .home-services {
        padding: 5% 2%;
    }
    .home-services .d-flex{
        flex-direction: column;
    }
    .home-services h1 {
        font-size: 54px;
        font-family: guru-300;

    }
    .home-services p {
        font-size: 22px;
        width: 95%;
        line-height: 1.5em;
    }
    .home-services .col {
        width: 80%;
        border: 3px solid #ffffff;
        padding: 35px;
        margin: 2%;
        margin-left: 0%;
    }
    .home-services .col h1 {
        font-size: 38px;
    }
    .home-services .col p {
        font-weight: 400;
    }

    .home-client-count .d-flex {
        flex-wrap: wrap;
    }

    .home-founder-details .d-flex{
        flex-direction: column;
        width: 95%;
    }
    .home-founder-details h1 {
        font-size: 54px;
        font-family: guru-300;
    }
    .home-client-count h1 {
        font-size: 54px;
        font-family: guru-300;
    }
    .footer-sections ul{
        list-style: none;
        margin: 0;
        padding-left: 3%;
    }
    .footer-sections ul li{
        padding: 8px 0;
        color: white;
        font-size: 16px;
        font-weight: 500;
        font-family: rale-400;
        text-decoration: none;
    }
    .footer-sections ul li a {
        color: white;
        font-size: 16px;
        font-weight: 500;
        font-family: rale-400;
        text-decoration: none;
    }
    .footer-sections ul li h1{
        color: #0083F2;
        font-size: 42px;
        font-weight: 400;
        font-family: guru-regular;
        text-align: left;
        margin: 10px 0;
    }
    .partner-site {
        padding: 2% 3%;
    }
    .partner-site:only-child {
        padding: 8px 0;
    }
    .home-contact {
        padding: 5% 1%;
    }
    .home-contact .d-flex:first-child{
        flex-direction: column;
    }
    .contact-form input {
        width: 90%;
        font-size: 18px;
    }
    .contact-form textarea {
        width: 90%;
        font-size: 18px;
    }
}
@media (max-width:375px) and (min-width:320px){
    .home-contact .d-flex{
        flex-direction: column;
    }
    .home-contact .half-width:first-child {
        display: none; 
    }
    body{
        overflow-x: hidden;
    }
    .change-text h1 {
        font-size: 72px;
    }
    .landing .multitext {
        height: 52px;
    }
    .landing .multitext p {
        font-size: 52px;
    }
    .slide-up{
        animation-direction:alternate;
    }
    @keyframes slide-top {
        25%{
            transform: translate(0,0);
        }
        55% {
            transform: translate(0,-52px);
        }
        75%{
            transform: translate(0,-104px);
        }
        100%{
            transform: translate(0,-156px);
        }
    
    }
    .form input {
        width: 30%;
    
    }.form button {
        padding: 7px 25px;
        width: 54%;
        margin-left: 10px;
    }

    .img-1 img {
        height: 270px;
        width: 345px;
    }
    .about-service .col {
        width: 30%;
    }
    .home-testimonial {
        padding: 5% 1%;
    }
    .home-testimonial .testimon-logo div:first-child {
        width: 30%;
    }
    .home-testimonial .testimon-logo p {
        font-size: 16px;
        text-align: left;
    }
    .home-testimonial .col {
        width: 80%;    
    }
    .home-testimonial h1 {
        font-size: 54px;
        font-weight: 300;
        font-family: guru-300;
    }
    .testimon-logo.d-flex {
        flex-direction: row !important;
    }
    .home-client-count {
        padding: 5% 1%;
    }
    .home-client-count .col {
        width: 96%;
        margin: 2%;
    }
    .home-client-count .col h1 {
        font-size: 54px;
        text-align: center;
        color: white;
        justify-content: center;
    }
    .home-client-count .col span {
        font-size: 54px;
        text-align: left;
        color: white;
        align-self: center;
    }
    .home-client-count .col p {
        text-align: center;
    }
    
    .justify-center-mobile{
        justify-content: center;
    }
    .home-founder-details {
        padding: 5% 1%;
    }
    .table-footer {
        padding: 0.5% 1%;
    }
    .ham-span p {
        top: -100px;
        left: 83%;
        font-size: 77px;
    }
    .mobile-menu {
        top: 55px;
    }
    .mobile-menu ul .active a {
        font-weight: 300;
        font-family: guru-300;
    }
    nav .main-menu ul {
        padding: 0;
    }
    .mobile-menu ul a {
        font-weight: 300;
    }
    nav .main-menu ul li a {
        font-family: guru-300;
        font-weight: 300;
    }
    nav .main-menu ul li a:hover {
        transition: 0.5s;
        background-color:#3E3E3E;
    }
    .landing {
        flex-direction: column-reverse;
        padding-top: 2em;
        padding-bottom: 2em;

    }
    .desktop-container {
        padding: 0 2%;
    }
    .landing .form{
        display: none;

    }
    .landing p:last-child{
        display: none;

    }
    .landing .slide-up p:last-child {
        display: block;
    }
    .half-width {
        width: 100%;
        padding-top: 0em;
        padding-bottom: 2em;
    }
    .digi-mark {
        flex-direction: column;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .digi-mark .half-width h1 {
        font-size: 56px;
    }
    .digi-mark .half-width p {
        font-size: 22px;
    }

    .home-about .half-width h1 {
        font-size: 56px;
    }
    .home-about .d-flex {
        flex-direction: column;
    }
    .home-about .half-width p {
        font-size: 22px;
    }
    .about-service .col {
        width: 70%;
        padding: 30px;
    }

    .home-founder {
        padding: 5% 2%;
    }
    .home-founder.d-flex {
        flex-direction: column;
    }

    .home-testimonial .d-flex{
        flex-direction: column;
    }
    .home-founder h1 {
        font-size: 54px;
        font-family: guru-300;
        margin: 10px 0;
    }
    .home-founder h2 {
        font-size: 36px;
        color: #ffffff;
        font-weight: 300;
        font-family: guru-300;
        margin: 10px 0;
    }
    .home-founder p {
        font-size: 22px;
        color: #ffffff;
        font-weight: 400;
        font-family: rale-400;
        margin: 10px 0;
        line-height: 1.5em;
        width: 100%;
    }

    .home-services {
        padding: 5% 2%;
    }
    .home-services .d-flex{
        flex-direction: column;
    }
    .home-services h1 {
        font-size: 54px;
        font-family: guru-300;

    }
    .home-services p {
        font-size: 22px;
        width: 95%;
        line-height: 1.5em;
    }
    .home-services .col {
        width: 80%;
        border: 3px solid #ffffff;
        padding: 35px;
        margin: 2%;
        margin-left: 0%;
    }
    .home-services .col h1 {
        font-size: 38px;
    }
    .home-services .col p {
        font-weight: 400;
    }

    .home-client-count .d-flex {
        flex-wrap: wrap;
    }

    .home-founder-details .d-flex{
        flex-direction: column;
        width: 95%;
    }
    .home-founder-details h1 {
        font-size: 54px;
        font-family: guru-300;
    }
    .home-client-count h1 {
        font-size: 54px;
        font-family: guru-300;
    }
    .footer-sections ul{
        list-style: none;
        margin: 0;
        padding-left: 3%;
    }
    .footer-sections ul li{
        padding: 8px 0;
        color: white;
        font-size: 16px;
        font-weight: 500;
        font-family: rale-400;
        text-decoration: none;
    }
    .footer-sections ul li a {
        color: white;
        font-size: 16px;
        font-weight: 500;
        font-family: rale-400;
        text-decoration: none;
    }
    .footer-sections ul li h1{
        color: #0083F2;
        font-size: 42px;
        font-weight: 400;
        font-family: guru-regular;
        text-align: left;
        margin: 10px 0;
    }
    .partner-site {
        padding: 2% 3%;
    }
    .partner-site:only-child {
        padding: 8px 0;
    }
    .home-contact {
        padding: 5% 1%;
    }
    .home-contact .d-flex:first-child{
        flex-direction: column;
    }
    .contact-form input {
        width: 90%;
        font-size: 18px;
    }
    .contact-form textarea {
        width: 90%;
        font-size: 18px;
    }
    .half-width img {
        width: 90%;
    }
}

@media (max-width:320px){
    .home-contact .d-flex{
        flex-direction: column;
    }
    body{
        overflow-x: hidden;
    }
    .home-contact .half-width:first-child {
        display: none; 
    }
    .home-contact .half-width {
        padding-top: 0 !important; 
    }
    .change-text h1 {
        font-size: 66px;
    }
    .landing .multitext {
        height: 44px;
    }
    .landing .multitext p {
        font-size: 44px;
    }
    .landing h2 {
        font-weight: 300;
    }
    .slide-up{
        animation-direction:alternate;
    }
    @keyframes slide-top {
        25%{
            transform: translate(0,0);
        }
        55% {
            transform: translate(0,-44px);
        }
        75%{
            transform: translate(0,-88px);
        }
        100%{
            transform: translate(0,-132px);
        }
    
    }
    .form input {
        width: 30%;
    
    }.form button {
        padding: 7px 25px;
        width: 54%;
        margin-left: 10px;
    }

    .img-1 img {
        height: 270px;
        width: 345px;
    }
    .about-service .col {
        width: 30%;
    }
    .home-testimonial {
        padding: 5% 1%;
    }
    .home-testimonial .testimon-logo div:first-child {
        width: 30%;
    }
    .home-testimonial .testimon-logo p {
        font-size: 16px;
        text-align: left;
    }
    .home-testimonial .col {
        width: 75%;    
    }
    .home-testimonial h1 {
        font-size: 54px;
        font-weight: 300;
        font-family: guru-300;
    }
    .testimon-logo.d-flex {
        flex-direction: row !important;
    }
    .home-client-count {
        padding: 5% 1%;
    }
    .home-client-count .col {
        width: 96%;
        margin: 2%;
    }
    .home-client-count .col h1 {
        font-size: 54px;
        text-align: center;
        color: white;
        justify-content: center;
    }
    .home-client-count .col span {
        font-size: 54px;
        text-align: left;
        color: white;
        align-self: center;
    }
    .home-client-count .col p {
        text-align: center;
    }
    
    .justify-center-mobile{
        justify-content: center;
    }
    .home-founder-details {
        padding: 5% 1%;
    }
    .table-footer {
        padding: 0.5% 1%;
    }
    .ham-span p {
        top: -100px;
        left: 83%;
        font-size: 77px;
    }
    .mobile-menu {
        top: 55px;
    }
    .mobile-menu ul .active a {
        font-weight: 300;
        font-family: guru-300;
    }
    nav .main-menu ul {
        padding: 0;
    }
    .mobile-menu ul a {
        font-weight: 300;
    }
    nav .main-menu ul li a {
        font-family: guru-300;
        font-weight: 300;
    }
    nav .main-menu ul li a:hover {
        transition: 0.5s;
        background-color:#3E3E3E;
    }
    .landing {
        flex-direction: column-reverse;
        padding-top: 4em;
        padding-bottom: 2em;

    }
    .desktop-container {
        padding: 0 2%;
    }
    .landing .form{
        display: none;

    }
    .landing p:last-child{
        display: none;
    }
    .landing .slide-up p:last-child {
        display: block;
    }
    .half-width {
        width: 100%;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .digi-mark {
        flex-direction: column;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .digi-mark .half-width h1 {
        font-size: 56px;
    }
    .digi-mark .half-width p {
        font-size: 22px;
    }

    .home-about .half-width h1 {
        font-size: 56px;
    }
    .home-about .d-flex {
        flex-direction: column;
    }
    .home-about .half-width p {
        font-size: 22px;
    }
    .about-service .col {
        width: 65%;
        padding: 30px;
    }

    .home-founder {
        padding: 5% 2%;
    }
    .home-founder.d-flex {
        flex-direction: column;
    }

    .home-testimonial .d-flex{
        flex-direction: column;
    }
    .home-founder h1 {
        font-size: 54px;
        font-family: guru-300;
        margin: 10px 0;
    }
    .home-founder h2 {
        font-size: 36px;
        color: #ffffff;
        font-weight: 300;
        font-family: guru-300;
        margin: 10px 0;
    }
    .home-founder p {
        font-size: 22px;
        color: #ffffff;
        font-weight: 400;
        font-family: rale-400;
        margin: 10px 0;
        line-height: 1.5em;
        width: 100%;
    }

    .home-services {
        padding: 5% 2%;
    }
    .home-services .d-flex{
        flex-direction: column;
    }
    .home-services h1 {
        font-size: 54px;
        font-family: guru-300;

    }
    .home-services p {
        font-size: 22px;
        width: 95%;
        line-height: 1.5em;
    }
    .home-services .col {
        width: 75%;
        border: 3px solid #ffffff;
        padding: 35px;
        margin: 2%;
        margin-left: 0%;
    }
    .home-services .col h1 {
        font-size: 38px;
    }
    .home-services .col p {
        font-weight: 400;
    }

    .home-client-count .d-flex {
        flex-wrap: wrap;
    }

    .home-founder-details .d-flex{
        flex-direction: column;
        width: 95%;
    }
    .home-founder-details h1 {
        font-size: 54px;
        font-family: guru-300;
    }
    .home-client-count h1 {
        font-size: 54px;
        font-family: guru-300;
    }
    .footer-sections ul{
        list-style: none;
        margin: 0;
        padding-left: 3%;
    }
    .footer-sections ul li{
        padding: 8px 0;
        color: white;
        font-size: 16px;
        font-weight: 500;
        font-family: rale-400;
        text-decoration: none;
    }
    .footer-sections ul li a {
        color: white;
        font-size: 16px;
        font-weight: 500;
        font-family: rale-400;
        text-decoration: none;
    }
    .footer-sections ul li h1{
        color: #0083F2;
        font-size: 42px;
        font-weight: 400;
        font-family: guru-regular;
        text-align: left;
        margin: 10px 0;
    }
    .partner-site {
        padding: 2% 3%;
    }
    .partner-site:only-child {
        padding: 8px 0;
    }

    .home-contact {
        padding: 5% 1%;
    }
    .home-contact .d-flex:first-child{
        flex-direction: column;
    }
    .contact-form input {
        width: 90%;
        font-size: 18px;
    }
    .contact-form textarea {
        width: 90%;
        font-size: 18px;
    }
}