
.page-header{
    background-image: var(--header-image) !important;
}
.about-us-img{
    width: 152.67px !important;
    height: 49.6px !important;
}
.individuals-slide
{
    height: 450px !important;
}
.about-our-services-section .custom-panel .nav-link:hover
{
    color: var(--main-color);
}

.about-our-services-section .custom-panel.nav-pills .nav-link.active:hover
{
    color: white !important;
}

.dotjo-color{
    color: #07ef83 !important;
    padding-inline-end: unset !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
    background-color: #c9ac80;
}

.contentol,
.content ul,
.content li{
    color: #333333;
}
.content li::marker{
    color: var(--main-color);
}
.content h3{
    color :var(--secondary-color);
}
.content p{
    color: #333333;
}
.arabic-version ol,
.arabic-version ul{
    padding-right: 2rem;
    padding-left: unset;
}

.arabic-version .accordion-button::after{
    margin-left: unset;
    margin-right: auto;
}

input,
textarea,
input::placeholder,
select {
    font-family: "Cairo-Regular";
    opacity: 1; /* Firefox */
}
input,
textarea,
input::-ms-input-placeholder {
    font-family: "Cairo-Regular";
}
input,
textarea,
input::-moz-placeholder {
    font-family: "Cairo-Regular";
}

.main-footer-container .footer-item ul li{
    font-family: Cairo-SemiBold;
    color: var(--main-color);
}

.footer-stay-in-touch a{
    text-decoration: none;
}

.footer-stay-in-touch i{
    font-size: 17px;
    color: #fff;
}

.sales-department-container .sales-department-employees .sales-department-employees-card-contact-box
{
    padding-left: 30px !important;
    justify-content: left;
}


.first-navigation .fa-magnifying-glass,
.flying-navigation .fa-magnifying-glass,
.searchBarOpen .fa-magnifying-glass{
    font-size: 20px;
    color: #fff;
}

.first-navigation-box .fa-clock{
    color: var(--main-color);
    font-size: 20px;
    margin-top: 8px;
    align-self: flex-start;
}

#Feedback .fa-envelope,
#Complaints .fa-envelope{
    font-size: 20px;
    color: #fff;
    padding: 5px 3px;
}

.captcha.invalid-feedback{
    display: block;
}


form select {
    border-radius: 45px !important;
}


/*
handle z-index in our partner inner
*/
.fancybox__container
{
    z-index: var(--fancybox-zIndex, 10000001);
}


.arabic-version .form-control.is-invalid, .arabic-version .was-validated .form-control:invalid{
    background-position: left calc(.375em + .1875rem) center;
}

.arabic-version .form-control.is-valid, .arabic-version .was-validated .form-control:valid{
    background-position: left calc(.375em + .1875rem) center;
}

.arabic-version .form-check-label{
    width: 90%;
    margin-left: 25px;
}
.arabic-version .form-check-label{
    width: 90%;
    margin-left: unset;
    margin-right: 25px;
}

.arabic-version form label,
.arabic-version form button{
    font-family: 'Cairo-SemiBold';
}
.form-check .form-check-input{
    float: unset;
}



/*share*/
  .shareBtnContainer.share-active *:hover {
    opacity: 1;
  }
  .share-overlay > a {
    width: 1.1rem;
  }
  .shareBtnContainer.share-active .share-icon {
    display: none;
    opacity: 0;
    transition: all 0.3 ease-out;
  }

    .share-close-button {
        display: none;
    }
    .shareBtnContainer.share-active .share-close-button{
        transition: all 0.3 ease-out;
        display: inline-block;
        padding: 0.2rem 0.55rem;  font-size: 0.9rem;
        aspect-ratio: 1/1;
        border-radius: 100%;
        background: var(--redColor);
        color: var(--white) !important;
        opacity: 1;
    }
    .share-active .share-button{
        display: none;
    }

    .share-overlay{
        display: none !important;
    }
    .share-active .share-overlay{
        display: flex !important;
        margin-top: -35px;
        margin-right: 45px;
    }
    .arabic-version .share-active .share-overlay{
        margin-left: 45px;
        margin-right: unset;
    }
    @media (max-width: 575.98px){
        .share-active .share-overlay{
            margin-top: -30px;
        }
    }

    .share-overlay a{
        text-decoration: none;
        color: #c9ac80 ;
        z-index: 10;
    }
    .share-overlay a:hover{
        color: var(--main-color);
    }
    .shareBtnContainer i{
        font-size: 1.5rem;
        color: var(--main-color);
    }
    .share-button.btn{
        color: var(--main-color);
    }
    .share-overlay > a{
        width: 2rem;
    }
    .pointer{
        cursor: pointer;
    }

    .text-end{
        text-align: end !important;
    }

    .services-main-section ol li{
        color: rgb(51, 51, 51);
    }
    .search-btn-flying-navbar{
        padding: 0.75rem 1.3rem;
    }

    @media (min-width: 1199px) and (max-width: 1399.98px){
        #cssmenu.head_btm_menu ul li a{
            font-size: 0.85rem;
        }
        .search-btn-flying-navbar{
            padding: 0.75rem 1rem;
            font-size: .85rem;
        }
        .first-navigation .fa-magnifying-glass,
        .flying-navigation .fa-magnifying-glass,
        .searchBarOpen .fa-magnifying-glass{
            font-size: .9rem;
        }
    }

    #JoinOurTeam form div .main-btn{
        top: 22px;
    }

    .form-check-input.is-valid~.form-check-label{
        color: var(--main-color);
    }





