header {
    padding-block:0;
    padding-bottom:0;
    position: fixed;
    top:0;
    transition:var(--transition-time);
    right:0;
    left:0;
    z-index:1000;
    background: #fff;
}

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

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

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

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

header>.-container>.-background-krop>.menu-list>* {
    margin:10px;
    height:fit-content;
}

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

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

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

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

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

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

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

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

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

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

header>.-container>.-background-krop>.menu-list>.-menu>.menu-menu-1-container>ul>li>a {
    font-size: 19px;
    padding-inline: 19px;
    display:flex;
    font-weight: 400;
    gap:10px;
    color: #fff;
    line-height: 85px;
    position:relative;
    align-items:center
}

body header>.-container>.-background-krop>.menu-list>.-menu ul>li>ul>li>a {
    padding:0 20px;
    font-size: 16px;
    font-weight: 500;
}

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

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

header>.-container>.-background-krop>.menu-list>.-menu ul>li.current-menu-item>a {
    font-weight:500
}

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

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

.-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)
}
.-blog-gridboxes .-blog-gridboxes-item {
    margin-bottom: 20px;
    flex: 1;
    min-width: 301px;
    max-width: 414px;
}

.-blog-gridboxes .-blog-gridboxes-item>a {
    display:flex;
    flex-direction:column;
    color:var(--textcolor)
}

.-blog-gridboxes .-blog-gridboxes-item>a>.-blog-gridboxes-item-thumb {
    padding-top:70%;
    background-image:var(--background-image);
    background-size:cover;
    transform:perspective(1000px) rotateX(7deg) rotateY(0deg) scale3d(1,1,1);
    background-repeat:no-repeat;
    background-position:center;
    border-radius:var(--miniradius);
    transition:all .6s;
    margin-bottom:20px;
    opacity:.9
}

.-blog-gridboxes .-blog-gridboxes-item>a:hover>.-blog-gridboxes-item-thumb {
    opacity:1;
    transition:150ms all ease
}

.-blog-gridboxes .-blog-gridboxes-item>a:hover>.-blog-gridboxes-item-body>strong {
    text-decoration:underline
}

.-blog-gridboxes .-blog-gridboxes-item>a>.-blog-gridboxes-item-footbar>strong {
    display:flex;
    align-items:center;
    font-size:12px;
    font-weight:400;
    color:#cd0000
}

.-blog-gridboxes .-blog-gridboxes-item>a>.-blog-gridboxes-item-footbar>strong:before {
    content:'';
    width:7px;
    height:7px;
    background:currentColor;
    border-radius:50px;
    margin-inline-end:7px}

.-blog-gridboxes .-blog-gridboxes-item>a>.-blog-gridboxes-item-body>strong {
    display:block;
    font-size: 18px;
    margin-bottom:12px
}

.-blog-gridboxes .-blog-gridboxes-item>a>.-blog-gridboxes-item-body>.-blog-gridboxes-item-body-content {
    font-weight: 400;
    font-size: 14px;
    margin-bottom:10px;
    color:var(--secondarytext)
}

.-waqf-footer-body {
    display:flex;
    margin:-30px
}

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

.-waqf-footer-body>.-waqf-footer-body-menu {
    flex:1;
    display:flex;
    flex-wrap:wrap
}

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

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

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

.-waqf-footer-body>.-waqf-footer-body-menu>div>ul>li>a {
    display:block;
    font-size: 23px;
    font-weight: 700;
    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: 17px;
    padding-block:3px;
    font-weight: 600;
    color:var(--secondarytext);
    line-height:1.65;
    transition:var(--transition-time)
}

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

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-company {
    margin-bottom:15px
}

.-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;
    transition: var(--transition-time);
    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-social>a:hover {
	background: var(--uicolor);
	color: #fff;
}

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-company>.-waqf-footer-body-company-logo {
    margin-bottom: 0px;
}

.-waqf-footer-body>.-waqf-footer-body-about>.-waqf-footer-body-company>.-waqf-footer-body-company-text {
    font-size: 15px;
    font-weight: 600;
    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 {
}

footer.-waqf-footer {
    padding-block:70px 25px;background-repeat:repeat-x
}

.-waqf-footer-body-text {
    text-align:center;
    padding:35px 0 0 0;
    font-size: 14px;
    font-weight: 700;
    font-weight:300;
    opacity: 1;
}

.-pages-root {
    position:relative;
    padding-top: 0;
}

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

form.-formkit>h1 {
    font-weight:700;
    font-size: 28px;
    margin-bottom:30px
}

form.-formkit>[labelkit] {
    display:flex;
    margin-bottom:20px;
    flex-direction:column
}

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:var(--secondarytext);
    margin-bottom:4px
}

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
}

.-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
}

ol.BreadcrumbsFilters>li+li:before {
    content:"";
    font-weight:700;
    position:relative;
    margin-inline-end:10px;line-height:0;
    color:var(--textcolor);
    border-radius:50%;
    margin-inline-start:10px;width:5px;
    height:5px;
    background:var(--textcolor)
}

.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:18px;
    margin:0;
    font-weight:400;
    color:#dddbdb;
    line-height:1.6;
    text-align:center
}

.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
}

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
}

.social-contact {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:40px
}

