.flows-work {

    flex: 0 0 98.1%;

    display: flex;

    /* align-items: stretch; */

    /* max-width: 100%; */

    align-content: stretch;

    justify-content: center;

}





::-webkit-scrollbar {

    width: 15px;

}



::-webkit-scrollbar-track {

    background: #d1e5ff;

}



::-webkit-scrollbar-thumb {

    background: linear-gradient(#642bff, #ff22e6);

    border-radius: 10px;

}













body {

    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



a {

    -webkit-transition: .3s all ease;

    -o-transition: .3s all ease;

    transition: .3s all ease;

}



a,

a:hover {

    text-decoration: none !important;

}



.content {

    height: 40vh;

}



.footer-14398 {

    padding: 3rem 0;

    background: #000000;

    color: #777;

    position: relative;



}



.footer-14398 .footer-site-logo {

    color: #fff;

    font-size: 26px;

    font-weight: bold;

    margin-bottom: 30px;

    display: block;

}



.footer-14398 h3 {

    color: #fff;

    font-size: 14px;

    font-family: "roboto", sans-serif !important;
    
    

    margin-bottom: 20px;

}



.footer-14398 .links li {

    font-size: 12px;

    margin-bottom: 10px;

}



.footer-14398 .links li a {

    color: #999;

    font-family: "roboto", sans-serif !important;

}



.footer-14398 .links li a:hover {

    color: #fff;

}



.footer-14398 .link-menu li {

    display: inline-block;

}



.footer-14398 .link-menu li a {

    color: #fff;

    display: inline-block;

    padding: 10px;

}



.footer-14398 .link-menu.nav-left li:first-child a {

    padding-left: 0;

}



.footer-14398 .link-menu.nav-right li:last-child a {

    padding-left: 0;

}



.footer-14398 .social li {

    display: inline-block;

}



.footer-14398 .social li a {

    display: inline-block;

    padding: 10px;

    color: #ccc;

}



.footer-14398 .social li:last-child a {

    padding-right: 0;

}



.footer-14398 .line {

    border-top: 1px solid rgba(255, 255, 255, 0.2);

}



.footer-59391 {

    border-top: 1px solid #efefef;

    background-color: #fff;

    font-family: "roboto", sans-serif;

    padding: 4rem 0;

}



.footer-59391 .site-logo a {

    font-size: 30px;

    color: #3e64ff;

    font-weight: 900;

}



.footer-59391 .nav-links li {

    display: inline-block;

}



.footer-59391 .nav-links li a {

    color: #777;

    padding: 10px;

}



.footer-59391 .nav-links li a:hover {

    color: #3e64ff;

}



.footer-59391 .nav-links.nav-left li:first-child {

    padding-left: 0;

}



.footer-59391 .nav-links.nav-right li:last-child {

    padding-right: 0;

}



.footer-59391 .copyright {

    border-top: 1px solid #efefef;

    padding-top: 50px;

    text-align: center;

    color: #777;

}



.footer-59391 .subscribe .form-group {

    margin-bottom: 0;

    padding-bottom: 0;

    position: relative;

}



.footer-59391 .subscribe .form-group input[type="email"] {

    height: 45px;

    border: none;

    background: #e6e6e6;

}



.footer-59391 .subscribe .form-group input[type="email"]:focus,

.footer-59391 .subscribe .form-group input[type="email"]:active {

    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.footer-59391 .subscribe .form-group input[type="email"]::-webkit-input-placeholder {

    color: #b3b3b3;

    font-size: 14px;

}



.footer-59391 .subscribe .form-group input[type="email"]::-moz-placeholder {

    color: #b3b3b3;

    font-size: 14px;

}



.footer-59391 .subscribe .form-group input[type="email"]:-ms-input-placeholder {

    color: #b3b3b3;

    font-size: 14px;

}



.footer-59391 .subscribe .form-group input[type="email"]:-moz-placeholder {

    color: #b3b3b3;

    font-size: 14px;

}



.footer-59391 .subscribe .form-group button {

    position: absolute;

    border: none;

    background: none;

    font-size: 1.5rem;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    top: .5rem;

    right: .3rem;

    line-height: 0;

}



.footer-59391 .subscribe .form-group button:focus,

.footer-59391 .subscribe .form-group button:active {

    outline: none;

}



.footer-59391 .social li {

    display: inline-block;

    position: relative;

}



.footer-59391 .social li a {

    position: relative;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    display: inline-block;

    margin: 0;

    padding: 0;

    background-color: #e6e6e6;

    color: #333333;

}



.footer-59391 .social li a>span {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.footer-59391 .social li a:hover {

    color: #3e64ff;

}



.footer-95942 {

    padding: 7rem 0;

    font-family: "roboto", sans-serif;

}



.footer-95942 .nav-links li {

    display: block;

    margin-bottom: 10px;

}



.footer-95942 .nav-links li a {

    font-size: 14px;

    color: #777;

}



.footer-95942 .nav-links li a:hover {

    color: #4200ff;

}



.footer-95942 .social.app {

    font-size: 13px;

}



.footer-95942 .social li {

    display: inline-block;

}



.footer-95942 .social li a {

    display: inline-block;

    padding: 10px;

    color: #ccc;

}



.footer-95942 .social li a:hover {

    color: #4200ff;

}



.footer-95942 .social.nav-left li:first-child a {

    padding-left: 0px;

}



.footer-95942 .social.nav-right li:last-child a {

    padding-right: 0px;

}



.footer-95942 h3 {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 20px;

}



.footer-48201 {

    padding: 7rem 0;

    background-color: #000;

    color: #777;

}



.footer-48201 .footer-site-logo {

    font-size: 1.5rem;

    color: #fff;

}



.footer-48201 .nav-links li {

    margin-bottom: 10px;

}



.footer-48201 .nav-links li a {

    color: gray;

}



.footer-48201 .nav-links li a:hover {

    color: #fff;

}



.footer-48201 .btn.btn-tertiary {

    background-color: #e42c64;

    color: #fff;

    border-radius: 30px;

    border: none;

    padding: 10px 20px;

}



.footer-48201 .social li {

    display: inline-block;

}



.footer-48201 .social li a {

    color: gray;

    padding: 7px;

}



.footer-48201 .social li a:hover {

    color: #fff;

}



.footer-48201 .copyright {

    border-top: 1px solid #404040;

}



.footer-99382 {

    padding: 2rem 0;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    color: #777;

    position: relative;

    font-family: "roboto", sans-serif;

}



.footer-99382:before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);

}



.footer-99382 h3 {

    font-size: 16px;

    font-weight: bold;

    color: #fff;

    margin-bottom: 30px;

}



.footer-99382 .footer-site-logo {

    font-size: 1.5rem;

    color: #fff;

}



.footer-99382 .nav-links li {

    margin-bottom: 10px;

}



.footer-99382 .nav-links li a {

    color: #999999;

}



.footer-99382 .nav-links li a:hover {

    color: #fff;

}



.footer-99382 .btn.btn-tertiary {

    background-color: #e42c64;

    color: #fff;

    border-radius: 30px;

    border: none;

    padding: 10px 20px;

}



.footer-99382 .social li {

    display: inline-block;

}



.footer-99382 .social li a {

    color: gray;

    padding: 7px;

}



.footer-99382 .social li a:hover {

    color: #fff;

}



.footer-99382 .copyright {

    border-top: 1px solid #595959;

}



.footer-16371 {

    padding: 7rem 0;

    font-family: "roboto", sans-serif;

}



.footer-16371 .footer-site-logo {

    text-align: center;

    font-size: 2rem;

    font-weight: 900;

}



.footer-16371 .footer-site-logo a {

    color: #4200ff;

}



.footer-16371 .nav-links {

    padding: 0;

    margin: 0;

}



.footer-16371 .nav-links li {

    display: inline-block;

}



.footer-16371 .nav-links li a {

    padding: 10px;

    color: #000;

}



.footer-16371 .nav-links li a:hover {

    color: #4200ff;

}



.footer-16371 .social h3 {

    font-weight: bold;

    font-size: 18px;

    color: #000;

}



.footer-16371 .social ul li {

    display: inline-block;

}



.footer-16371 .social ul li a {

    display: inline-block;

    padding: 10px;

}



.footer-16371 .social ul li.in a {

    color: #df588a;

}



.footer-16371 .social ul li.tw a {

    color: #15b8ff;

}



.footer-16371 .social ul li.fb a {

    color: #3742d0;

}



.footer-16371 .social ul li.dr a {

    color: #fa38c1;

}



.footer-16371 .social ul li.pin a {

    color: #dd4d5a;

}



.footer-16371 .copyright {

    color: #999999;

}



.footer-39201 {

    padding: 7rem 0;

    color: #9d9d9d;

}



.footer-39201 .subscribe {

    position: relative;

}



.footer-39201 .subscribe .form-control {

    background-color: #e6e6e6;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 30px;

    height: 50px;

    padding-left: 30px;

    padding-right: 130px;

    border: none;

    color: #000;

}



.footer-39201 .subscribe .form-control::-webkit-input-placeholder {

    color: #b3b3b3;

    font-style: italic;

    font-size: 14px;

}



.footer-39201 .subscribe .form-control::-moz-placeholder {

    color: #b3b3b3;

    font-style: italic;

    font-size: 14px;

}



.footer-39201 .subscribe .form-control:-ms-input-placeholder {

    color: #b3b3b3;

    font-style: italic;

    font-size: 14px;

}



.footer-39201 .subscribe .form-control:-moz-placeholder {

    color: #b3b3b3;

    font-style: italic;

    font-size: 14px;

}



.footer-39201 .subscribe .btn-submit {

    background: #614ad3;

    height: 40px;

    border-radius: 30px;

    padding-left: 30px;

    padding-right: 30px;

    color: #fff;

    font-weight: bold;

    position: absolute;

    top: 5px;

    right: 5px;

    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

}



.footer-39201 h3 {

    font-size: 16px;

    font-weight: 900;

    color: #000;

    margin-bottom: 20px;

}



.footer-39201 .nav-links li {

    display: block;

    margin-bottom: 10px;

}



.footer-39201 .nav-links li a {

    color: #9d9d9d;

}



.footer-39201 .nav-links li a:hover {

    color: #614ad3;

}



.footer-39201 .social li {

    display: inline-block;

}



.footer-39201 .social li a {

    display: inline-block;

    padding: 10px;

    color: #9d9d9d;

}



.footer-39201 .social li a:hover {

    color: #614ad3;

}



.ct-text-footer {

    color: rgb(90 90 90) !important;

}







.fa-test {

    font-size: 25px;

}



.spans {

    font-size: 16px;

    font-weight: bolder;

    color: #fff;

}







/* SCROLL PART  START */

::-webkit-scrollbar {

    width: 9px;

}



::-webkit-scrollbar-track {

    background: #d1e5ff;

}



::-webkit-scrollbar-thumb {

    background: linear-gradient(#642bff, #ff22e6);

    border-radius: 3px;

}



#headerabout {

    font-family: 'Roboto, sans-serif';

    font-weight: bolder;

    text-transform: uppercase;

    /* margin-left: -18rem; */

    font-size: 2rem;

    top: 180px;

    /* position: relative; */

    /* left: -9rem; */

    display: flex;

    /* justify-content: left; */

    position: relative;

}



#headerabouts {

    font-family: 'Roboto, sans-serif';

    font-weight: bolder;

    text-transform: uppercase;

    /* margin-left: -18rem; */

    font-size: 2rem;

    top: 52px;

    width: 100%;

    /* position: relative; */

    /* left: -9rem; */

    display: flex;

    /* justify-content: left; */

    position: relative;

}









#designcontent {

    font-family: 'Roboto, sans-serif';

}



/* SCROLLL PART END */



#designcontents {

    font-family: roboto, sans-serif;

    ;

    font-weight: bolder;

}



#designcontentss {

    font-family: "roboto", sans-serif;

    ;



}





@media (max-width: 480px) {



    .footer-14398 {

        padding: 3rem 0;

        background: #000000;

        color: #777;

        position: relative;



    }

}



@media (max-width: 360px) {



    .footer-14398 {

        padding: 3rem 0;

        background: #000000;

        color: #777;

        position: relative;



    }

}