/*
Theme Name: Hello Elementor RTL Child
Template: hello-elementor
*/
.hd-img-box h3 {
margin:0;
}
.hd-img-box img {
width:23px;
height:auto
}
.menu-bar .hfe-nav-menu li a {
height:100%
}
.menu-bar .hfe-nav-menu li a {
border-bottom:3px solid transparent;
}
.menu-bar .hfe-nav-menu li a:hover, .menu-bar .hfe-nav-menu li.current-menu-item a {
border-bottom:3px solid #0F0C58;
}
.menu-bar .main-menu, .menu-bar .main-menu .hfe-nav-menu, .menu-bar .main-menu nav {
height:100%
}
#masthead {
position: absolute !important;
width: 100%;
right: 0;
left: 0;
}
#SR7_1_1 .erinyen .tp-title-wrap {
display:none !important
}
#SR7_1_1 .erinyen.sr7-arrows:hover {
cursor: pointer;
background: rgba(15, 12, 88, 0.75);}
#SR7_1_1 .persephone .sr7-bullet {
width: 20px !important;
height: 4px !important;}
.menu-bar .e-con-inner {
background:rgba(255,255,255,.9);
clip-path: polygon(
0 0,
calc(100% - 18px) 0,
100% 18px,
100% 100%,
18px 100%,
0 calc(100% - 18px)
);
}
.cpy p {
margin-bottom:0 !important
}
.footer-contact {
clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 16px),
calc(100% - 16px) 100%,
16px 100%,
0 calc(100% - 16px)
);
}
.footer-contact .hd-img-box img {
width: 32px;}
.video-mask-container video {
min-height: 480px;
width: 100%;
}
.video-mask-container {
position: relative;
width: 100%;
/*aspect-ratio: 664 / 632;*/
overflow: hidden;
}
.video-mask-container .elementor-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
-webkit-mask-image: url('/wp-content/uploads/2025/12/shpe.png');
mask-image: url('/wp-content/uploads/2025/12/shpe.png');
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.video-mask-container .e-hosted-video {
position:relative;
}
.video-mask-container .e-hosted-video:before {
content: "";
width: 220px;
height: 210px;
background: url(/wp-content/uploads/2025/12/shape-vid1.png);
position: absolute;
right: 15px;
top: 21px;
background-size: contain;
transform: rotate(-1.25deg);
background-repeat: no-repeat;
}
.video-mask-container {
overflow:visible !important
}
.video-mask-container .e-hosted-video:after {
content: "";
width: 150px;
height: 150px;
background: url(/wp-content/uploads/2025/12/shape-vid2.png);
position: absolute;
right: -160px;
bottom: 0px;
background-size: contain;
background-repeat: no-repeat;
}
.main-btn-b a{
clip-path: polygon(
10px 0,
calc(100% - 10px) 0,
100% 10px,
100% 100%,
0 100%,
0 10px
);
padding:18px 35px;
transition: all .4s ease-in-out;
}
.main-btn-b a:after {
width:10px;
height:10px;
content:"";
background:url(/wp-content/uploads/2025/12/arrow.svg);
background-size:cover;
display:inline-block;
margin-right:15px;
transition: all .4s ease-in-out;
}
.main-btn-b a:hover:after {
transform:rotate(-45deg);
transition: all .4s ease-in-out;
}
.main-btn-b a .elementor-button-content-wrapper {
display:inline-block
}
.main-btn-b a:hover {
clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 10px),
calc(100% - 10px) 100%,
10px 100%,
0 calc(100% - 10px)
);
	
	background:#A5D6F9 !important;
	color:#0F0C58 !important;
}
.main-btn-b a:hover::after {
	background:url(/wp-content/uploads/2025/12/hover.svg)
}


