:root{
    --uicolor:#833a0f;
    --primary-text:#000000;
    --secondarytext:#535772;
    --Text-color:#0d1728;
    --second-text-color:#5c5e66;
    --hover-overlay:rgb(255 222 187 / 57%);
    --uitrans:#0000001a;
    --diver:#e5eaef;
    --container:1200px;
    --font-family:"Baloo Bhaijaan 2";
    --footer-border:#FFFFFF2B;
    --success-color:rgb(42 32 27);
    --info-color:#17a2b8;
    --light-color:#f8f9fa;
    --border:1px solid #ebecf1;
    --container-width:1450px;
    --container-padding--value:40px;
    --container-padding:0 var(--container-padding--value);
    --container-padding--value:40px;
    --container-padding:0 var(--container-padding--value);
    --box-shadow-defult:#ededed 0px 0px 0px 1px, 0px 4px 2px -3px #09234012;
    --box-shadow-hover:0 5px 20px 1px rgb(11 46 151 / 12%);
    --border-defult-hover:#e5eaef52;
    --border-defult:1px solid #fff;
    --PopoverShadow:0 12px 20px 0 rgb(0 0 0 / 4%),0 2px 4px 0 rgb(0 0 0 / 2%),inset 0 0 0 1px rgb(255 255 255 / 60%);
    --whatsapp:#117c2b;
    --chevron:'\f053';
    --plus-icon:'\e59e';
    --check-icon:"\f00c";
    --largeradius:15px;
    --miniradius:8px;
    --fsize:14px;
    --searchbot:3px;
    --font-familyen:Rubik;
    --f-number:'Baloo Bhaijaan 2';
    --positive:#31a24c;
    --negative:#db1133;
    --searchi-icon:"\f002";
    --border-color:#d5e0f1;
    --border-color2:#ebf3ff;
    --uicolor2:#b35400;
    --uicolor3:#fff4e8;
    --Text-light:#dae8f6
}
*{
    margin:0;
    padding:0;
    outline:0;
    box-sizing:border-box;
    font-family:inherit;
    word-break:break-word;
    vertical-align:middle
}

.-Yc-single-sitemaps {
    margin-top: 63px;
}

.YC--works--gallery-popup {
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.-YC-owl-Slides-next , .-YC-owl-Slides-prev {
    position:absolute;
    top:50%;
    right:40px;
    font-size:17px;
    color:white;
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    border:2px solid white;
    border-radius:50%;
}

.-YC-owl-Slides-next {
    right:auto;
    left:40px;
}

-YC-owl-Slides-next {
    right:auto;
}

.gallery-container {
    width:100%;
}

.owl-item {
    float:right;
}

sp[data-sub-menu="true"] {
}body,textarea{
    line-height:1.5
}body{
    font-family:var(--font-family);
    font-size:var(--fsize);
    height:100%;
    background:#fff;
    overflow-x:hidden
}
body::-webkit-scrollbar{
    width:6px
}
body::-webkit-scrollbar-thumb{
    background:#0a172a;
    border-radius:50px
}
body::-webkit-scrollbar-track{
    background:#f9f9f9
}
img{
    max-width:100%;
    height:auto
}
::placeholder{
    color:var(--secondarytext);
    font-weight:300
}
:focus::placeholder{
    opacity:.4
}
.container{
    padding:var(--container-padding);
    max-width:var(--container-width);
    margin:0 auto
}
.--footer--intro .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    border-bottom:1px solid #c7c7c733;
    padding-bottom:40px
}
root{
    flex-direction:column;
    min-height:100vh;
    display:flex;
}

.fixedintro root {
    padding-top:0
}

input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text]{
    display:block;
    min-height:60px;
    border-radius:var(--largeradius);
    background:#fff;
    border:1px solid var(--diver);
    outline:0;
    padding:10px 15px;
    width:100%;
    flex:1 1 0%;
    font-size:22px;
    text-transform:capitalize;
    box-shadow:0 0 0!important;
    font-weight:400
}
input[type=password]{
    --item-uicolor:var(--uicolor)
}
textarea{
    display:block;
    width:100%;
    border-radius:var(--largeradius);
    outline:0;
    padding:15px!important;
    border:1px solid var(--diver);
    flex:1 1 0%;
    min-height:100px;
    font-size:20px;
    font-weight:400;
    background:var(--input-color);
    resize:unset
}
.--open--searching,footer{
    background:var(--success-color)
}
input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{
    outline:0!important;
    box-shadow:0 0 0!important;
    border-color:var(--primary-text)
}

/*header*/

