/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/astra-child
 Description:  A child theme for the Astra theme
 Author:       Your Name
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0
*/

/* Add your custom styles below */


.rh-container {
            
            transform: rotate(45deg); /* Rotate the square to create a rhombus */
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            position: relative;
        }

.dynamic-heading {
            transform: rotate(-45deg); /* Rotate the square to create a rhombus */
						 font-size: 30px; /* Adjust to your design */
   					 text-align: center;
        }

.wp-block-uagb-container.uagb-is-root-container .uagb-block-77083b28 {
    max-width: 100px;
    width: 100px !important;
}
.wp-block-uagb-container.uagb-is-root-container .uagb-block-17dcfbfe {
        max-width: 100px;
    width: 100px !important;
}
.wp-block-uagb-container.uagb-is-root-container .uagb-block-162842c1 {
   max-width: 100px;
    width: 100px !important;
}
.wp-block-uagb-container.uagb-is-root-container .uagb-block-68efb815 {
    max-width: 100px;
    width: 100px !important;
	
}
/* TOP */
html[lang="ar"] .wp-block-uagb-container.uagb-is-root-container .uagb-block-e6b3ea2b{
	  margin-top: -15px !important;
    margin-bottom: 10px !important;
    margin-RIGHT: -160px !important;
}
.wp-block-uagb-container.uagb-is-root-container .uagb-block-afc5e970 {
    margin-top: 15px !important;
    margin-bottom: 0px !important;
    margin-right: -160px !important;
}

/* LEFT */
html[lang="ar"] .wp-block-uagb-container.uagb-is-root-container .uagb-block-b25492e3{
		  margin-top: 15px !important;
    margin-bottom: 0px !important;
    margin-RIGHT: -90px !important;
}

.wp-block-uagb-container.uagb-is-root-container .uagb-block-e07b2403 {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    margin-right: -90px !important;
} 
/* RIGHT */
html[lang="ar"] .wp-block-uagb-container.uagb-is-root-container .uagb-block-afc5e970 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: -90px !important;
}
.wp-block-uagb-container.uagb-is-root-container .uagb-block-e6b3ea2b{
	  margin-top: 0px !important;
    margin-bottom: 20px !important;
    margin-left: -90px !important;
}
/* BOTTOM */
html[lang="ar"] .wp-block-uagb-container.uagb-is-root-container .uagb-block-e07b2403 {
    margin-top: 20px !important;
    margin-bottom: -15px !important;
    margin-left: -160px !important;
}
.wp-block-uagb-container.uagb-is-root-container .uagb-block-b25492e3{
		  margin-top: 0px !important;
    margin-bottom: 15px !important;
    margin-left: -160px !important;
}

.dynamic-text {
    display: inline-block;
		font-size: 18px;
		font-weight:600;
		color: #042e61;
}
.dynamic-heading,
.dynamic-text {
    opacity: 0;
    clip-path: inset(0 0 100% 0); /* Initially hides the element */
    transition: opacity 0.5s ease, clip-path 0.5s ease;
}

.dynamic-heading.visible,
.dynamic-text.visible {
    opacity: 1;
    clip-path: inset(0 0 0 0); /* Reveals the element */
}



.main-rh:hover {
	cursor: pointer;
}


/* Base style */
.grad .wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
  background: linear-gradient(90deg, #064D96, #08376B, #01224B); 
  color: white;
  padding: 30px;
  border-radius: 10px !important;
  background-size: 200%; /* Increase background size for animation effect */
  background-position: left; /* Start at left */
  transition: background-position 0.5s ease; /* Smooth transition effect */
}

/* Hover effect */
.grad .wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
  background-position: right; /* Move gradient to the right */
}

/* Active effect */
.grad .wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:active {
  background-position: center; /* Add an intermediate effect for active */
}

@media (max-width: 768px) {
	.grad .wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
  background: linear-gradient(90deg, #064D96, #08376B, #01224B); 
  color: white;
  padding: 15px;
  border-radius: 10px !important;
  background-size: 200%; /* Increase background size for animation effect */
  background-position: left; /* Start at left */
  transition: background-position 0.5s ease; /* Smooth transition effect */
}
}
/* Ensure uniform height for the slider items */
.uagb-post__inner-wrap {
    display: flex; /* Flexbox for layout consistency */
    flex-direction: column; /* Stack image, title, and date vertically */
    justify-content: space-between; /* Space out elements evenly */
    width: 100%;
    height: 360px; /* Set consistent height for the entire article */
}

/* Uniform height for the image container */
.uagb-post__image {
    flex: 1; /* Take up remaining space in the container */
    height: auto; /* Allow responsiveness */
    overflow: hidden; /* Crop any overflowed content */
}

/* Ensure all images fill their container uniformly */
.uagb-post__image img {
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    object-fit: cover; /* Crop image while maintaining aspect ratio */
}

/* Title styling */
.uagb-post__title {
    margin: 0;
    padding: 10px; /* Add consistent padding */

}

/* Date styling */
.uagb-post__text {
    margin-top: auto; /* Push to the bottom */
    text-align: center; /* Center-align date */
    font-size: 0.85rem; /* Smaller font for date */
    color: #555; /* Neutral color */
}

/****** slider ******/

div#n2-ss-5 .n2-style-f9339be0c21278b8e34d4abb408f2d82-simple {
    background: #ffffff00;
}


/****** Primary Container ******/

body, html {
    overflow-x: hidden;
}

.ast-hfb-header .site-header {
    margin-top: -30px;
}
.ast-below-header-bar.ast-below-header, .ast-header-break-point .ast-below-header-bar.ast-below-header {

    margin-bottom: -60px;
}

html[lang="ar"] body {
    font-family: 'Noto Kufi Arabic', sans-serif;
}

p {
    text-align: justify;
}
html[lang="ar"] p {
    text-align: justify;
}
.wp-block-kadence-advancedheading[data-kb-block^="kb-adv-heading"] {
    text-align: justify;
} 

html[lang="ar"] .wp-block-kadence-advancedheading[data-kb-block^="kb-adv-heading"] {
    text-align: justify;
}

 li {
    text-align: justify;
}

@media (max-width: 768px){
	li {
		font-size:12px;
}
	
} 

html[lang="ar"] li {
    text-align: justify;
}

html[lang="ar"] .wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-level-1 {
    padding-right: 2rem;
}

.wp-block-kadence-advancedheading p {
    text-align: justify;
}
/***********************************************************/
/****** Single Article Styling ******/

.ast-article-single {
    margin-top: 5px !important; 
    padding-top: 5px !important; 
}
/***********************************************************/
/****** off-canvas ******/
/* Mobile version (Arabic) */
@media (max-width: 768px) {
    html[lang="ar"] .main-header-menu .sub-menu {
        display: grid;
        grid-template-columns: repeat(2, auto);
        position: relative !important; /* Ensure submenu is positioned properly */
        top: 0 !important; /* Position submenu correctly */
        visibility: visible !important; /* Make submenu visible */
    }
}
 #ast-hf-mobile-menu li {
    font-size: 14px;
	 	font-weight:600;

}