.main-blog .hfe-post-content {
position:relative
}
.main-blog .hfe-post-content .hfe-post-meta span {
display: flex;
justify-content: center;
align-items: center;
color:#0F0C58
}
.main-blog .hfe-post-content .hfe-post-meta {
position: absolute;
top: -60px;
width: 70px;
height: 60px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
clip-path: polygon(
10px 0,    
100% 0,
100% 100%,
0 100%,
0 10px           
);
text-align:center
}
.hfe-post-image {
clip-path: polygon(
20px 0,    
100% 0,
100% 100%,
0 100%,
0 20px           
);
position:relative
}
.hfe-post-image a:before {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background: rgba(94, 94, 94, .10);
background: linear-gradient(180deg, rgba(94, 94, 94, .1) 0%, rgba(15, 12, 88, .9) 100%);
}
.sectors-section {
clip-path: polygon(
150px 0,    
100% 0,
100% 100%,
0 100%,
0 100px           
);
}
.ceo-section:after {
content:"";
width:295px;
height:170px;
background:url(/wp-content/uploads/2025/12/trangle.png);
background-size:cover;
bottom:0;
right:0;
position:absolute
}
.en-title { display: block; }
.ar-title { display: none; }
.rtl .en-title { display: none !important; }
.rtl .ar-title { display: block !important; }
.project-gallery {
padding: 80px 0;
}
.project-gallery-title {
text-align: center;
margin-bottom: 40px;
}
.project-gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.project-gallery-item img {
width: 100%;
height: auto;
display: block;
border-radius: 10px;
cursor: zoom-in;
transition: 0.3s;
}
.project-gallery-item img:hover {
transform: scale(1.02);
}
.project-navigation {
padding: 40px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.project-navigation-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.project-nav-link {
text-decoration: none;
}
.project-nav-title {
font-size: 20px;
margin-top: 5px;
font-weight: 600;
}
.project-related {
padding: 80px 0;
background: #f9f9f9;
}
.project-related-title {
text-align: center;
margin-bottom: 40px;
}
.project-related-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
}
.project-related-card {
display: block;
text-decoration: none;
}
.project-related-image img {
width: 100%;
border-radius: 10px;
display: block;
}
.project-related-card-title {
margin-top: 15px;
font-size: 20px;
font-weight: 600;
}
.project-hero {
position: relative;
min-height: 400px; 
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.project-hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4); 
	display:none
}
.project-hero-inner {
position: relative;
z-index: 2;
padding: 160px 0 40px ; 
text-align: center;
}
.project-hero-title {
color: #fff; 
font-size: 40px;
font-weight: 700;
}
/*.project-block1 {
padding: 80px 0;
}*/
.project-block1-inner {
display: flex;
gap: 40px;
align-items: flex-start;
}
.project-block1-image img {
max-width: 100%;
border-radius: 10px;
}
.sector-projects-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-auto-rows: masonry; 
gap: 25px;
}
.sector-project-card {
display: block;
overflow: hidden;
border-radius: 12px;
position: relative;
text-decoration: none;
}
.sector-project-image img {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
}
.sector-project-info {
margin-top: 10px;
}
.sector-project-title {
font-size: 20px;
font-weight: 700;
margin: 5px 0;
}
.sector-project-excerpt {
font-size: 15px;
color: #777;
}
.hth-sectors-slider {
width: 100%;
padding: 40px 0;
min-height: 550px;
}
.hth-sector-card {
display: block;
text-decoration: none;
color: inherit;
}
.hth-sector-card-inner {
position: relative;
height: 430px;
overflow: hidden;
border-radius: 0px;
clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 18px),
calc(100% - 18px) 100%,
18px 100%,
0 calc(100% - 18px)
);
}
.hth-sector-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease, filter 0.6s ease;
}
.hth-sector-card-inner:hover .hth-sector-card-image img {
transform: scale(1.06);
filter: brightness(0.9);
}
.hth-sector-card-base {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 22px 26px 26px;
display: flex;
flex-direction: column;
gap: 10px;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.25) 0%,
rgba(0, 0, 0, 0) 100%
);
color: #fff;
z-index: 1;
}
.hth-sector-card-base-icon img {
width: 40px;
height: 40px;
filter: brightness(1000%);
display: block;
}
.hth-sector-card-base-title {
margin: 0;
font-size: 16px;
font-weight: 600;
}
.hth-sector-card-overlay {
position: absolute;
left: 5%;
bottom: 4%;
width: 90%;
padding: 30px;
background-color: #fff;
color: #0F0C58;
z-index: 2;
transform: translateY(60%);
opacity: 0;
transition: all 0.45s ease-in-out;
clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 16px),
calc(100% - 16px) 100%,
16px 100%,
0 calc(100% - 16px)
);
}
.hth-sector-card-inner:hover .hth-sector-card-overlay {
transform: translateY(0);
opacity: 1;
}
.hth-sector-card-overlay-icon img {
width: 40px;
height: 40px;
filter:  invert(100%)
        sepia(11%)
        saturate(7479%)
        hue-rotate(222deg)
        brightness(29%)
        contrast(118%);
margin-bottom: 5px;
}


