.catagroy-card::before,.channal .channal-cover img{position:absolute;bottom:0}.catagroy-card,.channal-card{background-color:#fff;box-sizing:border-box;box-shadow:-.083333333in .5pc 1.125pc -7px rgb(25 42 70 / 13%)}.catagroy-card-content,.catagroy-card::before,.channal .channal-cover img{width:100%}.catagroy-card{border-radius:10px;height:97.5pt;align-items:flex-end}.channal-card .channal-card-thumbnail{height:75pt}.catagroy-card,.catagroy-card-content,.channal-card,.channal-details{position:relative}.catagroy-card,.channal-card .channal-card-thumbnail{background-size:cover}.catagroy-card,.channal-card,.channal-card .channal-card-creator,.nav-channal{overflow:hidden}.channal-card .channal-card-body{text-align:center;margin-top:-3.125pc;padding:.15625in 1.25pc}.catagroy-card::before{content:"";z-index:1;left:0;height:44%;opacity:.5;border-radius:inherit;background:linear-gradient(to bottom,rgb(0 0 0 / 0%) 0,#2b2b2b 60%);background-blend-mode:color-burn}.channal .channal-cover img{height:100%;top:50%;right:0;left:50%;transform:translate(-50%,-50%);object-fit:cover}.catagroy-card,.channal-details{display:flex}.catagroy-card-content{padding:.125in .135416667in}.catagroy-card-content h4{margin-bottom:0;color:#fff}.channal-card h4{font-size:16px;margin-bottom:.0625in}.catagroy-card-content,.channal-details{z-index:2}.channal-card p{color:#9d9d9d;font-size:.140625in}.channal-card .channal-card-creator,.channal-details .channal-image img{border-radius:100%}.channal-card{border-radius:.75pc}.channal-card .channal-card-creator{width:.520833333in;margin:auto auto 5.25pt;border:.03125in solid #fff;border-image:none}.channal-card p,.channal-details .channal-details-info h3{margin-bottom:2px}.channal-cover::before{position:absolute;content:"";z-index:1;bottom:0;left:0;width:100%;height:60%;opacity:.5;border-radius:inherit;background:linear-gradient(to bottom,rgb(0 0 0 / 0%) 0,#212529 60%);background-blend-mode:color-burn}.channal-details{margin-top:-1.145833333in;margin-bottom:1.25pc;width:93%;padding-left:3%;padding-right:3%}.channal-details,.nav-channal .responsive-tab a{padding-bottom:0;padding-top:0}.channal .channal-cover,.channal .channal-cover img{display:block}.channal-details .channal-image img{width:45pt}.channal-details,.channal-details .left-side{align-items:center}.channal-details .channal-details-info h3,.channal-details .channal-details-info p{color:#fff}.nav-channal{background:#fff;border-radius:7px;box-shadow:0 .0625in .75pc -.625pc #c4c4c4;margin:auto;z-index:2}.channal-details .channal-details-info p{margin-bottom:0}.nav-channal .responsive-tab a{padding-left:.197916667in;padding-right:.197916667in;margin-right:0}.channal .channal-cover{min-height:187.5pt;max-height:100%;height:0;padding:0;overflow:hidden}.channal .channal-cover,.nav-channal{position:relative}.nav-channal-saerchbox,.nav-channal-saerchbox i{position:absolute}.nav-channal-saerchbox i{right:12px;top:.104166667in}.channal-details .left-side{flex:1}.channal-details .left-side,.nav-channal-saerchbox{display:flex}.nav-channal-saerchbox{top:9px;right:.166666667in;width:250px;z-index:1}.channal-details .right-side{width:auto}.channal-details .channal-image{margin-right:17px}.nav-channal-saerchbox .uk-input{height:27.75pt;padding:0 .6875pc;font-size:.145833333in}

@media (width <=965px){.channal .channal-cover{min-height:200px}.btn-subscribe a{padding:3.75pt;height:.239583333in;font-size:14px;line-height:1.4375pc}.nav-channal{border-radius:0}.btn-subscribe .button::before,.btn-subscribe .subs-amount,.btn-subscribe i{display:none!important}.channal .main_content_inner{padding:0}.channal-details .channal-image img{width:40px}.nav-channal-saerchbox{display:none}.channal-details .channal-details-info p{font-size:13px}}.post-new-media-input .uk-input,.post-new-type>a:hover{background-color:#f1f3f4}.post-new-media-input .uk-input:focus{border-radius:0.052083333in}.post-new{margin-bottom:15pt;background-color:#fff;border-radius:0.375pc;box-shadow:0 .0625pc .5625pc -.125pc #d2d2d2;padding:12pt 12pt 10px}.post-heading .post-btn-action span.icon-more{width:1.8125pc;height:2.25pt;position:relative}.post-new-media-input .uk-input{border-radius:50px}.post-new-media-input .uk-input,.post-new-media-input .uk-input:focus{border-color:#f1f3f4}.post-focus .post-pop .post-new .post-new-media-input .uk-input{background-color:transparent;border-left-color:transparent}.post-heading .post-avature img,.post-heading .post-btn-action span.icon-more{border-radius:100%}.post .post-description .fullsizeimg img{max-height:none;border-width:0;border-left-style:none}.post-heading .post-avature img,.post-new-media-user img{width:.416666667in;height:40px}.post-new-tab-nav a:hover{background-color:#f2f4f5}.post-heading .post-btn-action span.icon-more::before{font-family:unicons;font-size:.229166667in;content:"";line-height:22.5pt;top:50%;left:50%;transform:translate(-50%,-80%)}.post-new-media-user img{border-radius:50%}.post-heading .post-title,.post-new-header h4,.post-new-media-input,.post-new-type>a{flex:1}.post-new-media-input,.post-new-type>a{min-width:1px}.post-new-media,.post-new-type>a{display:flex}.post-new-type,.post-new-type>a{align-items:center}.post-new-type>a{padding:0.052083333in 7.5pt;border-radius:0.052083333in}.post-pop .post-new{display:none}.post-focus [class~="main_sidebar"]{z-index:0!important;transition:none}.post-heading .post-title h4{font-size:16px;margin-bottom:-.75pt}.post-new-media-user{width:auto;margin-right:15px}.post-heading .post-title p{font-size:9.75pt;margin-bottom:0;font-weight:600;color:#7d7d7d}.post-new hr{margin:.5pc 0}.post-new-btn-close:hover{background-color:#d4d4d4;cursor:pointer}.post-focus .post-pop .post-new-overyly{visibility:visible}.post .post-heading,.post .post-state-details div,.post-new-tab-nav a,.post-new-type{display:flex}.post-new-header h4{text-align:center;margin-bottom:.104166667in}.post-new-tab-nav .uk-grid-margin{margin-top:7.5pt!important}.post-focus .post-pop .post-new,.post-new-overyly{z-index:1e13}.post-focus .post-pop .post-new{margin-top:-8.75pc;display:block;box-shadow:0 7.5pt .625pc -6pt #a0a0a0}.post .post-heading,.post-focus .post-pop .post-new{position:relative}.post .post-description .fullsizeimg img{border-bottom-style:none;border-right-style:none;border-top-style:none;border-color:currentcolor;border-image:none;padding:0;border-radius:0}.post .post-heading{padding-left:0.15625in;padding-bottom:0;padding-top:15pt}.post-focus .post-pop .post-new .post-new-media-user{margin-right:0}.post-new-btn-close::before{font-family:Feather-Icons;font-size:15pt;content:"";line-height:1.875pc;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.post-new-overyly{position:fixed;width:100%;left:0;height:100%;background:hsl(0deg 0% 60% / 42%);visibility:hidden}.post .post-description,.post .post-heading{padding-right:0.15625in}.post-focus .post-pop .post-new,.post-focus .post-pop .post-new-overyly{transition:.15s cubic-bezier(0, 0, 0, 1.09)!important}.post-heading .post-avature,.post-heading .post-btn-action{width:auto}.post-heading .post-btn-action,.post-new-overyly{top:0}.post-heading .post-title{margin-left:.9375pc;min-width:.75pt}.post .post-state-details div,.post-new-tab-nav a{align-items:center}.post-heading .post-btn-action{right:0;height:18.75pt}.post-new-tab-nav a{border-radius:1.041666667in;margin-right:7.5pt;width:.385416667in;height:37px;font-size:.197916667in}.post-pop .post-new .post-new-media{margin-bottom:.416666667in}.post .post-state,.post-new-header{display:flex}.post .post-description .uk-grid-small>*{padding-left:0.625pc!important}.post .post-description *+.uk-grid-margin{margin-top:.104166667in}.post .post-description .fullsizeimg,.post .post-description .fullsizevid{max-height:600px;margin-left:-.9375pc;overflow:hidden;margin-bottom:5px;margin-top:-10px}.post-new-header{border-bottom:1px solid #f1f3f4;border-image:none;margin-bottom:.875pc}.post .post-description{padding-left:0.9375pc;padding-bottom:0.083333333in;padding-top:15px}.post .post-state,.post .post-state-details div,.post-new-tab-nav a{justify-content:center}.post hr,.post-new-header{margin-left:-.9375pc;margin-right:-15px;margin-top:0}.post hr{margin-bottom:0;border-color:#efefef}.post .post-state{width:100%;text-align:center;position:relative;align-items:center;flex-wrap:wrap;border-top-width:1px;border-top-color:#f3f3f3;border-image:none;border-bottom-color:#f3f3f3}.post .post-state-details * img,.post-new-btn-close{border-radius:100%}.post .post-state-details * img{width:20.25pt;z-index:2;border-width:.03125in;border-right-style:solid;border-top-style:solid;border-left:.03125in solid #fff}.post .post-state .post-state-btns:hover{background-color:#f1f3f4}.post .post-state .post-state-btns{border-radius:3.75pt;color:#616770;font-size:.8125pc;font-weight:600;line-height:19px;flex:1}.post-new-btn-close{z-index:100;background:#f1f3f4;width:32px;height:24pt;right:.1875in;margin-top:-.3125pc}.post-comment-avatar img{width:.416666667in;height:30pt;border-radius:50%}.post .post-description .fullsizeimg video,.post .post-state .post-state-btns{border-width:0;border-left-style:none;border-bottom-style:none;border-right-style:none}.post .post-state,.post-comment-text::before{border-top-style:solid}.post-heading .post-btn-action span.icon-more::before,.post-new-btn-close{position:absolute}.post-comment-text-inner h6,.post-comment-text-inner p{margin-bottom:0}.post-comment-text-inner h6{font-size:.151041667in}.post-new-type>a img{width:1.4375pc;margin-right:7px}.post .post-state,.post-new-tab-nav{border-bottom-width:1px}.post-comment-text::before{content:"";width:0;height:0;border-top-width:.083333333in;border-top-color:transparent;border-image:none;border-bottom-width:.083333333in}.post .post-state,.post .post-state-details * img,.post-new-tab-nav{border-bottom-style:solid}.post .post-add-comment,.post .post-state-details,.post-comments-single,.post-new-tab-nav{display:flex}.post .post-state-details,.post-new-tab-nav{align-items:center}.post-new-tab-nav{margin-top:.625pc;border-bottom-color:#ebebee;border-image:none;margin-bottom:.104166667in;padding-bottom:0.625pc}.post .post-state-details{justify-content:space-between;padding-top:0.041666667in;padding-right:0.041666667in}.post .post-add-comment{transition:.2s;position:relative;margin-top:11.25pt}.post{margin-bottom:15pt;background-color:#fff;border:1px solid #ddd;overflow:hidden;border-radius:8px;box-shadow:0 1px 6.75pt -.020833333in #d2d2d2}.post .post-state-details * img{border-bottom-color:#fff;border-right-color:#fff;border-top-color:#fff;border-image:none}.post-comment-text::before{border-bottom-style:solid;border-bottom-color:transparent;border-right:.5pc solid #f4f4f4;left:-5.25pt;right:auto;top:.125in}.post .post-description .fullsizeimg video,.post .post-state .post-state-btns{border-top-style:none;border-color:currentcolor;border-image:none}.post .post-state-details p{margin-bottom:0;font-size:.135416667in}.post-comments{padding:11.25pt}.post-new-tab-nav a img{width:23px;margin-right:7px}.post .post-add-comment,.post .post-add-comment-text-area{overflow:hidden}.post-comments-single{margin-bottom:10.5pt}.post .post-add-comment-text-area,.post-comment-text-inner{background-color:#f1f3f4}.post-comment-avatar{width:auto;flex:none}.post .post-add-comment-text-area{margin-left:.104166667in;width:100%;border-radius:50px;padding:2.25pt 0.15625in}.post .post-state .post-state-btns{width:100%;margin:.25pc .041666667in;box-shadow:none;padding:0.5625pc 0.3125pc;transition:.1s ease-in-out;cursor:pointer;display:flex;align-items:center;justify-content:center}.post .post-add-comment-avature img{width:.364583333in;border-radius:100%}.post .post-add-comment-text-area .icons,.post-comment-opt::before,.post-comment-text::before{position:absolute}.post-comment-opt::before{font-family:unicons;font-size:18pt;content:"";top:50%;left:50%;transform:translate(-50%,-50%)}.post .post-add-comment-text-area,.post-comment-text{position:relative}.post-comment-text{margin-left:.15625in}.post .post-description .fullsizeimg video{max-height:none;padding:0;border-radius:0}.post .post-add-comment-text-area input{border-left-width:0;border-bottom-width:0;border-right-width:0}.post-comment-text-inner{padding:0.104166667in;border-radius:6.75pt;width:fit-content;margin-bottom:.1875pc}.post-focus .post-pop .post-new .post-new-media-input .uk-input{border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent}.post .post-add-comment-text-area .icons span,.post .post-state .post-state-btns i{font-size:.197916667in}.post .post-add-comment-text-area .icons{right:.15625in;top:8px}.post .post-add-comment-text-area input{border-top-width:0;border-style:none;border-color:currentcolor;border-image:none;width:100%;height:30px;background:#f1f3f4;outline:0}.post .post-state .post-state-btns i{margin-right:4px}.post .post-state .post-state-btns span{margin-left:.25pc}.post-comment-opt:focus,.post-comment-opt:hover{background-color:#f1f3f4}.post .post-state-details * img:nth-child(2){margin-left:-6px;z-index:1}.post-comment-opt{width:2.5pc;height:2.5pc;position:relative;border-radius:100%;margin-left:5px;flex:none}.post .post-add-comment-text-area .icons span{margin-left:7.5pt}.post-comments a.view-more-comment{display:block;margin-bottom:.5pc;font-size:13.5px}.post-comments a.view-more-comment:hover{text-decoration:underline}.post-heading .post-title p i{margin-left:.5pc}

@media (width <=768px){.post-new{padding:0.6875pc}.post .post-description{padding-bottom:6pt}.post .post-heading{padding:1.0625pc 0.9375pc 0}.post .post-state .post-state-btns i{margin-right:.3125pc;font-size:19px}.post-new-media-user{margin-right:.625pc}.post .post-state .post-state-btns{font-size:11.25pt;margin:3pt 0}.post .post-state-details p{font-size:.145833333in}.post .post-comment-opt{width:22.5pt;height:22.5pt}.post-new-media-input .uk-input{height:40px}.post-new-media-user img{height:0.364583333in}.post .post-state .post-state-btns span{display:none}}.status-online{font-family:"Open Sans",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14.5px;font-weight:400;line-height:1.8;--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px;--uk-leader-fill-content:.;list-style:none;color:#929292;cursor:pointer;position:absolute;content:"";height:.625pc;width:.625pc;bottom:0;right:0;display:block;border-width:1.875pt;border-style:solid;border-left:1.875pt solid #fff;border-bottom:1.875pt solid #fff;border-right:1.875pt solid #fff;border-color:#fff;border-image:none;border-radius:50%;background-color:#38b653}.message-avatar img{font-family:"Open Sans",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14.5px;font-weight:400;line-height:1.8;color:#6d6d6d;--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px;--uk-leader-fill-content:.;list-style:none;vertical-align:middle;max-width:100%;box-sizing:border-box}.message-readed{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px;--uk-leader-fill-content:.;list-style:none;cursor:pointer;font-family:unicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1em;font-size:120%;-webkit-font-smoothing:antialiased;float:right;margin-top:-.21875in;color:#0ae489}.countdown li{display:inline-block;font-size:1.2em;list-style-type:none;padding:.8em;text-transform:uppercase}.countdown li span{display:block;font-size:3.5rem}.tv{background-image:url("https://web.tadris.tn/themes/img/tv-countdown.gif?v=5");background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.screen-inner{background:#201f23d9}.post-comments-single .post-comment-text-inner img{max-height:120px;width:auto}

@media (width <=965px){.post-comment-text{margin-left:0!important}.post-comment-avatar{display:none!important}.post-comment-text::before{border-right-width:0!important}.post-comments{padding:0!important}.post-comment-text-inner{padding:5px!important}}.live-now{box-shadow:0 0 0 0 rgb(255 0 0);border:1px solid #f44336;overflow:hidden;animation:2s infinite pulse-live}

@keyframes pulse-live{0%{box-shadow:0 0 #f44336}100%{box-shadow:0 0 20px 2px transparent}}.listing{box-shadow:0 0 0 0 rgb(255 0 0);border:1px solid #f4722e;overflow:hidden;animation:2s infinite pulse-listing}

@keyframes pulse-listing{0%{box-shadow:0 0 #f4722e}100%{box-shadow:0 0 20px 2px transparent}}.Blink{animation:0.5s infinite alternate blinker}

@keyframes blinker{from{opacity:1}to{opacity:0}}.rating{direction:rtl;margin-left:10px;display:inline-block}.rating>.star{font-family:FontAwesome;font-weight:400;font-style:normal;display:inline-block;position:relative;padding-right:5px;cursor:pointer}.rating.off{pointer-events:none;cursor:default}.rating:not(.off)>.star:hover{color:#ffcc36;filter:drop-shadow(0 0 .75rem crimson)}.rating>.star::before{content:'\f006'}.rating>.star.selected::before,.rating>.star.selected~.star::before,.rating>.star:hover::before,.rating>.star:hover~.star::before{color:#daa520;content:'\f005'}.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:999999}.hotline-phone-msg-wrap{position:fixed;bottom:0;right:0;z-index:999999}.hotline-phone-msg-wrap .hotline-phone-ring-circle{width:80px;height:80px;margin:9px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #03a9f4;animation:1.2s ease-in-out infinite phonering-alo-circle-anim;transition:.5s;transform-origin:50% 50%;opacity:.5}.hotline-phone-msg-wrap .hotline-phone-ring-circle-fill{width:60px;height:60px;margin:19px;position:absolute;background-color:#03a9f4;border-radius:100%;border:2px solid transparent;animation:2.3s ease-in-out infinite phonering-alo-circle-fill-anim;transition:.5s;transform-origin:50% 50%}.hotline-phone-msg-wrap .hotline-phone-ring-img-circle{background-color:#fff;border:1px solid #222!important;font-size:24px;width:50px;height:50px;margin:25px;position:absolute;background-size:20px;border-radius:100%;animation:1s ease-in-out infinite phonering-alo-circle-img-anim-up;transform-origin:50% 50%;display:flex;align-items:center;justify-content:center;box-shadow:rgb(0 0 0 / 15%) 0 4px 12px 0}.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;backface-visibility:hidden;transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}.hotline-phone-ring-circle{width:80px;height:80px;margin:9px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #f44336;animation:1.2s ease-in-out infinite phonering-alo-circle-anim;transition:.5s;transform-origin:50% 50%;opacity:.5}.hotline-phone-ring-circle-fill{width:60px;height:60px;margin:19px;position:absolute;background-color:#f44336;border-radius:100%;border:2px solid transparent;animation:2.3s ease-in-out infinite phonering-alo-circle-fill-anim;transition:.5s;transform-origin:50% 50%}.hotline-phone-ring-img-circle{background-color:#fff;border:1px solid #222!important;font-size:24px;width:50px;height:50px;margin:25px;position:absolute;background-size:20px;border-radius:100%;animation:1s ease-in-out infinite phonering-alo-circle-img-anim;transform-origin:50% 50%;display:flex;align-items:center;justify-content:center;box-shadow:rgb(0 0 0 / 15%) 0 4px 12px 0}.hotline-phone-ring-img-circle .pps-btn-img{display:flex}.hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}.hotline-bar{position:absolute;background:0 0/100% rgb(230 8 8 / 75%);height:40px;width:170px;margin:30px;line-height:40px;padding:0 10px;cursor:pointer;transition:.8s;z-index:9;box-shadow:rgb(0 0 0 / 25%) 0 14px 28px,rgb(0 0 0 / 10%) 0 10px 10px;top:0;border-radius:50px!important;border:1px solid #222!important}.hotline-bar>a{color:#fff;text-decoration:none;font-size:20px;font-weight:700;text-indent:50px;display:block;letter-spacing:1px;line-height:40px;font-family:Arial}.hotline-bar>a:active,.hotline-bar>a:hover{color:#fff}

@keyframes phonering-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}

@keyframes phonering-alo-circle-fill-anim{0%,100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.6}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.6}}

@keyframes phonering-alo-circle-img-anim{0%,100%,50%{transform:rotate(0) scale(1) skew(1deg)}10%,30%{transform:rotate(-25deg) scale(1) skew(1deg)}20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}}

@keyframes phonering-alo-circle-img-anim-up{0%,100%{transform:rotate(0) scale(1) skew(1deg)}50%{transform:rotate(-10deg) scale(1) skew(1deg)}}

@media (width <=768px){.hotline-bar{display:none}}.voucher{display:flex;flex-direction:column;border-radius:8px;padding:0;margin:7px}.voucher-body,.voucher-footer{display:flex;position:relative;word-wrap:break-word;background-color:#fff;background-clip:border-box;transition:box-shadow .3s}.voucher-body{overflow:hidden;flex-direction:column;box-shadow:inset 0 0 0 1px #e5e9ec;border-top-left-radius:8px;border-top-right-radius:8px}.voucher-footer{flex-direction:row;justify-content:space-around;align-items:center;padding:0 .05rem;border:1px solid #ddd;border-bottom:1px dotted #ddd;border-top:none}.voucher-footer:last-child{border:1px solid #ddd;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.voucher .voucher-footer:hover{background:rgb(200 200 200 / 30%)!important}.voucher-text{flex:1 1 auto;padding:.5rem 1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.voucher-text strong{height:30px;width:30px;line-height:30px;display:block;background:#fff;border-radius:50%;color:#ff6c00}.voucher-border-left,.voucher-border-right{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center}.voucher-border-right{right:0}.voucher-border-left::before,.voucher-border-right::before{content:"";position:absolute;width:14px;height:14px;border:1px solid #fff;border-radius:50%;background:#ffad0a}.voucher-border-left::before{left:-7px}.voucher-border-right::before{right:-7px}.voucher-details .details-text{display:inline-block;vertical-align:middle;margin-right:-4px}.voucher-details .text-title{font-size:10px;text-align:left!important;font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:normal;color:rgb(0 0 0 / 38%)}.voucher-details .text-description{display:flex;justify-content:flex-start;color:rgb(0 0 0 / 70%);font-size:12px;font-weight:600;text-align:left!important;font-style:normal;font-stretch:normal;letter-spacing:normal}.video-post-thumbnail img{border:1px solid #aaa}

.list-items .list-item-content h5,.list-items .list-item-content p{margin-bottom:0}.list-items .list-item-media{width:auto;margin-right:12px}.dropdown-option-nav ul li{padding-left:0}.list-items{padding:5px 5px 0.104166667in;margin-bottom:5px;align-items:center;border-radius:7px;transition:.2s}.list-items .list-item-media img{height:45px;border-radius:3.75pt;width:.46875in}.list-items:hover{background:#f1f3f4;cursor:pointer}.list-group-items{margin-bottom:7.5pt}.contact-list,.list-group-items{align-items:center}.contact-list,.list-group-items,.list-items{display:flex}.list-group-items h5 span{margin-left:8px;font-weight:600}.list-group-items i{padding-right:0.65625pc;padding-left:0.65625pc;background:#f1f3f4;line-height:28px;font-size:.197916667in;margin-right:9pt}.contact-list-media span.offline-dot,.list-group-items i{border-radius:50%}.dropdown-option-nav ul,.list-group-items i{padding-top:4.5pt;padding-bottom:4.5pt}.acc-header{border-top:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6}.post .post-description,.post .post-heading{align-items:center!important}.post .post-description p{line-height:1.8}.lh-1{line-height:1}.lh-1-5{line-height:1.5}.lh-1-8{line-height:1.8}.lh-2{line-height:2}.gradient-text,.gradient-text sup{background:#ff9200;background:linear-gradient(to left,#ff9200 25%,#ff6400 60%);background:linear-gradient(to left,#ff9200 25%,#ff6400 60%);background:linear-gradient(to right,#ff9200,#ff6400);background-clip:text;-webkit-text-fill-color:transparent}.disabled{pointer-events:none;cursor:default;opacity:.4}.tribute-container{position:absolute;top:0;left:0;height:auto;overflow:auto;display:block;z-index:999999}.tribute-container ul{margin:2px 0 0;padding:0;list-style:none;background:#efefef}.tribute-container li{padding:5px;cursor:pointer}.tribute-container li.highlight{background:#ddd}.tribute-container li span{font-weight:700}.tribute-container li.no-match{cursor:default}.tribute-container .menu-highlighted{font-weight:700}[contenteditable="true"]:empty::before{content:attr(placeholder);display:block;color:#ccc}.float-right{float:right}.course-details-info ul li:last-child{margin-right:0}.course-details-info ul{padding:0;margin-bottom:0;list-style:none;font-size:.145833333in}.course-intro-bg{background-position:center;position:absolute;margin-top:-1.5625pc}.course-details-info ul li{color:grey;display:block}.course-intro-banner{position:relative;background-color:#607387;overflow:hidden}.course-intro-banner-img,.course-intro-banner::before{position:absolute;top:0;left:0}.course-curriculum .uk-accordion-title{padding:9.75pt 5pt 9.75pt 0;font-size:15px;line-height:24px!important}.course-curriculum[dir="RTL"] .uk-accordion-title{padding-right:5pt!important;padding-left:0!important}.course-curriculum[dir="RTL"] .uk-accordion-title::before{float:left!important}.course-curriculum[dir="RTL"] .course-curriculum-list>li{padding-left:0!important;padding-right:45px!important}.course-curriculum[dir="LTR"] .course-curriculum-list>li{padding-left:45px!important;padding-right:0!important}.course-curriculum .uk-accordion-title::before{margin:0 5px!important;height:1.4em!important;width:1.1em!important;transition:transform 150ms cubic-bezier(.4,0,.2,1);font-family:Feather-Icons;content:"";background-image:none!important}.course-details-info ul li .star-rating{top:-1.5pt}.course-intro-banner-img{bottom:0;right:0;margin:auto;z-index:0;min-height:100%;width:auto;min-width:100%;object-fit:cover}.course-details-info a{color:#000}.course-curriculum .uk-accordion-title,.course-details-info a{font-weight:600}.course-intro-banner::before{content:"";opacity:.4;background-color:#122b46;background-image:linear-gradient(-180deg,transparent 4%,#000 100%);height:100%;width:100%}.course-intro-banner-info{padding-top:56.25pt;padding-bottom:30pt;z-index:2}.course-details-info ul li .star-rating,.course-intro-banner-info{position:relative}.course-intro-card{box-shadow:0 .3125pc .3125in 0 rgb(0 0 0 / 10%);border-radius:.135416667in;border:0 currentcolor;border-image:none;margin-top:-18.75pc;background:#fff}.course-curriculum .uk-accordion-title,.course-curriculum .uk-accordion-title::before{color:rgb(0 0 0 / 54%)}.course-intro-banner::before,.course-intro-card{z-index:1}.course-curriculum .uk-accordion-content{margin:0}ul.course-curriculum-list{padding:0;list-style:none}.course-description-content h3:not(:first-child){margin-top:1.75pc}.course-intro-card-innr{padding:1.25pc}.course-curriculum .uk-open>.uk-accordion-title::before{transform:rotate(180deg);background-image:none!important}.course-curriculum-list li>span{font-size:13px;font-weight:700;color:#989898;position:absolute;right:9pt}.course-details-info ul li i{top:0}.course-curriculum>li{border-radius:8px!important;padding:5px!important;border:1px solid #2196f3}.course-curriculum-list>li>a{color:#666}.course-curriculum-list>li>a:hover{color:#3282ed}.course-curriculum-list>li>buttom{padding:.1875pc .072916667in;margin-left:.15625in;border-radius:4px;background-color:#4ed7a8;color:#fff;font-size:.135416667in}.course-curriculum-list>li::before{transition:transform .4s cubic-bezier(.8,-.41,.19,2.5);font-family:Line-Awesome;position:absolute;left:10px;text-align:center;width:27px;height:27px;line-height:20.25pt;content:"";background:#474a58;color:#fff;border-radius:100%;z-index:2}.course-curriculum-list[dir="RTL"]>li::before{right:10px!important;transform:scaleX(-1)}.course-curriculum-list>li{display:block;cursor:pointer;padding:.625pc 41.25pt .104166667in 4.0625pc;line-height:30px;font-size:15px;font-weight:600;color:#666;max-width:100%;background-color:#f9f9f9;margin-bottom:4px;border-radius:4px}.course-curriculum-list>li,.course-curriculum>li,.course-intro-card{overflow:hidden}.course-curriculum-list>li,.course-details-info ul li i,.course-intro-card{position:relative}.video-section-panel .video-post-list.video-post .video-post-thumbnail{width:140px!important;height:80px}.video-section-panel .video-post-list.video-post .video-post-thumbnail img{border-radius:4px!important}.doc-section-panel .video-post-list.video-post .video-post-thumbnail{width:70px!important;height:90px}.doc-section-panel .video-post-list.video-post .video-post-thumbnail img{border-radius:4px!important}.doc-section-panel .video-post-list,.video-section-panel .video-post-list{padding:5px;color:#666;max-width:100%;background-color:#f9f9f9;margin-bottom:4px!important;border-radius:4px!important}.doc-section-panel .video-post-list:hover,.video-section-panel .video-post-list:hover{background-color:#f3f3f3}.video-section-panel .video-post-thumbnail .play-btn-trigger{left:0;top:0;z-index:1;width:100%;height:100%;position:absolute;background:url("../images/org-play.svg") center/auto 40% no-repeat;visibility:hidden;opacity:0;transition:-webkit-transform 150ms ease-in-out;transition:-moz-transform 150ms ease-in-out;transition:opacity 150ms ease-in-out;transition:-o-transform 150ms ease-in-out;transition:transform 150ms ease-in-out}.doc-section-panel .video-post-thumbnail .play-btn-trigger{left:0;top:0;z-index:1;width:100%;height:100%;position:absolute;background:url("../images/org-file.svg") center/auto 40% no-repeat;visibility:hidden;opacity:0;transition:-webkit-transform 150ms ease-in-out;transition:-moz-transform 150ms ease-in-out;transition:opacity 150ms ease-in-out;transition:-o-transform 150ms ease-in-out;transition:transform 150ms ease-in-out}.doc-section-panel .play-btn-trigger.show,.doc-section-panel .video-post:hover .play-btn-trigger,.video-section-panel .play-btn-trigger.show,.video-section-panel .video-post:hover .play-btn-trigger{visibility:visible;opacity:1;transform:scale(1.1)}.placeholder{max-width:200px;min-height:20px;opacity:.5;animation-duration:1.25s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#a9a9a9;background:linear-gradient(to right,#eee 10%,#ddd 18%,#eee 33%);background-size:800px 104px;position:relative}

@keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.androidFix{overflow:hidden!important}.wrap{user-select:none;margin:auto}.breadcrumb{background:0 0;padding:0;margin:0}.breadcrumb-item{padding-right:0}.breadcrumb-item+.breadcrumb-item{padding-left:0}.breadcrumb-item i{padding-right:0.5rem;padding-left:0.5rem}.breadcrumb>li+li::before{content:""!important;padding:0!important}.breadcrumb-item a{color:#0e63d9;transition:.3s ease-in;text-decoration:none}.breadcrumb-item a:focus,.breadcrumb-item a:hover{color:#ff9200}.breadcrumb-item:last-child a{pointer-events:none;color:#2f3640}.prevent-select{user-select:none}::-webkit-scrollbar{width:6px;z-index:120}::-webkit-scrollbar-track{background:#ff800033}::-webkit-scrollbar-thumb{background-color:#ff8000;border-radius:8px;border:solid transparent}.is_message{overflow:hidden}.is_message header{border-bottom:1px solid #eaeaea;box-shadow:none}.is_message header .slide_menu{display:none!important}.is_message .sidebar{border-right:1px solid #eaeaea;box-shadow:none}.is_message .header_search{display:none}.is_message .main_content{margin-bottom:0!important}

@media (width <=1024px){.is_message header .header_inner{height:64px}.is_message header .header_inner .right_side{display:none}}.messages-container{margin:0;box-shadow:0 0 12px 0 rgb(0 0 0 / 6%);border-radius:4px;background-color:#fff}.messages-headline{max-height:77px;font-size:15px;margin:0;padding:22px 30px;color:#333;background-color:#fff;display:block;border-bottom:1px solid #eaeaea;border-radius:4px 4px 0 0;position:relative}.messages-headline input{background-color:#f6f6f6;box-shadow:none;height:38px;padding:14px;font-size:14px;margin:0}.messages-headline input:focus{box-shadow:none}.messages-headline .input-with-icon i{font-size:18px;right:14px}.messages-headline h4{font-size:15px;color:#333;padding:6px 0;margin:0;font-weight:600;display:inline-block}.message-action{border-radius:50px;font-size:13px;font-weight:500;display:inline-block;transition:.3s;color:#666;padding:0;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.message-action i{font-size:14px;position:relative;top:1px;margin-right:1px}.message-action:hover{color:#ee3535}.messages-inbox ul{list-style:none;padding:0;margin:0}.message-avatar img{display:inline-block;width:50px;height:50px;border-radius:50%}.messages-inbox ul li{transition:.2s;position:relative}.messages-inbox ul li:last-child{border-bottom:none}.messages-inbox ul li.active-message,.messages-inbox ul li:hover{background-color:#fafafa}.messages-inbox .message-avatar{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.messages-inbox .message-by p{margin:0;padding:0;line-height:25px;font-size:15px}.messages-container-inner{display:-webkit-box;display:flexbox;display:flex}.messages-container-inner .message-content,.messages-container-inner .messages-inbox{-webkit-box-flex:1;flex:1}.messages-container-inner .message-content-inner{padding:30px 30px 0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.messages-container-inner .message-content{display:-webkit-box;display:flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.messages-container-inner .messages-inbox{max-width:340px;border-right:1px solid #eaeaea}.messages-container-inner .messages-inbox ul li a{padding:12px 22px}.messages-container-inner .messages-inbox .message-by p{height:26px;max-width:212px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;color:#888}.messages-container-inner .message-avatar img{width:40px;height:40px}.messages-container-inner .messages-inbox .message-avatar{left:25px}.messages-container-inner .messages-inbox .message-by{margin-left:60px}.messages-container-inner .message-by-headline h5{font-size:15px;margin-bottom:0;max-width:160px;font-weight:600;line-height:23px}.messages-container-inner .message-by-headline span{font-size:13px;position:absolute;top:13px;right:22px}.message-bubble{display:block;position:relative;margin:0 5px 25px}.message-bubble .message-avatar{position:absolute;left:0;top:0;border:1px solid #fff;border-radius:50px;box-shadow:0 0 2px 0 #333}.message-bubble .message-avatar img{width:40px;height:40px}.message-bubble .message-text{margin-left:55px;background-color:#f4f4f4;border-radius:4px;padding:12px 18px;position:relative;display:inline-block;float:left;line-height:25px}.message-bubble.me .message-text{float:right;margin-left:0;margin-right:55px;background-color:#00083f;color:#fff;position:relative}.message-bubble .message-text p{font-size:15px;padding:0;margin:0;line-height:25px}.message-bubble.me .message-avatar{left:auto;right:0}.message-bubble .message-text::before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #f4f4f4;left:-6px;right:auto;top:19px;position:absolute}.message-bubble.me .message-text::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #00083f;border-right:none;right:-6px;left:auto}.is_group .message-bubble .message-avatar img{width:45px;height:45px}.is_group .message-bubble .message-text{margin-left:50px;background-color:transparent;padding-top:0;padding-bottom:0}.is_group .message-bubble .message-text .message-metadata{line-height:1;margin-bottom:5px}.is_group .message-bubble .message-text .message-metadata strong{font-size:14px;color:#122b46;letter-spacing:-.2px;line-height:1.21}.is_group .message-bubble .message-text .message-metadata time{color:#a3a5a9;font-size:12px;padding-left:4px}.is_group .message-bubble .message-text::before{display:none}.message-content-scrolbar,.messages-inbox-inner{height:calc(100vh - 250px);overflow:auto!important}.message-time-sign{text-align:center;display:block;position:relative;margin-bottom:25px}.message-time-sign::before{content:"";height:1px;background-color:#eaeaea;display:block;max-width:30%;margin:0 auto;position:relative;top:14px;z-index:10}.message-time-sign span{background-color:#fff;font-size:14px;color:#888;z-index:11;position:relative;padding:0 10px}.message-reply{border-top:1px solid #eaeaea;padding:30px;display:-webkit-box;display:flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:15px}.message-reply textarea{min-width:auto;height:48px;min-height:48px;padding:10px 0;margin:0 15px 0 0;-webkit-box-flex:1;flex:1;font-size:15px;font-weight:400;line-height:26px;box-shadow:none;border:none;box-sizing:border-box;resize:none}.message-reply button{border-radius:4px;flex:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;height:44px;text-align:center;-ms-flex-item-align:center;grid-row-align:center;align-self:center;padding:0 25px}.message-reply i{padding:0;margin:0}.typing-indicator{width:auto;height:24px;padding-top:8px}.typing-indicator span{height:8px;width:8px;float:left;margin:0 1px;background-color:#a0a0a0;display:block;border-radius:50%;opacity:.4}.typing-indicator span:nth-of-type(1){animation:1s 0.33333s infinite blink}.typing-indicator span:nth-of-type(2){animation:1s 0.66666s infinite blink}.typing-indicator span:nth-of-type(3){animation:1s 0.99999s infinite blink}

@keyframes blink{50%{opacity:1}}

@keyframes blink{50%{opacity:1}}

@media (width <=992px){.messages-container-inner .messages-inbox{max-width:300px}.message-content-scrolbar,.messages-inbox-inner{width:100%}.messages-container-inner .message-content{position:absolute;background-color:#fff;bottom:-50px;left:0;height:98vh}}

@media (width <=768px){.messages-container-inner{display:block}.messages-container-inner .messages-inbox{max-width:100%;border-bottom:1px solid #e4e4e4;border-right:none}.messages-container-inner .message-content-inner{padding:20px 20px 0}.messages-inbox ul{max-height:500px}.messages-inbox ul li a{padding:17px!important}.messages-container-inner .message-by-headline span{position:relative;top:0;right:0;display:block;float:none;padding:0;margin:-4px 0 0}.message-action{display:block;position:relative;right:0;top:0;transform:none;margin-top:-5px}.messages-headline{max-height:120px;display:-webkit-box;display:flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 27px}.message-bubble{margin-bottom:15px}.message-bubble .message-avatar img{width:35px;height:35px}.message-bubble .message-text{margin-left:50px}.message-bubble .message-text::before{top:10px}.message-bubble.me .message-text{margin-right:50px}.message-reply{border-top:1px solid #eaeaea;padding:15px}.message-content-scrolbar,.messages-inbox-inner{height:calc(100vh - 250px);overflow:auto!important}}.main_content{padding-top:60px}a.button.dark1,button.button.dark1,input[type="button"].dark1,input[type="submit"].dark1{background-color:#db7093;color:#fff;box-shadow:0 4px 12px rgb(0 0 0 / 10%)}.me .post-comment-text-inner{background-color:#138cef!important;color:#fff!important}.me .post-comment-text::before{border-right-color:#138cef!important}.messages-inbox .messages-inbox-inner h5{font-size:15px;margin-bottom:0;font-weight:600;line-height:23px}.messages-inbox .messages-inbox-inner span{font-size:12px;font-width:400}.messages-inbox ul li a{position:relative;display:block;padding:10px}.messager-list .messages-inbox .message-avatar img{display:inline-block;width:30px;height:30px;border-radius:50%}.messages-inbox .message-by{margin-left:40px;font-size:15px;color:#666}.messager-list .post-heading{height:55px!important;overflow:hidden;padding:0;border-bottom:1px solid #ddd}.messager-list .post.uk-width-1-3{border-right:0!important}.messager-list .messages-inbox .message-by h5 i{color:#f44336;font-weight:bolder;font-size:14px;font-style:normal;margin-right:3px}.message-content-scrolbar,.messager-list .messages-inbox .messages-inbox-inner{height:calc(100vh - 160px);overflow:auto!important}.button.xsmall{font-size:13px;padding:4px 5px;height:15px;line-height:13px}.uk-form-xsmall:not(textarea, [multiple], [size]){height:25px;padding:0 7px}.uk-grid-column-xsmall>*,.uk-grid-xsmall>*{padding-left:5px!important}.uk-table-xsmall td{padding:7px 8px}.bry-1{border-top:1px solid #bbb!important;border-bottom:1px solid #bbb!important}.brt-1{border-top:1px solid #bbb!important}.brb-1{border-bottom:1px solid #bbb!important}::selection{-webkit-text-fill-color:#fff;color:#fff;background:#ff9200}

.sidebar_innr .dropdown-user-details{border:none!important}.collapse-sidebar:not(.mobile-visible) #foot,.collapse-sidebar:not(.mobile-visible) .id-number small,.collapse-sidebar:not(.mobile-visible) .voucher{display:none!important}.collapse-sidebar:not(.mobile-visible) .sidebar_innr .dropdown-user-avatar{display:none}.collapse-sidebar:not(.mobile-visible) .sidebar_innr .dropdown-user-name{font-size:12px;letter-spacing:-.3px;padding:0!important}.collapse-sidebar:not(.mobile-visible) .icon-browse .icon-menu-item{font-size:10px;width:90px!important}.collapse-sidebar:not(.mobile-visible) .footer-nav-icon{margin-bottom:100px}.footer-nav-icon a{font-size:22px;background:#fff;border-radius:50%;height:27px;width:27px;padding:3px!important;line-height:25px;margin:2px;text-align:center;display:inline-block}.collapse-sidebar:not(.mobile-visible) .main_content{margin-left:100px}.collapse-sidebar:not(.mobile-visible) .footer-nav-icon a{display:block;margin:5px}.collapse-sidebar:not(.mobile-visible) .footer-nav-icon a svc{height:22px!important}.mobile-visible.collapse-sidebar .main_sidebar,.mobile-visible.collapse-sidebar .side-overlay{width:100%}.mobile-visible.collapse-sidebar .icon-browse .icon-menu-item i{font-size:35px;line-height:38px;display:block}.mobile-visible.collapse-sidebar .icon-browse .icon-menu-item{font-size:14px;width:110px!important}.mobile-visible.collapse-sidebar .sidebar_innr .dropdown-user-avatar img{height:60px;width:60px}.mobile-visible.collapse-sidebar .main_content{margin-left:0}.fs-8{font-size:8px!important}

.doc-lite .uk-overlay-primary {
    z-index: 9999;
}

.video-lite .play-btn-trigger,
.doc-lite .doc-btn-trigger {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 20%;
    background-position: center;
    visibility: visible;
    opacity: 0.7;
    transition: all 300ms ease-in-out;
}

.video-lite .play-btn-trigger {
    background-image: url("../images/org-play.svg");
}

.doc-lite .doc-btn-trigger {
    background-image: url("../images/org-file.svg");
}

.video-lite:hover .play-btn-trigger,
.play-btn-trigger.show,
.doc-lite:hover .doc-btn-trigger,
.doc-btn-trigger.show {
    visibility: visible;
    opacity: 1;
    transform: scale(1.4);
    background-color: rgb(251 80 0 / 11%);
}


.preview-tab .video-lite .play-btn-trigger,
.preview-tab .doc-lite .doc-btn-trigger {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: scale(1.5);
    background-repeat: no-repeat;
    background-size: auto 20%;
    background-position: center;
    visibility: visible;
    opacity: 0.7;
    transition: all 300ms ease-in-out;
}

.preview-tab .video-lite .play-btn-trigger {
    background-image: url("../images/org-play.svg");
}

.preview-tab .doc-lite .doc-btn-trigger {
    background-image: url("../images/org-file.svg");
}

.preview-tab .video-lite:hover .play-btn-trigger,
.play-btn-trigger.show,
.preview-tab .doc-lite:hover .doc-btn-trigger,
.doc-btn-trigger.show {
    visibility: visible;
    opacity: 1;
    transform: scale(2);
    background-color: rgb(251 80 0 / 11%);
}


.icon-browse .icon-menu-item {
    width: 105px;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    border-radius: 8px;
    color: #fff;
    white-space: nowrap;
    background: #ffffff2e;
    text-overflow: ellipsis;
    line-height: 20px;
    letter-spacing: -.3px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    border: 1px solid rgb(255 255 255 / 30%);
    transform: scale(1);
}

.icon-browse .icon-menu-item i {
    font-size: 28px;
    line-height: 30px;
    display: block
}

.icon-browse .icon-menu-item:hover {
    color: #3e416d;
    background-color: #ffffffc7
}

.icon-browse .opts_icon_text small {
    position: absolute!important;
    display: block;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    color: #fff;
    font-size: 10px;
    background-color: #ec5252;
    border-radius: 8px;
    padding: 2px 6px;
    text-align: center;
    right: 10px;
    margin-right: 15px;
    top: 5px;
    transform: scale(1.02);

}


.icon-browse .icon-menu-item {
    width: 105px;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    border-radius: 8px;
    color: #fff;
    white-space: nowrap;
    background: #ffffff2e;
    text-overflow: ellipsis;
    line-height: 20px;
    letter-spacing: -.3px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    border: 1px solid rgb(255 255 255 / 30%);
    transform: scale(1);
    transition: all 0.3s ease;
}

.icon-browse .icon-menu-item i {
    font-size: 28px;
    line-height: 30px;
    display: block
}

.icon-browse .icon-menu-item:hover {
    color: #3e416d;
    background-color: #fff8;
    font-weight: bolder;
}

.icon-browse .icon-menu-item img {
    transition: all 0.3s ease;
    transform: scale(1);
}

.icon-browse .icon-menu-item:hover img {
    transform: scale(1.15);
}

.icon-browse .opts_icon_text small {
    position: absolute!important;
    display: block;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    color: #fff;
    font-size: 10px;
    background-color: #ec5252;
    border-radius: 8px;
    padding: 2px 6px;
    text-align: center;
    right: 10px;
    margin-right: 15px;
    top: 5px;
}


.icon-browse .icon-menu-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 20%), transparent);
    transition: left 0.5s;
}


.icon-browse .icon-menu-item:hover::before {
    left: 100%;
}

.post-subjects .animate-this  {
    transition: all 0.3s ease;
}

/* quand on hover un animate-this, tous les autres frères non-hover */
.post-subjects .animate-this:hover ~ .animate-this,
.post-subjects .animate-this:hover  {
    transform: scale(1.02);
}

.post-subjects:hover .animate-this:not(:hover) {
    transform: scale(0.98);
}

.post-subjects .animate-this:hover  {
    background: linear-gradient(80deg, #ff9500 0, #ff6200  100%) !important;
}
.rounded-full{border-radius:9999px}





.demo-card {
    text-align: center;
    color: #4a4a4a;
    text-transform: capitalize;
}

.demo-card img {
    border-radius: 8px;
    box-shadow: 0 2px 14px -3px #00000026;
}

.demo-card:hover.demo-card img , .demo-card:hover span.new{
    transition: 0.4s ease all;
    transform: translateY(-10px);
    box-shadow: rgb(34 48 102 / 10%) 0 18px 27.2px -5px;
}

.demo-card span.new {
    color: white;
    background-color: red;
    padding: 2px 9px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    right: -12px;
    top: -13px;
    box-shadow: 2px 2px 3px 0 #cecece;
}

.demo-card p {
    margin-top: 15px;
}

.my-list {
    margin: 0;
    padding: 0;
}

.my-list li {
    list-style: none;
    display: inline-block;
    padding: 8px 23px;
    background: #f4fff7f0;
    margin-bottom: 8px;
    margin-left: 5px;
    border-radius: 100px;
}

.my-list li:hover {
    background: #f4fff7;
    transition: 0.4s ease all;
    transform: translateY(-2px);
}

.my-list li a {
    color: #7b7b7b;
}

.my-list li a:hover {
    color: #132763;
}


.main-header {
    z-index: 1000 !important;
    position: relative;
    background: white;
    box-shadow: 0 1px 10px rgb(151 164 175 / 10%);
}

.header-transparent {
    background: transparent !important;
    box-shadow: none !important;
    position: absolute;
    width: 100%;
}

.main-header #logo {
    font-size: 21px;
    font-weight: 600;
}

.main-header #logo i {
    font-size: 28px;
}

.uk-navbar-nav>li {
    padding: 1.8rem 0.2rem;
}

.uk-navbar-nav>li>a {
    font-weight: bolder;
    font-size: 16px;
    padding: 2px 6px;
    text-transform: inherit;
}

.demo-nav>li>a::after {
    background-color: #FFA500;
    border-radius: 4px;
    content: "";
    margin-top: 30px;
    height: 2px;
    position: absolute;
    transform: scaleX(0);
    transition: transform 0.1s;
    width: 30px;
}

.uk-light .demo-nav>li>a::after {
    background-color: rgb(255 241 227);
}

.demo-nav>.uk-active a::after {
    transform: scaleX(1);
}

.uk-navbar-nav>li.uk-active>a {
    color: #FFA500;
}

.demo-hero {
    background: linear-gradient( 90deg , #ff9500 0, #ff6200 100%) !important;
    padding-bottom: 0;
}

.demo-hero .uk-container {
    padding: 100px 0;
    margin-bottom: -208px;
}

.demo-hero .img-hero {
    /* z-index: 19999; */
    position: relative;
}

.demo-hero h1,
.demo-hero p {
    color: white;
}

.demo-hero .curve {
    width: 100%;
}



#logo {
    position: absolute;
    left: 65px;
}

#logo img {
    width: 105px;
}

#logo .logo-inverse {
    display: none;
}

.uk-light #logo img {
    display: none;
}

.uk-light #logo .logo-inverse {
    display: inline;
}

.uk-light .button.warning {
    background-color: white;
    color: orange;
    border-color: white;
}

.mobi-head {
    display: none;
    height: 54px;
    padding: 10px;
    align-items: center;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
    justify-content: flex-end;
}

@media (width <= 960px) {
    .demo-hero {
        border-radius: 0;
        margin-bottom: 0;
        margin-top: -30px;
        padding-top: 42px;
        text-align: center;
    }

    .mobi-head {
        display: flex;
    }

    .demo-hero .uk-container {
        padding: 50px 20px !important;
    }

    .demo-hero .img-hero,
    .demo-hero .curve {
        display: none;
    }

    .demo-hero .uk-container {
        padding: 0 30px;
    }
}



.effect-btn {
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.effect-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 20%), transparent);
    transition: left 0.5s;
}

.effect-btn:hover::before {
    left: 100%;
}

.animate.effect-btn::before {
    animation: BounceEffect 0.7s ease;
}

@keyframes BounceEffect
{
    0% {
        left: -100%
    }

    50% {
        left: 100%;
    }

    100% {
        left: -100%
    }
}


.accent-btn{
    background: linear-gradient(80deg, #ff9500 0, #ff6200  100%) !important;
    color: white;
}

.accent-btn:hover {
    background: linear-gradient(80deg, #ff9500 20, #ff6200  100%) !important;
}

.zoomup-btn {
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    border: 1px solid rgb(255 255 255 / 30%);
    transform: scale(1);
}

.zoomup-btn:hover {
    transform: scale(1.02);
}

.zoomup-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 20%), transparent);
    transition: left 0.5s;
}


.zoomup-btn:hover::before {
    left: 100%;
}

.animate.zoomup-btn::before {
    animation: BounceEffect 0.7s ease;
}


.btn-orange {
    background: linear-gradient(80deg, #ff9500 0, #ff6200  100%) !important;
    color: white;
    border: 1px solid rgb(255 255 255 / 30%);
}

.btn-orange:hover {
    background: linear-gradient(80deg, #ff9500 20, #ff6200  100%) !important;
    transform: translateY(-3px);
}

.btn-info {
    background: linear-gradient(80deg, #24b7fa 0, #24e2fa 100%) !important;
    color: white;
    border: 1px solid rgb(255 255 255 / 30%);
}

.btn-info:hover {
    background: linear-gradient(80deg, #24b7fa 20, #24e2fa 100%) !important;
    transform: translateY(-3px);
}

.btn-dark {
    background: linear-gradient(80deg, #05172a  0, #051e2a  100%) !important;
    color: white;
    border: 1px solid rgb(255 255 255 / 30%);
}

.btn-dark:hover {
    background: linear-gradient(80deg, #05172a 20, #051e2a  100%) !important;
    transform: translateY(-3px);
}

.btn-soft {
    background: linear-gradient(80deg, #24b7fa11  0, #051e2a11  100%) !important;
    color: white;
    border: 1px solid rgb(255 255 255 / 30%);
}

.btn-soft:hover {
    background: linear-gradient(80deg, #24b7fa 20, #051e2a  100%) !important;
    transform: translateY(-3px);
}


.demo-nav li a {
    transform: translateX(0);
    transform: scale(1);
    transition: all 0.2s ease;
    border-radius: 15px;
}

.demo-nav li a:hover {
    transform: translateX(-5px);
    transform: scale(1.02);
    color: #222!important;
    background: rgb(255 255 255 / 80%);
}

.text-hover {
    transform: translateX(0);
    transform: scale(1);
    transition: all 0.2s ease;
}

.text-hover:hover {
    transform: translateX(-5px);
    transform: scale(1.02);
}

.text-hover.animate {
    animation: BounceText 0.7s ease;
    transform: translateX(0);
    transform: scale(1);
}

@keyframes BounceText {
    0% {
        transform: translateX(0);
        transform: scale(1);
    }

    50% {
        transform: translateX(-5px);
        transform: scale(1.02);
    }

    100% {
        transform: translateX(0);
        transform: scale(1);
    }
}


.card-hover {
    transform: translateX(0);
    transform: scale(1);
    transition: all 0.2s ease;
    border-radius: 8px;
}

.card-hover:hover {
    transform: translateX(-3px);
    transform: scale(1.02);
    background: #fff!important;
    box-shadow: 4px 3px 13px 0 rgb(0 0 0 / 30%)!important;
    border: solid 1px #ff6200!important;
    border-radius: 8px;
}

.card-hover.animate {
    animation: BounceCard 0.7s ease;
}

@keyframes BounceCard {
    0% {
        transform: translateX(0);
        transform: scale(1);
        box-shadow: none;
        border: none;
    }

    50% {
        transform: translateX(-3px);
        transform: scale(1.02);
        background: #fff;
        box-shadow: 4px 3px 13px 0 rgb(0 0 0 / 30%);
        border: solid 1px #ff6200;
        border-radius: 8px;
    }

    100% {
        transform: translateX(0);
        transform: scale(1);
        box-shadow: none;
        border: none;
    }
}

.floating-elements {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.floating-element {
    position: absolute;
    background: rgb(255 255 255 / 90%);
    backdrop-filter: blur(15px);
    border-radius: 15px;
    padding: 3px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
    animation: float 6s ease-in-out infinite;
    border: 1px solid rgb(255 255 255 / 30%);
}

.floating-element.element-1 {
    top: 20%;
    right: -10%;
}

.floating-element.element-2 {
    bottom: 30%;
    left: -5%;
    animation-delay: 2s;
}

.floating-element.element-3 {
    top: 75%;
    right: 2%;
    animation-delay: 4s;
}

@media (width <= 600px) {
    .floating-element.element-1 {
        top: 10%;
        right: 1%;
    }

    .floating-element.element-2 {
        bottom: 20%;
        left: -2%;
        animation-delay: 2s;
    }

    .floating-element.element-3 {
        top: 70%;
        right: -2%;
        animation-delay: 4s;
    }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

.badge {
    padding: 10px 15px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 600;
}

.badge-primary {
    background: #FF8C00;
    color: white;
}

.badge-secondary {
    background: #FFD93D;
    color: #2C3E50;
}

.badge-dark {
    background: #2C3E50;
    color: white;
}

/* Stats Section */


.stat-item {
    padding: 20px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

.stat-item.animate {
    opacity: 1;
    transform: translateY(0);
    animation: statBounce 0.5s ease;
}

@keyframes statBounce {
    0% { transform: translateY(30px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

.stat-item:hover {
    transform: scale(1.1);
}

.stat-number {
    font-size: 48px;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
}


.shape {
    animation: morph 8s ease-in-out infinite;
    border: 5px solid #fff;
    box-shadow: 0 4px  4px  rgb(0 0 0 / 10%),
    0 1px  6px  rgb(0 0 0 / 5%),
    0 8px  8px  rgb(0 0 0 / 10%),
    0 16px 16px rgb(0 0 0 / 10%),
    8px 32px 32px rgb(0 0 0 / 15%),
    8px 64px 64px rgb(0 0 0 / 15%);
    border-radius: 30% 70% 60% 40% / 50% 51% 49% 50%;
    transition: all 1s ease-in-out;
    z-index: 5;
}

@keyframes morph {
    0% {
        border-radius:  30% 70% 60% 40% / 50% 51% 49% 50%;
    }

    25% {
        border-radius:  44% 56% 55% 45% / 62% 57% 43% 38%;
        box-shadow: 0 2.5rem 2rem -2rem hsl(200deg 50% 20% / 40%);
    }

    75% {
        border-radius:  41% 59% 34% 66% / 50% 40% 60% 50%;
        box-shadow: 0 2.5rem 2rem -2rem hsl(400deg 50% 20% / 40%);
    }

    100% {
        border-radius:  30% 70% 60% 40% / 50% 51% 49% 50%;
    }
}


.s1{
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.s1w{
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.s2{
    text-shadow:
            3px 3px 0 #000,
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
            1px 1px 0 #000;
}

.s2w{
    text-shadow:
            3px 3px 0 #fff,
            -1px -1px 0 #fff,
            1px -1px 0 #fff,
            -1px 1px 0 #fff,
            1px 1px 0 #fff;
}

#parallax {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url("https://web.tadris.tn/themes/img/bg/4.png"), url("https://web.tadris.tn/themes/img/bg/3.png"),  url("https://web.tadris.tn/themes/img/bg/2.png"), url("https://web.tadris.tn/themes/img/bg/1.png"), url("https://web.tadris.tn/themes/img/bg/0.png");
    background-repeat: no-repeat;
    background-position: center;
    background-position: 50% 50%;
}

@media only screen and (width <= 600px) {
    #parallax {
        width: 100%;
        height: 40vh;
        background-size: contain;
    }
}

.review-card {
    background: #fff;
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
    padding: 15px;
    height: 80%;
    display: flex;
    flex-flow: column nowrap;
    transition: all 0.2s ease;
    border-radius: 8px;
    align-items: flex-start;
    align-content: center;
    border: solid 1px transparent;
}

.review-card:hover {
    background: #fff!important;
    box-shadow: 2px 1px 5px 0 rgb(0 0 0 / 30%)!important;
    border: solid 1px #ff6200!important;
}

.review-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.review-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.review-info {
    display: flex;
    flex-direction: column;
}

.review-name-source {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    color: #555;
}

.review-name {
    font-weight: bold;
    font-size: 1rem;
    color: #222;
}

.review-text {
    position: relative;
    padding: 10px 20px;
    line-height: 1.5;
    background: rgb(0 0 0 / 7%);
    border-radius: 8px;
    height: 80px;
    overflow: auto;
    display: flex;
    align-items: center;   /* aligne verticalement */
    justify-content: center;
}

.review-text p {
    color: #222;
    font-size: 1rem;
    text-align: center;
    margin: 0;
}

.review-card::before {
    content: "“";
    font-size: 2.5rem;
    color: orange;
    position: absolute;
    left: 35px;
    top: 63px;
}

.review-card::after {
    content: "”";
    font-size: 2.5rem;
    color: orange;
    position: absolute;
    right: 20px;
    bottom: -17px;
}

.review-title {
    color: orange;
    font-size: 1.5rem;
    margin-bottom: 20px;
    text-align: center;
}

.uk-slider-container-gradient {
    mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%);
    padding: 5px 30px;
}



.o-silver .pricing-header {
    background-color: #f3cd01;
}

.o-silver .price-circle {
    border: 5px solid #f3cd01;
    transition: all 0.4s;
}

.o-silver:hover .price-circle {
    border-width: 3px;
}

.o-silver .buy-now:hover {
    background-image: none !important;
    background-color: #f3cd01 !important;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 40%);
}

.o-golden .pricing-header {
    background-color: #e87d18;
}

.o-golden .price-circle {
    border: 5px solid #e87d18;
    transition: all 0.4s;
}

.o-golden:hover .price-circle {
    border-width: 3px;
}

.o-golden .buy-now:hover {
    background-image: none !important;
    background-color: #e87d18 !important;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 40%);
}

.o-platinum .pricing-header {
    background-color: #f63b52;
}

.o-platinum .price-circle {
    border: 5px solid #f63b52;
    transition: all 0.4s;
}

.o-platinum hover .price-circle {
    border-width: 3px;
}

.o-platinum .buy-now:hover {
    background-image: none !important;
    background-color: #f63b52 !important;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 40%);
}

.o-max .pricing-header {
    background-color: #00d3ff;
}

.o-max .price-circle {
    border: 5px solid #00d3ff;
    transition: all 0.4s;
}

.o-max:hover .price-circle {
    border-width: 3px;
}

.o-max .buy-now:hover {
    background-image: none !important;
    background-color: #00d3ff !important;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 40%);
}

.o-doc .pricing-header {
    background: linear-gradient(0deg, #00d3ff 0, #0db21a 100%)
}

.o-doc .price-circle {
    border: 5px solid #0db21a;
    transition: all 0.4s;
}

.o-doc:hover .price-circle {
    border-width: 3px;
}

.o-doc .buy-now:hover {
    background-image: none !important;
    background-color: #0db21a !important;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 40%);
}

.o-rec .pricing-header {
    background: linear-gradient(0deg, #d90c5d 0, #e87d18 100%)
}

.o-rec .price-circle {
    border: 5px solid #d90c5d;
    transition: all 0.4s;
}

.o-rec:hover .price-circle {
    border-width: 3px;
}

.o-rec .buy-now:hover {
    background-image: none !important;
    background-color: #d90c5d !important;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 40%);
}

.o-duo .pricing-header {
    background: linear-gradient(60deg, #00d3ff 0, #f39609 50%, #d90c5d 100%);
}

.o-duo .price-circle {
    border: 5px solid #ff5722;
    transition: all 0.4s;
}

.o-duo:hover .price-circle {
    border-width: 3px;
}

.o-duo .buy-now:hover {
    background-image: none !important;
    background-color: #ff5722 !important;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 40%);
}


.pricing-card {
    transition: 0.4s background-color ease;
    background-color: white;
    border-radius: 8px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.pricing-card:hover {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 40%);
    border: 1px solid #888;
}

.pricing-card .popular {
    position: absolute;
    top: 0;
    right: 4%;
    width: auto;
    padding: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #0f0f0f;
    color: white;
    font-size: 12px;
    z-index: 1;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
}

.pricing-card .badge-box {
    padding: 0 10px;
    margin-top: 80px;
}

.pricing-card .badge-box span {
    display: inline-block;
    border: 2px solid #05264e;
    padding: 4px 12px;
    font-weight: 500px;
    border-radius: 25px;
    overflow: hidden;
    color: #05264e;
}

.pricing-card .pricing-header {
    width: 100%;
    height: 120px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 8px 8px 0 0;
}

.pricing-card .pricing-header .plan-title{
    font-size: 24px;
    color: white;
    position: relative;
    top: 15%;
    margin: 0 8px;
}



.pricing-card .pricing-header .price-circle {
    width: calc(33.3% - 30px);
    width: 120px;
    height: 120px;
    border-radius: 100%;
    left: calc(50% - 60px);
    top: 45%;
    background-color: white;
    position: absolute;
}

.pricing-card .pricing-header .price-circle .info {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: gray;
}

.pricing-card .pricing-header .price-circle .price-title {
    display: block;
    font-size: 28px;
    padding: 28px 0 0;
    font-weight: bold;
}

.pricing-card .pricing-header .price-circle .price-title small {
    font-size: 18px;
}

.pricing-card .pricing-header h2 {
    position: relative;
    top: 40%;
    color: #fff;
}



.pricing-card .pricing-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 20%), transparent);
    transition: left 0.5s;
}

.pricing-card:hover .pricing-header::before {
    left: 100%;
}

.animate.pricing-card .pricing-header::before {
    animation: BounceEffect 0.7s ease;
}

.pricing-card ul {
    margin: 15px 0;
    padding: 0;
    text-align: right;
    font-size: 14px;
    padding-right: 20px;
}

.pricing-card ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    border-bottom: 1px solid #f2f2f2;
    text-indent: -20px;
    padding: 5px;
}

.pricing-card .buy-button-box {
}

.pricing-card .buy-button-box .buy-now {
    text-decoration: none;
    color: white;
    padding: 5px 15px;
    border: 1px solid #888;
    border-radius: 8px;
    margin: 0 15px 15px;
}




@keyframes gradientShift {
    0% {
        border: 2px solid #f97316;
    }

    50% {
        border: 2px solid #703804;
    }

    100% {
        border: 2px solid #f97316;
    }
}

.input-hover {
    transition: all 0.3s ease, color 0.3s ease;
    color: #222;
}

.input-hover input,.input-hover select {
    border: 1px solid rgb(93 93 93 / 92%);
    outline: none;
    color: #222;
    transition: all 0.3s ease, color 0.3s ease;
}

.input-hover input:not(:placeholder-shown) {
    border-color: #e87d18;
    background: #ffeca1;
}

.input-hover select:has(option:checked:not(:first-child)) {
    border-color: #e87d18;
    background: #ffeca1;
}

/* Animation dégradé sur hover */
.input-hover:hover {
    transform: scale(1.01);
    color: #000;
}

.input-hover:hover input,.input-hover:hover select{
    border: 2px solid #f97316;
    color: #000;
    background: linear-gradient(270deg, rgb(251 146 60 / 25%), rgb(249 115 22 / 20%), rgb(251 146 60 / 16%));
    animation: gradientShift 1s ease infinite;
}

/* Même animation au focus */


.input-hover:has(input:focus),.input-hover:has(select:focus){
    transform: scale(1.03);
    font-size: 20px;
    color: #000;
}

.object-cover {
    object-fit: cover;
}

.h-full {
    height: 100%;
}

.w-full {
    width: 100%;
}


#Offres .uk-subnav a{
    padding: 7px 10px;
    color : #222!important;
    font-size: 18px!important;
    background: #ddd;
    border-radius: 8px!important;
    border:1px solid #888!important;
}

#Offres .uk-subnav a:hover{
    background: linear-gradient(80deg, #ff950088 0, #ff620088 100%) !important;
    color : #000!important;
}

#Offres .uk-subnav .uk-active a{
    background: linear-gradient(80deg, #ff9500 0, #ff6200 100%) !important;
    color : #eee!important;
}

#Offres .uk-subnav .uk-active a:hover{
    background: linear-gradient(40deg, #ff9500 10%, #ff6200 100%) !important;
    color : #fff!important;
}

.navmenu-off{
    background: linear-gradient(135deg, #ff8c0000 0%, #FFA50088 100%)!important;
    backdrop-filter: blur(20px);
    border: 1px solid rgb(255 255 255 / 20%);
    top: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}

.navmenu-on{
    background: #FFF6 !important;
    backdrop-filter: blur(20px);
    border: 1px solid rgb(255 255 255 / 20%);
    top: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}

.collapse-sidebar .cta-menu a span {
    visibility: hidden;
}

@media (width <= 600px) {
    .collapse-sidebar .cta-menu a span {
        visibility: visible;
    }

}

form .uk-width-1-1,
form .uk-width-1-1\@m {
    padding-left: 15px!important;
}

form .uk-grid > .uk-width-2-3\@m:first-child,
form .uk-grid > .uk-width-3-4\@m:first-child,
form .uk-grid > .uk-width-4-5\@m:first-child,
form .uk-grid > .uk-width-3-5\@m:first-child,
form .uk-grid > .uk-width-5-6\@m:first-child,
form .uk-grid > .uk-width-1-2\@m:first-child {
    padding-left: 15px!important;
}

.uk-width-1-1,
.uk-width-1-1\@m {
    padding: 0 !important;
}

.uk-grid > .uk-width-2-3\@m:first-child,
.uk-grid > .uk-width-3-4\@m:first-child,
.uk-grid > .uk-width-4-5\@m:first-child,
.uk-grid > .uk-width-3-5\@m:first-child,
.uk-grid > .uk-width-5-6\@m:first-child,
.uk-grid > .uk-width-1-2\@m:first-child {
    padding: 0 !important;
}

@media (width <= 600px) {
    .uk-grid > [class*="uk-width-"] {
        padding: 5px !important;
    }

    .uk-grid > [class*="uk-width-"]  .p-20-5 {
        padding: 0 !important;
    }

    .uk-grid > [class*="uk-width-"] .listings-list {
        padding: 0 !important;
    }
}

.gradient-slider-left {
    left: -2px;
    background: linear-gradient(to right, rgb(247, 247, 247) 50%, rgba(255, 255, 255, 0) );
}

.gradient-slider-right {
    right: -2px;
    background: linear-gradient(to left, rgb(247, 247, 247) 50%, rgba(255, 255, 255, 0) );
}


.bg-lf {
    background: linear-gradient(180deg, #ff8c0022 0%, #FFA50044 100%) !important;
    backdrop-filter: blur(20px);
    border: 0px solid rgb(255 255 255 / 20%);
    transition: all 0.3s ease;
}
.text-justify-kashida{
    text-align: justify;
    text-align-last: justify;
    text-justify: distribute;
    text-kashida-space: 0%;
    direction: rtl;
}
.uk-notification-message{
    border-radius: 8px;
}