.--all-contact-in {
    min-width: 450px;
    flex:1;
    box-shadow: var(--shadow-elevated);
    break-inside:avoid;
    text-align:center;
    padding:16px;
    background:var(--bgcolor);
    border-radius:var(--largeradius)
}

.social-feature a {
    display:flex;
    justify-content:flex-start;
    align-items:center
}

.--feature-content {
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:5px;
    align-items:flex-start;
    justify-content:center
}

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

.social-feature i {
    font-size: 28px;
    transition: var(--transition-time);
    padding:10px;
    font-weight: 100;
    margin-inline-end:9px;
    border-radius:50%;
    --we:65px;
    width:var(--we);
    display:flex;
    color: #fff;
    height:var(--we);
    background-color: var(--alinks);
    justify-content:center;
    align-items:center
}

.--social-title {
    font-size: 17px;
    line-height:1.5;
    font-weight: 600;
    color: var(--textcolor);
}

.--all-contact-in:hover {
    transition:50ms all ease;
}

.--social-content {
    font-size:15px;
    font-weight:400
}

.contact-form form.-formkit {
    padding: 40px 40px;
    border-radius:var(--largeradius);
    background:var(--bgcolor);
    flex:1;
    box-shadow:var(--shadow-elevated);
    max-width:868px
}

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

.contact-map {
    border-radius:var(--largeradius);
    overflow:hidden;
    flex:1;
    height:100%
}

.-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
}

body .-waqf-rootpage-sidebar>.-waqf-rootpage-sidebar-list {
    padding:0 20px;
    padding-bottom:20px
}

body .-waqf-rootpage-sidebar>.-waqf-rootpage-sidebar-list>a {
    display:flex;
    font-size:15px;
    color:var(--secondarytext);
    align-items:center;
    padding-block:10px;padding-inline:12px;border-radius:var(--miniradius);
    margin-bottom:5px
}

body .-waqf-rootpage-sidebar>.-waqf-rootpage-sidebar-list>a.-selected {
    background:var(--light-accent);
    color:var(--textcolor)
}

body .-waqf-rootpage-sidebar>.-waqf-rootpage-sidebar-list>a>em {
    width:27px;
    margin-inline-end:14px;color:var(--secondarytext-2);
    font-weight:200;
    font-style:normal
}

body .-waqf-rootpage-sidebar>.-waqf-rootpage-sidebar-list>a>p {
    flex:1;
    margin:0
}

body .-waqf-rootpage-sidebar>.-waqf-rootpage-sidebar-search>input {
    background:var(--light-accent);
    padding-block:12px;padding-inline:20px;width:100%;
    border-radius:var(--miniradius);
    font-size:15px
}

.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>.-background-krop>.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: 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>.-background-krop>.menu-list>.-menu>.menu-menu-1-container>ul ul.sub-menu>li {
    margin:10px 0;
    opacity:.8;
    transition:var(--transition-time)
}

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

.-mobile-kit span {
    width:100%;
    height:2px;
    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>.-background-krop>.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-hidden h1 {
    transform:translatey(100px);
    visibility:hidden;
    opacity:0
}

.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)
}

a.-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 {
    transition:all .6s;
    border-radius: 6%;
    transform:perspective(1000px) rotateX(2deg) rotateY(-5deg) scale3d(1,1,1);
    overflow:hidden;
}

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

img {
    max-width: 100%;
}

.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
}

.en .--rating--widgets--stars-result .Active--Stars {
    left:0
}

.en .--rating--widgets--stars-result {
    direction:ltr
}

.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
}

i.fa-solid.fa-star {
    font-size:22px;
    margin:0 1px
}

.reviews-date {
    display:flex;
    margin:15px 0;
    justify-content:center
}

.reviews-carousel-rtl.reviews-carousel-rtl .disabled {
    display:none
}

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%
}

.en .reviwer-name {
    flex-direction:row-reverse
}

.en .--YC-rating-content-in>i {
    left:183%
}

.en .--YC-rating-content-in {
    display:flex;
    flex-direction:column;
    align-items:flex-end
}

.en .testi-style1 .testi-content {
    text-align:end
}

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

.review_left {
    display:flex
}

.en .Active--Stars {
    left:0;
    right:auto
}

.en .google-customer-review {
    flex-direction:row-reverse
}

.-YC-Price-Us-container .-YC-owl-navs-items>.-YC-owl-Slides-next {
    left:-30px
}

.-YC-owl-navs-items>.-YC-owl-Slides-next,.-YC-owl-navs-items>.-YC-owl-Slides-prev {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    border:2px solid var(--secondarytext);
    --chev-w:50px;
    width:var(--chev-w);
    height:var(--chev-w);
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    font-size:24px;
    color:var(--secondarytext);
    transition:180ms;
    cursor:pointer
}

.-YC-Price-Us-container .-YC-owl-navs-items>.-YC-owl-Slides-next {
    left:-30px
}

.-YC-Price-Us-container .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    right:-30px
}

.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;
    margin-bottom:7px;
    font-weight:500
}

.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;
    padding-bottom: 0;
}

footer.-waqf-footer .-container .-waqf-footer-body {
    border: 1px solid #e8e8e8;
    margin:0;
    border-radius: var(--largeradius);
}

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

