.elementor-19 .elementor-element.elementor-element-b65fce7{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.4;--overlay-mix-blend-mode:multiply;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-b65fce7:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-b65fce7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hdcc.com/wp-content/uploads/2025/09/main-banner-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-b65fce7::before, .elementor-19 .elementor-element.elementor-element-b65fce7 > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-b65fce7 > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-b65fce7 > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-b65fce7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-b65fce7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-19 .elementor-element.elementor-element-dfcc186{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-b262027{text-align:center;}.elementor-19 .elementor-element.elementor-element-b262027 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:80px;font-weight:700;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-2c312ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-98px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-a75c7c2{--display:flex;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.09411764705882353);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-19 .elementor-element.elementor-element-a75c7c2:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-a75c7c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-6bfb2fc{width:initial;max-width:initial;padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-5d9a47c5{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-2c312ea{--content-width:1330px;}}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-b65fce7{--min-height:455px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-19 .elementor-element.elementor-element-2c312ea{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-5d9a47c5{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-b65fce7{--min-height:372px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-19 .elementor-element.elementor-element-2c312ea{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-5d9a47c5{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}}@media(min-width:1025px){.elementor-19 .elementor-element.elementor-element-b65fce7:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-b65fce7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS *//*=======Search-box========*/

form.project-search-form {
    display: flex;
    gap: 25px;
}
button{
background-color: #1F9FD9 !important;
    font-family: "Oswald", Sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 30px !important;
    /*box-shadow: 0px -8px 7px 0px rgba(10.999999999999988, 121.00000000000004, 170.99999999999997, 0.1607843137254902) !important;*/
    padding: 10px 35px !important;
    border-radius: 0px 0px 0px 0px !important;
    border:none !important;
    color:#fff !important;
}


input[type="text"] , select {
    border-radius: 0px;
    outline: 0px !important;
    padding: 12px;
         font-family: "Poppins", Sans-serif;
border: 1px solid #666666bf !important;
     font-size:16px;
}

.build{
    color:#009ddc;
}






p.project_excerpt {
    font-size: 18px;
    font-weight: 500;
    font-family: poppins;
    text-shadow: 0.68px 1.88px 4px #00000023;
}

h3.project_title {
    font-size: 28px;
    font-family: 'Oswald';
    font-weight: 700;
    text-shadow: 0.68px 1.88px 4px #00000023;
}

.projects_container {
    display: flex;
    flex-wrap:wrap;
       gap: 20px;
}
.projects_col {
    width: 31.5%;
    display: inline-block;
}
.project_card {
    position: relative;
    display: block;
    overflow: hidden;
    /*border-radius: 8px;*/
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

.project_card-bg {
    display: block;
    width: 100%;
    padding-top: 65%; 
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
}

.project_overlay {
    position: absolute;
    inset: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: #2397d3e0;
    opacity: 0;
    transition: opacity 0.3s ease;
    margin: 23px;
}

.project_meta {
    color: #fff;
    text-align: center;
}

.project_title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.project_excerpt {
    font-size: 14px;
    margin: 0;
}

.project_card:hover .project_overlay {
    opacity: 1;
}

.project_card:hover .project_card-bg {
    transform: scale(1.05);
}


@media only screen and (max-width: 980px) {
.projects_container {
    flex-direction: column;
}
.projects_col {
    width: 100%;
}
.project_overlay {
    position: relative;
    inset: 0;
    opacity: 1;
    margin: 0px;
    padding: 15px 0px 15px 0px;
}
.project_card-bg {
        height: 220px;
        width: 100%;
        padding: 0px !important;
        max-width: 100%;
        background: center;
    }
    .project_card:hover .project_card-bg {
    transform: unset;
}

form.project-search-form {
 flex-direction: column;
    display: flex;
    gap: 25px;
}
}









.build{
    font-weight: 700;
}



/*ipad portrait::*/
 
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1023px) 
  and (orientation: portrait) {


.elementor-13 .elementor-element.elementor-element-d907146 img {
    height: 76vh !important;
}
}/* End custom CSS */