@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Cairo:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.cdnfonts.com/css/gt-super-ds-trial');
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Cairo:wght@300;400;500;600;700&family=Jacquarda+Bastarda+9&display=swap');

h1,h2,h3,h4,h5,h6{
    font-weight:500;
    font-family:"Bricolage Grotesque", sans-serif;
}
body{font-family:'Helvetica Neue', sans-serif;
}
      
h2.-widget-after-intro-h1 .-kyojin-intro-body {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
}                                  
header {
    padding-bottom:0;
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1000;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    box-shadow:none;
    transition:800ms ease;
    padding-block:40px;
}

body.-minimal-header header {
    padding-block:0;top:-48px
}

header>.-container>.menu-list {
    display:flex;
    height:100%;
    align-items:center;
    justify-content:space-between;
}

header.-waqf-header>.-container>.menu-list {
    max-width:inherit;
    padding-inline:10px}

header.-wide>.-container {
    max-width:inherit
}

body.-minimal-header header>.-container>.menu-list>.-logo {
    z-index:1
}

header>.-container>.menu-list>.-mobile-user>.-user {
    width:fit-content;
    display:flex;
    justify-content:end
}

header>.-container>.menu-list>.-mobile-user>.-user>.-button-ui {
    font-size:15px;
    color:#fff;
    padding-inline:25px;border-radius:var(--miniradius)
}

body.-minimal-header header>.-container>.menu-list>.-user>.-button-ui {
    padding-block:6px;padding-inline:20px}

body.-minimal-header header>.-container>.menu-list>.-user>.-button-ui.-ui-color1 {
    background:var(--gradient-uicolor);
    border-color:var(--uicolor-1)
}

header>.-container>.menu-list>.-mobile-user>.-user>.-button-ui.-ui-color1 {
    background:#2a1b1b;
    border-color:#2a1b1b
}

header>.-container>.menu-list>.-menu> {
    margin:0;
    overflow:hidden;
    display:flex;
    align-items:center
}

body.-minimal-header header>.-container>.menu-list>.-menu {
    margin-block:0;transition:150ms all ease
}

header>.-container>.menu-list>.-menu ul {
    list-style:none;
    display:flex
}

header>.-container>.menu-list>.-menu ul>li:hover ul {
    opacity:1;
    visibility:visible;
    transform:translateY(8.5px)
}

header>.-container>.menu-list>.-menu>.menu-menu-1-container>ul>li>a {
    font-size:17px;
    padding-inline:16px;
    display:flex;
    font-weight:500;
    gap:10px;
    transition:var(--transition-time);
    color:#ffffff9e;
    position:relative;
    align-items:center;
    background:linear-gradient(180deg, #ffffff, #a1a1a1);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    display:inline-block;
}

body header>.-container>.menu-list>.-menu ul>li>ul>li>a {
    padding:0 20px;
    font-size:15px
}

body.-minimal-header header>.-container>.menu-list>.-menu ul>li>a:after {
    position:absolute;
    bottom:0;
    right:20px;
    left:20px
}

header>.-container>.menu-list>.-menu ul>li:last-child>a {
    border-inline-end:0}

header>.-container>.menu-list>.-menu ul>li.current-menu-item>a {
    font-weight:600;
    color:#fff;
    padding-inline-start:0;
}

header>.-container>.menu-list> .-logo img {
    max-height:100%
}

.P-content {
    text-align:start;
    color:var(--secondarytext);
    font-weight:300;
    font-size:19px;
    line-height:1.6
}

.-features-gridboxes {
    --el-w:469px;
    min-width:var(--el-w);
    max-width:var(--el-w)
}

.-features-gridboxes .-features-gridboxes-item {
    overflow:hidden;
    position:relative;
    background:var(--bgcolor);
    border:1px solid var(--divider-light-3);
    border-radius:var(--circularradius);
    margin-bottom:30px;
    height:250px;
    box-shadow:var(--shadow-elevated);
    display:flex;
    flex-wrap:wrap;
    transition:250ms all ease;
    cursor:default;
    padding:8px
}

.-features-gridboxes>.-features-gridboxes-item:hover {
    border-color:var(--divider-hover);
    box-shadow:var(--shadow-elevated-hover);
    transition:50ms all ease;
    transform:translate(0,-1px)
}

.-features-gridboxes .-features-gridboxes-item .-features-gridboxes-item-body {
    flex:1;
    align-self:center;
    padding-inline:35px;padding-block:20px;min-width:250px
}

.-features-gridboxes .-features-gridboxes-item .-features-gridboxes-item-body strong {
    display:block;
    font-size:35px;
    color:#fff;
    font-weight:700;
    margin-bottom:5px
}

.-features-gridboxes .-features-gridboxes-item .-features-gridboxes-item-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 30px;
    padding-inline-end:10px;padding-inline-start:20px}

.-features-gridboxes .-features-gridboxes-item .-features-gridboxes-item-icon img {
    width:55px;
    height:auto
}

.-features-gridboxes .-features-gridboxes-item .-features-gridboxes-item-body .-features-gridboxes-item-body-content {
    font-weight:400;
    line-height:1.55;
    font-size:17px;
    max-height:50px;
    overflow:hidden;
    color:var(--light-accent-focus)
}

.-waqf-footer-body {
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.-waqf-footer-body>* {
    margin:17px
}

.-waqf-footer-body>.-waqf-footer-body-menu {
    flex:1;
    display:flex;
    flex-wrap:wrap;
    margin:0;
    gap:1px;
    justify-content:center;
}

.-waqf-footer-body>.-waqf-footer-body-menu>div>ul {
    display:flex;
    list-style:none;
    flex-wrap:wrap;
    margin-inline:30px;
}

.-waqf-footer-body>.-waqf-footer-body-menu>div>ul>li {
    flex:1;
}

.-waqf-footer-body>.-waqf-footer-body-menu>div>ul>li {
    flex-direction:column;
    gap:10px;
    align-items:flex-start;
    justify-content:flex-start;
}

.-waqf-footer-body>.-waqf-footer-body-menu>div>ul>li>a {
    display:block;
    font-size:22px;
    font-weight:600;
    line-height:1;
    color:var(--textcolor)
}

.-waqf-footer-body>.-waqf-footer-body-menu>div>ul>li>ul {
    list-style:none
}

.-waqf-footer-body>.-waqf-footer-body-menu>div>ul>li>ul>li>a {
    font-size:41px
}

.-waqf-footer-body>.-waqf-footer-body-menu>div>ul>li>ul>li>a {
    display:block;
    font-size:15px;
    padding-block:3px;
    font-weight:400;
    color:var(--secondarytext);
    line-height:1.65;
    transition:var(--transition-time)
}

.-waqf-footer-body>.-waqf-footer-body-about {
    max-width:515px;
    flex:1;
    margin:0;
}

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-company {
    height:100%;
    margin-bottom:0;
    justify-content:space-between;
}

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-social {
    display:flex;
    margin:-5px
}

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-social>a {
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    border:1px solid #d7d0d0;
    border-radius:50%;
    margin:5px;
    color:var(--uicolor-1);
    background:#fff
}

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-company>.-waqf-footer-body-company-logo {
    position:relative;
    max-width:fit-content;
    align-items:center;
}

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-company>.-waqf-footer-body-company-text {
    font-size:15px;
    font-weight:300;
    line-height:1.6
}

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-company>.-waqf-footer-body-company-logo>a {
    display:block;
}

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-company>.-waqf-footer-body-company-logo>a>img {
    height:100%;
}

footer.-waqf-footer {
    position:relative;
    margin-bottom:40px;
}

.-pages-root {
    margin:145px 0 60px;
    position:relative;
}

.-home-hero-section-outer {
    padding-block:50px 0;position:relative;
    z-index:1;
    overflow:hidden
}

form.-formkit>h1 {
    font-weight:700;
    font-size:30px;
    margin-bottom:30px
}
form.-formkit>[labelkit]:first-child {
    flex:1;
}
form.-formkit>[labelkit]:nth-child(2) {
    flex:1;
}
form.-formkit>[labelkit] {
    display:flex;
    flex-direction:column;
    width:100%;
}

form.-formkit>[labelkit]>p {
    font-size:14px;
    padding-top:10px;
    margin:0;
    font-weight:300;
    color:var(--secondarytext)
}

form.-formkit>[labelkit]>span {
    display:block;
    font-size:14px;
    color:#fff;
    margin-bottom:4px;
    text-align:start;
    margin-bottom:6px;
}

form.-formkit>[labelkit]>[inputkit] {
    width:100%;
    padding-block:12px;
    padding-inline:20px;
    }

.-checkbox-labels-items {
    display:flex;
    flex-wrap:wrap;
    position:relative;
    margin:-8px;
    padding-top:4px
}

.-checkbox-labels-items>label {
    min-width:110px;
    flex:1;
    height:auto;
    min-height:2.75rem;
    color:var(--textcolor-2);
    background-color:var(--alphabg);
    border:1px solid var(--divider);
    border-radius:.5rem;
    text-align:center;
    padding:.5rem .875rem;
    font-size:16px;
    line-height:1.5;
    transition:all .3s;
    box-shadow:var(--shadow-elevated);
    margin:8px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap
}

.-checkbox-labels-items>input:checked+label {
    background:#d3525317;
    border-color:var(--uicolor-1);
    color:#bb2829
}

.-checkbox-labels-items>input {
    position:absolute;
    top:0;
    right:0;
    pointer-events:none;
    opacity:0
}

.-page-container-bg {
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:200px;
    background-image:url(./img/footer-pattern.jpg);
    background-repeat:repeat-x;
    background-color:#faf8f3;
    z-index:-1
}

.-page-container-bg:after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:-1;
    background:linear-gradient(to top,white,transparent)
}

.-page-container {
    position:relative;
    z-index:1;
    padding-block:70px}

.-page-container-body>.-page-container-body-header {
    font-size:31px;
    font-weight:600;
    margin-bottom:20px
}

.-page-container-body>.-page-container-body-content {
    font-size:16px;
    line-height:1.6;
    font-weight:300
}

.-page-container-body>.-page-container-body-content strong {
    font-weight:500
}

.-page-container-body>.-page-container-body-content h3 {
    font-size:22px
}

.-page-container-body>.-page-container-body-content h2 {
    font-size:25px
}

.-waqf-list-gridboxes {
    display:flex;
    flex-wrap:wrap;
    margin:-12px
}

.YC-BreadCrumb .BreadcrumbsFilters {
    display:flex;
    align-items:center;
    list-style:none;
    gap:2px;
}



.YC-BreadCrumb .BreadcrumbsFilters>li {
    position:relative
}

.page-title-content h1 {
    font-weight:700;
    font-size:35px;
    margin:0;
    color:var(--textcolor)
}

.--archive--be-content {
    font-size:17px;
    margin:0;
    font-weight:400;
    color:var(--secondarytext);
    line-height:1.6;
    text-align:center;
    margin-bottom:35px;
    max-width:512px;
}

.page-title-content {
    padding:55px 0;
    margin-bottom:55px;
    border-bottom:var(--main-border)
}

ol.BreadcrumbsFilters {
    align-items:center;
    margin-bottom:0;
    display:flex;
    border-radius:10px;
    width:fit-content
}

ol.BreadcrumbsFilters>li {
    list-style:none;
    display:flex;
    align-items:center;
    color:var(--textcolor)
}

ol.BreadcrumbsFilters>li>a {
    font-size:14px;
    display:flex;
    align-items:center;
    color:#fff;
}

ol.BreadcrumbsFilters>li>a>span {
    font-weight:400;
    color:var(--textcolor);
    font-size:15px
}

ol.BreadcrumbsFilters>li>a>span>i {
    font-size:19px
}

.-loademore {
    display:flex;
    justify-content:center;
    margin-top:30px
}

.-loademore>a {
    border-radius:var(--largeradius)
}

.-page-container-body.creat-user {
    padding:45px 40px
}

.-page-container.form .-container {
    max-width:600px
}

.--forget-password {
    margin-bottom:25px
}

.--forget-password a {
    color:red
}



.--feature-content {
    display:flex;
    flex-direction:row;
    gap:8px;
    align-items:center;
    justify-content:center
}

.-social-feature-icon {
    padding:10px;
    font-size:36px;
    text-align:center
}

.social-feature i {
    font-size:17px;
    margin-inline-end:5px;
    border-radius:50%;
    display:flex;
    color:#fff;
    justify-content:center;
    align-items:center
}

.--social-title {
    font-size:16px;
    line-height:1.5;
    font-weight:600;
    color:#fff;
}


.--social-content {
    font-size:15px;
    font-weight:400;
    color:var(--secondarytext);
    transition:var(--transition-time);
}
@keyframes glow {
    0% {
        box-shadow:0 0 5px var(--uicolor), 0 0 10px var(--uicolor);
    }
    50% {
        box-shadow:0 0 15px var(--uicolor), 0 0 30px var(--uicolor);
    }
    100% {
        box-shadow:0 0 5px var(--uicolor), 0 0 10px var(--uicolor);
    }
}
div#contact_usa .contact-form form.-formkit {gap:0;padding:0;animation:none;border:none;}
div#contact_usa .contact-form form.-formkit img {
    object-fit:fill;
    position:absolute;
    width:109%;
    height:100%;
    z-index:-1;
    top:0px;
    right:0;
}
.contact-form form.-formkit {
    border:2px solid var(--uicolor);
    max-width:780px;
    margin:auto;
    text-align:center;
    padding:40px;
    animation:glow 1.5s infinite alternate;
    border-radius:var(--largeradius);
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    z-index:9;
    position:relative;
    display:flex;
    flex-direction:column;
}

form.-formkit {
    max-width:470px;
}


.-waqf-rootpage {
    display:flex;
    padding-bottom:75px
}

.-waqf-rootpage>.-waqf-rootpage-sidebar {
    border-inline-start:1px solid var(--divider-light-2);height:calc(100vh - 70px);
    position:sticky;
    top:70px;
    width:250px;
    overflow:auto;
    display:none;
    background:var(--alphabg);
    z-index:10000
}

@media (max-width:850px) {
    .-waqf-rootpage>.-waqf-rootpage-sidebar.-open {
        position:fixed;
        top:70px;
        left:0;
        bottom:0;
        height:auto
    }
}

.-waqf-rootpage>.-waqf-rootpage-sidebar.-open {
    display:block
}

body.-minimal-header .-waqf-rootpage-sidebar {
    top:60px;
    height:calc(100vh - 60px)
}

.-waqf-rootpage>.-waqf-rootpage-body {
    flex:1;
    display:flex;
    flex-direction:column
}

body .-waqf-rootpage-sidebar>.-waqf-rootpage-sidebar-search {
    padding:20px 20px 12px
}

header.-waqf-header {
    background:var(--uicolor-1);
    height:70px!important
}

header.-waqf-header+.-pages-root {
    padding-top:70px
}

header.-waqf-header>.-container>.menu-list .-waqf-headerbar {
    display:flex;
    flex-direction:column;
    margin:0 auto;
    color:#fff;
    text-align:center;
    padding-inline:22px}

header.-waqf-header>.-container>.menu-list .-waqf-headerbar>strong {
    font-size:16px;
    font-weight:500
}

header.-waqf-header>.-container>.menu-list .-waqf-headerbar>strong>a {
    color:#fff
}

header.-waqf-header>.-container>.menu-list .-waqf-headerbar>span {
    font-size:17px;
    font-weight:300;
    line-height:1.2;
    margin-top:2px
}

header.-waqf-header>.-container>.menu-list>.-waqf-headerbar-menu {
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
    cursor:pointer
}

.-waqf-rootpage-body-container-verses-introduction {
    margin-top:-30px
}

.-waqf-rootpage-body-container-verses-introduction>svg {
    width:260px;
    height:auto;
    margin-bottom:50px
}

.popup {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:40px 45px;
    border-radius:24px;
    transition:opacity 0.2s ease,visibility 0.2s ease;
    background:#fff;
    display:flex;
    visibility:hidden;
    opacity:0;
    z-index:9999999999;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    width:90%;
    max-width:600px
}

.fade-in-out {
    position:fixed;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    top:0;
    right:0;
    background:#000000e6;
    left:0;
    z-index:20005;
    transition:opacity 0.2s ease,visibility 0.2s ease
}

.-waqf-created-box-share-copyinput.js>input {
    border:1px solid var(--divider);
    border-radius:.5rem
}

.share-waqf {
    margin-bottom:17px;
    font-size:21px;
    font-weight:500;
    color:var(--textcolor)
}

.close {
    font-size:21px;
    background-color:#ff00000d;
    --we:38px;
    width:var(--we);
    height:var(--we);
    color:#f83737;
    border-radius:50%;
    display:flex;
    align-items:center;
    margin-bottom:20px;
    justify-content:center;
    cursor:pointer
}

.popup:after {
    content:'';
    width:85%;
    border-radius:0 0 10px 10px;
    background-color:#d35253;
    height:7px;
    position:absolute;
    top:0
}

.-name-exiest {
    width:100%
}

.fade-in-out.visible {
    opacity:1;
    visibility:visible
}

.popup.visible {
    opacity:1;
    visibility:visible
}

header>.-container>.menu-list>.-menu ul ul.sub-menu {
    position:absolute;
    background-color:#fff;
    font-size:16px;
    box-shadow:1px 16px 22px #2616161a;
    padding:15px;
    overflow:hidden;
    list-style:none;
    width:310px;
    z-index:999;
    margin-left:0;
    border-radius:0 0 var(--miniradius) var(--miniradius);
    top:calc(100% + -9px);
    opacity:0;
    transition:130ms;
    visibility:hidden;
    transform:translate(0,10px);
    transform-origin:top center;
    display:flex;
    flex-direction:column
}