.-waqf-footer-body-company-text {
    font-size:19px;
    margin:0;
    font-weight:400;
    color:var(--secondarytext);
    line-height:1.6
}

.-owl-PriceLists-Center-v1 {
    --item: 4;
    position: relative;
    width: calc(100% / var(--item) - 25.5px);
}

.--paner-content {
    padding:70px;
    border:1px solid #d6d6d6;
    background-color:#e1f0fb;
    border-radius:var(--largeradius);
    position:relative;
    overflow:hidden;
    margin-bottom:-215px;
    display:flex;
    justify-content:center;
    z-index:1
}

.-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%
}

.contact-form.map {
    display:flex;
    align-items:center;
    gap: 55px;
    justify-content: center;
}

.--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;
    transition: var(--transition-delay);
    font-size:17px;
    background: #fff;
    border-radius: var(
    --miniradius);
    padding-inline:14px 17px;
    gap:11px;
    color: var(
    --textcolor);
    box-shadow:var(
    --shadow-elevated);
    cursor:pointer;
    =: 1px
    solid #000000;
}

.-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: 160%;
    left: 0;
    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- {
    background-size:cover;
    background-image:var(--bg-intro);
    display:flex;
    visibility: visible;
    opacity: 1;
    width:100%;
    padding: 110px 0 115px;
    background-repeat:no-repeat;
    position:relative;
    min-width:100%;
    align-items:center;
    height: 110vh;
}

.--team-Center-area {
    display:flex;
    gap:25px;
    flex-wrap:wrap
}

.-team-seats {
    flex:1;
    transition: var(--transition-time);
    padding: 20px;
    overflow: hidden;
    position: relative;
    background:#fff;
    box-shadow:var(--shadow-elevated-hover);
    border-radius:var(--largeradius)
}

.--member-img {
    padding-top: 117%;
    background-image:var(--bg-intro);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    border-radius:var(--miniradius);
    margin-bottom:20px;
    opacity: 1;
    position:relative
}

.--share-icon {
    position:absolute;
    bottom: 3%;
    right:3%;
    font-size:17px;
    display:flex;
    gap:13px;
    background:#fff;
    flex-direction:column;
    padding:13px;
    border-radius:var(--largeradius)
}

.--share-icon a {
    transition:var(--transition-time);
    color:var(--uicolor)
}

.--share-icon a:hover {
    transform:translateY(-3px)
}

p.jop-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--second-text-col);
}

h5.member-name {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 6px;
}

.--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, #0000004d 34%, rgb(0 0 0 / 20%) 82%);
    top:0;
    opacity: .8;
    right:0;
    z-index:-2;
    overflow:hidden;
    --bg-trans:#ffffff1f
}

.-intro-posts-content-in {
    position:relative
}

.--post-title h1 {
    font-size: 59px;
    font-weight: 500;
    line-height:1.5;
    margin-bottom:10px;
    color:#fff;
    transition-delay:0.7s;
    text-align:center;
}

.-intro-descrption {
    font-size: 17px;
    line-height:1.8;
    font-weight:300;
    color: var(--secondarytext-2););)
    max-width: 802px;
    transition-delay:0.9s;
    text-align:center;
    margin-bottom:15px
}

.--intro-flex-content {
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width: 80%;
    min-width: 756px;
}

.-intro-posts-content-in {
    padding: 65px 140px;]69px 140px;
    display: flex;
    border-radius:var(--largeradius);
    justify-content: center;
}

.--intro-category-link {
    display:flex;
    padding: 5px 5px;
    font-size: 15px;
    font-weight: 500;
    opacity: 1;
    align-content:center;
    transition: var(--transition-time);
    background: var(--uicolor);
    align-items:center;
    color:#fff;
    flex-wrap:wrap;
    position:relative;
    border-radius: 54px;
    overflow:hidden;
    border: none;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    !;!importan
    }

.--intro-btns {
    display:flex;
    column-gap:12px
}

.-btn-all-in {
    display:flex;
    align-items:center;
    z-index:1;
    color: #fff;
    font-weight: 600;
    gap: 20px;
    font-size: 15px;
}

.owl-rtl {
    direction:rtl
}

header>.-container>.-background-krop>.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
}
\

.-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:650px;
    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
}

.container--intro--items {
    display:flex;
    justify-content: center;
    align-items:flex-start
}

.-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}

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

.-defult-intro-title-URL {
    display:flex;
    align-content:center;
    flex-wrap:wrap;
    margin: 25px 0 0;
    align-items:center;
    justify-content:flex-start
}

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

.about_lists-style1 {
    flex:1;
    position:relative;
    display:flex;
    padding:0 10px;
    max-width: 630px;
    min-width: 350px;
    margin-bottom:15px
}

.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
}

.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
}

