.font{
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
 body{
    background-color: black;
} 

.sec2{
    background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
linear-gradient(90deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.623762) 9.34%, rgba(0, 0, 0, 0.564755) 18.51%, rgba(0, 0, 0, 0.329603) 49.94%, rgba(0, 0, 0, 0.516592) 78.27%, rgba(0, 0, 0, 0.601088) 89.24%, rgba(0, 0, 0, 0.66) 100%)
, url(../image/6cea4a1fa3aa929a406486126931b52179724c53.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 105px;
    
}
.one{
    height: 500px;
    border: 10px solid #FEFEFE33;
    position: relative;
    }
    .second{
        position: absolute;
    }
.head{
    color: white;
    border-bottom: 3px solid #FF6709;
    width: 180px;
}
.two{
    background-color: #FF67098C;
    height: 800px;
    transform: skew(-20deg);
    margin-top: 0px;
}
.third{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 540px;
    background-color: #FF6709;
    margin-left: 90px;
    span{
        transform: rotate(280deg);
    }
}
.sec3{
    position: relative;
    bottom: 60px;
}
.sec5{
    background-image: linear-gradient(#000000B2),url(../image/6cea4a1fa3aa929a406486126931b52179724c53.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}
.sec6-one{
    background-image: linear-gradient(#0000004D),url(../image/9c112131e681a55bb92e4c044d832bdf452f71c5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 430px;
    h2{
        color: white;
        font-size: 32px;
        font-weight: 700;
    }
}
.sec6-two{
    background-image: linear-gradient(#0000004D),url(../image/aba3058824b44ef0c8e89deb25dd46278dad93a5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 430px;
    h2{
        color: white;
        font-size: 32px;
        font-weight: 700;
    }
}
.sec6-three{
    background-image: linear-gradient(#0000004D),url(../image/532ecbd6f89ddd2e39a01f1fe893b5f165b1c00d.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 430px;
    h2{
        color: white;
        font-size: 32px;
        font-weight: 700;
    }
}


@media (max-width:991px) {
    .two{
    transform: skew(0deg) ;
    margin-bottom: 50px;
    height: 100%;
    }
    .third{
span{
        transform: rotate(0deg);
    }
    flex-direction: row;
    transform: skew(0deg) ;
    height: 100%;
    margin-right: 50px;
    }
.sec3{
    bottom: 0px;
}

}