.--Site--Menu>ul>li>a, .--Site--Menu>ul>li>a:hover, .--Site--Menu>ul>li>ul.sub-menu>li:hover .-Show-SubMenu-Icon>i, .--Site--Menu>ul>li>ul.sub-menu>li>a:hover, .--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .-company-contact-minibox>div>a:hover, .-footer-widgets-links>li>a:hover, .-footer-widgets-title>h3, a, body, c--color{
    color:var(--success-color)
}
.-company-contact-minibox>div>a:hover, .-footer-widgets-links>li>a:hover {
    color:var(--uicolor2);
}
.-site-logo.--logo-Image.active img{
    max-height:60px;
    width:auto
}header.fixedintro{
    max-width:1360px;
    left:0;
    margin-top:20px;
    border-radius:50px;
    margin-inline:auto;
    background:#fff;
    transform:translate(0,0);
}
header.fixedintro .-site-logo{
    max-width:200px
}
header.fixedintro .-site-logo img{
    width:auto;
    height:auto
}
.search_body>form>button:hover{
    color:var(--uicolor)
}
.YC-widgets-BTN--URLArea .-YC-owl-navs-items>.-YC-owl-Slides-next{
    left:0
}
header.fixedintro::before{
    visibility:hidden;
    opacity:0;
    transform:translateY(-100%)
}
header{
    place-content:center space-between;
    position:fixed;
    top:0;
    z-index:9999;
    right:0;
    flex-wrap:wrap;
    width:100%;
    display:flex;
    transition:180ms;
    box-shadow:0 5px 20px 1px rgb(0 0 0 / 7%);
}
body.before-start header:not(.fixedintro):before{
    --bx:rgb(14 67 181 / 3%) 0 2px 4px,rgb(149 168 207 / 4%) 0 8px 15px;
    box-shadow:var(--bx)
}
header::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    --bx-shw:rgb(0 0 0 / 3%) 0 2px 4px,rgb(5 10 18 / 1%) 0 20px 15px;
    box-shadow:var(--bx-shw);
    opacity:1;
    background:#fff
}
.-Header-Fix .container{
    align-content:center;
    position:relative;
    flex-wrap:wrap;
    display:flex;
    align-items:center;
    padding-inline:20px
}
.-Header-Fix{
    width:100%;
    padding:15px 15px;
    display:block;
    position:relative
}
.--Site--Menu{
    flex:1
}
.-site-logo>a{
    display:flex;
    font-size:40px;
    letter-spacing:2px;
    justify-content:flex-end;
    width: var(--logo-width);
}
.--Site--Menu>ul>li>a>i,.-Show-SubMenu-Icon>i{
    top:50%;
    transform:translate(0,-50%);
    font-size:11px;
    position:absolute;
    color:#4c4e5d;
}
.--Site--Menu{
    display:flex;
    padding:0 30px;
    flex:1;
    position:relative
}
.--Site--Menu>ul{
    display:flex;
    list-style:none;
    flex:1 1 0%;
    gap:4px;
    justify-content:flex-start
}
.--Site--Menu>ul>li{
    display:flex;
    flex-wrap:wrap
}
.--Site--Menu>ul>li.current-menu-item>a,.--Site--Menu>ul>li.current_page_item>a{
    color:var(--uicolor);
    font-weight:600
}
.--Site--Menu>ul>li>a{
    color:var(--primary-text);
    padding:3px 14px;
    font-weight:600;
    position:relative;
    font-size:19px;
    height:45px;
    border-radius:var(--largeradius);
    display:flex;
    align-content:center;
    flex-wrap:wrap;
    min-width:max-content;
    align-items:center;
    justify-content:center
}
.--Site--Menu>ul>li>a>i{
    left:19px;
    color:var(--intro-secondarytext)
}
.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li>a{
    position:relative;
    display:flex;
    align-items:center;
    flex:1;
    font-size:18px;
    font-weight:500;
    transition:.2s;
    color:var(--primary-text);
    z-index:1;
    padding:8px
}
.--Site--Menu>ul>li:hover ul.sub-menu,.--Site--Menu>ul>li>ul.sub-menu>li:hover ul.sub-menu,.mobile-page .animation-hidden{
    opacity:1;
    visibility:visible;
    transform:translate(0)
}
.GotoTop.visible,hoverable--box,hoverable--box .--single--work-post-box:hover .--single--word-thumnail img{
    transform:scale(1)
}
.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu{
    right:calc(100% + 11px);
    list-style:none;
    transform:translateX(10px);
    visibility:hidden;
    opacity:0;
    padding:18px 11px;
    transition:.3s;
    box-shadow:0 2px 3px #0c3b7414,0 17px 30px 10px #0f61c70d;
    border-radius:var(--largeradius);
    position:absolute;
    background:#fff;
    top:100%;
    top:calc(100% + -40px);
    display:block;
    transform:translateY(10px);
    min-width:260px
}
.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu:after{
    content:"";
    position:absolute;
    left:60px;
    z-index:0;
    width:100%;
    height:100%;
    top:0;
    background:0 0
}
.--Site--Menu>ul>li.menu-item-has-children>a{
    padding:20px 16px 20px 29px
}
.-Show-SubMenu-Icon{
    position:relative
}
.-Show-SubMenu-Icon>i{
    left:5px;
}
.--Site--Menu>ul>li>ul.sub-menu{
    position:absolute;
    top:calc(100% + 5px);
    background:#fff;
    transition:.2s;
    padding:5px 10px;
    display:block;
    border-radius:var(--miniradius);
    box-shadow:var(--box-shadow-hover);
    transform:translateY(19px);
    min-width:250px;
    opacity:0;
    visibility:hidden
}
.--Site--Menu>ul>li>ul.sub-menu:before{
    content:"";
    position:absolute;
    width:100%;
    z-index:1;
    top:-20px;
    height:100%;
    right:0
}
.--Site--Menu>ul>li>ul.sub-menu>li{
    display:flex;
    position:relative;
    align-content:center;
    align-items:center;
    flex-wrap:wrap;
    border-bottom:1px solid #0000000d;
}
.--Site--Menu>ul>li>ul.sub-menu>li>a,.-footer-widgets-links>li>a{
    align-items:center;
    font-weight:500;
    position:relative;
    font-size:16px;
}
.--Site--Menu>ul>li>ul.sub-menu>li:last-child{
    padding-bottom:0;
    border-bottom:0;
}
.--Site--Menu>ul>li>ul.sub-menu>li .-Show-SubMenu-Icon>i{
    transform:rotate(94deg);
    top:-10px;
    left:0
}
.--Site--Menu>ul>li>ul.sub-menu>li>a{
    display:flex;
    flex:1;
    transition:.2s;
    z-index:1;
    padding:9px 0;
    color:var(--primary-text);
}
.--open--searching{
    justify-content:center;
    align-items:center;
    color:#fff;
    margin-inline-start:10px;
    cursor:pointer;
    transition:180ms;
    border-radius:40px;
    --el-w:43px;
    width:var(--el-w);
    height:var(--el-w);
    font-size:20px;
    display:flex;
    box-shadow:inset 0 0 5px #00000030
}

