/* css/project.css */



.project-wrapper {

    display: flex;

    gap: 30px;

    margin: 30px auto;

    max-width: 1300px;
    position: relative;

}



.project-sidebar {

    flex: 0 0 350px;
    position: sticky;
    top: 120px;
}



.sidebar-box {

    background: #fff;

    border-radius: 12px;

    box-shadow: 0 0 10px rgba(0,0,0,0.1);

    margin-bottom: 30px;

}

.info-box {

    padding: 20px;

}



.project-sidebar h2 {

    background: #192e79;

    color: white;

    padding: 20px;

    border-radius: 8px 8px 0 0;

    font-size: 22px;

    margin-top: 0;

    text-align: center;

}



.project-sidebar .info-item {

    position: relative;

    padding-left: 60px;

}

.project-sidebar .info-item + .info-item {

    margin-top: 25px;

}

.project-sidebar .info-item .item-icon {

    position: absolute;

    top: 5px;

    left: 0;

    width: 43px;

    height: 43px;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #e63a27;

    color: #fff;

}



.info-item .info-label {

    display: block;

}

.info-item .item-text {

    display: block;

    font-weight: bold;

    font-size: 16px;

}



.project-main {

    flex: 1;

    margin-bottom: 30px;

}

.project-main h1 {
    margin-bottom: 20px;

    color: #192e79;

}



/* // content style  */

.elementor-section .elementor-container {

    display: flex;

    flex-wrap: wrap;

    margin-right: auto;

    margin-left: auto;

    position: relative;

    margin-bottom: 20px;

}

.elementor-column.elementor-col-50, .elementor-column[data-col="50"] {

    width: 50%;

    padding: 0 15px;

}



/* hotlnie sidebar */

.sidebar-hotline {

    background: url(https://rexamcons.com/wp-content/uploads/2025/04/hvac-man.webp);

    background-position: top center;

    background-size: cover;

    padding: 330px 0px 50px 0px;

    position: relative;

    width: 100%;

    flex-wrap: wrap;

    align-content: flex-start;

    display: flex;

    justify-content: center;

    border-radius: 12px;

    overflow: hidden;

    margin-bottom: 30px;

}

.hotline-background-overlay {

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

    background-color: #0C2271E6;

    opacity: 0.5;

}

.sidebar-hotline-wrapper {

    position: relative;

    z-index: 1;

}

.sidebar-hotline-container {

    background-color: #FFFFFF;

    padding: 15px 30px 15px 16px;

    border-radius: 45px 45px 45px 45px;

    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.3);

}

.sidebar-hotline-container .pxl-getintouch-inner {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.sidebar-hotline-container .pxl-item--icon.style-2 {

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #e63a27;

    width: 55px;

    min-width: 40px;

    height: 55px;

    font-size: 20px;

    color: #fff;

    margin-right: 20px;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0px 5px rgba(230, 58, 39, 0.29);

    -khtml-box-shadow: 0 0 0px 5px rgba(230, 58, 39,0.29);

    -moz-box-shadow: 0 0 0px 5px rgba(230, 58, 39,0.29);

    -ms-box-shadow: 0 0 0px 5px rgba(230, 58, 39,0.29);

    -o-box-shadow: 0 0 0px 5px rgba(230, 58, 39,0.29);

    box-shadow: 0 0 0px 5px rgba(230, 58, 39, 0.29);

}

.sidebar-hotline-container .pxl-item--icon.style-2 img {

    max-width: 20px;

}

.sidebar-hotline-container .pxl-getintouch2 .pxl-cotnet-info {

    line-height: 22px;

    font-size: 22px;

    color: #192e79;

    font-weight: bold;

}



.box-send-form {

    padding: 20px;

}

.box-send-form input,

.box-send-form textarea {

    font-size: 16px;

    padding-left: 20px;

    padding-right: 20px;

    height: 56px;

    border-radius: 8px;

    background-color: #fff;

}

.box-send-form textarea {

    height: 150px;

    padding-top: 20px;

    padding-bottom: 20px;

}

.box-send-form input[type="submit"] {

    background-color: #e63a27;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    cursor: pointer;

    border-radius: 8px;

    height: 56px;

    border: none;

    text-align: center;

    width: 100%;

}



.text-center {

    text-align: center;

}

.box-send-form .text-center {

    margin-bottom: 20px;

}

.box-send-form .title-form-ct {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 10px;

}

.box-send-form form p {

    margin-bottom: 0px;

}

.box-send-form form .f-item {

    margin-bottom: 15px;

}



@media screen and (max-width: 768px) {

    .project-wrapper {

        flex-direction: column;

        gap: 0;

        padding: 20px;

    }

    .project-sidebar {

        flex: 1;

        order: 1;

    }

    .project-main {

        flex: 1;

    }

}