.accordion {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 991px) {
.accordion {
    display: grid;
    grid-template-columns: 1fr;
}
}

/* =========> Accordion single item Start*/
/* =========> Accordion single item Border Start*/
.custom-accordion .accordion-button {
border: none;
padding-block: 0;
padding-inline-start: 1.25rem;
padding-inline-end: 5px;
min-height: 55px;
display: flex;
gap: 1rem;
color: var(--main-color);
font-weight: 600;
}
.custom-accordion {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem;
}
.custom-accordion .accordion-item .accordion-button:last-of-type,
.custom-accordion .accordion-item .accordion-button {
border-radius: 55px;
border: 1px solid var(--main-color-40);
font-family: Cairo-SemiBold;
}
.custom-accordion .accordion-item:last-of-type,
.custom-accordion .accordion-item:first-child,
.custom-accordion .accordion-item {
border: none;
border-radius: 28px;
}
.custom-accordion .accordion-button:focus {
box-shadow: none;
}
.custom-accordion .accordion-button:not(.collapsed) {
box-shadow: none;
color: #fff;
background-color: var(--accordion-button-background-color);
transition: all 0.3s ease-out;
}
/* =========> Accordion single item Border End*/
.custom-accordion .accordion-button::after,
.custom-accordion .accordion-button:not(.collapsed)::after {
display: none;
}
/* accordion button plus img start */
.custom-accordion .accordion-btn {
height: 45px;
aspect-ratio: 1;
margin-inline-start: auto;
position: relative;
transition: all 0.3s ease-out;

border-radius: 100%;
background: var(--accordion-button-background-color);
}
.custom-accordion .accordion-btn::before {
background: #fff;
content: "";
position: absolute;
width: 2px;
height: 25px;
inset: 25% calc(50%);
border-radius: 5px;
}
.custom-accordion .accordion-btn::after {
content: "";
position: absolute;
inset-block: calc(50% - 1px);
inset-inline: 25%;
border-radius: 5px;
height: 2px;
width: 25px;
background: #fff;
}

.custom-accordion .accordion-button:not(.collapsed) .accordion-btn::after {
background: var(--accordion-button-background-color);
}
.custom-accordion .accordion-btn picture {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: var(--accordion-button-background-color);
}
.custom-accordion .accordion-btn img {
width: 16px;
object-fit: contain;
height: 16px;
transform: rotate(45deg);
transition: all 0.3s ease-out;
}
.custom-accordion .accordion-button:not(.collapsed) .accordion-btn {
background: #fff;
transition: all 0.3s ease-out;
}
.custom-accordion .accordion-button:not(.collapsed) .accordion-btn img {
transition: all 0.3s ease-out;
transform: rotate(360deg);
}
.custom-accordion .accordion-button:not(.collapsed) picture {
transition: all 0.3s ease-out;

background: #fff;
}
/* accordion button plus img end */

.custom-accordion .accordion-item .accordion-body p {
color: var(--accordion-button-background-color);
}
/* ===============> Accordion single item END */


.Faqs-acc-splited-div{
display: flex;
flex-direction: column;
gap: 20px;
}

.custom-accordion .accordion-item .accordion-body p {
font-family: Cairo-SemiBold;
}

