.btn,button {
    cursor: pointer
}

.--call-card-in,.answer,.btn,.logoFooter-left,button {
    overflow: hidden
}


.-waqf-single-blog {
    padding: 50px 0 0;
    position: relative;
    margin-bottom: 40px;
}

.--waqf-single-blog {
    display: flex
}

.--single-waqf-in {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
    --sidebar-width: 380px;
    margin-inline-end: 20px;
    position: relative;
    max-width: calc(100% - var(--sidebar-width) - 20px);
    margin-inline-start:0;
    border-radius: var(--miniradius);
}

.-side-single-in {
    --sidebar-width: 380px;
    display: block;
    min-width: var(--sidebar-width);
    max-width: var(--sidebar-width);
    transition: .18s;
    height: fit-content;
}

.-waqf-single.single-post-post-title h1 {
    font-weight: 700;
    font-size: 40px;
    margin: 0;
    margin-block-end:20px;color: var(--textcolor)
}

.-single-post-content {
    font-size: 16px;
    margin: 15px 0 0;
    font-weight: 400;
    color: #1A1F23;
    line-height: 1.6;
    background-color: #fff;
    z-index: 0;
    padding-top: 10px;
    max-width: 100%
}

.-single-post-content>ul {
    margin-block: 15px;
    border-radius: var(--miniradius);
    position: relative;
    padding-inline-start: 40px;
}
.-single-post-content>ul>li {
    gap: 6px;
}

.-single-post-content>ul>li:last-child {
    margin-bottom: 0
}

.-single-post-content h1 {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    margin-block-end:10px;color: var(--textcolor)
}

.--widget--sidebar--title.--single-tags-posts-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 7px;
    color: var(--textcolor);
    line-height: 1.5
}

.-post-tag-items a {
    padding: 10px 15px;
    position: relative;
    background: #fcfcfc;
    margin: 6px;
    border: 1px solid var(--divider-light-2);
    align-items: center;
    font-size: 15px;
    align-content: center;
    border-radius: var(--largeradius);
    font-weight: 400;
    display: flex;
    flex-wrap: wrap
}

.-post-tag-items {
    margin: 0 -10px;
    display: flex;
    align-items: center
}

.-post-tag-boxarea {
    margin: 25px 0 12px;
    box-shadow: var(--box-shadow-defult)
}

.-blog-grid-thumb {
    width: 36%;
    padding-top: 30%;
    background-image: var(--background-image);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: var(--miniradius);
    opacity: .9;
    position: relative;
    max-width: 100%
}

.latest-posts {
    list-style: none;
    margin-inline-start:0;
    margin-inline-end:0;
    border: 1px solid var(--divider-light-2);
    border-radius: var(--miniradius);
    padding: 24px;
    margin-bottom: 40px
}

.--posts-title {
    font-weight: 700;
    font-size: 26px;
    margin: 0;
    margin-block-end:19px;color: var(--textcolor)
}

.--important-category {
    margin-top: 70px
}

.-category-gridboxes-art-content {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5
}

.--all-latest-posts-in {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.-category-gridboxes-art-content:hover {
    text-decoration: underline
}

.-waqf-single--title h1 {
    font-size: 42px;
    color: #fff
}

.latest-posts:last-child {
    margin-bottom: 0
}

.-category-gridboxes-item {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap
}

.-blog-grid-thumb.post-widget {
    margin-bottom: 0;
    flex: 1;
    max-width: 80px;
    min-width: 80px;
    padding-top: 22%
}

.--bread-crumb {
    background: #e9e9e9;
    padding: 13px 0
}

.--all-content-of-card-in {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.--call-card-in {
    padding: 30px;
    background: #fff;
    border-radius: var(--largeradius);
    display: block;
    z-index: 1;
    height: 100%;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    top: 0;
    margin-bottom: 35px;
    border: 1px solid var(--divider-light-2)
}

.--call-btn-kit>a,.--whats-btn-kit>a {
    gap: 10px;
    padding: 15px 20px;
    border-radius: var(--largeradius);
    color: #fff;
    display: flex
}

.--card-btn-in {
    text-align: start;
    display: flex;
    align-items: center;
    gap: 15px
}

.--call-btn-kit>a {
    align-items: center;
    background-color: var(--whatsapp);
    font-size: 16px
}

.--call-title {
    font-size: 27px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
    color: var(--text-color)
}

.--whats-btn-kit>a {
    align-items: center;
    background-color: var(--primary-text)
}

p.--call-des {
    font-size: 16px;
    font-weight: 400;
    color: var(--secondarytext)
}

.-waqf-created-box-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid;
    border-width: 1px 0px 1px 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: rgba(22, 22, 63, 0.2);
    padding: 20px 0;
    margin-top: 20px;
}

.-minimal-header .-button-ui {
    background-image: var(--gradient-uicolor);
    color: #fff
}

.-waqf-created-box-share-copyinput {
    display: flex;
    margin-bottom: 20px
}


.-waqf-created-box-share-body {flex: 1;}

.-waqf-created-box-share>strong {
    font-size: 18px;
    font-weight: 600;
    display: block
}

.-waqf-created-box-share-copyinput>input {
    flex: 1;
    margin-inline-end:13px;font-size: 16px;
    background: var(--alphabg)!important;
    color: var(--secondarytext)
}

.orderservices-info {
    border-radius: 20px;
    \: flex;
    \: column;
    \: center;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    padding: 25px;
    gap: 20px;
}

.-UserArea.def ul.blogs-box-social-share,.btn span i {
    margin-inline-start:10px}

.adress-call_number,.call-how-box {
    display: flex;
    justify-content: center
}

.sidebar-title h2 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 13px;
    color: var(--textcolor-2)
}

