.form-footer-wrap
{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    position: relative;

        & .frm-arrow {
        position: absolute;
        left: 0;
        right: 0;
        margin: -60px auto 0px;
        top: 0;
        z-index: 1;
        max-width: 65px;
        filter: brightness(0) saturate(100%) invert(72%) sepia(76%) saturate(5244%) hue-rotate(158deg) brightness(99%) contrast(101%);
    }

    .form-footer-left{
        width: calc(50% - 275px);
        max-width: 370px;
        transform: rotate(-10deg);
        transform-origin: 100% 80%;

        .small-label{
          font-size:24px;  
        }
    }
    .form-footer-center{
        width:550px;
        position: relative;
    }
    .form-footer-right{
       width:calc(50% - 275px);  
       max-width:260px;
       transform: rotate(10deg);
        transform-origin:0% 80%;
    }
    ul.form-list-ul {
        list-style-type: none;
        margin: 0 0 70px 0;
        padding: 0;
    }
    & li{
        margin:0;
        padding:0;
    }
    & li:not(:last-child){
        margin-bottom:20px;
    }
    .form-list-li{
           display: flex;
        flex-wrap: wrap;
        align-items: center;
        background-color: rgb(0 179 230 / 30%);
        border-radius:80px;
                padding: 10px;
    }
    .form-list-icon{
        width:48px;
        height:48px;
        background-color:var(--white);
        border-radius:100%;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
        & img{
            filter: brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(2315%) hue-rotate(204deg) brightness(98%) contrast(105%);
        }
    }
    .form-list-info{
        width:calc(100% - 48px);
        color:var(--white);
        font-weight:var(--font-weight-bold);
        font-style:italic;
        font-size:20px;
        line-height:1.1;
        padding-left:14px;
    }

        .frm-rating {
            border: 2px dashed #FEC600;
            border-radius: 10px;
            padding: 18px;
            font-size: 16px;
            color: var(--white);
            font-weight: var(--font-weight-bold);
            font-style: italic;
            display: flex;
            flex-wrap: wrap;
            margin-bottom:70px;
            & img{
                max-width:165px;
            }
        }
        .frm-poject {
            background-color: var(--primary-blue);
            border-radius: 30px;
            padding: 40px;
            max-width:225px;
        }
        .pr-no{
            font-size:60px;
            font-family:var(--font-head-family);
            color:var(--white);
            line-height:1;
            margin-bottom:40px;
            letter-spacing:2px;
        }
        .pr-info p{
          font-size:20px;
          color:var(--white);
          line-height:24px;  
          font-weight:var(--font-weight-semibold);
        }
}

.form-section 
{
    border-radius:60px 60px 0 0;
    .content-width {
        margin-bottom:90px;
        p{
            font-size:20px;
            color:var(--white); 
       }
    }
}


/*------- media ------*/

@media(max-width:1599.98px) {
    .form-footer-wrap{
        .form-footer-left{
            transform:rotate(-4deg);
            transform-origin: 100% 0%;
        }
        .form-footer-right {
            transform: rotate(4deg);
            transform-origin: 0% 0%;
        }
    }
}

@media(max-width:1439.98px) {

    .form-footer-wrap {
        .form-footer-center {
            width:500px;
            padding:0 10px;
        }
        .form-footer-left{
            width:calc(50% - 250px);
            transform-origin: 100% 40%;
        }
        .form-footer-right{
            width: calc(50% - 250px); 
            transform-origin: 0% 40%; 
        }
    }

}

@media(max-width:1199.98px) {
   .form-footer-wrap {
        .form-footer-left {
            width: calc(50% - 200px);
            transform-origin: 0;
            transform: rotate(0deg);
                    .small-label {
            font-size: 22px;
            line-height: 26px;
        }
        }
        .form-footer-right {
            width: calc(50% - 200px);
            transform-origin: 0 0;
            transform: rotate(0deg);
        }
        .form-footer-center {
            width:400px;
            transform-origin: 0 0;
            transform: rotate(0deg);
        }
        & li:not(:last-child) {
            margin-bottom: 15px;
        }
        .form-list-icon{
            width:36px;
            height:36px;
        }
        .form-list-info{
           width: calc(100% - 36px);
           padding-left: 10px;
           font-size:16px;
        }

        ul.form-list-ul{
            margin:0 0 50px 0;
        }
        .frm-rating{
           margin-bottom:50px; 
        }
        .frm-poject{
            padding:30px;
        }
        .pr-no{
            font-size:40px;
            margin-bottom:20px;
        }
        .pr-info p{
            font-size:18px;
        }
    } 
}

@media(max-width:991.98px) {
    .form-footer-wrap {
        .form-footer-left {
            width:calc(100% - 260px);
            order:1;
            padding-right:30px;
            max-width:100%;
        }
        .form-footer-center{
            width:100%;   
            order:3;
            padding:0;
            margin:30px 0 0 0;
        }
        .form-footer-right{
            width:260px;
            order:2;
        }
        & .frm-arrow{
            display:none;
        }
    }
    .form-section {
        .content-width {
            margin-bottom:40px;
        }
    }
	.form-section {
    border-radius: 30px 30px 0 0;
}
}

@media(max-width:767.98px) {
      .form-footer-wrap {
        .form-footer-left {
            width: calc(100% - 200px);
        }
        .form-footer-right {
            width: 200px;
            order: 2;
        }
        .frm-rating {
            margin-bottom: 20px;
            padding: 14px;
            font-size: 14px;
            line-height: 16px;
            & img{
                margin-bottom:5px;
            }
        }
        .frm-poject {
            padding: 20px;
            max-width: 100%;
        }
        .pr-no {
            font-size: 30px;
            margin-bottom: 10px;
        }
        .pr-info p {
            font-size: 14px;
        }
    }  

    .form-section {
       .content-width{
        margin-bottom:30px;
        & p{
            font-size:16px;
        }
       } 

    }
}

@media(max-width:575.98px) {
    .form-footer-wrap {
        .form-footer-left {
            width:100%;
            padding-right:0;
            margin-bottom:30px;
        }
        .form-footer-center{

        }
        .form-footer-right{
                        width: 100%;
            margin: 0 auto;
        }
					.frm-poject{
						border-radius:10px;
					}
    }
	
	.form-section {
    border-radius: 10px 10px 0 0;
}
}