html, body {
  overscroll-behavior: contain;
}
/*=================
			font css  Declare 
					====================*/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
.roboto, h1.roboto, div[class*="app_navigation"].roboto a span {font-family:'Roboto' }

/*=================
 Google Fonts Declare
 ====================*/

.permanentmarker, h1.permanentmarker, div[class*="app_navigation"].permanentmarker a span{ font-family: 'Permanent Marker', cursive; }
.lobster, h1.lobster, div[class*="app_navigation"].lobster a span{ font-family: 'Lobster', cursive; }
.indieflower, h1.indieflower, div[class*="app_navigation"].indieflower a span{ font-family: 'Indie Flower', cursive; }
.pacifico, h1.pacifico, div[class*="app_navigation"].pacifico a span{ font-family: 'Pacifico', cursive; }
.orbitron, h1.orbitron, div[class*="app_navigation"].orbitron a span{ font-family: 'Orbitron', sans-serif; }
.dancingscript, h1.dancingscript, div[class*="app_navigation"].dancingscript a span{ font-family: 'Dancing Script', cursive; }
.dosis, h1.dosis, div[class*="app_navigation"].dosis a span{ font-family: 'Dosis', sans-serif; }
.poiretone, h1.poiretone, div[class*="app_navigation"].poiretone a span{ font-family: 'Poiret One', cursive;}
.kaushanscript, h1.kaushanscript, div[class*="app_navigation"].kaushanscript a span{font-family: 'Kaushan Script', cursive;}
.satisfy, h1.satisfy, div[class*="app_navigation"].satisfy a span{ font-family: 'Satisfy', cursive; }
.courgette, h1.courgette, div[class*="app_navigation"].courgette a span{ font-family: 'Courgette', cursive; }
.seaweedscript, h1.seaweedscript, div[class*="app_navigation"].seaweedscript a span{ font-family: 'Seaweed Script', cursive; }
.navbar .center.kaushanscript{padding-right:10px;}


/*=================
 Google AR Fonts Declare
 ====================*/
 
.rakkas, h1.rakkas, div[class*="app_navigation"].rakkas a span{font-family: 'Rakkas', cursive;}
.lemonada, h1.lemonada, div[class*="app_navigation"].lemonada a span{font-family: 'Lemonada', cursive;}
.cairo, h1.cairo, div[class*="app_navigation"].cairo a span{font-family: 'Cairo', sans-serif;}
.amiri, h1.amiri, div[class*="app_navigation"].amiri a span{font-family: 'Amiri', serif;}
.changa, h1.changa, div[class*="app_navigation"].changa a span{font-family: 'Changa', sans-serif;}
.lateef, h1.lateef, div[class*="app_navigation"].lateef a span{font-family: 'Lateef', cursive;}
.reemkufi, h1.reemkufi, div[class*="app_navigation"].reemkufi a span{font-family: 'Reem Kufi', sans-serif;}
.scheherazade, h1.scheherazade, div[class*="app_navigation"].scheherazade a span{font-family: 'Scheherazade', serif;}
.elmessiri, h1.elmessiri, div[class*="app_navigation"].elmessiri a span{font-family: 'El Messiri', sans-serif;}
.harmattan, h1.harmattan, div[class*="app_navigation"].harmattan a span{font-family: 'Harmattan', sans-serif;}
.mirza, h1.mirza, div[class*="app_navigation"].mirza a span{font-family: 'Mirza', cursive;}
.katibeh, h1.katibeh, div[class*="app_navigation"].katibeh a span{font-family: 'Katibeh', cursive;}



.page-view.no-navbar .page-content,
.popup-view.no-navbar .page-content {
  padding-top: 0;
}




.swiper-gallery .swiper-slide,
.swiper-images img {
  background-position:center;
  background-size: contain;
  background-repeat: no-repeat;
}

.popover-view,
.popover-view .popover-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6000;
  background: rgba(0, 0, 0, 0.5);
}

.popover-view .popover-bg {
  background: rgba(0, 0, 0, 0);
}