.adress-call_number p {
    font-size: 14px;
    color: var(--contentcolor)
}

.sidebar-title {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative
}

.sidebar-title span {
    font-size: 24px;
    font-weight: 500;
    color: var(--secondarytext)
}

.sidebar-title h3,h2.ads-title {
    position: relative;
    color: var(--uicolor);
    font-size: 19px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.sidebar-title p {
    font-size: 13px;
    color: var(--secondarytext);
    font-weight: 400
}

.orderservices-info svg {
    width: 48px;
    height: auto;
    margin: auto auto 13px
}

.btn {
    justify-content: space-between;
    background: #fff;
    border: 0;
    border-radius: var(--largeradius);
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    padding: 10px 16px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.btn:hover {
    opacity: .95
}

.btn .animation {
    border-radius: 100%;
    animation: .6s linear infinite ripple
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1),0 0 0 60px rgba(255,255,255,.1)
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1),0 0 0 60px rgba(255,255,255,.1),0 0 0 80px rgba(255,255,255,0)
    }
}

.btn span {
    align-items: center;
    font-weight: 400;
    font-size: 17px;
    color: var(--uicolor);
    font-weight: 700;
}

.number-title {
    display: block;
    margin-bottom: 19px
}

.number-title h2 {
    font-size: 28px;
    font-weight: 400;
    color: var(--textcolor)
}

.btn-conteiner {
    display: flex;
    justify-content: center;
    --color-text: #ffffff;
    --color-background: #24366c;
    --color-outline: #24366c8f;
    --color-shadow: #0000005c
}

.btn-content {
    display: flex;
    align-items: center;
    padding: 3px 27px;
    font-weight: 300;
    font-size: 18px;
    color: var(--color-text);
    background: var(--color-background);
    transition: 1s;
    border-radius: 100px;
    box-shadow: var(--box-shadow)
}

.auto-container-model,.button {
    overflow: hidden;
    background: #fff;
    display: flex
}

.btn-content:focus,.btn-content:hover {
    transition: .5s;
    -webkit-animation: 1s btn-content;
    animation: 1s btn-content;
    outline: transparent solid .1em;
    outline-offset: 0.2em;
    box-shadow: 0 0 .4em 0 var(--color-background)
}

.btn-content .icon-arrow {
    transition: .5s;
    transform: scale(.6)
}

.btn-content:hover .icon-arrow {
    transition: .5s;
    margin-right: 16px
}

.icon-arrow {
    width: 33px;
    margin-right: 15px
}

#arrow-icon-one {
    transition: .4s;
    transform: translateX(-60%)
}

#arrow-icon-two {
    transition: .5s;
    transform: translateX(-30%)
}

.btn-content:hover #arrow-icon-three {
    animation: 1s .2s infinite color_anim
}

.btn-content:hover #arrow-icon-one {
    transform: translateX(0);
    animation: 1s .6s infinite color_anim
}

.btn-content:hover #arrow-icon-two {
    transform: translateX(0);
    animation: 1s .4s infinite color_anim
}

@keyframes color_anim {
    0%,100% {
        fill: white
    }

    50% {
        fill: var(--color-background)
    }
}

@-webkit-keyframes btn-content {
    0% {
        outline: .2em solid var(--color-background);
        outline-offset: 0
    }
}

@keyframes btn-content {
    0% {
        outline: .2em solid var(--color-background);
        outline-offset: 0
    }
}

.btn-content svg {
    transform: rotate(180deg);
    width: 51px
}

