﻿.parallelogram-up {
    width: 370px;
    height: 35px;
    transform: skew(-30deg);
    background: #810D0D;
    background: linear-gradient(90deg,rgba(129, 13, 13, 1) 0%, rgba(219, 29, 29, 1) 80%);
    margin-left: 250px;
}

.parallelogram-down {
    width: 600px;
    height: 40px;
    transform: skew(-30deg);
    background: #020021;
    background: linear-gradient(88deg,rgba(2, 0, 33, 1) 0%, rgba(102, 9, 9, 1) 19%, rgba(219, 29, 29, 1) 90%);
}

.parallelogram-container {
    position: relative;
    width: 500px; /* adjust as needed */
    height: 80px;
    display: inline-block;
}

.parallelogram-icon {
    position: absolute;
    top: 18%;
    left: 85%;
    /*transform: translate(-50%, -50%);*/
    color: black;
    z-index: 2; /* make sure it’s above the shapes */
}

.parallelogram {
    width: 500px;
    height: 65px;
    transform: skew(-30deg);
    background: #810D0D;
    background: linear-gradient(90deg,rgba(129, 13, 13, 1) 0%, rgba(219, 29, 29, 1) 80%);
    margin-left: 20px;
    margin-top: 36px;
    margin-bottom: -30px;
}

.parallelogram-title {
    width: 1700px;
    overflow: hidden;
    position: relative;
    height: 120px;
    transform: skew(-30deg);
    background: #000000;
    background: linear-gradient(157deg, rgba(0, 0, 0, 1) 10%, rgba(102, 9, 9, 1) 45%, rgba(205, 12, 12, 1) 80%);
    margin-left: 0px;
}

.parallelogram-container-footer { /* adjust as needed */
    display: inline-flex;
    margin-top: 50px;
    margin-bottom: -30px;
    overflow: hidden;
    position: relative;
}

.inside-title {
    position: absolute;
    top: 5%;
    left: 38%;
    /*transform: translate(-50%, -50%);*/
    color: white;
    z-index: 2; 
    font-size:28px;
    font-weight: 600;
}

.sub-title {
    position: absolute;
    top: 35%;
    left: 38.3%;
    /*transform: translate(-50%, -50%);*/
    color: white;
    z-index: 2;
    font-size: 12px;
}

.sub-title-2 {
    position: absolute;
    top: 55%;
    left: 39.8%;
    /*transform: translate(-50%, -50%);*/
    color: white;
    z-index: 2;
    font-size: 12px;
}