@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body{
    background-image: none!important;
    background-color: #fff!important;
    font-family: "Outfit", sans-serif;
    hyphens: none;
}
body *,
h1, h2, h3, h4, h5, h6
{
    font-family: "Outfit", sans-serif;
}
.layout-main-wrapper{
    padding-top: 108px;
}
.gas-oil-node-type-add-project .layout--content-medium, .gas-oil-node-type-add-project .layout--pass--content-medium > * {
    grid-column: 1 / 13;
}
.gas-oil-node-type-add-project .block-browser-back-button{
    margin-bottom: 61px;
    margin-block-end: 61px !important;
}
.user-login-page .layout-main-wrapper, .user-register-page .layout-main-wrapper{
    padding-top: 30px;
}
.layout-main-wrapper .main-content__container{
    padding-top: 20px;
}
.page-wrapper{
    margin: 0 auto;
}
.text-content, .cke_editable{
    font-family: inherit!important;
    font-weight: 200;
}
.gas_oil_page .container{
    margin: 0 auto;
}
.site-header__inner__container .site-branding{
    flex: 0 0 26.333333%!important;
}
.block-browser-back-button{
    grid-column: 1 / 13!important;
    margin-bottom: -22px;
    margin-block-end: -22px!important;
    font-weight: 900;
    font-size: 18px;
    line-height: 144%;
    color: #1b1d28;
    cursor: pointer;
}


input{
    outline: none!important;
}
#back-button-wrapper button{
    background: 0;
    padding: 0;
    border: none;
    font-weight: 900;
    font-size: 18px;
    line-height: 144%;
    color: #1b1d28;
    outline: none;
    cursor: pointer;
}


/* header */

.site-header__initial{
    display: none;
}
.site-header__inner{
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff;
}
.site-header__inner__container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.site-header__inner__container .site-branding{
    flex: 0 0 33.3333333%;
}
.site-header__inner__container .header-nav{
    flex: 50%;
    justify-content: space-between!important;
}
.site-header__inner__container .header-nav .primary-nav__menu a{
    width: fit-content;
    font-weight: 500;
    color: #1b1d28;
    border-radius: 10px;
    outline: none;
    transition: .3s;
}
.site-header__inner__container .header-nav .primary-nav__menu a:before{
    display: none;
}
.site-header__inner__container .header-nav .primary-nav__menu a:focus,
.site-header__inner__container .header-nav .primary-nav__menu a:target
{
    background-color: #fff;
    color: #1b1d28;
}

.site-header__inner__container .header-nav .primary-nav__menu a:hover,
.site-header__inner__container .header-nav .primary-nav__menu a.active
{
    color: #fff;
    background-color: #1b1d28;
}
.site-header__inner__container .header-nav .primary-nav__menu a span{
    padding: 6px 12px;
}
.site-header__inner__container .header-nav .primary-nav__menu a span:after{
    display: none;
}
.site-header__inner__container .header-nav .primary-nav__menu a.pro-tab{
    display: flex;
    align-items: center;
}
.site-header__inner__container .header-nav .primary-nav__menu a.pro-tab:after{
    content: '';
    position: absolute;
    left: calc(100% - 6px);
    width: 32px;
    height: 25px;
    background-image: url('data:image/svg+xml,<svg width="32" height="25" viewBox="0 0 32 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6C0 2.68629 2.68629 0 6 0H26C29.3137 0 32 2.68629 32 6V19C32 22.3137 29.3137 25 26 25H6C2.68629 25 0 22.3137 0 19V6Z" fill="%236CC85E" /><path d="M8.256 12.916V11.452H10.08C10.312 11.452 10.524 11.404 10.716 11.308C10.908 11.212 11.06 11.072 11.172 10.888C11.284 10.704 11.34 10.48 11.34 10.216C11.34 9.96 11.284 9.74 11.172 9.556C11.06 9.372 10.908 9.232 10.716 9.136C10.524 9.04 10.312 8.992 10.08 8.992H8.256V7.528H10.356C10.892 7.528 11.376 7.636 11.808 7.852C12.24 8.068 12.58 8.38 12.828 8.788C13.084 9.188 13.212 9.664 13.212 10.216C13.212 10.768 13.084 11.248 12.828 11.656C12.58 12.056 12.24 12.368 11.808 12.592C11.376 12.808 10.892 12.916 10.356 12.916H8.256ZM6.816 16V7.528H8.7V16H6.816Z" fill="white" /><path d="M14.1832 16V10.168H16.0192V16H14.1832ZM16.0192 12.796L15.2512 12.196C15.4032 11.516 15.6592 10.988 16.0192 10.612C16.3792 10.236 16.8792 10.048 17.5192 10.048C17.7992 10.048 18.0432 10.092 18.2512 10.18C18.4672 10.26 18.6552 10.388 18.8152 10.564L17.7232 11.944C17.6432 11.856 17.5432 11.788 17.4232 11.74C17.3032 11.692 17.1672 11.668 17.0152 11.668C16.7112 11.668 16.4672 11.764 16.2832 11.956C16.1072 12.14 16.0192 12.42 16.0192 12.796Z" fill="white" /><path d="M21.9482 16.132C21.3482 16.132 20.8042 16 20.3162 15.736C19.8362 15.464 19.4562 15.096 19.1762 14.632C18.8962 14.168 18.7562 13.648 18.7562 13.072C18.7562 12.496 18.8962 11.98 19.1762 11.524C19.4562 11.068 19.8362 10.708 20.3162 10.444C20.7962 10.172 21.3402 10.036 21.9482 10.036C22.5562 10.036 23.1002 10.168 23.5802 10.432C24.0602 10.696 24.4402 11.06 24.7202 11.524C25.0002 11.98 25.1402 12.496 25.1402 13.072C25.1402 13.648 25.0002 14.168 24.7202 14.632C24.4402 15.096 24.0602 15.464 23.5802 15.736C23.1002 16 22.5562 16.132 21.9482 16.132ZM21.9482 14.464C22.2122 14.464 22.4442 14.408 22.6442 14.296C22.8442 14.176 22.9962 14.012 23.1002 13.804C23.2122 13.588 23.2682 13.344 23.2682 13.072C23.2682 12.8 23.2122 12.564 23.1002 12.364C22.9882 12.156 22.8322 11.996 22.6322 11.884C22.4402 11.764 22.2122 11.704 21.9482 11.704C21.6922 11.704 21.4642 11.764 21.2642 11.884C21.0642 11.996 20.9082 12.156 20.7962 12.364C20.6842 12.572 20.6282 12.812 20.6282 13.084C20.6282 13.348 20.6842 13.588 20.7962 13.804C20.9082 14.012 21.0642 14.176 21.2642 14.296C21.4642 14.408 21.6922 14.464 21.9482 14.464Z" fill="white" /></svg>');
}
.site-header__inner__container .header-nav .region--secondary-menu > nav{
    margin: 0;
    padding: 14px;
    background-color: #f9f9f8;
    border-radius: 20px;
}
.site-header__inner__container .header-nav .region--secondary-menu > nav:before{
    display: none;
}
.site-header__inner__container .header-nav .region--secondary-menu > nav .secondary-nav__menu-item--link{
    display: flex;
    position: relative;
}
.site-header__inner__container .header-nav .region--secondary-menu > nav .secondary-nav__menu-item--link:not(:last-of-type){
    margin-right: 8px;
}
.site-header__inner__container .header-nav .region--secondary-menu > nav .secondary-nav__menu-item--link.have-messages:after{
    content: '';
    position: absolute;
    top: 8px;
    right: 11px;
    width: 7px;
    height: 7px;
    background-color: #4ace67;
    border-radius: 100%;
    border: 1px solid #e9e9e9;
}
.site-header__inner__container .header-nav .region--secondary-menu > nav .secondary-nav__menu-item--link:last-of-type a{
    display: inline-block;
    padding: 8px 20px;
    height: auto;
    border-radius: 10px;
    background: #0d1215;
    font-weight: 600;
    text-align: center;
    color: #f9f9f8;
    outline: none;
}
.site-header__inner__container .header-nav .region--secondary-menu > nav .secondary-nav__menu-item--link a:after{
    display: none;
}
.site-header__inner__container .header-nav .region--secondary-menu > nav .secondary-nav__menu-item--link a:before{
    display: none;
}
.site-header__inner__container .header-nav .region--secondary-menu > nav .secondary-nav__menu-item--link a .menu-icon{
    display: flex;
}


/* header */


/*main page*/

.gas_oil_front_page .layout--pass--content-medium > * {
    grid-column: 1 / 13;
}

.gas_oil_front_page .section-main .section-main-button:focus,
.gas_oil_front_page .section-main .section-main-button:focus-visible
{
    outline: none;
}

.gas_oil_front_page .section-main .section-main-title-wrapper{
    padding: 100px 0 215px 0;
}
.gas_oil_front_page .section-main .section-main-title{
    margin: 0;
    font-weight: 900;
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    color: #1b1d28;
}
.gas_oil_front_page .section-main .section-main-description-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.gas_oil_front_page .section-main .section-main-description-wrapper > div{
    flex: 0 0 50%
}
.gas_oil_front_page .section-main .section-main-description-wrapper > div.section-main-description-video-wrapper{
    position: relative;
    height: 380px;
    overflow: hidden;
}
.gas_oil_front_page .section-main .section-main-description-wrapper > div.section-main-description-video-wrapper:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
}
.gas_oil_front_page .section-main .section-main-description-wrapper > div.section-main-description-video-wrapper video{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}
.gas_oil_front_page .section-main .section-main-description-wrapper .section-main-description-text-wrapper{
    padding-right: 10px;
    padding-left: 50px;
    text-align: right;
    font-weight: 200;
    color: #1b1d28;
}
.gas_oil_front_page .section-main .section-main-button-wrapper{
    margin-top: -32px;
}
.gas_oil_front_page .section-main .section-main-button{
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 46px;
    font-weight: 100;
    font-size: 18px;
    color: #1b1d28;
    text-decoration: none;
}
.gas_oil_front_page .section-main .section-main-button:before{
    content: '';
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="16" fill="%236CC85E" /><path d="M8 12L16 20L24 12" stroke="white" stroke-width="2" /></svg>');
}
.gas_oil_front_page .section-about-us .about-us-wrapper{
    padding: 151px 0 470px 0;
}
.gas_oil_front_page .section-about-us .about-us-wrapper .about-us-title{
    margin: 0;
    margin-bottom: 16px;
    font-weight: 900;
    font-size: 36px;
    text-transform: uppercase;
    color: #1b1d28;
}
.gas_oil_front_page .section-about-us .about-us-wrapper .about-us-description-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
    margin-bottom: 96px;
    font-weight: 200;
    color: #1b1d28;
}
.gas_oil_front_page .section-about-us .about-us-wrapper .about-us-description-wrapper > div{
    flex: 0 0 50%;
    padding:  0 7px;
}
.gas_oil_front_page .section-about-us .about-us-wrapper .about-us-image-container{
    position: absolute;
    left: 0;
    width: 100%;
}
.gas_oil_front_page .section-about-us .about-us-wrapper .about-us-video-container{
    position: absolute;
    left: 0;
    width: 100%;
}
.gas_oil_front_page .section-about-us .about-us-wrapper .about-us-video-container video{
    width: 100%;
    height: 470px;
    object-fit: cover;
}
.gas_oil_front_page .section-how-it-works{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 -6px;
    padding: 129px 0 250px 0;
}
.gas_oil_front_page .section-how-it-works > div{
    padding: 0 6px;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper{
    flex: 0 0 33.33333333%;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-image-container{
    flex: 0 0 66.666666666%;
    /*margin-bottom: -121px;*/
}
.gas_oil_front_page .section-how-it-works > .how-it-works-image-container.client .contractor-video{
    display: none;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-image-container.contractor .client-video{
    display: none;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper h2.how-it-works-title{
    margin: 0;
    margin-bottom: 16px;
    font-weight: 900;
    font-size: 36px;
    text-transform: uppercase;
    color: #1b1d28;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-description{
    margin-bottom: 35px;
    font-weight: 200;
    font-size: 16px;
    color: #1b1d28;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card{
    padding: 14px 12px;
    border: 1px solid #1b1d28;
    border-radius: 20px;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card .how-it-works-role-name{
    margin: 0;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 24px;
    color: #1b1d28;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card .how-it-works-role-description{
    margin: 0;
    margin-bottom: 16px;
    font-weight: 200;
    color: #1b1d28;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card .how-it-works-role-button{
    display: inline-block;
    padding: 12px 20px;
    border-radius: 10px;
    background: #1b1d28;
    font-weight: 600;
    line-height: 125%;
    color: #fff;
    text-decoration: none;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card.active{
    color: #fff;
    background: #1b1d28;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card.active .how-it-works-role-name{
    color: #fff;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card.active .how-it-works-role-description{
    color: #fff;
}
.gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card.active .how-it-works-role-button{
    background: #fff;
    color: #1b1d28;
}
.gas_oil_front_page .section-benefits{
    position: relative;
    padding: 128px 0 160px 0;
    background: #f9f9f8;
}
.gas_oil_front_page .section-benefits:after{
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background-color: #f9f9f8;
}
.gas_oil_front_page .section-benefits .section-benefits-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.gas_oil_front_page .section-benefits .section-benefits-wrapper .benefits-column-left{
    flex: 0 0 33.3333333%;
}
.gas_oil_front_page .section-benefits .section-benefits-wrapper .benefits-column-right{
    flex: 0 0 50%;
    padding-left: 16.66666666%;
}
.gas_oil_front_page .section-benefits .section-benefits-wrapper .benefits-column-left .benefits-column-wrapper{
    position: sticky;
    top: 150px;
}
.gas_oil_front_page .section-benefits .benefits-title{
    margin: 0;
    margin-bottom: 16px;
    font-size: 36px;
    text-transform: uppercase;
    color: #1b1d28;
}
.gas_oil_front_page .section-benefits .benefits-description{
    margin: 0;
    margin-bottom: 16px;
    font-weight: 200;
    color: #1b1d28;
}
.gas_oil_front_page .section-benefits .benefits-button{
    position: relative;
    display: flex;
    width: fit-content;
    align-items: center;
    padding: 12px 40px 12px 20px;
    background: #6cc85e;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #f9f9f8;
}
.gas_oil_front_page .section-benefits .benefits-button:after{
    content: '';
    position: absolute;
    right: 20px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke="%23F9F9F8" stroke-miterlimit="10" /><path d="M7.25 5.75L9.75 8L7.25 10.25" stroke="%23F9F9F8" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}
.gas_oil_front_page .section-benefits .benefits-list{
    margin: 0;
}
.gas_oil_front_page .section-benefits .benefits-list li{
    position: relative;
    list-style: none;
}
.gas_oil_front_page .section-benefits .benefits-list li:not(:last-of-type){
    margin-bottom: 90px;
}
.gas_oil_front_page .section-benefits .benefits-list .benefits-list-item-number{
    position: absolute;
    z-index: 3;
    top: 0;
    left: -62px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1b1d28;
    border-radius: 50px;
    box-shadow: -4px 0 0 0 #1b1d28;
    font-weight: 800;
    color: #1b1d28;
    background-color: #fff;
}
.gas_oil_front_page .section-benefits .benefits-list li:not(:last-of-type) .benefits-list-item-number:after{
    content: '';
    position: absolute;
    top: 100%;
    z-index: 3;
    width: 1px;
    height: 170px;
    background-color: #1b1d28;
}
.gas_oil_front_page .section-benefits .benefits-list .benefits-list-item-title{
    margin: 0;
    margin-bottom: 6px;
    font-weight: 900;
    font-size: 24px;
    color: #1b1d28;
}
.gas_oil_front_page .section-benefits .benefits-list .benefits-list-item-description{
    margin: 0;
    max-height: 81px;
    font-weight: 200;
    color: #1b1d28;
}
.gas_oil_front_page .section-made-professionals{
    position: relative;
    padding: 378px 0 378px 0;
    color: #fff;
}
.gas_oil_front_page .section-made-professionals > .section-made-professionals-video-wrapper{
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;
    width: calc(100% + 200px);
    transform: translateY(-50%);
    border-radius: 40px;
    overflow: hidden;
}
.gas_oil_front_page .section-made-professionals > .section-made-professionals-video-wrapper:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(27, 29, 40, 0.8);
}
.gas_oil_front_page .section-made-professionals > .section-made-professionals-video-wrapper video{
    width: 100%;
    height: 680px;
    object-fit: cover;
    object-position: center;
}
.gas_oil_front_page .section-made-professionals .section-made-professionals-wrapper{
    display: flex;
    align-items: center;
}
.gas_oil_front_page .section-made-professionals .section-made-professionals-image-wrapper{
    position: absolute;
    right: 50%;
}
.gas_oil_front_page .section-made-professionals .section-made-professionals-image-wrapper img{
    max-width: 863px;
}
.gas_oil_front_page .section-made-professionals .section-made-professionals-content{
    margin-left: calc(50% + 75px);
}
.gas_oil_front_page .section-made-professionals .section-made-professionals-title{
    margin: 0;
    margin-bottom: 16px;
    font-weight: 900;
    font-size: 36px;
    color: #fff;
    line-height: 120%;
    text-transform: uppercase;
}
.gas_oil_front_page .section-made-professionals .section-made-professionals-description{
    margin-bottom: 16px;
    padding-right: 50px;
    line-height: 130%;
    font-weight: 200;
}
.gas_oil_front_page .section-made-professionals .section-made-professionals-button{
    position: relative;
    display: flex;
    width: fit-content;
    align-items: center;
    padding: 12px 40px 12px 20px;
    background: #6cc85e;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #f9f9f8;
}
.gas_oil_front_page .section-made-professionals .section-made-professionals-button:after{
    content: '';
    position: absolute;
    right: 20px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke="%23F9F9F8" stroke-miterlimit="10" /><path d="M7.25 5.75L9.75 8L7.25 10.25" stroke="%23F9F9F8" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}
.gas_oil_front_page .section-solutions{
    padding: 109px 0 185px 0;
}
.gas_oil_front_page .section-solutions h2.solutions-title{
    margin: 0;
    margin-bottom: 16px;
    font-weight: 900;
    font-size: 36px;
    text-transform: uppercase;
    color: #0d1215;
}
.gas_oil_front_page .section-solutions .solutions-description{
    font-family: "Outfit", sans-serif;
    font-weight: 200;
    font-size: 16px;
    color: #0d1215;
}
.gas_oil_front_page .section-solutions .solution-cards{
    display: flex;
    flex-wrap: wrap;
    margin-top: 75px;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card{
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(33.33333333% - 30px);
    border-radius: 20px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card:not(:last-of-type){
    margin-right: 45px;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    padding: 30px 0;
    background: #bdbdbd;
    text-align: center;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card.card-professional .solution-card-header{
    background: #000;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card.card-enterprise .solution-card-header{
    background: #6cc85e;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-header h3{
    display: flex;
    align-items: flex-start;
    margin: 0;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 42px;
    text-align: center;
    color: #fff;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-header h3 .soon{
    margin-left: 5px;
    border-radius: 10px;
    padding: 9px 11px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #6cc85e;
    background: #0d1215;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-header p{
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-content{
    padding: 30px 20px;
    font-weight: 200;
    font-size: 16px;
    color: #1b1d28;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-button{
    margin-top: auto;
    padding: 20px 20px 40px 20px;
}
.gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-button a{
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 12px 45px;
    background: #6cc85e;
    border-radius: 10px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    line-height: 125%;
    color: #fff;
    text-decoration: none;
}

/*main page*/


/*faq*/

#faq .block-views-blockfaq-questions-block-faq-questions{
    display: flex;
    gap: 12px;
}
#faq .block-views-blockfaq-questions-block-faq-questions .faq-block-column-left{
    flex: 0 0 33.33333333%;
}
#faq .block-views-blockfaq-questions-block-faq-questions .block__content{
    flex: 0 0 66.66666666%;
}
#faq .faq-block-column-left .block__title{
    margin: 0;
    margin-bottom: 16px;
    font-weight: 900;
    font-size: 36px;
    text-transform: uppercase;
    color: #1b1d28;
}
#faq .faq-block-column-left .faq-block-description{
    margin: 0;
    font-weight: 200;
    font-size: 16px;
    color: #1b1d28;
}
#faq .block__content .faq-questions-block > .view-content{
    display: flex;
    flex-direction: column;
    gap: 28px;
}
#faq .block__content .faq-questions-block .faq-question-row-item{
    padding: 30px 32px 30px 26px;
    background: #1b1d28;
    border-radius: 20px;
}
#faq .block__content .faq-questions-block .faq-question-row-item.active{
    background-color: #fff;
    border: 1px solid #1b1d28;
}
#faq .block__content .faq-questions-block .faq-question-row-item .faq-question-title{
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #fff;
    position: relative;
}
#faq .block__content .faq-questions-block .faq-question-row-item.active .faq-question-title{
    color: #1b1d28;
}

#faq .block__content .faq-questions-block .faq-question-row-item .faq-question-title::after{
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    height: 10px;
    width: 17px;
    transition: all 0.3s ease-in-out;
    background: url('data:image/svg+xml,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L8.5 9L16 1" stroke="white"/></svg>');
}
#faq .block__content .faq-questions-block .faq-question-row-item.active .faq-question-title::after{
    transform: rotate(360deg);
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgOUw4LjUgMC45OTk5OTlMMSA5IiBzdHJva2U9IiMxQjFEMjgiLz48L3N2Zz4=');
}

#faq .block__content .faq-questions-block .faq-question-row-item .faq-question-description{
    display: none;
}

