.elementor-1135 .elementor-element.elementor-element-589e339{--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;}.elementor-1135 .elementor-element.elementor-element-589e339:not(.elementor-motion-effects-element-type-background), .elementor-1135 .elementor-element.elementor-element-589e339 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ace4b8f );}.elementor-1135 .elementor-element.elementor-element-4668156{--display:flex;}.elementor-1135 .elementor-element.elementor-element-fbf391d{--display:flex;--min-height:133px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:6px 0px;--row-gap:6px;--column-gap:0px;}.elementor-1135 .elementor-element.elementor-element-4f7f90e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1135 .elementor-element.elementor-element-4f7f90e.e-con{--align-self:flex-start;}.elementor-1135 .elementor-element.elementor-element-8443352{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1135 .elementor-element.elementor-element-8443352.e-con{--align-self:flex-end;--order:-99999 /* order start hack */;}.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-1135 .elementor-element.elementor-element-aac7b45 .elementor-icon-wrapper{text-align:center;}.elementor-1135 .elementor-element.elementor-element-aac7b45.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-1135 .elementor-element.elementor-element-aac7b45.elementor-view-framed .elementor-icon, .elementor-1135 .elementor-element.elementor-element-aac7b45.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-1135 .elementor-element.elementor-element-aac7b45.elementor-view-framed .elementor-icon, .elementor-1135 .elementor-element.elementor-element-aac7b45.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-1135 .elementor-element.elementor-element-aac7b45 .elementor-icon{font-size:14px;}.elementor-1135 .elementor-element.elementor-element-aac7b45 .elementor-icon svg{height:14px;}.elementor-1135 .elementor-element.elementor-element-aac7b45{width:var( --container-widget-width, 19% );max-width:19%;--container-widget-width:19%;--container-widget-flex-grow:0;}.elementor-1135 .elementor-element.elementor-element-89849ac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1135 .elementor-element.elementor-element-0d17a58{column-gap:0px;text-align:justify;font-family:"Roboto", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:0.8px;color:var( --e-global-color-accent );padding:10px 0px 0px 0px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1135 .elementor-element.elementor-element-0d17a58 p{margin-block-end: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-1135 .elementor-element.elementor-element-c6d3071 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:33px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#000000;}.elementor-1135 .elementor-element.elementor-element-c6d3071{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1135 .elementor-element.elementor-element-e2dca0f{--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;}.elementor-1135 .elementor-element.elementor-element-196787d{--display:flex;--min-height:274px;--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;}.elementor-1135 .elementor-element.elementor-element-196787d:not(.elementor-motion-effects-element-type-background), .elementor-1135 .elementor-element.elementor-element-196787d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shariffbuilders.com/wp-content/uploads/2026/07/pexels-pablo-di-zara-532634209-16495231-scaled.jpg");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-1135 .elementor-element.elementor-element-42fc043{--display:flex;}.elementor-1135 .elementor-element.elementor-element-5fe11d1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:42px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-1135 .elementor-element.elementor-element-71b63f2{text-align:end;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-ace4b8f );}.elementor-1135 .elementor-element.elementor-element-71b63f2 p{margin-block-end:0px;}.elementor-1135 .elementor-element.elementor-element-ad18c7b .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-1135 .elementor-element.elementor-element-9793d7f p{margin-block-end:0px;}.elementor-1135 .elementor-element.elementor-element-9793d7f{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-1135 .elementor-element.elementor-element-0f8d016{--display:flex;}.elementor-1135 .elementor-element.elementor-element-b1ea7c5{--display:flex;}.elementor-1135 .elementor-element.elementor-element-6c7db34{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-gap:20px;--n-tabs-title-color:var( --e-global-color-text );padding:020px 0px 0px 0px;}.elementor-1135 .elementor-element.elementor-element-61c859c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1135 .elementor-element.elementor-element-3e22c99{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1135 .elementor-element.elementor-element-c9c052c{--display:flex;--min-height:273px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1135 .elementor-element.elementor-element-c9c052c:not(.elementor-motion-effects-element-type-background), .elementor-1135 .elementor-element.elementor-element-c9c052c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1135 .elementor-element.elementor-element-c9c052c.e-con{--align-self:center;}.elementor-1135 .elementor-element.elementor-element-096c4a1{text-align:center;width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-1135 .elementor-element.elementor-element-096c4a1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:600;text-transform:capitalize;color:var( --e-global-color-ace4b8f );}.elementor-1135 .elementor-element.elementor-element-e8c7d1f{text-align:center;color:var( --e-global-color-ace4b8f );width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-1135 .elementor-element.elementor-element-e8c7d1f p{margin-block-end:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-1135 .elementor-element.elementor-element-d49d8e0 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-ace4b8f );color:var( --e-global-color-ace4b8f );background-color:var( --e-global-color-primary );}.elementor-1135 .elementor-element.elementor-element-d49d8e0 .elementor-button:hover, .elementor-1135 .elementor-element.elementor-element-d49d8e0 .elementor-button:focus{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1135 .elementor-element.elementor-element-d49d8e0{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1135 .elementor-element.elementor-element-c9c052c{--min-height:192px;--gap:6px 0px;--row-gap:6px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1135 .elementor-element.elementor-element-096c4a1 .elementor-heading-title{font-size:20px;}.elementor-1135 .elementor-element.elementor-element-096c4a1{--container-widget-width:305px;--container-widget-flex-grow:0;width:var( --container-widget-width, 305px );max-width:305px;}.elementor-1135 .elementor-element.elementor-element-e8c7d1f p{margin-block-end:0px;}.elementor-1135 .elementor-element.elementor-element-e8c7d1f{width:var( --container-widget-width, 308px );max-width:308px;--container-widget-width:308px;--container-widget-flex-grow:0;}.elementor-1135 .elementor-element.elementor-element-d49d8e0 .elementor-button{font-size:8px;}.elementor-1135 .elementor-element.elementor-element-d49d8e0{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-1135 .elementor-element.elementor-element-4f7f90e{--width:22%;}.elementor-1135 .elementor-element.elementor-element-8443352{--width:21%;}.elementor-1135 .elementor-element.elementor-element-89849ac{--content-width:1377px;}.elementor-1135 .elementor-element.elementor-element-196787d{--content-width:1275px;}.elementor-1135 .elementor-element.elementor-element-61c859c{--width:100%;}.elementor-1135 .elementor-element.elementor-element-3e22c99{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-196787d */.project-hover-box {
  position: relative;
  overflow: hidden;
  min-height: 350px;
  transition: transform 0.4s ease-in-out;
}

.project-hover-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.project-hover-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  z-index: 2;
}

.project-hover-box:hover .project-hover-overlay {
  opacity: 1;
}

.project-hover-box:hover {
  transform: translateY(-3px);
}

.project-hover-title {
  color: #ffffff;
  margin-bottom: 8px;
  text-align: center;
}

.project-hover-desc {
  color: #f5f0eb;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-196787d */.project-hover-box {
  position: relative;
  overflow: hidden;
  min-height: 350px;
  transition: transform 0.4s ease-in-out;
}

.project-hover-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.project-hover-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  z-index: 2;
}

