@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

* {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

footer {
    background-color: #ff6102;
    padding         : 30px 0 0 0;
    color           : #fff;
}

.foot-bottom {
    background-color: #000;
    color           : #fff;
    padding         : 6px 0px;
}

ul.pipe-between li:not(:last-child) {
    border-right : 1px solid #fff;
    padding-right: 10px;
}

.form-background {
    background         : url(img/form-background.png);
    background-size    : cover;
    background-position: center center;
    padding            : 120px 0px;
}

.form-background label {
    color         : #fff;
    text-transform: uppercase;
}

.form-background input {
    margin-bottom   : 10px;
    border          : 0px;
    border-radius   : 0px;
    border-bottom   : 1px solid #fff;
    color           : #fff;
    background-color: transparent;
}

.form-background input:focus {
    color           : #fff;
    border          : 0px;
    border-radius   : 0px;
    border-bottom   : 1px solid #fff;
    background-color: transparent;
}

.form-background textarea {
    background-color: rgba(255, 255, 255, 0.2);
    border          : 0px;
    border-radius   : 0px;
    ;
    color: #fff;
}

.form-background textarea:focus {
    color           : #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border          : 0px;
    border-radius   : 0px;
    ;
}

.form-background button {
    background-color: #ff6102;
    color           : #fff;
    border-radius   : 0px;
    margin          : 20px 0;
}

.our-services {
    background     : url('img/services-background.png');
    background-size: cover;
    color          : #fff;
    padding        : 120px 0px;
}

@media screen and (min-width:991px) {
    .our-services {
        padding  : 200px 0px;
        clip-path: polygon(0 8%, 100% 1%, 100% 92%, 0% 100%);
    }

    .form-background {
        /* padding:200px 0px; */
        /* padding: 200px 0px; */
        clip-path  : polygon(0 18%, 100% 1%, 100% 100%, 0% 100%);
        margin-top : -168px;
        padding-top: 180px;
    }
}

.our-services .service-block .block {
    background-color: rgba(255, 255, 255, 0.2);
    color           : #fff;
    padding         : 20px;
    border-radius   : 10px;
    margin-bottom   : 20px;
    height          : 100%;
}

.our-services .service-block {
    margin-bottom: 20px;
}


header {
    background       : url('img/background.png');
    padding-bottom: 60px;
    overflow         : hidden;
}

header::after {
    display: none;
}

.hand {
    display: none;
}

@media screen and (min-width:1200px) {
    header {
        /* padding-bottom:0px; */
        clip-path: polygon(0 0, 100% 0, 100% 86.4%, 0% 100%);
    }

    .hand {
        display: block;
    }

    header::after {
        content: "";
        position: relative;
        width: 100%;
        height: 10px;
        background-color: #343693;
        display: block;
        transform: rotate(-3.5deg);
        top: 8px;
        left: 100px;
    }
    .content::after{
        content: "";
        position: relative;
        width: 2000px;
        height: 9px;
        background-color: #ff6102;
        display: block;
        transform: rotate(-3.5deg);
        top: -3px;
        left: -133px;
    }
}


header h2 {
    color        : #ff6102;
    margin-top   : 40px;
    margin-bottom: 0px;
}

header h1 {
    color: #000;
}

header .btn-blue {
    background-color: #343693;
    color           : #fff;
}

header .nav-item .nav-link {
    color  : #000 !important;
    padding: 0 14px !important;
}

header nav ul li:not(:last-child) {
    border-right: 1px solid #000;
}

header .nav-item.active .nav-link {
    color: #ff6102 !important;

}

.topbar {
    margin-bottom: -20px;
    margin-top   : 10px;
}

.btn-orange {
    background-color: #ff6102;
    color           : #fff;
}

.para-sec p {
    text-align: justify !important;
}

.platforms {
    padding-top   : 60px;
    padding-bottom: 60px;
}

.platforms .orange-box {
    background-color: #ff6102;
    color           : #fff;
    padding         : 10px;
    height          : 100%;
}

.platforms img {
    margin: 10px 0px;
}

.platforms .btn-dark {
    background-color: black !important;
    width           : 60%;
    margin-bottom   : 20px;
}

.platforms .orange-box {
    display        : flex;
    flex-direction : column;
    justify-content: space-between;
    align-items    : center;
}

.platforms .col-md-3 {
    margin-bottom: 10px;
}


@media screen and (max-width:991px) {
    header .topbar {
        display: none;
    }
}


.bar-or::after {
    width           : 10%;
    height          : 4px;
    display         : block;
    content         : "   ";
    margin          : auto;
    margin-top      : 10px;
    background-color: #ff6102;
}

.bar-white::after {
    width           : 10%;
    height          : 4px;
    display         : block;
    content         : "   ";
    margin          : auto;
    margin-top      : 10px;
    margin-bottom   : 30px;
    background-color: #fff;
}