.btn-ket_2 {border-radius: var(--largeradius);display: flex;background: linear-gradient(45deg, #2b63ba, #1fbace);align-items: center;z-index: 1;font-weight: 600;transition: var(--transition-time);gap: 20px;font-size: 15px;justify-content: space-between;padding: 5px;}

.-after__intro-container>.-pp-content {
    font-size: 15px;
    line-height:1.9;
    color:var(--second-text-color);
    font-weight: 600;
    margin-bottom:35px
}

.about_lists-title {
    color:var(--textcolor);
    font-size: 16px;
    font-weight: 700;
    line-height:1.5;
    margin-bottom:10px;
    display:flex;
    align-items:center
}

.about_lists-title i {
    background: var(--uicolor);
    color: #ffff;
    font-weight: 300;
    font-size: 25px;
    border-radius: var(--miniradius);
    margin-inline-end:10px;
    --fe: 65px;
    display:flex;
    text-align:center;
    width:var(
    --fe);
    height:var(
    --fe);
    flex-direction:row-reverse;
    align-items:center;
    justify-content: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
}

.-after_intro--img-point- {
    display:block;
    max-width:650px;
    top: 140px;
    position: sticky;
    z-index:1;
    text-align:start
}

.--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 {
    display:flex;
    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.5;
    margin-bottom: 15px;
    font-size: 38px;
    font-weight:700;
    color:var(--textcolor);
    display:flex;
    align-items:center
}

.-widget-after-intro-h4 {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    padding-inline-start: 40px;
    margin-bottom: 7px;
    color:var(--uicolor)
}

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

.btn-ket_1 {
    padding: 11px 20px;
    color:#fff;
    transition:var(--transition-time);
    font-size: 13px;
    font-weight:700;
    text-transform:uppercase;
    overflow:hidden;
    position:relative;
    display: flex;
    gap: 11px;
    border: none;
    z-index:1;
    border-radius: var(--largeradius);
    background: var(--whatsapp);
}

.-defult-widgets-title-style-1 .-widgets-h1-title {
    font-size: 36px;
    font-weight: 700;
    text-align:start;
    line-height:1.6;
    color:var(--primary-text);
    margin-bottom: 8px;
    text-align: center;
}

.-defult-widgets-title-style-1 .-widgets-h1-title c--color,.-site-logo>a>strong,.Yourcolor_sub_point:hover>a,.Yourcolor_sub_point:hover>span,.btn-ket_2 {
    color: #fff;
}


.-defult-widgets-title-style-1 {
    text-align:center;
    position:relative;
    display:flex;
    flex-direction: column;
    padding-bottom:50px;
    width:100%;
    align-items: center;
    justify-content:space-between
}


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

.sup-title-widget-defualt {
    font-size: 16px;
    color:var(--uicolor);
    font-weight:700;
    margin-bottom: 2px;
    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)
}

.--abs---faqs--buttonns {
    position:absolute;
    right:0;
    bottom:40px;
    display:flex
}

.fqs---counter--box--item {
    display:flex;
    align-items:center;
    background:var(--uicolor);
    color:#fff;
    min-width:270px;
    border-radius:var(--miniradius);
    position:absolute;
    padding:9px 18px;
    justify-content:center
}

.fqs---counter--box--item.--second--box--faqs--btn .title,.icon {
    color:var(--primary-text)
}

.fqs---counter--box--item>p {
    color:#ffffffeb;
    font-size:15px
}

.fqs---counter--box--item>span {
    font-size:20px;
    margin-bottom:17px;
    font-weight:500
}

.fqs---counter--box--item.--first--box--faqs--btn {
    top:60%;
    left:0
}

.--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
}

.--v---faqss--image {
    border-radius:50%;
    overflow:hidden;
    -webkit-box-shadow:-26px 18px 1px -2px var(--uicolor);
    margin-inline-end:41px}

.fqs---counter--box--item.--second--box--faqs--btn {
    top:75%;
    background:#fff;
    left:30px;
    box-shadow:0 5px 15px 0 rgb(0 0 0 / .06)
}

.fqs---counter--box--item .title {
    font-size:16px;
    font-weight:500;
    line-height:1.5
}

.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
}

.fqs---counter--box--item.--second--box--faqs--btn .icon {
    background:var(--uicolor);
    color:#fff
}

.-YC-faqs-simple-title-content>.-after__intro-container>.-widget-after-intro-h1 {
    font-size:35px
}

.--faqs-img-- {
    position:relative;
    display:block;
    z-index:1;
    width:100%;
    height:100%;
    border-radius:var(--largeradius)
}

.--YC-back-faqs-img-- {
    position:absolute;
    right:-30px;
    bottom:-20px;
    z-index:-1;
    animation:5s linear infinite left1right
}

.--faqs-title-content-.-after__intro-container {
    position:relative;
    z-index:9
}



footer.-waqf-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: 0px;
}

.-pages-intro-body {
    padding: 40px 0;
    background: var(--alinks);
    padding-top: 210px;
    text-align:center;
    position: relative;
}

.--pages-content-in>h1 {
    color:#fff;
    font-size: 45px;
    margin-bottom:20px
}

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

.--PriceLists-Center-area.--mastercity-area {
    position:relative
}

.--blog-wrap-flexability {
    padding:80px 0
}
.GotoTop.visible {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.GotoTop {
    display: flex
;
    position: fixed;
    z-index: 99;
    background: var(--uicolor);
    --elwh: 50px;
    width: var(--elwh);
    height: var(--elwh);
    bottom: 40px;
    left: 40px;
    color: #fff;
    border-radius: var(--miniradius);
    justify-content: center;
    font-size: 23px;
    font-weight: 500;
    cursor: pointer;
    transition: 180ms;
    transform: translateY(150px);
    align-items: center;
}
.GotoTop:hover {
    color: var(--uicolor);
    background: #fff;
}
header>.-container>.-background-krop>.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: #2679f4;
    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: 20px;
    --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
}

