/* latin-ext */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: local('Cinzel Regular'), local('Cinzel-Regular'), url(../webfonts/yIxVuCC1XLz6MNmltehkI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: local('Cinzel Regular'), local('Cinzel-Regular'), url(../webfonts/zOdksD_UUTk1LJF9z4tURA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 700;
  src: local('Cinzel Bold'), local('Cinzel-Bold'), url(../webfonts/MnzeT7mzcOYqpxHaX6yoMBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 700;
  src: local('Cinzel Bold'), local('Cinzel-Bold'), url(../webfonts/L74890HNVnUypqWjqGUt1VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../webfonts/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../webfonts/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../webfonts/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../webfonts/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../webfonts/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../webfonts/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* 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}
/* h3 {font-family: 'Cinzel', serif;} */
body {font-family: 'Lato', sans-serif;}
a:focus { }
html {min-height:100%}
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-family: 'Cinzel', serif; font-size:13px;color:#707070; margin:0;    margin-top: -7px; }
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(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */  transform: rotate(90deg); font-size:10px; margin:0 8px 0 5px; color:#4a4a4a}
header.row .navbar-toggler {background:#f0f0f0; color:#979797;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;  margin:0 0 0 10px}
header.row .navbar-toggler:hover { background: #004a8f;color:#fff;}
#nav-close {position:absolute;z-index:99999;border: 0; background: #ed1c24 url(../images/close.png) no-repeat center; font-size:0; width:30px; height:30px; background-size:15px auto; right: 270px; top:0}

.menu-box {background:#efefef; right:-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;z-index:2; }
.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;height: calc(100vh - 250px); overflow-y: scroll;}
.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;}


/* .banner-section { border-top:4px solid #f4f4f4;} */
.banner-section #home-carousel { border-bottom:3px solid #004a8f; padding-bottom:10px}
.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;}


.category-arya a {position:relative; display:block; border-bottom:1px solid #6d6d6d; border-left:1px solid #6d6d6d; text-align:center; overflow: hidden; outline:none}
.category-arya .col-md-3 a {border:1px solid #6d6d6d; border-top:0}
.category-arya a h4 {font-weight: 400;color:#000 ; margin:25px 0 0}
.category-arya a p.more-btn {margin:26px 0 15px}
.category-arya a figure {margin:0}
.category-arya .col-md-6 a {overflow:inherit; font-size:0}
.category-arya .col-md-6 a figure figcaption {position:absolute; width:100%; bottom:0; right:0; padding:4% 7.5%; text-align:left}
.category-arya .col-md-6:last-child a figure figcaption {text-align:right;position:absolute; width:100%; bottom:0; right:0; padding:4% 2.5%;}
.category-arya .col-md-6:last-child a  {border-right:1px solid #6d6d6d;}
/* .category-arya .col-md-6:last-child a:before  {left:-2px; width:3px; background:#d0021b; top:30px; bottom:30px; content:''; position:absolute } */
.category-arya .col-md-3 a figure figcaption {position:absolute; width:100%; bottom:0; right:0; padding:15px;}
.category-arya .col-md-3 a figure figcaption h4 {border-color:#fff;color:#fff; font-size:36px; margin-bottom:70px}
.category-arya .col-md-3 a figure figcaption span {border-color:#fff;color:#fff;}
.category-arya .col-md-6 a figure figcaption span {border-color:#d0021b;color:#d0021b;}
.category-arya .col-md-9 a figure figcaption {position:absolute; width:50%; top:0; right:0;}
.category-arya a figure figcaption p {margin:0}
.category-arya a figure figcaption p.more-btn {margin-top:20px}
.category-arya a figure figcaption h4 {font-size:28px; margin:20px 0 10px}
/* .category-arya p a { background:#606062; color:#fff;font-size:14px !important;display:inline-block; padding:0 10px; margin-bottom:4px} */
.category-arya a p.more-btn span {display:inline-block; border:1px solid #707070; padding:5px 15px; font-weight: 700;color:#000; background:transparent;font-size:17px ; margin:0}
.category-arya 	{}
.category-arya a:after {position: absolute; left: 0; top: 0; width: 0; height:0; background-color:rgba(237,28,36,0.1); transition: 0.6s; z-index:1;transition: 0.3s; content:'';}
.category-arya a:hover {text-decoration:none}
.category-arya a:hover:after {width: 100%;height: 100%;}
.pd-0 {padding:0 !important;}

.nicescroll-cursors {background:#00682c !important;}
a#backToTop {text-align: center; background:#ed1c24 url(../images/up.svg) no-repeat center / 20px auto; color: #fff; width: 40px; height: 40px; line-height: 40px; font-size: 100%; position: fixed; right: 20px; bottom: 20px; opacity: 0.7;  filter: alpha(opacity=70);  z-index: 999;  display: none;}
a#backToTop.show { display: inherit;}
a#backToTop:hover { opacity:1}

.customPopS .modal-content { border-radius: 0;background: #fff; padding:2rem; border: 0;}
/* .customPopS .modal-content:after { border:1px solid #ccc; left:15px; right:15px; bottom:15px; top:15px; position:absolute; z-index:1; content:'';} */
.customPopS .modal-content a.close-btn { right:0; top:0; position:absolute; content:''; background: url(../images/close.png) no-repeat center ; width:30px; height:30px; z-index:9; cursor: pointer; font-size:0; text-indent:-9999px;background-size:16px auto}
.customPopS .modal-content>div {position:relative; z-index:2}
.form-heade {margin-top:20px}
.form-heade h4 {text-transform:uppercase;font-weight: 300; margin-bottom:0}
.form-heade h3 {text-transform:uppercase}
.form-number .form-control {border:0; outline:none; box-shadow:none;background: transparent; text-align: left;font-size:50px;font-weight: 300; background: url(../images/mobile-number-bg.png) 8px bottom  no-repeat; letter-spacing:10px;max-width: 415px; border-radius: 0; display:inline-block}
.otp h3,
.opps-2 h3,
.opps-1 h3 {color:#5fb2c4}
.thanks-msg {margin-bottom:50px;margin-top:50px}
.otp h3 {margin:0}
.otp p {font-size:16px}
.otp p span {position:relative}
.otp p span:after {position:absolute; bottom:-5px; height:1px; left:50%; width:56px; margin-left:-28px; content:''; background:#5fb2c4}
.otp p + h4  {margin-top:40px; font-weight:400}
.otp p + h4 + p {font-size:18px; color:#828282}
.otp p + h4 + p + p {font-size:18px; color:#828282; margin-bottom:0}
.otp p + h4 + p + p a {color:#828282}
.otp-form .form-text { width:200px;display: inline-block; font-size:10px; text-align:right;  }
.otp-form .form-text a { color:#333}
.otp-form .form-control {border:0; outline:none; box-shadow:none;background: transparent; text-align: center;font-size: 30px; letter-spacing: 20px;/*  border-bottom:1px solid #5fb2c4; */ border-radius:0; max-width:200px;display: inline-block; background: url(../images/otp-bg.png) bottom center no-repeat}
.mobile-number .btn-outline-dark {border-radius:0; padding-left:30px; padding-right:30px; font-size:18px }
.otp-form .btn-outline-dark {border-radius:0; padding-left:30px; padding-right:30px; font-size:18px }

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

.itemsBox {border:1px solid #ccc; text-align:center}
.itemsBox .more-btn {margin-top:25px; font-size:0;}
.itemsBox .more-btn a {border:1px solid #004a8f; text-align:center; padding:5px 10px; font-size:14px!important; display:inline-block; margin:0 5px; color:#004a8f}

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

.carousel-caption1 {width:40%; /*color:#304683;*/ color:white; position:absolute; bottom:8%; 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 white/*#304683*/; text-align:center; padding:5px 10px; font-size:14px!important; display:inline-block; margin:0; /*color:#304683*/ color:white}
.carousel-caption1 a:hover {border:1px solid #004a8f; color:#fff; background: #004a8f; text-decoration:none}

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

.HomePage {background:#c7dae9 url(../images/home_banner_2.png) no-repeat top center/cover;font-family: 'Lato'; /*color: #ff0000*/ color:white}


.HomePage h3 {margin:0; padding:0; font-weight: 700;font-family: 'Lato'; font-size:50px;}
.HomePage p {font-family: 'Lato'; font-size:20px;}
.HomePage form {margin-top:40px;}
.HomePage label { font-weight: 700; text-transform:uppercase;font-size:17px;}
.HomePage .form-control {border:0; background:transparent; border-bottom:1px solid /*#333*/ #fff; box-shadow:none; outline:none;color:#304683; font-size:20px; text-align:center; margin:0 auto; max-width:350px}
/*.HomePage .btn-outline-primary {color:#304683; border-color:#304683; margin:0 5px;}*/
.HomePage .btn-outline-primary {color:#fff; border-color:#fff; margin:0 5px;}
/*.HomePage .btn-outline-primary:hover {color:#304683; border-color:#fff; background-color:#fff;}*/
.HomePage .btn-outline-primary:hover {color:#fff; border-color:#001f79; background-color:#001f79;}
.HomePage .resOtp {color:#001f79;font-size:12px; font-style:italic}

.MobileNumberSection {margin-top:10%; margin-bottom:10%}
.OtpNumberSection {margin-top:10%; margin-bottom:10%;display:none}

.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}


/***08-08-2022**/
   .transactionMod {
      font-family: "Lato", sans-serif;
  }
  .transactionMod .transaction-hrd {
      color: #353a3f;
      font-weight: 700;
  }
  .transactionMod .credit-span {
      background: #dfffe7;
      color: #3cb85a;
      font-size: 12px;
      padding: 4px 12px;
      border-radius: 6px 6px 0 0;
  }
  .transactionMod .debit-bg {
      background: #ffebe9;
      color: #b84b3c;
  }
  .transactionMod .transaction-txt {
      font-size: 19px;
      font-weight: 600;
      color: #353a3f;
  }
  .transactionMod a.close-btn {
      top: 6px !important;
      right: 6px !important;
  }
  .dateDv{
      padding-right: 16px;
  }
  .dateDv:after{ 
      content: "";
      position: absolute;
      right: 0;
      top: 4px; 
      height: 8px;
      width: 8px;
      border-style: solid;
      border-color: #000;
      border-width: 0px 1px 1px 0px;
      transform: rotate(45deg);
      transition: border-width 150ms ease-in-out;
  }
  .voucher-header{
      cursor: pointer;
  }
  .pin-listing{
      display: none;
  }
  .open-pinlisting .pin-listing {
      display: block;
  }
  .open-pinlisting .dateDv:after{
      transform: rotate(45deg) scale(-1);
      top: 8px;
  }
  @media (max-width: 768px) {
      .transactionMod .transaction-hrd {
          font-size: 14px;
      }
      .transactionMod .fs-14 {
          font-size: 12px;
      }
      .expiry-date {padding-left: 0px !important; }
  }


  /***fsdfsd**/

@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:50%;}
}
@media screen and (max-width: 576px) and (min-width:479px) {
.category-arya .col-sm-6 {  -webkit-box-flex: 0;  -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;}
}

@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 screen and (max-width: 991px) and (min-width:768px) {
.category-arya a p.more-btn { margin: 0 0 8px }
.category-arya a figure figcaption h4 { font-size: 22px; margin: 5px 0 0px; }
.category-arya a p span { font-size: 13px; margin-bottom: 2px; }
.category-arya a figure figcaption p { margin: 0; font-size: 0; }
.category-arya a h4 { margin: 10px 0 0;}
.category-arya a p.more-btn span {font-size: 14px; padding: 4px 15px;}
.category-arya .col-md-9 a figure figcaption { width: 70%;}
.category-arya .col-md-3 a figure figcaption h4 {font-size: 32px; margin-bottom: 40px;}

}
@media (max-width: 991px) {
.carousel-caption1 h3 {font-size:20px; margin:15px;}
.carousel-caption1 p {font-size:14px; margin:15px;}

.category-arya .col { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media (max-width: 767px) {
.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 .col-md-4 {-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.3);box-shadow: 0 0 10px 1px rgba(0,0,0,.3); padding:15px;} 
.category-arya .col-sm-6 {flex: 0 0 46%;   max-width: 46%;  margin: 2%;}
.category-arya .no-gutters .col-sm-12 {flex: 0 0 96%;   max-width:96%;  margin: 2%;}
.category-arya a {border: 1px solid #6d6d6d !important}
.banner-section h5 {font-size:9px;}
/* #interMobile .modal-content a.close-btn {width:15px;height:15px; right:-20px; background-size:cover} */
.modal-open {position: fixed;}
header.row { margin-bottom:5px}
header.row .navbar-toggler { margin: 5px 0 0 10px;}
.carousel-caption1 {width:90%; left:5%; right:5%; text-align:center; bottom: 50%}

.HomePage h3 {font-size:40px;}
.HomePage p {font-size:17px;}
.HomePage form {margin-top:30px;}
.HomePage label { font-size:15px;}

.MobileNumberSection {margin-top:15%; margin-bottom:15%}
.OtpNumberSection {margin-top:15%; margin-bottom:15%;}
.HomePage {background:#c7dae9 url(../images/home_mobile_1.png) no-repeat bottom center/cover;}
.category-arya .col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.category-arya .col:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

	
@media (max-width:479px) { 
/*.category-arya .col-sm-6 {flex: 0 0 96%;   max-width: 96%;  margin: 2%;}
.category-arya .no-gutters .col-sm-12 {flex: 0 0 96%;   max-width:96%;  margin: 2%;}*/
.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:45%;}
.carousel-caption1 h3 {font-size:20px; margin:10px;}
.carousel-caption1 p {font-size:14px; margin:10px;}

.HomePage h3 {font-size:34px;}
.HomePage p {font-size:14px;}
.HomePage form {margin-top:30px;}
.HomePage label {font-size:14px;}
.category-arya .col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}



/** thanks popup order summary and my txn 10-05-2022 **/
.thanksModel_new p{
        font-size: 15px; 
     }
     .innerListingTrns.brandHr {
        font-size: 15px;
        background: #f9fcff;
    }
    .listingTrans {
        background: #f3faff;
        border: 1px dashed #77c4fa;
        border-radius: 4px;
        padding: 16px;
    }
    .deleverdDrop {
        display: none;
    }
    .openSub .dropMainBtn img {
        transform: rotate(180deg);
    }
    .openSub .deleverdDrop {
        display: block;
    }
    .bordrCustom {
      border: 2px solid #929591;
    }
    .lstingRow {
        font-size: 13px;
        color: #727778;
    }
    .lstingRow {
        border-bottom: 1px solid #dedfde;
    }
    .lstingRow:last-child{
        border: 0px;
    }
    .lstingRow {
        cursor: pointer;
        align-items: center;
    }
    .deleverdDrop small{
        font-size: 13px;
    }
    .delname{
        position: relative;
        padding-left: 70px;
    }
    .delname:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 50%;
        background: #85898a;
    }
    .expDateText img { 
        margin-left: 4px;
    }

    .expDateText {
        width: 106px;
        text-align: left;
        padding-left: 14px;
        display: flex;
    }
    .expDateText button{
        line-height: 0;
        margin-left: 6px;
    }
    .noteText {
        font-size: 18px;
        font-weight: 600;
        color: #354343;
        text-align: left;
    }
    @media (max-width: 991px){
        .innerListingTrns.brandHr {
            font-size: 12px;  
        }
        .lstingRow {
            font-size: 12px; 
        }
        .expDateText {
            width: auto; 
            padding-left: 0;
        }
        .expText {
            display: flex;
            justify-content: space-between;
        }
        .expText span {
            color: #B72020;
        }
        .brandHrd {
            font-weight: 600;
            font-size: 13px;
        } 
        .delname { 
            padding-left: 54px;
        }
        .delname:before { 
            left: 24px; 
        }
        .openSub .deleverdDrop { 
            border-bottom: 1px solid #dedfde;
        }
        .openSub  .lstingRow {
            border-bottom: px solid #dedfde;
        }
    }
    @media (max-width: 767px){
        .listingTrans { 
            padding: 6px;
        }
        .delname {
            padding-left: 36px;
        }
        .delname:before {
            left: 8px;
        }
        .deleverdDrop { 
            font-size: 12px;
        }
        .deleverdDrop small {
            font-size: 10px;
        }
        .delname:before { 
            display: none;
        } 
        .thanksModel_new p {
            font-size: 12px;
        }
        .noteText {
            font-size: 15px; 
        }
        .delevrdIc img {
            width: 16px;
        }
    }
    @media (max-width: 567px){
        .delname { 
            padding-left: 18px;
        } 
    } 


    .transactionModal .modal-header h4{
        font-size: 20px;
        margin: 0;
    }
    .outerTrand{
       background: #fcfcfc;
       font-size: 13px;
       color: #202529;
    }  
    .listHrd{
       font-weight: 600;
       font-size: 15px;
    }
    .redmDv {
       width: 130px;
       text-align: center;
   }
   .develeredDv{
       background: #eef6fd;
       font-size: 14px;
       color: #6a757e;
   }
   @media (max-width: 767px){
   }
   @media (max-width: 567px){
       .listHrd { 
           font-size: 12px;
       }
       .redmDv{
           width: 100px;
       }
       .outerTrand { 
           font-size: 12px; 
       }
   }