/*This is custom css*/

.contact-address-area p a {

    color: #4a4a4a;

}

.contact-address-area p {

    font-weight: 400;

    line-height: 20px;

}

ul.contact-social-icon li {

    margin-right: 35px;

}

ul.contact-social-icon {

    display: flex;

    list-style: none;

    padding: 0;

    margin-top: 25px;

}

.contact-outer ul.contact-social-icon li a {

    color: #4a4a4a;

    font-size: 22px;

}

.map-area iframe {

    margin: 35px 0px;

}

.outer-form {

    background-color: #f7f7f7;

    margin-top: 50px;

    padding: 25px;

}

.outer-form .common-title.text-center h2 {

    margin-top: 0px;

}

ul.contact-social-icon li a:hover {

    color: #787878;

}

.outer-form .areal-field input::placeholder,

.outer-form .areal-field textarea::placeholder {

    color: #4a4a4a !important;

}

.outer-form .areal-field i {

    color: #787878;

}

.outer-form .areal-field input,

.outer-form .areal-field textarea {

    color: #4a4a4a !important;

}

.outer-form input[type="submit"] {

    color: #fff !important;

}

.video-sec {

    margin-top: 50px;

}

.opening-area .common-title h2 {

    margin: 12px 0;

    color: #67b12e;

}

.opening-area {

    padding: 20px 30px;

    box-shadow: 0 0 40px rgb(0 0 0 / 7%);

    background-color: #fff;

    height: 100%;

    display: flex;

    flex-direction: column;

}

.opening-area a {

    margin-top: auto;

}

section.current-hiring-area {

    margin: 60px 0 100px;

}

.opening-area p strong {

    font-weight: 500;

}

section.apply-sec {

    margin: 0px 0 50px;

}

.apply-sec-img {

    height: 100%;

    background-size: cover;

    background-position: center;

}

.apply-form-sec {

    background-color: #f7f7f7;

    padding: 40px 30px;

}

.areal-field.with-upload-resume {

    flex-wrap: wrap;

}

section.service-outer-sec {

    margin: 50px 0 50px;

}

.contect-area h2 {

    font-size: 28px;

    font-weight: 400;

    color: #000;

    margin: 20px 0;

}

.inner-area-sec h3 {

    font-size: 20px;

    color: #565555;

}

.inner-area-sec {

    background-color: #fcfcfc;

    padding: 20px 50px;

    box-shadow: 0 10px 30px rgb(0 0 0 / 6%);

    height: 100%;

}

.inner-area-sec h3:hover {

    color: #67b12e;

}

section.developement-type-sec .inner-area-sec:hover {

    background-color: rgb(244 249 240);

}

section.developement-type-sec {

    margin: 25px 0 45px;

}

.inner-area-sec img {

    margin: 12px 0 15px;

}

section.work-process-sec {

    background-color: #f5f5f5;

    margin: 80px 0 00px;

}

.work-text-area h2 {

    color: #565555;

    font-weight: 400;

    margin: 50px 0;

    font-size: 28px;

}

.dot-wrap {

    max-width: 270px;

    position: relative;

    height: 80px;

    width: 80px;

    margin: 0 auto 24px;

}

.dot-wrap .dot {

    background: #30bb2e;

}

.dot-wrap .dot::before,

.dot-wrap .dot::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background: inherit;

}

.dot-wrap .dot::before {

    width: 80px;

    height: 80px;

    opacity: .3;

}

.dot-wrap .dot::after {

    width: 60px;

    height: 60px;

    opacity: .7;

}

.dot-wrap {

    max-width: auto !important;

    position: relative;

    width: 100%;

    margin: 0 auto 24px;

}





.dot-wrap .dot .count {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    height: 40px;

    width: 40px;

    line-height: 40px;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    background: inherit;

    border-radius: 50%;

    text-align: center;

    z-index: 3;

    font-family: "Poppins", sans-serif;

}

.inner-text-sec .text-center:hover {

    background: #222;

    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 6%);

    box-shadow: 0 15px 30px rgb(0 0 0 / 6%);

    -webkit-filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.06));

    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.06));

    color: #fff;

}

.inner-text-sec h3 {

    font-size: 16px;

    color: #5a5555;

}