header>.-container>.menu-list>.-menu>.menu-menu-1-container>ul ul.sub-menu>li {
    margin:10px 0;
    opacity:.8;
    transition:var(--transition-time)
}

header>.-container>.menu-list>.-menu ul ul.sub-menu>li:hover {
    opacity:1
}

.-mobile-kit span {
    width:100%;
    height:1px;
    border-radius:.125rem;
    background-color:var(--textcolor);
    transition:transform .4s,background-color .4s,opacity .4s
}

.-mobile-kit {
    display:none
}

.menu-item-has-children {
    display:flex;
    align-items:center
}

.-waqf-created-box-share-body {
    width:100%
}

.-waqf-footer-body .menu-item-has-children:after {
    display:none
}

header>.-container>.menu-list>.-menu ul>li.current-menu-item:after {
    color:var(--uicolor-1)
}

.-waqf-rootpage-body-listen-section {
    padding:30px;
    background:linear-gradient(to bottom,#b95a5508,transparent)
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item {
    margin-bottom:13px
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item+.-waqf-rootpage-body-listen-section-tab-item {
    --uicolor-1:#6c4b4a
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-tab {
    display:flex;
    align-items:center;
    background:var(--alphabg);
    border-radius:var(--miniradius);
    overflow:hidden;
    box-shadow:var(--shadow-elevated-hover);
    cursor:pointer
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-tab>.-waqf-rootpage-body-listen-section-tab-item-tab-arrow {
    width:48px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--uicolor-1);
    margin-inline-end:20px;color:#fff;
    font-size:18px
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-tab>.-waqf-rootpage-body-listen-section-tab-item-tab-name {
    flex:1;
    font-size:16px
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-reciters {
    list-style:none;
    margin:-8px;
    padding-block:10px}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-reciters>li {
    display:flex;
    align-items:center;
    background:var(--alphabg);
    margin:8px;
    border-radius:var(--miniradius);
    padding:0;
    cursor:pointer
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-reciters>li.-selected {
    color:#9b0607
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-reciters>li>.-quran-reciter-thumb {
    width:48px;
    height:58px;
    background-image:var(--background-image);
    background-size:cover;
    background-position:center;
    border-radius:0 var(--miniradius) var(--miniradius) 0;
    margin-inline-end:15px;background-color:#dfd2d1
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-reciters>li>.-quran-reciter-name {
    flex:1;
    font-size:16px;
    font-weight:300
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters {
    list-style:none;
    margin:-10px;
    padding-block:10px}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters>li {
    display:flex;
    align-items:center;
    background:var(--alphabg);
    margin:10px;
    border-radius:var(--miniradius);
    padding:5px 9px;
    cursor:pointer;
    transition:80ms all ease
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters>li:hover {
    background:#ffeded;
    transition:80ms all ease
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters>li>.-quran-chapter-name {
    display:flex;
    flex-direction:column
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters>li>.-separation+.-quran-chapter-name {
    text-align:left
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters>li>.-quran-chapter-name>p {
    margin:0;
    font-size:16px;
    line-height:1;
    margin-bottom:6px
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters>li>.-quran-chapter-name>em {
    font-style:normal;
    font-size:15px;
    font-weight:300;
    text-transform:capitalize;
    line-height:1
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters>li>.-separation {
    flex:1
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters>li>.-quran-chapter-number {
    align-self:start;
    font-size:16px;
    font-weight:300;
    line-height:1
}

.-waqf-rootpage-body-listen-section>.-waqf-rootpage-body-listen-section-tab-item>.-waqf-rootpage-body-listen-section-tab-item-body ul.-chapters>li>* {
    margin:8px
}

.-waqf-rootpage-body-listen-section-tab-item-chapter_data {
    display:none
}

.notification.error {
    padding:7px 25px;
    background:#de3131;
    border-radius:var(--miniradius);
    margin-bottom:20px;
    color:#fff
}

.notification.success {
    padding:10px 25px;
    background:#00c113;
    border-radius:var(--miniradius);
    margin-bottom:20px;
    color:#fff
}

.-listening-verses {
    display:flex;
    flex-direction:column;
    font-size:28px;
    font-family:Kitab Regular;
    padding-block:30px;list-style:none
}

.-listening-verses>li {
    margin-inline-end:auto;margin-bottom:12px;
    cursor:pointer
}

.-listening-verses>li.active {
    color:#991b17
}

.-audio-title-box {
    display:flex;
    flex-direction:column;
    color:#fff;
    align-items:start;
    align-self:start;
    padding-top:8px
}

.-audio-title-box>strong {
    font-weight:500;
    font-size:15px
}

.-audio-title-box>span {
    font-size:15px;
    font-weight:300;
    padding-top:4px
}

.-waqf-rootpage-tasbeeh {
    display:flex;
    background:#ffeded;
    margin:0 auto;
    flex:1;
    border-radius:300px;
    margin-block:auto;padding:50px 50px;
    align-items:center
}

.-waqf-rootpage-body-tasbeeh-container {
    display:flex;
    min-height:calc(100vh - 145px);
    padding:30px
}

.-waqf-rootpage-tasbeeh>.-waqf-rootpage-tasbeeh-body {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-inline:13px}

.-waqf-rootpage-tasbeeh .-waqf-rootpage-tasbeeh-button {
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#704c4a;
    border-radius:50px;
    font-size:28px;
    color:#fff
}

.-waqf-rootpage-tasbeeh>.-waqf-rootpage-tasbeeh-body>.-waqf-rootpage-tasbeeh-count {
    min-width:150px;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    font-size:60px;
    border-radius:var(--largeradius);
    color:var(--uicolor-1);
    padding-inline:20px}

.-waqf-rootpage-tasbeeh>.-waqf-rootpage-tasbeeh-body>.-waqf-rootpage-tasbeeh-up {
    width:150px;
    height:150px;
    display:flex;
    border-radius:150px;
    background:var(--uicolor-1);
    align-items:center;
    justify-content:center;
    font-size:70px;
    color:#fff;
    margin-top:30px
}

.-mobile-user {
    display:flex;
    align-items:center
}

.title.animation-on h1 {
    transition:1s .4s;
    transform:translatey(0);
    visibility:visible;
    opacity:1
}

.title.animation-on .-home-hero-section-body-content-body {
    transition:1s .9s;
    transform:translatey(0);
    visibility:visible;
    opacity:1
}

.title.animation-hidden .-home-hero-section-body-content-body {
    transform:translatey(100px);
    visibility:hidden;
    opacity:0
}

.title.animation-on .-home-hero-section-body-content-buttons {
    transition:.7s .6s;
    transform:translatey(0);
    visibility:visible;
    opacity:1
}

.title.animation-hidden .-home-hero-section-body-content-buttons {
    transform:translatey(100px);
    visibility:hidden;
    opacity:0
}

.-intro-btn-kit {
    display:flex;
    align-items:center;
    background-color:#fff;
    padding:9px 30px;
    gap:10px;
    font-size:16px;
    font-weight:700;
    border-radius:var(--miniradius)
}

.-intro-btn-kitL:hover i {
    transform:translateX(17px)
}

.-intro-btn-kit:hover i {
    transform:translateX(5px)
}

.-intro-btn-kit i {
    transition:var(--transition-time)
}

.-button-ui.-ui-secondary:hover {
    opacity:1
}

.-intro-btn-kit.pro {
    margin-top:20px;
    max-width:fit-content
}

scrath {
    font-weight:800;
    position:relative
}

scrath:before {
    content:'';
    position:absolute;
    width:100%;
    right:0;
    height:13px;
    z-index:-1;
    bottom:15px;
    background-color:#ff8e0a
}

.about-intro {
    display:flex;
    margin:0 -25px
}

.intro_image img {border-radius:var(--largeradius);overflow:hidden;}

.intro_content {
    flex:1;
    align-self:start;
    transition:200ms all ease;
    margin:35px;
    position:sticky;
    top:100px
}

img {
    max-width:100%;
    object-fit:cover;
}

.about-before-title {
    margin:0;
    line-height:1;
    color:var(--uicolor-1);
    text-transform:uppercase;
    letter-spacing:var(--letter-spacing);
    font-size:18px;
    font-weight:700;
    margin-bottom:10px
}

.intro_content h2 {
    font-size:50px;
    font-weight:600;
    margin:0;
    line-height:1.1;
    margin-bottom:20px
}

.intro_content p {
    font-size:22px;
    line-height:1.4;
    margin-bottom:10px;
    color:var(--secondarytext)
}

.single_features {
    font-size:18px;
    font-weight:600
}

.icon-feature span {
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
    margin-inline-end:12px;color:var(--uicolor-1)
}

.icon-feature {
    display:flex;
    align-items:center;
    padding-block:7px}

.icon-feature span i {
    font-weight:500
}

.back-white-kit {
    padding-block:30px}

.--about-features {
    margin-inline:25px
}

.-features-gridboxes-item:hover strong {
    transform:translateY(-8px)
}

.-features-gridboxes-item strong {
    transition:var(--transition-time)
}

.--feature-btn {
    max-width:fit-content;
    padding-top:21px
}

.-button-ui.-ui-color1:hover i {
    transform:translateX(4px)
}

.-button-ui.-ui-color1 i {
    transition:var(--transition-time)
}

.rating-cursol-in-here {
    overflow:hidden;
    padding-bottom:10px;
    padding-inline:10px}

.testi-style1 {
    position:relative;
    transition:all ease .4s;
    border-radius:10px;
    background:#fff;
    box-shadow:0 1px 7px 0 rgb(27 42 82 / 11%)
}

.testi-style1 .testi-content {
    color:var(--secondarytext);
    line-height:1.7;
    font-size:16px;
    font-weight:400;
    max-height:134px;
    overflow:hidden;
    max-width:100%
}

.testi-style1 .testi-text {
    font-size:20px;
    color:var(--white-color);
    line-height:1.5;
    font-weight:200
}

.testi-style1 .testi-client {
    border-radius:20px
}

.testi-style1 .testi-name {
    font-size:18px;
    font-weight:500;
    color:#060606;
    line-height:1.5;
    margin-bottom:-1px
}

.testi-style1 .testi-degi {
    font-size:13px
}

.testi-style1 .testi-degi span {
    font-size:11px;
    color:var(--body-color)
}

.testi-style1 .testi-rating {
    color:#f6b800;
    float:right;
    font-size:12px;
    min-width:max-content
}

.testi-style1 .testi-rating i {
    margin-left:3px
}

.testimonial-carousel-rtl {
    display:flex
}

.reviews-carousel-rtl {
    z-index:12;
    opacity:0;
    flex-wrap:wrap;
    width:100%;
    position:relative
}

.reviews-carousel-rtl .owl-dots {
    display:flex;
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    height:50px;
    margin:0 auto;
    max-width:max-content;
    width:100%;
    justify-content:flex-end;
    align-items:center;
    background:#eee
}

.reviews-steup-rtl {
    overflow:hidden;
    z-index:22;
    background-position:center;
    background-size:cover!important;
    padding:20px;
    margin:-20px
}


section.YC-reviews-section .vs-border-circle {
    width:var(--circle-size,400px);
    height:var(--circle-size,400px);
    max-width:100%;
    max-height:100%;
    border-radius:50%;
    background-color:#fff0;
    border:var(--border-size,45px) solid var(--theme-color2);
    z-index:12;
    position:absolute;
    left:-215px;
    animation:jumpping 6s infinite linear
}

.--single--category--boxitem>a {
    font-size:20px;
    line-height:1.3;
    font-weight:500;
    color:var(--Text-color);
    transition:.2s;
    display:block;
    padding:25px 25px 15px
}

.-YC-Category-Grid-container>.-defult-widgets-title-style-1 .sup-title-widget-defualt {
    color:#e7eeff
}

.-YC-Category-Grid-container .-defult-widgets-title-style-1>.-widgets-h1-title {
    color:#fff;
    text-align:start
}

.-YC-Category-Grid-container .-defult-widgets-title-style-1 .P-content {
    color:#d8d8d8;
    text-align:start;
    margin:20px 0
}

.-YC-Category-Grid-container .-defult-widgets-title-style-1 {
    margin:0;
    min-width:500px;
    margin-inline-end:50px;align-items:flex-start;
    text-align:right;
    position:relative;
    align-content:flex-start;
    place-content:start;
    display:flex
}

.-YC-Category-Grid-container {
    display:flex;
    align-items:center;
    padding-inline-start:60px;padding-inline-end:0;overflow:hidden
}

.-YC-Category-row-v2 .-YC-owl-navs-items>.-YC-owl-Slides-next {
    left:-20px
}

.-YC-Category-row-v2 .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    right:-20px
}

.-YC-Category-Grid-container .-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a {
    background:var(--primary-text);
    color:#fff;
    border-color:#fff
}

.-YC-Category-Grid {
    display:block;
    position:relative
}

.-YC-Category .owl-nav,.-YC-Category-Grid .owl-nav {
    display:none
}

.--category--background {
    padding:80px 0
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-category .-YC-Widgets-Inner-Row {
    padding:0
}

.YC--service--element {
    margin:0 -15px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:30px
}

.--after-intro--box-- {
    position:relative;
    display:block;
    width:50px;
    height:3px;
    background:#eef0f6;
    margin:10px auto 10px
}

.--after-intro--box--:before {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:10px;
    height:3px;
    content:"";
    margin:0 auto;
    transition:all 200ms linear;
    transition-delay:0.1s;
    background-color:var(--tp-common-black)
}

.active .--single--category--boxitem .YC--service-shabe-style .YC-serice-name {
    color:#fff
}

.active .--single--category--boxitem .YC--service-shabe-style .-p-category-desc p {
    color:#fff
}

.active .--single--category--boxitem .YC--service-shabe-style .--after-intro--box--:before {
    background-color:#075f336e
}

.active .YC--service-shabe-style:after {
    transform:scaleX(1) rotateX(0deg);
    opacity:1;
    transition:all 200ms ease
}

span.YC--service-button {
    background:#eef0f6!important;
    color:var(--primary-text)!important;
    margin-top:25px;
    margin-inline-end:0!important}

.-btn-header>a:hover {
    color:var(--tp-common-text)!important
}

.-btn-header>span:hover {
    color:var(--tp-common-text)!important
}

.-YC-WidgetType-benefits .-YC-Category {
    padding-top:120px
}

.-YC-WidgetType-category .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    right:210px
}

.-YC-WidgetType-category .-YC-owl-navs-items>.-YC-owl-Slides-next {
    left:183px
}

span.YC--service-button {
    background:#eef0f6!important;
    color:var(--primary-text)!important;
    margin-top:25px;
    margin-inline-end:0!important}

.-btn--category i {
    font-size:17px;
    line-height:1.5;
    transition:var(--transition-timing)
}

.YC--service-shabe-style:hover .YC-serice-name {
    color:var(--second-color)
}

.YC--service-shabe-style:hover .service--item--icon i {
    color:var(--second-color)
}

.YC--service-shabe-style:hover .-category-button {
    color:var(--second-color)
}

.YC--service-shabe-style:hover .-btn--category i {
    color:var(--second-color);
    animation:0.3s toLeftFromRight linear
}

.YC--service-shabe-style:hover .--YC-before-back {
    transition:transform 0.3s;
    animation:0.3s shake linear
}

.--YC-before-back:after {
    content:"";
    position:absolute;
    width:110px;
    height:110px;
    border-radius:50%;
    z-index:-1;
    background-color:var(--uitrans);
    right:0;
    bottom:-2px
}

section.YC-reviews-section {
    position:relative
}

.reviews-carousel-rtl .owl-dots .owl-dot.active {
    background-color:var(--uicolor);
    width:50px
}

.reviews-carousel-rtl .owl-dots .owl-dot:hover {
    background-color:var(--uicolor)
}

.--rating--widgets--stars-averageList .-Rate-Average-Items {
    padding-inline-start:0;
    border:0
}

.--rating--widgets--stars-result {
    color:var(--primary-text);
    position:relative;
    font-size:28px;
    width:100%;
    display:flex;
    gap:10px;
    align-items:center
}

.Active--Stars {
    position:absolute;
    width:var(--bevalue);
    overflow:hidden;
    left:0;
    top:0
}

.SB--Stars i {
    color:#bbb;
    font-weight:300;
    font-size:19px
}

.Active--Stars i {
    color:#ffc83d
}

.-page--container-sidebars .testi-style1 .testi-name {
    color:var(--primary-text)
}

.testi-client>i {
    font-size:343px;
    color:var(--uicolor);
    transform:rotate(180deg);
    opacity:.03;
    position:absolute;
    top:-129px
}

.review_left {
    position:relative;
    margin-bottom:20px;
    max-width:fit-content;
    overflow:hidden;
    line-height:1.5
}

.review_l {
    flex:1
}

.review_image img {
    border-radius:50%;
    --we:60px;
    width:var(--we);
    height:var(--we)
}

.review_image {
    margin-inline-end:9px;--we:100ox;
    width:var(--we);
    height:var(--we)
}

.YC-reviews- {
    display:flex;
    flex-wrap:wrap;
    margin-top:150px
}

.-customer-image {
    margin-top:-75px;
    max-width:600px
}

.YC-reviews- .-YC-owl-navs-items {
    display:flex;
    margin-inline-end:-50px;position:absolute;
    z-index:9;
    top:265px;
    right:-82px;
    background:#fff;
    max-width:max-content;
    margin-inline-start:auto;padding:20px;
    gap:2rem
}

.YC-reviews-right {
    flex:1;
    max-width:810px;
    background:var(--background);
    position:relative;
    padding:80px;
    padding-inline-start:140px}

.YC-reviews-right .-YC-owl-navs-items>.-YC-owl-Slides-next,.YC-reviews-right .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    border:none;
    background:none;
    font-size:34px;
    color:var(--primary-text);
    position:relative;
    transform:none
}

.reviews-carousel-rtl .owl-dot {
    border:0;
    margin:0;
    border-radius:0;
    background:none;
    position:relative;
    width:15px;
    height:15px;
    transition:none;
    display:flex;
    background:#8e8d8a;
    align-items:center;
    margin:0 5px;
    transition:180ms all ease;
    border-radius:var(--miniradius)
}

.testi-work {
    color:var(--secondarytext);
    font-size:14px;
    font-weight:400
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-customerreviews .-defult-widgets-felx-style-1 {
    margin-bottom:35px
}

.rating-cursol-in-here.owl-rtl {
    --el-w:433px;
    min-width:var(--el-w);
    max-width:var(--el-w);
    opacity:0
}

.rating-cursol-area-in {
    position:relative;
    overflow:hidden;
    padding:88px 4px;
    margin:0 65px;
    margin-bottom:-50px;
    padding-top:10px
}

.--YC-rating-content-in {
    padding:30px 30px 20px;
    position:relative;
    z-index:1
}

.--YC-rating-content-in>i {
    position:absolute;
    right:22px;
    font-size:49px;
    top:15px;
    border-radius:50%;
    z-index:-1;
    color:#e4e4e4;
    display:flex;
    align-items:center;
    justify-content:center
}

.rating-cursol-area-in .owl-dots {
    display:none
}

.rating-cursol-area-in .owl-dot {
    --we:9px;
    width:var(--we);
    height:var(--we);
    border-radius:8px;
    cursor:pointer;
    margin:0 8px;
    background:#bfbfbf;
    transition:all 150ms ease 0s
}

.rating-cursol-area-in .owl-dot.active {
    background:var(--uicolor);
    opacity:1;
    --we:8px;
    height:var(--we);
    width:var(--we);
    display:inline-block;
    outline:1px solid var(--uicolor);
    outline-offset:6px;
    margin:0 12px
}

i.fa-solid.fa-star:first-child {
    margin-inline-start:0}

.reviwer-name {
    display:flex;
    padding:20px 30px;
    border-top:1px solid rgb(27 42 82 / .07);
    align-items:center;
    justify-content:space-between
}

.goolge-svg {
    --we:30px;
    width:var(--we);
    height:var(--we);
    line-height:var(--we);
    text-align:start;
    position:absolute;
    right:8%;
    top:83%
}

.-defult-widgets-title-style-1.customerreviews {
    display:flex;
    flex-direction:column;
    align-items:center
}

.-defult-widgets-title-style-1.customerreviews .-YC--main--wep-title- {
    align-items:center
}

.google-customer-review {
    gap:8px;
    display:flex;
    align-items:center;
    justify-content:center
}

.google-customer-review svg {
    --we:56px;
    width:var(--we);
    height:var(--we)
}

.--short-btn-review {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    width:100%;
    padding-top:30px
}

.short-review-title {
    font-size:17px;
    line-height:1.5;
    color:var(--secondarytext)
}

.rating-content-in {
    position:relative
}

.rating-content-in .-YC-cate-navs-items {
    top:25%
}

.review_left {
    display:flex
}

.owl-stage {
    display:flex
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-customerreviews .-defult-widgets-title-style-1 .-widgets-h1-title {
    text-align:center
}

.--shape-form-in {
    display:flex;
    width:100%
}

form.-formkit strong {
    font-size:16px;
    font-weight:500;
    margin-bottom:10px;
}

.owl-nav.disabled {
    display:none
}

.custom-nav {
    display:flex;
    margin-bottom:15px;
    gap:20px
}

.custom-prev {
    border-radius:var(--largeradius);
    background:var(--bgcolor);
    --we:55px;
    font-size:17px;
    width:var(--we);
    display:flex;
    transition:var(--transition-time);
    height:var(--we);
    text-align:center;
    align-items:center;
    justify-content:center
}

.custom-next {
    border-radius:var(--largeradius);
    background:var(--bgcolor);
    --we:55px;
    font-size:17px;
    width:var(--we);
    display:flex;
    cursor:pointer;
    height:var(--we);
    text-align:center;
    transition:var(--transition-time);
    align-items:center;
    justify-content:center
}

.custom-prev:hover {
    background-color:var(--uicolor-1);
    color:#fff
}

.custom-next:hover {
    background-color:var(--uicolor-1);
    color:#fff
}

.-home-section-item:last-child {
    background:none
}

footer.-waqf-footer .-container .-waqf-footer-body {
    margin:0;
    position:relative;
}

.-waqf-footer-body-company {
    margin-bottom:60px;
    display:flex;
    flex-direction:column;
    gap:14px;
    max-width:469px
}

.-waqf-footer-body-company-text {
    font-size:17px;
    margin:0;
    font-weight:400;
    color:var(--secondarytext);
    max-width:336px;
    line-height:1;
}
.--paner-content {position:relative;overflow:hidden;border-radius:var(--largeradius);border:1px solid #121212;margin-top:70px;height:370px;background-repeat:no-repeat;background-position:center;background-size:cover;}

.-first-paner-img {
    height:auto;
    width:126px;
    transition:var(--transition-time);
    position:absolute;
    right:0;
    top:-229px;
    transform:rotate(28deg)
}

.-second-paner-image {
    height:auto;
    transition:var(--transition-time);
    width:120px;
    bottom:-54%;
    position:absolute;
    left:158px;
    transform:rotate(345deg)
}

.paner-all-content-in {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    max-width:680px;
    font-weight:600;
    position:relative;
    max-height:304px;
    overflow:hidden
}

.-paner-description {
    font-size:20px;
    font-weight:400;
    color:var(--secondarytext)
}

.-paner-before-title {
    font-size:20px;
    font-weight:700;
    margin-bottom:15px;
    background-color:#e8d7fb;
    display:flex;
    gap:10px;
    padding:9px 28px;
    border-radius:30px;
    align-items:center;
    justify-content:center
}

.-paner-title {
    font-size:57px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:12px
}

.--paner-content:hover .-first-paner-img {
    top:-150px;
    right:60px
}

.--paner-content:hover .-second-paner-image {
    bottom:-30%;
    left:153px
}

.-div-paner-shape- {
    position:absolute;
    top:14%;
    right:74%;
    animation:moving 9s linear infinite;
    padding:73px;
    background:#116d6287;
    border-radius:50%;
    height:100px
}

.-div-paner-shape-.\31 anmy {
    position:absolute;
    top:59%;
    right:17%;
    padding:40px;
    background:#3f5d5987;
    border-radius:50%;
    animation:movingleftright1 infinite 18s;
    height:78px
}

.--main-video-for-ice-cola {
    height:290px;
    background-position:center center;
    background-attachment:fixed;
    margin-bottom:-50px;
    position:relative;
    z-index:-4
}

.--Iframe-video {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
}

.--Iframe-video video {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    object-fit:cover;
    background-attachment:fixed
}

.--Iframe-video:before {
    content:'';
    background:rgb(0 0 0 / 47%);
    width:100%;
    height:100%;
    position:absolute;
    z-index:1
}

.-ice-cola-features {
    overflow:hidden
}

.--custonm-click {
    display:flex;
    justify-content:space-between;
    transform:translateY(160px);
    z-index:1;
    opacity:0;
    visibility:hidden;
    transition:var(--transition-time);
    position:relative
}

.-ice-cola-features:hover .--custonm-click {
    opacity:1;
    visibility:visible
}

.--page--img-content {
    display:flex;
    margin-inline:-25px;margin-bottom:100px
}

.--page-img-journy {
    width:900px;
    border-radius:var(--largeradius);
    overflow:hidden;
    margin-inline:25px}

.-page-journy-content {
    position:sticky;
    height:fit-content;
    top:77px;
    margin:0 25px;
    max-width:710px
}

.--journy-title {
    font-size:50px;
    font-weight:400;
    line-height:1.3;
    color:var(--uicolor-1);
    margin-bottom:15px
}

.--journy-description {
    font-size:20px;
    color:var(--secondarytext);
    font-weight:500
}

.--page--img-content:nth-child(even) {
    flex-direction:row-reverse
}

.--ice-cola-page-intro {
    margin-bottom:80px;
    overflow:hidden;
    position:relative
}

.YC-BreadCrumb {
    display:flex;
    justify-content:center;
    color:#fff
}

.--page-title-content- h1 {
    font-size:70px;
    font-weight:700;
    color:#fff
}

.--background-couses {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    z-index:-1;
    background-repeat:no-repeat;
    background-attachment:fixed
}

.-page-hero {
    width:100%;
    height:100%;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:center center;
    padding-block:100px}

.--page-title-content- {
    display:flex;
    flex-direction:column;
    align-items:center;
    z-index:9;
    max-width:700px;
    position:relative
}

.--ice-cola-page-intro:before {
    content:'';
    background:#00000069;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    z-index:0
}

.-explore-it .-features-gridboxes {
    display:flex;
    width:100%;
    gap:30px
}

.-page-hero .-container {
    display:flex;
    justify-content:center
}

.contact-map iframe {
    width:100%
}


.--ice-cola-back-ground-intro {
    height:1000%;
    width:273%;
    position:absolute;
    animation:moveUp 24s linear infinite;
    right:0;
    top:-160%;
    transform:rotate(45deg);
    background-repeat:repeat;
    background-size:1002px 569px;
    z-index:-1;
    background-position:center
}

.-home-hero-section-outer:before {
    content:'';
    background:#000000ab;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:0
}

.-lang-btn {
    display:flex;
    height:36px;
    align-items:center;
    font-weight:500;
    font-size:17px;
    background:var(--bgcolor);
    border-radius:var(--circularradius);
    padding-inline:14px 17px;gap:11px;
    color:var(--secondarytext);
    box-shadow:var(--shadow-elevated);
    cursor:pointer;
    border:1px solid var(--divider)
}

.-user>a {
    color:#fff
}

.--ice-cola-img {
    position:absolute;
    transition:var(--transition-time);
    width:128px;
    right:-55px;
    top:141px
}

.-features-gridboxes-item:hover .--ice-cola-img {
    top:9%;
    right:0
}

.--product-enmy {
    display:flex;
    align-items:center;
    flex-wrap:wrap
}

.-proudct-enmy-item {
    flex:1;
    min-width:277px;
    max-width:404px;
    padding-inline:20px;margin-bottom:20px
}

.-proudcts-enmy-space {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
    text-align:center
}

.--item-enmy-img img {
    width:100px;
    height:auto
}

.--pro-title {
    font-size:30px;
    font-weight:600;
    color:var(--uicolor-1);
    margin-bottom:6px
}

.--pro-des {
    font-size:18px;
    color:var(--secondarytext);
    max-width:275px
}

.-proudcts-enmy-space:hover .--item-enmy-img {
    transform:scale(1.2) rotate(6deg)
}

.--item-enmy-img {
    transition:var(--transition-time)
}

.pro-on {
    transition:0.6s .5s;
    transform:translatey(0);
    visibility:visible;
    opacity:1
}

.pro-hid {
    transform:translatey(-100px);
    visibility:hidden;
    opacity:0;
    transition-delay:0.3s;
    transition:.6s .5s
}

.-switch-languages {
    position:relative
}

.--switch-lang {
    padding:15px 20px;
    background-color:#fff;
    border-radius:var(--miniradius);
    position:absolute;
    transition:all 80ms ease-in-out;
    width:100%;
    top:140%;
    visibility:hidden;
    opacity:0;
    transform:translateY(10px);
    box-shadow:2px 5px 11px #00000014
}

.--flag-lang {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
    font-size:19px;
    font-weight:600;
    cursor:pointer;
    flex-direction:row-reverse
}

.--flag-lang:last-child {
    margin-bottom:0
}

.-switch-languages.-active .--switch-lang {
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}

.--flag-lang>a:hover {
    color:var(--uicolor-1)
}

.--flag-lang a {
    color:var(--text-color)
}

.--intro-slider-master- {
    width:100%;
    position:relative;
    min-width:100%;
    align-items:flex-start;
    opacity:1;
    transition:opacity 1s;
    overflow:hidden;
}

.--intro-home-page {
    position:relative
}

.intro-home-page-slider {
    display:flex;
    width:100%;
    justify-content:center;
    align-items:flex-start;
    overflow:hidden
}

.--back-intro-shadwo {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background:radial-gradient(circle,#0000008a 34%,rgb(0 0 0 / 81%) 82%);
    top:0;
    opacity:.8;
    right:0;
    z-index:-2;
    overflow:hidden;
    --bg-trans:#ffffff1f
}
.--post-title h1 {
    font-size:82px;
    font-weight:700;
    line-height:1.3;
    text-align:start;
    margin-bottom:11px;
    color:#ffffff0a;
    transition-delay:0.7s;
    background:linear-gradient(88deg, #ffffff, #bbbaba);
    -webkit-background-clip:text;
    background-clip:text;
    display:inline-block;
}

.-intro-descrption {
    font-size:17px;
    line-height:1.6;
    font-weight:300;
    text-align:start;
    color:var(--secondarytext);
    max-width:600px;
    transition-delay:0.9s;
    margin-bottom:35px;
}

.--intro-flex-content {
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    max-width:615px;
}

.--intro-category-link {
    display:flex;
    padding:11px 25px;
    font-size:16px;
    font-weight:400;
    align-content:center;
    background:var(--uicolor);
    align-items:center;
    color:#fff;
    flex-wrap:wrap;
    position:relative;
    transition:180ms all ease;
    border-radius:var(--miniradius);
    overflow:hidden;
    border:1px solid var(--uicolor);
    !;!importan}

.--intro-btns {
    display:flex;
    column-gap:12px;
    align-items:center;
    margin-top:1px;
}

.-btn-all-in {
    display:flex;
    align-items:center;
    z-index:1;
    gap:10px
}

.owl-rtl {
    direction:rtl
}

.Intro--sliderArea {
    opacity:0;
    display:flex;
    width:100%;
    flex-direction:column;
    position:relative;
    align-items:flex-start;
    overflow:hidden;
    height:100vh;
}

header>.-container>.menu-list>.-menu>ul>li {
    display:flex;
    margin:0 3px;
    padding:21px 0;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start
}

.-Show-SubMenu-Icon {
    height:fit-content;
    margin-bottom:-12px;
    display:flex;
    font-size:13px;
    align-items:center;
    margin-top:-6px
}

.owl-nav {
    display:none
}

.Intro--sliderArea .owl-dots {
    position:absolute;
    width:100%;
    left:0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    bottom:15%;
    flex-direction:row;
    align-items:flex-end
}

.--category-intro-btn a:before {
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:0%;
    height:100%;
    background-color:#fff;
    transition:all 0.3s;
    border-radius:3px;
    z-index:0
}

.--intro-category-link:hover:before {
    width:100%
}

.--intro-category-link:hover {
    color:var(--uicolor-1)
}

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

.-minimal-header .-button-ui.-ui-secondary:hover {
    color:#fff
}

.-after__intro-container {
    display:block;
    max-width:445px;
    position:relative;
    z-index:1;
    text-align:start
}

.-after__intro-container>.-widget-after-intro-h1>c--color {
    color:var(--uicolor);
    margin-inline-start:10px;font-weight:700
}

.-defult-intro-title-URL .--in--left--button-title a,.-defult-intro-title-URL .--in--left--button-title:hover a {
    color:#fff
}


.-contact-style-bg {
    position:absolute;
    height:360px;
    width:200px;
    border-radius:220px;
    opacity:.01
}

.-contact-style-4 {
    left:calc(50% + 200px);
    transform:translateX(-50%) rotate(45deg);
    bottom:170px;
    background:var(--uicolor2)
}

.-contact-style-3,.-contact-style-bg.-contact-style-1 {
    transform:rotate(-20deg);
    background:var(--primary-text)
}

.-contact-style-3 {
    left:20px;
    top:-200px
}

.-contact-style-bg.-contact-style-1 {
    right:15px;
    bottom:-380px
}

.-contact-style-2 {
    left:calc(50% - 190px);
    transform:translatex(-50%) rotate(45deg);
    background:var(--uicolor2)
}

.-YC-after__intro_SVG {
    display:block;
    min-width:270px;
    margin-inline-start:40px}



.--in--left--button-title>p {
    display:flex;
    flex-direction:column
}


.about_lists-style1:hover:before {
    top:0;
    width:100%;
    height:100%
}

.about_lists-style1>h4 {
    font-size:16px;
    font-weight:700;
    line-height:28px;
    color:var(--primary-text);
    margin-bottom:5px;
    transition:.4s ease-in-out;
    position:relative
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-after__intro .--in--left--button-title>p>a {
    font-size:22px;
    font-weight:900;
    font-family:var(--f-number);
    letter-spacing:1px;
    margin-inline-end:0;box-shadow:none!important;
    padding:0;
    color:var(--secondarytext)
}

.about_icon:hover {
    transform:translateY(-8px)
}

.--in--left--button-title>i {
    --el-w:60px;
    width:var(--el-w);
    height:var(--el-w);
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    color:var(--whatsapp);
    border-radius:50%;
    font-size:26px;
    font-weight:800;
    padding-top:3px;
    padding-inline-start:2px;margin-inline-end:20px;border:2px solid var(--whatsapp);
    z-index:1;
    transition:180ms all ease
}

.about_icon i {
    width:1em;
    height:1em;
    position:relative;
    display:block;
    font-size:35px
}

.--intro--background {
    position:relative;
    text-align:center;
}

.third--image-left--after-intro {
    text-align:right
}

.back-after-intro {
    position:absolute;
    left:-220px;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    z-index:-1
}

.-after__intro-container>.-pp-content {
    font-size:17px;
    line-height:1.5;
    color:var(--second-text-color);
    font-weight:400;
    margin-bottom:30px;
    position:relative;
}

.about_lists-title {
    color:var(--second-text-color););)
    --second-text-color;);
    font-size:16px;
    font-weight:600;
    line-height:1.5;
    display:flex;
    gap:17px;
    align-items:center;
}


.--in--left--button-title:hover>i {
    background:var(--whatsapp);
    color:#fff
}

.--yc-after-intro-call>span:first-child {
    font-size:14px;
    font-weight:600;
    margin-bottom:5px;
    line-height:1.5
}

.--yc-after-intro-call>span {
    color:var(--secondarytext);
    display:flex;
    flex-direction:column;
    font-size:20px;
    font-weight:600
}

.--in--left--button-title a:hover>i {
    background:var(--whatsapp);
    color:#fff
}



.--image-after-intro-- {
    position:absolute;
    right:0;
    bottom:-100px;
    border-bottom-left-radius:60px;
    overflow:hidden;
    z-index:2
}

.--yc-after--intro-image-- {
    display:block;
    position:relative
}

.first--image-left--after-intro img {
    border-radius:var(--miniradius);
    box-shadow:var(--faq-shadow)
}

.first--image-left--after-intro {
    position:relative;
    display:block;
    max-width:max-content
}

.--image-after-intro--- {
    position:absolute;
    right:0;
    bottom:-100px;
    border-bottom-left-radius:60px;
    overflow:hidden
}

.--after-experince-banar-- {
    position:absolute;
    top:30px;
    right:0;
    display:flex;
    align-items:center;
    padding:25px;
    border-radius:var(--largeradius) var(--largeradius) 0 var(--largeradius);
    z-index:2;
    background:var(--tp-common-black);
    color:var(--tp-common-text)
}

.--after-experince-banar--:before {
    position:absolute;
    top:8px;
    left:8px;
    bottom:8px;
    right:8px;
    border:2px dashed var(--tp-common-text);
    border-radius:inherit;
    content:"";
    opacity:.7
}

span.--years-number-- {
    font-size:20px;
    font-weight:500;
    max-width:80px;
    line-height:1.4;
    text-align:start
}

span.--years-experince-- {
    font-size:55px;
    font-weight:800;
    margin-inline-end:13px;font-family:var(--f-number)
}

.-after__intro-contain--lists {
    display:flex;
    flex-wrap:wrap
}
.-defult-intro-title-URL>.--Parent-URL-BTN>a>span {
    margin-inline-end:9px
}

.-defult-intro-title-URL>.--Parent-URL-BTN>a:hover:after {
    transform:scaleY(1);
    transform-origin:top
}

.--back-ground-after-into- {
    position:absolute;
    left:0;
    top:0;
    opacity:.05
}

.--in--left--button--after-intro>a>i {
    --el-w:58px;
    width:var(--el-w);
    height:var(--el-w);
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--whatsapp);
    font-size:28px;
    font-weight:800;
    margin-inline-end:15px;background:#fff;
    border-radius:50%;
    border:2px solid var(--whatsapp);
    transition:all 180ms ease 0s;
    font-weight:500;
    padding-top:3px;
    padding-inline-start:3px}

.--in--left--button--after-intro>a:before {
    content:"";
    display:block;
    position:absolute;
    border:2px solid var(--whatsapp);
    inset:-20px;
    border-radius:50%;
    animation:1.5s linear infinite animate;
    opacity:0;
    --yyj:58px;
    width:var(--yyj);
    height:var(--yyj);
    top:-2px;
    right:-2px
}

.--in--left--button--after-intro:hover>a>i {
    background:var(--whatsapp);
    color:#fff
}

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

.-defult-intro-title-URL .-defult-widgets-title--URLArea-v1 {
    flex-direction:row;
    gap:15px;
    align-items:center
}

.-defult-intro-title-URL .main-ket-button_1 {
    margin-inline-end:10px}

.--in--left--button-title {
    display:flex;
    transition:350ms ease;
    border-radius:50px;
    position:relative;
    align-items:center;
    margin-inline-start:15px;background-color:var(--whatsapp);
    background-size:100% auto
}

.--in--left--button-title:before {
    display:block;
    position:absolute;
    border:2px solid var(--whatsapp);
    border-radius:50%
}

.--in--left--button--after-intro>a:before,.--in--left--button-title:before {
    content:"";
    inset:-20px;
    animation:1.5s linear infinite animate;
    opacity:0;
    --yyj:58px;
    width:var(--yyj);
    height:var(--yyj);
    top:-2px;
    right:-2px
}

.-Intro-slider-URLArea,.-Intro-slider-URLArea a {
    display:flex;
    align-items:center;
    position:relative;
    align-content:center
}

--in--left--button-title>a>i {
    --el-w:58px;
    width:var(--el-w);
    height:var(--el-w);
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--whatsapp);
    font-size:28px;
    margin-inline-end:15px;background:#fff;
    border-radius:50%;
    border:2px solid var(--whatsapp);
    transition:180ms;
    font-weight:500;
    padding-top:3px;
    padding-inline-start:3px}

.--in--left--button-title:hover>a>i {
    background:var(--whatsapp);
    color:#fff
}

.-Intro-slider-URLArea a p {
    font-size:24px;
    font-family:var(--f-number);
    font-weight:600
}

.-defult-intro-title-URL .--in--left--button-title a i {
    --el-w:60px;
    width:var(--el-w);
    height:var(--el-w);
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--whatsapp);
    font-size:24px;
    margin-inline-end:15px;background:#fff;
    border-radius:50%;
    border:2px solid var(--whatsapp);
    transition:180ms;
    font-weight:500;
    padding-top:3px;
    padding-inline-start:3px;background-color:#fff;
    position:relative
}

.--in--left--button-title>a>p {
    color:#fff;
    font-size:19px;
    line-height:1.5;
    font-weight:600;
    margin-inline-end:18px}

.--in--left--button-title>a {
    display:flex;
    align-items:center
}

.-YC-WidgetType-after__intro .btn-ket_1 {
    margin-inline-end:20px;margin-bottom:0
}

.-YC-WidgetType-after__intro .btn-ket_2 {
    margin-bottom:0
}

.-widget-after-intro-h1 {
    line-height:1.4;
    font-size:48px;
    font-weight:700;
    color:var(--textcolor);
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    max-width:540px;
    margin:auto;
}

.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a>i {
    margin-inline-start:6px;
    font-weight:400;
    font-size:18px
}


.-defult-widgets-title-style-1 .-widgets-h1-title {
    font-size:40px;
    font-weight:800;
    text-align:start;
    line-height:1.6;
    margin-bottom:30px;
}


.P-content {
    .P-content {
        max-width:600px;
        text-align:start;
        color:var(--secondarytext);
        font-weight:300;
        font-size:19px;
        line-height:1.6
    }

    
    
    
    
    
    
    max-width:600px;
    text-align:start;
    color:var(--secondarytext);
    font-weight:300;
    font-size:16px;
    line-height:1.6;
    overflow:hidden
}

.-defult-widgets-title-style-1 {
    text-align:center;
    display:flex;
    flex-direction:column;
}


.-defult-widgets-title--URLArea-v1 {
    display:flex;
    gap:20px;
    flex-direction:column;
    align-items:flex-end
}

.sup-title-widget-defualt {
    font-size:15px;
    color:var(--uicolor);
    font-weight:700;
    margin-bottom:8px;
    text-align:start
}

.container.largerContainer .-YC-FaqsSimple-SVG-s1 {
    min-width:700px
}

.--images--contact--page {
    position:absolute;
    bottom:30px;
    right:30px
}

.--images--contact--page>a {
    display:flex;
    align-items:center;
    background:#fff;
    padding:15px;
    border-radius:var(--largeradius)
}

.--images--contact--page>a>i {
    --el-ww:60px;
    width:var(--el-ww);
    height:var(--el-ww);
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--uicolor);
    color:#fff;
    font-size:25px;
    font-weight:400;
    border-radius:50%;
    margin-inline-end:15px;padding-top:3px;
    padding-inline-start:2px}

.--images--contact--page>a>p {
    display:flex;
    flex-direction:column;
    margin-inline-end:10px}

.--images--contact--page>a>p>span {
    font-size:13px;
    color:var(--secondarytext);
    margin-bottom:5px
}

.--images--contact--page>a>p>strong {
    font-size:26px;
    font-family:var(--f-number)
}


.--count--contain {
    display:flex;
    align-items:flex-end;
    font-size:17px;
    margin-bottom:17px
}

.--count--contain>strong {
    font-family:var(--f-number);
    font-size:60px;
    margin-inline-end:15px;line-height:48px
}

.icon {
    margin-inline-end:10px;background:#fff;
    padding:4px;
    border-radius:50%;
    font-size:13px;
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center
}

footer .-Show-SubMenu-Icon {
    display:none
}

.-waqf-footer ul.sub-menu>li>a {
    font-size:15px
}

.-YC-owl-Slides-next.-custom-owl-Slides-next {
    left:7px
}

.-pages-intro-body {
    padding-top:0px;
    text-align:center
}

.--pages-content-in>h1 {
    color:#fff;
    font-size:70px;
    margin-bottom:32px;
    max-width:720px;
    display:flex;
    gap:8px;
}

.-pagees-breadcrump-content-in {
    background:#e9e9e9;
    padding:13px 0
}

.--blog-wrap-flexability {
    padding:80px 0
}

header>.-container>.menu-list>.-menu ul.sub-menu>li.current-menu-item>a {
    color:var(--textcolor)
}

.--blog-wrap-flexability .-YC-FaqsSimple-ItemsCenter-v1 {
    max-width:100%
}

.-xtitens-button--phones>a {
    position:fixed;
    bottom:95px;
    right:15px;
    --we:60px;
    width:var(--we);
    display:flex;
    height:var(--we);
    z-index:99;
    background:var(--uicolor);
    color:#fff;
    align-items:center;
    justify-content:center;
    font-size:24px;
    border-radius:50%;
    );)}

.footer-header {
    display:flex
}

.--xtitlens--whatsapp-button>a {
    position:fixed;
    right:15px;
    background:var(--whatsapp);
    bottom:22px;
    --we:60px;
    width:var(--we);
    height:var(--we);
    z-index:99;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:29px;
    border-radius:50%
}

.--category-page {
    padding-block:80px
}

.-logo {
    position:relative;
}

.--open-searching-:hover {
    background:#fcfafa;
    border-color:#ececec
}

headr.hidemenu .menu-list:before {
    opacity:1
}

header>.-container>.menu-list>.-menu ul>li>a:hover:before {
    width:100%
}

header>.-container>.menu-list>.-menu ul>li>a {
    position:relative
}

ul.sub-menu>li>a:before {
    display:none
}

.class-slider {
    position:absolute;
    z-index:1;
    top:50%;
    color:#fff;
    display:flex;
    align-items:center
}

.-prev-owl-Slides-prev {
    color:#ffffff4a;
    right:7%;
    position:absolute;
    font-size:30px;
    cursor:pointer;
    transition:var(--transition-time)
}

.-prev-owl-Slides-next {
    color:#ffffff4a;
    left:7%;
    position:absolute;
    cursor:pointer;
    transition:var(--transition-time);
    font-size:30px
}

.-prev-owl-Slides-next:hover {
    color:#fff
}

.-prev-owl-Slides-prev:hover {
    color:#fff
}

.search_header.open .-container {
    width:100%
}

.--intro-category-link:hover {
    background:#1f1f1f;
    border-color:#1f1f1f
}

.slider-btn-right>a {
    background:#fff0;
    border:1px solid #fff
}

.--pages-item {
    background:linear-gradient(17deg,#89775e 0%,#d4d1c6 100%)
}

.-before-inro-title {
    color:#fff;
    background:var(--uicolor);
    padding:10px 21px;
    border-radius:var(--miniradius);
    line-height:1.5;
    font-size:15px
}

.-home-section-item {
    padding-block:80px;
    position:relative;
    }


.btn-ket_1:hover {box-shadow:rgb(0 37 255 / 69%) 0px 8px 40px 0px, rgb(255 255 255 / 22%) 0px 0px 10px 1px inset, rgb(0 4 255 / 15%) 0px 0px 0px 4px;}


.-defult-widgets-felx-style-1 {
    display:flex;
    justify-content:flex-start;
    margin-bottom:55px;
    flex-direction:column;
    align-items:center;
}

.-defult-widgets-title-style-1.value:after {
    background:#fff
}

.sup-title-widget-defualt.value {
    color:#fff;
    font-weight:400;
    margin-bottom:5px
}

h2.-widgets-h1-title.value {
    color:#fff;
    margin-bottom:7px;
    font-weight:400
}

.P-content.value {
    margin-bottom:0;
    text-align:center;
    font-size:16px;
    line-height:1.6;
    color:var(--second-text-color);
    font-weight:400;
    max-width:100%;
}

.-image-value {
    padding-top:20%;
    background-image:var(--bg-intro);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    border-radius:var(--miniradius);
    opacity:1;
    width:665px
}

.--value-flex {
    display:flex;
    gap:25px;
    flex-wrap:wrap;
    overflow-x:clip;
}

.--val-icon i {
    font-size:35px;
}

.--mostklon h3 {
    font-size:29.1px;
    font-weight:800;
    color:#fff;
    margin-bottom:10px;
    line-height:35px;
}

p.--value-des {
    font-size:17px;
    color:#fff;];
    font-weight:200;
    text-align:center;
    margin-bottom:0;
}

.--mostklon {
    display:flex;
    flex-direction:column;
    align-items:center;
    position:relative;
    padding:27px;
    border-radius:var(--largeradius);
    justify-content:center;
    background:linear-gradient(180deg, #0F1015, #24282B);
    border:1px solid;
}


.--team-Center-area {
    display:flex;
    gap:40px;
    flex-wrap:wrap;
    align-items:center;
}



.-blog-gridboxes>.-blog-gridboxes-item>a>.-blog-gridboxes-item-thumb:hover {
    transform:perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1,1,1)
}


.--logo-fildes-in:hover {
    transform:translateY(-12px);
    box-shadow:0 16px 10px rgb(16 24 40 / 5%)
}

ul.top-arefooter {
    display:flex;
    flex-direction:column;
    margin:0!important
}

.--footer-contact-us {
    max-width:285px;
    min-width:260px;
    flex:1;
    margin:15px;
    margin-inline-start:17px;
}

.menu-menu-2-container {
    flex:1;
    min-width:324px;
}

.contfooter {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:17px;
    font-weight:400;
    color:var(--second-text-color)
}

li.-footer-items {
    margin:0!important;
    line-height:1.5;
    padding-block:6px}

.--contanc-head {
    display:block;
    font-size:22px;
    font-weight:600;
    color:var(--textcolor);
    margin-bottom:10px;
    text-align:start
}

.contfooter i {
    font-size:21px
}

.-waqf-footer-body>.-waqf-footer-body-menu>div>ul>li>ul>li>a:hover {
    color:var(--uicolor-1)
}
.current-menu-item>a:before {
    width:100%!important
}

.-page-toper {
    padding-top:80px
}

.--maknuz {
    text-align:center;
    font-size:30px;
    color:var(--textcolor);
    font-weight:500;
    margin-bottom:30px
}

.-BreadCrumb.-BreadCrumb-PT- {
    display:flex;
    gap:5px;
    align-items:center
}

.-BreadCrumb.-BreadCrumb-PT- h1 {
    font-size:15px;
    margin:0
}

.Popver--CoursesAlert {
    --overlay-alpha-80:rgb(0 0 0 / 68%);
    width:100%;
    height:100vh;
    position:fixed;
    z-index:1000000000;
    background:var(--overlay-alpha-80);
    top:0;
    right:0;
    font-family:var(--pluginff)
}

.Popver--CoursesAlert>.PopverInnerElemnt {
    position:absolute;
    min-width:528px;
    top:50%;
    transform:translate(-50%,-50%);
    left:50%;
    background:var(--back-image);
    border-radius:var(--miniradius);
    z-index:1;
    padding:50px;
    display:flex;
    flex-direction:column;
    align-items:center;
    border:var(--border);
}

.Popver--CoursesAlert>.PopverInnerElemnt>.HeadAlert--Popvoer {
    display:flex;
    padding:25px;
    border-bottom:1px solid rgba(0,0,0,.04);
    align-content:center;
    align-items:center
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ContentAlert--Popvoer {
    margin:0;
    padding:30px;
    font-weight:300;
    color:#222;
    font-size:17px
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer {
    display:flex;
    justify-content:flex-end;
    margin:10px 0 15px;
    padding:0 15px
}

.Popver--CoursesAlert.error>.PopverInnerElemnt>.ALertConroller--Popvoer {
    justify-content:center;
    align-items:center;
    align-content:center
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a {
    display:flex;
    padding:13px 22px;
    border-radius:var(--miniradius);
    font-weight:500;
    font-size:16px;
    margin-inline-start:5px;position:relative;
    align-content:center;
    align-items:center;
    justify-content:center;
    color:var(--secondarytext);
    text-decoration:unset;
    overflow:hidden
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a>.InnerLoaderBoxed--Context---overlays {
    position:relative;
    width:24px;
    height:24px;
    margin-right:10px
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a>.InnerLoaderBoxed--Context---overlays .loader {
    width:100%
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a.AlertIsConfirm {
    background:var(--positive);
    color:#fff
}

.Popver--CoursesAlert>.PopverInnerElemnt>.HeadAlert--Popvoer>h2 {
    flex:1;
    font-size:22px;
    font-weight:600;
    margin:0;
    font-family:var(--pluginff)
}

.Popver--CoursesAlert>.PopverInnerElemnt>.HeadAlert--Popvoer>span {
    width:30px;
    height:30px;
    border-radius:50%;
    background:#eee;
    text-align:center;
    display:flex;
    place-content:center;
    align-items:center;
    font-size:17px;
    position:relative;
    cursor:var(--cursor), default;
    ; overflow:hidden
}

.Popver--CoursesAlert>.PopverAlertOverlay {
    position:absolute;
    width:100%;
    height:100%;
}

.Alert-Subs--Popvoer {
    margin:0 auto;
    font-size:21px;
    font-weight:600;
    max-width:280px;
    text-align:center;
    line-height:1.7
}
.--tap-dr {
    opacity:0;
    visibility:hidden;
    transition:opacity 250ms ease-in-out;
    line-height:1.6;
    color:var(--second-text-color);
    font-size:16px;
    font-weight:400;
    height:0;
}
.--tap-dr.active {
    opacity:1;
    visibility:visible;
    height:100%;
}

.-category-definition {
    padding-top:60px;
}

.--image-content {min-width:max-content;margin-inline-end:85px;position:sticky;top:135px;transition:180ms;}

.--def-features {
    display:block;
    max-width:760px;
    top:140px;
    position:relative;
    height:fit-content;
    z-index:1;
    text-align:start;
}

.-def-after-intro-div {
    font-size:40px;
    font-weight:500;
    margin-bottom:25px;
}

.-tap-title- {
    display:flex;
    margin-bottom:15px;
    border:1px solid #d9d9d9;
    width:fit-content;
    border-radius:var(--miniradius);
}

.--tap-cn {
    border-radius:var(--miniradius);
    padding:8px 20px;
    font-size:16px;
    font-weight:400;
    transition:all 100ms ease-in-out;
    cursor:pointer;
}

.--tap-cn.active {
    background:var(--uicolor);
    color:#fff;
    border-radius:var(--miniradius);
    padding:8px 22px;
    font-size:16px;
}

.--def-flex {
    display:flex;
}

.--team-back-img {
    padding-top:36%;
    background-repeat:no-repeat;
    background-position:center;
    border-radius:var(--miniradius);
    HEIGHT:302PX;
    margin-bottom:20px;
    opacity:1;
    position:relative;
    background-size:contain;
}

.--cv-button {
    --we:54px;
    width:var(--we);
    height:var(--we);
    transition:var(--transition-x);
    background:#fff;
    display:flex;
    position:absolute;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    left:3%;
    bottom:3%;
    border-radius:var(--miniradius);
    font-size:21px;
}

.--cv-button:hover {
    background:var(--uicolor);
    color:#fff;
}

.no-scroll {
    overflow:hidden;
}

.popup-overlay {
    top:0;
    position:fixed;
    left:0;
    width:100vw;
    height:100vh;
    background:rgba(0, 0, 0, 0.5);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.--team-seats-cv {
    background:#fff;
    padding:50px 43px;
    top:0;
    max-width:680px;
    width:90%;
    box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);
    position:relative;
    border-radius:8px;
    font-size:16px;
    line-height:1.6;
}

.-close-cv-inner {
    position:absolute;
    top:20px;
    right:25px;
    cursor:pointer;
    font-size:1.5em;
    color:#333;
}


.jop-title {font-size:15px;color:var(--second-text-color);margin-bottom:15px;}

.cv-content {
    font-size:16px;
    line-height:2.2;
    color:#2e2e2e;
    max-height:calc(80vh - 50px);
    overflow-y:auto;
    padding-right:10px;
}


li.menu-item-type-custom:first-child a {
    padding-inline-start:0;
}

header>.-container>.menu-list>.-menu ul>li.current-menu-item:first-child a {
    padding-inline-start:0;
}

a.--first-btn-kit {
    color:#ffffff0a;
    font-size:18px;
    font-weight:500;
    background:linear-gradient(88deg, #ffffff, #909090);
    -webkit-background-clip:text;
    background-clip:text;
    display:inline-block;
}

.site-bar {
    display:flex;
    align-items:center;
}

.site-mab {
    display:flex;
    align-items:center;
}

header>.-container>.menu-list>.-menu>.menu-menu-1-container>ul>li>a:hover {
    color:#fff;
}

header.hidemenu {
    top:-92px;
}

.video-in {
    position:absolute;
    width:100%;
    height:100%;
    right:0;
}

.Intro--slider {
    position:relative;
    width:100%;
    height:100%;
}

video.background-video {
    cursor:auto;
    width:100%;
    height:100%;
    border-radius:0px;
    display:block;
    object-fit:cover;
    background-color:rgba(0, 0, 0, 0);
    object-position:50% 50%;
    transform:scaleX(-1); /* يعيد الاتجاه إلى الطبيعي */
}

.-back-filter-shadwo {
    position:absolute;
}

.-intro-posts-content-in {
    display:flex;
    width:100%;
    height:100%;
    gap:50px;
    justify-content:space-between;
    align-items:flex-end;
}

.-second-btn-all-in {
    transition:opacity 350ms ease-in-out;
    font-size:17px;
    font-weight:700;
    line-height:1.5;
    cursor:pointer;
    border-radius:var(--miniradius);
    color:#fff;
    position:relative;
    overflow:hidden;
}

.countdown {
    display:flex;
    justify-content:center;
    gap:20px;
}

.time {
    background-color:#333;
    color:#fff;
    padding:10px 20px;
    font-size:2em;
    border-radius:5px;
}

#countdown {
  background-color:#ffffff24;
  transition:opacity 350ms ease-in-out;
  padding:10px 14px;
  border-radius:10px;
  box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
  display:inline-block;
  cursor:pointer;
}

#countdown ul {
  list-style-type:none;
  padding:0;
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
}

#countdown ul li {
  margin:0 6px;
  font-size:12px;
  font-weight:bold;
  color:#333;
}

#countdown span {
  font-size:50px;
  color:#ff5722; 
}

#countdown li span {
  font-size:19px;
  color:#fff;
  font-weight:100;
}

#countdown li {
  font-size:16px;
  color:#888;
}

.--intro-features {
    display:flex;
    align-items:center;
    gap:15px;
}

.full_page {
    position:relative;
}


.-raly-logos {
    text-align:center;
}

.-raly-logos {
    overflow:hidden;
}

marquee.-raly-logos-marquee span {margin-inline:15px;}

.full_page {
    mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}


div#countdown:hover {
    opacity:0.7;
}


.-logos-intro-content {
    display:flex;
    gap:15px;
    z-index:2;
    flex:1;
    padding-block:90px;
    align-items:flex-start;
    justify-content:flex-start;
}


.--icon-svg {
    position:absolute;
    top:-53%;
    right:-34%;
}

.--icon-svg:after {
    content:'';
    position:absolute;
    background:linear-gradient(270deg,var(--token-4ba9d2af-bbc9-422d-912b-c0d857289d96, rgba(255, 255, 255, 0)) 0%,var(--token-4ef09f89-9c35-4972-a9c1-8efc95820553, rgba(255, 255, 255, .2)) 50%,var(--token-4ba9d2af-bbc9-422d-912b-c0d857289d96, rgba(255, 255, 255, 0)) 100%);
    width:100%;
}

.--icon-svg:after {
    content:'';
    background:linear-gradient(270deg,var(--token-4ba9d2af-bbc9-422d-912b-c0d857289d96, rgba(255, 255, 255, 0)) 0%,var(--token-4ef09f89-9c35-4972-a9c1-8efc95820553, rgba(255, 255, 255, .2)) 50%,var(--token-4ba9d2af-bbc9-422d-912b-c0d857289d96, rgba(255, 255, 255, 0)) 100%);
    width:100%;
    position:absolute;
    top:49%;
    transform:rotate(323deg);
    height:1px;
    right:0%;
}



.intro_image {
    border-radius:var(--largeradius);
}




.-home-section-item.aboutus:before {
    content:'';
 position:absolute;
    top:0;
    left:50%;  /* Moves the left edge to the center */
    transform:translateX(-50%); /* Shifts it back by half of its width */
    
    border-top:1px solid transparent;
    border-image-source:linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.02) 100%);
    border-image-slice:1;
    border-radius:12px;
    
    width:50%;
}

.-home-section-item.aboutus {
    position:relative;
}


.about_lists-title P {
    margin-bottom:0;
}

span.check-after {
    display:flex;
}

span.--circle-before {
    --we:6px;
    width:var(--we);
    height:var(--we);
    background:#fff;
    border-radius:50%;
}


.title-and-description {
    display:flex;
    margin:0 auto;
    max-width:1474px;
    align-items:flex-end;
    margin-bottom:50px;
    justify-content:center;
}

.svg-title-in svg {
    display:flex;
    transform:rotateY(180deg);
}

.-YC--main--wep-title- {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    height:100%;
    position:relative;
    z-index:99999;
    padding:50px;
    text-align:center;
}

.--title-content {
    margin-bottom:60px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.-widget-after-intro-h1.value {
    align-items:center;
    margin-bottom:15px;
}

p.--value-title {
    color:var(--second-text-color);
    font-weight:600;
    font-size:15px;
    margin-bottom:0;
}


.icon-in-after i {
    font-weight:100;
}
.center .icon-in-after {
    display:block;
}
.--mostklon:hover .icon-in-after {
    opacity:1;
}
.--val-icon svg path {
    fill:#fff;
}
.-home-section-item.our_values:before {
  opacity:0.4;
}

.-stages.-after__intro-image {
    margin-inline-start:85px;
    margin-inline-end:0;
}

.all-stage-content {
    position:relative;
    border-radius:var(--largeradius);
    overflow:hidden;
    border:var(--border);
    margin-bottom:25px;
}

span.shadwo-stage {
    height:1px;
    position:relative;
    width:100%;
}

.--merge-in {
    max-width:1430px;
    min-width:100px;
    margin:0 auto;
    position:relative;
}

.--merge-in:after {
    content:'';
    -webkit-filter:blur(60px);
    background-color:var(--uicolor);
    border-radius:35%;
    bottom:19px;
    filter:blur(60px);
    flex:none;
    height:66px;
    left:calc(13.875%);
    position:absolute;
    width:74%;
    z-index:0;
    animation:pulse 3.5s infinite ease-in-out;
}

.--merge-in svg {
    z-index:1;
    position:relative;
}

c-num {
    font-size:15px;
    font-weight:900;
    font-family:'Cairo', sans-serif;
}

.--paner-content .-defult-widgets-title-style-1 {
    width:100%;
    position:relative;
    justify-content:center;
    height:100%;
    padding:40px;
}
.--paner-content .-defult-widgets-title-style-1:before {
    content:'';
    position:absolute;
    width:100%;
    background:#000000;
    height:100%;
    top:0;
    opacity:0.6;
}
.--paner-content .video-in {transform:rotateY(180deg);}
.-home-section-item.paner > .-container {
    padding-inline:190px;
}

.--paner-content .-widget-after-intro-h1 {
    max-width:704px;
}

.--paner-content .P-content {
    max-width:500px;
}

.-home-section-item.paner {padding-top:0;}





.-service.INNER.stage-step.-widget-after-intro-h4 {
    margin-bottom:15px;
    color:#fff;
    font-weight:600;
    font-size:15px;
    padding:7px 14px;
}




.--pages-content-in {
    display:flex;
    flex-direction:column;
    align-items:center;
    position:relative;
    margin-bottom:70px;
}




.contact-form-after-border {
    max-width:100%;
    width:100%;
}

.contact-form-after-border {
    padding:40px 40px 30px;
    border:var(--border);
    border-radius:23px;
    height:100%;
}

.--inouts-flex > label {
    display:flex;
    flex-direction:column;
    width:50%;
}

.--inouts-flex {
    display:flex;
    gap:15px;
    margin-bottom:30px;
}

.--inouts-flex > label > input {
    width:100%;
}

.--inouts-flex select {
    width:100%;
}


.--feature-content:after {
    content:'';
    width:100%;
    height:1px;
    position:absolute;
    background:linear-gradient(270deg, var(--token-4ba9d2af-bbc9-422d-912b-c0d857289d96, rgba(255, 255, 255, 0)) 0%, var(--token-4ef09f89-9c35-4972-a9c1-8efc95820553, rgba(255, 255, 255, .2)) 50%, var(--token-4ba9d2af-bbc9-422d-912b-c0d857289d96, rgba(255, 255, 255, 0)) 100%);
    bottom:50%;
    right:0;
}

.--social-content:hover {
    color:var(--uicolor);
    transition:var(--transtion-time);
}

.page-contact {
    padding-bottom:100px;
}

.-form-submit .btn-ket_1 {
    width:100%;
    justify-content:center;
}

.-form-submit.--Parent-URL-BTN {
    cursor:pointer;
}

.-blog-gridboxes-item-thumb {
    padding-top:70%;
    background-image:var(--background-image);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    border-radius:20px;
    transition:transform 0.6s ease-in-out, opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
    opacity:0.9;
    position:relative;
    overflow:hidden;
}

.-blog-gridboxes-item-thumb::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    transition:opacity 0.6s ease-in-out;
    opacity:0;
    border-radius:20px;
}

.--port-all-in:hover .-blog-gridboxes-item-thumb {
    transform:scale(1.1);
    opacity:1;
}

.--port-all-in:hover .-blog-gridboxes-item-thumb {
    opacity:1;
}
.portfilio-content-all-in {display:grid;flex:none;gap:20px;grid-auto-rows:minmax(0, 1fr);grid-template-columns:repeat(2, minmax(50px, 1fr));height:min-content;justify-content:center;padding:0;position:relative;width:100%;}

.--port-all-in {
    padding:10px;
    position:relative;
    border:var(--border);
    border-radius:var(--largeradius);
    background:linear-gradient(0.07383128568086761deg, var(--token-64bf095d-9ad7-4fc0-9f3c-f96ec87f9b9b, rgba(0, 85, 255, 0.08)) /* {"name":"Blue 8%"} */ 0%, var(--token-db45a5b7-645b-4156-8616-6cff499bb824, rgba(0, 85, 255, 0.04)) /* {"name":"Blue 4%"} */ 100%);
    overflow:hidden;
}

.-port-title-year {
    position:absolute;
    bottom:4%;
    width:94%;
    right:3%;
    background:radial-gradient(43% 50% at 50% 50%, rgba(9, 9, 18, 0.15) 0%, rgb(9, 9, 18) 100%);
    box-shadow:rgba(0, 85, 255, 0.1) 0px 10px 10px -1px inset;
    background-color:rgb(0, 14, 43);
    color:#fff;
    font-size:18px;
    flex:1 0 0px;
    display:flex;
    padding:17px;
    border-radius:12px;
    backdrop-filter:blur(2px);
    border:1px solid rgb(0 22 66);
}

.-port-category {
    position:absolute;
    top:-12%;
    right:calc(19% - 31.496062992125985% / 2);
}

.-port-package {
    overflow:hidden;
    border-radius:20px;
}

.-port-category {
    font-size:17px;
    font-weight:300;
    margin-bottom:15px;
    gap:10px;
    color:#fff;
    max-width:fit-content;
    border:var(--border);
    transition:all 500ms ease-in-out;
    border-radius:var(--miniradius);
    padding:5px 13px;
    display:flex;
    background:radial-gradient(50% 50% at 50% 50%, rgb(2 24 80 / 98%) 0%, rgb(9, 9, 18) 100%);
    align-items:center;
}

.-port-category:after {
    content:'';
    top:0;
    flex:none;
    height:1px;
    left:calc(30% - 31.496062992125985% / 2);
    position:absolute;
    width:71%;
    background:linear-gradient(90deg, rgba(0, 85, 255, 0) 0%, rgb(0, 85, 255) 50%, rgba(0, 85, 255, 0) 100%);
}

.--port-all-in:hover .--port-all-in {
    top:0;
}

.--port-all-in:hover .-port-category {
    top:5%;
}

.-port-package a {
    overflow:hidden;
}
.-title-post .--pages-content-in {
    align-items:start;
    max-width:400px;
}

.--post-card {
    min-width:443px;
    padding:35px;
    background:rgb(0 85 254 / 11%);
    border-radius:var(--largeradius);
    border:var(--border);
    backdrop-filter:blur(62px);
    margin-inline-start:40px;
}

.-blog-title-in {
    margin-bottom:30px;
    text-align:start;
    color:var(--second-text-color);
    font-size:16px;
    line-height:1.6;
}

.--pages-content-in .--before-title-intro {
    margin-bottom:15px;
}

.--post-image-in {
    padding:10px;
    background:var(--back-image);
    border-radius:var(--largeradius);
    border:var(--border);
}

.-intro-descrption p {
    color:var(--second-text-color);
    font-family:"Bricolage Grotesque", sans-serif;
}

.card_service.last-child {
    margin-bottom:10px;
}

.card_service h4 {
    font-size:19px;
}

.OD-partner.-after_intro--img-point- {
    position:sticky;
    top:98px;
}

.OD-partner.container--intro--items {
    gap:80px;
    justify-content:space-between;
    padding-top:100px;
    padding-bottom:100px;
    position:relative;
}

.OD-partner.container--intro--items:nth-child(even) {
    display:flex;
    flex-direction:row-reverse;
    gap:66px;
}

.OD-partner.-after__intro-image {
    margin:0;
}

.OD-partner.-after__intro-container>.-pp-content {padding:0;margin:0;}


.OD-partner.-after__intro-container>.-pp-content:after {
    display:none;
}

input#phone {
    text-align:end;
}

.alert-if-not-log {
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
    padding:15px;
    border:var(--border);
    border-radius:var(--miniradius);
    background:linear-gradient(180deg, #ff00000f, transparent);
}

.alert-if-not-log i {
    --we:40px;
    width:var(--we);
    height:var(--we);
    display:flex;
    align-items:center;
    color:red;
    font-size:18px;
    background:#fff;
    justify-content:center;
    border-radius:50%;
    /* background:#1b1b1b; */
}

.alert-if-not-log strong {
    margin-bottom:0 !important;!i;!;
}

.success-massege {
    display:flex;
    align-items:center;
    gap:20px;
    padding:22px 36px;
    border:var(--border);
    border-radius:var(--miniradius);
    background:linear-gradient(180deg, #159d211a, transparent);
}

.success-massege i {
    --we:51px;
    width:var(--we);
    height:var(--we);
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:green;
    font-size:24px;
    border-radius:50%;
}

.success-massege strong {
    font-size:17px;
}

.partner-register-area {
    padding-bottom:70px;
}

a.main-odow-btn {
    background-color:#ffffff24;
    transition:opacity 350ms ease-in-out;
    padding:10px 20px;
    border-radius:10px;
    box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
    display:inline-block;
    color:#fff;
    font-size:17px;
    cursor:pointer;
}

a.main-odow-btn:hover {opacity:0.9;}


.-video-margin-im {
    flex:1;
}

.-second-btn-main {
    position:relative;
    display:inline-block;
    border-radius:25px;
    background:linear-gradient(1deg, #00ff0078, #00b30082);
    padding:3px; 
}

.--second-btn-kit {
  display:inline-block;
    padding:10px 18px;
    font-size:18px;
    color:#ffffff;
    background-color:#000;
    border-radius:25px;
    text-decoration:none;
    position:relative;
    transition:all .3s ease;
    font-weight:100;
}
.-second-btn-main a:hover:before {
    background:transparent;
}
.second-name {
    position:relative;
    z-index:2;
}
.-second-btn-main a::before {
    content:"";
    display:block;
    position:absolute;
    width:75%;
    height:119%;
    background:#000000;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) rotate(0deg);
    transition:all 0.3s;
    z-index:1;
}


.intro_img {position:relative;display:flex;margin-top:-36px;width:400px;}



c--color c--color {
    color:var(--uicolor);
    font-style:italic;
    font-family:'GT Super Ds Trial', sans-serif;
}


.center .--mostklon {background:linear-gradient(180deg, #00DE59, #006f3c); /* التدرج الأخضر */box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}

.icon-in-after {
    background:#000;
    padding:8px 25px;
    border-radius:var(--miniradius);
    display:none;
    margin-top:37px;
    color:#fff;
}

.--value-flex .owl-item {
    display:flex;
    align-items:flex-end;
}

.-waqf-footer-body-social {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    font-size:18px;
}

.-waqf-footer-body-social a {
    color:#fff;
    display:flex;
}

a.--footer-btn-kit {
    color:#fff;
    border:1px solid #fff;
    transition:var(--transition-time);
    padding:7px 22px;
    border-radius:var(--largeradius);
    max-width:max-content;
    font-size:16px;
}
.info-services1 {
    position:relative;
    display:flex;
    transition:all 0.5s ease 0s;
    overflow:hidden;
    align-items:center;
    flex-direction:column;
}
.service .img-services-hover .info-services1 {
}
.info-services {
    text-align:center;
    position:relative;
    flex-direction:column;
    transition:all 0.5s ease 0s;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
}
.services .p-block-box {
    position:relative;
    border-radius:6px;
    z-index:0;
    transition:all 0.3s ease 0s;
    width:100%;
}
.services .p-block-box i {
    position:relative;
    background-color:rgb(4, 49, 184);
    left:0px;
    right:0px;
    display:flex;
    border-radius:75px;
    color:rgb(255, 255, 255);
    font-size:42px;
    box-shadow:rgba(98, 141, 251, 0.3) 0px 13px 20px;
    transition:all 0.3s cubic-bezier(0.24, 0.74, 0.58, 1) 0s;
    align-items:center;
    justify-content:center;
}
.info-services1 p {
    color:rgb(90, 96, 121);
    font-size:16px;
    margin:6px 0px;
    padding:0px 10px;
    line-height:26px;
}

.--stage-steps.services {
    display:flex;
    flex-wrap:wrap;
}

.services div:nth-child(2) {
    flex:1;
    width:auto;
}

.-service {
    border-radius:var(--largeradius);
    overflow:hidden;
}

.service {
    display:flex;
    justify-content:space-between;
    background:#141414D6;
}

.service_top {
    display:flex;
    flex-direction:column;
    padding:30px;
    background:var(--uicolor);
    width:50%;
}

.--stage-steps {
    background:var(--uicolor-2);
}

.service .p-block-box {
    flex:1;
}

.container--intro--items {
    max-width:900px;
    margin:auto;
}

.-pp-content {
    font-size:20px;
}

.p-block-box {
    padding:30px;
    height:164px;
    display:flex;
}

.--stage-steps div:nth-child(3) {
    background:var(--uicolor);
}
.--stage-steps div:nth-child(3) .info-services svg {
    width:97px;
    height:90px;
}
.img-services-hover {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    max-width:max-content;
    margin-inline:auto;
}

.service_top .-pp-content {
    font-weight:500;
    max-width:288px;
    font-size:31px;
    display:flex;
    font-family:'Helvetica Neue', sans-serif;
    flex-direction:column;
}
.service .img-services-hover i {
    font-size:25px;
}
.service .img-services-hover {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;];
}

.info-services1 h3 {
    margin-bottom:0;
    font-size:48px;
    color:#fff;
    text-transform:uppercase;
}
.--stage-steps div:nth-child(3) .img-services-hover {
    display:flex;
    flex-direction:row-reverse;
}

.--stage-steps div:nth-child(4) .img-services-hover {}
.--single--category--boxitem {
    display:flex;
    flex-direction:column;
    transition:0.6s;
    transform-style:preserve-3d;
    position:relative;
    border-radius:var(--largeradius);
    box-shadow:0px 0px 30px #00000026;
}
.cat_all:hover .sidea:before  {
    background-color:#000;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    zoom:1;
    opacity:0.8;
    z-index:-1;
}


.cat_all {
    flex:1;
    min-width:350px;
    max-width:440px;
    position:relative;
    overflow:hidden;
}

.-service2 {
    display:flex;
    flex-wrap:wrap;
    gap:60px;
    justify-content:center;
    flex-direction:column;
    max-width:930px;
    margin:auto;
}

.--category--right a {
    color:#fff;
    font-size:20px;
}

.service--item {
    margin-top:10px;
}

.cat_img {
    border:2px solid transparent;
    transition:transform 0.3s ease-in-out;
    overflow:hidden;
}
.border {
  max-height:59px;
  max-width:303px;
  border-radius:11px;
  filter:blur(0.5px);
}
.border::before {
  content:"";
  z-index:-2;
  text-align:center;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) rotate(70deg);
  position:absolute;
  width:600px;
  height:600px;
  filter:brightness(1.3);
  background-repeat:no-repeat;
  background-position:0 0;
  background-image:conic-gradient(
    #1c191c,
    #402fb5 5%,
    #1c191c 14%,
    #1c191c 50%,
    #cf30aa 60%,
    #1c191c 64%
  );
  transition:all 2s;
}


.front .img {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.circle {
  width:90px;
  height:90px;
  border-radius:50%;
  background-color:#ffbb66;
  position:relative;
  filter:blur(15px);
  animation:floating 2600ms infinite linear;
}

#bottom {
  background-color:#ff8866;
  left:50px;
  top:0px;
  width:150px;
  height:150px;
  animation-delay:-800ms;
}



div#category2 .-widget-after-intro-h1 {
    align-items:center;
    max-width:100%;
}



.contact-form.map {
    text-align:center;
}

.button-submit {
    display:flex;
    flex-wrap:wrap;
    gap:30px;
}



.btn-whatsapp a {
    color:#fff;
}


.--category--top a {
    color:#fff;
}

.cat_all2 {
    flex:1;
    min-width:500px;
}

.--category--top {
    text-align:start;
    font-size:44px;
    margin-bottom:15px;
}

.sidea2 {
    display:flex;
    flex-wrap:wrap;
    gap:40px;
    flex-direction:row;
}

.cat_all2 .service--item {
    flex:1;
    text-align:start;
    display:flex;
    flex-direction:column;
    margin-top:18px;
}

.cat_all2 .--single--category--boxitem {
    padding:30px;
    background:var(--uicolor-2);
}
.cat_all2:nth-child(4) .--single--category--boxitem {
    background:var(--uicolor);
}
.cat_all2:nth-child(2)  .--single--category--boxitem {
    background:#fff;
}
.cat_all2:nth-child(2) .--single--category--boxitem .-p-category-desc {
    color:var(--uicolor-2);
}
.cat_all2:nth-child(2) .--single--category--boxitem .list_services ul li {
    color:var(--textcolor-2);
}

.cat_all2:nth-child(2) .--single--category--boxitem .list_services {
    color:var(--textcolor-2);
}
.cat_all2:nth-child(2) .--single--category--boxitem .service--items {
    color:var(--textcolor-2);
}
.-service2 .-p-category-desc {
    text-align:start;
    margin-bottom:25px;
    font-size:15px;
}

.list_services ul {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    padding-inline-start:17px;
}

.list_services ul li {
    flex:1;
    min-width:150px;
    color:var(--secondarytext);
    font-size:16px;
}

.list_services span {
    display:block;
    font-size:19px;
    margin-bottom:25px;
}
.cat_all2:nth-child(even) .--category--top {
    text-align:end;
}

.cat_all2 .cat_img {
    border:none;
}

.connect {
    margin:60px 0;
    text-align:center;
}

.connect c--color c--color {
    color:#000;
    font-style:italic;
    position:relative;
    display:block;
    width:max-content;
    font-family:'GT Super Ds Trial', sans-serif;
}
.connect c--color c--color:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:var(--uicolor);
    top:0;
    right:0;
    z-index:-1;
    border-radius:var(--miniradius);
    transform:rotate(2deg);
}



.connect c--color {
    display:flex;
    align-items:center;
    flex-direction:column;
}

.--intro--items {
    display:flex;
    flex-wrap:wrap;
    gap:50px;
}

.-after_intro--img-point- {
    display:block;
    position:relative;
    z-index:1;
    text-align:start;
}

.-after__intro-image {
    position:sticky;
    top:101px;
    flex:1;
    transition:180ms;
    border-radius:var(--wp--preset--gradient--midnight);
    overflow:hidden;
}

.-after_intro--img-point- .-widget-after-intro-h1 {
    margin:0;
    max-width:100%;
    margin-bottom:15px;
    font-family:'Helvetica Neue', sans-serif;
    font-weight:500;
}

.-widget-after-intro-h4.-kyojin-intro-body {
    font-size:22px;
    margin-bottom:16px;
    font-weight:500;
}

.--yc-after--intro-.image-- img {
    overflow:hidden;
    border-radius:var(--largeradius);
}

c-color {
    color:#fff;
    font-style:italic;
    position:relative;
    width:max-content;
    font-family:'GT Super Ds Trial', sans-serif;
    display:flex;
}
c-color:before {
        content:'';
        position:absolute;
        width:112%;
        height:84%;
        background:var(--uicolor);
        top:4px;
        right:-8px;
        z-index:-1;
        border-radius:var(--miniradius);
        transform:rotate(2deg);
}





.all-watch-cont {
    display:flex;
    align-items:center;
    justify-content:space-between
}

span.-wat-before-title- {
    display:inline-block;
    color:var(--uicolor);
    text-transform:uppercase;
    font-weight:500;
    margin-bottom:15px;
    font-size:26px
}



.--counter-flex-- {
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    flex:1;
    justify-content:center;
    gap:30px;
}

.-count-slice- {
    flex:1;
    display:block;
    transition:.3s ease-out;
    min-width:193px;
    max-width:350px;
    position:relative;
}


.--counter-number-- {
    font-size:55px;
    font-weight:300;
    font-family:var(--f-number);
    display:flex;
    line-height:1
}

.--counter-number-- em {
    font-family:initial;
    margin-inline-start:10px}

.--counter-number-- em i {
    font-weight:500;
    font-size:36px
}

.--in--left--button-title>p>span{font-size:15px;margin-bottom:5px;color:var(--secondarytext)}.--in--left--button-title>p>a{font-size:21px;font-weight:900;font-family:var(--f-number);letter-spacing:1px}.-after__intro-widgets-progress-lists-v1{min-width:450px;}.-after__intro-widgets-progress-item-v1{display:block;margin-bottom:20px;position:relative}.-after__intro-widgets-progress-item-v1:last-child,.about_lists-style1:last-child{margin-bottom:0}.-after__intro-widgets-progress-itemtitle-v1{display:flex;margin-bottom:10px;font-size:16px;align-items:center;font-weight:500}
.-after__intro-widgets-progress-itemthumb-v1{display:block;position:relative;height:9px;border-radius:var(--largeradius);background:#eeeeee63;}.-after__intro-widgets-progress-thumbvalue-v1{background:#fff;height:100%;transition:var(--transtionValue) all ease;position:relative;width:0;display:flex;border-radius:var(--largeradius) 0 0 var(--largeradius);}.-after__intro-widgets-progress-thumbtooltip-v1{position:absolute;right:-32px;color:var(--primary-text);bottom:-28px;font-size:13px;transform:translateX(-50%);visibility:hidden;opacity:0;min-width:max-content;transition:180ms;font-family:var(--f-number);font-weight:600;color:#fff;border-radius:5px}
.-after__intro-widgets-title-s2>.--ev-title-h4,.about_lists-icon{color:var(--secondarytext);display:flex}.-after__intro-widgets-progress-thumbvalue-v1.progressload-shows-in .-after__intro-widgets-progress-thumbtooltip-v1{visibility:visible;opacity:1}
.-after__intro-contain--lists{display:flex;padding:40px 0 0;flex-direction:column}.about_lists-style1{flex:1;min-width:50%;display:flex;margin-bottom:30px;align-items:center;position:relative}.about_lists-style1:before{content:'';height:100%;position:absolute;top:100%;right:29px}

.-counter-number-icon- {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
}

.-counter-icon- i {
    display:flex;
    position:relative;
    font-size:44px;
    align-items:center;
    justify-content:center;
    color:var(--primary-text);
}

.-counter-number-icon- i {
    font-size:30px;
    margin-inline-start:6px;
    }


.all_counters {
    display:flex;
    flex-wrap:wrap;
}


.-counter-conntent- p {
    text-align:center;
    margin-bottom:0;
}

h1.-kyojin-intro-body {
    display:flex;
    gap:14px;
    font-size:65px;
}

.YC-BreadCrumb .BreadcrumbsFilters span {
    margin-inline-end:7px;
}

.--paner-content span.before-title-in {
    font-size:60px;
    max-width:574px;
    margin:auto;
    display:block;
    line-height:1.3;
    font-family:'GT Super Ds Trial', sans-serif;
}

.logo_paner {
}
.--paner-content.--paner-content:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.6;
    top:0;
    border-radius:var(--largeradius);
}

.-service3 {
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    margin-top:30px;
    justify-content:center;
}

div#category .-widget-after-intro-h1 {
    margin:0;
    margin-bottom:35px;
}

.team {
    margin:60px 0;
}

.connect .-kyojin-intro-body {
    margin-bottom:10px;
}
.owl-features {
    overflow:hidden;
}

.-page-intro-video-in .-widget-after-intro-h1 {
    margin-bottom:30px;
}

.--intro-home-page:before {
    content:'';
    background:var(--background-image);
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    background-size:auto;
    background-repeat:no-repeat;
    opacity:0.2;
    background-position:right;
}
.-page-intro-video-in:before {
    content:'';
    background:var(--background-image);
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    background-size:cover;
    top:0px;
    background-repeat:no-repeat;
    opacity:0.2;
}


.-home-sections-list {
    position:relative;
}

.-page-intro-video-in {
    position:relative;
}

.-contact_us {
    position:relative;
}
.-contact_us .-home-section-item::before {opacity:0.4;background-position:inherit;background-size:cover;}

.aboutus {
    position:relative;
}


.-contact_us .contact-form form.-formkit {
    background:linear-gradient(179deg, #03833738, transparent);
}

div#our_values:after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:50%;
    height:107%;
    transform:translate(-50%, -50%);
    background:radial-gradient(circle, rgb(0 255 10 / 28%) 0%, rgba(0, 0, 0, 0) 70%);
    border-radius:var(--largeradius);
    z-index:-1;
    transition:box-shadow 0.3s ease-in-out;
}


.btn-whatsapp:hover {
    background:var(--uicolor);
}

a.--footer-btn-kit:hover {
    background:var(--alinks);
}

.cat_all2:nth-child(even) .sidea2 {
    display:flex;
    flex-direction:row-reverse;!i;!;!Ù‡;!Ù‡9;!Ù‡9Ø©;!Ù‡9;!;
}

.cat_all2:nth-child(2) .--single--category--boxitem .sidea2 {
    display:flex;
}


.GotoTop
 {
    display:flex;
    align-items:center
}

.GotoTop {
    position:fixed;
    z-index:9999;
    background:var(--uicolor);
    --elwh:50px;
    width:var(--elwh);
    height:var(--elwh);
    bottom:40px;
    right:40px;
    color:#fff;
    border-radius:50%;
    justify-content:center;
    font-size:27px;
    font-weight:500;
    cursor:pointer;
    transition:180ms;
    border:2px solid var(--uicolor);
    transform:translateY(150px)
}

.GotoTop.visible {
    transform:translateY(0);
    visibility:visible;
    opacity:1
}

.GotoTop:hover {
    color:var(--uicolor);
    background:#fff
}


button.YC-BTN-Forms-contact-us:hover {
    background:#00ac45;
}

.--val-icon i {
    font-weight:400;
}

.info-services svg {
    width:120px;
    height:100px;
}



.header-out-single .menu-menu-1-container li:nth-child(2) {
    display:none;
}.header-out-single .menu-menu-1-container li:nth-child(3) {
    display:block;
}

.menu-menu-1-container li:nth-child(3) {
    display:none;
}



.-page-intro-video-in .-widget-after-intro-h1 {
    font-weight:400;
    font-family:'Helvetica Neue', sans-serif;
    font-size:45px;
}

.--category--top > div {
    font-weight:600;
    font-family:'Helvetica';
}

.service--items {
    display:flex;
    flex-direction:column;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:80px;
}

.service--items > span {
    font-weight:400;
    line-height:1.5;
    font-size:18px;
    Q
}

.list_services {
    margin-top:auto;
    margin-bottom:20px;
}

.cat_all2 .back-content {
    border-radius:22px;
}


.--intro--background .-widget-after-intro-h1 span::first-letter {
    text-transform:uppercase;
}

span.-kyojin-intro-body.sec_par {
    margin-top:20px;
    display:block;
}

span.svg_ {
    position:absolute;
    display:flex;
    right:0px;
    top:9px;
    width:100%;
    z-index:-1;
}

.--intro--background c--color {position:relative;text-transform:capitalize;margin-inline-start:7px;font-size:40px;}

c--color2 {
    font-weight:100 !IMPORTANT;!I;!;
    font-family:'Helvetica';
    font-size:43px;
}

c--color > c--color {
    font-size:69px;
    position:relative;
    top:10px;
}

.service_top .-pp-content span {
    font-weight:500;
    font-size:39px;
    font-family:'Helvetica Neue', sans-serif;
}


.all-label-in > label > input {
    width:100%;
}

.btn-form {
    display:flex;
    gap:15px;
}

.get_started {
    display:none;
}

.--single--category--boxitem .-p-category-desc {
    font-size:15px;
    font-weight:300;
    line-height:1.6;
    text-align:center;
    font-family:'Helvetica';
    overflow:hidden;
    opacity:0.8;
}

.service--item--icon i {
    margin:auto;
    margin-bottom:25px;
    color:var(--primary-text);
    font-size:55px;
    line-height:50px;
    height:100px;
    width:100px;
    transition:180ms all ease;
    text-align:center;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}


.-service2 {
    display:flex;
    flex-wrap:wrap;
    gap:60px;
    justify-content:center;
    flex-direction:column;
    max-width:930px;
    margin:auto;
}

.--category--right {
    text-align:center;
}

.--category--right a {
    color:#fff;
    font-size:20px;
}

.service--item {
    margin-top:10px;
}

.border {
  max-height:59px;
  max-width:303px;
  border-radius:11px;
  filter:blur(0.5px);
}

.card {
  overflow:hidden;
  padding:2px;
}

.content {
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform 300ms;
  box-shadow:0px 0px 10px 1px #000000ee;
}

 .back {
  background-color:#151515;
}

.back {
  width:100%;
  height:100%;
  justify-content:center;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.back::before {
  transform:rotate(115deg);
  position:absolute;
  content:' ';
  display:block;
  width:263px;
  height:200%;
  background:linear-gradient(90deg, transparent, #00E55C, var(--uicolor), var(--uicolor), #00E55C, transparent);
}



.back-content {background-color:#151515;overflow:hidden;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;position:relative;}
/* تعريفات @font-face لخط LyonArabic */
@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedTextMedium.otf') format('opentype');
    font-weight:900;
    font-style:normal;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicDisplayLight.otf') format('opentype');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicDisplayMedium.otf') format('opentype');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicDisplayRegular.otf') format('opentype');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedDisplayBold.otf') format('opentype');
    font-weight:bold;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedDisplayLight.otf') format('opentype');
    font-weight:300;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedDisplayMedium.otf') format('opentype');
    font-weight:500;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedDisplayRegular.otf') format('opentype');
    font-weight:400;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedTextBlack.otf') format('opentype');
    font-weight:900;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedTextBold.otf') format('opentype');
    font-weight:bold;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedTextMedium.otf') format('opentype');
    font-weight:500;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedTextRegular.otf') format('opentype');
    font-weight:400;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedTextRegularNo2.otf') format('opentype');
    font-weight:400;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedTextSemibold.otf') format('opentype');
    font-weight:600;
    font-style:italic;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicTextRegularNo2.otf') format('opentype');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicTextBold.otf') format('opentype');
    font-weight:bold;
    font-style:normal;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicTextRegular.otf') format('opentype');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'LyonArabic';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicTextSemibold.otf') format('opentype');
    font-weight:600;
    font-style:normal;
}


.title {
    max-width:100%;
    display:flex;
    justify-content:space-between;
    font-family:'LyonArabic', sans-serif;
    font-size:41px;
    margin-inline-start:20px;
    position:relative;
}
.title p {
  width:50%;
}

.card-footer {
  color:#ffffff88;
  margin-top:5px;
  font-size:8px;
}

.front .img {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.circle {
  width:90px;
  height:90px;
  border-radius:50%;
  background-color:#ffbb66;
  position:relative;
  filter:blur(15px);
  animation:floating 2600ms infinite linear;
}

#bottom {
  background-color:#ff8866;
  left:50px;
  top:0px;
  width:150px;
  height:150px;
  animation-delay:-800ms;
}

.footer_body {
    background:var(--uicolor);
    padding:40px;
    border-radius:var(--miniradius);
}

div#category2 .-widget-after-intro-h1 {
    align-items:center;
    max-width:100%;
}

.button-submit {
    display:flex;
    flex-wrap:wrap;
    gap:30px;
}

.btn-whatsapp {
    padding:0.625rem 1.525rem;
    border:1px solid var(--uicolor);
    border-radius:var(--miniradius);
    transition:var(--transition-time);
}

.btn-whatsapp a {
    color:#fff;
}

.icons-header {
    display:flex;
    gap:10px;
    justify-content:center;
    align-items:center;
    height:26px;
    font-size:15px;
}

.--category--top a {
    color:#fff;
}

.cat_all2 {
    flex:1;
    min-width:500px;
}

.--category--top {
    text-align:start;
    font-size:44px;
    margin-bottom:15px;
}

.sidea2 {
    display:flex;
    flex-wrap:wrap;
    gap:40px;
    flex-direction:row;
}

.cat_all2 .service--item {
    flex:1;
    text-align:start;
    display:flex;
    flex-direction:column;
    margin-top:18px;
}

.cat_all2 .--single--category--boxitem {
    padding:30px;
    background:var(--uicolor-2);
}
.cat_all2:nth-child(4) .--single--category--boxitem {
    background:var(--uicolor);
}
.cat_all2:nth-child(2)  .--single--category--boxitem {
    background:#fff;
}
.cat_all2:nth-child(2) .--single--category--boxitem .-p-category-desc {
    color:var(--uicolor-2);
}
.cat_all2:nth-child(2) .--single--category--boxitem .list_services ul li {
    color:var(--textcolor-2);
}

.cat_all2:nth-child(2) .--single--category--boxitem .list_services {
    color:var(--textcolor-2);
}
.cat_all2:nth-child(2) .--single--category--boxitem .service--items {
    color:var(--textcolor-2);
}
.-service2 .-p-category-desc {
    text-align:start;
    margin-bottom:25px;
    font-size:15px;
}

.list_services ul {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    padding-inline-start:17px;
}

.list_services ul li {
    flex:1;
    min-width:150px;
    color:var(--secondarytext);
    font-size:16px;
}

.list_services span {
    display:block;
    font-size:19px;
    margin-bottom:25px;
}
.cat_all2:nth-child(even) .--category--top {
    text-align:end;
}

.cat_all2 .cat_img {
    border:none;
}

.connect {
    margin:60px 0;
    text-align:center;
}

.connect c--color c--color {
    color:#000;
    font-style:italic;
    position:relative;
    display:block;
    width:max-content;
    font-family:'GT Super Ds Trial', sans-serif;
}
.connect c--color c--color:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:var(--uicolor);
    top:0;
    right:0;
    z-index:-1;
    border-radius:var(--miniradius);
    transform:rotate(2deg);
}



.connect c--color {
    display:flex;
    align-items:center;
    flex-direction:column;
}

.--intro--items {
    display:flex;
    flex-wrap:wrap;
    gap:50px;
}


.-after__intro-image {
    position:sticky;
    top:101px;
    flex:1;
    transition:180ms;
    border-radius:var(--wp--preset--gradient--midnight);
    overflow:hidden;
}

.-after_intro--img-point- .-widget-after-intro-h1 {
    margin:0;
    max-width:100%;
    margin-bottom:15px;
    font-family:'Helvetica Neue', sans-serif;
    font-weight:500;
}

.-widget-after-intro-h4.-kyojin-intro-body {
    font-size:22px;
    margin-bottom:16px;
    font-weight:500;
}

.--yc-after--intro-.image-- img {
    overflow:hidden;
    border-radius:var(--largeradius);
}

c-color {
    color:#fff;
    font-style:italic;
    position:relative;
    width:max-content;
    font-family:'GT Super Ds Trial', sans-serif;
    display:flex;
}
c-color:before {
        content:'';
        position:absolute;
        width:112%;
        height:84%;
        background:var(--uicolor);
        top:4px;
        right:-8px;
        z-index:-1;
        border-radius:var(--miniradius);
        transform:rotate(2deg);
}





.all-watch-cont {
    display:flex;
    align-items:center;
    justify-content:space-between
}

span.-wat-before-title- {
    display:inline-block;
    color:var(--uicolor);
    text-transform:uppercase;
    font-weight:500;
    margin-bottom:15px;
    font-size:26px
}



.--counter-flex-- {
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    flex:1;
    justify-content:center;
    gap:30px;
}

.-count-slice- {
    flex:1;
    display:block;
    transition:.3s ease-out;
    min-width:193px;
    max-width:350px;
    position:relative;
}


.--counter-number-- {
    font-size:55px;
    font-weight:300;
    font-family:var(--f-number);
    display:flex;
    line-height:1
}

.--counter-number-- em {
    font-family:initial;
    margin-inline-start:10px}

.--counter-number-- em i {
    font-weight:500;
    font-size:36px
}

.--in--left--button-title>p>span{font-size:15px;margin-bottom:5px;color:var(--secondarytext)}.--in--left--button-title>p>a{font-size:21px;font-weight:900;font-family:var(--f-number);letter-spacing:1px}.-after__intro-widgets-progress-lists-v1{min-width:450px;}.-after__intro-widgets-progress-item-v1{display:block;margin-bottom:20px;position:relative}.-after__intro-widgets-progress-item-v1:last-child,.about_lists-style1:last-child{margin-bottom:0}.-after__intro-widgets-progress-itemtitle-v1{display:flex;margin-bottom:10px;font-size:16px;align-items:center;font-weight:500}
.-after__intro-widgets-progress-itemthumb-v1{display:block;position:relative;height:9px;border-radius:var(--largeradius);background:#eeeeee63;}.-after__intro-widgets-progress-thumbvalue-v1{background:#fff;height:100%;transition:var(--transtionValue) all ease;position:relative;width:0;display:flex;border-radius:var(--largeradius) 0 0 var(--largeradius);}.-after__intro-widgets-progress-thumbtooltip-v1{position:absolute;right:-32px;color:var(--primary-text);bottom:-28px;font-size:13px;transform:translateX(-50%);visibility:hidden;opacity:0;min-width:max-content;transition:180ms;font-family:var(--f-number);font-weight:600;color:#fff;border-radius:5px}
.-after__intro-widgets-title-s2>.--ev-title-h4,.about_lists-icon{color:var(--secondarytext);display:flex}.-after__intro-widgets-progress-thumbvalue-v1.progressload-shows-in .-after__intro-widgets-progress-thumbtooltip-v1{visibility:visible;opacity:1}
.-after__intro-contain--lists{display:flex;padding:40px 0 0;flex-direction:column}.about_lists-style1{flex:1;min-width:50%;display:flex;margin-bottom:30px;align-items:center;position:relative}.about_lists-style1:before{content:'';height:100%;position:absolute;top:100%;right:29px}

.-counter-number-icon- {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
}

.-counter-icon- i {
    display:flex;
    position:relative;
    font-size:44px;
    align-items:center;
    justify-content:center;
    color:var(--primary-text);
}

.-counter-number-icon- i {
    font-size:30px;
    margin-inline-start:6px;
    }


.all_counters {
    display:flex;
    flex-wrap:wrap;
}


.-counter-conntent- p {
    text-align:center;
    margin-bottom:0;
}

h1.-kyojin-intro-body {
    display:flex;
    gap:14px;
    font-size:65px;
}

.YC-BreadCrumb .BreadcrumbsFilters span {
    margin-inline-end:7px;
}

.--paner-content span.before-title-in {
    font-size:60px;
    max-width:574px;
    margin:auto;
    display:block;
    line-height:1.3;
    font-family:'GT Super Ds Trial', sans-serif;
}

.logo_paner {
}
.--paner-content.--paner-content:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.6;
    top:0;
    border-radius:var(--largeradius);
}

.-service3 {
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    margin-top:30px;
}

div#category .-widget-after-intro-h1 {
    margin:0;
    margin-bottom:35px;
}

.--val-icon {

    justify-content:center;
    align-items:center;
    margin-bottom:24px;
    border-radius:50%;
    color:var(--uicolor-2);
}
.owl-prev, .owl-next {
    position:absolute;
    width:31px;
    height:30px;
    justify-content:center;
    align-items:center;
    color:var(--uicolor);
    top:42%;
    font-size:25px;
    cursor:pointer;
    right:4px;
    border-radius:5px;
    z-index:9;
    transition:.3s all;
    font-size:20px;
}
.owl-prev {
    left:20px;
    right:auto;
}

.contact-form.map .P-content.value {
    margin-bottom:40px;
}

.team {
    margin:60px 0;
}

.connect .-kyojin-intro-body {
    margin-bottom:10px;
}
.owl-features {
    overflow:hidden;
}

.-page-intro-video-in .-widget-after-intro-h1 {
    margin-bottom:30px;
}

.--intro-home-page:before {
    content:'';
    background:var(--background-image);
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    background-size:auto;
    background-repeat:no-repeat;
    opacity:0.2;
    background-position:right;
}
.-page-intro-video-in:before {
    content:'';
    background:var(--background-image);
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    background-size:cover;
    top:0px;
    background-repeat:no-repeat;
    opacity:0.2;
}


.-home-sections-list {
    position:relative;
}

.-page-intro-video-in {
    position:relative;
}

.-contact_us {
    position:relative;
}
.-contact_us .-home-section-item::before {opacity:0.4;background-position:inherit;background-size:cover;}

.aboutus {
    position:relative;
}


.-contact_us .contact-form form.-formkit {
    background:linear-gradient(179deg, #03833738, transparent);
}

div#our_values:after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:50%;
    height:107%;
    transform:translate(-50%, -50%);
    background:radial-gradient(circle, rgb(0 255 10 / 28%) 0%, rgba(0, 0, 0, 0) 70%);
    border-radius:var(--largeradius);
    z-index:-1;
    transition:box-shadow 0.3s ease-in-out;
}


div#contact_usa .btn-whatsapp:hover {
    background:#FF7900;
}

a.--footer-btn-kit:hover {
    background:var(--alinks);
}

.cat_all2:nth-child(even) .sidea2 {
    display:flex;
    flex-direction:row-reverse;!i;!;!Ù‡;!Ù‡9;!Ù‡9Ø©;!Ù‡9;!;
}

.cat_all2:nth-child(2) .--single--category--boxitem .sidea2 {
    display:flex;
}


.GotoTop
 {
    display:flex;
    align-items:center
}



.GotoTop>i {
    font-weight:inherit
}

.GotoTop:before {
    content:"";
    position:absolute;
    left:var(--extra-shape, -6px);
    top:var(--extra-shape, -6px);
    right:var(--extra-shape, -6px);
    bottom:var(--extra-shape, -6px);
    background-color:rgba(0, 0, 0, 0);
    border-radius:inherit;
    z-index:1;
    border:2px dashed var(--uicolor);
    transition:180ms
}

.GotoTop:hover:before {
    animation:13s linear infinite spin
}

@keyframes spin {
    to {
        transform:rotate(360deg)
    }
}


.--category--right span {
    font-size:36px;
    font-weight:600;
    font-family:'Helvetica';
}

button.YC-BTN-Forms-contact-us {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 19px;
    border-radius:var(--miniradius);
    background:var(--uicolor);
    color:#fff;
    transition:var(--transition-time);
    font-size:14px;
    border:none;
}

button.YC-BTN-Forms-contact-us:hover {
    background:#00ac45;
}

.--val-icon i {
    font-weight:400;
}

.info-services svg {
    width:120px;
    height:100px;
}



.header-out-single .menu-menu-1-container li:nth-child(2) {
    display:none;
}.header-out-single .menu-menu-1-container li:nth-child(3) {
    display:block;
}

.menu-menu-1-container li:nth-child(3) {
    display:none;
}

.clients {
    font-size:21px;
    margin-bottom:15px;
    font-weight:700;
    font-family:"Helve", sans-serif;
}
.-page-intro-video-in .-widget-after-intro-h1 {
    font-weight:400;
    font-family:'Helvetica Neue', sans-serif;
    font-size:45px;
}

.--category--top > div {
    font-weight:600;
    font-family:'Helvetica';
}

.service--items {
    display:flex;
    flex-direction:column;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:80px;
}

.service--items > span {
    font-weight:400;
    line-height:1.5;
    font-size:18px;
    Q
}

.list_services {
    margin-top:auto;
    margin-bottom:20px;
}

.info-services1 h3 {
    font-family:'Helvetica Neue', sans-serif;
}

.card .back-content {
    filter:grayscale(1);
}

.cat_all2 .back-content {
    border-radius:22px;
}

.contact-form.map h2 {
    line-height:1.4;
    font-size:48px;
    font-weight:700;
}

.-waqf-footer-body-company-text p {
    line-height:1.5;
    position:relative;
    top:-3px;
}
.--intro--background .-widget-after-intro-h1 span{
    text-transform:lowercase;
}
.--intro--background .-widget-after-intro-h1 span::first-letter {
    text-transform:uppercase;
}

span.-kyojin-intro-body.sec_par {
    margin-top:20px;
    display:block;
}

span.svg_ {
    position:absolute;
    display:flex;
    right:0px;
    width:100%;
    z-index:-1;
}


c--color2 {
    font-weight:100 !IMPORTANT;
    font-family:'Helvetica';
    font-size:43px;
}


.service_top .-pp-content span {
    font-weight:500;
    font-size:39px;
    font-family:'Helvetica Neue', sans-serif;
}

c--olor > c--olor {
    font-weight:800;
    font-family:'Helvetica';
    font-size:29px;
}

.all-label-in {
    display:flex;
    flex-direction:column;
    gap:20px;
}

.all-label-in > label {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    width:100%;
}

.all-label-in > label > input {
    width:100%;
}

.flex-label > label {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    width:50%;
}

.flex-label {
    display:flex;
    justify-content:space-between;
    gap:40px;
}

.flex-label > label > input {
    width:100%;
}

.get_started {
    display:none;
}
.-raly-logos-marquee span {
    display:inline-block;
    animation:moveX 7s ease-in-out infinite alternate;
    filter:invert(1) contrast(5.5);
    width:135%;
    height:50px;
    background-repeat:repeat-x;
    background-size:auto 100%;
    background-position:left center;
}

@keyframes moveX {
  0% {
    transform:translateX(-25vw);
  }
  100% {
    transform:translateX(-10vw); 
  }
}

.val_top {
    display:flex;
    flex-direction:column;
    align-items:center;
}


.--name__valu {
    font-size:25.3px;
    text-align:center;
    font-weight:bold;
    line-height:1.5;
    margin:36px 0 17px;
    max-width:90%;
}
.service .img-services-hover svg {
    ---we:20px;
    width:var(---we);
    height:var(---we);
}

.-design-list {
    direction:rtl;
}

.--intro-flex-content2 {
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    max-width:380px;
    flex:1;
    margin-top:25px;
}

.custom-frame {
  position:relative;
  width:fit-content;
  display:inline-block;
}

.custom-frame::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:35px;
  mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite:exclude;
  -webkit-mask-composite:destination-out;
  padding:4px;
  background:linear-gradient(
  149deg,                            
  rgba(255, 255, 255, 1) 0%,          
  rgba(255, 255, 255, 0.5) 0%,        
  rgba(255, 255, 255, 0) 55%,      
  rgba(255, 255, 255, 0.5) 70%,       
  rgba(255, 255, 255, 1) 100%        
);
}

.custom-frame img {
  border-radius:35px;
  display:block;
}

/* Brando Arabic - Regular */
@font-face {
    font-family:'BrandoArabic';
    src:url('../brand/fonnts.com-Brando_Arabic.otf') format('opentype');
    font-weight:normal;
    font-style:normal;
}

/* Brando Arabic - Black */
@font-face {
    font-family:'BrandoArabic';
    src:url('../brand/fonnts.com-Brando_Arabic_Black.otf') format('opentype');
    font-weight:900;
    font-style:normal;
}

/* Brando Arabic - Bold */
@font-face {
    font-family:'BrandoArabic';
    src:url('../brand/fonnts.com-Brando_Arabic_Bold.otf') format('opentype');
    font-weight:bold;
    font-style:normal;
}

/* Brando Arabic - ExtraLight */
@font-face {
    font-family:'BrandoArabic';
    src:url('../brand/fonnts.com-Brando_Arabic_ExtraLight.otf') format('opentype');
    font-weight:200;
    font-style:normal;
}

/* Brando Arabic - Hairline */
@font-face {
    font-family:'BrandoArabic';
    src:url('../brand/fonnts.com-Brando_Arabic_Hairline.otf') format('opentype');
    font-weight:100;
    font-style:normal;
}

/* Brando Arabic - Light */
@font-face {
    font-family:'BrandoArabic';
    src:url('../brand/fonnts.com-Brando_Arabic_Light.otf') format('opentype');
    font-weight:300;
    font-style:normal;
}

/* Brando Arabic - SemiBold */
@font-face {
    font-family:'BrandoArabic';
    src:url('../brand/fonnts.com-Brando_Arabic_SemiBold.otf') format('opentype');
    font-weight:600;
    font-style:normal;
}

/* Brando Arabic - Italic */
@font-face {
    font-family:'BrandoArabic';
    src:url('../brand/fonnts.com-Brando_Arabic_Italic.otf') format('opentype');
    font-weight:normal;
    font-style:italic;
}

/* Brando Arabic - Bold Italic */
@font-face {
    font-family:'BrandoArabic';
    src:url('../brand/fonnts.com-Brando_Arabic_Bold_Italic.otf') format('opentype');
    font-weight:bold;
    font-style:italic;
}

/* Brando Sans - Regular */
@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonnts.com-Brando_Sans.otf') format('opentype');
    font-weight:normal;
    font-style:normal;
}

/* Brando Sans - Black */
@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonnts.com-Brando_Sans_Black.otf') format('opentype');
    font-weight:900;
    font-style:normal;
}

/* Brando Sans - Bold */
@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonnts.com-Brando_Sans_Bold.otf') format('opentype');
    font-weight:bold;
    font-style:normal;
}