#faq .block__content .faq-questions-block .faq-question-row-item .faq-question-description p{
    margin: 0;
    padding-top: 20px;
    font-weight: 300;
    line-height: 150%;
    color: #fff;
}
#faq .block__content .faq-questions-block .faq-question-row-item.active .faq-question-description p{
    color: #1b1d28;
}

/*faq*/













#block-gas-oil-theme-breadcrumbs{
    grid-column: 4 / 11;
    margin-bottom: 30px;
}
#block-gas-oil-theme-breadcrumbs .breadcrumb__item{
    font-weight: 400;
    font-size: 14px;
    color: #1b1d28;
}
#block-gas-oil-theme-breadcrumbs .breadcrumb__item:nth-child(n + 2)::before{
    width: 4px;
    height: 4px;
    border: none;
    background-color: #bdbdbd;
    border-radius: 100%;
    transform: rotate(0deg);
    vertical-align: 3px;
    margin-inline: 12px;
}
#block-gas-oil-theme-breadcrumbs .breadcrumb__item a{
    color: #bdbdbd;
}





h2.block__title{
    margin-bottom: 24px;
    font-weight: 900;
    font-size: 36px;
    line-height: 100%;
    text-transform: uppercase;
    color: #1b1d28;
}
.dashboard-view .view-filters fieldset legend{
    display: none;
}
.dashboard-view .view-filters fieldset .fieldset__wrapper{
    padding: 0;
    border: none;
}
.dashboard-view .view-filters .form-boolean-group{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-right: auto;
    white-space: nowrap;
}
.dashboard-view .view-filters .form-boolean-group .form-item input{
    display: none;
}
.dashboard-view .view-filters .form-boolean-group .form-item label{
    display: flex;
    width: 100%;
    height: 100%;
    padding: 6px 15px;
    border-radius: 15px;
    font-weight: 300;
    background: #f9f9f8;
    transition: .3s;
}
.dashboard-view .view-filters .form-boolean-group .form-item label:hover{
    background: #e9e9e9;
}
.dashboard-view .view-filters .form-boolean-group .form-item input:checked ~ label{
    color: #fff;
    background: #1b1d28;
}
.dashboard-view .view-filters form{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.dashboard-view .view-filters form .js-form-item{
    margin: 0;
}
.dashboard-view .view-filters form input{
    position: relative;
    min-height: 40px;
    padding: 12px 44px 12px 20px;
    background-color: #f9f9f8;
    border: none;
    border-radius: 8px;
    line-height: 120%;
    font-size: 11px;
    outline: none;
}
.dashboard-view .view-filters form .reset-btn{
    position: absolute;
    right: 0;
    margin: 0;
    margin-top: 82px;
    padding: 3px 6px;
    height: auto;
    border: none;
    font-size: 14px;
    background: #1b1d28;
    color: #fff;
    font-weight: 100;
}
.dashboard-view .view-filters form .form-actions{
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}
.dashboard-view .view-filters form .form-actions button{
    position: absolute;
    right: 8px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    background-color: #6CC85E;
    border: none;
    border-radius: 6px;
    outline: none;
}
.dashboard-view .view-filters form .form-actions button svg rect{
    fill: #6CC85E;
}
.dashboard-view .view-filters form .form-actions button svg path{
    fill: #f8f9fd;
}





/****SIDEBAR****/
.gas-oil-user-block{
    padding: 31px 8px 25px 8px;
    background-color: #1b1d28!important;
    border: 2px solid rgba(53, 53, 53, 0.3);
    border-radius: 20px;
    color: #fff;
}
.gas-oil-user-block .sidebar-header img{
    margin: 0 auto;
}
.gas-oil-user-block .sidebar-header > img:first-of-type{
    margin-bottom: 37px;
}
.gas-oil-user-block .sidebar-header .user-info{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 37px;
    padding: 16px;
    background: #272936;
    border-radius: 30px;
}
.gas-oil-user-block .sidebar-header .user-info .user-info-wrapper{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px;
    background: #272936;
    border-radius: 30px;
}
.gas-oil-user-block .user-profile-data{
    padding: 0 7px 0 7px;
}
.gas-oil-user-block .user-profile-data .field{
    margin-bottom: 23px;
}
.gas-oil-user-block .user-profile-data .field .field__label{
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #f9f9f8;
}
.gas-oil-user-block .user-profile-data .field .field__item{
    padding: 12px;
    background: #272936;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #f9f9f8;
}
.gas-oil-user-block .sidebar-header .user-info .user-info-wrapper a.edit-button{
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: fit-content;
    height: auto;
    padding: 6px;
    background: transparent;
}
.gas-oil-user-block .sidebar-header .user-info .user_picture img{
    width: 42px;
    height: 42px;
    margin-right: 9px;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    object-fit: cover;
}
.gas-oil-user-block .sidebar-header .user-info .user_names{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.gas-oil-user-block .sidebar-header .user-info .user_names p{
    margin: 0;
    line-height: 55%;
    font-weight: 700;
}
.gas-oil-user-block .sidebar-header .user-info .user_names .company_name{
    margin-bottom: 10px;
}
.gas-oil-user-block .sidebar-header .user-info .user_names .username{
    font-size: 15px;
    color: #BDBDBD;
}
.gas-oil-user-block .sidebar-header .user-info a.button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    margin-top: 19px;
    padding: 12px 20px;
    background-color: #6CC85E;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.gas-oil-user-block .menu{
    margin-bottom: 47px;
    margin-left: 10px;
}
.gas-oil-user-block .menu > ul.menu{
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 187%;
    color: #bdbdbd;
    text-decoration: none;
    list-style: none;
}
.gas-oil-user-block .menu > ul.menu .menu__item .menu-icon-title{
    display: flex;
    align-items: center;
}
.gas-oil-user-block .menu > ul.menu .menu__item .menu-icon-title .menu-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    width: 28px;
    height: 28px;
}
.gas-oil-user-block .menu > ul.menu .menu__item .menu-icon-title .menu--unread-messages-count{
    margin-left: 6px;
    padding: 0px 6px;
    border-radius: 8px;
    background-color: #6cc85e;
    color: #fff;
}
.gas-oil-user-block .menu > ul.menu .menu__item:not(:last-of-type){
    margin-bottom: 24px;
}
.gas-oil-user-block .menu > ul.menu .menu__item a{
    text-decoration: none;
}

.gas-oil-user-block .menu .menu__item a {
    color: #A8A8A8;
}
.gas-oil-user-block .menu .menu__item.menu__item--active-trail a {
    color: #fff;
}
.gas-oil-user-block .tariff-info{
    margin-bottom: 41px;
    margin-left: 10px;
    padding: 24px 10px 14px 10px;
    border: 1px solid rgba(53, 53, 53, 0.3);
    border-radius: 20px;
    line-height: 124%;
    font-weight: 300;
}
.gas-oil-user-block .tariff-info p{
    margin: 0;
}
.gas-oil-user-block .tariff-info .your-tariff{
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 55%;
}
.gas-oil-user-block .tariff-info .your-tariff-full{
    margin-bottom: 13px;
    font-weight: 600;
    font-size: 15px;
    line-height: 55%;
    color: #bdbdbd;
}
.gas-oil-user-block .tariff-info .response-limit-information{
    position: relative;
    display: flex;
    width: fit-content;
    align-items: center;
    margin-bottom: 13px;
    padding: 2px 20px 2px 6px;
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    text-align: right;
    color: #363636;
    background-color: #fff;
    border-radius: 50px;
    font-family: "Montserrat", sans-serif;
}
.gas-oil-user-block .tariff-info .response-limit-information:after{
    content: '';
    position: absolute;
    right: 4px;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.23519 8.415L9.43019 9.995C9.48019 10.41 9.03519 10.7 8.68019 10.485L6.95019 9.455C6.83019 9.385 6.80019 9.235 6.86519 9.115C7.11519 8.655 7.25019 8.135 7.25019 7.615C7.25019 5.785 5.68019 4.295 3.75019 4.295C3.35519 4.295 2.97019 4.355 2.61019 4.475C2.42519 4.535 2.24519 4.365 2.29019 4.175C2.74519 2.355 4.49519 1 6.58519 1C9.02519 1 11.0002 2.845 11.0002 5.12C11.0002 6.47 10.3052 7.665 9.23519 8.415Z" fill="%23363636" /><path d="M6.5 7.61492C6.5 8.20992 6.28 8.75992 5.91 9.19492C5.415 9.79492 4.63 10.1799 3.75 10.1799L2.445 10.9549C2.225 11.0899 1.945 10.9049 1.975 10.6499L2.1 9.66492C1.43 9.19992 1 8.45492 1 7.61492C1 6.73492 1.47 5.95992 2.19 5.49992C2.635 5.20992 3.17 5.04492 3.75 5.04492C5.27 5.04492 6.5 6.19492 6.5 7.61492Z" fill="%23363636" /></svg>');
}
.gas-oil-user-block .tariff-info .update-tariff-text{
    margin-bottom: 13px;
    font-weight: 300;
    font-size: 14px;
}
.gas-oil-user-block .tariff-info a{
    color: #6cc85e;
}
.gas-oil-user-block .tariff-info button{
    width: 100%;
    padding: 12px 20px;
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 125%;
    text-align: center;
    cursor: pointer;
}
.gas-oil-user-block .footer{
    text-align: center;
}
.gas-oil-user-block .footer a{
    display: block;
    margin-bottom: 22px;
    font-weight: 600;
    font-size: 16px;
    line-height: 187%;
    color: #bdbdbd;
    text-decoration: none;
}
.gas-oil-user-block .footer .time-data{
    margin: 0 12px;
    border-radius: 10px;
    padding: 15px 10px;
    background: #272936;
    line-height: 100%;
}

/****SIDEBAR****/


/****FORMS****/
.add-project-form .sidebar-grid > .site-main{
    grid-column: 1 / 13!important;
}
.gas_oil_page{
    margin: 0 auto;
}
.main_project_form_wrapper .top_form_fields{
    display: flex;
    flex-wrap: wrap;
}
.main_project_form_wrapper .top_form_fields > div{
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0 6px;
}
.main_project_form_wrapper label{
    line-height: 24px;
    margin-bottom: 4px;
    font-size: 15px;
}
.main_project_form_wrapper label:after{
    display: none!important;
}
.main_project_form_wrapper input{
    width: 100%;
    padding: 12px;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #1b1d28;
}
.main_project_form_wrapper .form-item .form-item__description{
    margin-top: 4px;
    font-weight: 300;
    font-size: 14px;
    line-height: 143%;
    color: #bdbdbd;
}
.main_project_form_wrapper textarea{
    height: 155px;
    padding: 12px;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #1b1d28;
}
.main_project_form_wrapper .field--name-field-key-tags .form-item .table-rows{
    padding: 15px 7px;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
}
.main_project_form_wrapper .field--name-field-key-tags .form-item .table-rows > div{
    display: flex;
    align-items: center;
}
.main_project_form_wrapper .field--name-field-key-tags .form-item .table-rows > div > div:first-of-type .form-item{
    margin: 0;
}
.main_project_form_wrapper .field--name-field-key-tags .select2-selection{
    min-height: 155px;
    padding: 15px 7px;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
}
.main_project_form_wrapper .field--name-field-key-tags .select2-selection ul.select2-selection__rendered{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}
.main_project_form_wrapper .field--name-field-key-tags .select2-selection ul.select2-selection__rendered .select2-selection__choice{
    display: flex;
    align-items: center;
    max-height: 36px;
    margin: 0;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 50px;
    background: #1b1d28;
    color: #fff;
    font-size: 12px;
    border: none;
}
.main_project_form_wrapper .field--name-field-key-tags .select2-selection ul.select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
    margin-right: 5px;
}
.main_project_form_wrapper .project_files{
    margin-top: 70px;
    margin-bottom: 100px;
}
.main_project_form_wrapper .project_files details{
    border: none;
    box-shadow: none;
}
.main_project_form_wrapper .project_files details .details-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
}
.main_project_form_wrapper .project_files details .details-wrapper .tabledrag-toggle-weight-wrapper{
    display: none;
}
.main_project_form_wrapper .project_files details .table-rows{
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
}
.main_project_form_wrapper .project_files details .table-rows .row-data{
    position: relative;
    width: 98px;
    padding-top: 103px;
}
.main_project_form_wrapper .project_files details .table-rows .row-data:before{
    content: '';
    position: absolute;
    top: 0;
    width: 98px;
    height: 98px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 100%;
}
.main_project_form_wrapper .project_files details .table-rows .row-data:after{
    content: '';
    position: absolute;
    top: 0;
    width: 98px;
    height: 98px;
    background: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.7213 3.16667H15.2796C13.6329 3.16667 12.2871 4.49667 12.2871 6.14334V7.63167C12.2871 9.27834 13.6171 10.6083 15.2638 10.6083H22.7213C24.3679 10.6083 25.6979 9.27834 25.6979 7.63167V6.14334C25.7138 4.49667 24.3679 3.16667 22.7213 3.16667Z" fill="%236CC85E" /><path d="M27.2965 7.63167C27.2965 10.1492 25.2381 12.2075 22.7206 12.2075H15.279C12.7615 12.2075 10.7032 10.1492 10.7032 7.63167C10.7032 6.745 9.75315 6.19083 8.96148 6.6025C6.72898 7.79 5.20898 10.1492 5.20898 12.8567V27.7558C5.20898 31.6508 8.39148 34.8333 12.2865 34.8333H25.7131C29.6081 34.8333 32.7906 31.6508 32.7906 27.7558V12.8567C32.7906 10.1492 31.2706 7.79 29.0381 6.6025C28.2465 6.19083 27.2965 6.745 27.2965 7.63167ZM24.2881 20.1558L17.9548 26.4892C17.7173 26.7267 17.4165 26.8375 17.1157 26.8375C16.8148 26.8375 16.514 26.7267 16.2765 26.4892L13.9015 24.1142C13.4423 23.655 13.4423 22.895 13.9015 22.4358C14.3606 21.9767 15.1207 21.9767 15.5798 22.4358L17.1157 23.9717L22.6098 18.4775C23.069 18.0183 23.829 18.0183 24.2881 18.4775C24.7473 18.9367 24.7473 19.6967 24.2881 20.1558Z" fill="%236CC85E" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
}
.main_project_form_wrapper .project_files details .table-rows .row-data input.form-submit{
    position: absolute;
    z-index: 9;
    top: 0;
    left: 70px;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    border-radius: 100%;
    border: 2px solid #fff;
    color: transparent;
    background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.437943 0.437058C0.899472 -0.0244703 1.64776 -0.0244703 2.10929 0.437058L6.00089 4.32866L9.89249 0.437058C10.354 -0.0244703 11.1023 -0.0244703 11.5638 0.437058C12.0254 0.898587 12.0254 1.64687 11.5638 2.1084L7.67223 6L11.5638 9.8916C12.0254 10.3531 12.0254 11.1014 11.5638 11.5629C11.1023 12.0245 10.354 12.0245 9.89249 11.5629L6.00089 7.67135L2.10929 11.5629C1.64776 12.0245 0.899472 12.0245 0.437943 11.5629C-0.0235853 11.1014 -0.0235853 10.3531 0.437943 9.8916L4.32954 6L0.437943 2.1084C-0.0235853 1.64687 -0.0235853 0.898587 0.437943 0.437058Z" fill="white" /></svg>');
    background-color: #1b1d28;
    background-position: center;
    background-repeat: no-repeat;
}
.main_project_form_wrapper .project_files details .table-rows .row-data .form-managed-file{
    font-weight: 400;
    font-size: 10px;
    line-height: 200%;
    text-align: center;
    color: #1b1d28;
}
.main_project_form_wrapper .project_files details .table-rows .row-data .form-managed-file span a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #1b1d28;
    text-decoration: none;
}
.main_project_form_wrapper .project_files details .table-rows .row-data .form-managed-file span a .filename{
    display: inline;
    width: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main_project_form_wrapper .project_files details .form-item{
    margin: 0;
}
.main_project_form_wrapper .project_files details .js-form-type-managed-file div{
    display: none;
}
.main_project_form_wrapper .project_files details .js-form-type-managed-file label{
    position: relative;
    width: 98px;
    margin: 0;
    padding-top: 103px;
    font-weight: 300;
    font-size: 10px;
    line-height: 200%;
    text-align: center;
    color: #1b1d28;
}
.main_project_form_wrapper .project_files details .js-form-type-managed-file label:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    height: 98px;
    border-radius: 100%;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background-image: url('data:image/svg+xml,<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.5 12.9675H23.9242C20.1717 12.9675 17.1158 9.91167 17.1158 6.15917V1.58333C17.1158 0.7125 16.4033 0 15.5325 0H8.81917C3.9425 0 0 3.16667 0 8.81917V22.8475C0 28.5 3.9425 31.6667 8.81917 31.6667H21.2642C26.1408 31.6667 30.0833 28.5 30.0833 22.8475V14.5508C30.0833 13.68 29.3708 12.9675 28.5 12.9675ZM14.2975 18.2558C14.06 18.4933 13.7592 18.6042 13.4583 18.6042C13.1575 18.6042 12.8567 18.4933 12.6192 18.2558L11.4792 17.1158V23.75C11.4792 24.3992 10.9408 24.9375 10.2917 24.9375C9.6425 24.9375 9.10417 24.3992 9.10417 23.75V17.1158L7.96417 18.2558C7.505 18.715 6.745 18.715 6.28583 18.2558C5.82667 17.7967 5.82667 17.0367 6.28583 16.5775L9.4525 13.4108C9.56333 13.3158 9.67417 13.2367 9.80083 13.1733C9.8325 13.1575 9.88 13.1417 9.91167 13.1258C10.0067 13.0942 10.1017 13.0783 10.2125 13.0625C10.26 13.0625 10.2917 13.0625 10.3392 13.0625C10.4658 13.0625 10.5925 13.0942 10.7192 13.1417C10.735 13.1417 10.735 13.1417 10.7508 13.1417C10.8775 13.1892 11.0042 13.2842 11.0992 13.3792C11.115 13.395 11.1308 13.395 11.1308 13.4108L14.2975 16.5775C14.7567 17.0367 14.7567 17.7967 14.2975 18.2558Z" fill="%23BDBDBD" /></svg>');
    background-position: center;
    background-repeat: no-repeat;
}
.main_project_form_wrapper .project_files summary{
    margin-bottom: 32px;
    padding: 0;
    background-color: transparent;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    color: #1b1d28;
    pointer-events: none;
}
.main_project_form_wrapper .project_files summary:before, .main_project_form_wrapper .project_files summary:after{
    display: none;
}
.main_project_form_wrapper .project_details h4.form-item__label{
    margin-bottom: 35px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #1b1d28;
}
.main_project_form_wrapper .project_details h4.form-item__label:after{
    display: none;
}
.main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows > div{
    display: flex;
    flex-direction: row;
}
.main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset{
    margin: 0;
    border: none;
}
.main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper{
    padding: 0;
}
.main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper > div{
    display: flex;
    flex-direction: row;
}
.main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper > div > div{
    padding: 0 6px;
}
.main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper > div > .field--name-title{
    flex: 0 0 33.333333%;
}
.main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper > div > .field--name-field-description{
    flex: 58.3333333%;
}
.main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows > div > div:last-of-type input{
    width: 30px;
    height: 30px;
    margin-top: 46px;
    margin-left: 8px;
    border-radius: 100px;
    border: 2px solid #fff;
    color: transparent;
    background-color: #1b1d28;
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.581041 0.581224C1.11357 0.0486904 1.97698 0.0486904 2.50951 0.581224L6.99982 5.07153L11.4901 0.581224C12.0227 0.0486904 12.8861 0.0486904 13.4186 0.581224C13.9511 1.11376 13.9511 1.97716 13.4186 2.5097L8.9283 7.00001L13.4186 11.4903C13.9511 12.0228 13.9511 12.8863 13.4186 13.4188C12.8861 13.9513 12.0227 13.9513 11.4901 13.4188L6.99982 8.92848L2.50951 13.4188C1.97698 13.9513 1.11357 13.9513 0.581041 13.4188C0.0485073 12.8863 0.0485073 12.0228 0.581041 11.4903L5.07135 7.00001L0.581041 2.5097C0.0485073 1.97716 0.0485073 1.11376 0.581041 0.581224Z" fill="white" /></svg>');
    background-position: center;
    background-repeat: no-repeat;
}
.main_project_form_wrapper .project_details .form-actions input.field-add-more-submit{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-color: #1b1d28;
    background: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    color: #1b1d28;
}
.edit-project-form form .form-actions{
    gap: 14px;
    margin-top: 50px;
}
.edit-project-form form .form-actions #edit-submit{
    margin: 0;
    padding: 13px 20px;
    height: auto;
    border-radius: 10px;
    background-color: #6cc85e;
    border: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #fff;
}
.edit-project-form form .form-actions #edit-delete{
    margin: 0;
    padding: 12px 20px;
    height: auto;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #1b1d28;
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #1b1d28;
}
.add-project-form form .form-actions{
    margin: 0;
    margin-top: 80px;
}
.add-project-form form .form-actions input.form-submit{
    height: 44px;
    margin: 0;
    padding: 12px 17px;
    border-radius: 10px;
    background: #6cc85e;
    border: none;
    line-height: 125%;
}




/****FORMS****/


/*****DASHBOARD*****/