.hth-sector-card-overlay-title {
margin: 0 0 5px;
font-size: 16px;
font-weight: 600;
}
.hth-sector-card-overlay-excerpt {
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.hth-sectors-prev,
.hth-sectors-next {
color: #0F0C58;
}
.hth-sectors-prev::after,
.hth-sectors-next::after {
font-size: 20px;
}
.hth-sectors-pagination {
margin-top: 24px;
text-align: center;
}
.hth-sectors-pagination .swiper-pagination-bullet {
width: 14px;
height: 6px;
border-radius: 2px;          
background: #0F0C58;
opacity: 1;
margin: 0 4px !important;
}
.hth-sectors-pagination .swiper-pagination-bullet-active {
background: #A5D6F9;
}
@media (max-width: 767px) {
.hth-sector-card-inner {
height: 320px;
}
}
.hth-sector-card-inner {
position:relative;
}
.hth-sector-card-inner:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(94, 94, 94, .10);
background: linear-gradient(180deg, rgba(94, 94, 94, .1) 0%, rgba(15, 12, 88, .9) 100%);
}
.hth-masonry-grid {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 2.5%;
direction: rtl;
height:550px
}
.hth-project-card {
/* width: 33.3%;*/
position: absolute;
overflow: hidden;
border-radius: 0px;
min-height: 267px;
}
.hth-project-badge:hover {
color:#fff !important
}
.hth-project-badge {
position: absolute;
top: 16px;
right: 16px; 
background: #0F0C58;
color: #fff;
display: flex;
align-items: center;
gap: 10px; 
padding: 8px 16px 8px 20px; 
border-radius: 0  ;
height: 38px;
line-height: 1;
clip-path: polygon(
12px 0%,   
100% 0%, 
100% 100%, 
0% 100%, 
0% 12px
);
z-index: 10;
}
.hth-project-badge-title {
font-size: 11px;
font-weight: 500;
white-space: nowrap;
padding-top: 1px; 
text-decoration:none !important
}
.hth-project-badge-icon {
width: 20px;
height: 20px;
object-fit: contain;
display: block;
filter: brightness(0) invert(1); 
}
.hth-project-image {
position: relative;
display: block;
height: 100%;
}
.hth-project-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hth-project-title {
position: absolute;
bottom: 18px;
right: 18px;
color: #fff;
font-size: 18px;
font-weight: 700;
z-index: 5;
transition: 0.25s ease;
}
.hth-project-hover {
position: absolute;
bottom: -.5px;
right: -.5px;
width: 70%;
background: #f1f1f1;
padding: 24px 26px;
color: #0F0C58;
opacity: 0;
transform: translateX(25px);
transition: opacity 0.35s ease, transform 0.35s ease;
clip-path: polygon(14px 0, 100% 0, 100% 100%, 0 100%, 0 14px);
z-index: 9;
pointer-events: none;
}
.hth-project-card:hover .hth-project-hover {
opacity: 1;
transform: translateX(0);
}
.hth-project-card:hover .hth-project-title {
opacity: 0;
transition: opacity 0.25s;
}
.hth-project-hover .hover-title {
font-size: 17px;
font-weight: 700;
margin-bottom: 10px;
color: #0F0C58;
text-align: right;
}
.hth-project-hover .hover-excerpt {
font-size: 14px;
line-height: 1.5;
margin-bottom: 14px;
color: #444444;
text-align: right;
margin-bottom:5px
}
.hth-project-hover .hover-date {
font-size: 13px;
color: #0F0C58;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 6px;
margin-bottom:0
}
.hth-project-hover .date-icon {
display: inline-block;
width: 12px;
height: 16px;
margin-left: 4px;
}
.date-icon i {
font-size: 12px;
color: #0F0C58;
margin-left: 5px;
}
.hth-project-card:nth-of-type(1) {
right:0;
top:0;
width:38.2%;
height:550px
}
.hth-project-card:nth-of-type(2) {
right:39.2%;
top:0;
width:19.6%;
height:267px
}
.hth-project-card:nth-of-type(3) {
left:0;
top:0;
width:40.2%;
height:260px;
}
.hth-project-card:nth-of-type(4) {
left:41.2%;
bottom:0;
width:19.6%;
height:260px
}
.hth-project-card:nth-of-type(5) {
left:20.6%;
bottom:0;
width:19.6%;
height:260px
}
.hth-project-card:nth-of-type(6) {
left:0;
bottom:0;
width:19.6%;
height:260px
}
.comments-area a, .page-content a {
text-decoration:none !important
}
.hth-project-card:nth-of-type(6) .hth-project-hover, .hth-project-card:nth-of-type(5) .hth-project-hover, .hth-project-card:nth-of-type(4) .hth-project-hover, .hth-project-card:nth-of-type(2) .hth-project-hover {
width:90%;
padding: 20px 15px;
}
.hth-project-card:nth-of-type(6) .hth-project-hover .hover-excerpt, .hth-project-card:nth-of-type(5) .hth-project-hover .hover-excerpt, .hth-project-card:nth-of-type(4) .hth-project-hover .hover-excerpt, .hth-project-card:nth-of-type(2) .hth-project-hover .hover-excerpt {
font-size: 12px;
line-height: 1.25;}
.progress-circle {
position: relative;
width: 120px;
height: 120px;
}
.progress-circle svg {
transform: rotate(-90deg); 
}
.circle-bg {
fill: none;
stroke: #e6e6e6;   
stroke-width: 5;
}
.circle-progress {
fill: none;
stroke: #A5D6F9;  
stroke-width: 5;
stroke-linecap: round;
stroke-dasharray: 339.29; 
stroke-dashoffset: 339.29;
transition: stroke-dashoffset 2.5s ease;
}
.circle-icon {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
color: #0a2cff;
}
.progress-circle svg {
transform: rotate(-90deg);
}
.circle-icon img {
width:90px
}
.counter-boxes:after {
content: "";
position: absolute;
left: -160px;
top: 0;
width: 320px;
height: 99.80%;
background: #0F0C58;
transform: skewX(-60deg);
transform-origin: left;
}
.rtl .counter-boxes .elementor-counter-title {
font-family:'lama-sbold', sans-serif !important
}
.hth-project-image::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(94, 94, 94, .10);
background: linear-gradient(180deg, rgba(94, 94, 94, .1) 0%, rgba(15, 12, 88, .9) 100%);
}
.page-title-banner {
margin-top:-150px;
z-index:-1
}
.page-title-banner::before {
content: "";
width: 150px;
height: 80px;
background: url(/wp-content/uploads/2025/12/trangle.png);
background-size: auto;
background-size: cover;
position: absolute;
bottom: -1px;
right: 0;
top:unset;
z-index:9
}
.page-title-banner:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(94, 94, 94, .10);
background: linear-gradient(180deg, rgba(15, 12, 88, .8) 0%, rgba(15, 12, 88, .65) 100%);
}
.page-title-banner .elementor-widget-shortcode {
z-index:999;
font-size:30px;
font-weight:700;
color:#fff;
	text-align:center
}
body:not(.home) #content {
padding-top:440px
}
.first-inner:before {
content: "";
width: 200px;
height: 105px;
background: url(/wp-content/uploads/2025/12/trangle.png);
background-size: auto;
background-size: cover;
position: absolute;
bottom: -105px;
right: 0;
top:unset;
z-index:9;
transform:rotatex(180deg)
}
.first-inner:after {
content: "";
width: 160px;
height: 92px;
background: url(/wp-content/uploads/2025/12/shpeafter.png);
background-size: auto;
background-size: cover;
position: absolute;
bottom: 0px;
left: 0;
top:unset;
z-index:9;
}
/*
.first-inner {
clip-path: polygon(0 0,100% 0,100% calc(100% - 16px), 100% 100%,160px 100%,0 calc(100% - 90px))
}
*/
.icon-lista .elementor-image-box-img {
margin-top:15px !important
}
.rtl .elementor-image-box-title {
font-family:'lama-sbold', sans-serif !important
}
.succ-img1 {
width: 220px;
position: absolute;
left: 15%;
clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 16px),
calc(100% - 16px) 100%,
0 100%
);
}
.succ-img2 {
width: 180px;
position: absolute;
right: 17.5%;
top:50px;
clip-path: polygon(
0 0,
100% 0,
100% 100%,
16px 100%,
0 calc(100% - 16px)
);
}
.succ-img4 {
width: 180px;
position: absolute;
left: 21.5%;
bottom:-15px;
clip-path: polygon(
0 0,
calc(100% - 16px) 0,
100% 16px,
100% 100%,
0 100%
);
}
.succ-img3 {
width: 220px;
position: absolute;
right: 11%;
bottom: -55px;
clip-path: polygon(
16px 0,
100% 0,
100% 100%,
0 100%,
0 16px
);
}
.abt-img-box .elementor-image-box-description{
font-family:'lama-reg', sans-serif !important
}
.abt-img-box  .elementor-image-box-content {
background: #1C1966;
padding: 25px 30px;
}
.concepts-section {
clip-path: polygon(
160px 0,
100% 0,
100% 100%,
0 100%,
0 100px
);
}
.rtl .cnct-form input, 
.rtl .cnct-form textarea, 
.rtl .cnct-form select {
text-align:right
}
.cnct-form {
max-width: 480px;
width: 100%;
padding:50px 60px;
}
.rtl .cnct-form {
direction: rtl;
font-family: "Lama-med", sans-serif;
text-align: right;
}
.cnct-form br {
display:none
}
.cnct-form .form-group {
margin-bottom: 18px;
}
.cnct-form label {
display: block;
font-size: 14px;
font-weight: 500;
color: #1E2A5A;
margin-bottom: 10px;
	line-height:1.25
}
.cnct-form .form-group p {
	margin-bottom:0
}
.cnct-form input[type="text"],
.cnct-form input[type="email"],
.cnct-form input[type="tel"],
.cnct-form select,
.cnct-form textarea {
width: 100%;
height: 50px;
padding: 0 14px;
border-radius: 0px;
border: 1px solid #D8DEE8;
background-color: #fff;
font-size: 14px;
color: #1E2A5A;
outline: none;
transition: border-color 0.2s ease;
}
.cnct-form textarea {
height: 90px;
padding: 12px 14px;
resize: none;
}
.cnct-form ::placeholder {
color: #9AA3B2;
font-size: 14px;
}
.cnct-form input:focus,
.cnct-form select:focus,
.cnct-form textarea:focus {
border-color: #1B2B7B;
}
.cnct-form .phone-wrapper {
display: flex;
gap: 10px;
align-items: flex-end;
}
.rtl .cnct-form .phone-wrapper {
	flex-direction: row-reverse;
}
.cnct-form .country-code {
width: 140px;
height: 50px;
}
.cnct-form select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%239AA3B2' stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 14px center;
padding-left: 36px;
}
.cnct-form input[type="submit"] {
height: 50px;
border-radius: 0px;
background-color: #1B2B7B;
color: #fff;
font-size: 14px;
font-weight: 500;
border: none;
cursor: pointer;
transition: background 0.2s ease;
width: 100%;
text-align: center;
clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 10px),
calc(100% - 10px) 100%,
10px 100%,
0 calc(100% - 10px)
);
}
.cnct-form input[type="submit"]:hover {
background-color: #162366;
}
.cnct-form .wpcf7-not-valid-tip {
font-size: 12px;
margin-top: 4px;
}
.cnct-form .wpcf7-response-output {
margin: 20px 0 0;
font-size: 14px;
}
.cnct-form-col {
clip-path: polygon(
0 0,
100% 0,
100% 100%,
120px 100%,
0 calc(100% - 90px)
);
}
.cut-img1 {
clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 90px),
calc(100% - 100px) 100%,
0 100%
);
}
.join-form .file-group {
margin-top: 10px;
position: relative;
}
.join-form .file-group {
margin-top: 12px;
}
.join-form .cv-input {
display: none;
}
.join-form .file-upload-box {
height: 96px;
border: none;
border-radius: 0px;
background: #F7F8FC;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease;
}
.join-form .file-text {
font-size: 14px;
color: #1E2A5A;
}
.join-form .file-text strong {
color: #1B2B7B;
font-weight: 600;
}
.join-form .file-icon {
width: 22px;
height: 22px;
background: url(/wp-content/uploads/2025/12/upload.svg) center/contain no-repeat;
}
.join-form .file-upload-box:hover {
background: #EEF2FF;
}
.join-form .file-name {
display: block;
margin-top: 6px;
font-size: 13px;
color: #fff;
opacity: 0;
transition: opacity 0.2s ease;
padding: 0 15px;
}
.join-form .file-name.active {
opacity: 1;
}
@media (max-width: 768px) {
.join-form .file-upload-box {
height: 88px;
}
}
/*.join-form .file-upload-box:after {
content:"";
background:#0F0C58;
position:absolute;
bottom:-6px;
left:0;
width:100%;
height:100%;
border-radius:0px;
z-index: -1;
}*/
.sector-card-icon {
width: 36px;
height: 36px;
margin-bottom: 12px;
display: block;
}
.eael-entry-wrapper {
position: relative;
}
.sector-card-icon {
width: 42px;
margin-bottom: 12px;
display: block;
}
.hth-sectors-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media (max-width: 1024px) {
.hth-sectors-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.hth-sectors-grid {
grid-template-columns: 1fr;
}
}
.single-sector .page-title-banner, .single-project .page-title-banner {
display:none
}
.sector-hero, .project-hero {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height:450px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position: relative;
}
.sector-hero .sector-hero-title, .project-hero .project-hero-title {
font-size: 36px;
font-weight: 700;
color: #fff;
z-index: 99;
position: relative;
}
.sector-hero:after, .project-hero:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(94, 94, 94, .10);
background: linear-gradient(180deg, rgba(15, 12, 88, .75) 0%, rgba(15, 12, 88, .55) 100%);
}
.sector-hero .sector-hero-desc {
font-size: 20px;
font-weight: 500;
text-align:center;
color: #fff;
max-width:60%;
z-index: 99;
position: relative;
margin: auto;
}
.sector-hero .sector-hero-content {
margin-top:100px
}
.single-sector .container {
display:flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}
.single-sector .container, .single-project .container {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0px;
}
.sector-block1-content, .project-block1-content {
flex: 0 0 55%;
max-width: 55%;
}
.sector-block1-content .sector-block1-title, .sector-block2-title, .project-block1-title, .project-block2-title {
color:#0F0C58;
font-family:"lama-sbold", sans-serif !important;
font-size:32px
}