html[lang="ar"]  #ast-hf-mobile-menu li {
    font-size: 14px;
	font-weight:600;
}

#ast-hf-mobile-menu ul.sub-menu li {
    font-size: 12px !important;
    font-weight: normal !important; /* Adjust weight if needed */
		margin-left:10px;
}

html[lang="ar"] #ast-hf-mobile-menu ul.sub-menu li {
    font-size: 12px !important;
    font-weight: normal !important; /* Adjust weight if needed */
		margin-right:20px !important;
		padding-right:20px !important;
	padding-top:5px;
	
}

.ast-menu-toggle { 
    border-style: none;
}
.menu-toggle-close{
	border-style: none !important;
	
}
/* Target the SVG element directly */
#menu-toggle-close .ast-mobile-svg {
    width: 30px; /* Adjust width */
    height: 30px; /* Adjust height */ 
}
#menu-toggle-close .ast-mobile-svg path {
    stroke: #0E4991; /* Adjust stroke color */
    stroke-width: 1; /* Adjust line thickness */
}
button, .ast-button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius: 0px !important;
    box-shadow: none !important;
}
/***********************************************************/
/****** Adjust  header logo size ******/

/* Default desktop size */
.site-logo-img {
    max-width: 375px;
    height: auto;
}

/* Medium screens (tablets) */
@media (max-width: 1199px) and (min-width: 768px) {
    .site-logo-img {
        max-width: 50%;
    }
    html[lang="ar"] .site-logo-img {
        max-width: 50%;
    }
}

/* Small screens (phones) */
@media (max-width: 767px) {
    .site-logo-img {
        max-width: 80%;
    }
	 html[lang="ar"] .site-logo-img {
        max-width: 80%;
    }
}

/* Extra small screens (e.g., very small phones) */
@media (max-width: 480px) {
    .site-logo-img {
        max-width: 90%;
				padding-left: 0;
        margin-top: 0;
				margin-left:0;
    }
    html[lang="ar"] .site-logo-img {
        max-width: 90%;
				padding-right: 0;
        margin-top: 0;
				margin-right:0;
    }
}

/***********************************************************/
/****** Adjust  footer  ******/

html[lang="ar"]  .wp-image-4188{
	align-items:right;
	padding-right:0;
	margin-right:0;
	margin-top:0;
	padding-top:0;
	align-self:right;
}

.wp-image-4188{
	align-items:left;
	padding-left:0;
	margin-left:0;
	align-self:left;
}

html[lang="ar"] .wp-image-4186{
	display: block;
	margin-right:0px;
	padding:0 !important;
	align-self:left !important;
}

.wp-image-4186{
	display: block;
	margin-left:150px;
}

html[lang="ar"] .ast-footer-copyright{
	margin-right:70px;
}

.ast-footer-copyright{
	margin-left:70px;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .wp-image-4188 {
        max-width: 60%;
				margin-right:20px;
    }
    html[lang="ar"] .wp-image-4188 {
        max-width: 60%;
				margin-right:20px;
    }
}
@media (max-width: 480px) {
    .wp-image-4188 {
        max-width: 40%;
			margin-right:20px;
    }
	 html[lang="ar"] .wp-image-4188{
        max-width: 60%;
		 	margin-right:1%;
		 padding-right:0;
    }
}
@media (max-width: 1199px) and (min-width: 768px) {
    .wp-image-4186 {
        max-width: 60%;
				margin-right:20px;
    }
    html[lang="ar"] .wp-image-4186 {
        max-width: 60%;
				margin-right:20px;
    }
}
@media (max-width: 480px) {
    .wp-image-4186 {
        max-width: 30%;
			margin-right:20px;
    }
	 html[lang="ar"] .wp-image-4186 {
        max-width: 30%;
		 margin-right:85%;
    }
}
/***********************************************************/
/****** language-switcher ******/

.language-switcher a {
    pointer-events: auto !important;
    z-index: 10; 
    display: inline-block; 
}

.language-switcher {
    position: relative;
    z-index: 10;
}

html[lang="ar"] .language-switcher {
	margin-left:-28px;
	margin-right:25px;
}



/***********************************************************/
/****** Search Icon ******/

.icon-search {
    margin-right: 0;
    padding-right: 20px;
}

html[lang="ar"] .icon-search {
    margin-right: 0;
    padding-right: 20px;
}

.icon-search:hover {
    color: #525354;
}



/***********************************************************/
/****** Embedded Media Responsiveness ******/
.wp-block-embed iframe {
    width: 100% !important;
    height: 100% !important;
}

.wp-block-embed {
    width: 100%;
    height: auto;
    max-height: 500px;
}



/***********************************************************/
/****** Contact us Icons and Contact Text ******/
.fa-phone,
.fa-envelope {
    margin-right: 8px;
}

.icon {
    margin-right: 8px;
    font-size: 20px;
    color: #334155;
}

.contact-text {
    font-size: 20px;
    color: #334155;
    font-weight: 500;
}


/***********************************************************/
/****** SVG Icon Transition ******/
.kb-svg-icon-wrap svg {
    transition: color 0.3s ease;
}


/***********************************************************/
/****** Icon Hover Effects ******/
.wp-block-kadence-icon.kt-svg-icons:hover .kb-svg-icon-wrap svg {
    color: #999999;
    transform: scale(1.05) rotate(20deg);
    transition: transform 0.3s ease, color 0.3s ease; 
}

.kb-button.kt-btn-size-standard:hover .kt-btn-inner-text,
.kb-button.kt-btn-size-standard:hover .kb-svg-icon-wrap svg {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}