.dashboard-view .views-view-grid__item-inner{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 14px 18px 14px 18px;
    background-color: #1b1d28;
    border-radius: 20px;
    color: #fff;
    overflow: hidden;
}
.dashboard-view .views-view-grid__item.draft .views-view-grid__item-inner{
    background-color: #4b4b4b;
}
.dashboard-view .views-view-grid__item-inner .project-top{
    margin-bottom: 12px;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-status{
    font-size: 12px;
    color: #bdbdbd;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-status .field-content > span{
    position: relative;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-status .field-content > span:after{
    content: '';
    position: absolute;
    top: 4px;
    left: calc(100% + 5px);
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #bdbdbd;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-status .field-content > span.closed:after{
    background-color: #f19066;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-status .field-content > span.active:after{
    background-color: #6cc85e;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-status .field-content > span.ready-to-publish:after{
    background-color: #bdbdbd;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-status .field-content > span.draft:after{
    background-color: #bdbdbd;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-responses-top-container{
    position: absolute;
    display: flex;
    justify-content: center;
    right: 0;
    left: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #1b1d28;
    line-height: 130%;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-responses-top-container-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    padding: 4px 22px 4px 6px;
    background-color: #fff;
    border-radius: 8px;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-responses-top-container-wrapper:after{
    content: '';
    position: absolute;
    right: 6px;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.23519 8.415L9.43019 9.995C9.48019 10.41 9.03519 10.7 8.68019 10.485L6.95019 9.455C6.83019 9.385 6.80019 9.235 6.86519 9.115C7.11519 8.655 7.25019 8.135 7.25019 7.615C7.25019 5.785 5.68019 4.295 3.75019 4.295C3.35519 4.295 2.97019 4.355 2.61019 4.475C2.42519 4.535 2.24519 4.365 2.29019 4.175C2.74519 2.355 4.49519 1 6.58519 1C9.02519 1 11.0002 2.845 11.0002 5.12C11.0002 6.47 10.3052 7.665 9.23519 8.415Z" fill="%231B1D28" /><path d="M6.5 7.61492C6.5 8.20992 6.28 8.75992 5.91 9.19492C5.415 9.79492 4.63 10.1799 3.75 10.1799L2.445 10.9549C2.225 11.0899 1.945 10.9049 1.975 10.6499L2.1 9.66492C1.43 9.19992 1 8.45492 1 7.61492C1 6.73492 1.47 5.95992 2.19 5.49992C2.635 5.20992 3.17 5.04492 3.75 5.04492C5.27 5.04492 6.5 6.19492 6.5 7.61492Z" fill="%231B1D28" /></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-responses-top-container-wrapper .views-label{
    margin-right: 5px;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-response-read-status{
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 22px 5px 6px;
    font-size: 12px;
    line-height: 133%;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-responses-top-container-wrapper .project-unreaded-responses{
    display: block;
    margin-top: 0px;
    margin-left: 3px;
    padding: 1px 3px;
    border-radius: 10px;
    background: #6cc85e;
    font-size: 10px;
    color: #fff;
    line-height: 10px;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-response-read-status:after{
    content: '';
    position: absolute;
    right: 6px;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.23519 8.915L9.43019 10.495C9.48019 10.91 9.03519 11.2 8.68019 10.985L6.95019 9.955C6.83019 9.885 6.80019 9.735 6.86519 9.615C7.11519 9.155 7.25019 8.635 7.25019 8.115C7.25019 6.285 5.68019 4.795 3.75019 4.795C3.35519 4.795 2.97019 4.855 2.61019 4.975C2.42519 5.035 2.24519 4.865 2.29019 4.675C2.74519 2.855 4.49519 1.5 6.58519 1.5C9.02519 1.5 11.0002 3.345 11.0002 5.62C11.0002 6.97 10.3052 8.165 9.23519 8.915Z" fill="white" /><path d="M6.5 8.11492C6.5 8.70992 6.28 9.25992 5.91 9.69492C5.415 10.2949 4.63 10.6799 3.75 10.6799L2.445 11.4549C2.225 11.5899 1.945 11.4049 1.975 11.1499L2.1 10.1649C1.43 9.69992 1 8.95492 1 8.11492C1 7.23492 1.47 6.45992 2.19 5.99992C2.635 5.70992 3.17 5.54492 3.75 5.54492C5.27 5.54492 6.5 6.69492 6.5 8.11492Z" fill="white" /></svg>');
    background-position: center;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-response-read-status .response-status{
    margin-left: 4px;
    padding: 0 5px;
    font-size: 10px;
    color: #1b1d28;
    background-color: #6cc85e;
    border-radius: 10px;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-response-read-status .response-status.not-read{
    background-color: #eab25d;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-edit-link a{
    position: relative;
    padding-right: 16px;
    font-size: 12px;
    color: #bdbdbd;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-edit-link a:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: 1px;
    right: 0;
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.47102 2.70988L6.88602 1.21488C6.39102 0.929879 5.61602 0.929879 5.12102 1.21488L2.51102 2.71988C1.47602 3.41988 1.41602 3.52488 1.41602 4.63988V7.35488C1.41602 8.46988 1.47602 8.57988 2.53102 9.28988L5.11602 10.7849C5.36602 10.9299 5.68602 10.9999 6.00102 10.9999C6.31602 10.9999 6.63602 10.9299 6.88102 10.7849L9.49102 9.27988C10.526 8.57988 10.586 8.47488 10.586 7.35988V4.63988C10.586 3.52488 10.526 3.41988 9.47102 2.70988ZM6.00102 7.62488C5.10602 7.62488 4.37602 6.89488 4.37602 5.99988C4.37602 5.10488 5.10602 4.37488 6.00102 4.37488C6.89602 4.37488 7.62602 5.10488 7.62602 5.99988C7.62602 6.89488 6.89602 7.62488 6.00102 7.62488Z" fill="%23BDBDBD" /></svg>');
    background-repeat: no-repeat;
    background-position: right;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-bookmark .bookmark-icon{
    position: relative;
    width: 20px;
    height: 20px;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-bookmark .bookmark-icon:after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.70898 8.04199C9.19232 8.58366 10.809 8.58366 12.2923 8.04199" stroke="%23707070" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M14.0176 2.16699H5.98424C4.20924 2.16699 2.76758 3.61699 2.76758 5.38366V17.1253C2.76758 18.6253 3.84258 19.2587 5.15924 18.5337L9.22591 16.2753C9.65924 16.0337 10.3592 16.0337 10.7842 16.2753L14.8509 18.5337C16.1676 19.267 17.2426 18.6337 17.2426 17.1253V5.38366C17.2342 3.61699 15.7926 2.16699 14.0176 2.16699Z" stroke="%23707070" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M14.0176 2.16699H5.98424C4.20924 2.16699 2.76758 3.61699 2.76758 5.38366V17.1253C2.76758 18.6253 3.84258 19.2587 5.15924 18.5337L9.22591 16.2753C9.65924 16.0337 10.3592 16.0337 10.7842 16.2753L14.8509 18.5337C16.1676 19.267 17.2426 18.6337 17.2426 17.1253V5.38366C17.2342 3.61699 15.7926 2.16699 14.0176 2.16699Z" stroke="%23707070" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-bookmark .unbookmark-icon{
    position: relative;
    width: 20px;
    height: 20px;
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-bookmark .unbookmark-icon:after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0176 2.16699H5.98424C4.20924 2.16699 2.76758 3.61699 2.76758 5.38366V17.1253C2.76758 18.6253 3.84258 19.2587 5.15924 18.5337L9.22591 16.2753C9.65924 16.0337 10.3592 16.0337 10.7842 16.2753L14.8509 18.5337C16.1676 19.267 17.2426 18.6337 17.2426 17.1253V5.38366C17.2342 3.61699 15.7926 2.16699 14.0176 2.16699ZM12.5092 8.62533C11.7009 8.91699 10.8509 9.06699 10.0009 9.06699C9.15091 9.06699 8.30091 8.91699 7.49258 8.62533C7.16758 8.50866 7.00091 8.15033 7.11758 7.82533C7.24258 7.50033 7.60091 7.33366 7.92591 7.45033C9.26758 7.93366 10.7426 7.93366 12.0842 7.45033C12.4092 7.33366 12.7676 7.50033 12.8842 7.82533C13.0009 8.15033 12.8342 8.50866 12.5092 8.62533Z" fill="%236CC85E" /></svg>');
}
.dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-bookmark .ajax-progress{
    position: absolute;
}
.dashboard-view .views-view-grid__item-inner .project-body-wrapper .project-title{
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
}
.dashboard-view .views-view-grid__item-inner .project-body-wrapper .project-title a{
    color: #fff;
    text-decoration: none;
}
.dashboard-view .views-view-grid__item-inner .project-body-wrapper .project-description{
    min-height: 58px;
    margin-bottom: 45px;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    line-height: 130%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical;
}
.dashboard-view .views-view-grid__item-inner .project-body-wrapper .project-tags .field__items{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}
.dashboard-view .views-view-grid__item-inner .project-body-wrapper .project-tags .field__items .field__item{
    margin-bottom: 6px;
    padding: 2px 8px;
    font-weight: 400;
    font-size: 10px;
    line-height: 160%;
    color: #bdbdbd;
    background-color: rgba(249, 249, 248, 0.05);
    border-radius: 50px;
}
.dashboard-view .views-view-grid__item-inner .project-body-wrapper .project-tags .field__items .field__item:not(:last-of-type){
    margin-right: 4px;
}
.dashboard-view .views-view-grid__item-inner .project-bottom{
    margin-top: auto;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 100%;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div{
    margin-right: 24px;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .views-label{
    font-size: 10px;
    color: #bdbdbd;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .field-content{
    display: flex;
    align-items: center;
    font-size: 10px;
    color: #fff;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-open-link{
    margin-right: 0;
    margin-left: auto;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-reply-link{
    margin-right: 0;
    margin-left: auto;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-open-link > .field-content{
    display: block;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-open-link a{
    padding: 12px 20px;
    font-weight: 700;
    color: #f9f9f8;
    border-radius: 10px;
    background: #6cc85e;
    text-decoration: none;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-reply-link a{
    padding: 12px 20px;
    font-weight: 700;
    color: #f9f9f8;
    border-radius: 10px;
    background: #6cc85e;
    text-decoration: none;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .views-field-created time{
    position: relative;
    padding-left: 16px;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .views-field-created time:before{
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 1px;
    left: 0;
    background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.37511 2.61301V1.83301C8.37511 1.62801 8.20511 1.45801 8.00011 1.45801C7.79511 1.45801 7.62511 1.62801 7.62511 1.83301V2.58301H4.37511V1.83301C4.37511 1.62801 4.20511 1.45801 4.00011 1.45801C3.79511 1.45801 3.62511 1.62801 3.62511 1.83301V2.61301C2.27511 2.73801 1.62011 3.54301 1.52011 4.73801C1.51011 4.88301 1.63011 5.00301 1.77011 5.00301H10.2301C10.3751 5.00301 10.4951 4.87801 10.4801 4.73801C10.3801 3.54301 9.72511 2.73801 8.37511 2.61301Z" fill="%236CC85E" /><path d="M10 5.75301H2C1.725 5.75301 1.5 5.97801 1.5 6.25301V9.33301C1.5 10.833 2.25 11.833 4 11.833H8C9.75 11.833 10.5 10.833 10.5 9.33301V6.25301C10.5 5.97801 10.275 5.75301 10 5.75301ZM4.605 9.93801C4.58 9.95801 4.555 9.98301 4.53 9.99801C4.5 10.018 4.47 10.033 4.44 10.043C4.41 10.058 4.38 10.068 4.35 10.073C4.315 10.078 4.285 10.083 4.25 10.083C4.185 10.083 4.12 10.068 4.06 10.043C3.995 10.018 3.945 9.98301 3.895 9.93801C3.805 9.84301 3.75 9.71301 3.75 9.58301C3.75 9.45301 3.805 9.32301 3.895 9.22801C3.945 9.18301 3.995 9.14801 4.06 9.12301C4.15 9.08301 4.25 9.07301 4.35 9.09301C4.38 9.09801 4.41 9.10801 4.44 9.12301C4.47 9.13301 4.5 9.14801 4.53 9.16801C4.555 9.18801 4.58 9.20801 4.605 9.22801C4.695 9.32301 4.75 9.45301 4.75 9.58301C4.75 9.71301 4.695 9.84301 4.605 9.93801ZM4.605 8.18801C4.51 8.27801 4.38 8.33301 4.25 8.33301C4.12 8.33301 3.99 8.27801 3.895 8.18801C3.805 8.09301 3.75 7.96301 3.75 7.83301C3.75 7.70301 3.805 7.57301 3.895 7.47801C4.035 7.33801 4.255 7.29301 4.44 7.37301C4.505 7.39801 4.56 7.43301 4.605 7.47801C4.695 7.57301 4.75 7.70301 4.75 7.83301C4.75 7.96301 4.695 8.09301 4.605 8.18801ZM6.355 9.93801C6.26 10.028 6.13 10.083 6 10.083C5.87 10.083 5.74 10.028 5.645 9.93801C5.555 9.84301 5.5 9.71301 5.5 9.58301C5.5 9.45301 5.555 9.32301 5.645 9.22801C5.83 9.04301 6.17 9.04301 6.355 9.22801C6.445 9.32301 6.5 9.45301 6.5 9.58301C6.5 9.71301 6.445 9.84301 6.355 9.93801ZM6.355 8.18801C6.33 8.20801 6.305 8.22801 6.28 8.24801C6.25 8.26801 6.22 8.28301 6.19 8.29301C6.16 8.30801 6.13 8.31801 6.1 8.32301C6.065 8.32801 6.035 8.33301 6 8.33301C5.87 8.33301 5.74 8.27801 5.645 8.18801C5.555 8.09301 5.5 7.96301 5.5 7.83301C5.5 7.70301 5.555 7.57301 5.645 7.47801C5.69 7.43301 5.745 7.39801 5.81 7.37301C5.995 7.29301 6.215 7.33801 6.355 7.47801C6.445 7.57301 6.5 7.70301 6.5 7.83301C6.5 7.96301 6.445 8.09301 6.355 8.18801ZM8.105 9.93801C8.01 10.028 7.88 10.083 7.75 10.083C7.62 10.083 7.49 10.028 7.395 9.93801C7.305 9.84301 7.25 9.71301 7.25 9.58301C7.25 9.45301 7.305 9.32301 7.395 9.22801C7.58 9.04301 7.92 9.04301 8.105 9.22801C8.195 9.32301 8.25 9.45301 8.25 9.58301C8.25 9.71301 8.195 9.84301 8.105 9.93801ZM8.105 8.18801C8.08 8.20801 8.055 8.22801 8.03 8.24801C8 8.26801 7.97 8.28301 7.94 8.29301C7.91 8.30801 7.88 8.31801 7.85 8.32301C7.815 8.32801 7.78 8.33301 7.75 8.33301C7.62 8.33301 7.49 8.27801 7.395 8.18801C7.305 8.09301 7.25 7.96301 7.25 7.83301C7.25 7.70301 7.305 7.57301 7.395 7.47801C7.445 7.43301 7.495 7.39801 7.56 7.37301C7.65 7.33301 7.75 7.32301 7.85 7.34301C7.88 7.34801 7.91 7.35801 7.94 7.37301C7.97 7.38301 8 7.39801 8.03 7.41801C8.055 7.43801 8.08 7.45801 8.105 7.47801C8.195 7.57301 8.25 7.70301 8.25 7.83301C8.25 7.96301 8.195 8.09301 8.105 8.18801Z" fill="%236CC85E" /></svg>');
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .views-field-totalcount .field-content{
    position: relative;
    padding-left: 16px;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .views-field-totalcount .field-content:before{
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 1px;
    left: 0;
    background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.625 5.408C9.47 3.593 7.78 2.548 6 2.548C5.11 2.548 4.245 2.808 3.455 3.293C2.665 3.783 1.955 4.498 1.375 5.408C0.875 6.193 0.875 7.468 1.375 8.253C2.53 10.073 4.22 11.113 6 11.113C6.89 11.113 7.755 10.853 8.545 10.368C9.335 9.878 10.045 9.163 10.625 8.253C11.125 7.473 11.125 6.193 10.625 5.408ZM6 8.853C4.88 8.853 3.98 7.948 3.98 6.833C3.98 5.718 4.88 4.813 6 4.813C7.12 4.813 8.02 5.718 8.02 6.833C8.02 7.948 7.12 8.853 6 8.853Z" fill="%236CC85E" /><path d="M6.0002 5.40302C5.2152 5.40302 4.5752 6.04301 4.5752 6.83301C4.5752 7.61802 5.2152 8.25802 6.0002 8.25802C6.7852 8.25802 7.4302 7.61802 7.4302 6.83301C7.4302 6.04801 6.7852 5.40302 6.0002 5.40302Z" fill="%236CC85E" /></svg>');
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-timeline .field-content{
    position: relative;
    padding-left: 16px;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-timeline .field-content:before{
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 1px;
    left: 0;
    background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 1.83301C3.245 1.83301 1 4.07801 1 6.83301C1 9.58801 3.245 11.833 6 11.833C8.755 11.833 11 9.58801 11 6.83301C11 4.07801 8.755 1.83301 6 1.83301ZM8.175 8.61801C8.105 8.73801 7.98 8.80301 7.85 8.80301C7.785 8.80301 7.72 8.78801 7.66 8.74801L6.11 7.82301C5.725 7.59301 5.44 7.08801 5.44 6.64301V4.59301C5.44 4.38801 5.61 4.21801 5.815 4.21801C6.02 4.21801 6.19 4.38801 6.19 4.59301V6.64301C6.19 6.82301 6.34 7.08801 6.495 7.17801L8.045 8.10301C8.225 8.20801 8.285 8.43801 8.175 8.61801Z" fill="%236CC85E" /></svg>');
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-responses-bottom .field-content{
    position: relative;
    padding-left: 16px;
}
.dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-responses-bottom .field-content:before{
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 1px;
    left: 0;
    background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.23519 9.24801L9.43019 10.828C9.48019 11.243 9.03519 11.533 8.68019 11.318L6.95019 10.288C6.83019 10.218 6.80019 10.068 6.86519 9.94801C7.11519 9.48801 7.25019 8.96801 7.25019 8.44801C7.25019 6.61801 5.68019 5.12801 3.75019 5.12801C3.35519 5.12801 2.97019 5.18801 2.61019 5.30801C2.42519 5.36801 2.24519 5.19801 2.29019 5.00801C2.74519 3.18801 4.49519 1.83301 6.58519 1.83301C9.02519 1.83301 11.0002 3.67801 11.0002 5.95301C11.0002 7.30301 10.3052 8.49801 9.23519 9.24801Z" fill="%236CC85E" /><path d="M6.5 8.44793C6.5 9.04293 6.28 9.59293 5.91 10.0279C5.415 10.6279 4.63 11.0129 3.75 11.0129L2.445 11.7879C2.225 11.9229 1.945 11.7379 1.975 11.4829L2.1 10.4979C1.43 10.0329 1 9.28793 1 8.44793C1 7.56793 1.47 6.79293 2.19 6.33293C2.635 6.04293 3.17 5.87793 3.75 5.87793C5.27 5.87793 6.5 7.02793 6.5 8.44793Z" fill="%236CC85E" /></svg>');
}
.dashboard-view .dashboard-add-a-project-item .views-view-grid__item-inner{
    padding: 0;
}
.dashboard-view .dashboard-add-a-project-item .views-view-grid__item-inner a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 300px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #6cc85e;
    text-decoration: none;
    outline: none;
}


/*****DASHBOARD*****/







/*** USER FORM ***/


.user-form .user-edit-form-wrapper{
    display: flex;
    gap: 36px;
}
.user-form .user-edit-picture-wrapper{
    flex: 0 0 73px;
}
.user-form .user-edit-picture-wrapper .field--type-image label.form-item__label{
    display: none;
}
.user-form .user-edit-picture-wrapper .field--type-image .image-widget span{
    display: inline-block;
    width: 73px;
    margin-top: -77px;
    padding-top: 77px;
    font-weight: 300;
    font-size: 10px;
    line-height: 240%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #bdbdbd;
    text-align: center;
}
.user-form .user-edit-picture-wrapper .field--type-image .image-widget input{
    display: none;
}
.user-form .user-edit-picture-wrapper .field--type-image .image-widget img{
    width: 73px;
    height: 73px;
    border: 1px solid #fff;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}
.user-form .user-edit-picture-wrapper .field--type-image .image-widget input.form-submit{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: 400;
    font-size: 10px;
    line-height: 240%;
    text-align: center;
    text-decoration: underline;
    color: #bdbdbd;
}
.user-form .user-edit-picture-wrapper .form-item__description{
    display: none;
}
.user-form .user-edit-main-wrapper > div:not(:last-of-type){
    margin-bottom: 25px;
}
.user-form .user-edit-main-wrapper .form-item{
    margin: 0;
}
.user-form .user-edit-main-wrapper label.form-item__label{
    margin: 0;
    margin-bottom: 4px;
    font-weight: 300;
    line-height: 150%;
    color: #1b1d28;
}
.user-form .user-edit-main-wrapper label.form-item__label:after{
    display: none;
}
.user-form .user-edit-main-wrapper input.form-text{
    width: 100%;
    min-height: auto;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #1b1d28;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
}
.user-form .user-edit-main-wrapper .form-item__description{
    margin: 0;
    margin-top: 4px;
    font-weight: 300;
    font-size: 14px;
    line-height: 143%;
    color: #bdbdbd;
}
.user-form .user-edit-main-wrapper .username-your-name-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -24px;
}
.user-form .user-edit-main-wrapper .username-your-name-wrapper > div{
    flex: 0 0 50%;
    padding: 0 24px;
}
.user-form .user-edit-main-wrapper .mail-phone-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -24px;
}
.user-form .user-edit-main-wrapper .mail-phone-wrapper > div{
    flex: 0 0 50%;
    padding: 0 24px;
}
.user-form .user-edit-main-wrapper .mail-phone-wrapper input{
    width: 100%;
    min-height: auto;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #1b1d28;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
}
.user-form .user-edit-main-wrapper .mail-phone-wrapper .email-input-wrapper{
    display: flex;
    align-items: center;
}
.user-form .user-edit-main-wrapper .mail-phone-wrapper .email-input-wrapper #mail_verify_button{
    height: auto;
    margin: 0;
    margin-left: 12px;
    padding: 12px 20px;
    line-height: 125%;
    color: #f9f9f8;
    font-size: 16px;
    border: none;
    border-radius: 10px;
    background: #0d1215;
}
.user-form .user-edit-main-wrapper .company-website-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -24px;
}
.user-form .user-edit-main-wrapper .company-website-wrapper > div{
    flex: 0 0 50%;
    padding: 0 24px;
}
.user-form .user-edit-main-wrapper .company-website-wrapper .company-name-visibilitywrapper{
    position: relative;
}
.user-form .user-edit-main-wrapper .company-website-wrapper .company-name-visibilitywrapper .field--name-field-visibility{
    position: absolute;
    top: 35px;
    right: -5px;
    transform: translateX(-200%);
}
.user-form .user-edit-main-wrapper .company-website-wrapper .company-name-visibilitywrapper .field--name-field-visibility label{
    height: auto;
    font-size: 14px;
    line-height: 143%;
    color: #1b1d28;
}
.user-form .user-edit-main-wrapper .company-website-wrapper .company-name-visibilitywrapper .field--name-field-visibility label input{
    display: none;
}
.user-form .user-edit-main-wrapper .company-website-wrapper .company-name-visibilitywrapper .field--name-field-visibility label .slider{
    display: flex;
    align-items: center;
    width: 28px;
    height: 16px;
    margin-top: 2px;
    background: #f9f9f8;
    border: 0.40px solid #bdbdbd;
    transition: .2s;
}
.user-form .user-edit-main-wrapper .company-website-wrapper .company-name-visibilitywrapper .field--name-field-visibility label input:checked + .slider{
    background: #6cc85e;
}
.user-form .user-edit-main-wrapper .company-website-wrapper .company-name-visibilitywrapper .field--name-field-visibility label .slider:before{
    bottom: auto;
    left: 3px;
    width: 12px;
    height: 12px;
    background: #1B1D28;
    transition: .2s;
}
.user-form .user-edit-main-wrapper .company-website-wrapper .company-name-visibilitywrapper .field--name-field-visibility label input:checked + .slider:before{
    transform: translateX(11px);
    background: #fff;
}
.user-form .user-edit-main-wrapper .company-website-wrapper .company-name-visibilitywrapper .field--name-field-visibility label .toggle-button__text{
    margin-left: 36px;
    white-space: nowrap;
}
.user-form .user-edit-main-wrapper .field--name-field-user-tags .select2-selection--multiple{
    padding: 15px 7px;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
}
.user-form .user-edit-main-wrapper .field--name-field-user-tags .select2-selection--multiple ul.select2-selection__rendered{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}
.user-form .user-edit-main-wrapper .field--name-field-user-tags .select2-selection--multiple ul.select2-selection__rendered .select2-selection__choice{
    display: flex;
    align-items: center;
    max-height: 36px;
    margin: 0;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 50px;
    background: #1b1d28;
    color: #fff;
    font-size: 12px;
    border: none;
}
.user-form .user-edit-main-wrapper .field--name-field-description textarea{
    width: 100%;
    min-height: 100px;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #1b1d28;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    font-weight: 300;
    font-size: 14px;
    line-height: 143%;
    color: #1b1d28;
    outline: none;
}
.user-form .user-edit-main-wrapper .password-wrapper{
    width: calc(50% - 24px);
}
.user-form .user-edit-main-wrapper .password-wrapper > div > div:not(:last-of-type){
    margin-bottom: 25px;
}
.user-form .user-edit-main-wrapper .password-wrapper .password-confirm-message{
    margin-top: 20px;
    font-size: 14px;
}
.user-form .user-edit-main-wrapper .password-wrapper #edit-pass--description{
    font-size: 12px;
}
.user-form .form-actions{
    margin: 0;
    margin-top: 45px;
    padding-left: 109px;
}
.user-form .form-actions input.form-submit{
    height: auto;
    margin: 0;
    padding: 13px 20px;
    border-radius: 10px;
    background: #0d1215;
    border: none;
    font-size: 16px;
}








/*** USER FORM ***/







/*project sidebar*/



.project-info-view .view-content > .views-view-grid{
    --views-grid--column-count: 1!important;
}
.project-info-view .view-content{
    padding: 18px 18px 29px 18px;
    color: #fff;
    background: #1b1d28;
    border-radius: 20px;
}
.project-info-view .views-view-grid__item-inner .project-top{
    margin-bottom: 16px;
}
.project-info-view .views-view-grid__item-inner .project-top .project-top-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}
.project-info-view .views-view-grid__item-inner .project-top .project-top-wrapper .project-status .field-content > span{
    position: relative;
    display: flex;
    align-items: center;
}
.project-info-view .views-view-grid__item-inner .project-top .project-top-wrapper .project-status .field-content > span:after{
    content: '';
    position: absolute;
    left: calc(100% + 4px);
    width: 8px;
    height: 8px;
    background-color: #ccc;
    border-radius: 100%;
}
.project-info-view .views-view-grid__item-inner .project-top .project-top-wrapper .project-status .field-content > span.active:after{
    background-color: #60EA5D;
}
.project-info-view .views-view-grid__item-inner .project-top .project-top-wrapper .project-edit-link a{
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 16px;
    color: #fff;
}
.project-info-view .views-view-grid__item-inner .project-top .project-top-wrapper .project-edit-link a:after{
    content: '';
    position: absolute;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.47102 2.70988L6.88602 1.21488C6.39102 0.929879 5.61602 0.929879 5.12102 1.21488L2.51102 2.71988C1.47602 3.41988 1.41602 3.52488 1.41602 4.63988V7.35488C1.41602 8.46988 1.47602 8.57988 2.53102 9.28988L5.11602 10.7849C5.36602 10.9299 5.68602 10.9999 6.00102 10.9999C6.31602 10.9999 6.63602 10.9299 6.88102 10.7849L9.49102 9.27988C10.526 8.57988 10.586 8.47488 10.586 7.35988V4.63988C10.586 3.52488 10.526 3.41988 9.47102 2.70988ZM6.00102 7.62488C5.10602 7.62488 4.37602 6.89488 4.37602 5.99988C4.37602 5.10488 5.10602 4.37488 6.00102 4.37488C6.89602 4.37488 7.62602 5.10488 7.62602 5.99988C7.62602 6.89488 6.89602 7.62488 6.00102 7.62488Z" fill="white" /></svg>');
}
.project-info-view .views-view-grid__item-inner .project-wrapper .project-body-wrapper .project-title{
    margin-bottom: 19px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 120%;
}
.project-info-view .views-view-grid__item-inner .project-wrapper .project-body-wrapper .project-tags .field-content > .field__items{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 9px;
    line-height: 200%;
    color: #fff;
}
.project-info-view .views-view-grid__item-inner .project-wrapper .project-body-wrapper .project-tags .field-content > .field__items .field__item{
    margin-bottom: 11px;
    padding: 2px 8px;
    background-color: rgba(249, 249, 248, 0.1);
    border-radius: 50px;
}
.project-info-view .views-view-grid__item-inner .project-wrapper .project-body-wrapper .project-tags .field-content > .field__items .field__item:not(:last-of-type){
    margin-right: 4px;
}
.project-info-view .views-view-grid__item-inner .project-published-views{
    margin-bottom: 23px;
}
.project-info-view .views-view-grid__item-inner .project-published-views .project-published-views-wrapper{
    display: flex;
}
.project-info-view .views-view-grid__item-inner .project-published-views .project-published-views-wrapper > div{
    flex: 0 0 50%;
}
.project-info-view .views-view-grid__item-inner .project-published-views .project-published-views-wrapper .views-label-created{
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #bdbdbd;
}
.project-info-view .views-view-grid__item-inner .project-published-views .project-published-views-wrapper .views-label-totalcount{
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #bdbdbd;
}
.project-info-view .views-view-grid__item-inner .project-published-views .project-published-views-wrapper .field-content{
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 24px;
    font-weight: 300;
    font-size: 14px;
    line-height: 114%;
    color: #fff;
}
.project-info-view .views-view-grid__item-inner .project-published-views .project-published-views-wrapper .project-published-date .field-content:before{
    content: '';
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.1662 2.37333V1.33333C11.1662 1.05999 10.9395 0.833328 10.6662 0.833328C10.3928 0.833328 10.1662 1.05999 10.1662 1.33333V2.33333H5.83284V1.33333C5.83284 1.05999 5.60617 0.833328 5.33284 0.833328C5.0595 0.833328 4.83284 1.05999 4.83284 1.33333V2.37333C3.03284 2.53999 2.1595 3.61333 2.02617 5.20666C2.01284 5.39999 2.17284 5.55999 2.3595 5.55999H13.6395C13.8328 5.55999 13.9928 5.39333 13.9728 5.20666C13.8395 3.61333 12.9662 2.53999 11.1662 2.37333Z" fill="%236CC85E" /><path d="M13.3333 6.56H2.66667C2.3 6.56 2 6.86 2 7.22666V11.3333C2 13.3333 3 14.6667 5.33333 14.6667H10.6667C13 14.6667 14 13.3333 14 11.3333V7.22666C14 6.86 13.7 6.56 13.3333 6.56ZM6.14 12.14C6.10667 12.1667 6.07333 12.2 6.04 12.22C6 12.2467 5.96 12.2667 5.92 12.28C5.88 12.3 5.84 12.3133 5.8 12.32C5.75333 12.3267 5.71333 12.3333 5.66667 12.3333C5.58 12.3333 5.49333 12.3133 5.41333 12.28C5.32667 12.2467 5.26 12.2 5.19333 12.14C5.07333 12.0133 5 11.84 5 11.6667C5 11.4933 5.07333 11.32 5.19333 11.1933C5.26 11.1333 5.32667 11.0867 5.41333 11.0533C5.53333 11 5.66667 10.9867 5.8 11.0133C5.84 11.02 5.88 11.0333 5.92 11.0533C5.96 11.0667 6 11.0867 6.04 11.1133C6.07333 11.14 6.10667 11.1667 6.14 11.1933C6.26 11.32 6.33333 11.4933 6.33333 11.6667C6.33333 11.84 6.26 12.0133 6.14 12.14ZM6.14 9.80666C6.01333 9.92666 5.84 10 5.66667 10C5.49333 10 5.32 9.92666 5.19333 9.80666C5.07333 9.68 5 9.50666 5 9.33333C5 9.16 5.07333 8.98666 5.19333 8.86C5.38 8.67333 5.67333 8.61333 5.92 8.72C6.00667 8.75333 6.08 8.8 6.14 8.86C6.26 8.98666 6.33333 9.16 6.33333 9.33333C6.33333 9.50666 6.26 9.68 6.14 9.80666ZM8.47333 12.14C8.34667 12.26 8.17333 12.3333 8 12.3333C7.82667 12.3333 7.65333 12.26 7.52667 12.14C7.40667 12.0133 7.33333 11.84 7.33333 11.6667C7.33333 11.4933 7.40667 11.32 7.52667 11.1933C7.77333 10.9467 8.22667 10.9467 8.47333 11.1933C8.59333 11.32 8.66667 11.4933 8.66667 11.6667C8.66667 11.84 8.59333 12.0133 8.47333 12.14ZM8.47333 9.80666C8.44 9.83333 8.40667 9.86 8.37333 9.88666C8.33333 9.91333 8.29333 9.93333 8.25333 9.94666C8.21333 9.96666 8.17333 9.98 8.13333 9.98666C8.08667 9.99333 8.04667 10 8 10C7.82667 10 7.65333 9.92666 7.52667 9.80666C7.40667 9.68 7.33333 9.50666 7.33333 9.33333C7.33333 9.16 7.40667 8.98666 7.52667 8.86C7.58667 8.8 7.66 8.75333 7.74667 8.72C7.99333 8.61333 8.28667 8.67333 8.47333 8.86C8.59333 8.98666 8.66667 9.16 8.66667 9.33333C8.66667 9.50666 8.59333 9.68 8.47333 9.80666ZM10.8067 12.14C10.68 12.26 10.5067 12.3333 10.3333 12.3333C10.16 12.3333 9.98667 12.26 9.86 12.14C9.74 12.0133 9.66667 11.84 9.66667 11.6667C9.66667 11.4933 9.74 11.32 9.86 11.1933C10.1067 10.9467 10.56 10.9467 10.8067 11.1933C10.9267 11.32 11 11.4933 11 11.6667C11 11.84 10.9267 12.0133 10.8067 12.14ZM10.8067 9.80666C10.7733 9.83333 10.74 9.86 10.7067 9.88666C10.6667 9.91333 10.6267 9.93333 10.5867 9.94666C10.5467 9.96666 10.5067 9.98 10.4667 9.98666C10.42 9.99333 10.3733 10 10.3333 10C10.16 10 9.98667 9.92666 9.86 9.80666C9.74 9.68 9.66667 9.50666 9.66667 9.33333C9.66667 9.16 9.74 8.98666 9.86 8.86C9.92667 8.8 9.99333 8.75333 10.08 8.72C10.2 8.66666 10.3333 8.65333 10.4667 8.68C10.5067 8.68666 10.5467 8.7 10.5867 8.72C10.6267 8.73333 10.6667 8.75333 10.7067 8.78C10.74 8.80666 10.7733 8.83333 10.8067 8.86C10.9267 8.98666 11 9.16 11 9.33333C11 9.50666 10.9267 9.68 10.8067 9.80666Z" fill="%236CC85E" /></svg>');
}
.project-info-view .views-view-grid__item-inner .project-published-views .project-published-views-wrapper .project-views .field-content:before{
    content: '';
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1673 6.1C12.6273 3.68 10.374 2.28667 8.00065 2.28667C6.81398 2.28667 5.66065 2.63333 4.60732 3.28C3.55398 3.93333 2.60732 4.88667 1.83398 6.1C1.16732 7.14667 1.16732 8.84667 1.83398 9.89333C3.37398 12.32 5.62732 13.7067 8.00065 13.7067C9.18732 13.7067 10.3407 13.36 11.394 12.7133C12.4473 12.06 13.394 11.1067 14.1673 9.89333C14.834 8.85333 14.834 7.14667 14.1673 6.1ZM8.00065 10.6933C6.50732 10.6933 5.30732 9.48667 5.30732 8C5.30732 6.51333 6.50732 5.30667 8.00065 5.30667C9.49398 5.30667 10.694 6.51333 10.694 8C10.694 9.48667 9.49398 10.6933 8.00065 10.6933Z" fill="%236CC85E" /><path d="M7.99961 6.09334C6.95294 6.09334 6.09961 6.94667 6.09961 8C6.09961 9.04667 6.95294 9.9 7.99961 9.9C9.04628 9.9 9.90628 9.04667 9.90628 8C9.90628 6.95334 9.04628 6.09334 7.99961 6.09334Z" fill="%236CC85E" /></svg>');
}
.project-info-view .views-view-grid__item-inner .project-timeline-location .project-timeline-location-wrapper{
    display: flex;
}
.project-info-view .views-view-grid__item-inner .project-timeline-location .project-timeline-location-wrapper > div{
    flex: 0 0 50%;
}
.project-info-view .views-view-grid__item-inner .project-timeline-location .project-timeline-location-wrapper .views-label-field-timeline{
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #bdbdbd;
}
.project-info-view .views-view-grid__item-inner .project-timeline-location .project-timeline-location-wrapper .views-label-field-location{
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #bdbdbd;
}
.project-info-view .views-view-grid__item-inner .project-timeline-location .project-timeline-location-wrapper .field-content{
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 24px;
    font-weight: 300;
    font-size: 14px;
    line-height: 114%;
    color: #fff;
}
.project-info-view .views-view-grid__item-inner .project-timeline-location .project-timeline-location-wrapper .project-timeline .field-content:before{
    content: '';
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00065 1.33334C4.32732 1.33334 1.33398 4.32667 1.33398 8C1.33398 11.6733 4.32732 14.6667 8.00065 14.6667C11.674 14.6667 14.6673 11.6733 14.6673 8C14.6673 4.32667 11.674 1.33334 8.00065 1.33334ZM10.9007 10.38C10.8073 10.54 10.6407 10.6267 10.4673 10.6267C10.3807 10.6267 10.294 10.6067 10.214 10.5533L8.14732 9.32C7.63398 9.01334 7.25398 8.34 7.25398 7.74667V5.01334C7.25398 4.74 7.48065 4.51334 7.75398 4.51334C8.02732 4.51334 8.25398 4.74 8.25398 5.01334V7.74667C8.25398 7.98667 8.45398 8.34 8.66065 8.46L10.7273 9.69334C10.9673 9.83334 11.0473 10.14 10.9007 10.38Z" fill="%236CC85E" /></svg>');
}
.project-info-view .views-view-grid__item-inner .project-timeline-location .project-timeline-location-wrapper .project-location .field-content:before{
    content: '';
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.10026 4.99333C5.72693 4.99333 5.43359 5.29333 5.43359 5.66C5.43359 6.02667 5.73359 6.32666 6.10026 6.32666C6.46693 6.32666 6.76693 6.02667 6.76693 5.66C6.76693 5.29333 6.46693 4.99333 6.10026 4.99333Z" fill="%236CC85E" /><path d="M14.3073 3.36C13.7473 2.06 12.514 1.33334 10.794 1.33334H5.20732C3.06732 1.33334 1.33398 3.06667 1.33398 5.20667V10.7933C1.33398 12.5133 2.06065 13.7467 3.36065 14.3067C3.48732 14.36 3.63398 14.3267 3.72732 14.2333L14.234 3.72667C14.334 3.62667 14.3673 3.48 14.3073 3.36ZM7.02065 8.16C6.76065 8.41334 6.42065 8.53334 6.08065 8.53334C5.74065 8.53334 5.40065 8.40667 5.14065 8.16C4.46065 7.52 3.71398 6.5 4.00065 5.28667C4.25398 4.18667 5.22732 3.69334 6.08065 3.69334C6.93398 3.69334 7.90732 4.18667 8.16065 5.29334C8.44065 6.5 7.69398 7.52 7.02065 8.16Z" fill="%236CC85E" /><path d="M12.9793 13.6867C13.1259 13.8333 13.1059 14.0733 12.9259 14.1733C12.3393 14.5 11.6259 14.6667 10.7926 14.6667H5.20595C5.01261 14.6667 4.93261 14.44 5.06595 14.3067L9.09261 10.28C9.22595 10.1467 9.43261 10.1467 9.56595 10.28L12.9793 13.6867Z" fill="%236CC85E" /><path d="M14.6672 5.20666V10.7933C14.6672 11.6267 14.5005 12.3467 14.1738 12.9267C14.0738 13.1067 13.8338 13.12 13.6872 12.98L10.2738 9.56666C10.1405 9.43333 10.1405 9.22666 10.2738 9.09333L14.3005 5.06666C14.4405 4.93333 14.6672 5.01333 14.6672 5.20666Z" fill="%236CC85E" /></svg>');
}
.project-info-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper{
    display: flex;
    align-items: center;
    margin-top: 33px;
}
.project-info-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .views-field-reply-button{
    flex: 0 0 calc(100% - 51px);
}
.project-info-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .views-field-reply-button a{
    display: inline-block;
    width: 100%;
    padding: 12px 40px;
    border-radius: 10px;
    background: #6cc85e;
    font-weight: 600;
    line-height: 125%;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.project-info-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-info-bookmark{
    margin-left: auto;
}
.project-info-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-info-bookmark .bookmark-icon{
    position: relative;
    width: 34px;
    height: 34px;

}
.project-info-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-info-bookmark .bookmark-icon:after{
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    background-image: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.1055 12.8203C15.6271 13.7411 18.3755 13.7411 20.8971 12.8203" stroke="%23707070" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M23.8301 2.83203H10.1734C7.15591 2.83203 4.70508 5.29703 4.70508 8.30037V28.2612C4.70508 30.8112 6.53258 31.8879 8.77091 30.6554L15.6842 26.8162C16.4209 26.4054 17.6109 26.4054 18.3334 26.8162L25.2467 30.6554C27.4851 31.902 29.3126 30.8254 29.3126 28.2612V8.30037C29.2984 5.29703 26.8476 2.83203 23.8301 2.83203Z" stroke="%23707070" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M23.8301 2.83203H10.1734C7.15591 2.83203 4.70508 5.29703 4.70508 8.30036V28.2612C4.70508 30.8112 6.53258 31.8879 8.77091 30.6554L15.6842 26.8162C16.4209 26.4054 17.6109 26.4054 18.3334 26.8162L25.2467 30.6554C27.4851 31.902 29.3126 30.8254 29.3126 28.2612V8.30036C29.2984 5.29703 26.8476 2.83203 23.8301 2.83203Z" stroke="%23707070" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}
.project-info-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-info-bookmark .unbookmark-icon{
    position: relative;
    width: 34px;
    height: 34px;
}
.project-info-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-info-bookmark .unbookmark-icon:after{
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    background-image: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.8281 2.83301H10.1715C7.15396 2.83301 4.70312 5.29801 4.70312 8.30134V28.2622C4.70312 30.8122 6.53063 31.8888 8.76896 30.6563L15.6823 26.8172C16.419 26.4063 17.609 26.4063 18.3315 26.8172L25.2448 30.6563C27.4831 31.903 29.3106 30.8263 29.3106 28.2622V8.30134C29.2965 5.29801 26.8456 2.83301 23.8281 2.83301ZM21.264 13.8122C19.8898 14.308 18.4448 14.563 16.9998 14.563C15.5548 14.563 14.1098 14.308 12.7356 13.8122C12.1831 13.6138 11.8998 13.0047 12.0981 12.4522C12.3106 11.8997 12.9198 11.6163 13.4723 11.8147C15.7531 12.6363 18.2606 12.6363 20.5415 11.8147C21.094 11.6163 21.7031 11.8997 21.9015 12.4522C22.0998 13.0047 21.8165 13.6138 21.264 13.8122Z" fill="%236CC85E" /></svg>');
}
.project-info-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-info-bookmark .ajax-progress-throbber{
    position: absolute;
}


/*project sidebar*/










/*client project content*/


.node--type-project.node--unpublished{
    background-color: #fff;
}
.node--type-project h1.title{
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
    color: #1b1d28;
}
.node--type-project .field--name-field-brief-description{
    margin-bottom: 30px;
    font-weight: 200;
    font-size: 20px;
    line-height: 130%;
    color: #1b1d28;
}
.node--type-project .field--name-field-project-files{
    margin-bottom: 68px;
    margin-block-end: 68px !important;
}
.node--type-project .field--name-field-project-files .field__label{
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #bdbdbd;
}
.node--type-project .field--name-field-project-files .field__items{
    display: flex;
    flex-wrap: wrap;
}
.node--type-project .field--name-field-project-files .field__items .field__item:not(:last-of-type){
    margin-right: 12px;
}
.node--type-project .field--name-field-project-files .field__items .field__item a{
    position: relative;
    display: flex;
    justify-content: center;
    width: 98px;
    padding-top: 103px;
    font-size: 11px;
    color: #1b1d28;
    text-decoration: none;
}
.node--type-project .field--name-field-project-files .field__items .field__item a .filename{
    display: inline;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.node--type-project .field--name-field-project-files .field__items .field__item a:before{
    content: '';
    position: absolute;
    top: 0;
    width: 98px;
    height: 98px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 300px;
}
.node--type-project .field--name-field-project-files .field__items .field__item a:after{
    content: '';
    position: absolute;
    top: 0;
    width: 98px;
    height: 98px;
    background-image: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.7213 3.16667H15.2796C13.6329 3.16667 12.2871 4.49667 12.2871 6.14334V7.63167C12.2871 9.27834 13.6171 10.6083 15.2638 10.6083H22.7213C24.3679 10.6083 25.6979 9.27834 25.6979 7.63167V6.14334C25.7138 4.49667 24.3679 3.16667 22.7213 3.16667Z" fill="%236CC85E" /><path d="M27.2965 7.63167C27.2965 10.1492 25.2381 12.2075 22.7206 12.2075H15.279C12.7615 12.2075 10.7032 10.1492 10.7032 7.63167C10.7032 6.745 9.75315 6.19083 8.96148 6.6025C6.72898 7.79 5.20898 10.1492 5.20898 12.8567V27.7558C5.20898 31.6508 8.39148 34.8333 12.2865 34.8333H25.7131C29.6081 34.8333 32.7906 31.6508 32.7906 27.7558V12.8567C32.7906 10.1492 31.2706 7.79 29.0381 6.6025C28.2465 6.19083 27.2965 6.745 27.2965 7.63167ZM24.2881 20.1558L17.9548 26.4892C17.7173 26.7267 17.4165 26.8375 17.1157 26.8375C16.8148 26.8375 16.514 26.7267 16.2765 26.4892L13.9015 24.1142C13.4423 23.655 13.4423 22.895 13.9015 22.4358C14.3606 21.9767 15.1207 21.9767 15.5798 22.4358L17.1157 23.9717L22.6098 18.4775C23.069 18.0183 23.829 18.0183 24.2881 18.4775C24.7473 18.9367 24.7473 19.6967 24.2881 20.1558Z" fill="%236CC85E" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
}
.node--type-project .horizontal-tabs{
    border: none;
}
.node--type-project .horizontal-tabs .horizontal-tabs-list{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
}
.node--type-project .horizontal-tabs .horizontal-tabs-list > li{
    flex: 0 0 33.333333%;
    text-align: center;
    border: none;
    transition: .3s;
    background-color: transparent;
}
.node--type-project .horizontal-tabs .horizontal-tabs-list > li.selected {
    border-bottom: 1px solid #1b1d28;
}
.node--type-project .horizontal-tabs .horizontal-tabs-list > li a{
    padding: 10px 0;
    font-size: 16px;
    color: #bdbdbd;
    transition: .3s;
}
.node--type-project .horizontal-tabs .horizontal-tabs-list > li a strong{
    font-weight: 400;
}
.node--type-project .horizontal-tabs .horizontal-tabs-list > li.selected a{
    color: #1b1d28;
}
.node--type-project .horizontal-tabs .horizontal-tabs-pane{
    margin: 0;
    padding: 0;
}
.node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper{
    margin: 0;
    padding: 57px 0;
}
.node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper .field--name-field-project-responses .field__label{
    margin-bottom: 26px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #1b1d28;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner{
    padding: 20px 15px 15px 15px;
    border-radius: 20px;
    background-color: #1b1d28;
    color: #fff;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item h4.response-contractor-company-name{
    margin: 0;
    margin-bottom: 34px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-body{
    margin-bottom: 20px;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-body .response-body-wrapper{
    display: flex;
    align-items: center;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-body .response-body-wrapper .response-contractor-pricture img{
    width: 42px;
    height: 42px;
    margin-right: 9px;
    border: 1px solid #fff;
    border-radius: 100%;
    object-fit: cover;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-body .response-body-wrapper .response-user-names .response-contractor-your-name{
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 55%;
    color: #fff;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-body .response-body-wrapper .response-user-names .response-contractor-nickname{
    font-weight: 300;
    font-size: 15px;
    line-height: 55%;
    color: #bdbdbd;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper{
    display: flex;
    align-items: center;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .views-field-created{
    display: flex;
    flex-direction: column;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .views-field-created .views-label-created{
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 10px;
    color: #bdbdbd;
    line-height: 180%;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .views-field-created .field-content{
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 16px;
    font-weight: 400;
    font-size: 10px;
    line-height: 160%;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .views-field-created .field-content:before{
    content: '';
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.37511 1.78V1C8.37511 0.795 8.20511 0.625 8.00011 0.625C7.79511 0.625 7.62511 0.795 7.62511 1V1.75H4.37511V1C4.37511 0.795 4.20511 0.625 4.00011 0.625C3.79511 0.625 3.62511 0.795 3.62511 1V1.78C2.27511 1.905 1.62011 2.71 1.52011 3.905C1.51011 4.05 1.63011 4.17 1.77011 4.17H10.2301C10.3751 4.17 10.4951 4.045 10.4801 3.905C10.3801 2.71 9.72511 1.905 8.37511 1.78Z" fill="%236CC85E" /><path d="M10 4.92001H2C1.725 4.92001 1.5 5.14501 1.5 5.42001V8.50001C1.5 10 2.25 11 4 11H8C9.75 11 10.5 10 10.5 8.50001V5.42001C10.5 5.14501 10.275 4.92001 10 4.92001ZM4.605 9.10501C4.58 9.12501 4.555 9.15001 4.53 9.16501C4.5 9.18501 4.47 9.20001 4.44 9.21001C4.41 9.22501 4.38 9.23501 4.35 9.24001C4.315 9.24501 4.285 9.25001 4.25 9.25001C4.185 9.25001 4.12 9.23501 4.06 9.21001C3.995 9.18501 3.945 9.15001 3.895 9.10501C3.805 9.01001 3.75 8.88001 3.75 8.75001C3.75 8.62001 3.805 8.49001 3.895 8.39501C3.945 8.35001 3.995 8.31501 4.06 8.29001C4.15 8.25001 4.25 8.24001 4.35 8.26001C4.38 8.26501 4.41 8.27501 4.44 8.29001C4.47 8.30001 4.5 8.31501 4.53 8.33501C4.555 8.35501 4.58 8.37501 4.605 8.39501C4.695 8.49001 4.75 8.62001 4.75 8.75001C4.75 8.88001 4.695 9.01001 4.605 9.10501ZM4.605 7.35501C4.51 7.44501 4.38 7.50001 4.25 7.50001C4.12 7.50001 3.99 7.44501 3.895 7.35501C3.805 7.26001 3.75 7.13001 3.75 7.00001C3.75 6.87001 3.805 6.74001 3.895 6.64501C4.035 6.50501 4.255 6.46001 4.44 6.54001C4.505 6.56501 4.56 6.60001 4.605 6.64501C4.695 6.74001 4.75 6.87001 4.75 7.00001C4.75 7.13001 4.695 7.26001 4.605 7.35501ZM6.355 9.10501C6.26 9.19501 6.13 9.25001 6 9.25001C5.87 9.25001 5.74 9.19501 5.645 9.10501C5.555 9.01001 5.5 8.88001 5.5 8.75001C5.5 8.62001 5.555 8.49001 5.645 8.39501C5.83 8.21001 6.17 8.21001 6.355 8.39501C6.445 8.49001 6.5 8.62001 6.5 8.75001C6.5 8.88001 6.445 9.01001 6.355 9.10501ZM6.355 7.35501C6.33 7.37501 6.305 7.39501 6.28 7.41501C6.25 7.43501 6.22 7.45001 6.19 7.46001C6.16 7.47501 6.13 7.48501 6.1 7.49001C6.065 7.49501 6.035 7.50001 6 7.50001C5.87 7.50001 5.74 7.44501 5.645 7.35501C5.555 7.26001 5.5 7.13001 5.5 7.00001C5.5 6.87001 5.555 6.74001 5.645 6.64501C5.69 6.60001 5.745 6.56501 5.81 6.54001C5.995 6.46001 6.215 6.50501 6.355 6.64501C6.445 6.74001 6.5 6.87001 6.5 7.00001C6.5 7.13001 6.445 7.26001 6.355 7.35501ZM8.105 9.10501C8.01 9.19501 7.88 9.25001 7.75 9.25001C7.62 9.25001 7.49 9.19501 7.395 9.10501C7.305 9.01001 7.25 8.88001 7.25 8.75001C7.25 8.62001 7.305 8.49001 7.395 8.39501C7.58 8.21001 7.92 8.21001 8.105 8.39501C8.195 8.49001 8.25 8.62001 8.25 8.75001C8.25 8.88001 8.195 9.01001 8.105 9.10501ZM8.105 7.35501C8.08 7.37501 8.055 7.39501 8.03 7.41501C8 7.43501 7.97 7.45001 7.94 7.46001C7.91 7.47501 7.88 7.48501 7.85 7.49001C7.815 7.49501 7.78 7.50001 7.75 7.50001C7.62 7.50001 7.49 7.44501 7.395 7.35501C7.305 7.26001 7.25 7.13001 7.25 7.00001C7.25 6.87001 7.305 6.74001 7.395 6.64501C7.445 6.60001 7.495 6.56501 7.56 6.54001C7.65 6.50001 7.75 6.49001 7.85 6.51001C7.88 6.51501 7.91 6.52501 7.94 6.54001C7.97 6.55001 8 6.56501 8.03 6.58501C8.055 6.60501 8.08 6.62501 8.105 6.64501C8.195 6.74001 8.25 6.87001 8.25 7.00001C8.25 7.13001 8.195 7.26001 8.105 7.35501Z" fill="%236CC85E" /></svg>');
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-contractor-rate{
    display: flex;
    flex-direction: column;
    padding-bottom: 2px;
    padding-left: 14px;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-contractor-rate .views-label{
    display: flex;
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 10px;
    color: #bdbdbd;
    line-height: 180%;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-contractor-rate .field-content{
    display: flex;
    align-items: center;
    height: 14px;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-contractor-rate .field-content .rate-widget .fivestar-rating-wrapper{
    display: flex;
    gap: 5px;
}
div.fivestar-rating-wrapper > div > label, div.fivestar-rating-wrapper > div > label.empty{
    color: #4b4b4b;
}
div.fivestar-rating-wrapper > div > label.full{
    color: #ffcc00;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-contractor-rate .field-content .rate-widget .form-item > label:before{
    font-size: 14px;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-view-link{
    margin-left: auto;
}
.node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-view-link a{
    display: inline-block;
    padding: 12px 20px;
    background: #6cc85e;
    border-radius: 10px;
    font-weight: 600;
    line-height: 125%;
    color: #fff;
    text-decoration: none;
}
.node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper .field--name-field-project-details .field__item{
    margin-bottom: 47px;
}
.node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper .field--name-field-project-details h2{
    margin: 0;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #1b1d28;
}
.node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper .field--name-field-project-details .node__content{
    padding: 0;
    font-weight: 200;
    font-size: 20px;
    line-height: 130%;
    color: #1b1d28;
}
.node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper .submission-guidelines-field{
    padding: 38px 54px;
    background-color: #6cc85e;
    border-radius: 20px;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    line-height: 130%;
}
.node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper .submission-guidelines-field .submission-guidelines-title-wrapper{
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #fff;
}
.node--type-project a.reply-button{
    display: inline-block;
    padding: 12px 89px;
    border-radius: 10px;
    background: #6cc85e;
    font-weight: 600;
    line-height: 125%;
    text-align: center;
    color: #fff;
    text-decoration: none;
}





/*client project content*/








/*response*/


.block-views-blockresponse-contractor-info-block-response-contractor-info{
    margin: 0;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid--horizontal{
    --views-responsive-grid--column-count: 1!important;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item{
    padding: 27px 15px 20px 15px;
    border-radius: 20px;
    background: #1b1d28;
    color: #fff;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-top H4{
    margin: 0;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-body .contractor-info-body-wrapper{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-body .contractor-info-body-wrapper img{
    margin-right: 9px;
    width: 42px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 100%;
    object-fit: cover;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-body .contractor-info-body-wrapper .contractor-info-contractor-your-name{
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 55%;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-body .contractor-info-body-wrapper .contractor-info-contractor-nickname{
    font-weight: 300;
    font-size: 15px;
    line-height: 55%;
    color: #bdbdbd;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-tags .field__label{
    display: none;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-tags .field__items{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 9px;
    line-height: 200%;
    color: #fff;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-tags .field__items .field__item{
    margin-bottom: 11px;
    padding: 2px 8px;
    background-color: rgba(249, 249, 248, 0.1);
    border-radius: 50px;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-tags .field__items .field__item:not(:last-of-type){
    margin-right: 4px;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-bottom{
    margin-bottom: 18px;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-bottom-wrapper{
    display: flex;
    gap: 30px;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-bottom .contractor-info-published{
    display: flex;
    flex-direction: column;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-bottom .contractor-info-published .views-label-created{
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 10px;
    color: #bdbdbd;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-bottom .contractor-info-published .field-content{
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 16px;
    font-weight: 400;
    font-size: 10px;
    line-height: 160%;
    color: #fff;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-bottom .contractor-info-published .field-content:before{
    content: '';
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.37511 1.78V1C8.37511 0.795 8.20511 0.625 8.00011 0.625C7.79511 0.625 7.62511 0.795 7.62511 1V1.75H4.37511V1C4.37511 0.795 4.20511 0.625 4.00011 0.625C3.79511 0.625 3.62511 0.795 3.62511 1V1.78C2.27511 1.905 1.62011 2.71 1.52011 3.905C1.51011 4.05 1.63011 4.17 1.77011 4.17H10.2301C10.3751 4.17 10.4951 4.045 10.4801 3.905C10.3801 2.71 9.72511 1.905 8.37511 1.78Z" fill="%236CC85E" /><path d="M10 4.92H2C1.725 4.92 1.5 5.145 1.5 5.42V8.5C1.5 10 2.25 11 4 11H8C9.75 11 10.5 10 10.5 8.5V5.42C10.5 5.145 10.275 4.92 10 4.92ZM4.605 9.105C4.58 9.125 4.555 9.15 4.53 9.165C4.5 9.185 4.47 9.2 4.44 9.21C4.41 9.225 4.38 9.235 4.35 9.24C4.315 9.245 4.285 9.25 4.25 9.25C4.185 9.25 4.12 9.235 4.06 9.21C3.995 9.185 3.945 9.15 3.895 9.105C3.805 9.01 3.75 8.88 3.75 8.75C3.75 8.62 3.805 8.49 3.895 8.395C3.945 8.35 3.995 8.315 4.06 8.29C4.15 8.25 4.25 8.24 4.35 8.26C4.38 8.265 4.41 8.275 4.44 8.29C4.47 8.3 4.5 8.315 4.53 8.335C4.555 8.355 4.58 8.375 4.605 8.395C4.695 8.49 4.75 8.62 4.75 8.75C4.75 8.88 4.695 9.01 4.605 9.105ZM4.605 7.355C4.51 7.445 4.38 7.5 4.25 7.5C4.12 7.5 3.99 7.445 3.895 7.355C3.805 7.26 3.75 7.13 3.75 7C3.75 6.87 3.805 6.74 3.895 6.645C4.035 6.505 4.255 6.46 4.44 6.54C4.505 6.565 4.56 6.6 4.605 6.645C4.695 6.74 4.75 6.87 4.75 7C4.75 7.13 4.695 7.26 4.605 7.355ZM6.355 9.105C6.26 9.195 6.13 9.25 6 9.25C5.87 9.25 5.74 9.195 5.645 9.105C5.555 9.01 5.5 8.88 5.5 8.75C5.5 8.62 5.555 8.49 5.645 8.395C5.83 8.21 6.17 8.21 6.355 8.395C6.445 8.49 6.5 8.62 6.5 8.75C6.5 8.88 6.445 9.01 6.355 9.105ZM6.355 7.355C6.33 7.375 6.305 7.395 6.28 7.415C6.25 7.435 6.22 7.45 6.19 7.46C6.16 7.475 6.13 7.485 6.1 7.49C6.065 7.495 6.035 7.5 6 7.5C5.87 7.5 5.74 7.445 5.645 7.355C5.555 7.26 5.5 7.13 5.5 7C5.5 6.87 5.555 6.74 5.645 6.645C5.69 6.6 5.745 6.565 5.81 6.54C5.995 6.46 6.215 6.505 6.355 6.645C6.445 6.74 6.5 6.87 6.5 7C6.5 7.13 6.445 7.26 6.355 7.355ZM8.105 9.105C8.01 9.195 7.88 9.25 7.75 9.25C7.62 9.25 7.49 9.195 7.395 9.105C7.305 9.01 7.25 8.88 7.25 8.75C7.25 8.62 7.305 8.49 7.395 8.395C7.58 8.21 7.92 8.21 8.105 8.395C8.195 8.49 8.25 8.62 8.25 8.75C8.25 8.88 8.195 9.01 8.105 9.105ZM8.105 7.355C8.08 7.375 8.055 7.395 8.03 7.415C8 7.435 7.97 7.45 7.94 7.46C7.91 7.475 7.88 7.485 7.85 7.49C7.815 7.495 7.78 7.5 7.75 7.5C7.62 7.5 7.49 7.445 7.395 7.355C7.305 7.26 7.25 7.13 7.25 7C7.25 6.87 7.305 6.74 7.395 6.645C7.445 6.6 7.495 6.565 7.56 6.54C7.65 6.5 7.75 6.49 7.85 6.51C7.88 6.515 7.91 6.525 7.94 6.54C7.97 6.55 8 6.565 8.03 6.585C8.055 6.605 8.08 6.625 8.105 6.645C8.195 6.74 8.25 6.87 8.25 7C8.25 7.13 8.195 7.26 8.105 7.355Z" fill="%236CC85E" /></svg>');
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-bottom .contractor-info-rate .views-label{
    display: flex;
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 10px;
    color: #bdbdbd;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-bottom .contractor-info-rate .fivestar-rating-wrapper{
    display: flex;
    gap: 5px;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-bottom .contractor-info-rate .fivestar-rating-wrapper label:before{
    font-size: 14px;
}
.block-views-blockresponse-contractor-info-block-response-contractor-info .views-view-responsive-grid__item .contractor-info-start-chat a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: 0;
    padding: 13px;
    font-size: 16px;
    border-radius: 10px;
    background: #6cc85e;
    border: none;
    color: #fff;
}
.node--type-response h2.project-title{
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
    color: #1b1d28;
}
.node--type-response .field--type-string-long > .field__label{
    margin-bottom: 49px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #1b1d28;
}
.node--type-response .field--type-string-long > .field__items .field__item{
    margin-bottom: 67px;
}
.node--type-response .field--type-string-long > .field__items .field__item .response-answer-detail{
    margin-bottom: 16px;
}
.node--type-response .field--type-string-long > .field__items .field__item .response-answer-detail h3{
    margin: 0;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 100%;
    color: #1b1d28;
}
.node--type-response .field--type-string-long > .field__items .field__item .response-answer-detail .response-answer-text{
    margin: 0;
    font-weight: 200;
    font-size: 20px;
    line-height: 130%;
    color: #1b1d28;
}
.node--type-response .field--type-string-long > .field__items .field__item .response-answer-title-wrapper > span{
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1b1d28;
}
.node--type-response .field--type-string-long > .field__items .field__item .response-answer-text-wrapper{
    min-height: 118px;
    padding: 16px 18px;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
}
.node--type-response .field--type-string-long > .field__items .field__item .response-answer-text-wrapper p{
    margin: 0;
}

.node--type-response .start-chat-wrapper{
    display: inline-block;
    max-width: 286px;
    width: 100%;
}

.node--type-response .start-chat-wrapper .start-chat-btn{
    border-radius: 10px;
    padding: 12px 100px;
    background: #6cc85e;
    font-weight: 600;
    line-height: 125%;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

.node--type-response .complain-wrapper{
    max-width: 286px;
    width: 100%;
    display: inline-block;
    margin-left: 20px;
}
.node--type-response .complain-wrapper #send_complain_button{
    border-radius: 10px;
    padding: 12px 100px;
    background: #fff;
    font-size: 16px;
    line-height: 125%;
    color: #1B1D28;
    text-decoration: none;
    border: 1px solid #1B1D28;

    cursor: pointer;
    width: 100%;
}

.node--type-response .complain-wrapper .ajax-progress{
    position: absolute;
}


/*response*/



/*response contractor*/

.node-response-form .response-project-title .response-project-title-your-response{
    font-weight: 600;
    font-size: 20px;
    line-height: 200%;
    color: #1b1d28;
}
.node-response-form .response-project-title .response-project-title-value{
    margin-bottom: 68px;
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
    color: #1b1d28;
}






.node-response-form .field--type-file{
    margin-top: 70px;
    margin-bottom: 100px;
}
.node-response-form .field--type-file details{
    border: none;
    box-shadow: none;
}
.node-response-form .field--type-file details .details-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
}
.node-response-form .field--type-file details .details-wrapper .tabledrag-toggle-weight-wrapper{
    display: none;
}
.node-response-form .field--type-file details .table-rows{
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
}
.node-response-form .field--type-file details .table-rows .row-data{
    position: relative;
    width: 98px;
    padding-top: 103px;
}
.node-response-form .field--type-file details .table-rows .row-data:before{
    content: '';
    position: absolute;
    top: 0;
    width: 98px;
    height: 98px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 100%;
}
.node-response-form .field--type-file details .table-rows .row-data:after{
    content: '';
    position: absolute;
    top: 0;
    width: 98px;
    height: 98px;
    background: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.7213 3.16667H15.2796C13.6329 3.16667 12.2871 4.49667 12.2871 6.14334V7.63167C12.2871 9.27834 13.6171 10.6083 15.2638 10.6083H22.7213C24.3679 10.6083 25.6979 9.27834 25.6979 7.63167V6.14334C25.7138 4.49667 24.3679 3.16667 22.7213 3.16667Z" fill="%236CC85E" /><path d="M27.2965 7.63167C27.2965 10.1492 25.2381 12.2075 22.7206 12.2075H15.279C12.7615 12.2075 10.7032 10.1492 10.7032 7.63167C10.7032 6.745 9.75315 6.19083 8.96148 6.6025C6.72898 7.79 5.20898 10.1492 5.20898 12.8567V27.7558C5.20898 31.6508 8.39148 34.8333 12.2865 34.8333H25.7131C29.6081 34.8333 32.7906 31.6508 32.7906 27.7558V12.8567C32.7906 10.1492 31.2706 7.79 29.0381 6.6025C28.2465 6.19083 27.2965 6.745 27.2965 7.63167ZM24.2881 20.1558L17.9548 26.4892C17.7173 26.7267 17.4165 26.8375 17.1157 26.8375C16.8148 26.8375 16.514 26.7267 16.2765 26.4892L13.9015 24.1142C13.4423 23.655 13.4423 22.895 13.9015 22.4358C14.3606 21.9767 15.1207 21.9767 15.5798 22.4358L17.1157 23.9717L22.6098 18.4775C23.069 18.0183 23.829 18.0183 24.2881 18.4775C24.7473 18.9367 24.7473 19.6967 24.2881 20.1558Z" fill="%236CC85E" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
}
.node-response-form .field--type-file details .table-rows .row-data input.form-submit{
    position: absolute;
    z-index: 9;
    top: 0;
    left: 70px;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    border-radius: 100%;
    border: 2px solid #fff;
    color: transparent;
    background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.437943 0.437058C0.899472 -0.0244703 1.64776 -0.0244703 2.10929 0.437058L6.00089 4.32866L9.89249 0.437058C10.354 -0.0244703 11.1023 -0.0244703 11.5638 0.437058C12.0254 0.898587 12.0254 1.64687 11.5638 2.1084L7.67223 6L11.5638 9.8916C12.0254 10.3531 12.0254 11.1014 11.5638 11.5629C11.1023 12.0245 10.354 12.0245 9.89249 11.5629L6.00089 7.67135L2.10929 11.5629C1.64776 12.0245 0.899472 12.0245 0.437943 11.5629C-0.0235853 11.1014 -0.0235853 10.3531 0.437943 9.8916L4.32954 6L0.437943 2.1084C-0.0235853 1.64687 -0.0235853 0.898587 0.437943 0.437058Z" fill="white" /></svg>');
    background-color: #1b1d28;
    background-position: center;
    background-repeat: no-repeat;
}
.node-response-form .field--type-file details .table-rows .row-data .form-managed-file{
    font-weight: 400;
    font-size: 10px;
    line-height: 200%;
    text-align: center;
    color: #1b1d28;
}
.node-response-form .field--type-file details .table-rows .row-data .form-managed-file span a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #1b1d28;
    text-decoration: none;
}
.node-response-form .field--type-file details .table-rows .row-data .form-managed-file span a .filename{
    display: inline;
    width: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.node-response-form .field--type-file details .form-item{
    margin: 0;
}
.node-response-form .field--type-file details .js-form-type-managed-file div{
    display: none;
}
.node-response-form .field--type-file details .js-form-type-managed-file label{
    position: relative;
    width: 98px;
    margin: 0;
    padding-top: 103px;
    font-weight: 300;
    font-size: 10px;
    line-height: 200%;
    text-align: center;
    color: #1b1d28;
}
.node-response-form .field--type-file details .js-form-type-managed-file label:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    height: 98px;
    border-radius: 100%;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background-image: url('data:image/svg+xml,<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.5 12.9675H23.9242C20.1717 12.9675 17.1158 9.91167 17.1158 6.15917V1.58333C17.1158 0.7125 16.4033 0 15.5325 0H8.81917C3.9425 0 0 3.16667 0 8.81917V22.8475C0 28.5 3.9425 31.6667 8.81917 31.6667H21.2642C26.1408 31.6667 30.0833 28.5 30.0833 22.8475V14.5508C30.0833 13.68 29.3708 12.9675 28.5 12.9675ZM14.2975 18.2558C14.06 18.4933 13.7592 18.6042 13.4583 18.6042C13.1575 18.6042 12.8567 18.4933 12.6192 18.2558L11.4792 17.1158V23.75C11.4792 24.3992 10.9408 24.9375 10.2917 24.9375C9.6425 24.9375 9.10417 24.3992 9.10417 23.75V17.1158L7.96417 18.2558C7.505 18.715 6.745 18.715 6.28583 18.2558C5.82667 17.7967 5.82667 17.0367 6.28583 16.5775L9.4525 13.4108C9.56333 13.3158 9.67417 13.2367 9.80083 13.1733C9.8325 13.1575 9.88 13.1417 9.91167 13.1258C10.0067 13.0942 10.1017 13.0783 10.2125 13.0625C10.26 13.0625 10.2917 13.0625 10.3392 13.0625C10.4658 13.0625 10.5925 13.0942 10.7192 13.1417C10.735 13.1417 10.735 13.1417 10.7508 13.1417C10.8775 13.1892 11.0042 13.2842 11.0992 13.3792C11.115 13.395 11.1308 13.395 11.1308 13.4108L14.2975 16.5775C14.7567 17.0367 14.7567 17.7967 14.2975 18.2558Z" fill="%23BDBDBD" /></svg>');
    background-position: center;
    background-repeat: no-repeat;
}
.node-response-form .field--type-file summary{
    margin-bottom: 32px;
    padding: 0;
    background-color: transparent;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    color: #1b1d28;
    pointer-events: none;
}
.node-response-form .field--type-file summary:before, .node-response-form .field--type-file summary:after{
    display: none;
}








.node-response-form .field--type-file details{
    margin: 0;
    border: none;
    box-shadow: none;
}
.node-response-form .field--type-file details summary{
    padding: 0px;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    color: #1b1d28;
    background: none;
    pointer-events: none;
}
.node-response-form .field--type-file details summary:before{
    display: none;
}
.node-response-form .field-group-html-element h3.form-required{
    margin-top: 96px;
    margin-bottom: 59px;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    color: #1b1d28;
}
.node-response-form .field-group-html-element .answer-field-wrapper{
    display: flex;
}
.node-response-form .field-group-html-element .answer-field-wrapper > div{
    flex: 0 0 50%;
}
.node-response-form .field-group-html-element .answer-field-wrapper .response-detail{
    padding-right: 24px;
}
.node-response-form .field-group-html-element .answer-field-wrapper .response-detail-title{
    margin: 0;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #1b1d28;
}
.node-response-form .field-group-html-element .answer-field-wrapper .response-detail-description{
    font-weight: 200;
    font-size: 20px;
    line-height: 130%;
    color: #1b1d28;
}
.node-response-form .field-group-html-element .answer-field-wrapper .form-item{
    margin: 0;
}
.node-response-form .field-group-html-element .answer-field-wrapper .form-item label{
    margin: 0;
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1b1d28;
}
.node-response-form .field-group-html-element .answer-field-wrapper .form-item label:after{
    display: none;
}
.node-response-form .field-group-html-element .answer-field-wrapper .form-item textarea{
    margin-bottom: 4px;
    height: 118px;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    padding: 12px 7px 6px 12px;
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    color: #1b1d28;
}
.node-response-form .field-group-html-element .answer-field-wrapper .form-item .form-item__description{
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #bdbdbd;
}
.node-response-form .field-group-html-element .answer-field-wrapper{
    margin-bottom: 55px;
}
.node-response-form .field--name-field-free-text{
    display: none;
}
.node-response-form .field--name-field-free-text .form-item__label{
    margin: 0;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 150%;
    color: #1b1d28;
}
.node-response-form .field--name-field-free-text textarea{
    height: 94px;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    padding: 12px 7px 6px 12px;
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    color: #1b1d28;
}
.add-response-form .submission-guidelines-field{
    margin-bottom: 52px;
    padding: 38px 47px;
    font-weight: 200;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
    background: #6cc85e;
    border-radius: 20px;
}
.add-response-form .submission-guidelines-field .submission-guidelines-title-wrapper{
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
}
.add-response-form input[type="submit"]{
    height: auto;
    margin: 0;
    padding: 12px 45px;
    background: #6cc85e;
    border-radius: 10px;
    border: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
}


/*response contractor*/







/*contact*/

.contact-page .site-main{
    grid-column: 1 / 7!important;
}
.contact-page .region--sidebar{
    grid-column: 8 / 13!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-page .region--hero .hero-block-image-text-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1312px;
    margin: 0 auto;
}
.contact-page .region--hero .hero-block-image-text-wrapper .field--name-field-hero-banner{
    width: 100%;
}
.contact-page .region--hero .hero-block-image-text-wrapper .field--name-field-hero-banner img{
    border-radius: 40px;
}
.contact-page .region--hero .hero-block-image-text-wrapper .field--name-field-page-name{
    position: absolute;
    left: 56px;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
}
.contact-page .contact-message-feedback-form .form-item{
    margin: 0;
}
.contact-page .contact-message-feedback-form label{
    margin: 0;
    margin-bottom: 4px;
    font-weight: 300;
    line-height: 150%;
    color: #1b1d28;
}
.contact-page .contact-message-feedback-form label:after{
    display: none;
}
.contact-page .contact-message-feedback-form input{
    width: 100%;
    padding: 12px;
    font-weight: 300;
    font-size: 14px;
    line-height: 143%;
    color: #1b1d28;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
}
.contact-page .contact-message-feedback-form textarea{
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    height: 97px;
}
.contact-page .contact-message-feedback-form .field--name-subject{
    margin-bottom: 32px;
}
.contact-page .contact-message-feedback-form .contact-names-wrapper{
    display: flex;
    margin-bottom: 32px;
}
.contact-page .contact-message-feedback-form .contact-names-wrapper > div{
    flex: 0 0 50%
}
.contact-page .contact-message-feedback-form .contact-names-wrapper > div:first-of-type{
    padding-right: 10px;
}
.contact-page .contact-message-feedback-form .contact-names-wrapper > div:last-of-type{
    padding-left: 10px;
}
.contact-page .contact-message-feedback-form input.form-submit{
    margin: 0;
    margin-top: 39px;
    margin-bottom: 10px;
    padding: 12px;
    font-weight: 700;
    line-height: 125%;
    text-align: center;
    color: #f9f9f8;
    background-color: #6cc85e;
    border: none;
}
.contact-page .contact-message-feedback-form .privacy-policy-page-wrapper{
    font-weight: 200;
    font-size: 16px;
    line-height: 162%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
}
.contact-page .contact-message-feedback-form .privacy-policy-page-wrapper a{
    color: #bdbdbd;
}
.contact-page .other-communication{
    text-align: center;
}
.contact-page .other-communication a{
    box-shadow: none;
}
.contact-page .other-communication .other-communication-title{
    margin: 0;
    margin-bottom: 27px;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #1b1d28;
    font-family: "Outfit", sans-serif;
}
.contact-page .other-communication .other-communication-link-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    padding-left: 38px;
}
.contact-page .other-communication .other-communication-link-wrapper:before{
    content: '';
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM17.47 9.59L14.34 12.09C13.68 12.62 12.84 12.88 12 12.88C11.16 12.88 10.31 12.62 9.66 12.09L6.53 9.59C6.21 9.33 6.16 8.85 6.41 8.53C6.67 8.21 7.14 8.15 7.46 8.41L10.59 10.91C11.35 11.52 12.64 11.52 13.4 10.91L16.53 8.41C16.85 8.15 17.33 8.2 17.58 8.53C17.84 8.85 17.79 9.33 17.47 9.59Z" fill="%236CC85E" /></svg>');

}
.contact-page .other-communication .other-communication-link-wrapper a{
    font-weight: 200;
    font-size: 20px;
    line-height: 130%;
    color: #1b1d28;
    text-decoration: none;
    font-family: "Outfit", sans-serif;
}
.contact-page .other-communication .other-communication-social-links-wrapper{
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 25px;
}
.contact-page .other-communication .other-communication-social-links-wrapper a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #1b1d28;
    border-radius: 12px;
}



/*contact*/




/*policy*/
#block-gas-oil-theme-privacypolicy .hero-block-image-text-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1312px;
    margin: 0 auto;
}
#block-gas-oil-theme-privacypolicy .hero-block-image-text-wrapper .field--name-field-hero-banner{
    width: 100%;
}
#block-gas-oil-theme-privacypolicy .hero-block-image-text-wrapper .field--name-field-hero-banner img{
    border-radius: 40px;
}
#block-gas-oil-theme-privacypolicy .hero-block-image-text-wrapper .field--name-field-page-name{
    position: absolute;
    left: 56px;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
}

#block-gas-oil-theme-termsconditions .hero-block-image-text-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1312px;
    margin: 0 auto;
}
#block-gas-oil-theme-termsconditions .hero-block-image-text-wrapper .field--name-field-hero-banner{
    width: 100%;
}
#block-gas-oil-theme-termsconditions .hero-block-image-text-wrapper .field--name-field-hero-banner img{
    border-radius: 40px;
}
#block-gas-oil-theme-termsconditions .hero-block-image-text-wrapper .field--name-field-page-name{
    position: absolute;
    left: 56px;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
}
/*policy*/


/*chat*/

#chat-page .chats{
    display: flex;
    gap: 12px;
}
#chat-page .chats .chats-list{
    flex: 0 0 30%;
}
#chat-page .chats .chats-list .chat-item{
    display: flex;
    padding: 10px 16px 10px 15px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    cursor: pointer;
}
#chat-page .chats .chats-list .chat-item:not(:last-of-type){
    margin-bottom: 8px;
}
#chat-page .chats .chats-list .chat-item.active{
    background: linear-gradient(90deg, #6cc85e 0%, #98f58a 100%);
    color: #fff;
}
#chat-page .chats .chats-list .chat-item .chat__img-wrapper img{
    width: 42px;
    height: 42px;
    margin-right: 16px;
    border-radius: 100%;
    border: 1px solid #fff;
    background-size: cover;
    background-position: center;
    object-fit: cover;
}
#chat-page .chats .chats-list .chat-item .chat__info .chat__name{
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
}
#chat-page .chats .chats-list .chat-item .chat__info .chat__message-preview{
    margin-bottom: 4px;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
}
#chat-page .chats .chats-list .chat-item .chat__info .message_preview__file_icon{
    margin-top: 12px;
}
#chat-page .chats .chats-list .chat-item .chat__info svg{
    max-width: 30px;
    max-height: 30px;
}
#chat-page .chats .chats-list .chat-item .chat__info svg path{
    fill: #000;
}
#chat-page .chats .chats-list .chat-item.active .chat__info svg path{
    fill: #fff;
}
#chat-page .chats .chats-list .chat-item .chat__info .message-file-name{
    margin-top: 2px;
}
#chat-page .chats .chats-list .chat-item .chat__last-time{
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 18px;
    font-weight: 300;
    font-size: 11px;
    line-height: 34px;
}
#chat-page .chats .chats-list .chat-item .chat__last-time:before{
    content: '';
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.33366 12.3333C10.267 12.3333 12.667 9.93331 12.667 6.99998C12.667 4.06665 10.267 1.66665 7.33366 1.66665C4.40033 1.66665 2.00033 4.06665 2.00033 6.99998C2.00033 9.93331 4.40033 12.3333 7.33366 12.3333ZM7.33366 0.333313C11.0003 0.333313 14.0003 3.33331 14.0003 6.99998C14.0003 10.6666 11.0003 13.6666 7.33366 13.6666C3.66699 13.6666 0.666992 10.6666 0.666992 6.99998C0.666992 3.33331 3.66699 0.333313 7.33366 0.333313ZM10.667 6.66665V7.66665H6.66699V3.66665H7.66699V6.66665H10.667Z" fill="%234B4B4B" /></svg>');
}
#chat-page .chats .chats-list .chat-item.active .chat__last-time:before{
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.33366 12.3333C10.267 12.3333 12.667 9.93331 12.667 6.99998C12.667 4.06665 10.267 1.66665 7.33366 1.66665C4.40033 1.66665 2.00033 4.06665 2.00033 6.99998C2.00033 9.93331 4.40033 12.3333 7.33366 12.3333ZM7.33366 0.333313C11.0003 0.333313 14.0003 3.33331 14.0003 6.99998C14.0003 10.6666 11.0003 13.6666 7.33366 13.6666C3.66699 13.6666 0.666992 10.6666 0.666992 6.99998C0.666992 3.33331 3.66699 0.333313 7.33366 0.333313ZM10.667 6.66665V7.66665H6.66699V3.66665H7.66699V6.66665H10.667Z" fill="white" /></svg>');
}
#chat-page .chats .open-chat{
    flex: 0 0 70%;
    border-radius: 100%;
    border: 1px solid #fff;
}
#chat-page .chats .open-chat .chat-header{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 24px;
    border-bottom: 0.25px solid #afb8cf;
}
#chat-page .chats .open-chat .chat-header .chat-img-wrapper img{
    width: 42px;
    height: 42px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}
#chat-page .chats .open-chat .chat-header .chat-name{
    font-weight: 500;
    font-size: 14px;
    color: #636363;
}
#chat-page .chats .open-chat .dialog{
    display: flex;
    flex-direction: column;
    max-height: 514px;
    padding: 25px 40px 9px 5px;
    overflow: auto;
}
#chat-page .chats .open-chat .dialog .dialog-item{
    max-width: 248px;
}
#chat-page .chats .open-chat .dialog .dialog-item.current-user{
    margin-left: auto;
}
#chat-page .chats .open-chat .dialog .dialog-item:not(:last-of-type){
    margin-bottom: 17px;
}
#chat-page .chats .open-chat .dialog .dialog-item .dialog-item__text{
    padding: 16px 24px;
}
#chat-page .chats .open-chat .dialog .dialog-item .dialog-item__text p{
    margin: 0;
    font-weight: 400;
    font-size: 12px;
}
#chat-page .chats .open-chat .dialog .current-user .dialog-item__text{
    border-radius: 32px 32px 0 32px;
    background: #6cc85e;
    color: #fff;
}
#chat-page .chats .open-chat .dialog .dialog-item .dialog-item__time{
    display: block;
    text-align: right;
    font-weight: 300;
    font-size: 13px;
    line-height: 20px
}
#chat-page .chats .open-chat .dialog .dialog-item.current-user .dialog-item__time{
    text-align: right;
}
#chat-page .chats .open-chat .dialog .other-user{
    border-radius: 32px 32px 32px 0;
    background: #f9f9f8;
}
#chat-page .chats .open-chat .send-message{
    padding: 16px 17px;
    background: #f9f9f8;
    border-radius: 20px;
}
#chat-page .chats .open-chat .send-message form{
    position: relative;
    display: flex;
    align-items: center;
}
#chat-page .chats .open-chat .send-message form .message-form-wrapper{
    width: 100%;
    padding-left: 37px;
}
#chat-page .chats .open-chat .send-message form input[type="text"]{
    width: 100%;
    min-height: 40px;
    padding: 8px 8px 8px 16px;
    border-radius: 24px;
    background: #fff;
    font-weight: 300;
    font-size: 11px;
    color: #9fa7be;
    outline: none;
    border-color: #f9f9f8;
    transition: .3s;
}
#chat-page .chats .open-chat .send-message form input[type="text"]:focus{
    border-color: #6CC85E;
}
#chat-page .chats .open-chat .send-message form button#chat_upload_file__button{
    position: absolute;
    top: 8px;
    left: 5px;
    right: 8px;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    background-color: #6cc85e;
    background-image: url('data:image/svg+xml,<svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1526 3.06944H7.44423C7.39634 3.06944 7.35042 3.05042 7.31656 3.01656C7.28269 2.9827 7.26367 2.93678 7.26367 2.88889V0.180556C7.26367 0.132669 7.28269 0.0867442 7.31656 0.0528835C7.35042 0.0190228 7.39634 0 7.44423 0C7.49211 0 7.53804 0.0190228 7.5719 0.0528835C7.60576 0.0867442 7.62478 0.132669 7.62478 0.180556V2.70833H10.1526C10.2004 2.70833 10.2464 2.72736 10.2802 2.76122C10.3141 2.79508 10.3331 2.841 10.3331 2.88889C10.3331 2.93678 10.3141 2.9827 10.2802 3.01656C10.2464 3.05042 10.2004 3.06944 10.1526 3.06944Z" fill="white" /><path d="M9.24989 13H2.02767C1.74035 13 1.4648 12.8859 1.26164 12.6827C1.05847 12.4795 0.944336 12.204 0.944336 11.9167V1.08333C0.944336 0.796016 1.05847 0.520466 1.26164 0.317301C1.4648 0.114137 1.74035 2.87984e-07 2.02767 2.87984e-07H7.44434C7.46806 -4.20874e-05 7.49157 0.00459242 7.5135 0.0136389C7.53543 0.0226853 7.55537 0.0359663 7.57217 0.0527225L10.2805 2.76106C10.2973 2.77785 10.3105 2.79779 10.3196 2.81973C10.3286 2.84166 10.3333 2.86516 10.3332 2.88889V11.9167C10.3332 12.204 10.2191 12.4795 10.0159 12.6827C9.81276 12.8859 9.53721 13 9.24989 13ZM2.02767 0.361111C1.83612 0.361111 1.65242 0.437202 1.51698 0.572645C1.38154 0.708088 1.30545 0.891788 1.30545 1.08333V11.9167C1.30545 12.1082 1.38154 12.2919 1.51698 12.4274C1.65242 12.5628 1.83612 12.6389 2.02767 12.6389H9.24989C9.44144 12.6389 9.62514 12.5628 9.76058 12.4274C9.89602 12.2919 9.97211 12.1082 9.97211 11.9167V2.96364L7.36959 0.361111H2.02767Z" fill="white" /><path d="M8.34722 5.77761H2.93056C2.88267 5.77761 2.83674 5.75859 2.80288 5.72473C2.76902 5.69087 2.75 5.64495 2.75 5.59706C2.75 5.54917 2.76902 5.50325 2.80288 5.46939C2.83674 5.43553 2.88267 5.4165 2.93056 5.4165H8.34722C8.39511 5.4165 8.44103 5.43553 8.47489 5.46939C8.50875 5.50325 8.52778 5.54917 8.52778 5.59706C8.52778 5.64495 8.50875 5.69087 8.47489 5.72473C8.44103 5.75859 8.39511 5.77761 8.34722 5.77761Z" fill="white" /><path d="M8.34722 7.58328H2.93056C2.88267 7.58328 2.83674 7.56426 2.80288 7.5304C2.76902 7.49653 2.75 7.45061 2.75 7.40272C2.75 7.35484 2.76902 7.30891 2.80288 7.27505C2.83674 7.24119 2.88267 7.22217 2.93056 7.22217H8.34722C8.39511 7.22217 8.44103 7.24119 8.47489 7.27505C8.50875 7.30891 8.52778 7.35484 8.52778 7.40272C8.52778 7.45061 8.50875 7.49653 8.47489 7.5304C8.44103 7.56426 8.39511 7.58328 8.34722 7.58328Z" fill="white" /><path d="M8.34722 9.38894H2.93056C2.88267 9.38894 2.83674 9.36992 2.80288 9.33606C2.76902 9.3022 2.75 9.25627 2.75 9.20839C2.75 9.1605 2.76902 9.11458 2.80288 9.08072C2.83674 9.04686 2.88267 9.02783 2.93056 9.02783H8.34722C8.39511 9.02783 8.44103 9.04686 8.47489 9.08072C8.50875 9.11458 8.52778 9.1605 8.52778 9.20839C8.52778 9.25627 8.50875 9.3022 8.47489 9.33606C8.44103 9.36992 8.39511 9.38894 8.34722 9.38894Z" fill="white" /><path d="M5.63889 11.1941H2.93056C2.88267 11.1941 2.83674 11.1751 2.80288 11.1412C2.76902 11.1074 2.75 11.0614 2.75 11.0136C2.75 10.9657 2.76902 10.9198 2.80288 10.8859C2.83674 10.852 2.88267 10.833 2.93056 10.833H5.63889C5.68678 10.833 5.7327 10.852 5.76656 10.8859C5.80042 10.9198 5.81944 10.9657 5.81944 11.0136C5.81944 11.0614 5.80042 11.1074 5.76656 11.1412C5.7327 11.1751 5.68678 11.1941 5.63889 11.1941Z" fill="white" /></svg>');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    border: none;
    overflow: hidden;
    font-size: 0px;
}
#chat-page .chats .open-chat .send-message form button#send-message__button{
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    background-color: #6cc85e;
    background-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.35329 0.705933L5.35329 10.5883M0.412109 5.64711H10.2945" stroke="white" stroke-width="0.705882" stroke-linecap="round" /></svg>');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    border: none;
    overflow: hidden;
    font-size: 0px;
}
#chat-page .chats .open-chat .send-message form .ajax-progress{
    position: absolute;
}

