html .scroll-to-top{
    right:auto;
}

.page-item:first-child .page-link{
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.main-title-font{
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-style: normal;
    line-height :  1.4 !important;
}

html body .btn-light:hover, html body .btn-light.hover, html body .btn-outline.btn-light:hover, html body .btn-outline.btn-light.hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: var(--primary);
}

.social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li a
{
    background: transparent;
    color: var(--light) !important;
}

.social-icons li:not(:first-child)
{
    padding-right: 10px;
    padding-left: 0px;
}

.fa-angle-right{
    transform:rotate(180deg) !important;
}

.btn-arrow-effect-1:hover > :nth-child(1) {
	animation: btnArrowEffect1RTL ease-out .3s !important;
}

@keyframes btnArrowEffect1RTL {
	0% {
		transform: translateX(0);
	}

	51% {
		transform: translateX(-20px); /* reverse direction */
		opacity: 1;
	}

	52% {
		opacity: 0;
		transform: translateX(20px); /* reverse direction */
	}

	53% {
		opacity: 0;
	}

	54% {
		opacity: 1;
	}

	100% {
		transform: translateX(0);
	}
}

.text-start{
    text-align: right !important;
}

.text-end{
    text-align: left !important;
}

.featured-projects .owl-stage{
    padding-right: 0 !important;
}

.featured-projects.owl-carousel .owl-nav button.owl-prev:before{
    content: "\f105";
}

.featured-projects.owl-carousel .owl-nav button.owl-next:before{
    content: "\f104";
}

.owl-carousel.show-nav-title .owl-nav{
    right: auto;
    left: 17%;
}
.owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-next{
    margin-right: 40px;
}

.owl-theme .owl-nav .disabled {
    color: var(--grey-900) !important;
    /*background-color: var(--light) !important;*/
    border: 2px solid var(--grey-900) !important;
    opacity: 10;
}

.owl-carousel.rounded-nav .owl-nav:not(.disabled) button[class*="owl-"] {
    border-color: var(--light);
}

@media (max-width: 576px) {
    .owl-carousel.show-nav-title .owl-nav{
        left: 15%;
    }


    .owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-prev, .owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-next
    {
        width: 40px;
        height: 40px;
    }

    .featured-projects.owl-carousel.show-nav-title .owl-nav button.owl-prev {
        left: -95px;
    }

    .owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-next{
        margin-right: 10px;
    }
}

.ps-2
{
    padding-right: .5rem !important;
    padding-left: auto;
}

.bg-map{
    background-position: top left !important;
}

#topnav a{
    color: var(--light);
}

.ar-ltr{
    direction: ltr !important;
}

#header{
    direction: ltr !important;
}
#header #topnav{
    direction: rtl !important;
}

.header-nav-main ul.nav-pills{
    direction: rtl !important;
}

#header .header-nav.header-nav-links nav > ul li:hover > a,  
#header .header-nav.header-nav-links nav > ul li > a.is-active,
#header .header-nav.header-nav-links nav > ul li > a.active{
    color: var(--light);
    /*font-weight: bold;*/
    border-bottom: 2px solid var(--light);
    text-shadow: 0 0 0 currentColor;
}

#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active,
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.is-active {
    color: var(--light) !important;
}

/* Expand hovered column on desktop only */
@media (min-width: 992px) { /* lg and up */
    .column-panel:hover {
      flex-grow: 4;
    }

    .text-lg-21 {
            font-size: 7.66em !important;
    }

    .text-lg-22 {
            font-size: 8.66em !important;
    }

    #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu {
        background: var(--holding-color);
    }

    #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown li a {
        border-bottom-color: var(--light);
    }

    #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li > a {
        color: var(--light);
    }

    

    #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:hover > a, 
    #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:focus > a, 
    #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:active > a, 
    #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.active > a, 
    #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.open > a, 
    #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.accessibility-open > a{
        background-color: var(--holding-top-color);
    }

    .sticky-header-active #header .hide-mobile .header-nav{
        align-self: end !important;
    }

    .sticky-header-active #header .header-top{
        border: 0 !important;
    }

    .text-lg-end {
        text-align: left !important;
    }
}

#views-exposed-form-all-projects-block-1 input[type="submit"] {
    text-align: right;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='%23ffffff' d='M201.4 297.4C188.9 309.9 188.9 330.2 201.4 342.7L361.4 502.7C373.9 515.2 394.2 515.2 406.7 502.7C419.2 490.2 419.2 469.9 406.7 457.4L269.3 320L406.6 182.6C419.1 170.1 419.1 149.8 406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3L201.3 297.3z'/></svg>");
    background-position: center left 3px;
}

@media (min-width: 1200px) {
    .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
        max-width: 1240px;
    }
}

.right-0 {
    left: 0px !important;
    right: auto !important;
}

.prev-node .fa-angle-left:before
{
    content: "\f105" !important;
}


.contact-form label, .apply-for-job-form label {
    text-align: right !important;
}

.contact-form input[type="submit"], .apply-for-job-form input[type="submit"]
{
    text-align: right !important;
    margin-right: auto;
    margin-left:0;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='%23ffffff' d='M201.4 297.4C188.9 309.9 188.9 330.2 201.4 342.7L361.4 502.7C373.9 515.2 394.2 515.2 406.7 502.7C419.2 490.2 419.2 469.9 406.7 457.4L269.3 320L406.6 182.6C419.1 170.1 419.1 149.8 406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3L201.3 297.3z'/></svg>");
    background-position: center left 3px;
}

.language-switcher.hide-mobile
{
    direction: rtl;
}