.--topbar-area-- {
    margin:0!important;
    width:100%;
    position: relative;
}


.--top-area-social- {
    display:flex;
    align-items:center;
    gap: 22px;
}

.--top-area-social->a {
    display:flex;
    color: #fff;
    font-size: 16px;
    opacity:.8;
    transition:var(--transition-time)
}

.--top-area-flex-->ul>li:last-child:before {
    display:none
}

.--top-area-social->a:hover {
    opacity:1
}

.contact_info i {
    font-size:18px
}

.-header-btn-all-in {
    margin:0!important
}

header>.-container>.-background-krop>.menu-list {
    background: TRANSPARENT;
    padding:0 0;
    border-radius:var(--miniradius)
}

.-logo {
    margin:0!important;
}

.-logo>a {
    
    !i;!;
    !i;!;
    display: flex;
}

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

header>.-container>.-background-krop>.menu-list>.-menu ul>li>a:before {
    position:absolute;
    content:'';
    bottom:0;
    height: 3px;
    right:0;
    left:0;
    border-radius:38px;
    margin:0 auto;
    width:0%;
    transition:all .35s cubic-bezier(.645,.045,.355,1);
    background-color: var(--uicolor);
}

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

header>.-container>.-background-krop>.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
}


.--intro-category-link:hover {
    color: #fff;
    background: #062a49;
}

.slider-btn-right>a {
    border: none;
}

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

.-before-inro-title {
    color:#fff;
    padding: 5px 16px;
    border-radius:var(--miniradius);
    line-height:1.5;
    font-size: 17px;
}

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

.LOAD-WEP {
    width:0;
    height:2px;
    background-color:var(--uicolor);
    transition:width 0.5s ease
}

.btn-ket_2:hover {
    color:#fff;
    background-color:var(--alinks);
    border-color:var(--alinks)
}


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

.--PriceLists-Center-area {
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    justify-content: center;
}

.-category-services {
    min-width: 361px;
    max-width: 475px;
    flex:1;
    position:relative
}

.--services-image {
    overflow:hidden;
    transition:var(--transition-delay);
    border-radius:100px;
    padding-top: 75%;
    background-image:var(--bg-intro);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    border-radius:var(--miniradius)
}

.--services-content {
    position:absolute;
    bottom: 0;
    z-index:1;
    overflow: hidden;
    border-radius: var(--largeradius);
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
    padding: 16px;
    margin: 14px;
    background: #dfdede24;
    color:#fff;
    transition:var(--transition-delay)
}

.-category-services > a.category_link:before {
    content:'';
    background:linear-gradient(0deg,#00000094,transparent);
    position:absolute;
    bottom:0;
    height:100%;
    width:100%;
    right:0;
    z-index:1
}

.-category-services a.category_link {
    position:relative;
    overflow:hidden;
    border-radius:var(--miniradius);
    display:block
}

.--services-content h3 {
    font-size: 23px;
    font-weight: 600;
    color: #fff;
}

.--services-content p {
    color:#efefef;
    font-size: 14px;
    transition:var(--transition-time)
}

.-category-services:hover .--services-image {
    transform:scale(1.1)
}


.-defult-widgets-title-style-1.value:before {
    background:#404040
}

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

.-defult-widgets-title-style-1.value {
    margin-bottom:70px;
    position:relative;
    align-items:center
}

.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 {
    color:#a7a7a7;
    font-weight:100;
    font-size:15px;
    max-height:100px
}

.-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:30px;
    flex-wrap:wrap
}

.--val-icon i {
    font-size:50px;
    font-weight:100;
    color:#fff;
    margin-bottom:20px
}

.--mostklon h3 {
    font-size:26px;
    color:#fff
}

p.--value-des {
    font-size:16px;
    text-align:center;
    color:#a7a7a7;
    font-weight:200
}

.--mostklon {
    display:flex;
    flex-direction:column;
    align-items:center;
    flex:1;
    min-width:200px
}

.-home-section-item.title.back-img {
    background: linear-gradient(45deg, #2c4f9e05, #57bc710a);
}

.--mostklon:hover .--val-icon {
    transform:translateY(-10px)
}

.--val-icon {
    transition:var(--transition-time)
}
.intro_image:hover {
    transform:translate3d(0,0,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg)
}

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

.logos_flex {
    --el-w: 225px;
    min-width: var(--el-w);
    max-width: var(--el-w);
}

.--logo-fildes-in {
    transition:var(--transition-time);
    border-radius:var(--miniradius);
    padding:20px;
    border: 1px solid #e8e8e8;
}

.--logo-image {
    padding-top:52%;
    background-size:contain;
    background-image:var(--bg-intro);
    background-repeat:no-repeat;
    background-position:center;
    border-radius:var(--miniradius);
    margin-bottom:20px;
    opacity:.9;
    position:relative
}

.--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;
}

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

.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: 23px;
    font-weight: 700;
    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)
}

.-waqf-footer-body {
    padding: 45px 40px;
}

.current-menu-item>a:before {
    width:100%!important
}

