@charset "utf-8";
/* CSS Document*/
*{margin:0;padding:0;-webkit-font-smoothing:antialiased;line-height:normal;/*font-family: 'Teko', sans-serif;*/}
body{margin:0 auto;font-size:21px;color:#000000;font-family:'Tajawal',sans-serif;position:relative;overflow-x:hidden;background:#f2f2f2}
/*html,body{width:100%;height:100%;overflow:hidden}*/
main{display:block;width:100%;height:100%}
a:active,a:focus,input:focus, textarea:focus,select button{outline:0}
a:active,a:focus{outline:expression(hideFocus='true')}
::-moz-focus-inner{border:1px solid transparent!important}
:link,:visited{text-decoration:none}
ul,ol,li,pre,form,blockquote,fieldset,input,p,select,label,button,textarea,section,a{margin:0px;list-style:none;padding:0;vertical-align:top;border-radius:0;font-family:'Tajawal',sans-serif;}
a img{border:none;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:10px 0px;color:var(--red-color);font-family:'Tajawal',sans-serif;font-weight:900;}
.button,.al-muzaini img,.wsmenu-list > li > a,.search-main a,.track-btn,.brach-btn,.brach-btn::before,.overseas-box h2,.overseas-box p,.overseas-box img,.view-detail a,.form-control,.button,.hotline,header,.search-main a::after,.log-reg a,.search-sub,.social-media li a,.app-store li a,.footer-links li a,.accordion,.news-img img,.kuwaiti,.sendmoney .sendmoney_link,.wsmenu-submenu li a,.currency-tab li a,.myAdevertise .swiper-slide a img,.milestone-container .swiper-slide,.timeline-box,.timeline-box h3,.timeline-box p,.whatsapp-call-support a,.whatsapp-call-support a span,.overseas-icon img,.overseas-icon a,.overseas-icon a h3,.overseas-icon a p,.overseas-icon-holder::after,.view-detail a,.qr-code::before,.branch-locator::before,a.remittances-icon::after,a.remittances-icon img,.video-column a img,.video-column a::before,.kiosk-link img,.company-history-pdf img,.slideshow-img img,.kiosk-location img,.foreign-col-img div img,.year-link,.year-link::after,.application-ul li img,.application-ul li div{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s}
/*#viewport {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#scroll-container {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 2px, transparent 2px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}*/
/* .al-muzaini,.navigation{transition:all 0.7s ease-out 0s;}
.kuwaiti,.al-muzaini,.navigation,.today-exchange-rates,.login-box,.page-title{opacity:0}
.al-muzaini{transform:translate(-100px,0px);}
.navigation{transform:translate(100px,0px);}
.kuwaiti,.today-exchange-rates,.login-box,.page-title{transform:translate(0px,100px);}

.al-muzaini.appear,.navigation.appear{transform:translate(0px,0px);opacity:1} */

header{padding:0px;/*padding-top:35px;*/position:fixed;top:0px;left:0px;right:0px;width:100%;z-index:999;/*height:1px*/background:rgba(255,255,255,1)}
.al-muzaini{width:260px;position:relative;z-index:1;margin-top:10px;display:block;}
.al-muzaini img{width:100%}

.wsmenu-list > li > a{}
.wsmenu-submenu li a{font-size:17px}
.navigation{display:flex;align-items:center;}
.search-main{z-index:99;position:relative; }
.search-main a{display:block;/*padding:10px 10px 16px 35px;text-transform:uppercase;font-size:18px;color:#000;font-weight:500;*/position:relative}
.search-main .search-link,.sendmoney .sendmoney_link{/*padding-left:35px*/    display: flex;}
.search-main .search-link::before{background:url("../images/search_icon.svg") center center no-repeat;background-size:100% auto;}
.search-main .search-link::before,.sendmoney .sendmoney_link::before{content:'';/*position:absolute;left:10px;bottom:11px;*/width:20px;height:20px;opacity:0.5;display:inline-block;margin:2px 5px 0 0;display:none}
.sendmoney .sendmoney_link::before{background:url("../images/send-money.svg") center center no-repeat;background-size:100% auto;display:none}
.search-main .search-link:hover,.search-main .show-search + .search-link{background:var(--red-color);color:var(--white-color);  }
.search-main .search-link:hover::before,.search-main .show-search + .search-link::before,.sendmoney .sendmoney_link:hover::before{filter:invert(1);opacity:1}
.sendmoney{padding-left:15px;padding-right:15px}
.sendmoney .sendmoney_link{background:var(--red-color);color:var(--white-color);border-radius:50px;padding:15px 25px}
.sendmoney .sendmoney_link:hover{background:var(--site-color)}

.banner-main,.inner-banner{position:relative;z-index:15;padding:0px;overflow:hidden;margin-top:5.9rem;/*height:100vh*/}
.al-muzaini-logo{position:absolute;left:-28%;height:80%;float:left;z-index:9;transform:translateY(-50%);top:50% }
.al-muzaini-logo img{height:100%;filter:invert(1) brightness(0);opacity:0.1;}
@media screen and (min-width:781px){
	header.small-header{background:rgba(255,255,255,1)}
	/*header.small-header .al-muzaini{width:200px}
	header.small-header .wsmenu-list > li > a{padding:35px 18px 15px 18px;font-size:18px}
	header.small-header .search-main a{padding:6px 10px 6px 35px;font-size:16px}
	header.small-header .search-main a::after{bottom:5px}
	header.small-header .search-sub .form-control{font-size:18px;padding:0.15rem 0.75rem;}*/
}
.slideshow-img img{width:100%}
.slideshow-img::before{/*position:absolute;left:0;width:100%;bottom:-1px;height:50%;z-index:1;background: linear-gradient(0deg, rgba(242,242,242,1) 5%, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%);content:'';display:block*/  }
.swiper{width:100%;/*height:100%*/}
.overseasSwiper .swiper-slide{text-align: center;font-size: 18px;height:auto;  /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.slideshow-img a:hover img,.kiosk-location:hover img{transform:scale(1.02)}
.swiper-slide img{/*display:block;width:100%;height:100%;object-fit:cover;*/}
.kiosk-location{overflow: hidden;display: block}
.slideshow-contents{left:0;width:100%;bottom:7%;z-index:9}
.slideshow-contents h1{font-size:50px;font-weight:900;transform:translateX(150px);opacity:0;letter-spacing:5px;line-height:50px}
.slideshow-contents p{font-size:20px;width:90%;transform:translateX(150px);opacity:0;}
.slideshow-button-prev,.slideshow-button-next{display:block}
.kuwaiti{right:30%;bottom:0%;z-index:19;width:22.7083333333%;}
.kuwaiti img{width:100%}
.slideshow-pagination{z-index:99}
.slideshow-contents h1,.slideshow-contents p{transition:all 1s ease-out}
.slideshow-contents p{transition-delay:.2s}
.homeslide{overflow:hidden;cursor:pointer}
.homeslide:hover img{transform:scale(1.03)}
.mySwiper .swiper-slide-prev .slideshow-contents h1,.mySwiper .swiper-slide-prev .slideshow-contents p{transform:translateX(-150px);opacity:0;letter-spacing:-3px;}
.mySwiper .swiper-slide-active .slideshow-contents h1,.mySwiper .swiper-slide-active .slideshow-contents p{transform:translateX(0px);opacity:1;letter-spacing:0px;}
.search-sub{right:101%;bottom:0;float:left;padding-right:50px;width:250px;transform:translate(-100px);visibility:hidden;opacity:0}
.search-sub .button{top:0;right:0;bottom:0;z-index:9;padding:0 0px;border-radius:0;width:50px;text-align:center}
.search-sub .form-control{border-radius:0;font-size:18px;padding:.75rem .75rem}
.search-sub.show-search{visibility:visible;transform:translate(0px);opacity:1}
.swiper-button-next:after, .swiper-button-prev:after{}
.swiper-button-next, .swiper-button-prev{color:var(--red-color)}
.today-exchange-rates{position:relative;z-index:9}
.login-register{position:relative;z-index:99}
.login-box{width:100%;z-index:9;border:1px solid var(--white-color)}
.login-register .login-box{bottom:50px;left:15px;width:calc(100% - 30px);}
.login-box h2{color:var(--white-color);background:var(--red-color);padding:15px;border-radius:30px 30px 0 0 }
.log-reg{padding:25px;background:rgba(256,255,255,0.8);border-radius:0 0 30px 30px}
.log-reg a{display:block;padding:15px;background:var(--white-color);color:var(--red-color);text-align:center;border-radius:10px;font-size:25px;font-weight:500}
.log-reg .loging-btn{border:1px solid var(--red-color);margin-bottom:25px}
.log-reg .loging-btn:hover{background:var(--red-color);color:#fff}
.log-reg .register-btn{border:1px solid var(--site-color);color:var(--site-color)}
.log-reg .register-btn:hover{background:var(--site-color);color:var(--white-color)}
.borderRadius30{border-radius:30px!important}
.box-shadow{box-shadow:3px 3px 15px rgba(0,0,0,0.1)}
.today-exchange-ratess{padding-top:2rem}
.innerpages .exchange-main{/*background:var(--white-color);padding:30px;height:100%padding-top:2rem*/ margin-top:2rem;position:relative;z-index:5;}
.content-area{background:url("../images/body-bg.webp") left top no-repeat;background-size:100% auto;position:relative;z-index:1}
.content-area::before,.content-area::after{content:'';top:25px;position:absolute;z-index:-1;width:20.229167%;height:0;padding-bottom:30%}
.content-area::before{left:0;background:url("../images/muzaini-left-01.svg") left top no-repeat;background-size:100% auto;}
.content-area::after{right:0;background:url("../images/muzaini-right-01.svg") left top no-repeat;background-size:100% auto;}
.service-news::before{content:'';top:-65px;position:absolute;z-index:-1;width:40.229167%;display:block;background:url("../images/globe.webp") left top no-repeat;background-size:100% auto;height:0;padding-bottom:62%}
.videos-main{/*padding:100px 0;margin-top:50px*/}
.videos-main h1,.laterst-news h1{margin:50px 0 25px 0;text-align:center;}
.video-column a{display:block;overflow:hidden;position:relative;z-index:1}
.video-column a::before{position:absolute;left:0;top:0;width:100%;height:100%;box-shadow: inset 0 0 100px rgba(0,0,0,1);content:'';z-index:9;opacity:0}
.video-column a:hover .video-img{transform:scale(1.05)}
.video-column a:hover::before{opacity:.5}
.today-exchange-ratess .col-lg-6{     display: flex;
    align-items: center;}


.money-receive-send{margin-bottom:15px}
.money-receive-send li{padding:0 15px}
.money-receive-send li .row{border:3px solid var(--red-color);border-radius:70px}
.money-receive-send li .form-control{border:0px solid transparent;background:none;/*border-radius:30px;*/padding:0rem;height:78px!important;font-size:25px;}
.form-control{color:var(--site-color);font-size:18px;font-weight:500;height:auto;border:1px solid #ccc; border-radius:0;padding:9px 15px}
.form-control{}
.money-receive-send li label{padding:0px 0px 0px 20px;font-size:18px;text-align:center;display:flex;align-items:center;}
.select-div{
    /*width: 100%;*/
    position: relative;
    z-index: 1;
    background: #fff;
}
.select-div::after {
    content: '';
    color: #000;
    right: 2px;
    top: 2px;
    bottom: 2px;
    width: 40px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    text-align: center;
    pointer-events: none;
    background: #f1f1f1 url(../images/arrow-down.svg) center center no-repeat;
    background-size: 18px auto;/*z-index:-1 */
	border-radius:0; /*.25rem .25rem 0 */
}
.exchange-rates{/*padding-right:150px;margin:0 20px;*/z-index:99;/*margin-bottom:20px*/}
.exchange-button{/*right:0;bottom:0px*/}
.exchange-button .button{height:65px;padding-left:35px;padding-right:35px;border-radius:70px!important;font-size:20px;}
.arrow_up_down-btn{width:35px;background:none;border:0px solid #fff;margin:10px auto}
.arrow_up_down-btn img{width:100%;}
.currency-tab{display:flex;margin:15px 0 25px 0}
.currency-tab li{width:50%;padding:0 15px}
.currency-tab li a{width:100%;display:block;text-align:center;color:#000;border-bottom:3px solid var(--light-grey);font-size:25px;padding:10px 0;font-weight: 700}
.currency-tab li a:hover,.currency-tab li a.active{border-bottom:3px solid var(--red-color);color:var(--red-color)}
.icon-home{padding:0 15px;/*border:1px solid var(--light-grey);*/height:80px;display:flex;align-items:center;border-radius:3px}
.icon-home h2{text-align:center}
.about-box h3{font-size:40px;padding:0;}
.counting-lbl{font-size:18px}
.icons-column{/*display: flex;align-items: center;*//*padding-top:167px;*/}
.gap{height:55px;}
.icons-column .icon-home:first-child{/*margin-bottom:50px*/}
.icons-column .icon-home:last-child{/*margin-top:25px*/}
.flag{width:50px;height:50px;border-radius:50%}
.ms-dd .ms-value-input{opacity:0}
.ms-header-middle-content .ms-dd-option-content{white-space:nowrap;position:absolute;left:65px;top:50%;transform:translateY(-50%);/*width:70%;*/overflow:hidden;font-size:25px;text-overflow:ellipsis;}
.ms-header-middle-content .ms-dd-option-content .ms-dd-label{display:block}
.ms-options .ms-dd-option-content{/*width:calc(100% - 22px);margin-left:55px;*/display:block;position:absolute;left:65px;top:50%;transform:translateY(-50%)}
.ms-options .ms-dd-label{display:block;font-size:16px;}
.ms-header-middle-content{position:relative;z-index:1}
.ms-header-middle-content::before{/*content:'';width:30px;height:30px;background:var(--white-color);position:absolute;z-index:0;display:block;*//*border-radius:50%;*/}
.ms-dd .ms-dd-arrow{right:20px}
.ms-dd .ms-middle{position:relative;z-index:9}
.ms-dd-header .flag{margin:0px 0px 0px 0px;/*transform:scale(1.1);*/}
.ms-dd .ms-dd-arrow.ms-dd-pointer-down{border:none!important}
.ms-dd .ms-dd-arrow{display:block;width:30px;height:30px;background:var(--white-color);border-radius:50%;margin-top:-15px;}
.ms-dd .ms-dd-arrow::after{position:absolute;left:50%;top:50%;width:10px;height:10px;border-bottom:1px solid #000;border-right:1px solid #000;transform:translate(-50%,-70%) rotate(45deg);content:''}
.ms-dd-header .ms-list-option:hover{background:#ccc!important}
.money-receive-send li > label{font-size:24px;padding-left:15px;padding-bottom:5px}
.send-money-text{/*margin-top:25px*/}
.small-font{font-size:20px;text-align:center;}
.qr-code img{width:100%}
.qr-code{width:7.5rem;margin:0 auto 1.5rem auto;position:relative}
.qr-code::before{background:var(--red-color);mix-blend-mode:lighten;}
.qr-code::before,.branch-locator::before{content:'';position:absolute;left:0;top:0;width:100%;z-index:1;height:100%;transform:scale(0);transition:all .5s ease-out 0s}
.qr-code:hover::before{transform:scale(1)}
.branch-locator{display:block;width:7.5rem;margin:0 auto;position:relative;overflow:hidden}
.branch-locator::before{transform-origin:center bottom;border-radius:50%;background:#000;mix-blend-mode: hue}
.branch-locator:hover::before{transform:scale(1.1)}
.branch-locator img{width:100%}
.ms-filter-box input{/*border-radius:30px!important;*/}
.ms-dd .ms-dd-header .ms-filter-box input, .ms-dd .ms-dd-header .ms-filter-box input:focus, .ms-dd .ms-dd-header .ms-filter-box input:focus-visible{height:65px;padding:0 0 0 15px}
.ms-dd .ms-dd-header .ms-filter-box{padding:5px 5px 5px 0px;position:absolute;top:0;width:100%;z-index:9;}
.ms-dd .ms-list-option .ms-dd-desc{display:none}
.ms-options .ms-list-option .ms-middle .ms-dd-label{font-size:18px;font-weight:bold;/*margin-top:10px;margin-left:70px*/}


.onlyNumber{text-align:center}
.errmsg{color:var(--red-color);top:100%;left:50%;transform:translateX(-50%)}
.estimated{color:var(--red-color);text-align:center}
.brach-track-box{/*background:rgba(256,255,255,0.8);*/right:15px;bottom:15px;z-index:99;max-width:300px}
.brach-track{/*min-height:85px;padding:0 25px*/ }
.brach-btn,.track-btn{display:block;color:var(--white-color);font-size:20px;font-weight:500;text-align:center;padding:13px 25px 13px 55px;border-radius:3px;}
.brach-btn{background:var(--red-color);/*margin-bottom:40px;*/}
.brach-btn::before{background:url("../images/pin.webp") center center no-repeat;background-size:100%;position:absolute;width:35px;height:50px;left:20px;bottom:40%;content:'';display:block}
.track-btn,.brach-btn:hover,.brach-btn:focus{background:var(--red-color);color:#fff}
.track-btn:hover,.track-btn:focus{background:var(--site-color);color:#fff}
.brach-btn:hover::before{animation:pin 0.4s ease-out forwards}
@keyframes pin{
	0%{bottom:40%}
	50%{bottom:100%}
	100%{bottom:40%}
}
.currency-flag{background:#fff;border-radius:70px;padding:10px;width:100%;height:80px;overflow: hidden}
.kuwait-currency-main{width:180px;float:left;padding:10px 0}
.kuwait-currency{}
.currency-flag-slider{margin:0 0 0 260px;}
.country-fl{width:60px;float:left;}
.country-dtl{margin:0 0 0 70px;text-align:left}
.country-dtl p,.country-dtl h3{padding:0}
.country-dtl p{font-size:18px;padding-top:1px;white-space:nowrap;}
.country-dtl h3{font-weight:500;color:var(--site-color)}
.country-dtl h3 span{font-size:16px;}
.next-prev{width:60px;height:60px;background:#eaeaea;border-radius:50%;border:2px solid var(--white-color);left:-70px;top:20px;}
.country-button-prev,.country-button-next{position:absolute;width:10px;height:10px;top:50%;transform:rotate(-45deg) translateY(-50%)}
.country-button-prev{left:17px;border-left:2px solid var(--site-color);border-top:2px solid var(--site-color)}
.country-button-next{right:10px;border-right:2px solid var(--site-color);border-bottom:2px solid var(--site-color)}
.country-pagination{bottom:auto;position:static!important;}
.country-button-prev:hover{border-left:2px solid var(--red-color);border-top:2px solid var(--red-color)}
.country-button-next:hover{border-right:2px solid var(--red-color);border-bottom:2px solid var(--red-color)}
.swiper-pagination-bullet{width:15px!important;height:15px!important;vertical-align:middle}
.swiper-pagination-bullet-active{background:var(--red-color);width:20px!important;height:20px!important}
.advertise-carousel{margin-top:100px}
.myAdevertise .swiper-slide a:hover img{transform:scale(1.05)}
.overseas-ul li{width:25%}
.overseas-icon{}
.overseas-icon a{display:block;position:relative}
.overseas-icon a h3,.overseas-icon a p{text-align:center}
.overseas-icon-holder{margin:0px 20%;position:relative}
.overseas-icon-holder::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background:var(--red-color);display:block;z-index:-1;border-radius:50%;transform:scale(.9);opacity:0}
.overseas-icon img{height:100%;max-width:100%}
.overseas-icon a:hover .overseas-icon-holder img{transform:scale(.8)}
.overseas-icon a:hover .overseas-icon-holder::after{transform:scale(1.05);opacity:1}
.overseas-icon a:hover h3{color:var(--black-color)}
.overseas-box{background:rgba(255,255,255,0.8);box-shadow:5px 5px 10px rgba(0,0,0,0.2);width:100%;padding:65px 20px;border-radius:153px;margin-right:15px;min-height:400px;position:relative;z-index:1;margin-bottom:10px}
.overseas-box::after{position:absolute;left:0;z-index:-1;top:0;width:100%;height:100%;border-radius:153px;display:block;content:''}
.overseas-box h2{font-weight:600;text-transform:uppercase;padding:20px 0}
.overseas-box p{font-size:24px;color:var(--site-color);line-height:25px;}
.overseas-div{text-align:center;margin:70px 0 50px 0}
.overseas-div h2{font-size:50px;text-align:center;}
.overseas-div p{font-size:25px;text-align:center;}
.myCountry .swiper-slide{padding:10px 0}
.myCountry .swiper-slide .box-shadow{box-shadow:2px 2px 5px rgb(0,0,0,.1)!important;}
.overseas-sub{position:relative;z-index:9}
.overseas-box svg{position:absolute;left:5%;top:5%;width:90%;}
.overseas-box svg .cls-1{fill:none;stroke:var(--red-color);stroke-miterlimit:10;stroke-dashoffset:300;stroke-dasharray:300;stroke-width:2px;transition:all 0.5s ease}
.overseas-box:hover svg .cls-1{stroke-dashoffset:0}
.overseas-box:hover .overseas-icon img{transform:scale(1.1)}
.overseas-box:hover h2{letter-spacing:3px;color:var(--site-color)}
.overseas-box:hover p{color:var(--red-color)}
.overseas-pagination{position:relative;height:25px;display:block!important;margin-top:25px}
.newsSwiper .swiper-slide{height:auto}
.news-box{height:100%;position:relative;z-index:1;padding-bottom:50px;/*background:var(--white-color)*/}
.news-sub{padding:0 0px}
.news-sub h2,.news-sub p{text-align:left;color:var(--site-color)}
.news-sub h2{font-size:23px;line-height:25px;font-weight: normal}
.news-sub p,.news-sub ul li{font-size:17px}
.news-sub ul li{padding:0.5rem 0 }
.news-img{height:0;position:relative;padding-bottom:80%;overflow:hidden}
.news-img img{position:absolute;left:0;top:0;min-height:100%;}
p{padding-bottom:15px;text-align:justify}
.view-detail{position:absolute;bottom:0;left:0;right:0;z-index:9}
.view-detail a{display:inline-block;background:var(--red-color);color:var(--white-color);padding:10px 20px;font-size:16px;border-radius:20px}
.view-detail a:hover,.view-detail a:focus{background:var(--site-color);color:var(--white-color)}
.opacity0{opacity:0}
.news-box:hover .news-img img{transform:scale(1.1)}
.news-button-prev,.news-button-next{width:40px;height:40px;background:var(--red-color)}
.news-button-prev::after,.news-button-next::after{font-size:16px;color:var(--white-color)}
.news-button-prev{left:-50px}
.news-button-next{right:-50px}
.news-button-prev:hover,.news-button-next:hover{background:var(--site-color);color:var(--white-color)}
.news-thumb .inner-img{width:300px;margin:0 0 15px 15px;padding:5px}
.bg-grey{background:#f1f1f1}
footer{background:#e2e2e2 url("../images/footer-bg.jpg") center bottom no-repeat;background-size:cover;margin-top:50px;padding:70px 0 25px 0}
.stay-connected .button{position:absolute;right:0;top:0;bottom:0;z-index:9;;border-radius:0;line-height:20px;}
.footer-box h3{color:var(--site-color);font-weight:500}
.footer-box .hotline{font-size:23px;font-weight:bold;}
.stay-connected .form-control{background:none;border:1px solid var(--red-color);border-radius:0}
.stay-connected .form-control:hover,.stay-connected .form-control:focus{background:#fff;}
.copyrights{background:var(--site-color);color:var(--white-color);padding:15px 0}
.copyrights p,.copyrights a{font-size:16px;color:var(--white-color);padding-bottom:0}
.copyrights a:hover{color:var(--red-color)}
.video-tag{bottom:40px;left:20px;float: right;z-index:88;width:150px;}
.video-tag video{display:block;}
.video-sub{border-radius:3px;overflow:hidden;}
.video-tag h3{position: absolute;width:100%;left:0;bottom:-1.3rem;padding:0.2rem 0;border-radius:0 0 3px 3px;background:var(--red-color);color:var(--white-color);font-size:.8rem;text-align:center;font-weight:normal;}
.video-tag .close-btn{position:absolute;width:25px;height:25px;border-radius:50%;background-color:var(--red-color);top:-12px;right:-12px;text-align:center;display:flex;align-items:center;justify-content:center}
.video-tag .close-btn img{width:50%;}
.video-tag .close-btn:hover{background-color:var(--site-color)}
.call-support,.whatsapp-support,.branch-location{display:block;height:65px;z-index:99;border-radius:40px 0 0 40px;padding:0px 0 0 20px;}
.call-support,.branch-location{}
.whatsapp-call-support{bottom:30px;left:100%;width:155px;z-index:99}
.whatsapp-call-support a{white-space:nowrap;width:155px;transform:translateX(-70px);background:var(--red-color);display:flex;align-items:center;}
.whatsapp-call-support a + a{margin-top:10px}
.whatsapp-call-support a img,.whatsapp-call-support a span{/*display:inline-block;vertical-align:middle*/ display:block}
.whatsapp-call-support a span{color:#fff;margin-left:10px;opacity:0;transform:translateX(25px);line-height:15px;font-size:17px;}
.whatsapp-call-support a:hover{transform:translateX(-150px);background:var(--site-color)}
.whatsapp-call-support a:hover span{opacity:1;transform:translateX(0px);}
.whatsapp-call-support a.whatsapp-support:hover{background:#25d366;}
.call-support img,.whatsapp-support img,.branch-location img{height:55%;display:block;}
.call-support img{/*position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-53%)*/}
.whatsapp-base{height:100%;}
.whatsapp-support{}
.call-support:hover,.branch-location:hover{}
.whatsapp-support svg{height:70%}
.whatsapp-support .st0{fill:#32BA46;}
.whatsapp-support:hover .st0{fill:#000000;}
.whatsapp-support:hover{background:#000000;}
/*.newsSwiper .swiper-slide .news-box{opacity:0;transform:translateX(100px)}*/
.social-media{display:flex;margin-top:20px}
.social-media li{}
.social-media li + li{margin-left:15px}
.social-media li a{display:block;width:40px;background:#fc1526;padding:7px;border-radius:8px}
.social-media li a img{width:100%;filter:invert(1)}
.social-media li a:hover{}
.social-media li:nth-child(1) a:hover{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social-media li:nth-child(2) a:hover{background:#1778F2}
.social-media li:nth-child(3) a:hover{background:#0E76A8}
.social-media li:nth-child(4) a:hover{background:#00ACEE}
.social-media li:nth-child(5) a:hover{background:#C4302B}
.social-media li:nth-child(6) a:hover{background:#EE1052}
.contact-icon{padding:1rem}

.app-store,.stay-connected{margin-top:15px;overflow:hidden;}
.stay-connected{padding-right:120px}
.app-store li{width:33.333%;float:left;padding:5px }
.app-store li a{display:block}
.app-store li a img{width:100%}
.app-store li a:hover{opacity:0.7}

.banner-frame{position:absolute;top:0;left:0;z-index:9;display:none}
.comapny-column{}
.comapny-profile{background:#fff;padding:25px;height:100%}
.comapny-column{padding:15px}
.mobile-view{display:none}
.box-text-sub{/*background:#fff;*/padding:35px;height:100%;display:flex;align-items:center}
.box-text{width:100%}
.innerpages{padding-top:25px}
.innerpages h1{position:relative;text-align:center;z-index:1;padding-bottom:15px;margin-bottom:50px}
.innerpages h1::after,.innerpages h1::before{content:'';display:block;width:100px;height:2px;background:var(--red-color);position:absolute;left:50%;}
.innerpages h1::before{top:90%;transform:translateX(-20%)}
.innerpages h1::after{top:100%;transform:translateX(-80%)}
.listing{}
.listing li{position:relative;z-index:1;padding:7px 0 7px 20px}
.listing li::before{content:'';width:7px;height:7px;top:19px;left:0;display:block;position:absolute;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg)}
.chairman-bg{background:url("../images/Background Chairman's message.webp") center top no-repeat;background-size:cover;padding:40px 25px 25px 25px}
.chairman{/*background:var(--red-color);padding:25px;*//*display:flex;align-items:center*/}
.chairman-img{position:relative;padding:10px;z-index:1}
/*.chairman-img::after,.chairman-img::before{content:'';width:100px;height:100px;display:block;position:absolute;opacity:0.5}
.chairman-img::before{border-top:1px solid #fff;border-left:1px solid #fff;left:0;top:0px;}
.chairman-img::after{border-bottom:1px solid #fff;border-right:1px solid #fff;right:0;bottom:0px;}*/
.chairman-text{/*padding:25px;background:var(--white-color) */ }
.chairman-text p{color:var(--white-color);padding-bottom:25px}
.chairman h3,.chairman p{color:var(--white-color);text-align:center}
.member-column{padding:15px;}
.member-box{height:100%;background:var(--light-grey);padding:15px}
.bg-red{background:var(--red-color);}
.member-text{text-align:center}
.member-text h3{font-size:25px;color:var(--site-color)}
.member-post{font-size:20px;color:var(--site-color)}
.bg-red h3,.bg-red .member-post{color:var(--white-color)}
.listing-row .col-lg-6:nth-child(odd){padding-right:0}
.listing-row .col-lg-6:nth-child(even){padding-left:0}
.listing-row .col-lg-6:nth-child(2)::after,.listing-row .col-lg-6:nth-child(3)::after,.listing-row .col-lg-6:nth-child(6)::after,.listing-row .col-lg-6.mobile-view + .box-column .box-text-sub::after,.listing-row .col-lg-6.desktop-view + .box-column + .box-column .box-text-sub::after{width:0px;height:0;content:'';position:absolute;transform:rotate(-45deg);border:15px solid transparent;top:50%;}
.listing-row .col-lg-6:nth-child(2)::after,.listing-row .col-lg-6:nth-child(6)::after,.listing-row .col-lg-6.desktop-view + .box-column + .box-column .box-text-sub::after{left:-15px;border-top:15px solid #f2f2f2;border-left:15px solid #f2f2f2;}
/*.listing-row .col-lg-6:nth-child(2)*/
.listing-row .col-lg-6:nth-child(3)::after{right:-15px;border-bottom:15px solid #f2f2f2;border-right:15px solid #f2f2f2;z-index:9}

.listing-row .col-lg-6.mobile-view + .box-column{padding-left:15px;padding-right:0;z-index:9}
.listing-row .col-lg-6.desktop-view{padding-left:0px;padding-right:15px;z-index:1}
.listing-row .col-lg-6.desktop-view + .box-column{padding-left:15px;padding-right:0;z-index:1}
.listing-row .col-lg-6.desktop-view + .box-column + .box-column{z-index:9;padding-left:0;padding-right:15px}
.listing-row .col-lg-6.mobile-view + .box-column .box-text-sub::after{right:-15px;border-bottom:15px solid #f2f2f2;border-right:15px solid #f2f2f2;z-index:9}


.read-more-div{text-align:center;padding-top:5px}
.read-more-div a{color:#fff;background:#000;padding:7px 25px;display:inline-block;font-size:12px;text-transform:uppercase;}
.read-more-div a:hover,.read-more-div a:focus{color:#000;background:#fff;}
.bod{}
.popup-div{}
.member-photo-col{align-items:center;background:var(--red-color);display:flex}
.bod-modal .col-lg-8{padding:35px}
.bod-modal .fancybox-button svg path{fill:#fff;}
.muzaini-online{/*background:#fff;*/max-width:768px;margin:0 auto;padding:15px;}
.value-column{padding:15px}
.value-column h5{font-size:1.6rem}
.value-box{/*background:#fff;padding:25px*/ overflow:hidden;/*height:100%;*/display:flex;align-content:center }
.value-icon{width:100px; /*-ms-flex: 0 0 20vw;
    flex: 0 0 20vw;
    max-width: 20vw;*/}
.value-icon-sub{width:100px;}
.value-dtl{margin-left:50px;/*-ms-flex: 0 0 80vw;
    flex: 0 0 80vw;
    max-width: 80vw;padding-left:50px}
.value-dtl p{/*font-size:23px*/}
.customer-textarea{height:100%}
.customer-textarea textarea{height:calc(100% - 1rem)}
.captcha-div{padding-right:168px;position:relative;z-index:1}
.captcha{position:absolute;top:0;bottom:0;right:0;width:168px}
.inner-img{float:right;margin:0 0 30px 30px;max-width:575px;border:1px solid rgba(255,255,255,1);padding:10px }
.news-main h2{/*color:var(--site-color)*/}
.news-column,.contact-column{padding:15px}
.news-thumb{/*padding:25px;*//*background:#fff;height:calc(100% - 60px)*/}
.news-thumb h3{padding-top:0}
.news-date{font-size:16px;color:#999;margin-bottom:15px}
.news-data{}
.popup-hidden .news-thumb p{font-size:18px;line-height:23px}
 
.contact-box{/*padding:15px;background:#fff;*/height:100%}
.contact-box h2{padding-top:0}
.contact-box li{padding:5px 0px 5px 0px}
.contact-ul{}
.contact-ul li{padding:10px 0px 10px 0px}
.contact-ul li label{font-weight:bold;padding:0 0 0 0px;display:block;font-size:22px;margin-bottom:5px}
.contact-ul li label img{width:25px;margin-right:10px}
.contact-ul li p{margin-left:35px;font-size:18px;padding-bottom:0}
.branches-left						{ float:left; width:300px;}
.branches-right						{ margin:0 0 0 0px; /*float:right; width:72%*/}
.searchBlock 						{ /*border:1px solid #ccc; padding:15px;*/ height:auto; /*margin-bottom:20px;*/ /*margin-top:15px;*/}
.filedsRow 							{ /*border-bottom:1px solid #eee;*/ padding:10px 0;/*background: #f9f9f9;*/margin-bottom:5px;padding:10px 0px}
.filedsRow .button, .contact-btn .button{ /*width:130px*/}
.searchBlock label 					{ display:block; width:100%;font-size:19px;margin-bottom:5px }
.searchBlock select 				{ /*display:inline-block; width:49%; text-align:left;padding:0 2%; border:1px solid #ddd; padding:3px; vertical-align:middle*/}
.searchResult						{ position:relative;}
.locationMap, .locationDetails		{ /*margin-bottom:30px;*/}
.locationDetails 					{ display:none;}
.branch-bank-btn .button{font-size:16px;padding:8px 12px 8px 12px;margin:5px 0}
table.cssTable 						{ overflow:hidden; /*border:1px solid #d3d3d3;*/ background:#fefefe; width:100%; margin:0 auto;/* border-top:1px solid #c02727; */font-size:17px; }
.cssTable th 						{ padding:10px; text-align:center;/* text-shadow: 1px 1px 1px #333;*/ color:#000; text-transform:uppercase; font-size:16px; vertical-align:middle; /*border-right:0px solid #cf3d3d; border-top:1px solid #cf3d3d;*/ background:#f2f2f2}
.cssTable td 						{ padding:10px; text-align:left; /*font-family:'ubunturegular'; border-top:1px solid #e0e0e0; border-right:0px solid #e0e0e0;*/ font-size:16px;}
.cssTable tr .branch-name			{ width:175px;}
.cssTable tr .branch-add			{ width:430px;}
.cssTable tr .branch-woking			{ width:150px;}
.cssTable tr bank-name-width		{ width:200px;}

.cssTable tr.odd-row td 			{ background:#f6f6f6;}
.cssTable td.first, .cssTable th.first {text-align:left}
.cssTable td.last 					{ border-right:none;}
.cssTable td 						{ }
.cssTable tr.odd-row td 			{ }
.cssTable th 						{ }
.cssTable tr:first-child th.first 	{ -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; /* Saf3-4 */}
.cssTable tr:first-child th.last 	{ -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; /* Saf3-4 */}
.cssTable tr:last-child td.first 	{ -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; /* Saf3-4 */ }
.cssTable tr:last-child td.last 	{ -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; /* Saf3-4 */}
.cssTable tr:nth-child(even) td		{ background: #FFF}
.cssTable tr:nth-child(odd) td		{ background: #f0f0f0}
.cssTable tr th.branch-address		{ width:300px;}
.cssTable tr th.branch-timing		{ width:185px;}
.cssTable tr th.googlemaps			{ width:50px}
.branches-right h4{color:#000}

.location-map{position:relative;z-index:1;height:0;padding-bottom:50%;}
.location-map iframe{position:absolute;left:0;top:0;height:100%}
.head-office-map{height:100%;}
.head-office-map iframe{height:calc(100% - 115px)}
.contact-btn{margin-bottom:0px;margin-top:10px}
.map_canvas{width:100%;height:550px }
.branchDtl h3{font-size:22px;padding-top:0;}
.branchDtl p{padding-bottom:0;font-size:16px;}
.footer-links-col{padding-top:75px}
.footer-links{text-align:center}
.footer-links li{display:inline-block}
.footer-links li + li{padding-left:15px}
.footer-links li a{font-size:18px}
.footer-links li a:hover{color:var(--site-white)}
.footer-links li a.active{color:var(--white-color)}

.accordion							{ color:#666; text-decoration:none; display:block; padding:11px 30px 11px 30px; line-height:22px; font-size:20px;margin-top:10px; font-weight:bold; position:relative; z-index:1}
.accordion:hover					{ background:var(--red-color); color:#fff;}
.accordion.active					{ background:var(--red-color); color:#fff; /*border-bottom:1px solid #eee*/}
.accordion.active:hover				{ /*background:#f1f1f1 url(../images/h2_trigger_a.png) left -160px no-repeat; color:#666*/}
/*.view-detail						{ position:absolute; top:10px; right:10px; display:inline-block; background:#cc0000; color:#FFF; font-weight:normal; font-size:12px; padding:2px 15px; border-radius:3px;}*/
.accordion:hover .view-detail{ background:#999;}
.accordion.active .view-detail		{ background:#999;}
.faqs-data							{ background:#fff;padding:20px; display:none}
.faqs-data .list					{ margin:10px 0}
.faqs-data.active					{ display:block; }
.privacy-column{padding:15px}
.privacy-box{/*padding:25px;background:var(--white-color);*/height:100%}
.privacy-box h3{padding-top:0}
.login-section{min-height:100vh;display:flex;align-items:center;background:url("../images/login-bg-1.webp") center top no-repeat;background-size:cover;position:relative;z-index:1}
.login-section::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 60%, rgba(201,201,201,1.8577468487394958) 100%);z-index:-1}
.login-sub-div{padding:35px;position:relative;z-index:1    }
.login-sub-div::before{content:'';left:0;top:0;width:100%;height:100%;z-index:-1;/*background:rgba(0,0,0,0.3);*/position:absolute;background-color: hsla(0,0%,7%,.36);-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px); }
.login-main h1{padding-top:0;color:#fff}
.login-main .form-control{background:rgba(255,255,255,0.2);border:0px solid #000;padding:1rem;font-size:20px;color:#fff}
.login-main .form-control:focus,.login-main .form-control:hover{background:rgba(0,0,0,0.5)}
.login-forgot-btn{display: flex;width:100%;align-items:center}
.login-forgot-btn .button,.login-forgot-btn .button{}
.forgot-link{margin-left:25px;font-size:18px;color:var(--white-color)}
.forgot-link:hover{color:var(--red-color)}
.login-forgot-btn .forgot-reg{margin-left:15px}
.forgot-div {
    padding: 0 165px 0 0;
    margin-bottom:30px;position: relative;
    z-index: 1;
}
.forgot-div .button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    font-size: 13px;
    letter-spacing: 0;
}
.forgot-div .form-control {
    padding: .575rem .75rem;
}
.forgot-main-sub {
    display: none;
}
.forgot-link,.forgot-reg a{color:rgba(255,255,255,1)}
.forgot-reg{font-size:20px;color:rgba(255,255,255,0.7)}
.forgot-link:hover,.forgot-reg a:hover,.forgot-link:focus,.forgot-reg a:focus{color:var(--red-color)}
.panel-title {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;padding:0;padding: 25px;
    display: block;
    text-transform: uppercase;
    
    font-weight: 700;
    font-size: 20px;
    position: relative;border:1px solid #ccc;transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
}
.panel-title.active{border-bottom:1px solid #eaeaea;}
.panel-body .col-lg-6{padding:15px}
.panel-body{border:1px solid #ccc;border-top:0px solid #ccc;}
.branch-inner-sub{position:relative;height:100%;padding-left:15px;padding-right:90px}
.branch-inner-sub p{padding-bottom:0}
.branch-inner-sub h2{font-size:25px}
.branch-title{padding-left:15px;}
.branch-title h2{color:var(--site-color);}
.pin_location_link{position:absolute;top:50%;transform:translateY(-50%);right:5px;width:50px}
.pin_location_link img{width:100%}
.panel-heading a {
    padding: 25px;
    display: block;
    text-transform: uppercase;
    
    font-weight: 700;
    font-size: 20px;
    position: relative;border:1px solid #ccc
}
.panel-heading a{
     
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
}
.branch-count { 
    font-weight: 300; 
    text-transform: none;
    font-size: 18px;
    padding: 5px 15px;
    margin: 0;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.panel-heading a::before{
    content: ">";
    color: var(--red-color);
    float: right;
    font-size: 40px;
    font-weight: 300;
    margin-top:-17px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;font-family: poppins,sans-serif;
}
.panel-heading.active a::before{
    color: var(--red-color);
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.panel-title::after {
    content: ">";
    color: var(--red-color);
    float: right;
    font-size: 40px;
    font-weight: 300;
    right:25px;
    transform:translateY(-50%) rotate(0deg);
	-moz-transform:translateY(-50%) rotate(0deg);
	-webkit-transform:translateY(-50%) rotate(0deg);
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;font-family: poppins,sans-serif;
	position:absolute;top:50%;
}
.panel-title.active::after {
    color: var(--red-color);
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    transform:translateY(-50%) rotate(90deg);
    -moz-transform:translateY(-50%) rotate(90deg);
    -webkit-transform:translateY(-50%) rotate(90deg);
}
.panel-collapse{display: none}
.panel-group {
	margin-bottom: 20px
}
.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px
}
.panel-group .panel + .panel {
	margin-top: 5px
}
.panel-group .panel-heading {
	border-bottom: 0
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 1px solid #ddd
}
.panel-group .panel-footer {
	border-top: 0
}
.panel-group .panel-footer + .panel-collapse .panel-body {
	border-bottom: 1px solid #ddd
}
.panel-default {
	border-color: #ddd
}
.panel-default > .panel-heading {
	/*color: #333;
	background-color: #f5f5f5;
	border-color: #ddd*/
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ddd
}
.panel-default > .panel-heading .badge {
	color: #f5f5f5;
	background-color: #333
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ddd
}
.panel-primary {
	border-color: #337ab7
}
.panel-primary > .panel-heading {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #337ab7
}
.panel-primary > .panel-heading .badge {
	color: #337ab7;
	background-color: #fff
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #337ab7
}
.panel-success {
	border-color: #d6e9c6
}
.panel-success > .panel-heading {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #d6e9c6
}
.panel-success > .panel-heading .badge {
	color: #dff0d8;
	background-color: #3c763d
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #d6e9c6
}
.panel-info {
	border-color: #bce8f1
}
.panel-info > .panel-heading {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #bce8f1
}
.panel-info > .panel-heading .badge {
	color: #d9edf7;
	background-color: #31708f
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #bce8f1
}
.panel-warning {
	border-color: #faebcc
}
.panel-warning > .panel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #faebcc
}
.panel-warning > .panel-heading .badge {
	color: #fcf8e3;
	background-color: #8a6d3b
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #faebcc
}
.panel-danger {
	border-color: #ebccd1
}
.panel-danger > .panel-heading {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ebccd1
}
.panel-danger > .panel-heading .badge {
	color: #f2dede;
	background-color: #a94442
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ebccd1
}
.result{margin-bottom:20px}
.rate{font-size:20px;min-height:30px;font-weight:bold}
.milestone-container {
  overflow: hidden;
  height:500px;
  transform-origin: center left;  
}
.milestone-column{position: relative;}
.milestone-column.fixed{position: fixed;top:0;padding-top:150px;}
.milestone-carousel-sub{/*transform: perspective(30rem) rotateY(15deg);*/padding:50px 10px;width:100px;background:#ccc}
.milestone-carousel .swiper-button-next:after,.milestone-carousel .swiper-button-prev:after{font-size:20px}
.milestone-carousel .swiper-pagination{display:none;}
.milestone-carousel .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px auto;}
.milestone-carousel .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet +  .swiper-pagination-bullet{margin-top:5px}
.milestone-carousel .milestone-button-next,.milestone-carousel .milestone-button-prev{margin:0;left:0;top:auto;right:auto;width:100%;/*background-color:rgba(0, 0, 0, .2) ;*/}
.milestone-carousel .milestone-button-next{bottom:0} 
.milestone-carousel .milestone-button-prev{top:0;}
.milestone-carousel .milestone-button-next::after, .milestone-carousel .milestone-button-prev:after {
  transform: rotate(90deg);
}
.milestone-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;font-size:25px;
}
.milestone-container .swiper-slide-active{background:var(--red-color);color:var(--white-color);}

.title {
  position: relative;
  margin-top: 30px;
  width: 100%;
  text-align: center;
}

.timeline {
  position: relative;
  width: 100%;
  padding: 30px 0;
}

.timeline .timeline-container {
  position: relative;
  width: 100%;
}

.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.timeline-year h2,
.timeline .timeline-start p,
.timeline .timeline-year p {
  display: flex;
  width: 200px;
  height: 100px;
  margin: 0;
  padding: 0px 0;
  text-align: center;
  
  /*border-radius: 50%;  */
  color:#333;
  font-size: 14px;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.timeline .timeline-start p,
.timeline .timeline-year p{background:#ccc;}
.timeline-year h2{font-size:30px;}
.timeline-year h2{position:relative}
.timeline-year h2::before,.timeline-year h2::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;z-index:0;border-radius:50px;}
.timeline-year h2::before{background:#ccc;z-index:-5}
.timeline-year h2::after{background:var(--red-color);z-index:-1;transform:scale(0);transform-origin:center top}

.timeline .timeline-year {
 /* margin: 30px 0;*/
}

.timeline .timeline-continue {
  position: relative;
  width: 100%;
   /*padding: 60px 0;*/
}
.timeline .timeline-continue .col-md-6{padding-left:20px;padding-right:20px;}
.timeline .timeline-continue::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #ccc;
}

.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date {
  text-align: right;
}

.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date {
  text-align: left;
}

.timeline .timeline-date {
  font-size: 18px;
  font-weight: 600;
  margin: 41px 0 0 0;
}

.timeline .timeline-date::after {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 45px;
  background:#ccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  border-radius: 15px;
  z-index: 1;
}

.timeline .row.timeline-left .timeline-date::after {
  left: -7px;
}

.timeline .row.timeline-right .timeline-date::after {
  right: -7px;
}

.timeline .timeline-box,
.timeline .timeline-launch {
  position: relative;
  display: inline-block;
  margin: 15px 0;
  padding: 20px;
  border: 1px solid #dddddd;
  border-radius:0px;
  background:none;width:100%;
}

.timeline .timeline-launch {
  width: 100%;
  margin: 15px 0;
  padding: 0;
  border: none;
  text-align: center;
  background: transparent;
}

.timeline .timeline-box::after,
.timeline .timeline-box::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline .row.timeline-left .timeline-box::after,
.timeline .row.timeline-left .timeline-box::before {
  left: 100%;
}

.timeline .row.timeline-right .timeline-box::after,
.timeline .row.timeline-right .timeline-box::before {
  right: 100%;
}

.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
  left: 50%;
  margin-left: -10px;
}

.timeline .timeline-box::after {
  top: 26px;
  border-color: transparent transparent transparent #ffffff;
  border-width: 10px;
}

.timeline .timeline-box::before {
  top: 25px;
  border-color: transparent transparent transparent #dddddd;
  border-width: 11px;
}

.timeline .row.timeline-right .timeline-box::after {
  border-color: transparent #ffffff transparent transparent;
}

.timeline .row.timeline-right .timeline-box::before {
  border-color: transparent #dddddd transparent transparent;
}

.timeline .timeline-launch .timeline-box::after {
  bottom:-20px;top:auto;
  border-color:#dddddd transparent transparent transparent;
}

.timeline .timeline-launch .timeline-box::before {
  bottom: -19px;top:auto;
  border-color: #ffffff transparent transparent transparent;
  border-width: 10px;
  z-index: 1;
}

.timeline .timeline-box .timeline-icon {
  position: relative;
  width: 40px;
  height: auto;
  float: left;
}

.timeline .timeline-icon i {
  font-size: 25px;
  color: #333;
}

.timeline .timeline-box .timeline-text {
  position: relative;
  width: calc(100% - 40px);
  float: left;
}

.timeline .timeline-launch .timeline-text {
  width: 100%;
}

.timeline .timeline-text h3 {
  font-size: 20px;
  font-weight: 600;
padding:0;
}

.timeline .timeline-text p {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 0;padding:7px 0 0 0;
}

@media (max-width: 768px) {
  .timeline .timeline-continue::after {
    left: 40px;
  }

  .timeline .timeline-end,
  .timeline .timeline-start,
  .timeline .timeline-year,
  .timeline .row.timeline-left,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-right,
  .timeline .row.timeline-left .timeline-date,
  .timeline .timeline-launch {
    text-align: left;
  }

  .timeline .row.timeline-left .timeline-date::after,
  .timeline .row.timeline-right .timeline-date::after {
    left: 47px;
  }

  .timeline .timeline-box,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-left .timeline-date {
    margin-left: 55px;
  }

  .timeline .timeline-launch .timeline-box {
    margin-left: 0;
  }

  .timeline .row.timeline-left .timeline-box::after {
    left: -20px;
    border-color: transparent #ffffff transparent transparent;
  }

  .timeline .row.timeline-left .timeline-box::before {
    left: -22px;
    border-color: transparent #dddddd transparent transparent;
  }

  .timeline .timeline-launch .timeline-box::after,
  .timeline .timeline-launch .timeline-box::before {
    left: 30px;
    margin-left: 0;
  }
}
.timeline-item,.timeline-item .row{position: relative;}
.timeline-item .row{z-index:9;}
.timeline-item.line-one::after,.timeline-item.line-two::after{content:'';position:absolute;top:0;left:calc(50% - 1px);width:2px;background-color:var(--red-color);height:0%;z-index:5;}
.timeline-item.line-one::after{}
.timeline-item.line-one.active::after{height:67%;transition:all 1s ease-out 0s;}
.timeline-item.line-two.active::after{height:77%;transition:all 1s ease-out 0s;}
/*
.timeline-item.active .timeline-right .col-md-6:last-child:before{content:'';position:absolute;top:0;left:-1px;width:1px;background-color:var(--red-color);height:42%;z-index:9;}
.timeline-item.active .timeline-left .col-md-6:first-child:before{content:'';position:absolute;top:0;right:0px;width:1px;background-color:var(--red-color);height:42%;z-index:9;}*/

.timeline-item.active .timeline-date::after{background:var(--red-color);transition:all 0.4s ease-out 0.2s;}
.timeline-item.active .timeline-date{color: var(--red-color);transition:all 0.4s ease-out 0.2s;letter-spacing:1px;}
.timeline-item.active .timeline-box{background-color:#fff;transition:all 0.4s ease-out 0.2s;}
.timeline-item.active .timeline-year h2,.timeline-last.active .timeline-year h2{ /*background:var(--red-color);*/color:var(--white-color);transition:all 0.4s ease-out 1s;}
.timeline-item.active .timeline-year h2::after,.timeline-last.active .timeline-year h2::after{transition:all 0.4s ease-out 0.9s;transform:scale(1)}

.timeline-last.active .timeline-box{background-color:var(--red-color);border:1px solid var(--red-color)}
.timeline-last.active .timeline-text h3,.timeline-last.active .timeline-text p{color:var(--white-color) ;}
.timeline-last.active .timeline-launch .timeline-box::before{border-color: var(--red-color) transparent transparent transparent;}

.remittances-titile h2{font-size:2.5rem;margin-bottom:1.5rem}
.remittances h3{font-size:2rem;margin-bottom:1rem}
.remittances .remittances-icon{width:200px;display:block;margin:0 auto;position:relative}
a.remittances-icon::after{background:var(--red-color);position:absolute;left:50%;top:50%;width:100%;height:100%;content:'';z-index: -1;transform:translate(-50%,-50%) scale(0.5);border-radius:50%;}
a.remittances-icon:hover::after{transform:translate(-50%,-50%) scale(1.1)}
a.remittances-icon:hover img{transform:scale(0.95)}

.location-list{background:#fff;padding-right:15px;}
.gm-style .gm-style-iw{width:300px!important;max-width:300px!important}
.map-dtl{position:relative;z-index:1}
.map-dtl .pin_location_link{position:absolute;display:block;left:0;top:0;width:100%;height:100%;z-index:9}
.location-data-ul li .map-dtl .pin_location_link{display:none;}
.map-links{}
.map-dtl h3{padding-top:0;font-size:1.2rem;padding-bottom:0}
.map-dtl p{padding:0;font-size:1rem;padding-bottom:0}
.location-data-ul li .map-dtl p{font-size:16px;padding-bottom:0px}
.location-data-ul li .map-dtl{width:100%;border-bottom:1px solid rgba(0,0,0,.1);padding:10px}
.location-data-ul li.active{background:#f1f1f1}
.location-data-ul li h3{padding-top:0;font-size:1.2rem;}
.map-select{margin-top:15px;margin-left:15px;width:calc(100% - 15px) }
.location-list{background:#fff;padding-right:15px;}
.location-data{height:calc(100% - 100px);width:100%;z-index:1;margin-left:5px;margin-top:15px;}
.location-div{height:700px;margin-left:20.229167%}
.location-list{z-index:99;width:20.229167%;height:100%;}
.location-icon{display:none}
.location-icon img{filter:invert(1);height:75%;margin-top:4px;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #e30b13;
    background-color: rgba(227,11,19,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #e30b13;
    background-color: rgba(227,11,19,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #e30b13;
    background-color: rgba(227,11,19,.75);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #e30b13;
    background-color: rgba(227,11,19,.75);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    opacity:0 
}
.mCSB_scrollTools .mCSB_draggerContainer::before{width:2px;content:'';top:0;height:100%;background:#000;position:absolute;left:50%;transform:translateX(-50%);opacity:0.3}
.mCSB_inside>.mCSB_container{margin-right:15px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #e30b13;
    background-color: rgba(227,11,19,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
     background-color: #e30b13;
    background-color: rgba(227,11,19,.75);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #e30b13;
    background-color: rgba(227,11,19,.75);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:12px}
.location-list{display:flex;z-index:5;}
.locations{  }
.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;width:5rem}
.kiosk-link{display:block;margin-top:15px;overflow:hidden}
.kiosk-link:hover img{transform:scale(1.05)}
.foreign-row{margin-top:35px;margin-bottom:35px }
.foreign-row .col-lg-4:nth-child(1){padding-right:0}
.foreign-row .col-lg-4:nth-child(2){padding:0}
.foreign-row .col-lg-4:nth-child(3){padding-left:0}
.foreign-col-img div{overflow: hidden;cursor:pointer}
.foreign-col-img div:hover img{transform:scale(1.05)}
.foreign-currency{margin:35px 0 35px 0;/**//*text-align:center;height:100%;background:var(--white-color);padding:20px;display:flex;align-items:center;justify-content:center*/}
.foreign-currency p{text-align: justify}
.foreign-currency-sub{margin:20px 0 35px 0;}
.application-ul{display:flex;margin-top:25px }
.application-ul li{text-align:center;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;padding-right:15px;padding-left:15px;}
.application-ul li div{position:relative}
.application-ul li img{width:50%;}
.application-ul li h3{font-size:20px;line-height:20px}
.application-ul li:hover img{filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.5));/*transform:scale(1.05)*/}
.application-ul li:hover div{filter:brightness(1.4);}
.application-ul li:nth-child(2) .icons_convenient_sub{filter:drop-shadow(2px 2px 10px #f2f2f2)}
.app-icon{}
.app-icon-sub,.icons_convenient_sub{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%)}


.application-ul li:hover .app-icon,.application-ul li:hover .icons_convenient{transform:rotate(360deg)}
.application-ul li:nth-child(3):hover img{transform: scale(1.065)}
.application-ul li:nth-child(4):hover img{transform: scale(1.065)}
.application-ul li:nth-child(5):hover img{transform:translateX(10px)}
.application-ul li:nth-child(6):hover img{transform: scale(1.065)}

.company-history-pdf{display:block;max-width:100%;overflow:hidden;margin:25px auto 0 auto;}

/*.company-history-pdf:hover img{transform: scale(1.05)}*/
.launch-link{display:none}

.remit-muzaini-main{background:var(--red-color);padding:50px 0;margin:75px 0 0px 0}
.remit-muzaini-title{margin-bottom:25px}
.remit-muzaini-title h1{padding-top:0}
.remit-muzaini-title h1,.remit-muzaini-title p{color:var(--white-color);opacity:0.9;}
.remit-title{color:var(--white-color);line-height:25px;font-weight:bold;font-size:29px;margin-bottom:15px;opacity:0.9}
.remit-muzaini-cntents p{color:var(--white-color);}
.remit-muzaini-cntents{margin-bottom:15px}
.remit-muzaini-cntents a{display:block;height:100%;opacity:0.85}
.remit-muzaini-cntents a:hover{opacity:1}
ol{margin-left:20px}
ol li{list-style-type:decimal}
.app-features{padding-top:35px;padding-bottom:50px}
.app-features h2{text-align:center;margin-bottom:25px}
.application-card{text-align:center}
.video-title{text-align:center;z-index:8;font-size:25px;font-weight:bold;margin-top:10px}
.remittances-videos{margin-top:45px}
.application-card{padding-top:15px;padding-bottom:15px}
.application-icons{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);padding:25px 0 45px 0;margin-top:25px }
.news-listing{}
.news-listing .year-link{/*margin-top:15px;*/padding:10px 0px;cursor:pointer}
.news-listing .year-link:first-child{margin-top:0px}
.year-link{/*background:var(--white-color);*/position:relative;z-index:1}
.year-link::after{content:'';width:0;height:0;border:10px solid transparent;border-top:10px solid var(--red-color);border-left:10px solid var(--red-color);position:absolute;transform:translateY(-50%) rotate(225deg);top:37%;right:5px}
.news-listing .year-link::before{content:'';width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;   }
.news-listing .year-link:first-child::before{margin-top:0px;display:none}
.year-data{/*background:var(--white-color);*/padding:0 0px}
.news-listing .year-link.active{}
.news-listing .year-link.active::after{transform:translateY(-50%) rotate(45deg);top:60%;}
.sort-by label{white-space:nowrap;margin-right:10px}
.form-control:focus{border-color:var(--red-color)}
.sorting{margin-bottom:10px}
.sorting .sort-by{align-items:center}
.sorting .sort-by + .sort-by{margin-left:20px}
#buyForeign{display:block}
#sellForeign{display:none}


.form-control::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color:#9d9d9d; font-style: italic
}
.form-control::-moz-placeholder { /* Firefox 19+ */
   color:#9d9d9d; font-style: italic
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color:#9d9d9d; font-style: italic
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color:#9d9d9d; font-style: italic
}



.popup-hidden{width:768px;display:none;padding:35px}
.bod-modal.popup-hidden{padding:0}
.popup-hidden h2{padding-top:0px;font-size:35px;color:var(--red-color);padding-bottom:0}
.member-post{margin-bottom:15px;}
.popup-hidden p{font-size:16px;line-height:20px; }
.popup-hidden p a{color:var(--red-color)}
.popup-hidden p a:hover{opacity:.7;color:var(--red-color)}
.animated-modal a{color:rgb(113,189,255,1)}
.popup-hidden .listing li::before{top:12px;}
.popup-hidden.subscribe-model p{font-size:22px;padding:0 0 15px 0;line-height:normal}
/* Start state */
.animated-modal {border-radius:4px;overflow:hidden;transform: translateY(-50px);transition:all .7s;}
#signupModal{width:575px}
.animated-modal .anim1,.animated-modal .anim2,.animated-modal .anim3,.animated-modal .anim4,.animated-modal .anim5,.animated-modal .anim6,.animated-modal .anim7,.animated-modal .anim7,.animated-modal .anim8,.animated-modal .anim9,.animated-modal .anim10,.animated-modal .anim11,.animated-modal .anim12,.animated-modal .anim13,.animated-modal .anim14,.animated-modal .anim15,.animated-modal .anim16,.animated-modal .anim17,.animated-modal .anim18,.animated-modal .anim19,.animated-modal .anim20,.animated-modal .anim21,.animated-modal .anim22,.animated-modal .anim23,.animated-modal .anim24,.animated-modal .anim25
{transform: translateY(-50px);opacity:0;transition-property:transform, opacity;transition-duration:.4s;}

/* Final state */
.fancybox-slide--current .product-detail,
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal .anim1,
.fancybox-slide--current .animated-modal .anim2,
.fancybox-slide--current .animated-modal .anim3,
.fancybox-slide--current .animated-modal .anim4,
.fancybox-slide--current .animated-modal .anim5,
.fancybox-slide--current .animated-modal .anim6,
.fancybox-slide--current .animated-modal .anim7,
.fancybox-slide--current .animated-modal .anim8,
.fancybox-slide--current .animated-modal .anim9,
.fancybox-slide--current .animated-modal .anim10,
.fancybox-slide--current .animated-modal .anim11,
.fancybox-slide--current .animated-modal .anim12,
.fancybox-slide--current .animated-modal .anim13,
.fancybox-slide--current .animated-modal .anim14,
.fancybox-slide--current .animated-modal .anim15,
.fancybox-slide--current .animated-modal .anim16,
.fancybox-slide--current .animated-modal .anim17,
.fancybox-slide--current .animated-modal .anim18,
.fancybox-slide--current .animated-modal .anim19,
.fancybox-slide--current .animated-modal .anim20,
.fancybox-slide--current .animated-modal .anim21,
.fancybox-slide--current .animated-modal .anim22,
.fancybox-slide--current .animated-modal .anim23,
.fancybox-slide--current .animated-modal .anim24,
.fancybox-slide--current .animated-modal .anim25
{
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */

.fancybox-slide--current .animated-modal .anim1 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal .anim2 {
  transition-delay: .2s;
}
.fancybox-slide--current .animated-modal .anim3 {
  transition-delay: .3s;
}
.fancybox-slide--current .animated-modal .anim4 {
  transition-delay: .4s;
}
.fancybox-slide--current .animated-modal .anim5 {
  transition-delay: .5s;
}
.fancybox-slide--current .animated-modal .anim6 {
  transition-delay: .6s;
}
.fancybox-slide--current .animated-modal .anim7 {
  transition-delay: .7s;
}
.fancybox-slide--current .animated-modal .anim8 {
  transition-delay: .8s;
}
.fancybox-slide--current .animated-modal .anim9 {
  transition-delay: .9s;
}
.fancybox-slide--current .animated-modal .anim10 {
  transition-delay: 1s;
}
.fancybox-slide--current .animated-modal .anim11 {
  transition-delay: 1.1s;
}
.fancybox-slide--current .animated-modal .anim12 {
  transition-delay: 1.2s;
}
.fancybox-slide--current .animated-modal .anim13 {
  transition-delay: 1.3s;
}
.fancybox-slide--current .animated-modal .anim14 {
  transition-delay: 1.4s;
}
.fancybox-slide--current .animated-modal .anim15 {
  transition-delay: 1.5s;
}
.fancybox-slide--current .animated-modal .anim16 {
  transition-delay: 1.6s;
}
.fancybox-slide--current .animated-modal .anim17 {
  transition-delay: 1.7s;
}
.fancybox-slide--current .animated-modal .anim18 {
  transition-delay: 1.8s;
}
.fancybox-slide--current .animated-modal .anim19 {
  transition-delay: 1.9s;
}
.fancybox-slide--current .animated-modal .anim20 {
  transition-delay: 2s;
}
.fancybox-slide--current .animated-modal .anim21 {
  transition-delay: 2.1s;
}
.fancybox-slide--current .animated-modal .anim22 {
  transition-delay: 2.2s;
}
.fancybox-slide--current .animated-modal .anim23 {
  transition-delay: 2.3s;
}
.fancybox-slide--current .animated-modal .anim24 {
  transition-delay: 2.4s;
}
.fancybox-slide--current .animated-modal .anim25 {
  transition-delay: 2.5s;
}

button,.form-control,
textarea:hover, 
.form-control:hover, 
textarea:active, 
.form-control:active, 
textarea:focus, 
.form-control:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active,.swiper-button-next, .swiper-button-prev
{
    outline:0px !important;
    -webkit-appearance:none;box-shadow:none!important 
}
	

::selection 		{color:var(--white-color);background:var(--red-color)}
::-moz-selection	{color:var(--white-color);background:var(--red-color)}
.none				{display:none !important}

.fancybox-close-small,.fancybox-close-small:after,.swiper-pagination-bullet{outline: none !important; box-shadow: none;}

a					{color:#e30b13;text-decoration:none}
a:hover 			{color:#000000;text-decoration:none}
a:focus 			{color:#000000;text-decoration:none}

.button{font:bold 20px/25px 'Tajawal',sans-serif;color:#fff;background:var(--red-color);padding:10px 25px 10px 25px;display:inline-block;border-radius:50px;cursor:pointer;text-align:center;border:2px solid transparent;text-decoration:none;vertical-align:middle;}
.button:hover,.button:focus{background:#000;color:#fff;border:2px solid transparent;}
:root {
    --red-color:#e30b13;
    --white-color:#FFFFFF;
    --site-color:#000000;
    --light-grey:#ddd;
    --tajawal:'Tajawal',sans-serif;
    --teko:'Teko', sans-serif;
    --white: #fff;
    --blue: #3051f1;
    --purple: #c92bb7;
    --red: #f73344;
    --orange: #fa8e37;
    --yellow: #fcdf8f;
    --yellow_to: #fbd377;
}
.loading {
    position: fixed;
    z-index: 2000 !important; 
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 45%;
    left: 0;
     
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
/*        background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));*/
        /*background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));*/
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 150ms infinite linear;
            -moz-animation: spinner 150ms infinite linear;
            -ms-animation: spinner 150ms infinite linear;
            -o-animation: spinner 150ms infinite linear;
            animation: spinner 150ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(220, 38, 38, 0.75) 1.5em 0 0 0, rgba(220, 38, 38, 0.75) 1.1em 1.1em 0 0, rgba(220, 38, 38, 0.75) 0 1.5em 0 0, rgba(220, 38, 38, 0.75) -1.1em 1.1em 0 0, rgba(220, 38, 38, 0.75) -1.5em 0 0 0, rgba(220, 38, 38, 0.75) -1.1em -1.1em 0 0, rgba(220, 38, 38, 0.75) 0 -1.5em 0 0, rgba(220, 38, 38, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(220, 38, 38, 0.75) 1.5em 0 0 0, rgba(220, 38, 38, 0.75) 1.1em 1.1em 0 0, rgba(220, 38, 38, 0.75) 0 1.5em 0 0, rgba(220, 38, 38, 0.75) -1.1em 1.1em 0 0, rgba(220, 38, 38, 0.75) -1.5em 0 0 0, rgba(220, 38, 38, 0.75) -1.1em -1.1em 0 0, rgba(220, 38, 38, 0.75) 0 -1.5em 0 0, rgba(220, 38, 38, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}