/*chat*/


/*login*/

.user-login-page{
    min-height: 100vh;
    margin: 0 auto;
    background-color: #1b1d28!important;
    color: #fff;
}
.user-login-page .layout-main-wrapper{
    position: initial;
}
.user-login-page .main-content__container{
    padding-top: 35px;
}
.user-login-page .layout--pass--content-medium > *{
    grid-column: 1 / 13;
    max-width: 582px;
    margin: 0 auto;
}
.user-login-page .close-button-wrapper{
    position: absolute;
    top: 24px;
    right: 24px;
}
.user-login-page .close-button-wrapper a{
    display: flex;
    outline: none;
}
.user-login-page .privacy-policy-page-wrapper{
    margin-top: 11px;
    text-align: center;
}
.user-login-page .privacy-policy-page-wrapper a{
    font-weight: 300;
    font-size: 14px;
    line-height: 186%;
    color: #bdbdbd;
}
.user-login-page .privacy-policy-page-wrapper a:first-of-type{
    margin-right: 11px;
}
.user-login-page h2.user-login-title{
    padding: 70px 0 38px 0;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    line-height: 120%;
}
.user-login-page .tabs{
    display: flex;
}
.user-login-page .tabs > li{
    display: flex;
    flex: 0 0 50%;
    border-bottom: 1px solid #bdbdbd;
    padding: 16px 8px;
}
.user-login-page .tabs > li a{
    align-items: center;
    justify-content: center;
    height: auto;
    background-color: transparent;
    border: none;
    color: #bdbdbd;
    font-weight: 400;
    font-size: 24px;
    line-height: 83%;
    outline: none;
}
.user-login-page .tabs > li.is-active{
    border-color: #6cc85e;;
}
.user-login-page .tabs > li.is-active a{
    color: #6cc85e;
}
.user-login-page .tabs > li a:after{
    display: none;
}
.user-login-page .tabs > li .tabs__trigger{
    display: none;
}
.user-login-page .form-item{
    margin: 0;
    margin-bottom: 22px;
    width: 100%;
}
.user-login-page .form-item label{
    margin-bottom: 4px;
    font-weight: 300;
    line-height: 150%;
}
.user-login-page .form-item label:after{
    display: none;
}
.user-login-page .form-item input{
    width: 100%;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    padding: 12px;
    background: #1b1d28;
    color: #fff;
    outline: none;
}
.user-login-page  input.form-submit{
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 12px;
    font-weight: 700;
    line-height: 125%;
    text-align: center;
    color: #f9f9f8;
    border: none;
    border-radius: 10px;
    background: #6cc85e;
}