/***********************************************************/
/****** Button Link Hover Effects ******/
.wp-block-button__link {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.wp-block-button__link:hover {
    border-color: #064da3;
    transform: scale(1.05) !important;
}


/***********************************************************/
/****** Info Box Hover Effects ******/
.kt-blocks-info-box-link-wrap {
    display: block;
    transition: transform 0.3s ease;
}

.kt-blocks-info-box-link-wrap:hover {
    transform: scale(1.05);
}


/***********************************************************/
/****** Social Icon Hover Effects ******/
.ast-builder-social-element {
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.ast-builder-social-element:hover {
    transform: scale(1.5);
}



/***********************************************************/
/****** Preloader ******/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.logo-container {
    text-align: center;
}
.loading-logo {
    width: 700px;
    animation: rotate3d 2s linear infinite;
}


@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/***********************************************************/
/****** Sticky Button ******/
.sticky-button {
    width: 55px;
    height: 55px; 
    background-color: #007BFF; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    transform: rotate(45deg);
    position: relative; 
    color: white; 
    text-align: center; 
    font-size: 16px;
    cursor: pointer; 
		border-radius: 15px !important;
}

.sticky-button span {
    transform: rotate(-45deg); 
    display: inline-block;
}


.sticky-button-group {
    position: fixed;
    top: 80%;
    transform: translateY(-50%);
    z-index: 1000;
    right: 15px;
    padding: 0 !important;
}


@media (max-width: 600px) {
    .sticky-button-group {
        right: 10px;
    }
}

.kb-btn37_6a000b-b3 .kb-button {
    display: flex;
    align-items: center;
    padding: 0.1em !important;
}

.kb-button.kb-btn-global-fill {
    padding: 0.3em !important;
}

.kb-button .kb-btn37_6a000b-b3 .kt-btn-inner-text {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 5px;
    transition: opacity 0.3s ease, background-color 0.3s ease;
    border-radius: 5px;
    white-space: nowrap;
    display: inline-block;
}

.kb-button:hover .kt-btn-inner-text {
    opacity: 1; 
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.sticky-button-group {
    position: fixed;
    right: 30px;
    top: 70%;
    font-size: 18px;
    z-index: 1000;
}

@media (max-width: 480px) {
    .sticky-button-group {
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .sticky-button-group {
        right: 15px;
        top: 50%;
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .sticky-button-group {
        right: 20px;
        top: 70%;
    }
}

@media (min-width: 1440px) {
    .sticky-button-group {
        right: 30px;
        top: 70%;
    }
}

@media (min-width: 2560px) {
    .sticky-button-group {
        top: 80%;
    }
}


/***********************************************************/
/* Loading Animation */
#loading-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensures it's above all other elements */
}



#main-content {
    opacity: 0; /* Initially hidden */
    transition: opacity 1.5s ease-in-out; /* Smooth fade-in */
}

#main-content.visible {
    opacity: 1; /* Fully visible */
}


/***********************************************************/
/* News Section Styling */
article.format-standard.loop-entry.ast-article-single.post {
    background-color: #042e61;
    padding: 5px;
    border-radius: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

article.format-standard.loop-entry.ast-article-single.post:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Specific Post Container */
.wp-block-kadence-posts.post-2 article.format-standard.loop-entry.ast-article-single.post {
    background-color: white !important;
    border: 5px solid #E5E4E2 !important;
    padding: 0px !important;
    border-radius: 17px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Transparent Background Adjustments */
.entry.content-bg {
    box-shadow: none;
    flex: 1;
}

.page .entry-header {
    margin-bottom: 0px;
}

/* Flexible Post Layout */
.wp-block-kadence-posts.kb-posts > .entry.content-bg {
    flex: 1;
    align-items: stretch;
}

/* Image Adjustments */
.entry.content-bg .post-thumbnail-inner img {
    border-radius: 10px 10px 0 0;
    height: 90%;
    width: 100%;
    object-fit: cover;
    margin: 0 !important;
    padding: 0 !important;
}

/* Title and Padding Adjustments */
.entry-title {
    min-height: 50px;
    line-height: 1.2em;
    margin: 0px 20px !important;
    padding: 0 !important;
		text-align: left;
    margin: 0;
}

html[lang="ar"] .entry-title {
	font-family:'Noto Kufi Arabic', sans-serif;
	direction: rtl;
  text-align: right;
}

.entry.content-bg .post-thumbnail-inner,
.entry.content-bg .entry-content-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

/* Entry Content Layout */
.entry-content-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Responsive News Section Adjustments */
@media (max-width: 768px) {
    article.format-standard.loop-entry.ast-article-single.post {
        padding: 8px;
        font-size: 14px;
    }

    .entry-title {
        font-size: 16px;
        margin: 0 10px !important;
    }

    .entry.content-bg .post-thumbnail-inner img {
        height: auto;
    }
}

@media (max-width: 480px) {
    article.format-standard.loop-entry.ast-article-single.post {
        padding: 5px;
        font-size: 12px;
    }

    .entry-title {
        font-size: 14px;
        margin: 0 5px !important;
    }
}

/* Uniform post container size */
.wp-block-kadence-posts.kb-posts {
    display: flex;
    flex-direction: row;
    align-items: stretch; 
    height: 550px; 
    width: 100%;
    overflow: hidden;
}


/* Remove underline from title link */
.entry-title a {
    color: white !important;
    text-decoration: none !important;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

/* Title hover effect */
.entry-title a:hover {
    color: white !important;
    text-decoration: underline;
}

.wp-block-kadence-posts .loop-entry .entry-summary p {
    color: white !important;
    margin: 0px 20px 10px 20px !important;
    text-align: justify;
}

.wp-block-kadence-posts a.post-more-link {
    color: white !important;
		margin:16px  !important;
		padding:0px  !important;
}



.wp-block-kadence-posts .more-link-wrap {
    text-align: right;
    margin: 10px 25px 0px 20px !important;
}


html[lang="ar"] .wp-block-kadence-posts .more-link-wrap {
		position:absolute;
    bottom:15px;
}


.more-link-wrap .post-more-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    font-size: 18px !important;
    text-align: right;
    border-radius: 10px;
    display: inline-block;
    color: white;
    text-decoration: none;
}


/* Adjustment for title link for the specific post */
.wp-block-kadence-posts.post-2 .entry-title a {
    color: #042e61 !important;
    text-decoration: none !important;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

/* Title hover effect for the specific post */
.wp-block-kadence-posts.post-2 .entry-title a:hover {
    color: #042e61 !important;
    text-decoration: underline !important;
}

/* Summary text styles for the specific post */
.wp-block-kadence-posts.post-2 .entry-summary p {
    color: #042e61 !important;
    margin: 0px 20px 10px 20px !important;
    text-align: justify !important;
}

/* "Read More" link styles for the specific post */
.wp-block-kadence-posts.post-2 a.post-more-link {
    color: #042e61 !important;
    text-align: left !important;
		margin:16px  !important;
		padding:0px  !important;
    text-decoration: none !important;
}

/* Adjust content wrap with no margins or padding */
.entry-content-wrap {
    margin: 0;
    padding-left: 0 !important;
    padding: 0px;
    text-align: center;
    height: 10%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Change color of date */
.entry-meta .posted-on time {
    color: #00a69f;
    font-size: 16px;
    margin: 0px 20px 0px 20px !important;
}

.more-link-wrap .kadence-svg-icon {
    display: none;
}

.more-link-wrap a.post-more-link::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"30"%20height%3D"30"%20viewBox%3D"0%200%2030%2030"%20fill%3D"none"%3E%3Ccircle%20cx%3D"15"%20cy%3D"15"%20r%3D"14"%20stroke%3D"white"%20stroke-width%3D"2"%20fill%3D"transparent"%2F%3E%3Cpath%20d%3D"M12%2010l6%205-6%205"%20stroke%3D"white"%20stroke-width%3D"2"%20fill%3D"none"%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
		margin-bottom:0px;
    transition: transform 0.3s ease;
}

.more-link-wrap a.post-more-link:hover::after {
    transform: scale(1.1);
}

/* Custom arrow for the "Read More" link in post-2 */
.wp-block-kadence-posts.post-2 .more-link-wrap a.post-more-link::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2214%22%20stroke%3D%22%23042e61%22%20stroke-width%3D%222%22%20fill%3D%22transparent%22%2F%3E%3Cpath%20d%3D%22M12%2010l6%205-6%205%22%20stroke%3D%22%23042e61%22%20stroke-width%3D%222%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}





html[lang="ar"] .more-link-wrap a.post-more-link::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2214%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20fill%3D%22transparent%22%2F%3E%3Cpath%20d%3D%22M18%2010l-6%205%206%205%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E');


    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
		margin-bottom:0px;
    transition: transform 0.3s ease;
}

html[lang="ar"].more-link-wrap a.post-more-link:hover::before{
    transform: scale(1.1);
}

/* Custom arrow for the "Read More" link in post-2 Ar */
html[lang="ar"] .wp-block-kadence-posts.post-2 .more-link-wrap a.post-more-link::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2214%22%20stroke%3D%22%23042e61%22%20stroke-width%3D%222%22%20fill%3D%22transparent%22%2F%3E%3Cpath%20d%3D%22M18%2010l-6%205%206%205%22%20stroke%3D%22%23042e61%22%20stroke-width%3D%222%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E');

    background-size: contain;
    background-repeat: no-repeat;
    margin-left: px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}


/* Responsiveness: Adjust the layout for tablets and smaller screens */
@media (max-width: 768px) {
    .wp-block-kadence-posts.kb-posts {
        flex-direction: column !important;
        height: auto;
    }

    /* Individual post adjustments for mobile */
    .wp-block-kadence-posts .loop-entry {
        width: 100%; 
        margin-bottom: 20px;
    }

    /* Adjust text alignment for mobile */
    .entry-title {
        text-align: center;
        font-size: 18px;
    }

    .wp-block-kadence-posts .loop-entry .entry-summary p {
        margin: 10px 10px 20px 10px !important; 
        text-align: left;
        font-size: 14px; 
    }

    .more-link-wrap {
        text-align: center; 
        margin: 10px 0 0 0;
    }

    /* Adjust image for smaller screens */
    .entry.content-bg .post-thumbnail-inner img {
        height: auto; 
        width: 100%; 
        object-fit: cover;
    }

    /* Date adjustments for smaller screens */
    .entry-meta .posted-on time {
        font-size: 14px; 
    }
}

/* Responsiveness for extra small screens (phones) */
@media (max-width: 480px) {
    .wp-block-kadence-posts.kb-posts {
        flex-direction: column !important;
        height: auto;
    }

    /* Individual post adjustments */
    .wp-block-kadence-posts .loop-entry {
        width: 100%; 
        margin-bottom: 15px; 
    }

    /* Title and content adjustments */
    .entry-title {
        font-size: 16px;
        margin: 5px 10px;
    }

    .wp-block-kadence-posts .loop-entry .entry-summary p {
        font-size: 14px;
    }

    .entry-meta .posted-on time {
        font-size: 12px;
    }

    .more-link-wrap {
        text-align: center; 
        margin: 5px 0 0 0;
    }

    /* Image adjustments */
    .entry.content-bg .post-thumbnail-inner img {
        width: 100%; 
        height: auto;
        object-fit: cover; 
    }
}


/***********************************************************/
/*******************View More Buttons *********************/


/* Button 1 - latest news - en  */
.wp-block-kadence-advancedbtn .kb-btn37_6a1da7-62.kb-button {
    display: inline-flex; 
    flex-direction: column;
    align-items: center; 
    text-align: center; 
    width: 100px;
    margin: 0px !important;
    padding: 0px !important;
	padding: 8px 2px 5px 2px !important;
    border: 2px solid #D1D5DB; /* Add border with your desired color */
    border-radius: 5px !important; /* Add rounded corners */
}

.wp-block-kadence-advancedbtn .kb-btn37_6a1da7-62.kb-button:hover .kb-svg-icon-wrap svg {
    transform: scale(1.2); 
}

.kb-button.kt-btn37_6a1da7-62 .kt-btn-inner-text {
    margin: 0 !important; 
    padding: 0px !important;
    align-items: center !important; 
}

.kb-btn37_6a1da7-62.kb-button .kb-svg-icon-wrap {
    margin: 0px !important; 
    padding: 0px !important;
    max-height: 20px !important;
}


/* Button 1 - latest news - Ar  */

.wp-block-kadence-advancedbtn .kb-btn608_1626a6-f6.kb-button.kb-button {
    display: inline-flex; 
    flex-direction: column;
    align-items: center; 
    text-align: center; 
    width: 100px;
    margin: 0px !important;
    padding: 8px 2px 5px 2px !important;
    border: 2px solid #D1D5DB; /* Add border with your desired color */
    border-radius: 5px !important; /* Add rounded corners */
}

 .wp-block-kadence-advancedbtn .kb-btn608_1626a6-f6.kb-button.kb-button:hover .kb-svg-icon-wrap svg {
    transform: scale(1.2); 
}

 .kb-btn608_1626a6-f6.kb-button .kt-btn-inner-text {
    margin: 0 !important; 
    padding: 0px !important;
    align-items: center !important; 
}

 .kb-btn608_1626a6-f6.kb-button.kb-button .kb-svg-icon-wrap {
    margin: 0px !important; 
    padding: 0px !important;
    max-height: 20px !important;
}

/***********************************************************/

/* Button 2 - kb-btn37_28b46b-0f */
.wp-block-kadence-advancedbtn .kb-btn37_28b46b-0f.kb-button {
    display: inline-flex; 
    flex-direction: column;
    align-items: center; 
    text-align: center; 
    width: 100px;
    margin: 0px !important;
    padding: 0px !important;
}

.wp-block-kadence-advancedbtn .kb-btn37_28b46b-0f.kb-button:hover .kb-svg-icon-wrap svg {
    transform: scale(1.2); 
}

.kb-button.kb-btn37_28b46b-0f.kb-button .kt-btn-inner-text {
    margin: 0 !important; 
    padding: 0px !important;
    align-items: center !important; 
}

.kb-btn37_28b46b-0f.kb-button .kb-svg-icon-wrap {
    margin: 0px !important;
    padding: 0px !important;
    max-height: 20px !important;
}

/***********************************************************/

/* Kadence Button Styles */
.wp-block-kadence-advancedbtn .kb-btn37_2a1cf2-8a.kb-button {
    display: inline-flex; 
    flex-direction: column;
    align-items: center; 
    text-align: center;
    width: 100px;
    margin: 0px !important;
    padding: 0px !important;
}

.wp-block-kadence-advancedbtn .kb-btn37_2a1cf2-8a.kb-button:hover .kb-svg-icon-wrap svg {
    transform: scale(1.2);
}

.kb-button.kb-btn37_2a1cf2-8a .kt-btn-inner-text {
    margin: 0 !important; 
    padding: 0px !important;
    align-content: center !important;
}

.kb-btn37_2a1cf2-8a.kb-button .kb-svg-icon-wrap {
    max-height: 20px;
    margin: 0px !important;
    padding: 0px !important;
}

/***********************************************************/

/* Quick Access Styles */
.quick-access {
    position: relative;
    text-align: center;
    margin: 20px 0;
}


.quick-access-icons {
    display: none; 
    margin-top: 10px;
    justify-content: center;
}

.quick-access-icon {
    display: inline-block;
    margin: 0 5px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s ease;
}

.quick-access-icon:hover {
    transform: scale(1.05);
}

/***********************************************************/

/* Card Container hover effect - services */

/* Title Styling - Centered Vertically */
.hover-card .kt-blocks-info-box-title {
    position: absolute;
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Perfect vertical center */
		
}

/* Content Styling - Initially Hidden */
.hover-card .kt-blocks-info-box-text {
    position: absolute;
    top: 60%; /* Center vertically */
    transform: translateY(-60%); /* Perfect vertical center */
    padding-right: 5%; /* Adjusted to percentage */
    opacity: 0; /* Hide content initially */
    transition: opacity 0.3s ease; /* Smooth transition for text visibility */
}

html[lang="ar"] .hover-card .kt-blocks-info-box-text {
    position: absolute;
    top: 60%; /* Center vertically */
    transform: translateY(-60%); /* Perfect vertical center */
    padding-left: 5%; /* Adjusted to percentage */
    padding-right: 0%; /* Adjusted to percentage */
    opacity: 0; /* Hide content initially */
    transition: opacity 0.3s ease; /* Smooth transition for text visibility */
}

/* Hover Effect - Move title to the top and show the content */
.hover-card:hover .kt-blocks-info-box-title {
    top: 17%; /* Adjusted to percentage for responsiveness */
}

.hover-card:hover .kt-blocks-info-box-text {
    opacity: 1; /* Show content when hovered */
}
html[lang="ar"] .hover-card:hover .kt-blocks-info-box-text {
    opacity: 1; /* Show content when hovered */
}

/* Media Queries for Mobile and Tablet */
@media (max-width: 768px) { /* Tablet and smaller screens */
    .hover-card .kt-blocks-info-box-title {
        top: 40%; /* Adjust for smaller screens */
        transform: translateY(-40%);
    }

    .hover-card .kt-blocks-info-box-text {
        top: 50%;
        transform: translateY(-50%);
        padding-right: 10%; /* Increased padding for smaller screens */
    }

    html[lang="ar"] .hover-card .kt-blocks-info-box-text {
        padding-left: 10%; /* Increased padding for smaller screens */
    }

    .hover-card:hover .kt-blocks-info-box-title {
        top: 20%; /* Adjust hover effect */
    }
}

@media (max-width: 480px) { /* Mobile screens */
    .hover-card .kt-blocks-info-box-title {
        top: 45%; /* Further adjust for smaller screens */
        transform: translateY(-45%);
    }

    .hover-card .kt-blocks-info-box-text {
        top: 55%;
        transform: translateY(-55%);
        padding-right: 8%; /* Adjust for mobile */
    }

    html[lang="ar"] .hover-card .kt-blocks-info-box-text {
        padding-left: 8%;
    }

    .hover-card:hover .kt-blocks-info-box-title {
        top: 10%;
	
    }
	
		
}
 
/***********************************************************/

/* Main Header Menu Styles */


/************ En **************/
.main-header-menu :hover {
    transform: scale(1.02); 
    transition: all 0.2s ease; 
		text-decoration: none !important;
}
.main-header-menu .sub-menu {
    display: grid; 
    grid-template-columns: repeat(2, auto); 
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    visibility: hidden;
    background-color: #fff !imprtant; 
    padding: 10px;
		transition: opacity 0.2s ease; 
	transform: translateX(-10%) !important; 
}


/* Ensure the sub-menu becomes visible on hover */

.main-header-menu .menu-item:hover > .sub-menu {
    visibility: visible !important; 
	opacity: 1 !important;
	text-decoration: none !important;
}

/* Style for individual menu items */
.main-header-menu .sub-menu .menu-item {
    padding: -10px 10px; 
    font-size: 14px !important;
    text-align: left;
    white-space: nowrap; 
	 	margin-bottom: -10px !important;
    margin-right: -10px !important; 
		margin-right:-35px  !important;
		background-color: white !imprtant;
		text-decoration: none !important;
}


#menu-item-125 .sub-menu {
    width: 650px!important; 
    padding: 10px;
}
#menu-item-6737 .sub-menu {
    width: 550px!important; 
    padding: 10px; 
}
#menu-item-126 .sub-menu {
    width: 500px!important; 
    padding: 10px;  
}
#menu-item-127 .sub-menu {
    width: 650px!important; 
    padding: 10px; 
}
#menu-item-128 .sub-menu {
    width: 450px!important;
    padding: 10px;  
}
#menu-item-129 .sub-menu {
    width: 700px!important;
    padding: 10px; 
		transform: translateX(-25%) !important;
}