.project-meta-list {list-style-type:none; padding: 0;
  margin-bottom: 25px; margin-top:30px}
.project-meta-list li {display:inline-block}
.project-meta-label {font-size:13px;  color:#0F0C58}
.rtl .project-meta-list li {
	margin-left:20px
}
.rtl .project-meta-label {font-family:"lama-sbold", sans-serif}
.rtl .project-meta-value {font-family:"lama-med", sans-serif}
.project-meta-value {font-size:13px}
.sector-block1-content .sector-block1-text, .sector-block2-text, .project-block1-text, .project-block2-text {
color:#010101;
font-family:"lama-reg", sans-serif !important;
font-size:16px;
line-height:1.65
}
.sector-block1-image, .project-block1-image {
flex: 0 0 45%;
max-width: 45%;
position:relative;
max-height:650px;
clip-path: polygon(
0 0,
100% 0,
100% 100%,
150px 100%,
0 85%
);
}
.sector-block1-image:before, .project-block1-image:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(94, 94, 94, .10);
background: linear-gradient(180deg, rgba(94, 94, 94, .1) 0%, rgba(15, 12, 88, .9) 100%);
}
/* image behavior */
.sector-block1-image img, .sector-block2-image img, .project-block1-image img, .project-block2-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
}
.sector-block2-inner .sector-block2-image, .sector-block2-inner .sector-block2-left, .project-block2-image, .project-block2-left {
flex: 0 0 50%;
max-width: 50%;
}
@media (max-width: 1024px) {
.single-sector .container, .single-project .container {
flex-direction: column;
gap: 32px;
}
.sector-block1-content,
.sector-block1-image, .sector-block2-inner .sector-block2-image, .sector-block2-inner .sector-block2-left, .project-block1-image, .project-block1-content  {
max-width: 100%;
flex: 0 0 100%;
}
}
.sector-block1-content, .sector-block2-left, .project-block1-content, .project-block2-left {
background:#F1F1F1;
padding:5% 6.5%
}
.sector-block2-inner, .project-block2-inner {
width:100%;
max-width:1280px;
margin:100px auto;
}
.project-navigation-inner, .project-related-inner {
	width:100%;
max-width:1280px;
margin:20px auto;
}
.sector-block2-icon, .project-block2-logo {
width:110px;
	margin-bottom:20px
}
.single-sector .hth-masonry-grid {
position:relative
}
.sector-projects, .project-gallery, .project-related {
padding:100px 20px 100px;
background-color: #F5F5F5;
background-image: url("/wp-content/uploads/2025/12/newmap.png");
background-repeat: no-repeat;
background-position: top center;
background-size: auto;
}
.sector-projects .sector-projects-title, .project-gallery-title, .project-related-title {
color:#0F0C58;
font-family:"lama-sbold", sans-serif !important;
font-size:32px;
margin-bottom:50px !important;
text-align:center
}
.projects-intro {
position:relative
}
.projects-intro:after {
content:"";
height:200px;
width:100%;
background:url(/wp-content/uploads/2025/12/border.svg);
background-size:cover;
background-position:center;
position:absolute;
bottom:-115px;
left:0
}
.projects-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
@media (max-width: 1024px) {
.projects-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.projects-grid {
grid-template-columns: 1fr;
}
}
.projects-archive .projects-grid .hth-project-card{
width:auto !important;
position:relative !important;
height: auto;
min-height: 380px;
top: unset;
right: unset;
left: unset;
bottom: unset;
}
.projects-archive .projects-grid .hth-project-card .hth-project-hover {
width:90% !important
}
.projects-filter {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 40px;
}
.projects-filter .filter-item.active {
font-weight: 700;
}
.projects-filter {
display: flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center;
margin-bottom: 48px;
}
.projects-filter .filter-item {
padding: 12px 15px;
border: 1.5px solid #0F0C58;
background: transparent;
color: #0F0C58;
font-size: 13px;
cursor: pointer;
transition: all 0.25s ease;
line-height: 1;
white-space: nowrap;
}
.rtl .projects-filter .filter-item {
font-family: "lama-sbold", san-serif !important;	
}
.projects-filter .filter-item:hover,
.projects-filter .filter-item.active {
background-color: #0F0C58;
color: #fff;
border-color: #0F0C58;
clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 10px),
calc(100% - 10px) 100%,
10px 100%,
0 calc(100% - 10px)
);
}
.projects-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
margin-top: 40px;
}
.projects-pagination .pagination-btn {
min-width: 44px;
height: 44px;
padding: 0 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 500;
cursor: pointer;
color: #0F0C58;
background: transparent;
border: 1px solid #0F0C58;
transition: all 0.25s ease;
}
.projects-pagination .pagination-btn:hover {
background-color: #0F0C58;
color: #ffffff;
}
.projects-pagination .pagination-btn.active {
background-color: #0F0C58;
color: #ffffff;
border-color: #0F0C58;
pointer-events: none;
}
.projects-pagination .pagination-btn:hover,
.projects-pagination .pagination-btn.active {
clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 8px),
calc(100% - 8px) 100%,
8px 100%,
0 calc(100% - 8px)
);
}
.projects-pagination .pagination-btn.prev,
.projects-pagination .pagination-btn.next {
font-size: 22px;
line-height: 1;
padding: 0 16px;
}
.projects-pagination .pagination-btn[disabled] {
opacity: 0.35;
pointer-events: none;
}
.rtl .projects-pagination {
direction:rtl !important
}