.--header-contact-flex{
    width:100%;
    padding:13px 0;
    position:relative;
    background:#fff;
    display:none
}
.--header-contact-flex>.container{
    display:flex;
    justify-content:space-between
}
.--contact-header-content{
    flex:1
}
ul.top-area-list{
    display:flex;
    align-items:center
}
.top-area-list{
    display:flex;
    align-items:center;
    gap:18px;
    margin-inline:auto
}
.top-area-list>div{
    display:flex;
    align-items:center;
    gap:11px;
    list-style:none;
    position:relative;
    font-size:14px
}
.top-area-list>div a:hover,.top-area-list>div:hover{
    color:var(--sociaColor)
}
.Phone{
    --sociaColor:#d91672
}
.top-area-list>div i{
    font-weight:500
}
.top-area-list>div:after{
    content:"";
    position:relative;
    top:0;
    width:8px;
    height:8px;
    background-color:#f4f8ff;
    margin-inline-start:8px;
    border-radius:50%
}
.owl-nav,.top-area-list>div:last-child:after{
    display:none
}
.top-area-list>div a{
    gap:7px;
    display:flex;
    align-items:center
}
ul.list-unstyled{
    display:flex;
    align-items:center;
    list-style:none;
    gap:17px
}
.--social-header-content>ul.list-unstyled>li>a{
    display:flex;
    align-items:center;
    justify-content:center;
    --fk:32px;
    width:var(--fk);
    height:var(--fk);
    border-radius:var(--miniradius);
    color:var(--sociaColor);
    font-size:18px
}
c--color{
    position:relative;
    color:var(--uicolor)
}
c--color:before{
    width:100%;
    height:8px;
    background-color:#ffdc60;
    content:"";
    clip-path:polygon(0% 100%,100% 0,100% 100%);
    position:absolute;
    bottom:8px;
    animation:1s ease-in-out .3s forwards section-highlight;
    opacity:0
}
@keyframes section-highlight{
    0%{
        right:0
    }
    100%{
        left:0
    }
}
.fixedintro root{
    padding-top:0
}
.circle-pattern{
    position:absolute;
    right:4px;
    height:660px;
    background:#ffffff42;
    width:640px;
    transform:rotate(18deg);
    border-radius:50%
}


/*footer*/