.project-hover-box:hover .project-hover-overlay {
  opacity: 1;
}

.project-hover-box:hover {
  transform: translateY(-3px);
}

.project-hover-title {
  color: #ffffff;
  margin-bottom: 8px;
  text-align: center;
}

.project-hover-desc {
  color: #f5f0eb;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-196787d */.project-hover-box {
  position: relative;
  overflow: hidden;
  min-height: 350px;
  transition: transform 0.4s ease-in-out;
}

.project-hover-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.project-hover-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  z-index: 2;
}

.project-hover-box:hover .project-hover-overlay {
  opacity: 1;
}

.project-hover-box:hover {
  transform: translateY(-3px);
}

.project-hover-title {
  color: #ffffff;
  margin-bottom: 8px;
  text-align: center;
}

.project-hover-desc {
  color: #f5f0eb;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-196787d */.project-hover-box {
  position: relative;
  overflow: hidden;
  min-height: 350px;
  transition: transform 0.4s ease-in-out;
}

.project-hover-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.project-hover-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  z-index: 2;
}

.project-hover-box:hover .project-hover-overlay {
  opacity: 1;
}

.project-hover-box:hover {
  transform: translateY(-3px);
}

.project-hover-title {
  color: #ffffff;
  margin-bottom: 8px;
  text-align: center;
}

.project-hover-desc {
  color: #f5f0eb;
  text-align: center;
}/* End custom CSS */