.project-nav-left, .project-nav-right {
	padding: 20px 50px;
  border: 1px solid #E5E7EB;
  text-decoration: none;
  transition: background 0.2s ease;
	width:40%
  
}
.project-nav-right {
	text-align:left
}
.project-nav-left:hover, .project-nav-right:hover {
	background:#fff
}
.project-nav-link {
	color:#0F0C58
}
.project-navigation {
	background:#eee;
	
}
main.single-post-page {
	padding-top:520px;
	background:#f1f1f1
}


.post-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 48px;
}

.post-nav {
    padding: 20px;
    border: 1px solid #E5E7EB;
    text-decoration: none;
    transition: background 0.2s ease;
}

.post-nav:hover {
    background: #F9FAFB;
}

.post-nav .nav-label {
    display: block;
    font-size: 12px;
    color: #6B7280;
    margin-bottom: 6px;
}

.post-nav .nav-title {
    font-size: 16px;
    font-weight: 700;
    color: #0F0C58;
}

.post-nav.next {
    text-align: left;
}

.post-nav.prev {
    text-align: right;
}

@media (max-width: 768px) {
    .post-navigation {
        grid-template-columns: 1fr;
    }
}

.post-share {
    margin: 48px 0;
    padding-top: 24px;
    border-top: 1px solid #E5E7EB;
}