footer{
    display:block;
    padding:50px 0 0;
    position:relative;
    --primary-text:white;
    --secondarytext:#edf0fcf5
}
footer-body{
    display:flex;
    align-items:center;
    place-content:flex-start space-between;
    flex-wrap:wrap;
    gap:25px;
    justify-content:space-between
}
.-footer-widgets-single.-current-widgets-logo{
    display:flex;
    flex-direction:column;
    flex:1;
    max-width:320px
}
.-footer-widgets-single{
    min-width:max-content;
    display:block;
    overflow:hidden;
    position:relative
}
.-footer-site-logo.--logo-Image{
    margin-bottom:15px;
    max-width:max-content;
    filter:invert(1) brightness(24.5)
}
.-footer-p-content{
    color:var(--secondarytext);
    font-size:18px;
    line-height:25px;
    margin-bottom:15px;
    max-width:350px;
    font-weight:300
}
.-footer-widgets-title{
    display:block;
    margin-bottom:15px
}
.-footer-widgets-title>div{
    font-weight:600;
    font-size:23px;
    margin-bottom:10px;
    line-height:1.4;
    color:#fff
}
.-footer-widgets-links{
    list-style:none;
    display:block
}
.-footer-widgets-links>li>a{
    display:flex;
    align-content:center;
    color:var(--secondarytext);
    padding:7px 0;
    transition:180ms;
    flex-wrap:wrap
}
.-footer-widgets-single.-current-widgets-maps{
    max-width:220px;
    min-width:280px
}
.--Inner--footer--sit-map{
    position:relative;
    padding-bottom:70%;
    border-radius:var(--miniradius);
    overflow:hidden
}
.--Inner--footer--sit-map>iframe{
    position:absolute;
    width:100%;
    height:100%
}
.--yourcolor--button--phones>a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:inherit;
    font-size:27px;
    position:relative
}
.btn-fixed-bh{
    display:flex;
    flex-direction:column;
    right:10px;
    z-index:1200
}
.--yourcolor--button--phones{
    display:flex;
    align-items:center;
    --el--w:55px;
    width:var(--el--w);
    height:var(--el--w);
    border-radius:var(--largeradius);
    z-index:55;
    margin-top:10px;
    justify-content:center;
    color:#fff;
    background:rgb(18 129 215)
}
.--YourColor--whatsapp-button{
    background:var(--whatsapp)
}.GotoTop.visible{
    visibility:visible;
    opacity:1
}
.GotoTop{
    z-index:3;
    background:var(--uicolor2);
    --elwh:45px;
    width:var(--elwh);
    height:var(--elwh);
    left:40px;
    color:#fff;
    justify-content:center;
    font-size:24px;
    font-weight:400;
    cursor:pointer;
    transition:180ms;
    border:2px solid var(--uicolor);
    transform:scale(0);
    display:flex;
    align-items:center;
    border-radius:50%
}
.GotoTop:before{
    content:"";
    position:absolute;
    left:var(--extra-shape,-6px);
    top:var(--extra-shape,-6px);
    right:var(--extra-shape,-6px);
    bottom:var(--extra-shape,-6px);
    background-color:rgba(0,0,0,0);
    border-radius:inherit;
    z-index:1;
    border:2px dashed var(--uicolor);
    transition:180ms
}
.-company-contact-minibox>div i{
    margin-inline-end:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:400;
    z-index:1;
    font-size:23px;
    min-width:26px
}
.-company-contact-minibox>div>a{
    display:flex;
    flex-wrap:wrap;
    justify-content:inherit;
    color:var(--primary-text)
}
.-company-contact-minibox>div{
    padding:10px 0;
    position:relative;
    color:var(--secondarytext);
    display:flex;
    align-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    font-weight:500;
    font-size:17px;
    justify-content:flex-start
}
.-row-shares-items{
    display:flex;
    align-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:4px
}
.-row-shares-items>a{
    align-content:center;
    font-size:17px;
    transition:180ms;
    flex-wrap:wrap;
    position:relative;
    width:36px;
    height:36px;
    background:#ffffff1f;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin-inline-end:6px;
    color:#fff;
    background:var(--sociaColor)
}
.top-area-list>div,.top-area-list>div>a{
    color:var(--secondarytext)
}
.-row-shares-items>a:hover i{
    color:#fff
}
.-row-shares-items>a i{
    position:relative
}
.facebook,.link_facebook{
    --sociaColor:#3b5998
}
.footer-bottom-current{
    margin-top:15px;
    background:var(--uitrans);
    padding:10px 0;
    border-top:1px solid #c7c7c733
}
footer-bottom{
    display:flex;
    margin:0;
    font-weight:600;
    justify-content:center;
    font-size:17px;
    color:var(--primary-text)
}
.footer-bottom-current .container{
    display:flex;
    align-items:center;
    justify-content:center
}
.-row-shares-items>a:hover:before{
    transform:scale(1);
    opacity:1;
    visibility:visible
}
.-row-shares-items>a:before{
    visibility:hidden;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    background:var(--sociaColor);
    transform:scale(.6);
    transition:180ms;
    opacity:0
}
 
