:root{
	
	--yellow-color:#FFE91B;
	--light-black: #2E2E38;
	--blue-color: #0e63d8;
	--bg-color: #f5f8fd;
}
 
 

body{ font-family: "Plus Jakarta Sans", sans-serif!important; font-size:16px; }

.brand img{width:170px;}

.container.all_mmu { }
.action_btn { background: var(--blue-color); color: #fff; padding: 10px 20px; border-radius: 7px; font-size: 14px; display: inline-block;}
.action_btn:hover { background: #000; color: #fff; }

.banner_inner{background: #f5f8fd; border-radius: 10px; margin-top: 15px; position: relative; background-size: cover; background-position: center;}

.padd_area{padding:60px; }

.heading_area{margin-bottom:20px;}
.banner_data h1 {font-size: 45px; text-transform: uppercase; font-weight: 700; } 
.banner_data h1 span { display: block; font-weight: 200; }

.banner_data { padding: 30px; border-radius: 14px; }
.banner_data ul {padding:0px; }
.banner_data ul li { display: block; margin-bottom: 8px; }
.banner_data ul li:before {content:"\EA68"; font-family: remixicon; margin-right: 10px; font-size: 18px; color: #0f64d8; }
.appli { display: inline-flex; } 
.appli img { margin-right: 10px; }

.mobile_p img { text-align: center; display: block; margin: auto;}

.recharge{padding:60px 0px;}

.mmg{text-align: center; display: block; margin: auto;}

.recharge h2{margin-bottom:10px;}
.mys { display: flex ; gap: 40px; }


.recharge_list ul{display: grid ; grid-gap: 12px 20px; grid-template-columns: repeat(7, 1fr); margin-bottom: 35px; padding: 0px;}
.recharge_list ul li { align-items: center; background-color: #fff; border-radius: 15px; cursor: pointer; display: flex ; flex-direction: column; min-height: 135px; padding: 10px; text-align: center; 
   border: 1px solid #e1d9d9; transition: all 0.7s;}
  
.recharge_list ul li:hover{border: 1px solid rgb(14 99 216);}
.recharge_list ul li a { color: #000; font-size: 14px; line-height: 16px;}

.recharge_list ul li img { width: 51px; margin: 5px auto 5px; height: 56px; object-fit: contain; }

@media (min-width: 1025px) {
    .recharge_list ul li {
        min-height: 130px;
    }
}

.civil{padding:60px 0px; background: #f5f8fd;}
.civil_data ul{list-style:none; column-count:2; padding:0px;}
.civil_data ul li { margin-bottom: 15px; padding: 12px; border-radius: 6px; font-weight: bold; border: 1px solid var(--blue-color); }

.civil_data i { background: var(--blue-color); border-radius: 100px; color: #fff; font-weight: normal; }

.trusted{padding:60px 0px;}
.pay_logo { column-count: 2; } 
.pay_logo img { height: 76px; object-fit: contain; background: #fff; box-shadow: 0px 2px 8px 2px #ccc; padding: 22px 9px; width: 100%; border-radius: 10px; }

.pay_logo .loc{ margin-bottom: 25px;}

.trr{padding-right:80px;}
.trr p { margin-bottom: 0px; }

.pay_logo .loc {
  break-inside: avoid;   /* keep items intact */
}




footer { background: #041e42; padding: 40px 0px 20px; }

.black_bg { }


.foot_a h3 { font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.foot_a h3 span { border-bottom: 1px solid #fff; color:#fff;}
.foot_a ul{padding:0px; margin:0px;}
.foot_a ul li{list-style:none; margin-bottom:7px;}
.foot_a ul li a { color: #d5cbcb; font-size: 14px; }
.foot_a ul li a:hover{ color: #fff; }

.foot_loc h3 { font-size: 16px; font-weight: 600; margin-bottom: 20px; color:#fff;}
.foot_loc h3 span { border-bottom: 1px solid #fff; }
.foot_loc ul{padding:0px; margin:0px;}
.foot_loc ul li{list-style:none;margin-bottom:7px;display:inline;margin-right: 5px;}
.foot_loc ul li a {color: #fff;font-size: 18px;border: 1px solid #fff;border-radius: 30px;width: 35px;height: 35px;display: inline-block;text-align: center;line-height: 32px;}
.foot_loc ul li a:hover { background: #fff; color: var(--blue-color); }


.appli_2 { display: flex ; gap: 30px; align-items: center; }
.appli_2 img{margin-bottom:10px;}
.count2{column-count: 2; gap: 30px;}

.other_footer{margin-top:50px; color:#fff; display:none;}
.other_footer h3{font-size: 16px; font-weight: 600; margin-bottom: 20px; color:#fff;}


.bottom_list ul { padding: 0px; margin: 0px; display: inline; } 
.bottom_list ul li { display: inline-block; } 
.bottom_list { margin-bottom: 6px; } 
.bottom_list ul li a { text-transform: capitalize; color: #ccc; font-size: 14px; margin-right: 14px; } 
.bottom_list ul li a:hover {color: #fff;} 
.bottom_list ul li a:before { content: "\EA6C"; font-family: 'remixicon'; color: #edc8ad;}

.bottom_list a { color: #fff; font-weight: 500; font-size: 14px; }
.bottom_list b { border-bottom: 1px solid; }

.copy{font-size:14px; color:#d5cbcb;}
.mauto img{margin:auto;}



.dis_button{display:none;}
.inner_area{margin:50px 0px 0px;}

.side_bar { background: #f1efff; padding: 20px; border-radius: 10px; position: sticky; top: 8px;}
.inner_data { box-shadow: 0px 0px 4px 2px #efeded; padding: 50px; border-radius: 10px; }
.inner_data h1{font-size:18px; letter-spacing:1px; margin-top:10px;}

.side_bar ul { padding: 0px; } 
.side_bar ul li { list-style: none;  } 
.side_bar ul li a { color: #333; font-size: 14px; border-bottom: 1px solid #ccc; padding: 25px 15px; display: block; border-radius: 5px; }
.side_bar ul li a i { font-size: 18px; margin-right: 5px; }
.form_box{margin-top:40px;}
.input-box span { color: #857f7f; font-size: 12px; }
.input-box { position: relative; margin: 20px 0px 30px; width: 100%; }
.input-box input, .input-box select { width: 100%; padding: 14px 12px; font-size: 16px; border: 1px solid #aaa; border-radius: 6px; outline: none; background: #fff; box-sizing: border-box; }
.input-box.select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 38px; }
.input-box.select::after { content: "\EA4E"; font-family:remixicon; position: absolute; right: 12px; top: 34%; transform: translateY(-50%); pointer-events: none; color: #666; font-size: 12px; }
.input-box label { position: absolute; left: 12px; top: 34%; transform: translateY(-50%); color: #777; font-size: 16px; pointer-events: none; transition: all 0.18s ease; background: #fff; padding: 0 6px; z-index: 2; }
.input-box input:focus + label, .input-box input:not(:placeholder-shown) + label, .input-box.select select:focus + label, 
.input-box.select select:valid + label, .input-box.filled label { top: -1px; font-size: 12px; color: #007BFF; }
.input-box input:focus, .input-box select:focus { border-color: #007BFF; box-shadow: 0 0 0 3px rgba(0,123,255,0.06); }

.content_bx_area{margin-top:0px;}
.content_bx_area h2, .content_bx_area h3, .content_bx_area h4{font-size:20px; margin-bottom:15px}
.content_bx_area p { text-align: justify; line-height: 27px; font-size: 15px; }

.content_bx_area ul { padding: 0px; list-style: none; } 
.content_bx_area ul li { margin-bottom: 10px; display: flex; } 
.content_bx_area ul li:before { content: "\EA6C"; font-family: 'remixicon'; margin-right: 5px; font-weight: bold; }

.content_bx_area ol { padding: 0px; list-style: none; } 
.content_bx_area ol li { margin-bottom: 10px; display: flex; } 
.content_bx_area ol li:before { content: "\EA6C"; font-family: 'remixicon'; margin-right: 5px; font-weight: bold; }

.faqs{margin:60px 0px;}
.faqs h2{font-size:20px; margin-bottom:15px;}


.faq-container { max-width: 1000px; margin: auto; } 
.faq { background: #fff; margin-bottom: 15px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); overflow: hidden; } 
.faq-question { padding: 15px 20px; cursor: pointer; font-weight: bold; position: relative; } 
.faq-question::after { content: '+'; position: absolute; right: 20px; font-size: 20px; transition: 0.3s; } 
.faq.active .faq-question::after { content: '−'; } 
.faq-answer { max-height: 0; overflow: hidden; padding: 0 20px; color: #555; transition: max-height 0.3s ease, padding 0.3s ease; }
.faq.active .faq-answer { max-height: 200px; padding: 15px 20px; }
.faq-question h3 {font-size: 17px; display: inline;}

.inner_banner { background: #011d42; padding: 50px 50px 0px; margin-top: 10px; }
.white_bg{background:#fff; padding: 30px; text-align: center; border-radius: 30px 30px 0px 0px;}
.white_bg h1 span{display:block; font-weight:200;	}
.white_bg h1 { line-height: 45px; font-size: 38px; margin-bottom: 15px; }

.sco_info { display: flex; align-items: center; justify-content: center; text-align: left; gap: 80px; }
.sco_info img { width: 270px; }

.sco_info ul { list-style: none; padding: 0px; } 
.sco_info ul li { margin-bottom: 13px; font-weight: bold; font-size: 18px; letter-spacing: 0px; }
.sco_info i { font-size: 27px; color: #d95319; font-weight: 300; }
.under { background: var(--bg-color); padding: 50px; text-align: center; border-radius: 20px; }
.space_m{margin-top:30px; position: relative;}
.under h3{font-size:20px;}
.under p{margin-top:14px;}

.space_m ul { padding: 0px; list-style: none; column-count: 2; width: 80%; margin: 20px auto; }
.space_m ul li { margin-bottom: 30px; border: 1px solid #a19e9e; padding: 20px; border-radius: 10px; font-weight: 600; }
.space_m i { font-size: 27px; color: #ffffff; font-weight: 300; background: var(--blue-color); padding: 10px; border-radius: 100px; margin-right: 10px; }
.space_m:before { content: ""; background: #ffffff; width: 80px; height: 80px; display: block; position: absolute; top: -57px; right: 0; left: 0; margin: auto; border-radius: 100px; }


.how_check {padding:50px 0px; display: flex; gap: 50px; justify-content: center; align-items: center; }
.check_box { background: var(--blue-color);; margin-bottom: 20px; display: block; padding: 30px; border-radius: 14px; color: #fff; text-align: center;}
.how_check a{margin-top:30px;}
.check_box span { background: #fff; width: 40px; height: 40px; display: block; border-radius: 100px; text-align: center; color: #000; font-weight: bold; font-size: 24px; margin: auto; }

.make_up{background:var(--bg-color); padding:50px 0px;}
.factors h3{font-size:20px;color: #333;}

.factors span{ padding: 20px 20px 2px; display: block; box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.2); border-radius: 10px;}
.what_imp{padding:50px 0px;}

.practices { padding: 30px; display: block; box-shadow: 0px 4px 14px 2px rgba(0, 0, 0, 0.2); border-radius: 10px; margin-top:50px; }
.practices h3 { text-align: center; font-size: 16px; background: var(--blue-color); display: table; margin: -45px auto 30px; color: #fff; padding: 9px 20px; border-radius: 30px; }

.practices ul { padding: 0px; list-style: none; } 
.practices ul li { margin-bottom: 12px; display: flex; line-height: 23px;}
.practices ul li:before { content: "\EB81"; font-family: remixicon; font-size: 23px; margin-right: 10px; color: var(--blue-color); }


.practices2 { padding: 30px; display: block; box-shadow: 0px 4px 14px 2px rgba(0, 0, 0, 0.2); border-radius: 10px; margin-top:50px; }
.practices2 h3 { text-align: center; font-size: 16px; background: #ff0000; display: table; margin: -45px auto 30px; color: #fff; padding: 9px 20px; border-radius: 30px; }

.practices2 ul { padding: 0px; list-style: none; } 
.practices2 ul li { margin-bottom: 12px; display: flex; line-height: 23px;}
.practices2 ul li:before { content: "\EB97"; font-family: remixicon; font-size: 23px; margin-right: 10px; color: #ff0000; }


.improve{padding-bottom:50px; }
.bsl { column-count: 4; gap: 20px; margin-top:30px;}
.box_arr { text-align: center; border: 1px solid #ccc; padding: 15px; border-radius: 10px; margin-bottom: 15px; min-height: 190px;}
.box_arr span { border-bottom: 1px solid #ccc; display: block; margin-bottom: 10px; padding-bottom: 10px; color: var(--blue-color); font-size: 28px; }
.box_arr span i { background: var(--bg-color); padding: 11px; border-radius: 10px; }
.mutooo{margin: auto; text-align:center; }
.faq_score{padding:50px 0px; margin-top:15px; background: var(--bg-color);}

.about_area{background: #fff; position:relative;}
.about_area:before{content:""; position:absolute; display:block; height:100%; width:70%; background: var(--bg-color);}
.about_area img{border-radius:25px;}
.padd50{padding:50px; position:relative;}
.about_area p{text-align: justify;}
.about_area h3{font-size:20px;color: #333}

.about_area ul { padding: 0px; list-style: none; } 
.about_area ul li { margin-bottom: 12px; display: flex; line-height: 23px;}
.about_area ul li:before { content: "\EA6C"; font-family: remixicon; font-size: 20px; margin-right: 10px; color: var(--blue-color); }

.close_righ { right: 0; position: absolute; padding: 15px; z-index: 1; }

#login_form .modal-body{padding:40px; background: linear-gradient(262deg, rgb(255 255 255) 50%, rgb(221 222 223) 50%);}

.form_box_area h2{font-size:20px;}

.form_group { margin-top: 20px; position: relative;} 
.form_group input { width: 100%; height: 45px; padding: 8px; border-radius: 4px; border: 2px solid #ccc; } 
.form_group span { font-size: 14px; margin-bottom: 4px; display: block; } 
.form_group button { display: block; width: 100%; }

.blank_sp{margin:0px 0px 20px;}
.other_forminfo{text-align:center; padding:30px;}
.sm_logo{width:150px; margin-bottom:20px;}
.other_forminfo img{margin:auto; display:block; text-align:center;}

.form_group .toggle-eye { position: absolute; right: 10px; top: 50%; 
transform: translateY(-50%); cursor: pointer; font-size: 18px; color: #555; } 

.form_group span { display: block; margin-bottom: 5px; font-weight: 600; }
.form_group_re{display:flex;justify-content: space-between;font-size: 14px;margin-top: 11px;}

.forg a{color: var(--blue-color)!important; }
section.login_section { padding: 50px 0px; }
.form_box_area {background: var(--bg-color); padding: 20px 30px; border-radius: 10px; }

.border_area{position:relative;}
.border_area:before{content:""; position:absolute; display:block; width:2px; height:100%; background: linear-gradient(1deg, rgba(255, 255, 255, 1) 0%, rgb(0 0 0) 49%, rgba(255, 255, 255, 1) 100%);}


.register_sp, .recover{margin:0px 0px 20px;}
.reg_action_box p{margin-bottom:0px;}

.register_sp, .allready, .recover{display:none;}





/*Product Slider */

.slick-slide {margin: 0px 0px;}
.slick-slide img {}
.slick-slider{ position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list

{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}

.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;/* padding: 5px; */}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: block;}
.slick-arrow {position: absolute;top: 50%; right:0; margin-bottom:10px; background: #ccc; border-radius:4px;}
 
.slick-prev {margin-right: 35px;border: none;color: #FFF;font-size: 20px;width: 30px; height: 30px; line-height:25px; left:0; z-index:1;}
.slick-next {border: none;color: #FFF;font-size: 20px;width: 30px; height: 30px; line-height:25px;}

/*End Product Slider */

.slider .slick-prev, .slider .slick-next:focus { outline: 0; }

.ads_photo img{width: 100%; height:500px; object-fit: cover; border-radius:15px;}
.offer_slider{border-radius:15px;}


.login_social { margin: 40px 0px 10px; }
.login_social p { margin-bottom: 0px; }
.login_social ul{padding:0px; margin:0px; margin-bottom:15px;}
.login_social ul li{display:inline-block; margin: 0px 5px;}
.login_social ul li a { display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; text-align:center;}


.facebook-bg { background: #4867aa; color: #fff; }
.twitter-bg { background: #33CCFF; color: #fff; }
.google-bg { background: #db4437; color: #fff; }
.linkedin-bg { background: #0177b5; color: #fff; }

.login_social p a{color:#000;}
.form_gp{margin-bottom:10px;}
.form_gp input { width: 100%; height: 50px; margin-bottom: 14px; padding: 11px; border-radius: 4px; border: 2px solid #b9b1b1; }
.form_gp textarea { width: 100%; height: 170px; padding: 20px; border-radius: 4px; border: 2px solid #b9b1b1; }

.contact_info { background: #dde5f3; padding: 20px; border-radius: 10px; font-weight: 300;}
.contact_info h2{margin-bottom:35px; font-size:25px;}

.info_data h3 { font-size: 15px; margin-bottom: 4px; font-weight: 500; }
.info_data a { color: #000; }
.info_box { display: flex; gap: 0px; margin-top:20px;}
.info_box i { width: 50px; font-size: 20px; height: 50px; line-height: 50px; border-radius: 50%; border: 1px dashed var(--blue-color); text-align: center; margin-right: 20px; color: var(--blue-color); display: block;}

.get{margin-bottom:35px; font-size:25px;}

.contact_social h3 { font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.contact_social h3 span { border-bottom: 1px solid #000; }
.contact_social ul{padding:0px; margin:0px;}
.contact_social ul li{list-style:none;margin-bottom:7px;display:inline;margin: 5px;}

.contact_social ul li a { color: var(--blue-color); font-size: 25px; border: 1px solid var(--blue-color); border-radius: 30px; width: 45px; height: 45px; display: inline-block; text-align: center; line-height: 42px; transition: all 0.7s;}

.contact_social ul li a:hover{background: var(--blue-color); color:#fff;}
.customer_c { margin-bottom: 30px; }
.customer_c h2{font-size:25px;}
.customer_c img { display: inline; margin-right: 10px; }
.fixed .all_mmu { margin-top: 0px; }

header { position: relative; transition: transform 0.5s ease, box-shadow 0.3s ease; background: #f5f8fd;}
 
header.fixed { width:100%; position: fixed; top: 0; left: 0; transform: translateY(0); /* final position */ box-shadow: 0 2px 6px rgba(0,0,0,0.2); z-index: 999; animation: slideDown 0.5s ease; /* smooth movement */} 

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}


.form_action{ background: var(--bg-color); padding:50px 0px;}
.contact_fott{padding:50px 0px}

.inner_banner_new{background: var(--bg-color); margin:20px 0px;}
.contact_banner{padding:50px 0px 50px 50px; }
.app_dow { text-align: center; display: flex ; gap: 20px; background: #fff; padding: 20px; align-items: center; border-radius: 10px; margin-right: 40px; }

.app_dow img{margin: auto; width: 140px;}
.white_color{position:relative;}
.white_color:before{content:""; position:absolute; display:block; right: -6px; width:2px; height:100%; background: linear-gradient(1deg, rgba(255, 255, 255, 1) 0%, rgb(0 0 0) 49%, rgba(255, 255, 255, 1) 100%);}

.app_logo_d{}
.app_logo_d a img{margin-bottom:10px;}
.app_logo_d a img:last-child{margin-bottom:10px;}

@media screen and (min-device-width: 200px) and (max-device-width: 768px) { 
 
.recharge_list ul { display: grid ; grid-gap: 12px 20px; grid-template-columns: repeat(3, 1fr); margin-bottom: 35px; }
.civil_data ul { list-style: none; column-count: 1;}
.header-right { display: none; }
.padd_area { padding: 0px; }
.banner_data h1 { font-size: 25px; text-transform: uppercase; font-weight: 700; }
.banner_data ul li { display: block; margin-bottom: 8px; display: flex ; font-size: 15px; }
.container.all_mmu { background: #f1efff; border-radius: 0px; margin-top: 0px; }
.banner_inner {margin-top: 5px;}
.recharge_list ul li {min-height: 102px; padding: 5px;}
.recharge_list ul { display: grid ; grid-gap: 12px 12px;}
.recharge_list ul li img { width: 90px; margin: 0px auto 10px;}
.recharge_list ul li a { color: #ff6c00; font-size: 13px; line-height: 15px; }
.recharge_list ul li img { width: 70px; margin: 0px auto 10px; height: 70px; object-fit: contain; background: #f5f5f5; padding: 15px; border-radius: 20px; }
.civil { padding: 20px 0px; background: #f1efff; }	
.trr { padding-right: 0px; text-align: center; margin-bottom: 40px; }
.trr img { margin: auto; }
.black_bg { background: #fff; padding: 20px 10px 20px; border-radius: 20px; }
.foot_a ul { column-count: 2; }	
.bottom_list ul li a {font-size: 13px;}
.dis_button{display:block; background: #000;}
.inner_area { margin: 10px 0px; }
.inner_data {padding: 30px;}
.inner_banner { background: #011d42; padding: 20px 10px 0px;}
.white_bg {padding: 20px;}
.white_bg h1 span { display: inline-block; font-weight: 200; }
.white_bg h1 {font-size: 32px;}
.sco_info {display: block;}
.sco_info img { width: 100%; }
.under { background: #f1efff; padding: 30px;}
.space_m ul { padding: 0px; list-style: none; column-count: 1; width: 100%; margin: 20px auto; }
.space_m ul li { margin-bottom: 10px; border: 1px solid #a19e9e; padding: 20px; border-radius: 10px; font-weight: 600; text-align: left; display: flex ; align-items: center; }
.how_check {display: block;}
.how_check img { margin: auto; }
.how_check a { margin-bottom: 30px; margin-top: 0px; }
.make_up {text-align: center;}
.make_up a { margin-bottom: 20px; }
.bsl {column-count: 1;}
.box_arr {min-height: auto;}
.about_area:before{content:""; position:absolute; display:block; height:100%; width:100%; background: #f0f0f0;}
.padd50{padding:20px; position:relative;}


}