/* Brando Sans - ExtraLight */
@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonnts.com-Brando_Sans_ExtraLight.otf') format('opentype');
    font-weight:200;
    font-style:normal;
}

/* Brando Sans - Hairline */
@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonnts.com-Brando_Sans_Hairline.otf') format('opentype');
    font-weight:100;
    font-style:normal;
}

/* Brando Sans - Light */
@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonnts.com-Brando_Sans_Light.otf') format('opentype');
    font-weight:300;
    font-style:normal;
}

/* Brando Sans - SemiBold */
@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonnts.com-Brando_Sans_SemiBold.otf') format('opentype');
    font-weight:600;
    font-style:normal;
}

@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonnts.com-Brando_Sans_Text.otf') format('opentype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonts.com-Brando_Sans_Italic.otf') format('opentype');
    font-weight:normal;
    font-style:italic;
}
@font-face {
    font-family:'BrandoSans';
    src:url('../brand/fonnts.com-Brando_Sans_Bold_Italic.otf') format('opentype');
    font-weight:bold;
    font-style:italic;
}


@font-face {
    font-family:'LyonArabicBold';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedDisplayBlack.otf') format('opentype');
    font-weight:500;
}
@font-face {
    font-family:'LyonArabicBolds';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicDisplayBlack.otf') format('opentype');
    font-weight:500;
}
@font-face {
    font-family:'LyonArabicBoldss';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicSlantedTextRegular.otf') format('opentype');
    font-weight:500;
}
h1.-intro-title2 {
  font-size:55px;
  font-family:'LyonArabicBold', sans-serif;
  font-style:italic;
  font-weight:500;
  display:flex;
  word-spacing:15px; /* مسافة بين الكلمات */
  letter-spacing:4px; /* مسافة بين الحروف */
  gap:20px;
  margin-bottom:20px;
}