.-page-toper {
    padding-top:80px;
    padding-bottom: 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:#fff;
    box-shadow:rgba(0,0,0,.2) 0 12px 28px 0,rgba(0,0,0,.1) 0 2px 4px 0,rgba(255,255,255,.5) 0 0 0 1px inset;
    border-radius:var(--miniradius);
    z-index:1;
    padding:50px;
    display:flex;
    flex-direction:column;
    align-items:center
}

.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;
}

.clients {
    text-align: center;
    margin-bottom: 52px;
    font-size: 35px;
    position: relative;
    font-weight: 500;
    color: var(--uicolor);
}

.clients:before {
    content: '';
    height: 4px;
    width: 35px;
    border-radius: var(--miniradius);
    background: var(
    --uicolor);
    position: absolute;
    top: 57%;
    right: 43%;
}

.clients:after {
    content: '';
    height: 4px;
    width: 35px;
    border-radius: var(--miniradius);
    background: var(--uicolor);
    position: absolute;
    top: 57%;
    left: 43%;
}

header {
    background: #fff;
    top: 0px;
    box-shadow: var(--al-shadow);
}

header>.-container>.-background-krop>.menu-list>.-menu>.menu-menu-1-container>ul>li>a {
    color: var(--alinks);
    font-weight: 400;
    font-size: 16px;
}

header>.-container>.-background-krop>.menu-list>.-logo img:last-child {
    opacity: 0;
    visibility: hidden;
    display: none;
}
header.hidemenu>.-container>.menu-list>.-logo img:first-child {
display:none;
}
header>.-container>.-background-krop>.menu-list>.-logo img:last-child {
    opacity: 1;
    visibility: visible;
    display: block;
}

header.fixedintro {
    background: transparent;
    top: 0px;
    box-shadow: none;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(31px);
    border-bottom: 1px solid #9b9b9b4d;
}

header>.-container>.-background-krop>.menu-list>.-logo img:first-child {
    display:none;
}


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

header.fixedintro>.-container>.-background-krop>.menu-list>.-menu ul>li>a:before {
    background: #fff;
}

header.fixedintro>.-container>.-background-krop>.menu-list>.-logo img:last-child {
    display: none;
}

header.fixedintro>.-container>.-background-krop>.menu-list>.-logo img:first-child {
    display: block;
}



.Intro--sliderArea {
    overflow: hidden;
}

.-home-section-item.logos {
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 15px;
    background: #fff;
}

.back-after-intro-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: var(--bg-intro);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    background-attachment: fixed;
    right: 0;
}

.-defult-widgets-title-style-1.team {
    justify-content: center;
    text-align: center;
    align-items: center;
    flex-direction: column;
}

.-defult-widgets-title-style-1.team .-YC--main--wep-title- {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
}

.-defult-widgets-title-style-1.team .P-content {
    text-align: center;
}

.--team-hidden {
    overflow: hidden;
    padding-inline: 10px;
    margin: 0 -10px;
    position: relative;
}

.-YC-owl-Slides-prev.-custom-owl-Slides-prev {
    right: 0px;
}

.counter-shape-flex {
    display: flex;
    flex-wrap: wrap;
}

.colm-media-in {
    margin: 143px 0 25px 0;
    min-width: 254px;
    max-width: 373px;
    flex: 1;
}

.media-body {
    text-align: center;
}

.counter-card {
    position: relative;
    background-color: #e9f2ff;
    padding: 73px 28px;
    width: 264px;
    height: 264px;
    display: block;
    margin: auto;
    text-align: center;
    border-radius: 50%;
    z-index: 2;
}

.counter-shape {
    position: absolute;
    inset: -24px;
    width: 312px;
    height: 312px;
    border-radius: 50%;
    border: 1px solid var(--uicolor);
    transition: all 0.4s ease-in-out;
}

.counter-shape:before {
    content: '';
    position: absolute;
    bottom: 20%;
    right: 7%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-sizing: content-box;
    background-color: var(--uicolor);
    bottom: unset;
    top: 10%;
    right: 16%;
}

.counter-shape:after {
    content: "";
    position: absolute;
    bottom: 20%;
    right: 7%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-sizing: content-box;
    background-color: var(--uicolor);
    bottom: unset;
    top: 10%;
    right: 16%;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-name: ripple3;
}

.counter-shape:hover {
    animation: spin 10s linear infinite;
}

.colm-media-in:nth-child(even) {
    margin-top: 0px;
}

span.-count-number {
    font-size: 50px;
    font-weight: 600;
}

span.count-number {
    font-size: 48px;
    font-weight: 500;
}

.-pattern-sections {
    z-index: -1;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    right: 0;
}