/*login*/






/*register*/

.user-register-page{
    min-height: 100vh;
    margin: 0 auto;
    background-color: #1b1d28!important;
    color: #fff;
}
.user-register-page .layout-main-wrapper{
    position: initial;
}
.user-register-page .main-content__container{
    padding-top: 35px;
}
.user-register-page .layout--pass--content-medium > *{
    grid-column: 1 / 13;
    max-width: 582px;
    margin: 0 auto;
}
.user-register-page .close-button-wrapper{
    position: absolute;
    top: 24px;
    right: 24px;
}
.user-register-page .close-button-wrapper a{
    display: flex;
    outline: none;
}
.user-register-page .tabs{
    display: flex;
}
.user-register-page .tabs > li{
    display: flex;
    flex: 0 0 50%;
    border-bottom: 1px solid #bdbdbd;
    padding: 16px 8px;
}
.user-register-page .tabs > li .tabs__trigger{
    display: none;
}
.user-register-page .tabs > li a{
    align-items: center;
    justify-content: center;
    height: auto;
    background-color: transparent;
    border: none;
    color: #bdbdbd;
    font-weight: 400;
    font-size: 24px;
    line-height: 83%;
    outline: none;
}
.user-register-page .tabs > li.is-active{
    border-color: #6cc85e;;
}
.user-register-page .tabs > li.is-active a{
    color: #6cc85e;
}
.user-register-page .tabs > li a:after{
    display: none;
}
.user-register-page .form-item-steps-label{
    display: none;
}
.user-register-page .welcome-message-wrapper h2{
    padding: 70px 0 38px 0;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    line-height: 120%;
}
.user-register-page fieldset{
    margin: 0;
}
.user-register-page fieldset legend{
    padding-bottom: 5px;
    background-color: transparent;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 186%;
    text-align: center;
}
.user-register-page fieldset .fieldset__wrapper{
    padding: 0;
    border: none!important;
}
.user-register-page fieldset .fieldset__wrapper .form-boolean-group{
    display: flex;
    justify-content: space-between;
}
.user-register-page fieldset .fieldset__wrapper .form-boolean-group > div{
    flex: 0 0 48%;
    margin: 0;
}
.user-register-page fieldset .fieldset__wrapper .form-boolean-group > div input{
    display: none;
}
.user-register-page fieldset .fieldset__wrapper .form-boolean-group > div label{
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    border-radius: 10px;
    border: 1px solid #fff;
    background: transparent;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    transition: .3s;
}
.user-register-page fieldset .fieldset__wrapper .form-boolean-group > div input:checked ~ label{
    background-color: #fff;
    color: #1b1d28;
}
.user-register-page .privacy-policy-page-wrapper{
    margin-top: 11px;
    text-align: center;
}
.user-register-page .privacy-policy-page-wrapper a{
    font-weight: 300;
    font-size: 14px;
    line-height: 186%;
    color: #bdbdbd;
}
.user-register-page .form-actions{
    position: absolute;
    right: 30px;
    bottom: 33px;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    color: #6cc85e;
}
.user-register-page .form-actions .form-field-step-count{
    margin-right: 14px;
}
.user-register-page .form-actions button{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    background: #6cc85e;
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    outline: none;
}
.user-register-page .form-actions button:first-of-type{
    margin-right: 14px;
}
.user-register-page .form-item{
    margin: 0;
    margin-bottom: 22px;
    width: 100%;
}
.user-register-page .form-item label{
    margin-bottom: 4px;
    font-weight: 300;
    line-height: 150%;
}
.user-register-page .form-item label:after{
    display: none;
}
.user-register-page .form-item input{
    width: 100%;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    padding: 12px;
    background: #1b1d28;
    color: #fff;
    outline: none;
}
.user-register-page  input.form-submit{
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 12px;
    font-weight: 700;
    line-height: 125%;
    text-align: center;
    color: #f9f9f8;
    border: none;
    border-radius: 10px;
    background: #6cc85e;
}