.yourcolor--copyright{
    color:#fff;
    font-size:14px;
    font-weight:600;
    margin-right:10px
}
.yourcolor--copyright a img{
    filter:brightness(104.5)
}

/*so cal media*/

.mail{
    --sociaColor:rgb(136, 136, 136)
}
.messenger{
    --sociaColor:rgb(0, 153, 255)
}
.link_twitter,.trello,.twitter{
    --sociaColor:#00aced
}
.link_instagram{
    --sociaColor:#e000c5
}
.link_linkedin,.linkedin{
    --sociaColor:#007AB5
}
.baidu,.blogger,.buffer,.digg,.email,.evernote,.facebook,.flipboard,.googleplus,.hackernews,.line,.linkedin,.messenger,.myspace,.okru,.pinterest,.pocket,.renren,.skype,.stumbleupon,.telegram,.trello,.tumblr,.twitter,.viber,.vk,.weibo,.whatsapp,.xing,.youtube{
    --sociaTextColor:white
}
.googleplus{
    --sociaColor:#DD4C39
}
.Email{
    --sociaColor:#086eb4
}
.Whatsapp{
    --sociaColor:#4DC247
}
.link_telegram,.telegram{
    --sociaColor:#34ADE1
}
.whatsapp{
    --sociaColor:#4dc247
}
.viber{
    --sociaColor:#7C529E
}
.pinterest{
    --sociaColor:#CB2029
}
.tumblr{
    --sociaColor:#32506d
}
.hackernews{
    --sociaColor:#FF6700
}
.reddit{
    --sociaColor:#CEE3F8;
    --sociaTextColor:#445e7e
}
.vk{
    --sociaColor:#45668E
}
.Adress{
    --sociaColor:#278fdd
}
.buffer{
    --sociaColor:#46ABED
}
.xing{
    --sociaColor:#006464
}
.line{
    --sociaColor:#1DCD00
}
.digg{
    --sociaColor:#1B568E
}
.pocket{
    --sociaColor:#EE4056
}
.stumbleupon{
    --sociaColor:#EB4924
}
.flipboard{
    --sociaColor:#E02828
}
.weibo{
    --sociaColor:#E6162D
}
.renren{
    --sociaColor:#005EAC
}
.myspace{
    --sociaColor:#111
}
.blogger{
    --sociaColor:#EB8104
}
.baidu{
    --sociaColor:#2319DC
}
.okru{
    --sociaColor:#EE8208
}
.link_youtube{
    --sociaColor:#FF0000
}
.evernote{
    --sociaColor:#5ba525
}
.skype{
    --sociaColor:#00aff0
}