.-logos-intro-content2 {
    display:flex;
    gap:20px;
    justify-content:space-between;
    align-items:center;
}

h1.-intro-title2 c--color {
    color:#f68219;
    font-size:54px;
}

p.-intro-descption2 {
    line-height:1.5;
    font-size:36px;
    font-weight:300;
    font-family:'LyonArabic', sans-serif;
    margin-bottom:10px;
}

.-second-btn-main2 {
    border-radius:2943.11px;
    border:1.89px solid;
    border-color:#ffffff;
    min-width:200px;
    text-align:center;
}


.box .div-wrapper {
    position:absolute;
    width:127px;
    height:53px;
    letter-spacing:0;
    line-height:23.8px;
    white-space:nowrap;
    position:absolute;
    direction:rtl;
}



.box .text-wrapper-5 {
    font-family:'BrandoArabic', sans-serif;
    font-weight:400;
    color:#ffd8bf;
    font-size:12.9px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    padding-inline-end:34px;
    gap:31px;
    padding-top:19px;
    }

.box .text-wrapper-6 {
    font-family:'LyonArabic', sans-serif;
    font-weight:500;
    color:#eacea1;
    margin-bottom:0;
    display:block;
    font-size:32px;
}

.box .rectangle-3 {
    width:113%;
    left:-46px;
    position:absolute;
    height:79px;
    top:0;
    border-radius:0 0 19.5px 19.5px;
}