/*register*/



.eye-close{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"><path d="M15.0661 6.88498C14.8607 6.53998 14.6411 6.21748 14.4144 5.91748C14.1523 5.56498 13.6565 5.53498 13.359 5.84998L11.234 8.09998C11.3898 8.59498 11.4182 9.16498 11.2765 9.75748C11.0286 10.815 10.2211 11.67 9.22233 11.9325C8.66274 12.0825 8.12441 12.0525 7.65691 11.8875C7.65691 11.8875 6.64403 12.96 5.91445 13.7325C5.56028 14.1075 5.67361 14.7675 6.1482 14.9625C6.90611 15.27 7.69233 15.4275 8.49983 15.4275C9.76066 15.4275 10.9861 15.0375 12.1052 14.31C13.2457 13.56 14.2727 12.4575 15.1015 11.055C15.7744 9.92248 15.739 8.01748 15.0661 6.88498Z" fill="%23BDBDBD"/><path d="M9.93125 7.48498L7.06961 10.515C6.70836 10.125 6.47461 9.58497 6.47461 8.99997C6.47461 7.82247 7.38125 6.85498 8.50041 6.85498C9.05291 6.85498 9.56291 7.10248 9.93125 7.48498Z" fill="%23BDBDBD"/><path d="M12.9274 4.31251L10.5262 6.85501C10.0091 6.30001 9.29366 5.97001 8.50033 5.97001C6.91366 5.97001 5.63866 7.32751 5.63866 9.00002C5.63866 9.84002 5.95741 10.5975 6.47449 11.145L4.08033 13.6875H4.07324C3.28699 13.0125 2.56449 12.15 1.94824 11.13C1.23991 9.95252 1.23991 8.04002 1.94824 6.86251C2.76991 5.49751 3.77574 4.42501 4.89491 3.69001C6.01408 2.97001 7.23949 2.57251 8.50033 2.57251C10.0799 2.57251 11.6099 3.18751 12.9274 4.31251Z" fill="%23BDBDBD"/><path d="M10.5261 9.00006C10.5261 10.1776 9.61947 11.1451 8.5003 11.1451C8.4578 11.1451 8.42238 11.1451 8.37988 11.1301L10.512 8.87256C10.5261 8.91756 10.5261 8.95506 10.5261 9.00006Z" fill="%23BDBDBD"/><path d="M15.4201 1.67241C15.2076 1.44741 14.8606 1.44741 14.6481 1.67241L1.5793 15.5174C1.3668 15.7424 1.3668 16.1099 1.5793 16.3349C1.68555 16.4399 1.82013 16.4999 1.9618 16.4999C2.10346 16.4999 2.23805 16.4399 2.3443 16.3274L15.4201 2.48241C15.6397 2.25741 15.6397 1.89741 15.4201 1.67241Z" fill="%23BDBDBD"/></svg>');
    background-repeat: no-repeat;

}
.eye-open{
    background: url('data:image/svg+xml,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0522 6.98123C13.4159 4.40998 11.0217 2.92957 8.50008 2.92957C7.23925 2.92957 6.01383 3.2979 4.89466 3.98498C3.7755 4.67915 2.76966 5.69206 1.948 6.98123C1.23966 8.09331 1.23966 9.89957 1.948 11.0116C3.58425 13.59 5.97841 15.0633 8.50008 15.0633C9.76091 15.0633 10.9863 14.695 12.1055 14.0079C13.2247 13.3137 14.2305 12.3008 15.0522 11.0116C15.7605 9.90665 15.7605 8.09331 15.0522 6.98123ZM8.50008 11.8616C6.91341 11.8616 5.63841 10.5796 5.63841 8.99998C5.63841 7.4204 6.91341 6.13832 8.50008 6.13832C10.0867 6.13832 11.3617 7.4204 11.3617 8.99998C11.3617 10.5796 10.0867 11.8616 8.50008 11.8616Z" fill="%23BDBDBD" /><path d="M8.49995 6.97412C7.38787 6.97412 6.4812 7.88079 6.4812 8.99995C6.4812 10.112 7.38787 11.0187 8.49995 11.0187C9.61203 11.0187 10.5258 10.112 10.5258 8.99995C10.5258 7.88787 9.61203 6.97412 8.49995 6.97412Z" fill="%23BDBDBD" /></svg>');
    background-repeat: no-repeat;

}
.fivestar-rating-wrapper{
    cursor: pointer;
}
div.fivestar-rating-wrapper > div > label.full{
    color: #6cc85e!important;
}
div.fivestar-rating-wrapper > div > label, div.fivestar-rating-wrapper > div > label.empty{
    color: #4b4b4b!important;
}
div.fivestar-rating-wrapper > div > label.hover {
    color: #6cc85e !important;
}