.post-share-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #0F0C58;
    margin-bottom: 12px;
}

.post-share-icons {
    display: flex;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-share-icons a {
    font-size: 14px;
    font-weight: 600;
    color: #0F0C58;
    border: 1px solid #0F0C58;
    padding: 6px 14px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.post-share-icons a:hover {
    background: #0F0C58;
    color: #fff;
}
.sidebar-links-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-links-list li {
    margin-bottom: 10px;
}

.sidebar-links-list a {
    text-decoration: none;
    font-size: 14px;
    color: #0F0C58;
    font-weight: 600;
    position: relative;
    padding-left: 12px;
}

.sidebar-links-list a::before {
    content: "›";
    position: absolute;
    left: 0;
    top: 0;
    color: #0F0C58;
}

.sidebar-latest-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-latest-item {
    margin-bottom: 14px;
}

.sidebar-latest-item a {
    display: block;
    text-decoration: none;
}

.sidebar-latest-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    line-height: 1.4;
}

.sidebar-latest-date {
    font-size: 12px;
    color: #6B7280;
}

.sidebar-block {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    padding: 24px;
    margin-bottom: 24px;
}

.sidebar-title {
    font-size: 18px;
    font-weight: 700;
    color: #0F0C58;
    margin-bottom: 16px;
}
.post-sidebar {
    position: sticky;
    top: 120px;
}
.post-content {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.8;
    color: #1F2937;
}

.post-content p {
    margin-bottom: 20px;
}

.post-content h2 {
    font-size: 26px;
    margin: 40px 0 16px;
    color: #0F0C58;
}

.post-content h3 {
    font-size: 22px;
    margin: 32px 0 12px;
    color: #0F0C58;
}

.post-content ul,
.post-content ol {
    margin: 20px 0 20px 20px;
}

.post-content li {
    margin-bottom: 10px;
}

.post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 24px 0;
}

