/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

* {box-sizing: border-box;}
body {margin: 0;}
:root {
	--color-01: #e8f1ff;
	--color-02: #d5e4ff;
	--color-03: #b4cbff;
	--color-04: #87a8ff;
	--color-05: #5775ff;
	--color-06: #3145ff;
	--color-07: #0e0eff;
	--color-08: #0809cb;
	--color-09: #0402f9;
	--color-10: #11159e;
	--color-11: #0a0b5c;
	/* --gjs-t-color-error: #dc3545; */
	--font-en-lv1:  "Almarai", sans-serif;
	/* --font-en-lv2: 'open sans;'; */

}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {border: none !important}
.using-mouse :focus {outline: 0;}
a{text-decoration: none;color:#000}
.gjs-t-body {background-color: rgba(255, 255, 255, 1);color: inherit;font-size: 1rem;line-height: 1.75rem;font-family: var(--font-en-lv1)}
.gjs-t-h1 {color: var(--gjs-t-color-secondary);font-size: 1.5rem;line-height: 2.5rem;}
.gjs-t-h2 {color: #601843;font-size: 1.2rem;line-height: 1.75rem;}
.gjs-t-button {background-color: var(--gjs-t-color-primary);color: white;border-radius: 0.3rem;}
.gjs-t-link {color: var(--gjs-t-color-primary);text-decoration: none;}
.gjs-t-border {border-radius: 0.3rem;border-color: #e0e0e0}
* {box-sizing: border-box;font-family:  var(--font-en-lv1) }
body {margin: 0;overflow-x: hidden;font-family: var(--font-en-lv1);}
#iau9 {font-family: var(--font-en-lv1);background-origin: padding-box;	color: #475569;}
h1,h2,h3,h4,h5,h6 {font-family: var(--font-en-lv1);}
.topHead-left>div {display: flex;gap: 5px;}
.topHead-left>div a {color: #fff !important;text-decoration: none;font-size: 15px;}
#notification-btn{position: relative;}
#sty01{display: flex;flex-direction: column;padding: 10px 30px;background: #fff;}
#sty01 .top {display: flex;}
#sty01 .top .left, #sty01 .top .right{flex: 0 0 50%;}
#sty01 .top .right{  text-align: right;  padding-right: 15px;}
#sty01 .top .right img{width: 80px;height: 80px;}
#sty01 .bottom{width: 900px;margin: auto;}
#sty01 .bottom ul.item{list-style: none;margin: 0;display: flex;justify-content: space-around;flex-direction: row-reverse;align-items: center;height: 45px;}
.svgHedaer{width: 35px}
.btn_style01{background: var(--color-09);color: #fff;border: none;padding: 15px 40px;border-radius: 25px;}
.btn_style02{background: #fff;color: var(--color-09);border: 2px solid;padding: 15px 40px;border-radius: 25px;}
/* class Header */


.sty01_head{font-size: 30px;font-weight: 600;}
#sty01 .bottom ul.item a{text-decoration: none;color: var(--color-10);font-size: 18px;font-weight: 600;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#menu_mobile_footer{padding: 5px 0;display: flex;list-style: none;margin: 0;width: 100%;justify-content: space-between;align-items: center;box-shadow: 4px 0px 14px #999999a1;}
#menu_mobile_footer_container{position: fixed;bottom: 0;width: 100%;z-index: 5000;background: #fff}
#menu_mobile_footer li {width: 32%;text-align: center;display: flex;justify-content: center;}
#menu_mobile_footer li a{width: 60px;height: 60px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-weight: 600;font-size: 14px;}
#menu_mobile_footer li a img{width: 50px;height: 50px;}
.logo_footer_mobile a{border-radius: 100%;height: 80px !important;width: 80px !important;position: absolute;top: -20px;background: var(--color-02);}
.item a p{font-size: 9px;text-align: center;margin-bottom: 0}
@media (max-width:992px) {
	#sty01 .bottom{width: 100%;}
	#sty01{width:100%;padding: 10px 0;border-bottom: 1px solid #d0d0d0;}

}
@media (max-width:768px) {
	.sty01_head{font-size: 19px;font-weight: 600;text-align: center;margin-bottom: 0;}
}
@media (max-width:480px) {
	.sty01_head{font-size: 17px;font-weight: 600;text-align: center;margin-bottom: 0;}
	#sty01 .top .right img {width: 56px;height: 55px;}
	.svgHedaer {width: 28px;height: 28px;}
}