html,
body {
    height: 100%;
}

body {background:#fff;margin:0;font-family: 'Roboto', sans-serif;font-size:12px;
}
ul, li{list-style:none;margin:0; padding:0;}
div, a, ul, li, nav, input, select, button{outline:none !important;}
a{cursor:pointer;}
a:hover{text-decoration:none;}
.nopad { padding: 0px !important; }
.robotolight{font-weight:300;}
.robotomedium{font-weight:500;}

.searcharea{float: left;
    margin: 0px 0 0; background: url(../images/bg1.jpg) no-repeat; height: 600px; background-size: 100%;
    width: 100%;}

.rltvht{position:relative;height:100%;z-index: 100;}

.srchinarea{ float: left; width: 100%; position: relative; }
.allformst { background:#0b2558; float: left; width: 100%; height: auto; position: relative; }
.nav {
    float: left;
    padding: 0px 0px;
}
.nav ul { float: left; }
.nav ul li  { float: left; }
.nav ul li a {
    display: block;
    padding: 38px 20px; border-bottom: 3px solid transparent;
    font-size: 16px; 
    color: #fff;
    text-transform: uppercase;
}
.nav ul li.active a, .nav ul li a:hover { color: #efad0e; border-bottom: 3px solid #efad0e; }
.flags_img { float: left; margin-left: 40px; margin-right: 40px;}
.flags_img img { width: 27px !important; margin: 39px 5px !important; }
.allformst img { margin: 25px 30px; float: left; width: 265px; }
.max-width { max-width: 900px; margin: 0px auto; }
.banner_dsc_bg { width: 70%; float:left; background: rgba(0, 0, 0, 0.6); padding:35px 25px; }
.max-banner { width: 100%; float: left; margin-top: 200px;}
.banner_dsc_bg img { max-width: 75%; }
.banner_dsc_bg p{ 
    max-width: 75%;
    font-size: 15px;
    color: #fff;
    margin-top: 20px;
    line-height: 25px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.imgs_rt { float: right; width: 25%; position: relative; }
.imgs_rt img { 
    position: absolute;
    width: 600px;
    top: -110px;
    right: 0px;  
}
.intro { float: left; width: 100%; position: relative; }
.intro_bg { float: left; position: relative; width: 100%; margin-top: 150px; padding-bottom: 80px; }
.intro_bg::before { 
background: url(../images/img2.png) no-repeat;
    width: 50%;
    position: absolute;
    content: '';
    height: 560px;
    background-size: 100%;
    left: -30px;
 }

.inro_desc {
    float: right;
    width: 57%;
    position: relative;
    
}

.inro_desc .intro_title { font-size: 25px;
    text-transform: uppercase;
    color: #3163ac; margin-bottom: 15px; display: block;
    font-weight: 700;
    letter-spacing: 1px; }

.inro_desc p { font-size: 15px; line-height: 19px; }

.download_btn { display: inline-block; margin-top: 10px;
background: rgb(44,118,227);
background: -moz-linear-gradient(180deg, rgba(44,118,227,1) 0%, rgba(35,92,169,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(44,118,227,1) 0%, rgba(35,92,169,1) 100%);
background: linear-gradient(180deg, rgba(44,118,227,1) 0%, rgba(35,92,169,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c76e3",endColorstr="#235ca9",GradientType=1);
padding: 12px 30px; border-radius: 25px; color: #fff; font-size: 15px;
box-shadow: 2px 2px 3px 0px #ffbd1e;
font-weight: bold;
letter-spacing: 0.5px;
 }

.joinus {float: right;
    margin: 16px 40px;}

 .join_us { display: inline-block; margin-top: 10px;
background: rgb(44,118,227);

background: linear-gradient(180deg, #ffbd1e 0%, #bd8706 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c76e3",endColorstr="#235ca9",GradientType=1);
    padding: 9px 30px;
    border-radius: 25px;
    color: #7c4700;
    font-size: 15px;
        box-shadow: 1px 2px 0px 0px #f08121;
font-weight: bold;
letter-spacing: 0.5px;
 }

.download_btn:hover { color:#fff; } 
.download_app_btn { float: left; position: relative; margin-top: 25px;}
.download_app_btn img { width: 150px; margin-right: 10px;}
.imgtitle {margin-bottom: 30px;}
.imgtitle1 {margin-bottom: 30px;}
.app_benefits1
{ 
background: #191919 url(../images/bg2.jpg) no-repeat; background-position: bottom; width: 100%; background-size: 100% 100%; padding: 25px; 
position: relative; float: left;  padding-bottom: 350px;
}

.app_benefits1:after { position: absolute; content: ''; bottom: 0px; width: 80%; margin:0px auto; left: 0px; right: 0px; background: #444242; height: 1px; z-index: 9;}

.app_benefits 
{ 
background: url(../images/bg3.jpg) no-repeat; width: 100%; background-size: 100% 100%; padding: 25px; 
position: relative; float: left; margin-top: -5px; 
}

.app_member { 
background:#191919; width: 100%; background-size: cover; padding: 25px; 
position: relative; float: left; 
 }
.video { max-width: 65%; margin: 0px auto; }
.video img { width: 100% !important; margin-top: 30px !important; margin-bottom: 20px !important;}
.app_benefits_desc { float: left; width: 100%; height: auto; position: relative; }
.app_benefits_desc img { width: 200px; display: table; margin: 0px auto; }
.about_title img { max-width: 100%; }
.app_benefits_desc1 { float: left; width: 100%; height: auto; position: relative; }
.app_benefits_desc1 img { width: 380px; display: table; margin: 0px auto; }
.featuredicons { width: 20%; float: left; padding: 0px 15px; }
.app_column { float: left; width: 100%; overflow: hidden; position: relative; text-align: center; margin-top: 30px; }
.app_column img { width: 110px; height: 110px; }
.app_column h3 { font-size: 16px; color: #fff; letter-spacing: 1px; line-height: 20px; font-weight: 800; }
.app_column p { font-size: 16px; color: #fff; font-weight: 300; }
.about_features { background: #eff2f7; float: left; width: 100%; position: relative; padding: 30px; }
.about_features .container { margin-bottom: 60px; }
.about_title { float: left; text-align: center; margin-bottom: 30px; width: 100%; }
.about_title h3{ font-size: 29px;
    text-transform: uppercase;
    color: #1b4792; margin-bottom: 5px; display: block;
    font-weight: 700;
    letter-spacing: 1px; }
.about_title h5 { font-size: 18px; }    
.about_title span { font-size: 15px; margin-bottom: 15px; display: block; color: #fff; }
.about_title p { font-size: 15px; margin-bottom: 15px; color: #fff;}    
.about_block { float: left; width: 100%; height: auto; background: #fff; border-radius: 10px;     
               box-shadow: 1px 3px 4px 1px #ddd; padding: 20px; min-height: 190px; margin-bottom: 25px;
}
.readlink { background: #fff; padding: 15px; float: left; width: 100%; }
.readlink a {display: table; margin: 0px auto;
background: rgb(44,118,227);
background: -moz-linear-gradient(180deg, rgba(44,118,227,1) 0%, rgba(35,92,169,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(44,118,227,1) 0%, rgba(35,92,169,1) 100%);
background: linear-gradient(180deg, rgba(44,118,227,1) 0%, rgba(35,92,169,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c76e3",endColorstr="#235ca9",GradientType=1);
padding: 7px 30px; border-radius: 25px; color: #fff; font-size: 15px;
box-shadow: 2px 2px 3px 0px #ffbd1e;
font-weight: bold;
letter-spacing: 0.5px;}
.about_blockimg { float: left; width: 30%;height: 90px; }
.about_descb { float: left; width: 70%;  font-size: 15px; line-height: 21px;}
.about_blockimg img { width: 80px; height: auto; }
.offers { width: 100%; float: left; position: relative; }
.offers img { width: 100%; float: left; height: 230px; }

.offers1 { width: 100%; float: left; position: relative; }
.offers1 img { width: 100%; float: left; height: 420px; }

.item_voucher { width: 100%; height: auto; }
.item_voucher img { width: 100%; height: 300px; }
#Voucher .owl-pagination {  
    display: table;
    margin: auto;
    bottom: 5px;
    position: absolute;
    left: 0px;
    right: 0px; }

#Voucher.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
}


#Voucher.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
}

#Voucher.owl-theme .owl-controls .owl-page.active span,
#Voucher.owl-theme .owl-controls.clickable .owl-page:hover span { background: #33559f; }
.create_merchant { background: #2057b1; padding: 25px; float: left; width: 100%; position: relative; padding-bottom: 70px; }
.merchant_form  { width: 600px; height: auto; display: table; margin: 0px auto; }
.merchant_form .textinpt { width: 100%; height: 49px; background: #fff; margin-bottom: 20px; border: none; font-size: 15px; border-radius: 5px; padding: 14px; }
.otp { position: absolute;
    right: 2px;
    height: 45px;
    top: 2px;
    padding: 10px 20px;
    background: #e3b11a;
    border: none;
    color: #000;
    font-size: 15px; }
.textinptsbut { padding: 10px 20px;
    background: #e3b11a; width: 100%; border-radius: 30px;
    border: none;
    color: #000;
    font-size: 15px; }


footer { background: #e0e4ed; padding: 20px; float: left; width: 100%; }   
.foot_logo { width: 100%; float: left;  }
.foot_logo img { width: 250px; } 
.social { float: left; }
.social li { float: left; margin-bottom: 12px; width: 100%; }
.social li a { display: block; color: #000; font-size: 14px; line-height: 22px; }
.social li a img { width: 30px; margin-right: 7px;  }

.modalwin .modal-dialog { max-width: 390px;
    display: table;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto; }
    
.modalwin .moda-body { padding: 50px; }
.modalwin .modal-content { background: #000; border:1px solid #8a6d3b; }
.modalwin .close { position: absolute;
    right: -20px; top: -20px;
    z-index: 9;
    opacity: 1; }

.modalwin .modal-content h3 { color: #bd8957; text-align: center; font-size: 25px; }    
.modalwin .modal-content p { color: #fff; text-align: center; font-size: 15px; }
.modalwin .close img { width: 40px; height: 40px; }    

 .card-header h5{margin: 0px;}

#accordion-style-1 h1,
#accordion-style-1 a{
    color:#000;
}
.card{margin: 5px 0px;border: 1px solid #ccc;border-radius: 8px;}
#accordion-style-1 .btn-link {
    font-weight: 400;
    color: #000;
    background-color: transparent;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 500;
  padding: 10px 25px;
  text-align: left;
  border-radius:8px;
}

#accordion-style-1 .card-body {
    padding: 25px;
    
}
.card-body p{margin-top: 5px;
    padding-left: 25px;
    font-size: 14px;}
.card-body li{font-size: 20px;
    margin-bottom: 20px;
    list-style: disc;}
.card-body strong{margin-bottom: 10px;    font-size: 20px;
    font-weight: 500;}


#accordion-style-1 .card-header .btn.collapsed .fa.main{
  display:none;
}

#accordion-style-1 .card-header .btn .fa.main{
  /*background: #007b5e;*/
    padding: 13px 11px;
    color: #ffffff;
    width: 35px;
    height: 41px;
    position: absolute;
    left: -1px;
    top: 10px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  display:block;
}
.collapse .in .card-header{background: linear-gradient(180deg, #ffbd1e 0%, #bd8706 100%);}
.bg-white{background-color: #fff;border: 1px solid #ccc;border-radius: 6px;}
.scrnpad{padding: 10px 55px;}
.bg-gray{background-color: #eff2f7;padding: 30px 0px;}
.scrnpad h1{font-size: 25px;margin-bottom: 20px;}
.contact_sec {border: 1px solid #f1f1f1;border-radius: 7px;background-color: #fff;/*box-shadow: 2px 2px 2px #ccc;*/}
.contact_head h1{    font-size: 25px;
    text-transform: uppercase;
    color: #3163ac;font-weight: 700;}
.contact_head p{font-size: 14px;}
.contact_sec_text p{font-size: 14px;text-align: center;}
.contact_sec_main{margin: 20px 0px;}
.contact_sec_text {padding: 10px 15px;}
.contact_sec_img img{width: 100px;
    display: block;
    margin: 25px auto;
    border-radius: 7px 7px 0px 0px;}
    .contact_sec_text h3{color: #3163ac;
    margin: 5px 0px;
    text-align: center;
    font-size: 20px;}
    .contact_head{padding: 0px 15px;}
    .contact_sec_full{padding: 50px 0px;}
    .faq_sec_full {padding: 50px 0px;}
.card-header .collapsed{border-radius: 8px;
    background-image: linear-gradient(to bottom, #ffffff, #f7f6f7, #efeeee, #e7e5e6, #dfdddd)!important;}
    .card-header button{background: linear-gradient(180deg, #ffbd1e 0%, #bd8706 100%);border-radius: 8px;}
/*.mb-0 .active{background: linear-gradient(180deg, #ffbd1e 0%, #bd8706 100%);border-radius: 8px;}*/
.promo_sec {border: 1px solid #f1f1f1;border-radius: 7px;background-color: #fff;/*box-shadow: 2px 2px 2px #ccc;*/}
.promo_head h1{ font-size: 25px; text-transform: uppercase; color: #3163ac;font-weight: 700;}
.promo_head p{font-size: 14px;}
.promo_sec_text p{font-size: 14px;padding-left: 25px;}
.promo_sec_main{margin: 20px 0px;}
.promo_sec_text {padding: 0px 15px;}
.promo_head{padding: 10px 15px;}
.promo_sec_full{padding: 50px 0px;}
.reward_sec {border: 1px solid #f1f1f1;border-radius: 7px;background-color: #fff;/*box-shadow: 2px 2px 2px #ccc;*/}
.reward_head h1{ font-size: 25px; text-transform: uppercase; color: #3163ac;font-weight: 700;}
.reward_head p{font-size: 14px;}
.reward_sec_text p{font-size: 14px;padding-left: 25px;}
.reward_sec_main{margin: 20px 0px;}
.reward_sec_text {padding: 0px 15px;}
.reward_head{padding: 10px 15px;}
.reward_sec_full{padding: 50px 0px;}
.reward_notice_text{padding: 0px 15px;}
.reward_ul {padding-left:15px;}
.reward_ul li{list-style:decimal;margin:0; padding:0;}
.reward_sec_text h4{color: #3163ac;font-weight: 400;}
.video {width: 605px ; height: 339px ;}
@media(max-width: 900px){
    .allformst img { margin: 25px 30px; float: left; width: 220px; }
}