@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
body{
  font-family: 'Lato', sans-serif;
}
a,
a:hover {
    text-decoration: none;
}
input:focus,
.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #ed4333 !important;
    color: #ed4333 !important;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}
.fs-10 {
    font-size: 10px;
}
.fs-11 {
    font-size: 11px;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-15 {
    font-size: 15px;
}
.fs-16 {
    font-size: 16px;
}
.fs-17 {
    font-size: 17px;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}
.fs-22 {
    font-size: 22px;
}
.fs-26 {
    font-size: 26px;
}
.fs-24 {
    font-size: 24px;
}

.fs-25 {
    font-size: 25px;
}
.fs-26 {
    font-size: 26px;
}
.fs-27 {
    font-size: 27px;
}
.fs-28 {
    font-size: 28px;
}
.fs-29 {
    font-size: 29px;
}
.fs-30 {
    font-size: 30px;
}
.fs-30 {
    font-size: 30px;
}
.bg-secondary {
    background: #f2f2f2 !important;
}
.bg-danger {
    background: #702326 !important;
}
.bg-primary {
    background: #073366 !important;
}
.text-danger {
    color: #702326 !important;
}

.btn-danger {
    background: #702326;
    border-color: #702326;
}
.btn-outline-danger {color: #702326; border-color: #702326;}
.btn-outline-danger:hover{
    background: #702326 !important;
    color: #fff !important;
}

/* Chrome/Opera/Safari */
::-webkit-input-placeholder { color: #666;}
::-webkit-selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
 /* Firefox 19+ */
::-moz-placeholder { color: #666;}
::-moz-selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
 /* IE 10+ */
:-ms-input-placeholder {color: #666;}
::-ms-selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
/* Firefox 18- */
:-moz-placeholder {  color: #666;}
::selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
img {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none; max-width:100%}
a[data-toggle="modal"]{outline:none}
 
html {min-height:100%; position: relative;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;} 
header.row {margin-top:10px;margin-bottom:10px; position:relative }
/* header.row:after { bottom:48%; position:absolute; height:1px; background:#9e9e9e; left:0; right:0; content:''; z-index:-1} */
header.row p {  font-size:13px;color:#707070; margin:0;    margin-top: 0; }
header.row p a {color:#707070; text-decoration:none}
header.row p a:hover {color:#ed1c24;}
/* header.row .brand-logo { margin-left:-4px; } */
header.row .fa-phone {-ms-transform: rotate(127deg); /* IE 9 */-webkit-transform: rotate(127deg); /* Safari */transform: rotate(127deg);font-size: 15px;margin: 0 1px 0 5px;color:#4a4a4a;}
header.row .navbar-toggler {border-radius: 0;border:0 solid #fff;outline:none;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
 
#nav-close {position:absolute;z-index:99999;border: 0; background: #ed1c24 url(../images/close1a.png) no-repeat center; font-size:0; width:30px; height:30px; background-size:15px auto; right: 7px;
    top: -10px;}

.menu-box {overflow: hidden;
    overflow-y: scroll; background:#efefef; left:-400px; top:0; bottom:0; position:fixed; z-index:9999; text-align:center; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; height:100%; width:270px;padding-top:0;  }
.menu-box + .nav-overlaw {content:''; background:rgba(0,0,0,.8); right:0;top:0;bottom:0; position:fixed; left: 0; display:none; z-index:1}
.menu-box ul {margin:15px 0; padding:0; list-style:none; text-align:left;  display:block; font-size:14px;position:relative; z-index:2}
.menu-box ul li {margin:0; padding:0;display:block;line-height: 1.5;}
.menu-box ul li a {display:block; padding:7px 15px; border-bottom:1px solid #ccc; color:#333}
.menu-box ul ul.sb-menu {display:block;max-width:100% ; margin:0;}
.menu-box ul li a {color:#333; font-weight:400;transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.menu-box ul li a:hover {text-decoration:none; color:#ed1c24;}
.menu-box ul li li a {font-size:12px}
.menu-box ul li li {line-height: 1.3; margin:0 10px}
.menu-box ul li li .fa {font-size: 13px;}
.nav-arya {position:relative;}
.loginHeight{
        align-items: center;
    justify-content: center;
    display: flex;
    height: calc(100vh - 58px);
}

/* .banner-section { border-top:4px solid #f4f4f4;} */
 
.banner-section .carousel-caption {bottom: 0;padding-bottom: 0;left: 0; right: 0;}
.banner-section h5 {font-weight: 700; text-transform:uppercase; color:#ed1c23}

.social_wrap {text-align:right}
.social_wrap ul { list-style: none; display: inline-block; margin: 0; padding: 0; vertical-align: middle; }
.social_wrap li { display: inline-block; margin: 0 0 0 5px; padding: 0; position: relative; vertical-align: middle; }
.social_wrap li:last-child { margin: 0; }
.social_wrap li:before { display: none; }
.social_wrap a { display: inline-block; width: 34px; height: 34px; position: relative; color:#4a4a4a; text-align:center; line-height:34px;transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.social_wrap a:hover { background:#4a4a4a; color:#fff;}

.color-blue {color:#004a8f; font-weight:bold}

.itemsBox {border:1px solid #ccc; text-align:center}
.itemsBox .more-btn {margin-top:0; font-size:0;    margin-bottom: 0;}
.itemsBox .more-btn a {border:1px solid #702326;text-align:center;padding: 4px 10px;min-width: 20%;font-size:14px!important;display:inline-block;margin: 0 2px;color:#702326; margin-bottom: 8px; border-radius: 8px;}

.itemsBox .more-btn a:hover {border:1px solid #702326; color:#fff; background: #702326}

.carousel-caption1 {width:40%; color:#fff; position:absolute; bottom:13%; left:5%;font-family: 'Lato';}
.carousel-caption1 h3 {font-family: 'Lato'; margin:25px 0; text-transform:uppercase}
.carousel-caption1 p {margin:25px 0}
.carousel-caption1 a { border:1px solid #fff; text-align:center; padding:5px 10px; font-size:14px!important; display:inline-block; margin:0; color:#fff}
.carousel-caption1 a:hover {border:1px solid #004a8f; color:#fff; background: #004a8f; text-decoration:none}

.btn-primary { color: #fff; background-color: #702326; border-color: #702326; border-radius:0;}
.btn-primary:hover {background: #000; border-color: #000}
.form-control { border-radius: 0;    padding: .25rem .75rem;}
.btn { border-radius: 0; }
.modal-content { border-radius: 0; font-size: 14px; }

.loginHeight {background:#fff url(../images/d1.png) no-repeat center;
 
 font-family: 'Lato'; color: #333; min-height: 100%}
.HomePage>div.container-fluid {position: relative; z-index: 2}
.color-red {color: #702326}

.HomePage header.row {position: relative; margin-top: 0; margin-bottom: 0;
    background: rgba(255, 255, 255, 1);}

.SummaryForm fieldset {border: 1px solid #ccc; padding:0 15px;}
.SummaryForm fieldset+fieldset {margin:15px 0 }
.SummaryForm legend {display: inline-block; width: auto; padding: 0 5px; font-size: 16px; margin: 0;}

.fs-12 {font-size: 12px}

.alert { border-radius: 0; }

.HomePage .alert  {max-width: 350px; margin: 0 auto}

.tcBtn {cursor: pointer;}
.brr-0 {border: 0;}
.bg-f2f2f2 { background:  #f2f2f2} 
select.form-control { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; background: url(../images/downAw.png) no-repeat right center; }

.summery h5.card-header { font-size:12px; text-transform: uppercase; }
.summery h5 { font-size:16px; }
#moreVoucher {display: none;}
.carousel-caption1 {left: 43%;}
.color-red {color: #702326}
.stepClaim {
    background-color: #f9f9f9;
}
.listHome {
    display: flex;
}
.listHome li {
    width: 24%;
}
.stepAbs {
    top: -46px;
    left: 50%;
    transform: translate(-50%);
    width: 78px;
    height: 78px;
    line-height: 70px;
    border-radius: 50%;
    border: 4px solid #f9f9f9;
} 
.inenrClaim {
    height: 130px;
    border: 1px solid #ffdfe1;
}
.inner_pro li {
    border: 1px solid #F1F1F1;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 50%;
}
.inner_pro li button {
    display: block;
    text-align: center;
    width: 36px;
    height: 33px;
    cursor: pointer;
}
.inner_pro li:hover {
    border-color: #702326;
}

.moreOption{
    border-radius: 30px;
}

.centerSection {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}

.loginArya {background: #fff; padding: 20px; border-radius: 15px; width: 100%; max-width:520px; margin: 0 auto; box-shadow: 0px 0px 23px 0px rgba(8, 8, 8, 0.67);}
.loginArya h3 { color: #79181e}
.loginArya h6 { font-size: 22px }
.loginArya form {max-width: 400px; margin: 0 auto; }
.loginArya form .form-control {font-size:16px; outline: none; box-shadow: none;}
.loginArya form .btn {font-size:18px;}

.OtpNumberSection {display: none;}
.loginArya form .btn.fs-12 {font-size: 12px;}

.loder {background: rgba(0,0,0,.7); color: #fff; text-align: center; position: fixed; z-index: 9999; left: 0; right: 0; bottom: 0; top: 0;}
.loder img {padding: 20px; background: #fff; border-radius: 5px;}
.loder p {color: #fff; margin: 0 0 5px;}
.loder .loderImg {display: flex; align-items: center; width: 100%; height: 100%;}
.loder .loderImg>div {width: 100%;}

@media(max-width: 1200px){
    .itemsBox .more-btn a { 
    padding: 4px 5px; 
}
}

@media (min-width: 1200px) {
.container { max-width: 1170px;}
}

@media (max-width:1199px) {
.category-arya a p span {font-size: 14px; margin-bottom: 2px;}
.category-arya a figure figcaption p.more-btn { margin-top: 4px; }
.category-arya a figure figcaption h4 { font-size: 25px; margin: 10px 0 8px}
.category-arya a h4 { margin: 15px 0 0;}
.category-arya a p.more-btn {margin: 16px 0 10px;}
.banner-section h5 {font-size:18px;}
.carousel-caption1 {width:55%;}
}

@media (min-width: 768px) {
.hide-OnDesktop {display:none !important}
header.row .navbar-toggler {height:40px; font-size:18px;}
.hide-desktop {display:none}
#interMobile .modal-dialog { max-width: 730px;}
.form-heade h3 {font-size:35px; letter-spacing:1px}
}

@media (max-width: 991px) {
.carousel-caption1 h3 {font-size:20px; margin:15px;}
.carousel-caption1 p {font-size:14px; margin:15px;}
.inenrClaim {
    height: 186px; 
}
.itemsBox .more-btn a { 
    padding: 4px 2px; 
}
}

@media (max-width: 767px) {
    .loginHeight{
        height: auto;
    }
.hide-OnMobile {display:none !important}
.category-arya {padding-top:10px}
.social_wrap {text-align:center}
.hide-mobile {display:none}
.container { max-width: 100%;}
.category-arya a {border: 1px solid #6d6d6d !important}
.banner-section h5 {font-size:9px;}
.modal-open {position: fixed;}
header.row { margin-bottom: 0; }
header.row .navbar-toggler { margin: 5px 10px 0 0;}
.carousel-caption1 {width:90%; left:5%; right:5%; text-align:center;bottom: 50%;}

.MobileNumberSection {margin:0 5%}
.OtpNumberSection {margin:80px 6%}
.HomePage .fixContainer  {max-width: 330px; margin-top:0; margin-bottom: 130px; }
.HomePage .fixContainer  p {font-size: 16px; line-height: 1.4}
.HomePage .fixContainer  p.color-red {margin-bottom:5px !important;}
.HomePage .fixContainer  .py-3.text-center img {width:90px}
.HomePage .fixContainer  form { margin-top:0; }
.HomePage .fixContainer.container label {font-size: 12px; margin: 0 !important}
.HomePage .fixContainer.container .form-control {width: 80%}
.HomePage .fixContainer.container .btn-outline-primary {font-size: 14px}
.HomePage .fixContainer.container h3 { font-size: 20px; margin-top: 10px; }
.HomePage .fixContainer.container .OtpNumberSection h3 { margin-top: 0; }
.HomePage .fixContainer.container .MobileNumberSection h3 { font-size:18px; margin:25px 0px 10px !important; }

.loginArya h3 {font-size: 18px;}
.loginArya h6 {font-size: 16px;}
.loginArya h6 {font-size: 16px;}

.HomePage h3 {font-size:22px;}
.HomePage h4 {font-size:20px;}
.HomePage h6 {font-size:18px;}
.HomePage p {font-size:14px;}
.HomePage label {font-size:14px;}
.listHome {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        display: block;
        height: 300px;    
        margin-top: -60px;
    }
    .listHome li {
        width: 260px;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        height: 141px;

    }
.inenrClaim {
        display: flex;
        flex-direction: column; 
    }
.inenrClaim p{ 
        white-space: break-spaces;
    }
    .stepClaim h3 {
    position: relative;
    z-index: 99;
}
}

@media (max-width:479px) { 
.banner-section h5 {font-size:8px; margin: 0;}
.otp-form .form-text { width:100%;display: block; }
.otp-form .form-text a { color:#333}
.otp-form .form-control {max-width:100%;display: block; }
.form-number .form-control {max-width:250px; background-size:100% auto;font-size: 26px; padding-right: 0;}

header.row p {white-space: nowrap;}
.carousel-caption1 {bottom:50%;}
.carousel-caption1 h3 {font-size:18px; margin:10px;}
.carousel-caption1 p {font-size:14px; margin:10px;}
.loginArya {padding: 5px}

.itemsBox .more-btn a {font-size: 12px!important; padding: 5px 8px;}
}

.loginArya form .form-control:focus {
    color: #000 !important;
}

.onlienRedeem {
    border-bottom:none !important;
    border-left: none !important;
    color: #000 !important;
}
.rounded_cstm{
    border-radius: 14px;
}

.nav-icon {
    width: 24px;
    transform: rotate(0deg);
    cursor: pointer;
    height: 22px;
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transition: 0.2s ease-in-out;
}

.nav-icon span:nth-child(1) {
    top: 2px;
}

.nav-icon span:nth-child(2) {
    top: 50%;
}

.nav-icon span:nth-child(3) {
    bottom: 0px;
}

.nav-icon:hover span:nth-child(2) {
    width: 60%;
    background: #000;
    right: 40%;
}