.about-frontview {
    width: 98%;
    margin: 0vw 0vw 3vw 1.5vw;
    font-family: "Lexend Deca", sans-serif;

}

.abtfv {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/webimages/abtsfv.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 98%;
    height: 45vw;

}

.abtfv h1 {
    font-size: 7vw;
}

.abtfv h5 {
    padding: 1vw 0vw 0vw 0vw;
    font-size: 1.5vw;
    font-weight: 500;
}

@media(max-width:430px) {
    .abtfv {
        height: 60vw;
    }

    .abtfv h1 {
        font-size: 9vw;
        font-weight: 100;
    }

    .abtfv h5 {
        font-size: 2.5vw;
    }
}

/*OURPORTFOLIO SECOND VIEW */

.service-secv {
    position: relative;
    width: 100%;
    margin: 17vw 0vw 8vw 0vw;
}

.service-secv h4 {

    letter-spacing: 4px;
    font-weight: 100;
    font-family: "Nunito", sans-serif;
    font-size: 1.5vw;
    padding: 0vw 4vw 0vw 9vw;

}

.service-secv h3 {
    font-size: 4vw;

    font-weight: 100;
    font-family: "Nunito", sans-serif;
    padding: 0vw 4vw 3vw 9vw;

}

.hr-lines:after {
    margin: -1vw 0vw 0vw 20vw;
    content: " ";
    height: 2px;
    width: 80%;
    background: rgb(121 116 116);
    display: block;
}

.hsr-txt {

    width: 82%;
    padding: 0vw 0vw 0vw 9vw;
}

.hsr-txt p {

    font-size: 1.4vw;
    font-weight: 50;
    color: #cacaca;
    padding: 0vw 0vw 0vw 0vw;
    font-family: "Montserrat", sans-serif;
    text-align: justify;
}


.hsr-txt p span {
    color: #fff;
    font-size: 1.5vw;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
}


@media(max-width:800px) {

    .service-secv h3 {
        font-size: 5vw;
    }

    .hsr-txt p {
        font-size: 2vw;
        margin: 0vw 7vw 0vw 0vw;
        padding: 0vw 3vw 0vw 0vw;
    }

    .hsr-txt p span {
        font-size: 2.2vw;
    }



    .hr-lines:after {
        margin: -1vw 0vw 0vw 27vw;
        width: 72%;
    }
}

@media(max-width:430px) {
    .service-secv {

        margin: 20vw 0vw 8vw 0vw;
    }

    .service-secv h3 {
        font-size: 7vw;
    }

    .hsr-txt {
        flex-direction: column;
    }

    .hsr-txt p {
        font-size: 4vw;
        margin: 0vw 0vw 0vw 0vw;
        padding: 0vw 3vw 0vw 0vw;
        text-align: justify;
    }

    .hsr-txt p span {
        font-size: 4.2vw;
    }



    .service-secv h4 {
        font-size: 3vw;
    }

    .hr-lines:after {
        margin: 0vw 0vw 0vw 0vw;
        width: 90%;
    }
}


/* VIDEOS CREATED BY OCEAN */

.whycu {
    margin: 4vw 2vw 10vw 2vw;
}

.whycu-main {
    /*display: flex;*/
}

.whycu h5 {
    font-family: "Nunito", sans-serif;
    white-space: nowrap;
    font-size: 2.4vw;
    font-weight: 100;
    margin-bottom: 2vw;
}

.hr-lines:after {
    margin: -1vw 0vw 0vw 11vw;
    content: " ";
    height: 2px;
    width: 83%;
    background: rgb(121 116 116);
    display: block;

}

.wcud1 {
    display: flex;
    justify-content: space-around;
}

.wcud2 {
    display: flex;
    justify-content: space-around;

}

.wcudata {
    width: 22vw;
    height: 25vw;

}

.wcudata video {
    object-fit: cover;
    width: 22vw;
    height: 14vw;
    border-radius: 4px 4px 0px 0px;
    filter: grayscale(0%);
}

.txt-data {
    height: 6.3vw;
    padding: 1.5vw;
    margin: -1vw 0vw 0vw 0vw;
    background-color: #353333;
    transition: 0.3s ease-in;
    border-radius: 0px 0px 4px 4px;

}

.txt-data h6 {
    font-size: 1.2vw;
    font-family: open sans, sans-serif;
    margin: 0vw 0vw 1vw 0vw;
}

.txt-data p {

    font-size: 0.8vw;
    font-family: open sans, sans-serif;
}


.txt-data:hover {
    background-color: #d1cccc;
    color: #2c2c2c;
    border: 1px solid;
}

@media(max-width:430px) {
    .whycu {
        margin: 4vw 10vw 10vw 9vw;
    }

    .whycu h5 {
        font-size: 5.4vw;
    }

    .hr-lines:after {
        margin: -1vw 0vw 0vw 26vw;
        content: " ";
        height: 2px;
        width: 54%;
        background: rgb(121 116 116);
        display: block;
    }

    .whycu-main {
        display: flex;
    }

    .wcud1 {
        flex-direction: column;
    }

    .wcud2 {
        flex-direction: column;
    }

    .wcudata {
        margin: 0vw 3vw 0vw 0vw;
        width: 40vw;
        height: 48vw;
    }

    .wcudata video {
        width: 40vw;
        height: 25vw;
    }

    .txt-data {
        height: 17vw;
    }

    .txt-data h6 {
        font-size: 2.5vw;

    }

    .txt-data p {
        font-size: 1.8vw;
    }

}

/*home cta start*/

.homecta {
    margin: 2vw 4vw 4vw 4vw;
    text-align: center;
    font-family: "Open Sans", sans-serif;

}

.homecta h1 {
    font-size: 4vw;
    font-weight: 300;
    background: linear-gradient(to right, #f32170,
            #ff6b08, #cf23cf, #eedd44);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.homecta h1:last-child::after {
    margin: 1vw 0vw 0vw 25vw;
    content: " ";
    height: 2px;
    width: 40vw;
    background: linear-gradient(to right, #f32170,
            #ff6b08, #cf23cf, #eedd44);

    display: block;
}

@media(max-width:430px) {
    .homecta h1 {
        font-size: 6.5vw;
    }

    .homecta h1:last-child::after {
        margin: 1vw 0vw 0vw 16vw;

        height: 1px;
        width: 58vw;
    }
}

/* home cta end */
hr {
    width: 80%;
    margin: 10vw 0vw 0vw 8vw;
    color: #ffffff;
}