@media (max-width: 991.98px){
    .custom-accordion{
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 575.98px){
    .first-navigation-box picture img,
    .first-navigation-box picture{
        width: 15px;
    }
    .first-navigation-box{
        gap: 5px;
    }

    .first-navigation-boxes-container.gap-3{
        gap: 5px !important;
    }
    .first-navigation-box .fa-clock{
        font-size: 15px;
    }

    .first-navigation-box p {
        font-size: 0.72rem;
    }
    .first-navigation-box span {
        font-size: 0.72rem;
    }
    .first-navigation-box a {
        font-size: 0.72rem;
    }
}


.approval-label{
    font-family: Cairo-Regular !important;
}

.iti{
    width: 100%;
}

.iti__country-container{
    right: 0;
    left: unset;
}
.arabic-version .iti__country-list{
    padding-right: unset;
    padding-left: unset;
}
.iti__selected-country-primary{
    border-bottom-left-radius: 45px;
    border-top-left-radius: 45px;
}
.arabic-version .iti__selected-country-primary{
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    border-bottom-right-radius: 45px;
    border-top-right-radius: 45px;
}

form input.form-check-input{
    padding-inline-start: unset;
    padding-inline-end: unset;
}

.header-image-container{
    margin-top: 62px;
}
@media (max-width: 1199.98px){
    .header-image-container{
        margin-top: 55px;
    }
}
@media (max-width: 767.98px){
    .header-image-container{
        margin-top: 115px;
    }
    .header-image-container img{
        height: 200px !important;
        object-fit: cover;
    }
}
@media (max-width: 575.98px){
    .header-image-container{
        margin-top: 99px;
    }
}
.header-title{
    position: absolute;
    top:50%;
    width: 50%;
}

.header-title h1{
    color: var(--header-image-title-color);
    font-size: 2.2rem !important;
}

.accessibility p,
.accessibility span{
    font-family: "Cairo-SemiBold";
}
.accessibility th,
.accessibility th span,
.accessibility strong,
.accessibility strong span{
    font-family: "Cairo-Bold";
}


.w-custom-75{
    width: 75%;
}

@media (max-width: 767.98px){
    .w-custom-75{
        width: 100%;
    }
}



.phone-internation-parent.is-invalid .phone-internationl{
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url('../images/error.svg');
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.arabic-version .phone-internation-parent.is-invalid .phone-internationl{
    background-position: left calc(.375em + .1875rem) center;
}

.phone-internation-parent.is-valid .phone-internationl{
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url('../images/valid.svg');
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.arabic-version .phone-internation-parent.is-valid .phone-internationl{
    background-position: left calc(.375em + .1875rem) center;
}

.semi-bold,
.arabic-version .semi-bold{
    font-family: 'Cairo-SemiBold';
}

.arabic-version .iti input.iti__tel-input,
.arabic-version .iti input.iti__tel-input[type=tel],
.arabic-version .iti input.iti__tel-input[type=text]{
    text-align: right;
    padding-right: 2rem;
}

/*preloading screen */
#overlay {
    position: fixed;
    top:0;
    left:0;
    right: 0;
    width:100%;
    height:100%;
    z-index:9999999999;
    background: var(--secondary-color);
}

.loading-pointer {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid var(--main-color);
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: calc(100vh / 2.5);
    left: calc(90vw / 2);
}

@media only screen and (max-width: 768px) {
    .loading-pointer {
        top: calc(100vh / 3);
        left: calc(100vw / 2.5);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.customize-what-is-leasing-youtube
{
    width: 75%;
}
@media (max-width: 767.98px) {
    .customize-what-is-leasing-youtube {
        width: 100%;
    }
}
.leasing-application-section h1{
    font-size: 1.75rem;
}
.customize-service-head  h2{
    font-size: 1.7rem;
    line-height: 1.4;
}
.arabic-version .customize-service-head  h2{
    font-size: 1.5rem;
}
.customize-service-head  h3{
    font-size: 1.4rem;
}
.arabic-version .customize-service-head  h3{
    font-size: 1.2rem;
}
.parent-link{
    color: var(--main-color);
}
.parent-link:hover{
    color: var(--main-color);    
}
.subscription-form{
    margin-top: 120px !important;
}
.instruments_number_in_text{
    width: 150px !important;
    border:none !important;
    display: inline;
}



.arabic-version .iti--inline-dropdown .iti__dropdown-content {
    left: 0;
}

.arabic-version .iti__selected-country
{
    flex-direction: row-reverse;
}
.arabic-version  .iti__country-container ,.arabic-version  .iti__country-container{
    left: 0 !important;
}

.arabic-version .iti__country-container {
    right: auto !important;
    left: 0 !important;
}
.arabic-version  .customize-phone , #mobile-number-2 , #mobile-number
{
    padding-right: 10px !important;
}