.destnation-content {
    position: absolute;
    right: -54px;
    max-width: 241px;
    bottom: 120px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

h4.box-title {
    font-size: 20px;
    color: #fff;
    line-height: 1.5;
}

.--contanct-us- {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.--all-contact-in:hover .social-feature i {
    background: var(--uicolor);
}

.-pattern-sections.before:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #0000000d;
}

.-back-image- {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom center;
    z-index: -1;
}

.--team-Center-area.home .-team-seats {
    min-width: 276px;
    max-width: 350px;
    flex: 1;
}

.--team-Center-area.home {
    margin-bottom: 20px;
    margin-top: 20px;
}

.logos_flex.page {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
    gap: 20px;
    max-width: 100%;
    min-width: 100%;
}

.logos_flex.page .--logo-fildes-in {
    min-width: 232px;
    max-width: 279px;
    flex: 1;
}

.-home-section-item.logos.page {
    margin: 0;
    border-radius: 0;
}

.container {
    overflow: hidden;
    position: relative;
}

.--title-heghit {font-size: 35px;font-weight: 700;text-align: start;line-height: 1.6;color: var(--primary-text);margin-bottom: 8px;text-align: center;}

.-blog-gridboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.bsck-image- {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    background-repeat: no-repeat;
    top: 0;
    background-size: cover;
    background-attachment: fixed;
}



.-defult-widgets-title-style-1.team.active {
    padding-bottom: 0;
}

.sup-title-widget-defualt.active {
    color: #fff;
    font-weight: 400;
}

h2.-widgets-h1-title.active {
    font-size: 35px;
    margin-bottom: 6px;
    line-height: 1.5;
    color: #fff;
    font-weight: 500;
}

.P-content.active {color: #fff;font-size: 13px;line-height: 1.8;}

.bsck-image-:before {
    content: '';
    background: #00000061;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

header .-lang-btn {
    background: var(--uicolor);
    _;
    color: #fff;
}

.-inteo-gridboxes-item-thumb {
    padding-top: 17%;
    background-image: var(--background-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: var(--miniradius);
    transition: all .6s;
    opacity: .9;
    min-width: 242px;
    height: 100%;
}

.-inteo-gridboxes-item {
    display: flex;
    gap: 25px;
    align-items: center;
    flex: 1;
    min-width: 400px;
    max-width: 725px;
    padding: 10px;
    overflow: hidden;
    border-radius: var(--largeradius);
    backdrop-filter: blur(15px);
}

.under-mawthiq {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.-inteo-gridboxes-item a {
    min-width: 230px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.-inteo-gridboxes-item-body a strong {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}


.-inteo-content {
    font-size: 14px;
    line-height: 1.5;
    color: #d5d5d5;
    margin-top: 11px;
}

a.--intro-blog-url {
    color: #fff;
    font-size: 16px;
    transition: var(--transition-time);
    text-decoration: underline;
}

a.--intro-blog-url:hover {
    opacity: 1;
}

.--customers-in {
    flex: 1;
    min-width: 181px;
    max-width: 132px;
    backdrop-filter: blur(15px);
    padding: 10px;
    border-radius: var(--largeradius);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.--customer-icon {
    font-size: 40px;
    display: flex;
}

.--customers-number {
    display: flex;
    align-items: center;
}

.--customers-number span {
    font-size: 33px;
    display: flex;
    align-items: center;
}

p.--client {
    margin: 0;
    font-size: 15px;
    text-align: center;
}

.--intro-features {
    display: flex;
    align-items: flex-start;
    flex: 1;
    min-width: 304px;
    max-width: 529px;
    padding: 10px;
    overflow: hidden;
    border-radius: var(--largeradius);
    backdrop-filter: blur(15px);
    flex-direction: column;
}

.--intro-feature-icon {
    --we: 65px;
    width: var(--we);
    height: var(--we);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: var(--uicolor);
    border-radius: var(--miniradius);
    margin-bottom: 20px;
}

h5.--intro-feature-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

p.--intro-feature-content {
    font-size: 14px;
    line-height: 1.5;
    color: #d5d5d5;
}

span.-intro-btn {
    display: flex;
    --we: 30px;
    width: var(--we);
    background: #fff;
    color: #000;
    height: var(--we);
    align-items: center;
    border-radius: var(--largeradius);
    justify-content: center;
}

span.-intro-btn i {
    font-size: 16px;
}

.-btn-all-in > span {margin-inline-start: 14px;}

header .-lang-btn:hover {
    background: #062a49;
}

c--color:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 100%;
    border-radius: 36px;
    height: 10px;
    background: linear-gradient(193deg, #0093a1, transparent);
    top: 57px;
    right: 0;
}

c--color {
    position: relative;
}

.-inteo-gridboxes-item-body a {
    margin-bottom: 15px;
}

.btn-ket_1:hover {
    background: #2a9543;
}

.btn-ket_2 span {
    margin-inline-start: 14px;
}

.-YC--main--wep-title- {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 19px;
    max-width: 750px;
}

.-widget-after-intro-h4:after {
    content: '';
    width: 35px;
    height: 2px;
    position: absolute;
    background: var(--uicolor);
    right: 0;
    top: 56%;
}
@keyframes transformRotate {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.2);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.-widget-after-intro-h4:before {
    content: '';
    --we: 11px;
    background: var(--uicolor);
    height: var(--we);
    width: var(--we);
    position: absolute;
    right: 0;
    animation: transformRotate 3s linear infinite;
    top: 40%;
}

.-faqs-list-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    align-items: start;
    width: 100%;
}
.-faqs-list:before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: var(--uicolor-1);
    border-radius: 50%;
    top: 100%;
    pointer-events: none;
    margin-top: -70px;
    right: -120px;
    opacity: .1;
}
.-faqs-list>.-faqs-list-item:nth-child(odd) {
    margin-inline-start: 0;
    margin-inline-end: 0;
}
}
.-faqs-list>.-faqs-list-item>.-faqs-list-item-title {
    display: flex;
    align-items: center;
    padding-inline: 40px;
    padding-block: 20px;
    cursor: pointer;
    box-shadow: inset 0 1px 40px -50px #d352530f;
}
.-faqs-list>.-faqs-list-item>.-faqs-list-item-title>i {
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    rotate: 90deg;
    color: var(--secondarytext-2);
}

.-faqs-list>.-faqs-list-item>.-faqs-list-item-title {
    display: flex
;
    align-items: center;
    padding-inline: 40px;
    padding-block: 20px;
    cursor: pointer;
    box-shadow: inset 0 1px 40px -50px #d352530f;
}
.-faqs-list>.-faqs-list-item>.-faqs-list-item-title>strong {
    flex: 1;
    padding-inline-end: 15px;
    font-weight: 600;
    font-size: 18px;
    color: var(--secondarytext);
}
.-faqs-list>.-faqs-list-item>.-faqs-list-item-title>em {
    font-style: normal;
    font-size: 17px;
    margin-inline-end: 15px;
    color: var(--secondarytext);
    font-weight: 400;
}
.-faqs-list-item-answer-inner {
    padding: 10px 40px 15px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--secondarytext);
    font-weight: 400;
}
.-faqs-list>.-faqs-list-item>.-faqs-list-item-answer {
    display: none;
}
.-faqs-list>.-faqs-list-item {
    break-inside: avoid;
    border-bottom: 1px solid var(--divider-light-2);
}
.-faqs-list {
    border: 1px solid var(--divider-light-2);
    border-radius: var(--miniradius);
    box-shadow: var(--shadow-elevated);
    flex: 1;
    overflow: hidden;
    position: relative;
}
.--council-flex {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.--council {
    padding: 45px 45px;
    transition: var(--transition-time);
    background: #fff;
    box-shadow: var(--shadow-elevated-hover);
    flex: 1;
    border-radius: var(--miniradius);
    min-width: 442px;
    cursor: pointer;
    height: 100%;
}
.--num-icon-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
h3.--council-title {
    transition: var(--transition-time);
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}
.--num-icon-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
p.--council-des {
    margin-bottom: 0;
    font-size: 16px;
    transition: var(--transition-time);
    line-height: 1.5;
    font-weight: 500;
    color: var(--secondarytext);
}
.--num-icon-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.box-number {
    font-family: "Exo", sans-serif;
    transition: var(--transition-time);
    font-size: 65px;
    line-height: 1;
    font-weight: 700;
    color: #E1E4E5;
}

.--council:hover {
    background: var(--uicolor);
}
.--council:hover .--council-icon i {
    transform: rotateY(180deg);
    color: #ffff;
}
.--council:hover h3.--council-title {
    color: #fff;
}

.--council:hover p.--council-des {
    color: #fff;
}

.--council-icon i {
    font-weight: revert-layer;
    font-size: 60px;
    color: var(--uicolor);
    transition: var(--transition-time);
}

.category.btn-ket_2 {
    transition: var(--transition-time);
    background: #ffffff00;
    color: #fff;
    border: 1px solid #d4d4d42b;
    max-width: fit-content;
    font-weight: 700;
}

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

.back_color {
    background: linear-gradient(180deg, #01294c08, transparent);
}

.--logos-hidden-slider {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
}

.-waqf-single--title {
    padding: 55px;
    padding-top: 214px;
    text-align: center;
    background: var(--alinks);
    color: #fff;
}

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

header .-lang-btn span {
    width: 19px;
}

.-logo {
    margin-inline-end: 29px;
}

.btn-ket_2 span i {
    transform: rotate(45deg);
    transition: var(--transition-x);
}

.btn-ket_2:hover span i {
    transform: rotate(0deg);
}
.--topbar-area-- {
    margin: 0 !important;
    width: 100%;
    border-bottom: var(--border-defult-hover);
}
.-container-top-header {
    margin-block: 5px;
    padding-inline: 20px;
}
.-container-top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 10px;
}
.--top-area-social- {
    display: flex;
    align-items: center;
    gap: 19px;
}
.--top-area-flex-->ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 25px;
}
.--top-area-flex-->ul>li {
    color: #fff;
    position: relative;
}
.--top-area-flex-->ul>li:before {
    content: '';
    height: 20px;
    width: 1px;
    position: absolute;
    background-color: #d6d6d6;
    left: -16%;
}
.contact_info {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}
.contact_info i {
    font-size: 18px;
}
.--top-area-social- {
    display: flex;
    align-items: center;
    gap: 19px;
}
.--top-area-social->a {
    display: flex;
    font-size: 17px;
    opacity: .8;
    transition: var(--transition-time);
}


header > .top-header-in {
    border-bottom: var(--border);
}

.italo-parcode {
    flex: 1;
    min-width: 200px;
    max-width: 210px;
}

h4.parcode-title {
    text-align: center;
    font-size: 19px;
}

.space-parcode-in {
    background: var(--uicolor);
    padding: 12px;
    border-radius: var(--miniradius);
}

.-inteo-gridboxes-item-body strong {
	color: #fff;
	font-size: 17px;
}

.-inteo-gridboxes-item-body {
}