button::after,button::before {
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.search-boxed form input:focus {
    border: 1px solid #426ef2
}

.-posts-sidebar-body.-model-1 .-GridItem-1 {
    margin-bottom: 21px;
    max-width: 100%;
    margin-inline:0}

.boxed-comment {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.NameArea-user h2 {
    margin-bottom: 7px;
    font-size: 24px;
    font-weight: 500
}

ul.CommentsListInner li:hover {
    transform: translate(0,-8px)
}

a.content-btn_1 span {
    font-size: 23px;
    margin-inline-end:17px}

.button {
    padding: 10px 20px;
    border-radius: 55px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #4e4f52;
    transition: 450ms;
    font-size: 21px;
    outline: white solid 2px;
    align-items: center
}

a.button span {
    margin-inline-end:15px;font-weight: 500
}

.button:hover {
    color: #fff;
    transform: scale(1.1);
    outline: #2955d4 solid 2px;
    box-shadow: 4px 5px 17px -4px #2955d4;
    background: #2955d4
}

.button::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #2955d4;
    transform: skewX(45deg);
    z-index: -1;
    transition: 450ms
}

.button:hover::before {
    width: 250%
}

a.content-btn_1:hover {
    transform: translate(0,-3px);
    background: #0f9d5d
}

.adress-contact p {
    color: var(--contentcolor);
    font-size: 13px
}

.adress-contact .dt-contact,.items-Grid-box {
    margin-inline-start:20px}

ul.block-cotact li a .dt-contact {
    margin-inline-start:18px}

ul.block-cotact li a .dt-contact p {
    color: var(--contentcolor);
    font-size: 16px
}

.box-price span {
    width: 75px;
    height: 75px;
    margin: auto auto 20px;
    border: 1px solid #d9cdcd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.box-price span i {
    font-size: 26px;
    color: var(--uicolor);
    font-weight: 500
}

a.instagram {
    --socialcolor: #af43c3
}

.auto-container-model {
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid var(--diver);
    flex-direction: column
}

.model-title span {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center
}

.items-Grid-box a p {
    font-size: 18px;
    font-weight: 500;
    color: var(--secondarytext);
    transition: .2s
}

.works-blog-box {
    margin-top: 76px
}

.-single-thumb-box {
    height: 450px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bkground);
    border-radius: inherit
}

.logoFooter-left {
    margin-bottom: 12px;
    max-width: 200px;
    display: flex
}

.logoFooter-left img {
    filter: brightness(150.5)
}

.-single-parent-post--sidebar.single-mobile {
    margin-bottom: 30px;
    margin-top: 30px;
}

.orderservices-info>i {
    font-size: 86px;
    --el-w: 122px;
    width: var(--el-w);
    height: var(--el-w);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto auto 6px;
    border-radius: 50%;
    color: var(--uicolor);
    position: relative;
    z-index: 9
}

.author-image {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--uicolor-2);
    padding: 7px 23px;
    position: absolute;
    bottom: 0;
    border-radius: var(--miniradius) 0 var(--miniradius) 0
}

.faq-icon,how-we-call a {
    background-color: var(--uicolor);
    color: #fff
}

.faq-icon,.faq-section,button {
    position: relative
}

.author-image img {
    border-radius: 50%;
    object-fit: cover
}