/* Links inside submenu items */
.main-header-menu .sub-menu .menu-item a {
    font-size: 14px !important;
    text-decoration: none !important;
}

.main-header-menu .sub-menu .menu-item:hover > a {
    color: #4682B4;
}

.main-header-menu .sub-menu .menu-item:hover {
    transform: scale(1.00) !important; 
    transition: all 0.2s ease; 
}


/* Adjust spacing for larger screens */
@media (min-width: 768px) {
    .main-header-menu .sub-menu {
        padding: 10px; 
    }
}

/************ Ar **************/

html[lang="ar"] .main-header-menu :hover {
    transform: scale(1.02);
    transition: all 0.2s ease;
		text-decoration: none !important;
}
html[lang="ar"] .main-header-menu .sub-menu {
    display: grid; 
    grid-template-columns: repeat(2, auto); 
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    visibility: hidden;
    background-color: #fff !imprtant; 
    padding: 10px;
		transition: opacity 0.2s ease;
	transform: translateX(10%) !important; 
}

/* Ensure the sub-menu becomes visible on hover */
html[lang="ar"] .main-header-menu .menu-item:hover > .sub-menu {
    visibility: visible !important;
		opacity: 1 !important;
		text-decoration: none !important;
}

html[lang="ar"] .main-header-menu .sub-menu .menu-item {
    padding: -10px 10px;
    font-size: 16px !important;
    text-align: right;
    white-space: nowrap; 
	 	margin-bottom: -10px !important;
    margin-right: 10px !important;  
		background-color: white !imprtant;
		text-decoration: none !important;
}