.mobile-buttons button{
    outline: none!important;
}
.mobile-buttons button .mobile-nav-button__label{
    display: none;
}
.mobile-nav-button__icon{
    border: none!important;
}
.mobile-nav-button__icon::before, .mobile-nav-button__icon::after{
    border-top: solid 2px #6cc85e!important;
}
.mobile-nav-button__icon::before {
    width: 65%!important;
    margin-left: 35%;
    transform: translateY(-4px)!important;
}
.mobile-nav-button__icon::after {
    transform: translateY(3px)!important;
}


#bottom-static{
    display: none;
    position: fixed;
    bottom: 34px;
    z-index: 200;
    width: 100%;
    padding: 0 15px;
}
#bottom-static .region--bottom-static .bottom-static-wrapper{
    margin: 0;
    padding: 16px 8px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 16px;
}
#bottom-static .region--bottom-static .bottom-static-wrapper .menu{
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-evenly;
}
#bottom-static .region--bottom-static .bottom-static-wrapper .menu > li a{
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    text-align: center;
    color: #1b1d28;
    text-decoration: none;
}
#bottom-static .region--bottom-static .bottom-static-wrapper #block-gas-oil-theme-usermobilelogin .menu > li{
    width: 100%;
}
#bottom-static .region--bottom-static .bottom-static-wrapper #block-gas-oil-theme-usermobilelogin .menu > li a{
    display: block;
    width: calc(100% - 14px);
    margin: 0 auto;
    padding: 12px;
    border-radius: 10px;
    background: #6cc85e;
    color: #fff;
}
#bottom-static .region--bottom-static .bottom-static-wrapper .menu > li a > .menu-icon-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#bottom-static .region--bottom-static .bottom-static-wrapper .menu > li a.is-active{
    color: #6cc85e;
}
#bottom-static .region--bottom-static .bottom-static-wrapper .menu > li a.is-active .menu-icon path{
    fill: #6cc85e;
}
#bottom-static .region--bottom-static .bottom-static-wrapper .menu > li a.is-active .menu-icon rect{
    fill: #6cc85e;
}