.blog-title-excerpt {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.blog-item-meta {
    font-size: 17px;
    color: #fff;
    display: flex;
    gap: 9px;
    align-items: center;
}

.blog-item-meta .author-name a {
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

how-we-call a {
    display: block;
    text-align: center;
    box-shadow: 0 5px 0 #4eba00;
    font-size: 16px;
    padding: 18px 25px
}

.faq-icon,table b,table p {
    margin-bottom: 0;
}



table p {
    padding: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

table b {
    min-width: max-content;
    padding: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.-category-gridboxes-item a {
    flex: 1
}

.faq-icon {
    width: 70px;
    height: 70px;
    border-radius: 14px;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    margin: 0 25px -31px auto;
    z-index: 2
}

.head-faq-body {
    border-radius: 23px;
    width: 100%;
    background-color: #fff;
    padding: 25px
}

.faq-info .ButtonConcept {
    display: flex;
    justify-content: flex-start
}

.--init--faq--numbers {
    font-size: 24px;
    color: var(--uicolor);
    font-weight: 700;
    margin: 5px 0 0;
    font-family: var(--f-number)
}

.bottom-faq span {
    font-size: 16px;
    font-weight: 500;
    color: #697585;
    line-height: 26px;
    margin: 0 0 9px
}

.faq-info {
    display: block;
    flex: 1;
    margin-top: 30px
}

.head-faq-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.head-faq-title h2 {
    font-weight: 500;
    font-size: 22px;
    color: var(--titlecolor)
}

.faq-section {
    display: block;
    transition: 180ms;
    border-bottom: 1px solid #f0f6ff;
    padding: 1px;
    background: linear-gradient(180deg,var(--uicolor) 0,rgb(79 93 228 / 59%) 100%);
    border-radius: 24px;
    margin: 0 0 30px
}

.active.faq-section {
    background: var(--uicolor)
}

.faq-section:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.faq-section.active .answer {
    height: var(--pin-height);
    visibility: visible;
    opacity: 1;
    display: block
}

.answer {
    height: 0;
    opacity: 0;
    margin-top: 0;
    transition: 280ms
}

.answer>* {
    padding: 20px 0 0;
    display: block;
    font-size: 17px;
    color: var(--secondarytext);
    line-height: 1.8;
    font-weight: 400
}

.answer ul li strong {
    font-weight: 500;
    font-size: 18px;
    color: var(--alinks)
}

.icon_faq {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

.icon_faq i {
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #dfe7f4;
    padding: 10px;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 150ms
}

.--single-waqf-in .-blog-grid-thumb {
    width: 100%;
    padding-top: 66%
}

.-faqs-singlebox {
    margin-bottom: 30px
}

.callaction-contact-box {
    position: relative;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    z-index: 1;
    border-radius: 11px;
    background-position: center;
    background-size: cover;
    margin: 15px 0;
    border: 1px solid #dfdfdf;
}

.callaction-contact-box img {
    width: auto!important;
    margin-bottom: 0 !important;
    height: auto!important;
    max-width: 200px;
}

.callaction-contact-box .overlay {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
   
}
.transparent {
     opacity:.8
}
.btns a {
    padding: 14px 35px;
    text-align: center;
    border-radius: 48px;
    line-height: 30px;
    font-size: 21px;
    transition:.35s ease;
    display: flex;
    align-items: center;
    position:relative;
    justify-content:center;
    overflow:hidden;
    z-index:1;
    margin-inline-end: 10px;
}

.btns a:hover {    
   transform:translateY(2px)
}
.btns a svg {
    margin-inline-end: 5px;
}

.btns {
    display:flex
}
.wts-now {
    margin-right:10px
}
@media(max-width:767px) {
   .callaction-contact-box {
       flex-direction:column;
       flex-direction:column-reverse
       
   }
    .callaction-contact-box img {
        width:100px !important;
        margin-bottom:20px
    }
   
    .btns {
        width:100%;
        flex:1
    }
    .btns a {
        font-size: 16px;
        padding:10px;
        flex:1
    }
    .btns a svg {
        width:15px
    }
  
}

.btns.expanded {
    flex: 1;
}

.btns.expanded a {
    flex: 1;
}

.orderservices-info .-p-title {
    font-weight: 600;
    text-align: start;
    font-size: 27px;
}

.contact-form_single {
    background: #73c03b;
    padding: 20px;
    border-radius: var(--miniradius);
    overflow: hidden;
}

.heading-title {
    font-size: 23px;
    margin-bottom: 11px;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.btn,
    button {
    cursor: pointer}

.
    --call-card-in,.answer,.btn,.logoFooter-left,button {
    overflow: hidden}


.-waqf-single-blog {
    padding: 50px 0 0;
    position: relative;
    margin-bottom: 40px;
}

.
    --waqf-single-blog {
    display: flex}

.
    --single-waqf-in {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
    --sidebar-width: 380px;
    margin-inline-end: 20px;
    position: relative;
    max-width: calc(100% - var(--sidebar-width) - 20px);
    margin-inline-start:0;
    border-radius: var(--miniradius);
}

.-side-single-in {
    --sidebar-width: 380px;
    display: block;
    min-width: var(--sidebar-width);
    max-width: var(--sidebar-width);
    transition: .18s;
    height: fit-content;
    border-radius: var(--miniradius);
    overflow: hidden;
}

.-waqf-single.single-post-post-title
    h1 {
    font-weight: 700;
    font-size: 40px;
    margin: 0;
    margin-block-end:20px;
    color: var(--textcolor)}

.-single-post-content {
    font-size: 16px;
    margin: 15px 0 0;
    font-weight: 400;
    color: #1A1F23;
    line-height: 1.6;
    background-color: #fff;
    z-index: 0;
    padding-top: 10px;
    max-width: 100%}

.-single-post-content>
    ul {
    list-style: none;
    margin: 25px;
    margin-inline-start:0;
    margin-inline-end:0;
    border-radius: var(--miniradius);
    padding: 20px}

.-single-post-content>
    ul>li {
    margin-bottom: 13px}

.-single-post-content>
    ul>li:last-child {
    margin-bottom: 0}

.-single-post-content
    h1 {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    margin-block-end:10px;
    color: var(--textcolor)}

.
    --widget--sidebar--title.--single-tags-posts-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 7px;
    color: var(--textcolor);
    line-height: 1.5}

.-post-tag-items
    a {
    padding: 10px 15px;
    position: relative;
    background: #fcfcfc;
    margin: 6px;
    border: 1px solid var(--divider-light-2);
    align-items: center;
    font-size: 15px;
    align-content: center;
    border-radius: var(--largeradius);
    font-weight: 400;
    display: flex;
    flex-wrap: wrap}

.-post-tag-items {
    margin: 0 -10px;
    display: flex;
    align-items: center}

.-post-tag-boxarea {
    margin: 25px 0 12px;
    box-shadow: var(--box-shadow-defult)}

.-blog-grid-thumb {
    width: 36%;
    padding-top: 30%;
    background-image: var(--background-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: var(--miniradius);
    opacity: .9;
    position: relative;
    max-width: 100%}

.latest-posts {
    list-style: none;
    margin-inline-start:0;
    margin-inline-end:0;
    border: 1px solid var(--divider-light-2);
    border-radius: var(--miniradius);
    padding: 24px;
    margin-bottom: 40px}

.
    --posts-title {
    font-weight: 700;
    font-size: 26px;
    margin: 0;
    margin-block-end:19px;
    color: var(--textcolor)}

.
    --important-category {
    margin-top: 70px}

.-category-gridboxes-art-content {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5}

.
    --all-latest-posts-in {
    display: flex;
    flex-direction: column;
    gap: 15px}

.-category-gridboxes-art-content:
    hover {
    text-decoration: underline}

.-waqf-single--title
    h1 {
    font-size: 42px;
    color: #fff}

.latest-posts:
    last-child {
    margin-bottom: 0}

.-category-gridboxes-item {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap}

.-blog-grid-thumb.post-widget {
    margin-bottom: 0;
    flex: 1;
    max-width: 80px;
    min-width: 80px;
    padding-top: 22%}

.
    --bread-crumb {
    background: #e9e9e9;
    padding: 13px 0}

.
    --all-content-of-card-in {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between}

.
    --call-card-in {
    padding: 30px;
    background: #fff;
    border-radius: var(--largeradius);
    display: block;
    z-index: 1;
    height: 100%;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    top: 0;
    margin-bottom: 35px;
    border: 1px solid var(--divider-light-2)}

.
    --call-btn-kit>a,.--whats-btn-kit>a {
    gap: 10px;
    padding: 15px 20px;
    border-radius: var(--largeradius);
    color: #fff;
    display: flex}

.
    --card-btn-in {
    text-align: start;
    display: flex;
    align-items: center;
    gap: 15px}

.
    --call-btn-kit>a {
    align-items: center;
    background-color: var(--whatsapp);
    font-size: 16px}

.
    --call-title {
    font-size: 27px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
    color: var(--text-color)}

.
    --whats-btn-kit>a {
    align-items: center;
    background-color: var(--primary-text)}
    p.--call-des {
    font-size: 16px;
    font-weight: 400;
    color: var(--secondarytext)}

.-waqf-created-box-share {
    border: 1px solid var(--divider-light-2);
    border-radius: var(--miniradius);
    padding: 25px;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.-minimal-header .-button-ui {
    background-image: var(--gradient-uicolor);
    color: #fff}

.-waqf-created-box-share-copyinput {
    display: flex;
    margin-bottom: 20px}


.-waqf-created-box-share-body {
    flex: 1;}

.-waqf-created-box-share>
    strong {
    font-size: 18px;
    font-weight: 600;
    display: block}

.-waqf-created-box-share-copyinput>
    input {
    flex: 1;
    margin-inline-end:13px;
    font-size: 16px;
    background: var(--alphabg)!important;
    color: var(--secondarytext)}

.orderservices-info {
    border-radius: 20px;
    \: flex;
    \: column;
    \: center;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    padding: 25px;
    gap: 20px;
}

.-UserArea.def
    ul.blogs-box-social-share,.btn span i {
    margin-inline-start:10px}

.adress-call_number,.call-how-box {
    display: flex;
    justify-content: center}

.sidebar-title
    h2 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 13px;
    color: var(--textcolor-2)}

.adress-call_number
    p {
    font-size: 14px;
    color: var(--contentcolor)}

.sidebar-title {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative}

.sidebar-title
    span {
    font-size: 24px;
    font-weight: 500;
    color: var(--secondarytext)}

.sidebar-title
    h3,h2.ads-title {
    position: relative;
    color: var(--uicolor);
    font-size: 19px;
    font-weight: 600;
    display: flex;
    align-items: center}

.sidebar-title
    p {
    font-size: 13px;
    color: var(--secondarytext);
    font-weight: 400}

.orderservices-info
    svg {
    width: 48px;
    height: auto;
    margin: auto auto 13px}

.btn {
    justify-content: space-between;
    background: #fff;
    border: 0;
    border-radius: var(--largeradius);
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    padding: 10px 16px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.btn:
    hover {
    opacity: .95}

.btn .animation {
    border-radius: 100%;
    animation: .6s linear infinite ripple}
    @keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1),0 0 0 60px rgba(255,255,255,.1)}

    100% {
    box-shadow: 0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1),0 0 0 60px rgba(255,255,255,.1),0 0 0 80px rgba(255,255,255,0)}
}

.btn
    span {
    align-items: center;
    font-weight: 400;
    font-size: 17px;
    color: var(--uicolor);
    font-weight: 700;
}

.number-title {
    display: block;
    margin-bottom: 19px}

.number-title
    h2 {
    font-size: 28px;
    font-weight: 400;
    color: var(--textcolor)}

.btn-conteiner {
    display: flex;
    justify-content: center;
    --color-text: #ffffff;
    --color-background: #24366c;
    --color-outline: #24366c8f;
    --color-shadow: #0000005c}

.btn-content {
    display: flex;
    align-items: center;
    padding: 3px 27px;
    font-weight: 300;
    font-size: 18px;
    color: var(--color-text);
    background: var(--color-background);
    transition: 1s;
    border-radius: 100px;
    box-shadow: var(--box-shadow)}

.auto-container-model,.button {
    overflow: hidden;
    background: #fff;
    display: flex}

.btn-content:
    focus,.btn-content:hover {
    transition: .5s;
    -webkit-animation: 1s btn-content;
    animation: 1s btn-content;
    outline: transparent solid .1em;
    outline-offset: 0.2em;
    box-shadow: 0 0 .4em 0 var(--color-background)}

.btn-content .icon-arrow {
    transition: .5s;
    transform: scale(.6)}

.btn-content:
    hover .icon-arrow {
    transition: .5s;
    margin-right: 16px}

.icon-arrow {
    width: 33px;
    margin-right: 15px}

#arrow-icon-one {
    transition: .4s;
    transform: translateX(-60%)}

#arrow-icon-two {
    transition: .5s;
    transform: translateX(-30%)}

.btn-content:
    hover #arrow-icon-three {
    animation: 1s .2s infinite color_anim}

.btn-content:
    hover #arrow-icon-one {
    transform: translateX(0);
    animation: 1s .6s infinite color_anim}

.btn-content:
    hover #arrow-icon-two {
    transform: translateX(0);
    animation: 1s .4s infinite color_anim}
    @keyframes color_anim {
    0%,100% {
        fill: white}

    50% {
    fill: var(--color-background)}
}
    @-webkit-keyframes btn-content {
    0% {
        outline: .2em solid var(--color-background);
    outline-offset: 0}
}
    @keyframes btn-content {
    0% {
        outline: .2em solid var(--color-background);
    outline-offset: 0}
}

.btn-content
    svg {
    transform: rotate(180deg);
    width: 51px}
    button::after,button::before {
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)}

