.elementor-3042 .elementor-element.elementor-element-4b2974f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3042 .elementor-element.elementor-element-84d9d44{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--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-3042 .elementor-element.elementor-element-0cd0adc{--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;--gap:20px 0px;--row-gap:20px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3042 .elementor-element.elementor-element-0cd0adc:not(.elementor-motion-effects-element-type-background), .elementor-3042 .elementor-element.elementor-element-0cd0adc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3042 .elementor-element.elementor-element-4566c04{--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;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3042 .elementor-element.elementor-element-69556b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-3042 .elementor-element.elementor-element-3c8aa4e{--display:flex;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3042 .elementor-element.elementor-element-4d6050c > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-3042 .elementor-element.elementor-element-4d6050c{z-index:90;text-align:start;}.elementor-3042 .elementor-element.elementor-element-4d6050c img{width:330px;max-width:330px;height:220px;object-fit:cover;object-position:center center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3042 .elementor-element.elementor-element-a490d7b{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;z-index:94;}.elementor-3042 .elementor-element.elementor-element-a490d7b > .elementor-widget-container{margin:-150% 0% 0% 0%;padding:0px 0px 0px 10px;}.elementor-3042 .elementor-element.elementor-element-a490d7b .elementor-icon-wrapper{text-align:start;}.elementor-3042 .elementor-element.elementor-element-a490d7b.elementor-view-stacked .elementor-icon{background-color:#000000;color:#959500;}.elementor-3042 .elementor-element.elementor-element-a490d7b.elementor-view-framed .elementor-icon, .elementor-3042 .elementor-element.elementor-element-a490d7b.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-3042 .elementor-element.elementor-element-a490d7b.elementor-view-framed .elementor-icon, .elementor-3042 .elementor-element.elementor-element-a490d7b.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-3042 .elementor-element.elementor-element-a490d7b.elementor-view-framed .elementor-icon{background-color:#959500;}.elementor-3042 .elementor-element.elementor-element-a490d7b.elementor-view-stacked .elementor-icon svg{fill:#959500;}.elementor-3042 .elementor-element.elementor-element-a490d7b .elementor-icon{font-size:35px;border-width:1px 1px 1px 1px;}.elementor-3042 .elementor-element.elementor-element-a490d7b .elementor-icon svg{height:35px;}.elementor-3042 .elementor-element.elementor-element-ee291ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3042 .elementor-element.elementor-element-fa68ed6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3042 .elementor-element.elementor-element-1bd2e41{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3042 .elementor-element.elementor-element-b50690a{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--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 );color:var( --e-global-color-primary );}.elementor-3042 .elementor-element.elementor-element-3d6a7d2 .elementor-heading-title{font-family:"Exo 2", Sans-serif;font-size:36px;font-weight:600;line-height:42px;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3042 .elementor-element.elementor-element-afdb183{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:-6%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3042 .elementor-element.elementor-element-afdb183.e-con{--align-self:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3042 .elementor-element.elementor-element-b286052 .elementor-button{background-color:#00000000;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:20px 20px 20px 20px;}@media(min-width:768px){.elementor-3042 .elementor-element.elementor-element-84d9d44{--content-width:1300px;}.elementor-3042 .elementor-element.elementor-element-4566c04{--width:100%;}.elementor-3042 .elementor-element.elementor-element-3c8aa4e{--width:96%;}.elementor-3042 .elementor-element.elementor-element-ee291ae{--width:4%;}.elementor-3042 .elementor-element.elementor-element-afdb183{--width:70%;}}@media(max-width:767px){.elementor-3042 .elementor-element.elementor-element-4b2974f{--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-3042 .elementor-element.elementor-element-0cd0adc{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-3042 .elementor-element.elementor-element-4566c04{--min-height:0px;}.elementor-3042 .elementor-element.elementor-element-3c8aa4e{--width:100%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3042 .elementor-element.elementor-element-4d6050c > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-3042 .elementor-element.elementor-element-4d6050c img{width:138px;max-width:138px;height:150px;}.elementor-3042 .elementor-element.elementor-element-a490d7b > .elementor-widget-container{margin:-145% 0% 0% 0%;}.elementor-3042 .elementor-element.elementor-element-a490d7b .elementor-icon{font-size:14px;}.elementor-3042 .elementor-element.elementor-element-a490d7b .elementor-icon svg{height:14px;}.elementor-3042 .elementor-element.elementor-element-ee291ae{--margin-top:-80%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3042 .elementor-element.elementor-element-b50690a{--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3042 .elementor-element.elementor-element-3d6a7d2 .elementor-heading-title{font-size:18px;line-height:1.2em;}.elementor-3042 .elementor-element.elementor-element-b286052{width:var( --container-widget-width, 145px );max-width:145px;--container-widget-width:145px;--container-widget-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-fa68ed6 */.project-right-col1{
    position: absolute;
    right: 20px;
    top: 0px;
    width: 6px;
    height: 70px;
    background-color: #959500;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media only screen and (max-width: 600px) {
    
.project-right-col1{
    position: absolute;
    right: 10px;
    top: 0px;
    width: 3px;
    height: 30px;
    background-color: #959500;
    }
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2e41 */.project-right-col2{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 10px;
    height: 100px;
    background-color: #111111;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media only screen and (max-width: 600px) {
    
.project-right-col2{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 5px;
    height: 60px;
    background-color: #111111;
    }
    
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8dd8fc0 */.elementor-3042 .elementor-element.elementor-element-8dd8fc0 {
  display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b286052 */#project-button{
   background: #000000BD url("https://demo.mksrbuilders.com/wp-content/uploads/2024/06/button-bg-img.png") no-repeat !important;
   background-size: cover;
   width: 100%;
}
#project-button:hover{
   background: #000 url("https://demo.mksrbuilders.com/wp-content/uploads/2024/06/button-bg-img.png") no-repeat !important;
   background-size: cover;
   width: 100%;
}

#project-button .elementor-button-text {
    text-align: left !important;
    color:#fff;
    transition: 0.5s ease all;
}
#project-button:hover .elementor-button-text {
    padding-left:20px;
    color:#959500;
    transition: 0.5s ease all;
}
#project-button span:before{
    content:"\002B";
    position:absolute;
    color:#fff;
    font-family:"fontawesome";
    font-size:20px;
    top:4px;
    right:-18px;
    padding:5px 10px;
    background-color: #959500;
    border: 1px solid #959500;
    transition: 0.5s ease all;
    z-index: 1;
}
#project-button:hover span:before{
    /*content:"\203A";*/
    content:"\002B";
    position:absolute;
    color:#959500;
    font-size:20px;
    top:24px;
    right:-18px;
    padding:5px 10px;
    background-color: #fff;
    transition: 0.5s ease all;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd0adc */#project-main:hover{
    background-color:#959500;
    transition: all 1s ease;
}
/* Project Icon */
.elementor-icon {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#project-main:hover  .elementor-icon {
    fill:#959500;
    background-color:#fff;
    border-color: #959500;
    transform: scale(1.1);
    transition: all 1s ease;
}
#project-main:hover .project-right-col1{
    position: absolute;
    right: 20px;
    top: 0px;
    width: 6px;
    height: 100px;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.project-title{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#project-main:hover .project-title{
    transform: scale(1.1) translateX(20px);
    transition: all 1s ease;
}
#project-main:hover .project-right-col2{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 10px;
    height: 70px;
    background-color: #111111;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#project-main:hover .project-desc{
    color:#000;
}
/* Project Button */
#project-main:hover #project-button{
   background: #000 url("https://demo.mksrbuilders.com/wp-content/uploads/2024/06/button-bg-img.png") no-repeat !important;
   background-size: cover;
   width: 100%;
}
#project-main:hover #project-button .elementor-button-text {
    padding-left:20px;
    color:#959500;
    transition: 0.5s ease all;
}
#project-main:hover #project-button span:before{
    content:"\002B";
    position:absolute;
    color:#959500;
    font-size:20px;
    top:24px;
    right:-18px;
    padding:5px 10px;
    background-color: #fff;
    border: 1px solid #959500;
    transition: 0.5s ease all;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    
#project-main:hover .project-right-col1{
    position: absolute;
    right: 10px;
    top: 0px;
    width: 5px;
    height: 70px;
    background-color: #fff;
}
.project-title{
    
}

#project-main:hover .project-right-col2{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 3px;
    height: 30px;
    background-color: #111111;
}
    
}/* End custom CSS */