/*bottun */
.GotoTop,.btn-fixed-bh{
    bottom:10px;
    position:fixed
}
.YC-Post-BTN,a{
    text-decoration:none
}
.YC-widgets-BTN--URLArea{
    display:flex;
    align-items:center;
    margin-top:20px
}
.-YC-mastercity-area-ciytes{
    position:relative;
    padding:30px 20px;
    overflow:hidden;
    margin-inline:-21px
}
.owl-stage{
    direction:rtl;
}
.YC-widgets-BTN--URLArea .-YC-owl-navs-items>div{
    border:2px solid var(--primary-text);
    --chev-w:45px;
    width:var(--chev-w);
    height:var(--chev-w);
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    font-size:21px;
    color:var(--primary-text);
    transition:.5s;
    cursor:pointer;
    background:#fff
}
.YC-widgets-BTN--URLArea .-YC-owl-navs-items>div:hover{
    background:var(--primary-text);
    color:#fff
}
.about_lists-style1.active-item>span:before,.sup-title-widget-defualt{
    background-color:var(--success-color)
}
.YC-widgets-BTN--URLArea .-YC-owl-navs-items>div:last-child{
    margin-inline-start:12px
}.YC-widgets-BTN--URLArea .-YC-owl-navs-items{
    display:flex;
    margin-inline-start:20px
}.-defult-widgets-title-style-1{
    max-width:900px;
    margin-inline:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    --primary-text:#1d1e1e
}
.--widght_video-content--{
    font-size:15px;
    color:#fff
}
.--footer--intro{
    display:block;
    padding:15px 0 30px
}
.--footer--title-H2{
    font-size:34px;
    font-weight:600;
    margin-bottom:15px;
    width:100%;
    color:var(--primary-text)
}
.--Parent-URL-BTN a,.YC-Post-BTN{
    align-items:center;
    width:max-content
}
.-defult-widgets-title.--SB-button--id{
    --primary-text:#00
}
.--footer--content-P{
    color:var(--secondarytext);
    font-size:18px;
    max-width:calc(100% - 180px)
}
.--footer-intro-title{
    max-width:770px;
    position:sticky;
    top:30px
}
.-button-widgets-footer{
    --primary-text:#000;
    position:sticky;
    top:20px;
    transition:.2s;
    display:flex;
    gap:10px
}
.-button-widgets-footer .--Parent-URL-BTN a{
    color:var(--uicolor);
    border-color:#fff;
    background:#fff
}
title--tooltip{
    position:fixed;
    background:rgba(0,5,14,.77);
    padding:5px 10px;
    border-radius:var(--miniradius);
    color:#fff;
    font-size:13px;
    max-width:250px;
    font-weight:400;
    line-height:1.6;
    z-index:20000
}
.--Parent-URL-BTN a{
    border:1px solid transparent;
    display:inline-flex;
    font-size:20px;
    overflow:hidden;
    position:relative;
    z-index:0;
    padding:12px 18px;
    color:#fff;
    border-radius:40px;
    font-weight:500;
    background-size:150%;
    transition:.2s ease-in-out;
    background-position:left;
    background:var(--whatsapp);
    min-width:max-content
}
.--Parent-URL-BTN a span{
    transition:opacity .6s,transform .8s;
    transition-timing-function:cubic-bezier(0.15,0.85,0.31,1);
    position:relative
}
.--Parent-URL-BTN a:hover span{
    transform:translateY(-150%);
    opacity:0
}
.--Parent-URL-BTN a i{
    font-size:17px;
    color:#fff;
    position:relative;
    top:2px;
    transition:opacity .6s,transform .8s;
    transition-timing-function:cubic-bezier(0.15,0.85,0.31,1);
    margin-inline-start:13px
}
.--Parent-URL-BTN a:before {
    content:attr(title);
    display:inline-block;
    position:absolute;
    width:max-content;
    top:50%;
    transform:translate(0, 80%);
    opacity:0;
    transition:opacity .6s, transform .8s;
    transition-timing-function:
cubic-bezier(0.15, 0.85, 0.31, 1);
    min-width:max-content;
    max-width:max-content;
}
.--Parent-URL-BTN a:hover i{
    transform:rotate(0)
}
.--Parent-URL-BTN a.button_url_2{
    background:#fff;
    border:1px solid var(--primary-text);
    color:var(--primary-text)
}
.--Parent-URL-BTN a.button_url_2 i{
    color:#000
}
.--Parent-URL-BTN a.button_url_2:hover i{
    color:#fff
}
.--Parent-URL-BTN a.button_url_2:hover{
    color:#fff;
    background:var(--primary-text);
    border-color:var(--primary-text)
}
.-button-widgets-footer .--Parent-URL-BTN a.button_url_2:hover{
    background:var(--whatsapp);
    color:#fff
}
.-button-widgets-footer .--Parent-URL-BTN a.button_url_2:hover:before{
    color:#fff
}
.--Parent-URL-BTN a:hover{
    box-shadow:0 6px 10px 0 rgb(4 4 4 / 14%);
    background:var(--uicolor2)
}
.--Parent-URL-BTN a:hover:before {
    color:#fff;
    transform:translate(0, -50%);
    opacity:1;
}
.YC-Post-BTN{
    font-size:18px;
    font-weight:500;
    line-height:22px;
    color:var(--primary-text);
    display:flex;
    gap:6px;
    position:relative;
    margin-top:10px
}
.YC-Post-BTN:hover:before{
    width:100%
}
.YC-Post-BTN:before{
    inset-inline-start:0;
    width:0;
    bottom: -2px;
    height:1px;
    content:"";
    position:absolute;
    background-color:var(--uicolor);
    transition:.3s cubic-bezier(.5, 1, .89, 1)
}.YC-Post-BTN i{
    font-size:14px
}.YC-widgets-item{
    margin-bottom:9px;
    font-size:45px;
    font-weight:800;
    color:var(--primary-text);
    display:flex;
    align-items:flex-end;
    line-height:.8;
    margin-inline-end:10px;
    font-family:var(--f-number)
}