#menu-item-10326 .sub-menu {
    width: 550px!important;
    padding: 10px;
		align-content: right;
}
#menu-item-6970 .sub-menu {
    width: 550px!important; 
    padding: 10px; 
}
#menu-item-7514 .sub-menu {
    width: 500px!important; 
    padding: 10px;  
}
#menu-item-693 .sub-menu {
    width: 650px!important; 
    padding: 10px;  
}
#menu-item-9018 .sub-menu {
    width: 400px!important;
    padding: 10px; 
}
#menu-item-7515 .sub-menu {
    width: 550px!important; 
    padding: 10px;  
	transform: translateX(0) !important;
}

/***********************************************************/

/* Footer Menu Styles */
.footer-nav-wrap ul#astra-footer-menu {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 2fr)) !important;
    gap: 0px;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.footer-nav-wrap ul#astra-footer-menu li {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* For large laptop screens (1920px and above) */
@media (min-width: 1920px) {
    .footer-nav-wrap ul#astra-footer-menu {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* For medium laptop screens (1440px to 1919px) */
@media (min-width: 1440px) and (max-width: 1919px) {
    .footer-nav-wrap ul#astra-footer-menu {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* For smaller laptop screens (1366px to 1439px) */
@media (min-width: 1366px) and (max-width: 1439px) {
    .footer-nav-wrap ul#astra-footer-menu {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* For compact laptop screens (1280px to 1365px) */
@media (min-width: 1280px) and (max-width: 1365px) {
    .footer-nav-wrap ul#astra-footer-menu {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* For very small screens (below 1280px) */
@media (max-width: 1279px) {
    .footer-nav-wrap ul#astra-footer-menu {
       grid-template-columns: repeat(2, 1fr) !important;
    }
}

/***********************************************************/

/* Rhombus Stack Styles */
.rhombus-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: -20px !important;
    margin-bottom: -90px !important;
    padding: 10px !important;
}

.rhombus-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-left: 97px !important;
}

.rhombus-shape {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #042e61;
    color: white;
    font-size: 18px;
    transform: rotate(45deg);
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    border: 3px solid #00B2A9;
}

.rhombus-text {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.rhombus-stack > .rhombus-item:nth-child(odd) .rhombus-shape {
    transform: rotate(45deg) translateX(-20px);
}

.rhombus-stack > .rhombus-item:nth-child(even) .rhombus-shape {
    transform: rotate(45deg) translateX(20px);
}

.rhombus-stack > .rhombus-item:nth-child(1) {
    transform: translate(-200px, 10px);
}

.rhombus-stack > .rhombus-item:nth-child(2) {
    margin-top: -37px;
    transform: translate(168px, -8px);
}

.rhombus-stack > .rhombus-item:nth-child(3) {
    transform: translate(-270px, -80px);
}

.rhombus-stack > .rhombus-item:nth-child(4) {
    margin-top: -30px;
    transform: translate(90px, -105px);
}

.rhombus-stack > .rhombus-item:nth-child(1) .rhombus-text {
    transform: translate(-30px, -35px) !important;
    padding-right: 140px;
}

.rhombus-stack > .rhombus-item:nth-child(2) .rhombus-text {
    transform: translate(30px, -5px) !important;
    padding-left: 140px;
}

.rhombus-stack > .rhombus-item:nth-child(3) .rhombus-text {
    transform: translate(-30px, -35px) !important;
    padding-right: 150px;
}

.rhombus-stack > .rhombus-item:nth-child(4) .rhombus-text {
    transform: translate(30px, -5px) !important;
    padding-left: 180px;
}

.rhombus-shape-content {
    transform: rotate(-45deg) !important;
}

/**************rhombus-stack-one****************************/
.rhombus-stack-one {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: -20px !important;
    margin-bottom: -90px !important;
    padding: 10px !important;
}

.rhombus-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-left: 97px !important;
}

.rhombus-shape {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #042e61;
    color: white;
    font-size: 18px;
    transform: rotate(45deg);
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    border: 3px solid #00B2A9;
}

.rhombus-text {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.rhombus-stack-one > .rhombus-item:nth-child(odd) .rhombus-shape {
    transform: rotate(45deg) translateX(-20px);
}

.rhombus-stack-one > .rhombus-item:nth-child(even) .rhombus-shape {
    transform: rotate(45deg) translateX(20px);
}

.rhombus-stack-one > .rhombus-item:nth-child(1) {
    transform: translate(-139px, 10px);
}

.rhombus-stack-one > .rhombus-item:nth-child(2) {
    margin-top: -37px;
    transform: translate(86px, -8px);
}

.rhombus-stack-one > .rhombus-item:nth-child(3) {
    transform: translate(-210px, -80px);
}

.rhombus-stack-one > .rhombus-item:nth-child(4) {
    margin-top: -30px;
    transform: translate(72px, -105px);
}

.rhombus-stack-one > .rhombus-item:nth-child(1) .rhombus-text {
    transform: translate(30px, -100px) !important;
    padding-right: 40px;
}

.rhombus-stack-one > .rhombus-item:nth-child(2) .rhombus-text {
    transform: translate(30px, -5px) !important;
    padding-left: 0px;
}

.rhombus-stack-one > .rhombus-item:nth-child(3) .rhombus-text {
    transform: translate(-30px, -35px) !important;
    padding-right: 0px;
}

.rhombus-stack-one > .rhombus-item:nth-child(4) .rhombus-text {
    transform: translate(-30px, 60px) !important;
    padding-left: 40px;
}

.rhombus-shape-content {
    transform: rotate(-45deg) !important;
}


/**************rhombus-stack-two****************************/
.rhombus-stack-two {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: -20px !important;
    margin-bottom: -90px !important;
    padding: 10px !important;
}

.rhombus-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-left: 97px !important;
}

.rhombus-shape {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #042e61;
    color: white;
    font-size: 18px;
    transform: rotate(45deg);
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    border: 3px solid #00B2A9;
}

.rhombus-text {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.rhombus-stack-two > .rhombus-item:nth-child(odd) .rhombus-shape {
    transform: rotate(45deg) translateX(-20px);
}

.rhombus-stack-two > .rhombus-item:nth-child(even) .rhombus-shape {
    transform: rotate(45deg) translateX(20px);
}

.rhombus-stack-two > .rhombus-item:nth-child(1) {
    transform: translate(-171px, 10px);
}

.rhombus-stack-two > .rhombus-item:nth-child(2) {
    margin-top: -37px;
    transform: translate(112px, -8px);
}

.rhombus-stack-two > .rhombus-item:nth-child(3) {
    transform: translate(-231px, -80px);
}

.rhombus-stack-two > .rhombus-item:nth-child(4) {
    margin-top: -30px;
    transform: translate(81.5px, -104.5px);
}

.rhombus-stack-two > .rhombus-item:nth-child(1) .rhombus-text {
    transform: translate(30px, -100px) !important;
    padding-right: 40px;
}

.rhombus-stack-two > .rhombus-item:nth-child(2) .rhombus-text {
    transform: translate(30px, -5px) !important;
    padding-left: 0px;
}

.rhombus-stack-two > .rhombus-item:nth-child(3) .rhombus-text {
    transform: translate(-30px, -35px) !important;
    padding-right: 0px;
}

.rhombus-stack-two > .rhombus-item:nth-child(4) .rhombus-text {
    transform: translate(-30px, 60px) !important;
    padding-left: 40px;
}

.rhombus-shape-content {
    transform: rotate(-45deg) !important;
}

.rhombus-shape-content {
    transform: rotate(-45deg) !important;
}


/**************rhombus-stack-three**************************/
.rhombus-stack-three {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: -20px !important;
    margin-bottom: -90px !important;
    padding: 10px !important;
}

.rhombus-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-left: 97px !important;
}

.rhombus-shape {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #042e61;
    color: white;
    font-size: 18px;
    transform: rotate(45deg);
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    border: 3px solid #00B2A9;
}

.rhombus-text {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.rhombus-stack-three  > .rhombus-item:nth-child(odd) .rhombus-shape {
    transform: rotate(45deg) translateX(-20px);
}

.rhombus-stack-three  > .rhombus-item:nth-child(even) .rhombus-shape {
    transform: rotate(45deg) translateX(20px);
}

.rhombus-stack-three  > .rhombus-item:nth-child(1) {
    transform: translate(-212.6px, 14.1px);
}

.rhombus-stack-three > .rhombus-item:nth-child(2) {
    margin-top: -37px;
    transform: translate(200px, -4px);
}

.rhombus-stack-three > .rhombus-item:nth-child(3) {
    transform: translate(-211.2px, -76px);
}

.rhombus-stack-three  > .rhombus-item:nth-child(4) {
    margin-top: -30px;
    transform: translate(151.3px, -100.4px);
}

.rhombus-stack-three > .rhombus-item:nth-child(1) .rhombus-text {
    transform: translate(30px, -100px) !important;
    padding-right: 40px;
}

.rhombus-stack-three  > .rhombus-item:nth-child(2) .rhombus-text {
    transform: translate(30px, -5px) !important;
    padding-left: 0px;
}

.rhombus-stack-three  > .rhombus-item:nth-child(3) .rhombus-text {
    transform: translate(-30px, -35px) !important;
    padding-right: 0px;
}

.rhombus-stack-three  > .rhombus-item:nth-child(4) .rhombus-text {
    transform: translate(-30px, 80px) !important;
    padding-left: 40px;
}

.rhombus-shape-content {
    transform: rotate(-45deg) !important;
}


/**************rhombus-stack-four***************************/
.rhombus-stack-four {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: -20px !important;
    margin-bottom: -90px !important;
    padding: 10px !important;
}

.rhombus-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-left: 97px !important;
}

.rhombus-shape {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #042e61;
    color: white;
    font-size: 18px;
    transform: rotate(45deg);
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    border: 3px solid #00B2A9;
}

.rhombus-text {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.rhombus-stack-four  > .rhombus-item:nth-child(odd) .rhombus-shape {
    transform: rotate(45deg) translateX(-20px);
}

.rhombus-stack-four  > .rhombus-item:nth-child(even) .rhombus-shape {
    transform: rotate(45deg) translateX(20px);
}

.rhombus-stack-four  > .rhombus-item:nth-child(1) {
    transform: translate(-267.8px, 10.4px);
}

.rhombus-stack-four > .rhombus-item:nth-child(2) {
    margin-top: -37px;
    transform: translate(14.5px, -7.5px);
}

.rhombus-stack-four > .rhombus-item:nth-child(3) {
    transform: translate(-112.5px, -79px);
}

.rhombus-stack-four  > .rhombus-item:nth-child(4) {
    margin-top: -30px;
    transform: translate(-57.9px, -104px);
}

.rhombus-stack-four > .rhombus-item:nth-child(1) .rhombus-text {
    transform: translate(30px, -98px) !important;
    padding-right: 40px;
}

.rhombus-stack-four  > .rhombus-item:nth-child(2) .rhombus-text {
    transform: translate(30px, 12px) !important;
    
}

.rhombus-stack-four  > .rhombus-item:nth-child(3) .rhombus-text {
    transform: translate(-30px, -14px) !important;
    
}

.rhombus-stack-four  > .rhombus-item:nth-child(4) .rhombus-text {
    transform: translate(30px, 12px) !important;
    
}

.rhombus-shape-content {
    transform: rotate(-45deg) !important;
}
/*********************************/
/* Gutenslider Styles */


.wp-block-gutsliders-any-content {
    position: relative;
    padding: 0px !important;
    margin-top: -130px;
    margin-bottom: -140px;
}
.swiper-pagination-bullets{
	margin-top:-90px !important;
}

.swiper-button-next {
	padding-left:30px;
}
.swiper-button-prev {
	padding-right:30px;
}
/*************************************************************/
/*********************************/
/* Responsive Adjustments */
@media (max-width: 1366px) {
    .rhombus-stack {
        margin-top: 10px !important;
        margin-bottom: -50px !important;
    }

    .footer-nav-wrap ul#astra-footer-menu {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
    }

    .rhombus-stack > .rhombus-item {
        margin-left: 0 !important;
    }

    .quick-access-button {
        font-size: 14px;
        padding: 8px 16px;
    }

    .quick-access-icons {
        margin-top: 5px;
    }

    .kb-btn37_2a1cf2-8a.kb-button .kt-btn-inner-text {
        font-size: 14px !important;
    }

    .kb-svg-icon-wrap {
        max-height: 18px;
    }
}

@media (max-width: 1024px) {
    .rhombus-card {
        width: 80px;
        height: 80px;
    }

    .footer-nav-wrap ul#astra-footer-menu {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .rhombus-stack > .rhombus-item {
        margin-left: 0 !important;
    }

    #weather-info {
        flex-direction: column;
        align-items: center;
    }

    #weather-info img {
        width: 40px;
    }

    .quick-access {
        text-align: left;
        margin-top: 10px;
    }

    .quick-access-button {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .rhombus-card {
        width: 60px;
        height: 60px;
    }

    .footer-nav-wrap ul#astra-footer-menu {
        grid-template-columns: 1fr !important;
    }
}