.box .text-wrapper-4 {
    font-weight:500;
    color:#fff;
    font-family:'LyonArabicBolds', sans-serif;
    font-size:78.2px;
    position:absolute;
    z-index:9;
    margin-bottom:0;
    font-style:normal;
}
.box {
    position:relative;
    max-width:700px;
    margin:auto;
}
.welcome .box .overlap-group:before {
        content:"";
        position:absolute;
        inset:0;
        border-radius:35px;
        mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask-composite:exclude;
        -webkit-mask-composite:destination-out;
        padding:4px;
        background:linear-gradient(149deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255 / 35%) 16%, rgb(255 255 255) 55%, rgb(255 255 255) 70%, rgba(255, 255, 255, 1) 100%);
        z-index:9;
}

.box .overlap-group {
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    width:fit-content;
    border-radius:35px;
    overflow:hidden;
    padding:4px;
    margin:auto;
}

.box .text-wrapper-2 {
    font-weight:700;
    margin-inline-end:-8px;
}

.box .text-wrapper-3 {
  font-family:'LyonArabic', sans-serif;
    font-weight:300;
}

.box .text-wrapper {
    line-height:38.9px;
    font-size:58px;
    padding-inline-end:3px;
}

.box span {
    font-weight:700;
    font-size:54.3px;
    line-height:37.3px;
}