/*search style*/
.search_body,.search_body>form,.search_header{
    display:flex;
    width:100%
}
.contact-area-counter{
    margin-bottom:60px
}
.search_header{
    position:fixed;
    height:100%;
    top:0;
    right:0;
    left:0;
    z-index:20000;
    align-items:flex-start
}
.search_header.shows--in-searching .search_overlay{
    transform:translateY(0);
    visibility:visible;
    opacity:1
}
.search_header .search_overlay{
    position:fixed;
    height:100%;
    width:100%;
    background:#000000d4;
    top:0;
    transform:translateY(-100%);
    transition:180ms .1s;
    visibility:hidden;
    opacity:0;
    backdrop-filter:blur(7px)
}
.search_header.shows--in-searching .search_body{
    transform:translate(0,100%);
    visibility:visible;
    opacity:1
}
.search_body{
    overflow:hidden;
    transition:180ms;
    opacity:0;
    transform:translate(0,-100%);
    visibility:visible;
    opacity:1;
    max-width:1101px;
    margin-inline:auto
}
.search_body>form{
    position:relative;
    align-items:center;
    height:190px;
    z-index:1
}
.search_body>form>label{
    display:none
}
.search_body-input{
    position:relative;
    display:flex;
    flex:1
}
.shows--input-searching .search_body-input:before{
    transform:scale3d(1,1,1);
    transition-duration:1s;
    width:100%;
    left:0
}
.search_body-input:before{
    content:"";
    position:absolute;
    width:0;
    height:100%;
    right:0;
    border-bottom:2px solid #fff;
    transform:scale3d(1,1,0);
    transform-origin:50% 0%;
    transition:.3s
}
.search_body>form .search_body-input input{
    padding:20px 0;
    font-size:25px;
    box-shadow:0 0 0;
    border:0;
    font-weight:400;
    line-height:1.9;
    flex:1;
    background:0 0;
    color:#fff;
    position:relative;
    margin-bottom:0;
    width:100%;
    border-radius:0
}
.search_body>form>button{
    border:0;
    background:0 0;
    width:60px;
    height:60px;
    font-size:28px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    border-radius:50%;
    color:#fff
}
.search_closse{
    --el-width:60px;
    width:var(--el-width);
    height:var(--el-width);
    justify-content:center;
    align-items:center;
    border-radius:50%;
    font-size:28px;
    color:var(--uicolor);
    cursor:pointer;
    transition:180ms;
    position: absolute;
    display: none;
}.-footer-site-logo.--logo-Image {
     max-width:240px;
}
root.mobile-page .YC-BreadCrumb {
     display:none;
}
.search_body-input {
     flex-direction:column;
}
 .search_body-input label {
     position:relative;
     color:#fff;
     font-size:37px;
}



/*video popover*/
.video--popover{
    position:fixed;
    width:100%;
    height:100%;
    background:#000000f0;
    z-index:9999;
    right:0;
    top:0
}
.video--popover .video--popover--overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0
}
.video--popover--body{
    position:absolute;
    width:900px;
    top:50%;
    transform:translate(-50%,-50%);
    left:50%;
    right:0
}
.video--popover-iframe{
    width:100%;
    position:relative;
    padding-bottom:59%;
    overflow:hidden;
    border-radius:20px;
    box-shadow:-4px 4px 2px 4px #ffffff4a,-4px 4px 2px 16px #ffffff4a
}
.video--popover-iframe>iframe{
    position:absolute;
    width:100%;
    height:100%
}
.-Top-separator-shows__in .shape-divider svg,.custom-shape-divider-bottom-1705025629 svg{
    width:calc(100%);
    transform:rotate(182deg)
}
.video--popover--closse{
    position:absolute;
    --el-w:36px;
    width:var(--el-w);
    height:var(--el-w);
    border-radius:50%;
    background:var(--uicolor);
    color:#fff;
    left:-18px;
    top:-18px;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    cursor:pointer;
    transition:180ms
}



/*basics*/

.-ycw-row{
    padding:40px 0;
    position:relative
}hoverable--box{
    position:absolute;
    background:#fff;
    transition:380ms;
    z-index:100;
    visibility:hidden;
    opacity:0;
    border-radius:20px;
    box-shadow:0 12px 42px rgba(69,38,177,.1),11px 6px 25px rgba(69,38,177,.1)
}

.-YC-Intro-image_intro-box{
    max-width:650px;
    position:relative;
    flex:1;
    display:flex;
    align-items:end;
    justify-content:end
}
.-widgets-h1-title{
    width:100%;
    font-weight:700;
    color:var(--primary-text);
    text-align:center;
    font-size:40px;
    z-index:1
}.-widgets-h1-title,.title-anim{
    display:inline-block;
    position:relative
}
.-YC-FaqsSimple-Center-v1 .sup-title-widget-defualt{
    margin-inline-start:0
}

.sup-title-widget-defualt{
    font-size:20px;
    margin-bottom:13px;
    position:relative;
    font-weight:500;
    color:#fff;
    border-radius:var(--largeradius);
    display:flex;
    width:max-content;
    margin-inline:auto;
    padding:4px 10px;
}