/*************************************************************/
/*about text*/
.wp-block-kadence-advancedheading.kt-adv-heading40_b45847-30, .wp-block-kadence-advancedheading.kt-adv-heading40_b45847-30[data-kb-block="kb-adv-heading40_b45847-30"] {
    font-size: 24px;
    color: #09498a;
    text-align: justify;
		line-height: 1.6;
}
/*about cards*/
.about-text{
		 text-align: justify;
}
/*
.about-image{
	width:450px !important;
	height:100% !important;
	transform: translate(-17%, -1%);
	
}

*/

/************************************************************
/*** svg map interactive ***/

#svg18 path {
    transition: fill 0.3s ease; /* Smooth transition for color change */
    cursor: pointer; /* Changes the cursor to a pointer when hovering */
}

#svg18 path:hover {
    fill: #B6D0E2; /* Change to desired hover color */
}

#tooltip {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    pointer-events: none;
    visibility: hidden;
    font-size: 14px;
    z-index: 9999; /* Make sure it's above other elements */
}

/********************************SVG*******************/

/* Default size for larger screens */
#svg1 {
  width: 100%; /* Adjust width as needed */
  height: auto; /* Maintain aspect ratio */
  transform: scale(1); /* Default scale */
  transition: transform 0.3s ease;
}

