.banner-wrapper .owl-nav{margin:0;transition:all ease-in-out .3s;}
.banner-wrapper .owl-nav .owl-next,.banner-wrapper .owl-nav .owl-prev{position:absolute;display:inline-block;vertical-align:middle;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;color:#888;width:44px;height:50px;line-height:50px;text-align:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9;transition:all .4s ease;border:2px solid #fff;margin:0;padding:0;font-size:14px;font-weight:600;}
.banner-wrapper:hover .owl-nav .owl-next,.banner-wrapper:hover .owl-nav .owl-prev{opacity:1;width:44px;}
.banner-wrapper .owl-nav .owl-next:hover,.banner-wrapper .owl-nav .owl-prev:hover{color:#333333;}
.banner-wrapper .owl-nav .owl-next{right:0;background:url(images/right.svg) no-repeat center center #fbc223!important;border-radius:10px 0 10px 10px;}
.banner-wrapper .owl-nav .owl-prev{left:0;background:url(images/left.svg) no-repeat center center #fbc223!important;border-radius:0 10px 10px 10px;}
.banner-wrapper .owl-nav .owl-next:hover{right:5px;background:url(images/right.svg) no-repeat center center #fbc223;}
.banner-wrapper .owl-nav .owl-prev:hover{left:5px;background:url(images/left.svg) no-repeat center center #fbc223;}
.banner-wrapper .owl-nav .owl-next i,.banner-wrapper .owl-nav .owl-prev i{font-size:20px;line-height:26px;font-weight:600;position:relative;top:2px;}
.banner-wrapper .owl-carousel .owl-item img{width:auto;}
.sliderss{background-position:center right 20%;background-repeat:no-repeat;background-size:cover;height:750px;display:flex;align-items: center;position:relative}
.sliderss::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3;z-index:1;background: #f68100;background:radial-gradient(circle farthest-side, #000000, transparent);}
.banner-one .insider{position:relative;padding:5% 0;}
.banner-one .container{position:relative;z-index:1;text-align:center;}
.banner-one__light-color{color:#fff}
.banner-one__tag-line + .banner-one__title{margin-top:10px}
.banner-one__title{text-transform:uppercase;font-size:76px;line-height:1.3;font-weight:500;margin:0;margin-bottom:15px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.slidertext{margin:0;font-size:22px;line-height:30px;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.3);border-top:2px solid rgba(255,255,255,.3);display:inline-block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;text-transform: uppercase;letter-spacing: 1px;transition: all ease-in-out .3s;}
.insider:hover .slidertext{letter-spacing:.5px;}
.banner-one .btn{-webkit-animation-duration:12s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner-one .active .banner-one__tag-line{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.banner-one .active .banner-one__title{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.5s;animation-delay:.5s}
.banner-one .active .slidertext{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:1s;animation-delay:1s}
.banner-one .active .btn{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:1s;animation-delay:1s;}
.withsvg a{position:relative;}
.withsvg a svg{position:relative;top:-2px;left:0;transition:all ease-in-out .3s;}
.withsvg:hover a svg{left:10px;}
@media (max-width: 1440px) {
.sliderss{height:680px;}
}
@media (max-width: 1351px) {
.sliderss{height:620px;}
}
@media (max-width: 1199px) {
.sliderss{height:580px;}
.banner-wrapper .owl-nav{opacity:0;}
.banner-wrapper:hover .owl-nav{opacity:1;}
.banner-one__title{font-size:34px;line-height:40px;}
.slidertext{font-size:22px;margin-bottom: 25px;}
}
@media (max-width: 991px) {
.sliderss{height:460px;}
.banner-wrapper .owl-nav .owl-next,.banner-wrapper .owl-nav .owl-prev{width:40px;height:40px;line-height:40px;}
.banner-one .insider{padding:0;}
}
@media (max-width: 767px) {
.sliderss{height:420px;}
.banner-one__title{font-size:30px;line-height:36px;}
.slidertext{font-size:18px;margin-bottom: 20px;line-height:24px;border:0;}
.banner-one .btn{padding:5px 10px!important;}
.banner-one .btn a{padding:5px 10px;}
}
@media (max-width:575px) {
.sliderss{height:auto;padding-top:250px;background-size:auto 240px;background-position:top center;background-color:#960587}
.sliderss.nograd::before,.sliderss::before{height:240px;}
.banner-one__title{font-size:24px;margin-bottom:5px;line-height:30px;}
.slidertext{font-size:15px;margin-bottom: 10px!important;line-height:20px;}
.sliderss .container .text-left{text-align:center!important;}
.sliderss .btn{margin-bottom:20px;}
.banner-wrapper .owl-nav .owl-next,.banner-wrapper .owl-nav .owl-prev{width:34px;height:34px;line-height:34px;background-size:28px!important;}
}

.dki::before{content:'';position:absolute;width:100%;height:50%;left:0;bottom:0;transition: all ease-in-out .3s;display:block;z-index:1;background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}
.pplace img{position: relative;transition: all ease-in-out .5s;}
.pplace:hover img{transform:scale(1.1)}
.pplace .desco{position: absolute;width:100%;height:100%;left:0;bottom:20px;text-align:center;text-transform:uppercase;color:#fff;display: flex;flex-flow:column;align-items:center;justify-content: flex-end;}
.pplace .desco span{display:block;font-size:14px;letter-spacing:2px;font-weight:400;transition:all ease-in-out .5s;position:relative;bottom:0}
.pplace .desco h4{display:block;font-size:28px;color:#fff;font-weight:500;transition:all ease-in-out .3s;position:relative;bottom:0}
.pplace:hover .desco h4{bottom:10px;}
.pplace:hover .desco span{bottom:10px;}

.pplace::after{content:'';position:absolute;width:94%;height:94%;left:3%;top:3%;border-radius:10px;border:1px solid rgba(241,172,40,1);opacity:.3;transition: all ease-in-out .3s;}
.pplace:hover::after{opacity:.8;}
.pplace.bigiie::after{width: 98%;left:1%;}
.pplace.bigiie .desco{background:rgba(193, 31, 61, 0.9);}

.shine{position:relative;overflow:hidden}
.shine::before{background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);content:"";display:block;height:100%;left:-85%;position:absolute;top:0;transform:skewX(-25deg);width:50%;z-index:2}
.shine:hover::before,.shine:focus::before{-webkit-animation:shine 1s infinite;animation:shine 1s infinite;}
@-webkit-keyframes shine {
100%{left:125%}
}
@keyframes shine {
100%{left:125%}
}

.mindful li{display:inline-block;margin:3px;padding:5px 15px;background:#f5f5f5;border-radius:3px;border:1px solid #f2f2f2;}
.themed{background-position:center;background-size:110%;display:flex;flex-flow:column;justify-content: flex-end;padding:15px;transition:all ease-in-out .5s;position: relative;}
.themed::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;
background: -moz-linear-gradient(bottom,  rgba(26,43,72,0.55) 0%, rgba(26,43,72,0) 100%);
background: -webkit-linear-gradient(bottom,  rgba(26,43,72,0.65) 0%,rgba(26,43,72,0) 100%);
background: linear-gradient(to top,  rgba(26,43,72,0.65) 0%,rgba(26,43,72,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.themed:hover{background-size:120%;}
.themed a,.themed h5{color:#fff;}
.umrah h5{position:absolute;bottom:20px;width:100%;padding:10px;background:#fcba04;z-index: 2;}
@media(max-width:767px){
.umrah h5{position: relative;bottom:0;}
}

#container{width:200px;height:200px;position:absolute;z-index:4;color:#fff;left:50%;transform:translateX(-50%);top:0;}
#container::before{content:'';position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:105px;height:105px;border:14px solid #67045e;border-radius:50%;}
#circle{position:relative;width:100%;padding-bottom:100%;overflow:hidden}
#circle text{font-size:22px;font-weight:500;text-transform: uppercase;background:rgba(255, 255, 255, 0.2)}
#circle svg{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-animation-name:rotate;-moz-animation-name:rotate;-ms-animation-name:rotate;-o-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:10s;-moz-animation-duration:10s;-ms-animation-duration:10s;-o-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes rotate {
from{-webkit-transform:rotate(360deg);fill:#f7c839;}
to{-webkit-transform:rotate(0);fill:#fff;}
}
@-moz-keyframes rotate {
from{-moz-transform:rotate(360deg);}
to{-moz-transform:rotate(0);}
}
@-ms-keyframes rotate {
from{-ms-transform:rotate(360deg);fill:#f7c839;}
to{-ms-transform:rotate(0);fill:#fff;}
}
@-o-keyframes rotate {
from{-o-transform:rotate(360deg);fill:#f7c839;}
to{-o-transform:rotate(0);fill:#fff;}
}
@keyframes rotate {
from{transform:rotate(360deg);fill:#f7c839;}
to{transform:rotate(0);fill:#fff;}
}
#circle svg text{-webkit-animation-name:clchange;-moz-animation-name:clchange;-ms-animation-name:clchange;-o-animation-name:clchange;animation-name:clchange;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes clchange {
0%{fill:#f7c839;}
30%{fill:#fff;}
60%{fill:#f7c839;}
90%{fill:#fff;}
}
@-moz-keyframes clchange {
0%{fill:#f7c839;}
30%{fill:#fff;}
60%{fill:#f7c839;}
90%{fill:#fff;}
}
@-ms-keyframes clchange {
0%{fill:#f7c839;}
30%{fill:#fff;}
60%{fill:#f7c839;}
90%{fill:#fff;}
}
@-o-keyframes clchange {
0%{fill:#f7c839;}
30%{fill:#fff;}
60%{fill:#f7c839;}
90%{fill:#fff;}
}
@keyframes clchange {
0%{fill:#f7c839;}
30%{fill:#fff;}
60%{fill:#f7c839;}
90%{fill:#fff;}
}