.-DropChevrons-UL ul li i,.P-content{
    font-weight:500
}

.--Parent-URL-BTN {
    margin-inline-end:20px
}
.P-content{
    color:var(--secondarytext);
    display:block;
    text-align:center;
    margin-top:15px;
    font-size:20px
}.YC-widgets-container-secondary-element-item .P-content{
    text-align:right;
    color:var(--secondarytext);
    font-weight:400;
    font-size:16px;
    line-height:1.8
}

.YC-container-widgets-Taps .container{
    display:flex;
    align-items:center;
    justify-content:space-between
}


.scroller-x[data-direction=right]{
    --_animation-direction:reverse;
    --e-con-transform-rotateZ:4.2deg;
    transform:rotate(var(--e-con-transform-rotateZ));
    position:relative;
    z-index:1
}
.scroller-x__list{
    --direction:row;
    width:max-content;
    flex-wrap:nowrap;
    animation:scroll var(--_animation-duration,60s) var(--_animation-direction,forwards) linear infinite;
    display:flex;
    flex-direction:var(--direction);
    margin:0;
    padding:16px 0;
    list-style:none;
    align-items:center;
    align-items:center
}
.scroller-x[data-direction=right] .scroller-x__list{
    background:#f2f2f2
}
.button-phonenumber p {
    font-size:19px;
    font-weight:500;
    color:#fff;
    padding-top:4px;
}
@keyframes scroll{
    to{
        transform:translate(calc(-50% - .5rem))
    }
}
.scroller-x[data-direction=left]{
    --e-con-transform-rotateZ:-4.5deg
}
.scroller-x[data-speed=slow]{
    --_animation-duration:120s;
    direction:ltr
}
.scroller-x:hover>div{
    animation-play-state:paused
}.-ycw-section.-ycwt-widght_video{
    background:#fff;
    overflow:hidden
}

-shadow:0 0 10px var(--uitrans)
.-ycw-section.-ycwt-after__intro .inner-circle{
    left:170px;
    right:inherit;
    top:250px
}.-YC-widght_svg{
    position:absolute;
    left:0;
    width:100%;
    line-height:0;
    direction:ltr;
    top:0
}html{
    transition:.2s
}.-ycw-section.-ycwt-blog_v1{
    padding-top:30px;
    position:relative;
    padding-bottom:30px
}.YC-YourColor-intro-BTN .--Parent-URL-BTN a{
    background:var(--uicolor)
}
.YC-YourColor-intro-BTN a.button_url_2{
    background:#fff;
    color:var(--whatsapp);
    border-color:var(--whatsapp)
}
.-button-widgets-footer .--Parent-URL-BTN a i,.-button-widgets-footer .--Parent-URL-BTN a:hover i,.-button-widgets-footer .--Parent-URL-BTN a:hover:before,.YC-Post-BTN:hover{
    color:var(--uicolor)
}
.YC-YourColor-intro-BTN a.button_url_2:hover{
    background:var(--whatsapp);
    color:#fff;
    border-color:var(--whatsapp)
}
.-defult-widgets-title--URLArea-v1{
    display:flex;
    margin-top:29px;
    justify-content:flex-end
}.-ycw-section.-ycwt-wighet_pin .-ycw-row{
    padding:0;
}header.hidemenu{
    transform:translate(0,-129px)
}
.--footer--intro .-YC-widght_svg{
    top:0
}.-YC-widght_svg.bottom{
    bottom:0;
    top:inherit;
    transform:rotate(180deg);
    z-index:1
}.item-shape {
    right:-170px;
    z-index:0;
    bottom:-130px;
    width:300px;
    position:absolute;
    height:300px;
    background:#e1d9fe0a;
    border-radius:50%;
}
.gallery-overlay {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    justify-content:center;
    align-items:center;
    z-index:9999;
    display:flex;
    width:100%;
    background-color:rgba(0, 0, 0, 0.8);
} 
.gallery-item {
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding-inline:20px;
}

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

.close-popup {
    position:absolute;
    top:20px;
    right:20px;
    background-color:rgba(255, 255, 255, 0.7);
    border:none;
    padding:10px;
    font-size:18px;
    cursor:pointer;
    z-index:10000;
}
.close-popup:hover {
    background-color:rgba(255, 255, 255, 1);
}
.gallery-overlay-close {
    position:absolute;
    top:40px;
    left:40px;
    cursor:pointer;
    font-size:24px;
     /* الخلفية الداكنة */
    color:white;
    width:50px;
    height:50px;
    border:2px solid white;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1;
    border-radius:50%;
}