/* Scale down the SVG on screens less than 1280px */
@media (max-width: 1280px) {
  #svg1 {
    transform: scale(0.9); /* Slightly scale down */
  }
}

/* Scale down more on screens less than 1024px */
@media (max-width: 1024px) {
  #svg1 {
    transform: scale(0.9); /* More scaling */
  }
}

/* Scale down even more on screens less than 768px */
@media (max-width: 768px) {
  #svg1 {
    transform: scale(0.9); /* Further scaling */
  }
}

/* Further reduce size on very small screens (e.g., mobile phones) */
@media (max-width: 480px) {
  #svg1 {
    transform: scale(1); /* Further scaling for small mobile screens */
  }
}

/* Extremely small screens (e.g., small phones) */
@media (max-width: 360px) {
  #svg1 {
    transform: scale(0.9); /* Very small scaling for tiny screens */
  }
}


g[id^="g"]:hover rect {
    fill-opacity: 0.7;
	    cursor: pointer;   /* Change the cursor to indicate interactivity */

}

text :hover  {
	    cursor: pointer;   /* Change the cursor to indicate interactivity */

}


#callout h3 {
    font-size: 18px; /* Default for large screens */
    font-weight: 600;
    padding-top: 5px;
    color: #042E61;
}

#callout p {
    font-size: 14px; /* Default for large screens */
}