.box .div {
    width:171px;
    top:0;
    left:46px;
    height:315px;
  font-family:'LyonArabic', sans-serif;
}

.box .rectangle-2 {
    width:98%;
    right:5px;
    border-radius:0 0 29.5px 31.5px;
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) -33%, rgba(0, 0, 0, 18.96) 24%);
    position:absolute;
    height:138px;
    bottom:3px;
    z-index:9;
}



h2.welcome-text {
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:75px;
    gap:11px;
}

section.bottom_followers {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    position:absolute;
    bottom:0;
    width:100%;
    z-index:9;
}



.rectangle {
    width:100%;
    left:0;
    border-radius:19.5px;
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.96) 100%);
    position:absolute;
}

.rectangle-2 img {
    height:100%;
    width:100%;
}

.followers-wrapper {
    margin:-7px;
    margin-bottom:-38px;
}

span.bottom-wrapper-4 {
    text-align:center;
    font-size:69.3px;
    display:flex;
    justify-content:center;
    font-family:'LyonArabicBoldss', sans-serif;
    font-weight:400;
    font-style:italic;
    letter-spacing:12px;
    word-spacing:10px;
}

div#project .box .text-wrapper {
    font-weight:bold;
    font-size:110px;
    line-height:0;
    padding:0;
    margin-bottom:60px;
    font-family:'LyonArabicBoldss', sans-serif;
}