.post-content blockquote {
    margin: 32px 0;
    padding: 20px 24px;
    border-left: 4px solid #0F0C58;
    background: #F5F6FA;
    font-style: italic;
}
.post-header {
    margin-bottom: 32px;
}

.post-title {
    font-size: 28px;
    line-height: 1.35;
    font-weight: 700;
    color: #0F0C58;
    margin-bottom: 12px;
}

.post-meta {
    font-size: 14px;
    color: #6B7280;
}

.post-date {
    display: inline-block;
}

/* =========================
   SINGLE POST LAYOUT
========================= */

.post-layout {
    display: grid;
    grid-template-columns: 70% 30%;
    gap: 48px;
    align-items: start;
}

/* Main content */
.post-main {
    min-width: 0; /* prevents overflow */
}

/* Sidebar */
.post-sidebar {
    position: sticky;
    top: 120px;
}

/* Responsive */
@media (max-width: 1024px) {
    .post-layout {
        grid-template-columns: 1fr;
    }

    .post-sidebar {
        position: static;
        margin-top: 48px;
    }
}


.single-post-page .single-post {
	max-width:1280px;
	width:100%;
	margin: 80px auto 0;
	padding-bottom:100px
}

.rtl .post-layout {
	direction:ltr
}

.sidebar-post {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    text-decoration: none;
    border-bottom: 1px solid #E5E7EB;
}