#callout {
    position: absolute; /* Positioned relative to the chart or page */
    transform: translate(0%, 0%); /* Default positioning for large screens */
    width: 400px; /* Fixed width for large screens */
    max-width: 90%; /* Ensure it doesn't overflow on smaller screens */
    background: white; /* Semi-transparent background */
    color: #042E61; /* Text color */
    padding: 15px; /* Inner spacing */
    border-radius: 5px; /* Rounded corners */
    z-index: 10; /* Ensure it's above other elements */
    display: none; /* Hidden by default */
    text-align: left; /* Align text to the left */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Optional shadow for better visibility */
}

/* Media Queries for responsiveness */

/* Extra large screens (min-width: 1600px) */
@media (min-width: 1600px) {
    #callout {
        width: 400px; /* Wider callout for extra large screens */
    }

    #callout h3 {
        font-size: 18px; /* Larger heading for extra large screens */
    }

    #callout p {
        font-size: 16px; /* Larger paragraph font size for large screens */
    }
}

/* Large screens (min-width: 1200px) */
@media (max-width: 1280px) {
    #callout {
        width: 400px; /* Wider callout for larger screens */
    }

    #callout h3 {
        font-size: 16px; /* Larger heading for big screens */
    }

    #callout p {
        font-size: 14px; /* Larger paragraph font size for larger screens */
    }
}

/* For tablets and smaller screens (max-width: 768px) */
@media (max-width: 768px) {
    #callout {
        width: 50%; /* Adjust width to be more flexible on smaller screens */
     
    }

    #callout h3 {
        font-size: 12px; /* Smaller heading font size */
    }

    #callout p {
        font-size: 10px; /* Smaller paragraph font size */
    }
}

/* For mobile phones (max-width: 480px) */
@media (max-width: 480px) {
    #callout {
        width: 50%; /* Full width for mobile */
        padding: 3px; /* Smaller padding */
    }

    #callout h3 {
        font-size: 10px; /* Smaller heading font size */
    }

    #callout p {
        font-size: 8px; /* Smaller paragraph font size */
    }
}

/* For very small screens or feature phones (max-width: 320px) */
@media (max-width: 320px) {
    #callout {
        width: 50%; /* Max width on very small screens */
        padding: 2px; /* Reduced padding for very small screens */
    }

    #callout h3 {
        font-size: 10px; /* Even smaller heading for tiny screens */
    }

    #callout p {
        font-size: 8px; /* Even smaller paragraph font size */
    }
}


/**************************testing the licensee option****/

.licensee-section {
    position: relative;
		Margin-bottom:-800px;
}

.rhombus-stack-two{
	transform: translateY(-75.7%); /* Move the hidden-75.5%) element up */
}
.rhombus-stack-three{
	transform: translateY(-152.5%); /* Move the hidden element up */
}

.rhombus-stack-four {
	transform: translateY(-227.2%); /* Move the hidden -226.9%element up */
}

.rhombus-stack-one, .rhombus-stack-two, .rhombus-stack-three, .rhombus-stack-four{
    transition: opacity 2s ease-in-out, visibility 0s linear 1s; /* Visibility hides the element after fade */
    opacity: 1;
    visibility: visible;
}

.rhombus-stack-one.hidden, .rhombus-stack-two.hidden, .rhombus-stack-three.hidden, .rhombus-stack-four.hidden {
    opacity: 0;
    visibility: hidden;
}
/********* event Exerpt***/
.ast-single-entry-banner[data-post-type="events"] .ast-container > *:last-child {
    margin-bottom: 0;
    padding-left: 20px;
}


.single .post-navigation a {
  
    display: none;
}


@media (max-width: 768px) {
    th, td {
        font-size: 11px; /* Smaller font for mobile and tablets */
    }
}

/***********************************************************/
/****** Accordion  ******/
html[lang="ar"] .kt-accordion-wrap {
    direction: rtl;
}

html[lang="ar"] .kt-accordion-header-wrap {
    text-align: right;
}

html[lang="ar"] .kt-blocks-accordion-title-wrap {
    text-align: right;
}



html[lang="ar"] .kt-accordion-panel {
    text-align: right;
}




/***********************************************************/
/****** Image Lightbox  ******/
/* Add pointer cursor on hover for images inside wp-block-uagb-image */
.wp-block-uagb-image .wp-block-uagb-image__figure img {
    cursor: pointer;
}

/* Lightbox Overlay Style */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Lightbox Close Button */
.lightbox-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
}

/* Lightbox Image Style */
.lightbox-overlay img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    transition: transform 0.2s ease-in-out;
    cursor: pointer; /* This should apply the pointer cursor */
}

/* Optional: If you want the pointer cursor on the image when the lightbox opens */
.lightbox-overlay.active img {
    cursor: pointer;
}