.-bottom-title {
    font-weight:500;
    margin-top:25px;
    font-family:'LyonArabic', sans-serif;
    font-size:40px;
    position:relative;
    font-style:italic;
    word-spacing:7px;
}

.-bottom-title c--color {
    color:#FFDF55;
}

.projects {
    margin:120px auto 0;
    background:#c70404ad;
    padding:15px;
}

.projects .-container {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:29px;
}

.closes {
    font-size:55px;
}

.projects img {
    object-fit:cover;
}

.groups {
    margin:auto;
    padding:58px 37px 0px;
    position:relative;
    max-width:426px;
}


.svg_groups svg {
    width:30px;
}


img.vector {
    position:absolute;
    top:-36px;
    width:183px;
    height:99px;
    right:-45px;
}

.vector-wrapper img {
    position:absolute;
    bottom:-54px;
    width:134px;
    height:118px;
    left:7px;
}

.text-wrappers {
    margin-bottom:0;
    position:relative;
    font-size:27px;
    font-weight:400;
    line-height:2;
    font-family:'LyonArabic', sans-serif;
}

.lines {
    width:88%;
    height:2px;
    margin:20px auto;
    opacity:0.8; 
    background:#fff;
    margin-inline-start:20px;
    display:block;
}

div#message span.bottom-wrapper-4 {
    margin-top:110px;
    font-style:normal;
    letter-spacing:2px;
    word-spacing:4px;
    font-weight:bold;
    position:relative;
    z-index:99;
    color:#fff;
}