.sidebar-post:last-child {
    border-bottom: none;
}

.sidebar-post-thumb img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
}

.sidebar-post-title {
    font-size: 14px;
    line-height: 1.4;
    color: #0F0C58;
    margin: 0 0 4px;
}

.sidebar-post-date {
    font-size: 12px;
    color: #8A8FA3;
}


.latest-posts {
	background: #F9FAFB;
  border: 1px solid #E5E7EB;
  padding: 24px;
  margin-bottom: 24px;
	clip-path: polygon(
  30px 0,
  100% 0,
  100% 100%,
  0 100%,
  0 30px
);

}

.post-featured-image {
    margin: 20px 0;
    overflow: hidden;
    border-radius: 16px;
}

.post-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}


.sidebar-post {
    display: flex;
    gap: 12px;
    padding: 20px 0 15px;
    text-decoration: none;
    border-bottom: 1px solid #E5E7EB;
}

.sidebar-post:last-child {
    border-bottom: none;
}

.sidebar-post-thumb img {
    width: 120px !important;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
}

.sidebar-post-title {
    font-size: 14px;
    line-height: 1.4;
    color: #0F0C58;
    margin: 0 0 4px;
}

.sidebar-post-date {
    font-size: 12px;
    color: #8A8FA3;
}

.rtl .sidebar-post {
	direction:rtl
}

.rtl .post-date {
	direction:rtl
}
.latest-posts h3, .sidebar-title {
	color: #0F0C58;
 
  font-size: 20px;
}
.rtl .latest-posts h3, .rtl .sidebar-title {
	font-family: "lama-sbold", sans-serif !important;
}
 
.hfe-post-image {
	height:380px;
}
.hfe-post-image img {
	height:100%;
	object-fit:cover
}

.elementor-widget-image img, .hfe-post-image img {
	transition: transform 0.4s ease;
}
.elementor-widget-image:hover img, .hfe-post-image:hover img {
    transform: scale(1.025);
}

.all-blog .posts-grid {
	grid-template-columns: repeat(3, 1fr);
  column-gap: 40px;
  row-gap: 30px;
  display: grid;
}

.all-blog .hfe-post-image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(94, 94, 94, .10);
  background: linear-gradient(180deg, rgba(94, 94, 94, .1) 0%, rgba(15, 12, 88, .9) 100%);
}

.all-blog  .hfe-post-title {
	font-size: 16px;
  font-family: "lama-sbold", sans-serif;
  text-decoration: none;
	color: var( --e-global-color-primary );
	line-height:1.5
}

.all-blog .hfe-post-content{
	padding: 20px 0px 30px 10px;
}

.hfe-read-more {
	color: var( --e-global-color-primary );
}


.posts-pagination {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.posts-pagination ul {
    display: flex;
    gap: 12px;
    list-style: none;
    padding: 0;
}

.posts-pagination .page-numbers .page-numbers {
    min-width: 44px;
height: 44px;
padding: 0 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 500;
cursor: pointer;
color: #0F0C58;
background: transparent;
border: 1px solid #0F0C58;
transition: all 0.25s ease;
}

.posts-pagination .page-numbers.current {
    
	background-color: #0F0C58;
color: #ffffff;
border-color: #0F0C58;
	clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 8px),
calc(100% - 8px) 100%,
8px 100%,
0 calc(100% - 8px)
);
}

.posts-pagination .page-numbers .page-numbers:hover {
    background-color: #0F0C58;
color: #ffffff;
	clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 8px),
calc(100% - 8px) 100%,
8px 100%,
0 calc(100% - 8px)
);
}
.project-block2 h3 {
	font-size:22px;
	color:#0F0C58;
}

.rtl .wpcf7-form select{
direction: rtl;
text-align-last: right;
}

.rtl .ltry .elementor-image-box-content p {
	text-align:right
}

.prtnrs-logos img {
	filter: brightness(0) invert(1);
	width:auto;
	height:120px
}