@charset "utf-8"; 
@import url('inter.css');

body{font-family: 'Inter', sans-serif;; letter-spacing: 0.5px; font-weight: normal; color: #62707C; font-size: 14px;}
*:focus{outline: none; color: #62707C;}
*, *::after, *::before {/*-webkit-user-select: none;*/ -webkit-app-region: no-drag; -webkit-user-drag: none; /*cursor: default;*/ }
a:hover, a:active, a:focus{text-decoration: none;}
button:focus{outline: none;} 

/*back-to-top*/ 
#back-to-top {border: 0 none; border-radius: 2px; bottom: 50px; cursor: pointer; position: fixed; right: 10px; text-decoration: none; z-index: 9999; margin: 0 auto; opacity: 0; width: 35px; height: 35px; display: inline-block;   transition: ease all 0.5s; color: #fff ;background: #555555; line-height: 35px; font-size: 18px; text-align: center;}
#back-to-top.show {opacity: 1; } 
#back-to-top:hover{-webkit-box-shadow: 0px 0px 77px 0px rgba(0, 0, 0, 0.79);box-shadow: 0px 0px 77px 0px rgba(0, 0, 0, 0.79); background: #555555; color: #fff;} 
 
.text-color{color: #111111 !important;}
.text-black{color: #031B30 !important}
.text-white{color: #ffffff !important}

.default-button {border: 1px solid #111111; border-radius: 0px; padding: 10px 25px !important; transition: ease all 0.5s; color: #777777; }
.default-button:hover{background: #777777 !important; color: #ffffff !important}

/*Checkboxe style*/
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { display: block; position: relative; padding-left: 30px; margin-bottom: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
input[type="checkbox"] + label:last-child { margin-bottom: 0; }
input[type="checkbox"] + label:before {    content: ''; display: block; width: 20px; height: 20px; border: 1px solid #797979; position: absolute; left: 0; top: 2px; opacity: 1; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }
input[type="checkbox"]:checked + label:before {width: 10px; top: 0; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg);}



/*.box-button{border:1px solid #ffffff; display: inline-block; text-align:center; cursor:pointer; position:relative; box-sizing:border-box; overflow:hidden; }
.box-button a {color: #ffffff; transition: all .5s ease; z-index: 2; position: relative; display: block; height: 100%; width: 100%; padding: 8px 30px; }
.button-eff{left: -200%; background: #777777; position: absolute; transition: all .5s ease; z-index: 1; width: 100%; height: 100%; top: 0; padding: 0; }
.box-button:hover .button-eff{left:0; } 
.box-button:hover a{color:#111111; }*/

.box-button{border:1px solid #777777; display: inline-block; text-align:center; cursor:pointer; position:relative; box-sizing:border-box; overflow:hidden; }
.box-button a, .box-button .loginbtn-view {color: #202020; transition: all .5s ease; z-index: 2; position: relative; display: block; height: 100%; width: 100%; padding: 8px 30px; border: none;}
.button-eff{left: -200%; background: #777777; position: absolute; transition: all .5s ease; z-index: 1; width: 100%; height: 100%; top: 0; padding: 0; }
.box-button:hover .button-eff{left:0; } 
.box-button:hover a{color:#ffffff; }
.box-button:hover .loginbtn-view{background: #777777; color:#111111;}

/*--------------------------------------
  		1). Header css start
--------------------------------------*/  
.navbar-expand-lg {width: 100%; float: left;}
.homemenu{justify-content: space-between;}
.header-area {background: #777777; -webkit-box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); }
.navbar-expand-lg {padding: 0px 0; transition: ease all 0.5s;}
.navbar-brand img {width: 150px; transition: ease all 0.5s; }
#navbarSupportedContent {justify-content: flex-end; }
.navbar-dark .navbar-nav .nav-link {color: #111111; position: relative;  margin: 0px 2px; }
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {background: #999999; color: #000;}
.dropdown-toggle::after{display: none;}  
.dropdown-item {font-size: 13px; padding: 8px 13px; background: #fff; color: #000;    font-weight: 600; }
.dropdown-menu {border: 1px solid var(--main-black_bg_transparent); border-radius: 0; margin: 0;}
.header-animation .navbar-dark .navbar-nav .nav-link {padding: 22px 12px;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #233747 !important; color: #fff;}
.dropdown-item:focus{color: #fff;} 
/*.header_manu > li > a:before {content: ""; position: absolute; left: 51%; right: 51%; bottom: 0px; background: #202020; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.header_manu > li > a:hover:before, 
.header_manu > li > a:focus:before,
.header_manu > li > a:active:before {left: 0; right: 0; }*/
.dropdown-submenu {position: relative; }
.dropdown-submenu>a:after {content: "\f0da"; float: right; border: none; font-family: 'FontAwesome'; }
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: 0px; margin-left: 0px; }
.dropdown-menu.rtl{ left: inherit;right: 160px;}
.navbar-expand-lg .navbar-nav .dropdown-menu {width: 220px; }
.dropdown-menu-right a {padding: 0.25rem 1.25rem; display: inline-block; width: 100%; background: #f1f1f1;margin-bottom: 2px; color: #202020;font-size: 13px;}
.dropdown-menu-right a:hover{background: #777777 ; color: #fff;}

/*Mobile toggle start*/
.navbar-toggler {color: rgba(255,255,255,.5); border-color: rgb(221, 52, 110); position: relative; height: 35px; width: 45px; }
.navbar-toggler-icon {background: #202020; height: 2px; position: absolute; left: 0; right: 0; margin: auto; width: 50%; }
.navbar-toggler-icon:after {content: ""; position: absolute; height: 2px; width: 100%; background: #202020; left: 0; right: 0; margin: 0 auto; top: 8px; }
.navbar-toggler-icon:before {content: ""; position: absolute; height: 2px; width: 100%; background: #202020; left: 0; right: 0; margin: 0 auto; bottom: 8px; }
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{background:transparent;}
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {bottom: 2px; transform: rotate(47deg);}
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {top: -2px; transform: rotate(-47deg);}
/*Mobile toggle end*/


.headerbutton{border:1px solid #333333; border-radius: 0px; padding-left: 15px !important; padding-right: 15px !important; transition: ease all 0.5s;}
.headerbutton:hover{background: #333333 !important; color: #fff !important}


.hometoggler{display: none;}
/*--------------------------------------
  		1). Header css end
--------------------------------------*/   
.box-vertical a {display: inline-block; width: 100%; background: #F8F9FA; margin: 2px 0; padding: 12px 15px; color: #62707C; }
.box-vertical a.vertical-active, .box-vertical a:hover, .box-vertical a:active{background: #777777;color: #fff;} 


.box-Voucher{margin-bottom: 30px}
.box-Voucher {box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07); padding: 15px; display: inline-block; width: 100%; transition: all 0.25s ease; color: #62707C;}
.box-Voucher:hover{color: #233747; transform: translateY(-4px) scale(1.02); box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2); z-index: 999;}
.Voucherimage {height: 150px; overflow: hidden; width: 100%; display: inline-block; position: relative; }
.Voucherimage img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: auto; width: auto; }

.respectivetable {position: relative; width: 100%; overflow-y: auto; }

.box-view{box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07); padding: 15px; display: inline-block; width: 100%; transition: all 0.25s ease;}
.box-title{border-bottom: 1px solid #fafafa; margin-bottom: 15px; padding-bottom: 5px;}

fieldset.form-group{position: relative;}
.form-control {border-radius: 0;}
.form-control {height: 52px; padding-top: 18px; font-size: 14px;font-weight: 600;}
label.form-lbl {position: absolute; top: 3px; left: 14px; font-size: 12px; color: #a5a5a5; z-index: 1;}
.details-title {display: flex; width: 100%; justify-content: space-between;align-items: center;}

 
.landing-form .radioeffect label.form-lbl {margin-bottom: 3px; }
.registertitle {background: #777777; padding: 10px 15px; color: #FFF;display: flex;align-items: center;justify-content: space-between; }
.landing-Register-form {border: 1px solid #777777; padding: 25px;} 
.left-landing-box {  background: #ebebe6; padding: 1px;}
.left-header {background: #fff; padding: 2px; } 
.left-data {padding: 18px; }
.landing-form {-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);  background: #fff;}
.bg_banner{background: url("https://dummyimage.com/1900x936") no-repeat;background-size: cover; padding: 3% 0px 0;}


.logintext, .logintext:hover {color: #fff;}
.login_form{display: none;}
.login_form.show_login{display: block;}

.register_form{display: none;} 
.register_form.show_Register { display: block;}


.logintext:hover {text-decoration: underline; }

.otpbox {padding: 25px; border: 1px solid #dadada; border-radius: 5px; }
.send-otp {position: absolute; right: 0; bottom: 0; background: #777777; padding: 15px 15px; color: #fff;}
.send-otp:hover{color: #fff;}
.opt-input {padding-right: 75px;}

.home-content{position: absolute; top: 120px; right: 10%; width: 100%; display: inline-block; max-width: 450px;}








/*Footer start*/
.footer-bg {background: #777777; }
.footer-contact {-webkit-box-shadow: 0px 0 48px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0 48px 0px rgba(0,0,0,0.3); box-shadow: 0px 0 48px 0px rgba(0,0,0,0.3); padding: 25px 0; margin: 0 0%; background: #fff; border-radius: 5px; justify-content: space-around; position: relative;}
.contact-info-box {position: relative; width: 33.33%; padding: 0 25px; text-align: center;}
.contact-info-box:before {content: ""; height: 100%; width: 1px; right: 0px; top: 0; position: absolute; border-right: 1px dashed black;}
.home-contact-info .contact-info-box:nth-last-child(1):before{display: none;}
.Email-box a{color: #202020;}
.box-footer {position: relative;} 
.footer {padding: 0 15px 30px 15px; }
.footer_link ul li a {padding: 0 20px; position: relative; color: #b3b3b3; font-size: 13px; }
.footer_link ul li a:after{background: #b3b3b3; content: ""; height: 100%; width: 1px; position: absolute; right: -6px; top: 1px;}
.footer_link ul li:nth-last-child(1) a:after{display: none;}
.footer_link ul li a:hover, .footer_socialmedia .socials-box a:hover{color: #fff;}
.footer_socialmedia .socials-box a{padding: 0 20px; position: relative; color: #b3b3b3; font-size: 13px; }
.footer_socialmedia .socials-box a:after{background: #b3b3b3; content: ""; height: 100%; width: 1px; position: absolute; right: -6px; top: 1px;}
.footer_socialmedia .socials-box a:nth-last-child(1):after{display: none;}
.Copyright-section p, .Copyright-section a, .Copyright-section span{color: #ddd; font-size: 13px;}
 
.contact-info-box a, .contact-info-box h4{font-size: 20px;}
.contact-info-box p {min-height: auto; margin-bottom: 0; }
.home-contact-info{display: inline-flex;width: 100%;}
.bottom-footer{background: #100d0d;}
.kcits-link a:hover{text-decoration: underline;}
.RewardPort-logo img.img-fluid {width: 80px; }
/*Footer end*/


/*Footer start*/ 
/*.footer-bg{background-color: #777777;}
.footer-bg a, .footer-bg p, .footer-bg span, .footer-bg h5{color: #fff;}
.footer-bg a, .footer-bg p {font-size: 13px; }
.btn-floating {border: 1px solid #fff; padding: 7px; border-radius: 50px; width: 35px; height: 35px; display: inline-block; transition: ease all 0.5s;}
.btn-floating:hover { border-color: #ed145b;  color: #ed145b ; }
.link-list a{transition: ease all 0.5s;}
.link-list a:hover{margin-left: 10px; color: #ed145b ;}
.bottom-footer{background: #100d0d;}
.Copyright-section p, .Copyright-section a, .Copyright-section span{color: #ddd; font-size: 13px;} 
.kcits-link a:hover{text-decoration: underline;}*/
/*Footer end*/



@media screen and (min-width: 1200px){	 
    .box-container{    max-width: 1400px;}
}

@media screen and (max-width: 991px){
    .navbar-dark .navbar-nav .nav-link {padding: 4px 2px !important; margin: 2px 0px; }
    .navbar-dark .navbar-nav .nav-link i{float: right;} 
    .header_manu > li > a:before{display: none;} 
    #navbarSupportedContent {justify-content: flex-end; position: absolute; width: 100%; z-index: 999; background: #f2f2f2; top: 86px; left: 0; right: 0; padding: 15px;}
    .navbar-expand-lg .navbar-nav .dropdown-menu {width: 100%; }
    .banner-data {background: rgba(32, 32, 32, 0.8); padding: 88px 10px; }     
    .hometoggler{display: inline-block;}
    .mobile_view{display: none;}
    .Shipping-left {padding: 0 !important; }

    .header_manu > li > a:before{display: none;}
    .contact-info-box {width: 100%; text-align: left; margin-bottom: 25px; }
    .home-contact-info {display: inline-block; }
    .contact-info-box p {min-height: auto; margin: 0; }
    .contact-info-box:before{display: none;}



    .rewards_left ul li{display: inline-flex;}

    .home-content {position: relative; top: 0; right: 0; width: 100%; display: inline-block; max-width: 100%; margin: 30px 0 80px 0; }
}

@media screen and (max-width: 767px){  
    .navbar-brand img {width: 170px; }
    footer .main-title{font-size: 24px;}
}


@media screen and (max-width: 568px){
    .registertitle {display: inline-block; width: 100%;}
    a[data-target="#Forgotpassword"] {margin: 0 0 15px 0; display: inline-block; text-align: center; width: 100%; }
}