.page-wrapper-404{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page-wrapper-404 .svg-wrapper{
    margin-bottom: 60px;
}
.page-wrapper-404 .svg-wrapper svg{
    max-width: 100%;
    height: auto;
}
.page-wrapper-404 .text-wrapper-404{
    margin-bottom: 30px;
}
.page-wrapper-404 .text-wrapper-404 p{
    margin: 0;
    max-width: 550px;
    font-weight: 200;
    font-size: 16px;
    text-align: center;
    color: #1b1d28;
}
.page-wrapper-404 .back-button-wrapper-404 a{
    display: block;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    text-decoration: none;
    color: #fff;
    background: #6cc85e;
    border-radius: 10px;
}


footer{
    border-inline-start: none!important;
    background: #1b1d28!important;
    margin-bottom: -2px;
}
footer .site-footer__inner{
    margin: 0 auto;
    padding-block: 0;
    padding: 69px 0 59px 0;
}
footer .footer-top-wrapper{
    grid-column: 1 / 13;
    margin-block-end: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer .region--footer-top{
    margin-bottom: 64px;
}
footer .footer-top-wrapper .region--footer_top__inner nav ul{
    display: flex;
    margin: 0;
}
footer .footer-top-wrapper .region--footer_top__inner nav ul li{
    margin: 0;
}
footer .footer-top-wrapper .region--footer_top__inner nav ul li:not(:last-of-type){
    margin-right: 42px;
}
footer .footer-top-wrapper .region--footer_top__inner nav ul li a{
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
footer .footer-bottom-wrapper{
    grid-column: 1 / 13;
    margin-block-end: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
footer .footer-bottom-wrapper nav ul{
    display: flex;
    margin: 0;
}
footer .footer-bottom-wrapper nav ul li{
    margin: 0;
}
footer .footer-bottom-wrapper nav ul li:not(:last-of-type){
    margin-right: 64px;
}
footer .footer-bottom-wrapper nav ul li a{
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
    color: #fff;
    opacity: 0.7;
    text-decoration: none;
}



@media(max-width: 1350px){
    #page > header .site-header__inner{
        padding: 0 20px;
    }
    #page > .layout-main-wrapper{
        padding: 108px 20px 0 20px;
    }
    footer{
        padding: 0 20px;
    }
}
@media(max-width: 1150px){
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div {
        margin-right: 11px;
    }
    .node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper{
        flex-wrap: wrap;
    }
    .node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-view-link{
        width: 100%;
        margin-top: 12px;
    }
    .node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-view-link a{
        width: 100%;
        text-align: center;
    }
}
@media(max-width: 999px){
    .sidebar-grid > .site-main{
        grid-column: 1 / 13!important;
    }
    .mobile-buttons{
        margin: 22px 0!important;
    }
    .gas-oil-dashboard .sidebar-grid .region--sidebar{
        display: none;
    }
    .gas-oil-user .sidebar-grid .region--sidebar{
        display: none;
    }
    .sidebar-grid .region--sidebar {
        grid-column: 1 / 13!important;
    }
    #block-gas-oil-theme-breadcrumbs{
        grid-column: 1 / 13;
    }
    .gas_oil_page .grid-full > .views-element-container{
        grid-column: 1 / 13;
    }
    .breadcrumb__list{
        padding-block: 0;
    }
    #block-gas-oil-theme-breadcrumbs .breadcrumb__item{
        font-size: 11px;
    }
    .layout--content-medium, .layout--pass--content-medium > * {
        grid-column: 1 / 13!important;
    }
    h2.block__title{
        font-size: 24px;
        margin-bottom: 18px;
    }
    .dashboard-view .view-filters .form-boolean-group .form-item label{
        padding: 3px 14px;
        font-size: 14px;
    }
    .block-browser-back-button{
        margin-bottom: -50px;
        margin-block-end: -50px !important;
        padding-top: 25px;
    }
    .node--type-project h1.title{
        font-size: 20px;
    }
    .node--type-project .field--name-field-brief-description{
        font-size: 16px;
    }
    .node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper .field--name-field-project-details h2{
        font-size: 16px;
    }
    .node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper .field--name-field-project-details .field__item{
        font-size: 14px;
    }
}
@media(max-width: 991px){
    .gas_oil_front_page .section-benefits .benefits-list .benefits-list-item-description{
        max-height: 54px;
    }
    .gas_oil_front_page .section-main .section-main-title-wrapper {
        padding: 35px 0 90px 0;
    }
    .gas_oil_front_page .section-main .section-main-title{
        font-size: 32px;
    }
    .gas_oil_front_page .section-main .section-main-description-wrapper .section-main-description-text-wrapper{
        font-size: 14px;
        line-height: 135%;
    }
    .gas_oil_front_page .section-main .section-main-description-wrapper > div.section-main-description-video-wrapper{
        height: 320px;
    }
    .gas_oil_front_page .section-about-us .about-us-wrapper .about-us-title{
        font-size: 30px;
    }
    .gas_oil_front_page .section-about-us .about-us-wrapper .about-us-description-wrapper{
        margin-bottom: 45px;
        font-size: 14px;
        line-height: 135%;
    }
    .gas_oil_front_page .section-about-us .about-us-wrapper .about-us-video-container video{
        height: 380px;
    }
    .gas_oil_front_page .section-how-it-works{
        padding: 35px 0 100px 0;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-wrapper{
        flex: 0 0 35%;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-image-container{
        flex: 0 0 65%;
        margin-bottom: 94px;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-wrapper h2.how-it-works-title{
        font-size: 30px;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-description{
        font-size: 14px;
        line-height: 135%;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card .how-it-works-role-name{
        font-size: 22px;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card .how-it-works-role-description{
        font-size: 14px;
        line-height: 135%;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons .how-it-works-role-card .how-it-works-role-button{
        font-size: 15px;
        border-radius: 10px;
    }
    .gas_oil_front_page .section-benefits{
        padding: 80px 0 110px 0;
    }
    .gas_oil_front_page .section-benefits .benefits-title{
        font-size: 30px;
    }
    .gas_oil_front_page .section-benefits .benefits-description{
        font-size: 14px;
        line-height: 135%;
    }
    .gas_oil_front_page .section-benefits .benefits-button{
        margin-bottom: 25px;
    }
    .gas_oil_front_page .section-benefits .benefits-list .benefits-list-item-title{
        font-size: 21px;
    }
    .gas_oil_front_page .section-benefits .benefits-list .benefits-list-item-description{
        font-size: 14px;
        line-height: 135%;
    }
    .gas_oil_front_page .section-made-professionals{
        padding: 250px 0 250px 0;
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-image-wrapper img{
        max-width: 550px;
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-content{
        margin-left: calc(50% + 30px);
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-title{
        font-size: 29px;
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-description{
        font-size: 14px;
        line-height: 125%;
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-button{
        font-size: 15px;
    }
    .gas_oil_front_page .section-made-professionals > .section-made-professionals-video-wrapper video{
        height: 530px;
    }
    .gas_oil_front_page .section-solutions{
        padding: 30px 0 150px 0;
    }
    .gas_oil_front_page .section-solutions h2.solutions-title{
        font-size: 30px;
    }
    .gas_oil_front_page .section-solutions .solutions-description{
        font-size: 14px;
        line-height: 135%;
    }
    .gas_oil_front_page .section-solutions .solution-cards{
        margin-top: 55px;
    }
    .gas_oil_front_page .section-solutions .solution-cards .solution-card{
        flex: 0 0 calc(33.33333333% - 10px);
    }
    .gas_oil_front_page .section-solutions .solution-cards .solution-card:not(:last-of-type){
        margin-right: 15px;
    }
    .gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-header h3{
        font-size: 29px;
    }
    .gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-header p{
        font-size: 13px;
        line-height: 135%;
    }
    .gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-content{
        padding: 20px 10px;
        font-size: 14px;
        line-height: 140%;
    }
    .gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-content ul li:not(:last-of-type){
        margin-bottom: 5px;
    }
    #faq .faq-block-column-left .block__title{
        font-size: 30px;
    }
    #faq .faq-block-column-left .faq-block-description{
        font-size: 14px;
        line-height: 135%;
    }
    #faq .block__content .faq-questions-block > .view-content{
        gap: 14px;
    }
    #faq .block__content .faq-questions-block .faq-question-row-item{
        padding: 20px;
    }
    #faq .block__content .faq-questions-block .faq-question-row-item .faq-question-title{
        font-size: 18px;
    }
    .dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-status{
        font-size: 11px;
    }
    .dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-response-read-status{
        font-size: 11px;
    }
    .dashboard-view .views-view-grid__item-inner .project-top-wrapper .project-response-read-status .response-status{
        font-size: 9px;
    }
    .dashboard-view .views-view-grid__item-inner .project-body-wrapper .project-title{
        font-size: 15px;
    }
    .dashboard-view .views-view-grid__item-inner .project-body-wrapper .project-description{
        font-size: 11px;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div {
        margin-right: 14px;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .views-label{
        font-size: 9px;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .field-content{
        font-size: 9px;
    }
    .main_project_form_wrapper .top_form_fields > div.field--name-field-brief-description label{
        min-height: 48px;
    }
    .main_project_form_wrapper .top_form_fields > div.field--name-field-key-tags label{
        min-height: 48px;
    }
    .main_project_form_wrapper .top_form_fields > div.field--name-field-placement-period label{
        min-height: 48px;
    }
}
@media(max-width: 767px){
    .gas_oil_front_page .section-main .section-main-title {
        font-size: 24px;
    }
    .gas_oil_front_page .section-main .section-main-title-wrapper {
        padding: 35px 0 5px 0;
    }
    .gas_oil_front_page .section-main .section-main-description-wrapper .section-main-description-text-wrapper{
        margin-bottom: 85px;
        padding: 0;
        text-align: left;
    }
    .gas_oil_front_page .section-main .section-main-description-wrapper > div{
        flex: 0 0 100%;
    }
    .gas_oil_front_page .section-main .section-main-description-wrapper > div.section-main-description-video-wrapper {
        height: 385px;
        overflow: visible;
    }
    .gas_oil_front_page .section-main .section-main-description-wrapper > div.section-main-description-video-wrapper video{
        width: calc(100% + 40px);
        max-width: max-content;
        margin: 0 -20px;
        height: 100%;
        object-fit: cover;
    }
    .gas_oil_front_page .section-main .section-main-button-wrapper {
        display: none;
        margin-top: 30px;
    }
    .gas_oil_front_page .section-about-us .about-us-wrapper {
        padding: 85px 0 520px 0;
    }
    .gas_oil_front_page .section-about-us .about-us-wrapper .about-us-title {
        font-size: 24px;
    }
    .gas_oil_front_page .section-about-us .about-us-wrapper .about-us-description-wrapper > div{
        flex: 0 0 100%;
    }
    .gas_oil_front_page .section-about-us .about-us-wrapper .about-us-video-container video {
        height: 470px;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-wrapper h2.how-it-works-title {
        font-size: 24px;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-wrapper{
        flex: 0 0 100%;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-image-container{
        flex: 0 0 100%;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-wrapper .how-it-works-buttons{
        gap: 16px;
    }
    .gas_oil_front_page .section-how-it-works > .how-it-works-image-container {
        margin-top: 16px;
        margin-bottom: 25px;
    }
    .gas_oil_front_page .section-benefits .section-benefits-wrapper .benefits-column-left{
        flex: 0 0 100%;
    }
    .gas_oil_front_page .section-benefits .section-benefits-wrapper .benefits-column-right{
        flex: 0 0 100%;
    }
    .gas_oil_front_page .section-benefits .section-benefits-wrapper .benefits-column-left .benefits-column-wrapper{
        display: flex;
        flex-direction: column;
        margin-bottom: 75px;
    }
    .gas_oil_front_page .section-benefits .benefits-list li:not(:last-of-type) .benefits-list-item-number:after{
        height: 150px;
    }
    .gas_oil_front_page .section-benefits .section-benefits-wrapper .benefits-column-left .benefits-column-wrapper .benefits-title-wrapper{
        order: 2;
    }
    .gas_oil_front_page .section-benefits .section-benefits-wrapper .benefits-column-left .benefits-column-wrapper .benefits-description-wrapper{
        order: 3;
    }
    .gas_oil_front_page .section-benefits .section-benefits-wrapper .benefits-column-left .benefits-column-wrapper .benefits-image-container{
        order: 1;
    }
    .gas_oil_front_page .section-benefits .benefits-title{
        font-size: 24px;
    }
    .gas_oil_front_page .section-made-professionals {
        padding: 73px 0 72px 0;
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-wrapper{
        flex-direction: column;
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-image-wrapper{
        position: relative;
        right: 33%;
        order: 2;
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-content{
        order: 1;
        margin: 0;
        margin-bottom: 44px;
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-title{
        font-size: 24px;
    }
    .gas_oil_front_page .section-made-professionals > .section-made-professionals-video-wrapper{
        right: -20px;
        border-radius: 0;
    }
    .gas_oil_front_page .section-made-professionals > .section-made-professionals-video-wrapper video {
        height: 711px;
    }
    .gas_oil_front_page .section-made-professionals .section-made-professionals-description{
        padding: 0;
    }
    .gas_oil_front_page .section-solutions {
        padding: 70px 0 150px 0;
    }
    .gas_oil_front_page .section-solutions .solution-cards{
        gap: 40px;
    }
    .gas_oil_front_page .section-solutions .solution-cards .solution-card{
        flex: 0 0 100%;
        margin: 0;
    }
    .gas_oil_front_page .section-solutions .solution-cards .solution-card .solution-card-content{
        min-height: 200px;
    }
    #faq .block-views-blockfaq-questions-block-faq-questions{
        flex-direction: column;
        gap: 32px;
    }
    #faq .faq-block-column-left .block__title{
        font-size: 24px;
    }
    #faq .block__content .faq-questions-block .faq-question-row-item .faq-question-title {
        font-size: 16px;
        font-weight: 600;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div{
        margin-right: 0;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div:not(:nth-child(4)){
        margin-right: 20px;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-reply-link{
        flex: 0 0 100%;
        margin-top: 15px;
        margin-bottom: 8px;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-reply-link .reply-wrapper{
        width: 100%;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div.project-open-link{
        width: 100%;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 8px;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-open-link a{
        display: block;
        text-align: center;
        font-size: 15px;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper .project-reply-link a{
        display: block;
        text-align: center;
        font-size: 15px;
    }
    .dashboard-view .view-filters .form-boolean-group{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-right: auto;
        white-space: nowrap;
    }
    .dashboard-view .view-filters .form-boolean-group .form-item label{
        padding: 2px 12px;
        font-size: 12px;
    }
    .dashboard-view .view-filters form{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .dashboard-view .view-filters form input{
        width: 240px;
        margin-top: 20px;
    }
    .dashboard-view .view-filters form .form-actions button{
        right: auto;
        bottom: 8px;
        left: 208px;
    }
    .dashboard-view .view-filters form .form-actions .reset-btn{
        right: auto;
        left: 0;
        margin-top: 45px;
    }
    .main_project_form_wrapper .top_form_fields > div{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .main_project_form_wrapper .top_form_fields > div.field--name-field-location label{
        min-height: 48px;
    }
    .main_project_form_wrapper .top_form_fields > div.field--name-field-key-tags label{
        min-height: auto;
    }
    .main_project_form_wrapper .top_form_fields > div.field--name-field-placement-period label{
        min-height: auto;
    }
    .contact-page .region--hero .hero-block-image-text-wrapper .field--name-field-page-name{
        left: 50%;
        transform: translateX(-50%);
        font-size: 24px;
    }
    .contact-page .region--hero .hero-block-image-text-wrapper .field--name-field-hero-banner img{
        height: 196px;
        object-fit: cover;
    }
    .contact-page .other-communication{
        padding: 156px 0 186px 0;
    }
    #block-gas-oil-theme-privacypolicy .hero-block-image-text-wrapper .field--name-field-page-name{
        left: 50%;
        transform: translateX(-50%);
        font-size: 24px;
        text-align: center;
    }
    #block-gas-oil-theme-privacypolicy .hero-block-image-text-wrapper .field--name-field-hero-banner img{
        height: 196px;
        object-fit: cover;
    }
    #block-gas-oil-theme-privacypolicy .other-communication{
        padding: 156px 0 186px 0;
    }
    #block-gas-oil-theme-termsconditions .hero-block-image-text-wrapper .field--name-field-page-name{
        left: 50%;
        transform: translateX(-50%);
        font-size: 24px;
        text-align: center;
    }
    #block-gas-oil-theme-termsconditions .hero-block-image-text-wrapper .field--name-field-hero-banner img{
        height: 196px;
        object-fit: cover;
    }
    #block-gas-oil-theme-termsconditions .other-communication{
        padding: 156px 0 186px 0;
    }
    .user-form .user-edit-form-wrapper{
        flex-wrap: wrap;
    }
    #bottom-static{
        display: block;
    }
    #page > .layout-main-wrapper{
        padding-top: 75px;
    }
    .user-login-page .tabs{
        flex-direction: row;
    }
    .user-login-page .tabs > li a{
        font-size: 20px;
    }
    .user-login-page h2.user-login-title{
        padding-top: 40px;
        font-size: 20px;
    }
    .user-login-page .privacy-policy-page-wrapper{
        position: absolute;
        bottom: 50px;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
    }
    .user-register-page .tabs{
        flex-direction: row;
    }
    .user-register-page .tabs > li a{
        font-size: 20px;
    }
    .user-register-page .welcome-message-wrapper h2{
        padding-top: 40px;
        font-size: 20px;
    }
    .breadcrumb__list{
        padding-bottom: 0px!important;
    }
    .node--type-project .field--name-field-project-responses .views-view-responsive-grid {
        --views-responsive-grid--column-count: 2!important;
    }
    footer{
        padding-bottom: 110px!important;
    }
    footer .site-footer__inner{
        padding-top: 87px;
    }
    footer .footer-top-wrapper{
        flex-direction: column;
    }
    footer .footer-top-wrapper .region--footer_top__inner nav ul{
        flex-direction: column;
        width: 100%;
        margin: 76px 0 0 0;
        text-align: center;
    }
    footer .footer-top-wrapper .region--footer_top__inner nav ul li{
        margin: 0!important;
    }
    footer .footer-top-wrapper .region--footer_top__inner nav ul li:not(:last-of-type){
        margin-bottom: 27px!important;
    }
    footer .footer-top-wrapper .region--footer_top__inner{
        width: 100%;

    }
    footer .footer-bottom-wrapper{
        flex-direction: column;
    }
    footer .footer-bottom-wrapper .footer-company-name{
        order: 2;
        margin-top: 30px;
    }
    footer .footer-bottom-wrapper nav{
        order: 1;
    }
    footer .footer-bottom-wrapper nav ul li:not(:last-of-type){
        margin-right: 27px;
    }
    footer .footer-bottom-wrapper nav ul li a{
        font-size: 15px;
    }


}





@media(max-width: 630px){
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div:not(:nth-child(4)) {
        margin-right: 9px;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div:last-of-type {
        margin-right: 0;
    }
}


@media(max-width: 575px){
    .header-nav{
        transform: translate(0, -100%)!important;
        inset-inline-start: 0!important;
        max-width: 100%!important;
        height: auto!important;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }
    .header-nav.is-active{
        transform: translate(0, 0)!important;
    }
    .header-nav .region--secondary-menu{
        display: none;
    }
    .header-nav .primary-nav__menu .primary-nav__menu-link--level-1{
        margin: 0 auto;
        justify-content: center;
        font-size: 16px;
    }
    .gas_oil_page .grid-full > .views-element-container .view-content .views-view-grid{
        --views-grid--column-count: 1!important;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div:not(:nth-child(4)) {
        margin-right: 20px;
    }
    .dashboard-view .views-view-grid__item-inner .project-bottom .project-bottom-wrapper > div:last-of-type {
        margin-right: 0;
    }
    .breadcrumb__list{
        display: flex;
        max-width: 100%;
        white-space: nowrap;
    }
    .breadcrumb__list .breadcrumb__item:last-of-type{
        display: inline-block;
        max-width: 190px;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .project-info-view .views-view-grid__item-inner .project-published-views .project-published-views-wrapper .field-content{
        font-size: 12px;
    }
    .project-info-view .views-view-grid__item-inner .project-timeline-location .project-timeline-location-wrapper .field-content{
        font-size: 12px;
    }
    .dashboard-view .dashboard-add-a-project-item .views-view-grid__item-inner a{
        min-height: 151px;
    }
    .main_project_form_wrapper .top_form_fields > div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .main_project_form_wrapper .top_form_fields > div .form-item{
        margin-bottom: 0;
    }
    .main_project_form_wrapper .top_form_fields > div.field--name-field-brief-description label{
        min-height: auto;
    }
    .main_project_form_wrapper .top_form_fields > div.field--name-field-location label{
        min-height: auto;
    }
    .main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows > div{
        position: relative;
        flex: 0 0 100%;
    }
    .main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows > .row-data > .cell-data:first-of-type:not(.field-multiple-drag){
        flex: 0 0 100%;
    }
    .main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows > .row-data > .cell-data:last-of-type{
        position: absolute;
        top: 55px;
        right: 0;
    }
    .main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows > .row-data > .cell-data:last-of-type input{
        margin: 0;
    }
    .main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper > div{
        flex-wrap: wrap;
    }
    .main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper > div > .field--name-title{
        flex: 0 0 100%;
    }
    .main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper > div > .field--name-title .form-item{
        margin-block: 0;
    }
    .main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper > div > .field--name-field-description{
        flex: 0 0 100%;
        margin-bottom: 35px;
    }
    .main_project_form_wrapper .project_details .field-table-override > div:nth-child(2) .table-rows fieldset > .fieldset__wrapper > div > .field--name-field-description .form-item{
        margin-block: 0;
    }
    .main_project_form_wrapper .project_details input{
        width: calc(100% - 34px);
    }
    .add-project-form form .form-actions{
        margin-top: 15px;
    }
    .main_project_form_wrapper .project_details .form-actions input.field-add-more-submit{
        width: 100%;
    }
    .gas-oil-user .user-form .user-edit-picture-wrapper{
        flex: 0 0 100%;
        margin-bottom: -25px;
    }
    .gas-oil-user .user-form .user-edit-main-wrapper{
        flex: 0 0 100%;
    }
    .user-form .user-edit-main-wrapper .username-your-name-wrapper{
        flex-direction: column;
    }
    .user-form .user-edit-main-wrapper .username-your-name-wrapper > div{
        margin-bottom: 20px;
    }
    .user-form .user-edit-main-wrapper .company-website-wrapper{
        flex-direction: column;
    }
    .user-form .user-edit-main-wrapper .company-website-wrapper > div{
        margin-bottom: 20px;
    }
    .user-form .user-edit-main-wrapper .mail-phone-wrapper{
        flex-direction: column;
    }
    .user-form .user-edit-main-wrapper .mail-phone-wrapper > div{
        margin-bottom: 20px;
    }
    .user-form .user-edit-main-wrapper .password-wrapper {
        width: 100%;
        margin-top: 55px;
    }
    .user-form .user-edit-main-wrapper > div:not(:last-of-type) {
        margin-bottom: 0;
    }
    .contact-page .contact-message-feedback-form .contact-names-wrapper{
        flex-direction: column;
        margin-bottom: 32px;
    }
    .contact-page .contact-message-feedback-form .contact-names-wrapper > div:first-of-type{
        margin-bottom: 20px;
        padding: 0;
    }
    .contact-page .contact-message-feedback-form .contact-names-wrapper > div:last-of-type{
        padding: 0;
    }
    .contact-page .contact-message-feedback-form .field--name-subject {
        margin-bottom: 20px;
    }
    .user-login-page input.form-submit{
        position: absolute;
        bottom: 110px;
        width: calc(100% - 40px);
    }
    .node--type-project .field--name-field-project-responses .views-view-responsive-grid {
        --views-responsive-grid--column-count: 1!important;
    }
    .node--type-project .field--name-field-project-responses .views-view-responsive-grid .views-view-responsive-grid__item .response-bottom .response-bottom-wrapper .response-view-link{
        width: auto;
        margin-top: auto;
    }
    .node--type-project .horizontal-tabs .horizontal-tabs-pane .details-wrapper .submission-guidelines-field{
        padding: 35px 25px;
        font-size: 18px;
    }
}

@media (max-width: 632px) {
    .node--type-response .start-chat-wrapper{
        display: block;
    }

    .node--type-response .complain-wrapper{
        margin-left: 0;
        margin-top: 20px;
    }
}

.chat-file-upload-ajax-form .upload-a-file-text{
    display: none;
}
.chat-file-upload-ajax-form .form-element--type-file{
    background-color: transparent;
    border: 1px solid #fff;
}
.chat-file-upload-ajax-form input[name="upload_remove_button"]{
    background-color: transparent;
    margin: 0 0 0 20px;
    border-radius: 10px;
    outline: none;
}

.ui-widget * {
    font-family: "Outfit", sans-serif !important;
}

.ui-dialog.ui-widget.ui-widget-content .chat-file-upload-ajax-form .form-submit.green-button {
    width: 55%;
}