.inner-text-sec {

    background-color: #fff;

    padding: 23px 25px;

    min-height: 200px;

    position: relative;

    box-shadow: 0 10px 30px rgb(0 0 0 / 6%);

    margin-bottom: 40px;

    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.inner-text-sec:hover {

    background-color: #000;

}

.inner-text-sec:hover * {

    color: #fff;

}

.dot-wrap .dot.first-dot {

    background: #f55d4e;

}



.dot-wrap .dot.second-dot {

    background: #9013fe;

}

.dot-wrap .dot.third-dot {

    background: #7ed321;

}

.view-button-sec a {

    background-color: #67b12e;

    padding: 12px 20px 12px;

    color: #fff;

    border-radius: 2px;

}

.view-button-sec a:hover {

    background: #000;

}

.view-button-sec {

    margin: 45px 0 50px;

}

.inner-text-sec.text-center:before {

    position: absolute;

    bottom: 100%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    content: "";

    border-bottom: 13px solid #fff;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.inner-text-sec:hover::before {

    border-bottom-color: #000;

}

section.work-process-sec .dot-wrap {

    margin-top: 50px;

}

header.entry-header h2.entry-title a {

    color: #4a4a4a;

}

time.entry-date.published,time.updated {

    color: #787878;

    font-weight: 600;

}

.entry-meta span.author.vcard a {

    color: #787878;

    font-weight: 600;

}

header.entry-header.entry-meta {

    margin-bottom: 20px;

    margin-top: 12px;

}

.entry-meta {

    margin-bottom: 22px;

}

.entry-content p {

    margin-top: 16px;

}

span.comments-link a,a.post-edit-link {

    color: #4a4a4a;

    font-weight: 600;

    margin-bottom: 18px;

}

.entry-content .btn-secondary {

    color: #fff;

    background-color: #787878 !important;

    border-radius: 0px;

    border: 0px;

}

.page-item.active .page-link {

    z-index: 3;

    color: #fff;

    background-color: #787878;

    border-color: #787878;

}

li.page-item .page-link:hover {

   color: #000000;

}

li.page-item a.page-link {

    color: #000;

}

div#rpwwt-recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title {

    color: #4a4a4a;

    font-weight: 600;

}

.main-top-banner {

    background-color: #fff3d4;

    text-align: center;

}

.main-top-banner img {

    margin: 34px 0px 34px;

}

section.project-overview h2 {

    margin-top: 50px;

    padding-top: 85px;

}

section.project-overview p {

    text-align: center;

     margin-top: 20px;

    padding-bottom: 85px;

    margin-bottom: 0px;

}

section.project-overview {

    background-color: #f2f2f2;

}

.desktop-img-sec {

    text-align: center;

}

.opayn-icon-sec img {

    margin: 35px 0 0px;

}



 section.challange-sec p {

    text-align: center;

}

section.challange-sec p {

    padding: 0px 0 50px;

}

section.desktop-sec {

    background-color: #f4edf5;

}

section.desktop-sec h2 {

    padding-top: 28px;

    position: absolute;

}

section.solution-sec p {

    margin-bottom: 50px;

}



.bg-section {

    background-image: url(http://10.10.0.20/210601/qualhon-official/wp-content/uploads/2021/09/proect-overview.png);

    background-repeat: no-repeat;

    background-size: cover;

}
.banner-form .areal-field {
    position: relative;
}
.banner-form .areal-field:nth-child(5)::before {
    content: "\f1c0";
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    font: normal normal normal 14px/1 FontAwesome;
    z-index: 9999;
}
.banner-form select {
    padding-left: 25px;
}
.real-estate-form .wpcf7-response-output {
    max-width: 100%;
    margin-top: 0!important;
}
.banner-form .areal-field, .areal-field p {
    gap: 5px;
}
.hero-sec-form .wpcf7 form.invalid .quote-form-wrapper + .wpcf7-response-output {
    padding: 6px 10px;
    margin-top: 5px!important;
}




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

    .video-sec iframe {

        height: 300px;

    }

    .apply-sec-img {

        height: 400px;

    }

    section.desktop-sec h2 {

        display: contents;

    }
    .real-estate-form {
    padding: 30px 30px 45px!important;
}

}