.search-boxed
    form input:focus {
    border: 1px solid #426ef2}

.-posts-sidebar-body.-model-1 .-GridItem-1 {
    margin-bottom: 21px;
    max-width: 100%;
    margin-inline:0}

.boxed-comment {
    display: flex;
    align-items: center;
    margin-bottom: 16px}

.NameArea-user
    h2 {
    margin-bottom: 7px;
    font-size: 24px;
    font-weight: 500}
    ul.CommentsListInner li:hover {
    transform: translate(0,-8px)}
    a.content-btn_1 span {
    font-size: 23px;
    margin-inline-end:17px}

.button {
    padding: 10px 20px;
    border-radius: 55px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #4e4f52;
    transition: 450ms;
    font-size: 21px;
    outline: white solid 2px;
    align-items: center}
    a.button span {
    margin-inline-end:15px;
    font-weight: 500}

.button:
    hover {
    color: #fff;
    transform: scale(1.1);
    outline: #2955d4 solid 2px;
    box-shadow: 4px 5px 17px -4px #2955d4;
    background: #2955d4}

.button::
    before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #2955d4;
    transform: skewX(45deg);
    z-index: -1;
    transition: 450ms}

.button:
    hover::before {
    width: 250%}
    a.content-btn_1:hover {
    transform: translate(0,-3px);
    background: #0f9d5d}

.adress-contact
    p {
    color: var(--contentcolor);
    font-size: 13px}

.adress-contact .dt-contact,.items-Grid-box {
    margin-inline-start:20px}
    ul.block-cotact li a .dt-contact {
    margin-inline-start:18px}
    ul.block-cotact li a .dt-contact p {
    color: var(--contentcolor);
    font-size: 16px}

.box-price
    span {
    width: 75px;
    height: 75px;
    margin: auto auto 20px;
    border: 1px solid #d9cdcd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%}

.box-price
    span i {
    font-size: 26px;
    color: var(--uicolor);
    font-weight: 500}
    a.instagram {
    --socialcolor: #af43c3}

.auto-container-model {
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid var(--diver);
    flex-direction: column}

.model-title
    span {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center}

.items-Grid-box
    a p {
    font-size: 18px;
    font-weight: 500;
    color: var(--secondarytext);
    transition: .2s}

.works-blog-box {
    margin-top: 76px}

.-single-thumb-box {
    height: 450px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bkground);
    border-radius: inherit}

.logoFooter-left {
    margin-bottom: 12px;
    max-width: 200px;
    display: flex}

.logoFooter-left
    img {
    filter: brightness(150.5)}

.-single-parent-post--sidebar.single-mobile {
    margin-bottom: 30px;
    margin-top: 30px;
}

.orderservices-info>
    i {
    font-size: 86px;
    --el-w: 122px;
    width: var(--el-w);
    height: var(--el-w);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto auto 6px;
    border-radius: 50%;
    color: var(--uicolor);
    position: relative;
    z-index: 9}

.author-image {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--uicolor-2);
    padding: 7px 23px;
    position: absolute;
    bottom: 0;
    border-radius: var(--miniradius) 0 var(--miniradius) 0}

.faq-icon,
    how-we-call a {
    background-color: var(--uicolor);
    color: #fff}

.faq-icon,.faq-section,
    button {
    position: relative}

.author-image
    img {
    border-radius: 50%;
    object-fit: cover}

.blog-title-excerpt {
    display: flex;
    flex-direction: column;
    justify-content: center}

.blog-item-meta {
    font-size: 14px;
    color: #fff}

.blog-item-meta .author-name
    a {
    color: #fff;
    text-decoration: none;
    font-weight: 700}

.blog-item-meta .author-name
    a:hover {
    text-decoration: underline;
    color: #005177}
    how-we-call a {
    display: block;
    text-align: center;
    box-shadow: 0 5px 0 #4eba00;
    font-size: 16px;
    padding: 18px 25px}

.faq-icon,
    table b,table p {
    display: flex}
    table p {
    padding: 0;
    height: 100%;
    justify-content: center;
    align-items: center}
    table b {
    margin: 0;
    padding: 0;
    height: 100%;
    justify-content: center;
    align-items: center}

.-category-gridboxes-item
    a {
    flex: 1}

.faq-icon {
    width: 70px;
    height: 70px;
    border-radius: 14px;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    margin: 0 25px -31px auto;
    z-index: 2}

.head-faq-body {
    border-radius: 23px;
    width: 100%;
    background-color: #fff;
    padding: 25px}

.faq-info .ButtonConcept {
    display: flex;
    justify-content: flex-start}

.
    --init--faq--numbers {
    font-size: 24px;
    color: var(--uicolor);
    font-weight: 700;
    margin: 5px 0 0;
    font-family: var(--f-number)}

.bottom-faq
    span {
    font-size: 16px;
    font-weight: 500;
    color: #697585;
    line-height: 26px;
    margin: 0 0 9px}

.faq-info {
    display: block;
    flex: 1;
    margin-top: 30px}

.head-faq-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer}

.head-faq-title
    h2 {
    font-weight: 500;
    font-size: 22px;
    color: var(--titlecolor)}

.faq-section {
    display: block;
    transition: 180ms;
    border-bottom: 1px solid #f0f6ff;
    padding: 1px;
    background: linear-gradient(180deg,var(--uicolor) 0,rgb(79 93 228 / 59%) 100%);
    border-radius: 24px;
    margin: 0 0 30px}

.active.faq-section {
    background: var(--uicolor)}

.faq-section:
    last-child {
    border-bottom: none;
    margin-bottom: 0}

.faq-section.active .answer {
    height: var(--pin-height);
    visibility: visible;
    opacity: 1;
    display: block}

.answer {
    height: 0;
    opacity: 0;
    margin-top: 0;
    transition: 280ms}

.answer>* {
    padding: 20px 0 0;
    display: block;
    font-size: 17px;
    color: var(--secondarytext);
    line-height: 1.8;
    font-weight: 400}

.answer
    ul li strong {
    font-weight: 500;
    font-size: 18px;
    color: var(--alinks)}

.icon_faq {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap}

.icon_faq
    i {
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #dfe7f4;
    padding: 10px;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 150ms}

.
    --single-waqf-in .-blog-grid-thumb {
    width: 100%;
    padding-top: 66%}

.-faqs-singlebox {
    margin-bottom: 30px}

.callaction-contact-box {
    position: relative;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    z-index: 1;
    border-radius: 11px;
    background-position: center;
    background-size: cover;
    margin: 15px 0;
    border: 1px solid #dfdfdf;
}

.callaction-contact-box
    img {
    width: auto!important;
    margin-bottom: 0 !important;
    height: auto!important;
    max-width: 200px;
}

.callaction-contact-box .overlay {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
   
}
.transparent {
    opacity:.8}
.btns
    a {
    padding: 14px 35px;
    text-align: center;
    border-radius: 48px;
    line-height: 30px;
    font-size: 21px;
    transition:.35s ease;
    display: flex;
    align-items: center;
    position:relative;
    justify-content:center;
    overflow:hidden;
    z-index:1;
    margin-inline-end: 10px;
}

.btns
    a:hover {    
   transform:translateY(2px)}
.btns
    a svg {
    margin-inline-end: 5px;
}

.btns {
    display:flex}
.wts-now {
    margin-right:10px}
    @media(max-width:767px) {
   .callaction-contact-box {
       flex-direction:column;
    flex-direction:column-reverse}
    .callaction-contact-box img {
    width:100px !important;
    margin-bottom:20px}
   
    .btns {
    width:100%;
    flex:1}
    .btns a {
    font-size: 16px;
    padding:10px;
    flex:1}
    .btns a svg {
    width:15px}
  
}

.btns.expanded {
    flex: 1;
}

.btns.expanded
    a {
    flex: 1;
}

.orderservices-info .-p-title {
    font-weight: 600;
    text-align: start;
    font-size: 27px;
}

.contact-form_single {
    background: #0A382E;
    padding: 20px;
}

.heading-title {
    font-size: 23px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
}

.contact-form_single
    form.-formkit .-button-ui {
    max-width: max-content;
    background: #fff;
    color: #000;
    font-size: 21px;
    padding: 7px 14px;
    border-radius: 7px;
}

.input_all {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.input_all
    label {
    flex: 1;
    max-width: 46%;
}

.input_all {
    margin-bottom: 25px;
}
.contact-form_single [
    inputkit]::placeholder {
    color:#fff;
}
.contact-form_single [
    inputkit] {
    background: #9dafab;
    border: none;
    direction: rtl;
}

.a2a_kit
    a {
    font-size: calc(0.8px * 10);
    border-width: 2px;
    border-color: var(--uicolor);
}

.orderservices-info
    img {
    border-radius: 50%;
}

.elementor-divider {
    border: 1.5px solid #000;
    width: 20%;
}

.-p-des_full {
    padding-bottom: 7px;
};
}

.contact-form_single form.-formkit .-button-ui {
    max-width: max-content;
    background: #fff;
    color: #000;
    font-size: 17px;
    padding: 7px 14px;
    border-radius: 7px;
}

.input_all {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.input_all label {
    flex: 1;
    max-width: 46%;
}

.input_all {
    margin-bottom: 25px;
}

.contact-form_single [inputkit] {
    border: none;
    direction: rtl;
}

.a2a_kit a {
    font-size: calc(0.8px * 10);
    border-width: 2px;
    border-color: var(--uicolor);
}

.orderservices-info img {
    border-radius: 50%;
}

.elementor-divider {
    border: 1.5px solid #000;
    width: 20%;
}

.-p-des_full {
    padding-bottom: 7px;
}

span.author-name {
    display: flex;
    gap: 10px;
    align-items: center;
}
loadmore--inpuarea{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:20px
}postsscrollloader{
    display:flex;
    background: var(--uicolor);
    padding:10px 20px;
    border-radius:20px;
    color:#fff;
    font-size:22px;
    cursor:pointer;
    font-weight:500
}

.pagination {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}

.pagination > ul {
	list-style: none;
}

.pagination > ul > li {
	display: inline-block;
	vertical-align: top;
	margin: 0 2px;
}

.pagination > ul > li > * {
	display: block;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: bold;
	background: #0b1f2a;
	color: white;
	border-radius: var(--miniradius);
	opacity: .9;
}

.pagination > ul > li > *:hover {
	opacity: 1;
}

.pagination > ul > li > span {
	background: var(--uicolor);
	cursor: default;
	color: #fff;
	opacity: 1;
}/* تخصيص أحجام الخطوط للجهاز */

/* H1 */
h1 {
    font-size: 35px; /* حجم الخط في الـ Desktop */
}

@media (max-width: 1023px) {
    h1 {
        font-size: 32px; /* حجم الخط في الـ Tablet */
    }
}

@media (max-width: 767px) {
    .--pages-content-in>h1 {
        font-size: 32px; /* حجم الخط في الـ Mobile */
    }
}

/* H2 */
h2 {
    font-size: 30px; /* حجم الخط في الـ Desktop */
    font-weight: bold;
}

@media (max-width: 1023px) {
    h2 {
        font-size: 26px; /* حجم الخط في الـ Tablet */
    }
}

@media (max-width: 767px) {
    h2 {
        font-size: 23px; /* حجم الخط في الـ Mobile */
    }
}

/* H3 */
h3 {
    font-size: 24px; /* حجم الخط في الـ Desktop */
    font-weight: bold;
}

@media (max-width: 1023px) {
    h3 {
        font-size: 20px; /* حجم الخط في الـ Tablet */
    }
}

@media (max-width: 767px) {
    h3 {
        font-size: 20px; /* حجم الخط في الـ Mobile */
    }
}

/* Paragraph (P) */
p {
    font-size: 17px; /* حجم الخط في الـ Desktop */
}

@media (max-width: 1023px) {
    p {
        font-size: 16px; /* حجم الخط في الـ Tablet */
    }
}

@media (max-width: 767px) {
    p {
        font-size: 16px; /* حجم الخط في الـ Mobile */
    }
}
table{max-width:100%;height:auto!important}

 table tr{border:1px solid var(--border)}

 table tr:last-child{border-bottom:1px solid var(--border)}.table__container table{max-width:100%}
 table tr{border-top:1px solid #aaa}
 table tr:last-child,.table__container table tr:last-child{border-bottom:1px solid #aaa}
 table tr:first-child,p.bk-content{font-weight:400}.single-post-parent-container-content strong.bk-title{margin:10px 0 0;display:block}features--block:before{content:"";-webkit-transform-origin:50% 50%;transform-origin:50% 50%;content:"";position:absolute;z-index:-1;bottom:-32px;left:50%;margin-left:-16px;background:#10428b;height:32px;width:32px;border-radius:32px;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}features--block:hover:before{transform:scale(150)}services--block{border-radius:25px;transition:.35s}services--block i{width:100px;height:100px;border-radius:50%;background:#fff;font-size:55px;color:#00adff;align-items:center;justify-content:center}.album-holder.open{opacity:1;visibility:visible;pointer-events:all}.works-single-img- .owl-next,.works-single-img- .owl-prev,views{visibility:hidden;opacity:0}p.bk-content{font-size:16px;color:#343434;margin:0!important;line-height:1.5}benfit i,benfit p{color:var(--contentcolor)}features--block{position:relative;padding:20px!important;border-radius:20px;margin-bottom:20px!important}i.fa-thin.fa-phone-volume{transform:rotate(203deg)}features--block img{min-width:110px;height:auto;border-radius:25px;border:1px solid var(--border);max-width:130px!important}.box-title{margin-inline-start:13px!important;text-align:right}.table-wrapper{margin-bottom:10px!important}
 table{border-right:1px solid #aaa;max-width:100%!important;margin-bottom:1rem!important;border-collapse:collapse;width:100%!important}
  table tr{border-top:1px solid #aaa}
  table td, table th{vertical-align:top;font-size: 17px;padding: 0.4rem!important;}
   table thead tr th, table tr td{border-left:1px solid #aaa;}

.--waqf-single-blog ul li {
    position: relative;
}
h2,h3,h4,h5 {
   color:#73c03b;
    font-weight:bold;
}
.-single-post-content a {
   color:#73c03b;
}
.-single-post-content a *{
   color:#73c03b;
}