.overlap-groupmaker {
    max-width:261px;
    margin:auto;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-bottom:40px;
}

.text-wrapper_maker  {
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:42px 0 21px;
    position:relative;
}

@font-face {
    font-family:'LyonArabicssssssssss';
    src:url('../Fonts/Lyon_Arabic_2/COMM-LyonArabicDisplayBlack.otf') format('opentype');
    font-weight:600;
    font-style:normal;
}

.text-wrapper_maker span {
    font-size:75.3px;
    font-family:'LyonArabicssssssssss', sans-serif;
    font-weight:bold;
    position:absolute;
    padding-bottom:22px;
}

.overlapmaker {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
}

.text-wrapper-2_maker {
    position:absolute;
    left:-19px;
    top:-6px;
    transform:scale(2);
}

.text-wrapper-3_maker {
    font-size:68.3px;
    font-family:'LyonArabic', sans-serif;
    font-weight:400;
    color:#fff;
    z-index:9;
}

.overlap-groupmaker svg {width:275%;position:absolute;height:275%;}

.make_button {
    display:flex;
    justify-content:center;
    margin-top:29px;
}
div#contact_usa form.-formkit>[labelkit]>span {
    margin-bottom:20px;
}

div#contact_usa form.-formkit>[labelkit] {
    padding:20px;
}

div#contact_usa .all-label-in > label {
    padding:25px;
    border-bottom:1px solid #8484C4;
    gap:20px;
    padding-bottom:15px;
    font-size:13px;
}
div#contact_usa [inputkit] {
    min-height:auto;
    border:none;
    padding:0;
    padding-inline-start:11px;
}div#contact_usa [inputkit]::placeholder {
    color:#ffffffab !important;
    opacity:1;
    font-family:'LyonArabic', sans-serif;
}
div#contact_usa .flex-label > label {
    padding:25px;
    width:100%;
    border-bottom:1px solid #8484C4;
    gap:20px;
    padding-bottom:12px;
    font-family:'LyonArabic', sans-serif;
    font-size:18px;
}

div#contact_usa .flex-label {
    flex-direction:column;
    gap:0;
}

div#contact_usa .contact-form.map {
    max-width:500px;
    margin:auto;
}

div#contact_usa .btn-form {
    padding:20px;
}

div#contact_usa button.YC-BTN-Forms-contact-us {
    flex:1;
    font-size:20px;
    display:flex;
    justify-content:center;
    background:#FF7900;
}
div#contact_usa .btn-whatsapp {
    flex:1;
    border:1px solid #FF7900;
}


div#contact_usa .icons-header i {
    font-weight:bold;
}

footer.-waqf-footers .footer_body {background:#FF7900;}


footer.-waqf-footers {
    direction:rtl;
}

footer.-waqf-footers a.--footer-btn-kit {
    width:184px;
    max-width:-webkit-fill-available;
    text-align:center;
    border:2px solid #fff;
}

footer.-waqf-footers .-waqf-footer-body-company-logo {
    margin:-30px;
}

header.headers .-logo {
    margin:-10px -65px;
}

header.headers {
    padding-block:30px;
}

.-second-btn-main2 .--second-btn-kit {font-size:18px;padding:11px 16px;font-weight:500;font-family:'LyonArabicBold', sans-serif;font-style:italic;background:transparent;}

.text-overlay {
    padding:24px;
    position:relative;
    width:100%;
}

.text-overlay:before {
    content:'';
    position:absolute;
    width:200%;
    height:100%;
    background:#EC4631;
    right:-114px;
    left:0;
    z-index:-1;
    top:0;
}

.rectangle-in {
    position:absolute;
    display:flex;
    right:-33%;
    width:180%;
    top:10px;
    gap:13px;
}

.rectangle-in2 {
    position:absolute;
    width:180%;
    display:flex;
    bottom:10px;
    right:-33%;
    gap:13px;
}

.rectangle_image {
    padding:15px;
}

.adobe-express-filse {
    position:absolute;
    width:100%;
    height:9px;
    z-index:-1;
    bottom:1px;
    right:0;
}

.firstproject_description {
    position:relative;
    max-width:462px;
}

.pdesc {
    margin-bottom:35px;
    font-family:'LyonArabic', sans-serif;
}

p.-intro-descption3 {
    line-height:1.5;
    font-size:31px;
    font-weight:300;
    margin-bottom:0;
}

.-pages-root .-container {
    max-width:1200px;
}

.--intro-home-page.-kyojin-intro2 {
    padding-bottom:150px;
}

.headers .-container {
    max-width:1200px;
}

.message_title {
    max-width:253px;
}

section.groups > img {
    object-fit:fill;
    position:absolute;
    width:109%;
    height:114%;
    z-index:0;
    top:0px;
    right:0;
}

div#welcome .box .overlap-group {
    margin-bottom:50px;
}

div#contact_usa .all-label-in {
    gap:0;
}

textarea#message {
    min-height: 300px !important;
}

footer.-waqf-footers .-waqf-footer-body-company-text {
    font-family:'LyonArabic', sans-serif;
}

footer.-waqf-footers .-waqf-footer-body-menu > div > ul > li {
    font-family:'LyonArabic', sans-serif;
}

footer.-waqf-footers .-waqf-footer-body-menu>div>ul>li>a {
    font-size:24px;
}