@charset "utf-8";
/* CSS Document */
@import url('../fonts/font.css');
@import url('https://fonts.googleapis.com/css2?family=Ysabeau+Office:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
* 					{margin:0;padding:0;-webkit-font-smoothing:antialiased;line-height:normal;}
body 				{margin:0 auto;font-size:16px;color:#4a484c;font-family: 'Poppins', sans-serif;background-image: url("../images/body-background.jpg");background-color: #d0e1ff;background-repeat: no-repeat;}
html				{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: 'Poppins', sans-serif;}
a img				{border:none;}
h1,h2,h3,h4,h5,h6	{margin:0px;padding:10px 0px;font-weight:normal;color:#000000;font-family: 'Poppins', sans-serif;}
.button,header,.masaha-link,.masaha-link img,footer .col-12 p a,header::before,.masaha,.masaha img,.language,.social-media li a img,.app-store-main a img
{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}
header{padding:10px 0 0px 0;position:fixed;z-index:999;top:0px;width:100%;left:0px;right:0px;text-align:center;border-top:4px solid #fff;background-color: #fff;}
header::before{background:#fff;position:absolute;content: "";left:0px;top:0px;right:0px;bottom:0px;z-index:-1;opacity:0;}
.banner-main{position:relative;z-index:1;}

@keyframes updpwn{
	0%{transform:translateY(0px) rotate(45deg)}
	50%{transform:translateY(10px) rotate(45deg)}
	100%{transform:translateY(0px) rotate(45deg)}
}

p{padding:10px 0}
.masaha{width:15%;float:left;margin-top: -10px;}
.masaha img{width:14%;position: absolute;}
.masaha:hover img{opacity:1;}
.navigation{float:left;padding-top: 0px;}
.language{float:right;}
.masaha-link{display:block;}
.masaha-link:hover img,.app-store-main a:hover img{opacity:0.5;}
.wsmenu-list li:last-child a{padding-right:0px}
.wsmenu-list > li > a{color:#333;font-size:20px;font-weight: 400;text-transform: none;}
.wsmenu-list > li > a:hover{color:#000;}
.wsmenu-list li a.nav-active{color:#47417b!important}
.wsmenu-list > li:first-child a{padding-left:0px;}
.wsmenu-list > li:last-child a{padding-right:0px;}
header.small-header{padding:5px 0;box-shadow:0 1px 2px rgba(0,0,0,0.1);border-bottom:1px solid #fff;}

.wsmenu>.wsmenu-list a::after {content: "";position: absolute; height: 2px;background-color: #fff;width: 0;left: 50%;bottom: 0;transform: translateX(-50%);transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) all;}
.wsmenu>.wsmenu-list a:hover::after {width: 100%;}
.btn-contact{background-color: #fff!important;color:#000!important;}
header.small-header::before{opacity:1}
@media screen and (min-width:781px){	
	header.small-header .masaha{width:10%;opacity:1;margin-top: 0px;}
	header.small-header .navigation{margin:10px 0 0 35px;}
	header.small-header .language{font-size:22px;margin:13px 0 0 0;}
	header.small-header .slogan-phone .phone-numbers a{font-size:14px;}
	header.small-header .slogan-phone{border-bottom:1px solid rgba(0,0,0,0.1)}
	header.small-header .slogan-phone h2{font-size:18px;}
	header.small-header .wsmenu-list > li > a{padding:7px 12px 5px 12px;font-size:17px;color:#000;}
	header.small-header .wsmenu-list > li > a:hover{color:#000;}
	header.small-header .wsmenu-list > li:first-child a{padding-left:0px;}
	header.small-header .wsmenu-list > li:last-child a{padding-right:20px;}
	header.small-header .navigation .subscribe-div .button {font-size: 17px;margin-top: 0px;}
	header.small-header .masaha img{width:12%;top:0px;}}

.section{/*padding:50px 0 20px 0;*/align-content:center;align-items:center;overflow:hidden;}
.container{position:relative;z-index:9;}
.home-top-content{text-align: center;}
.home-top-content h1{font-size:60px;font-weight: 600;color:#47417b;}
.home-top-content span{color:#fff;}
.home-top-content p{color:#47417b;}
.home-top-phone{margin-top: 5rem;animation-name: floating;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

.top-banner-main{padding-top:10rem;}
.max-width{max-width:100%;}
.app-store-main{margin-top:5%;}
.app-store-main h4{color:#9A0000;padding-bottom: 3rem;font-weight: 500;}
.app-store-main a{display:inline-block;width:45%;}
/*.app-store-main a:first-child{margin-right:20px;}*/
.masaha-here{font-size:60px;color:#9A0000;font-weight:600;}
.masaha-here span{text-transform: uppercase;font-weight: 300;}
.about-main{padding-top: 3rem;padding-bottom: 3rem;}
.about-col{text-align: center;}
.about-col h3{font-weight:800;font-size:50px;}
.about-col p{padding-top: 0px;}
.about-col span{font-size:25px;font-weight:600;display: inline-block;width:50%;}

.featured-main{padding-top: 3rem;padding-bottom: 3rem;}
.featured-main h1{font-size:60px;font-weight: 600;color:#47417b;text-align: center;}
.feature-step{margin-top: 5rem;}
.feature-step h3{font-weight: 600;}
.feature-step-img{transform: translatey(0px);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;cursor: pointer;}
.feature-step-img:hover{transform: translate(-20px,20px);}


.gallery-main {padding-top:3rem;padding-bottom:3rem;}
.gallery-main h1{font-size:60px;font-weight: 600;color:#47417b;text-align: center;}
.gallery-main-img		{transform: translatey(0px);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;cursor: pointer;}
.gallery-main-img:hover{transform: translate(-20px,20px);}
.gallery-main p{text-align: center;}


.reviews-main   {padding-top:3rem;padding-bottom:3rem;}
.reviews-main h1{font-size:60px;font-weight:600;color:#47417b;text-align: center;}
.reviews-main p {line-height:30px;font-weight:600;}
.reviews-main .accordion-item{background-color: transparent;border: none;}
.reviews-main .accordion-item:first-of-type .accordion-button{background-color: transparent;}
.reviews-main .accordion-item{background-color: transparent;}
.reviews-main .accordion-button{background-color: transparent;color: #000;font-weight: 600;font-size: 20px;}
.reviews-main .accordion-body p{margin-top: -2rem;color:#6e6e6e;}
.reviews-main-details{margin-top:3rem;}

.banner-footer{padding-top: 2rem;padding-bottom: 2rem;}
.banner-footer-content{background-image: url("../images/banner-footer-img.png");background-repeat: no-repeat;background-color: #47417b;text-align: center;padding: 50px;border-radius:25px;}
.banner-footer-content h3{color:#fff;font-weight:700;font-size:40px;}
.banner-footer-content span{color:#e1bdff;}
.banner-footer-content p{color:#fff;}

/*.copyright-section{position:absolute;bottom:0px;left:0px;right:0px;background:#9A0000;}*/
.copyright-div p,.copyright-div p a{color:#fff;font-size:17px;}
.copyright-div p a:hover{color:#fff;}

.popup-hidden{display:none;}
/* Start state */
.animated-modal {width:500px;border-radius:20px;overflow:visible;transform: translateY(-50px);transition:all .7s;}
.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
{transform: translateY(-50px);opacity:0;transition-property:transform, opacity;transition-duration:.4s;}

/* Final state */
.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
{
  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;
}


button,select,select:hover,select:focus,
textarea:hover, 
textarea:active, 
textarea: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 
}
.input::-webkit-input-placeholder,.form-control::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color:#9d9d9d; font-style: italic
}
.input::-moz-placeholder,.form-control::-moz-placeholder { /* Firefox 19+ */
   color:#9d9d9d; font-style: italic
}
.input:-ms-input-placeholder,.form-control:-ms-input-placeholder { /* IE 10+ */
  color:#9d9d9d; font-style: italic
}
.input:-moz-placeholder,.form-control:-moz-placeholder { /* Firefox 18- */
   color:#9d9d9d; font-style: italic
}
::selection 		{color:#000000;background:antiquewhite}
::-moz-selection	{color:#000000;background:antiquewhite}
.none				{display:none !important}

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

a					{color:#fff;text-decoration:none;}
a:hover 			{color:#fff;text-decoration:none;}
/*a:focus 			{color:#fff;text-decoration:none}*/
.button,.greybutton,.revese-button{font:400 22px/25px 'Ysabeau Office', sans-serif;padding:10px 50px 10px 50px;display:inline-block;border-radius:5px;cursor:pointer;text-align:center;text-decoration:none;vertical-align:middle;border:1px solid #fff;color:#fff;}
.button{background:#bf0101;}
.button:hover{background:#000;color:#fff;border:1px solid #000;}

.navigation .subscribe-div{margin-left:25px;}
.navigation .subscribe-div .button{padding:5px 20px 5px 20px;font-size:22px;margin-top:10px;font-weight: 600;}
@media screen and (min-width:781px){
.wsmenucontainer,.subscribe-div{display:inline-block;vertical-align:middle}}

.padding-left-right{padding-left:6%;padding-right:6%;}
.masaha-top{width:15%;position: absolute;left: 0px;}
.masaha-main{padding-top:10rem;}
.about-us-img img{width:60%;}
.about-us-text   {margin-top:10%;padding-right:10%;margin-left: -15%;}
.about-us-text h3{font-weight: 600;font-size:40px;width:50%;}
.about-us-text p {padding-left: 0%;padding-right: 0%;line-height: 30px;padding-bottom:2rem;}
a.know-more-btn{color:#000;border:1px solid #BF0101;padding: 10px 20px 10px 20px; border-radius: 10px;font-size:20px;}
.arrow-right-side{font-size:20px;color:#333;}

@keyframes UpDown {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 5em;
  }
  100% {
    bottom: 0;
  }
}

#jprePercentage{display: none;}

.download-app-box{background-color:#8454DF;padding:15px;width:50%;border-radius:10px;}
.download-app-box h2{font-size:65px;color:#fff;font-weight:800;}
.download-app-box p{color:#fff;line-height:30px;font-size:17px;font-weight:500;padding-top:2rem;}


/******COPYRIGHTS****/
.copyrights {background-color: #48427c;padding-top:1rem;padding-bottom:3rem;}
.copyright-content{color: #fff;float:left;}
.designed-by{color:#fff;float:right;}
.copyright-content a{color:#fff;display:contents;}
.copyrights a{display: contents;color:#fff;}