@import url("iconmoon.css"); 
@import url("web-font.css"); 


body { position: relative; padding: 0; margin: 0;  font-family: 'GT Walsheim Pro', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; background: url("../images/home-bg.png") no-repeat center center; background-size: cover; background-attachment: fixed; } 
img{ max-width: 100%; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {  font-weight: 500; }

a{ color: inherit; }
/* a:hover{ color: #0068FF; text-decoration: none;} */
a:hover,
a:focus{ text-decoration: none; color: inherit; }

a, .btn { text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn:focus { box-shadow: 0 0 0 0.2rem rgb(0 128 128 / 11%); /* box-shadow: 0 0 0 0.2rem rgb(55 52 53 / 24%); */ }

.required-star { color: red; }

.iti { width: 100%; }
.form-group { position: relative; }
.form-group label{ font-weight: 500; margin: 0 0 3px; font-size: 14px;}
.form-group .view-icon { position: absolute; top: 35px; right: 10px; cursor: pointer;  }
.form-group .code { position: absolute; top: 35px; left: 10px; border-right: 1px solid #e2e2e2; padding-right: 10px; color: #858585; }
.form-group label i{ font-size: 20px; vertical-align: middle; }

.form-control, .form-select { outline: none; box-shadow: none; font-size: 14px; border-radius: 10px; height: 43px; padding: 0 20px; font-weight: 500; } 
.input-symbol { position: relative; }
.input-symbol .img{ position: absolute;left: 15px; top: 12px; font-size: 20px; line-height: 0;  }
.input-symbol .show-pass { position: absolute; right: 15px; top: 9px; font-size: 20px; cursor: pointer; color: #C5CCC4;}
/* .input-symbol .form-control{ padding-left: 50px; } */

textarea.form-control { resize: none; height: 100px; border-radius: 10px; padding: 10px 15px;} 
.form-control:focus, .form-select:focus{ box-shadow: none;  border-color: #0068FF;  } 

.primary-btn { border-radius: 10px; display: inline-block; background: #0068FF; color: #fff; padding: 10px 30px; border: 1px solid #0068FF; outline: none; font-weight: 500;  }
.primary-btn:hover, .primary-btn:focus{ color: #fff; }
 
.secondary-btn {border-radius: 10px;  display: inline-block; background: #fff; color: #0068FF; padding: 10px 30px; border: 1px solid #fff; outline: none; font-weight: 500;  }
.secondary-btn:hover, .secondary-btn:focus{ background:#0068FF; color: #fff; border-color: #fff;  }

.white-btn { background: #fff; color: #0068FF; padding: 8px 30px; border-radius: 10px; border: 1px solid #fff; outline: none; font-weight: 500; }
.white-btn:hover, .white-btn:focus{ color: #0068FF; }

.border-btn {  color: #0068FF; padding: 8px 30px; border-radius: 10px; border: 1px solid #0068FF; outline: none; font-weight: 500;  }
.border-btn:hover, .border:focus{ color: #0068FF; }

.yellow-btn{ justify-content: center;  background: #FFC600; border-radius: 10px; display: flex; padding: 10px 30px; border: 1px solid #FFC600; outline: none; font-weight: 500; align-items: center;}


.theme-color { color: #0068FF; }
.secondary-color { color: #DAA16A; }
.text-white { color: #fff; }

/* ----------------------------------
 Bootstrap Fix: IE10
 in Windows 8 & Windows Phone 8
 ---------------------------------- */
@-webkit-viewport { width: device-width; } 
@-moz-viewport { width: device-width; } 
@-ms-viewport { width: device-width; } 
@-o-viewport { width: device-width; } 
@viewport { width: device-width; } 

 
/* ----------------------------------
 Input Light
 ---------------------------------- */
.form-control.form-control-light { color: #B8B8B8;  } 
.form-control.form-control-light:-moz-placeholder { color: #B8B8B8; } 
.form-control.form-control-light::-moz-placeholder { color: #B8B8B8; } 
.form-control.form-control-light:-ms-input-placeholder { color: #B8B8B8; } 
.form-control.form-control-light::-webkit-input-placeholder { color: #B8B8B8; } 

/* ====== Page Loader Animation ====== */
.loader { background: rgba(0,0,0,0.7); position: fixed; z-index: 1200; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: opacity 1s linear; } 
.fade-out.loader { opacity: 0; } 
.loader .loader-inner { display: block; width: 100px; }
.loader .loader-inner lottie-player{width: 100px; }

 
/* Page Title */
.page-title { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.page-title h1{ margin: 0; font-size: 2rem; }
.page-title a.addnew{ color: #E31E24; font-size: 16px; }

/* Section Title */
.section-title { margin: 20px 0; display: flex; align-items: baseline; justify-content: space-between; }
.section-title h2 span{ font-weight: 400; }
.section-title h2{ font-size: 1.6rem; font-weight: 600; margin: 0; text-transform: capitalize; }
.section-title a{ color: #0068FF; }


/*=== Slick Slider Common Css ===*/
.slide-arrow { font-size: 23px; background: none; border: 0; padding: 0; color: #000;  }
.slick-dots { padding: 0; margin: 0;  list-style: none; text-align: center;}
.slick-dots li { display: inline-block; padding: 0 3px;}
.slick-dots li button{ padding: 0; margin: 0; border: 0; line-height: normal; font-size: 0; background: #e2e2e2; height: 8px; width: 8px; border-radius: 8px; outline: none; cursor: pointer; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.slick-dots li.slick-active button{ background: #0068FF; }

 
/* Comman Check box */
.common-check .checkbox { display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height: 1.4; }
.common-check .checkbox input { position: absolute; cursor: pointer; opacity: 0; height: 20px; width: 20px; top: 0px; left: 0; }
.common-check .checkmark { border-radius: 4px; position: absolute;top: 0px;left: 0;height: 20px;width: 20px;background-color: transparent;border: 1px solid #0068FF; }
.common-check .checkbox input:checked ~ .checkmark {  border: solid 1px #0068FF;background: #357DED;  }
.common-check .checkmark::after {content: ""; position: absolute;display: none; }
.common-check .checkbox input:checked ~ .checkmark::after {display: block; }
.common-check .checkbox .checkmark::after {left: 7px; top: 2px; width: 5px; height: 11px; border: solid #fff; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* Comman Radio Button */
.radio-box { display: inline-block; position: relative; padding-left: 28px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 20px; }
.radio-box .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border: 2px solid #DCDCDC; border-radius: 50%; }
.radio-box input:checked~.checkmark { background-color: transparent; border-color: #0068FF;  }
.radio-box input:checked~.checkmark::after { display: block; }
.radio-box .checkmark::after { content: ""; position: absolute; display: none; }
.radio-box .checkmark::after { top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #0068FF; }
.radio-box input { position: absolute; opacity: 0; cursor: pointer; }

/* Modal Comman Css */
.modal-header .close { outline: none; opacity: 1; margin: 0; padding: 0; font-weight: 300; font-size: 32px; position: absolute;  right: 10px;  top: 4px; color: #000; z-index: 1000; background: none; border: none; line-height: 30px; }
.modal-header .close span{  }
.modal .modal-header{ padding: 8px 15px; border-bottom: 0; }
.modal .modal-content { border: none; border-radius: 10px; box-shadow: none; }
.modal .custom-footer { padding: 15px; }
.modal-custom-footer .btn{ margin: 0 5px;  }

/* Delete Modal */
.delete-confirm .modal-dialog { max-width: 400px; margin: 0 auto; padding: 0 15px; }
.delete-confirm .modal-content { border: none; text-align: center; }
.delete-confirm .modal-header{ border: 0; }
.delete-confirm .modal-body .icon-box{  }
.delete-confirm .modal-body .icon-box span{ border: 2px solid #f6253b; height: 70px; width: 70px;display: flex; border-radius: 50%; justify-content: center; margin: 0 auto; font-size: 55px; font-weight: 100; color: #f6253b; }
.delete-confirm .modal-body h4{ margin: 15px 0; font-size: 1.2rem;  }
.delete-confirm .modal-body .button-list { padding: 20px 0 10px; display: flex; justify-content: center; align-items: center; }
.delete-confirm .modal-body .button-list .btn{ margin: 0 5px; width: 100%; padding: 10px 0;}
.delete-confirm .modal-body .success-img lottie-player{ width: 125px; margin: 0 auto; }
 
/* Custom Tab  */
.custom-tab-main .tab-content{ padding: 20px 0 0; }
.custom-tab-main ul.custom-nav-tabs {  border: none; border-bottom: 1px solid #e2e2e2; }
.custom-tab-main ul.custom-nav-tabs li .nav-link{ padding: 10px 15px; position: relative; border: none;  border-radius: 0; transition: color .2s ease-out; color: #000;  }
.custom-tab-main ul.custom-nav-tabs li .nav-item { margin: 0 20px 0 0; }
.custom-tab-main ul.custom-nav-tabs li .nav-link.active { color: #0068FF; position: relative; }
.custom-tab-main ul.custom-nav-tabs li .nav-link.active::after { content: ""; position: absolute; left: 0; right: 0; background: #0068FF; height: 2px; bottom: -1px;  }

 
/* ====== Favourite Icon Checkbox Css ====== */
.favourite-mark label{position: relative; width: 18px; height: 16px; display: block; margin: 0; cursor: pointer;}
.favourite-mark input{position: absolute; opacity: 0; }
.favourite-mark span::before{background: url('../images/fav-unfill.svg') no-repeat; background-size: 100%; position: absolute; left: 0; top: 0; content: ""; width: 18px; height: 18px;  }
.favourite-mark input:checked ~ span::before{background: url('../images/fav-fill.svg') no-repeat; background-size: 100%; }
 
/* Custom Scrolling Css */
.custom-scroll-div {scrollbar-width: thin; scrollbar-color: #c3c3c3 #fff; }
.custom-scroll-div::-webkit-scrollbar { width: 8px; }
.custom-scroll-div::-webkit-scrollbar-track { background-color: #c9d5d6; /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ }
.custom-scroll-div::-webkit-scrollbar-thumb { background-color: #0068FF; }


/* Search field */
.search-filter .cat-btn{ display: none; } 
.search-filter { display: flex; align-items: center;  }
.search-field{ position: relative; flex: 1 1 auto; }
.search-field .btn{color: var(--primary-color); width: 18px; position: absolute; left: 15px; top: 8px; background: none;outline: none; padding: 0;  box-shadow: none; }
.search-field .form-control{   height: 40px;  padding-left: 50px; }

/* Data Not Found */
.no-data-found { height: calc(100vh - 240px); display: flex; align-items: center; justify-content: center; }
.no-data-found .box{ max-width: 360px; margin: 0 auto; text-align: center; }
.no-data-found .box lottie-player{ max-width: 200px; margin: 0 auto 30px; }
.no-data-found .box img{ margin: 0 0 30px; }
.no-data-found .box p{ color: #848484; }

/* Floating Button */
.floating-button { position: fixed; bottom: 20px; right: 15px;  }
.floating-button a{ width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center;  }

/* floater-img  */
.floater-img { position: fixed; width: 260px; right: 10px; bottom: 20px; z-index: 1; text-align: right; }


/* Feed Box */
.feed-box { background: #fff; border: 1px solid #e2e2e2; padding: 15px; border-radius: 10px; margin: 10px 0; }
.feed-box .head{ display: flex; align-items: center;justify-content: space-between; }
.feed-box .head .file{ font-size: 22px; }
.feed-box .head .profile{ display: flex; align-items: center; }
.feed-box .head .profile .img{ position: relative; text-align: center; margin-right: 20px; display: flex; flex: 0 0 auto; }
.feed-box .head .profile .person{ border-radius: 50%; width: 50px; height: 50px; }
.feed-box .head .profile .baged{ position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; }
.feed-box .detail { padding: 20px 0 0; }
.feed-box .detail .img img{ height: 110px; width: 100%; object-fit: cover; }
.feed-box .detail h5{ height: 47px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2;   -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.feed-box .detail .time{ padding: 10px 0; display: flex; align-items: center; justify-content: space-between; }
.feed-box .detail .time .label{ background: #E6F0FF; color: #357DED; padding: 2px 10px; border-radius: 6px; font-size: 13px;}
.feed-box .detail .time .date{ color: #AFAFAF; font-size: 13px; }
.feed-box .bottom { font-size: 13px; border-top: 1px solid #e2e2e2;  display: flex; line-height: normal; padding: 10px 0 0; align-items: center; justify-content: space-between;}
.feed-box .bottom .left{ display: flex; align-items: center;}
.feed-box .bottom .left a{ display: inline-block;}
.feed-box .bottom .left i{ display: inline-block; font-size: 20px; }
.feed-box .bottom .left a.active{ color: #009A19; }
.feed-box .bottom .left .chat a{ align-items: center; background: #0068FF; color: #fff; padding: 4px 10px; border-radius: 6px; display: flex; }
.feed-box .bottom .left .chat img{ width: 16px; }
.feed-box .bottom .right a{ background: #FFC600; padding: 4px 10px; border-radius: 6px; }


/* .select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #0068FF; border-color: unset; color: #FFFFFF;  font-size: 14px; border-radius: 10px; padding: 4px 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; }
.select2-container .select2-search--inline .select2-search__field{ padding: 0 10px; } */

.select2-selection__choice{ background-color: var(--bs-gray-200); border: none !important; font-size: 14px !important; }

.preview-img { display: flex; }
.preview-img img{  }
.preview-img .img { position: relative; display: flex; flex-direction: column; font-size: 12px; text-align: center; color: #33A1E1;}
.preview-img .img .close{ font-size: 21px; position: absolute; top: -4px; right: -7px; border: 1px solid #000; color: #000; height: 18px; width: 18px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; }

.upload-img .file-input-input { width: 0.1px; height: 0.1px;  opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.upload-img .file-input-label { color: #AFAFAF; padding: 15px; border-radius: 10px;margin: 0; cursor: pointer; width: 100%; display: flex; flex-direction: column; text-align: center; font-size: 12px; border: 1px solid #ced4da; }
.upload-img .file-input-label img{ width: 50px; margin: 10px auto 0; }

/* Star Rating */
.star-rating {height: 16px; width: 89px;  position: relative; }
.star-rating:before {  background-image: url("../images/compare/empty-star.svg"); content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: 100%; }
.star-rating > span { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.star-rating > span:before { background-image: url("../images/compare/fill-star.svg"); content: ""; display: block; position: absolute; top: 0; left: 0; background-size: cover; bottom: 0; right: 0; }




/* ====== Header ====== */
header { position: fixed; left: 0; right: 0; z-index: 999; background: #fff; border-radius: 0px 0px 30px 30px; }
header a{ transition: none; }
/* header .dropdown-toggle::after{ display: none; } */

header .navbar-light .navbar-toggler { border: none; outline: none; box-shadow: none; }
header .navbar-brand{   display: flex; align-items: center; padding: 0; }
header .navbar-brand .mobile-hide{ max-width: 100px; } 
header .right-side { display: flex; align-items: center; margin-left: auto; } 
header .navbar { padding: 15px 0; }
header .navbar .navbar-toggler-icon { width: 24px; height: 17px; background-image: none; position: relative; border-bottom: 2px solid #0068FF; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after, 
header .navbar .navbar-toggler-icon::before{ width: 24px; position: absolute; height: 2px;  background-color: #0068FF; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after{ top: 8px; }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { transform: rotate(45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { transform: translateY(8px) rotate(-45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; }
header .navbar-nav li { padding: 0px 10px; }
header .navbar-nav li a { padding: 10px 0; color: #000; }
header .navbar-nav li a .icon{  text-align: center; margin-right: 10px; min-width: 22px; display: inline-block; vertical-align: middle; }
 
header .navbar-nav li.dropdown a{ width: 100%; display: inline-block;  }
header .navbar-light .navbar-nav .nav-link{ color: #000; }
header .navbar-nav li.dropdown ul.dropdown-menu { padding: 0;border-radius: 0; border: 0; box-shadow: 0px 0px 4px 0px #adadad; }
header .navbar-nav li.dropdown ul li{ padding: 0; }
header .navbar-nav li.dropdown ul li a { font-size: 14px; }
header .navbar-nav li.dropdown ul li a:hover{ background: rgb(51 161 225 / 10%); }
header .navbar-nav .dropdown-toggle::after { content: "\e902"; font-family: 'icomoon' !important; border: 0; vertical-align: bottom; }

header .navbar-nav { display: flex; align-items: center;  }
header .navbar-nav ul{ padding: 0; margin: 0;  list-style: none; align-items: center;}
  
header .navbar-nav .dropdown .dropdown-toggle { background: none;   border: 0; outline: none; font-size: 21px; /*  display: flex; */ line-height: normal;}
header .dropdown-toggle::after{ display: none; }
header .navbar-nav .dropdown .dropdown-menu { margin: 0;  padding: 10px 0; width: 200px; right: 0; left: initial; border: 0; border-radius: 0; box-shadow: 0px 0px 4px 0px #adadad; background-clip: unset; transform: translateY(9px); /* opacity: 0; display: unset; */ /* visibility: hidden; */}

header .menu-icon .dropdown-menu { margin: 0;  padding: 10px 0; width: 220px; right: 0; left: initial; border: 0; border-radius: 15px; box-shadow: 0px 2px 5px 0px #888; }
header .menu-icon ul{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; }


header .menu-icon .account{ display: inline-block; margin: 0 0 0 10px; color: #fff; background: #000; padding: 8px 20px; border-radius: 50px; }
header .menu-icon .account span{ margin-left: 8px; }
header .menu-icon .dropdown-menu .menu{ list-style-type: none; padding: 0; margin: 0; display: block; }
header .menu-icon .dropdown-menu .menu li { padding: 0; }
header .menu-icon .dropdown-menu .menu li a{  transition: none; font-size: 14px; padding: 10px 15px; color: #000; display: inline-block; width: 100%;}
header .menu-icon .dropdown-menu .menu li a img{ margin-right: 10px; max-width: 18px; }
header .menu-icon .dropdown-menu .menu li a:hover{ background: #f5f5f5; }
header .mobile-menu .navbar-nav{ display: flex; flex-direction: row; }

header .menu-icon ul li.search-icon { display: none; }

header .search-view { position: relative;  }
header .search-view.collapse.collapse:not(.show){ display: block; margin-left: auto;  }
header .search-view .btn{ width: 18px; position: absolute; left: 15px; top: 8px; background: none;  outline: none; padding: 0; color: #357DED; box-shadow: none; }
header .search-view .form-control{ border: 1px solid #e2e2e2; border-radius: 40px;  color: #333;  height: 37px;  padding-left: 50px; }


/* header .navbar .dropdown-menu { width:100%; left:0; right:0; top:100%; display:block; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; } */
/* header .navbar .dropdown:hover .dropdown-menu, 
header .navbar .dropdown .dropdown-menu:hover { display:block; visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.3s linear; } */
/* header .navbar .dropdown-menu { border: 1px solid rgba(0,0,0,.15); background-color: #fff;}  */
 


.main-wapper { padding: 77px 0 0; }
/* .home-bg{ background: url('../images/home-bg.png') no-repeat center center; background-size: cover; background-attachment: fixed; } */
section { padding: 50px 0; } 

/* Banner */
section.home-banner .home-banner-slider { padding: 0 50px; }
section.home-banner .home-banner-slider .slide-arrow{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);  }
section.home-banner .home-banner-slider .slide-arrow.next-arrow{ left: unset; right: 0;  }
 
  
/* Bank Section */
section.bank-part {    }
section.bank-part .bank-main{ background: #fff; border-radius: 30px; padding: 10px 60px 60px; }
section.bank-part .title { display: flex; justify-content: space-between; align-items: center; }

section.bank-part .bank-main .box { padding: 0 10px; }
section.bank-part .bank-main .bank-list-slider { padding: 20px 0 0 0; }
section.bank-part .bank-main .box .img{ margin: 0 auto; width: 80px; height: 80px;  display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 50%; }
section.bank-part .bank-main .box .img img{ height: 40px; }
section.bank-part .bank-main .item h4{ font-size: 1rem; font-weight: 400; margin: 10px 0 0;  text-align: center;}
section.bank-part .bank-main .slide-arrow { position: absolute; top: -43px; right: 0; }
section.bank-part .bank-main .slide-arrow.prev-arrow { right: 35px; }




/* Utilities */
section.utilities {  }
section.utilities .right-side{ margin: 20px 0; font-size: 1.5rem; }
section.utilities .utilities-main { background: #fff; border-radius: 30px;  padding: 10px 60px 30px; }
section.utilities .utility-box { margin: 13px 0; padding: 10px 10px; text-align: center; }
section.utilities .utility-box a{ display: inline-block; }
section.utilities .utility-box .img{margin: 0 auto; display: flex; align-items: center; justify-content: center;  width: 70px; height: 70px; }
section.utilities .utility-box .img img{ height: 40px; }
section.utilities .utility-box h5{ margin: 20px 0 0; font-weight: 400; font-size: 18px; }



/* Help Us Choose */
section.helpus-choose { }
section.helpus-choose .box{ background: url('../images/app-prmote.png') no-repeat center center; background-size: cover; padding: 50px 30px; border-radius: 30px; }
section.helpus-choose .box .img{ max-width: 360px; margin: 0 auto; }
section.helpus-choose .box .content h3{ font-size: 1.8rem; font-weight: 700; }
section.helpus-choose .box .content ul{ padding-left: 20px;   }
section.helpus-choose .box .content ul li{ margin: 8px 0;  }
section.helpus-choose .box .content .app-pramot { display: flex; margin: 20px 0 0; }
section.helpus-choose .box .content .app-pramot img{ max-width: 150px; margin: 0 15px 0 0;}

/* Trading Card  */
.card-box { position: relative; background: #fff; padding: 30px; border-radius: 15px; margin: 10px 0; }
.card-box .img img{ max-height: 200px; height: 100%; width: 100%; object-fit: fill; box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25); border-radius: 20px; }
.card-box .detail{ padding: 15px 0 0; }
.card-box .detail h4{ font-size: 22px; font-weight: 400; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.card-box .detail .bottom{ display: flex; align-items: center; justify-content: space-between; margin: 20px 0; }
.card-box .detail .bottom label{ position: relative; color: #009A19; background: rgba(0, 154, 25, 0.05); padding: 10px 30px 10px 15px;  flex: 0 0 auto; display: flex; }
.card-box .detail .bottom label:after{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-style: solid; border-width: 21px 15px 21px 0; border-color: transparent #FFFFFF transparent transparent; }
.card-box .detail .bottom label img{ margin: 0 10px 0 0; width: 18px; }
.card-box .detail .bottom .star{ color: #ffc300; display: flex; }
.card-box .detail .more-detail { display: inline-block; color: #357DED; text-decoration: underline; font-weight: 500; }
.card-box .detail .more-detail span{ display: inline-block; vertical-align: middle; margin-left: 8px; width: 25px; height: 25px; border: 1px solid #357DED; color: #357DED; font-size: 18px; text-align: center; border-radius: 50%; }

section.trending-cards {   }
section.trending-cards .trending-card-slider { margin: 0 -10px; }
section.trending-cards .trending-card-slider .item{ padding: 0 10px; }


/* About US Section */
section.about-us { background: url('../images/about-bg.jpg') no-repeat center center; background-size: cover; }
section.about-us .slogan{ font-size: 18px; font-weight: 500; margin: 0 0 15px; color: #000; }
section.about-us p{ color: #575757; }

section.link-section .box{ height: calc(100% - 20px);  margin: 10px 0; background: #fff; padding: 30px; border-radius: 30px; box-shadow: 0px 25px 100px -12px rgba(0, 0, 0, 0.05);}
section.link-section .box .img{ text-align: center;  }
section.link-section .box .img img{ max-width: 180px; }
section.link-section .box .head { margin: 20px 0 10px; display: flex; align-items: center; justify-content: space-between; }
section.link-section .box .head h4{ margin: 0; }
section.link-section .box .head span{ display: inline-block; vertical-align: middle; margin-left: 8px; width: 25px; height: 25px; border: 1px solid #357DED; color: #357DED; font-size: 18px; text-align: center; border-radius: 50%; }

/* SignUp - SignIn - Language Pages  */
section.auth-page {  }
section.auth-page .login-logo {  margin: 0 0 20px; }
section.auth-page .login-logo img{  margin: 0 auto; display: flex; max-width: 130px; }
section.auth-page .login-logo h3{  margin: 20px 0 10px; font-size: 22px; }
section.auth-page .login-logo p{ color: #777777; }
section.auth-page .auth-form{ max-width: 450px; margin: 0 auto; padding: 20px 25px;  border-radius: 25px; }
section.auth-page .auth-form .left-text .form-control{ padding-left: 55px; }
section.auth-page .auth-form .signup-detail { text-align: center; }
section.auth-page .auth-form .signup-detail .theme-color{ font-weight: 500; }
section.auth-page .auth-form .signup-detail .terms-page{   margin: 40px 0 0; font-weight: 400; }
section.auth-page .auth-form .signup-detail .terms-page a{  color: #0068FF; font-weight: 500; }
section.auth-page .auth-form .signup-detail .guest-user a{ font-size: 17px; text-decoration: underline; color: #010101; }
section.auth-page .auth-form .title { text-align: left; margin: 0 0 20px; font-weight: 200; color: #000000; }
section.auth-page .auth-form .or{ text-align: center; border-bottom: 1px solid #e2e2e2; margin: 20px 0 30px; }
section.auth-page .auth-form .or span{ color: #858585; display: inline-block; position: relative; top: 10px; background: #f7fbff; padding: 0 9px; }

section.auth-page .age-select .time-slot ul{ display: flex; margin: 0 -5px;  flex-wrap: wrap;  list-style: none;   padding: 0; }
section.auth-page .age-select .time-slot ul li{ width: 50%; padding: 5px 5px; }
section.auth-page .age-select .time-slot ul li .slot-radio{ display: block; }
section.auth-page .age-select .time-slot ul li .slot-radio .checkmark{ width: 100%; padding: 12px 15px; font-size: 14px; color: #000; font-weight: 500; }
 
section.auth-page .gender-select { margin: 0 0 40px; text-align: center; display: flex; align-items: center; justify-content: space-between; }
section.auth-page .gender-select .box{ padding: 0; }

section.auth-page .google-with-login a{ border: 1px solid #AFAFAF; border-radius: 10px; display: flex; width: 100%; align-items: center; }
section.auth-page .google-with-login a img{ padding: 12px; border-right: 1px solid #AFAFAF; }
section.auth-page .google-with-login a span{ margin: 0 auto; }

/* Community */
section.category {  }
section.category .box { margin: 10px 0; }
section.category .box .img{position: relative;  margin: 0 auto; width: 70px; height: 70px; background: #f7f7f7; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
section.category .box .img .cat-img{ border-radius: 50%; width: 70px; height: 70px;}
section.category .box p{ margin: 10px 0;  text-align: center;}
section.category .box .img .baged{ position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; }


/* Important */
section.important {  }
section.important .question-slider { margin: 0 -10px; }
section.important .question-slider .item{  padding: 0 10px; }



/* Question Details */
section.question-detail  {}
section.question-detail .white-bg { background: #fff; padding: 15px; border-radius: 10px; }

section.question-detail .question { position: sticky; top: 90px; margin: 10px 0; }
section.question-detail .question .head{ display: flex; align-items: center;justify-content: space-between; }
section.question-detail .question .head .file{ font-size: 22px; }
section.question-detail .question .head .profile{ display: flex; align-items: center; }
section.question-detail .question .head .profile .img{ position: relative; text-align: center; margin-right: 20px; display: flex; flex: 0 0 auto; }
section.question-detail .question .head .profile .person{ border-radius: 50%; width: 50px; height: 50px; }
section.question-detail .question .head .profile .baged{ position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; }

section.question-detail .question .detail { padding: 20px 0 0; border-bottom: 1px solid #e2e2e2; }
section.question-detail .question .detail h5{  }
section.question-detail .question .detail .time{ padding: 10px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
section.question-detail .question .detail .time .label{ background: #E6F0FF; color: #357DED; padding: 2px 10px; border-radius: 6px; font-size: 13px;}
section.question-detail .question .detail .time .date{ color: #AFAFAF; font-size: 13px; margin-left: auto; }


section.question-detail .like-dislike { font-size: 13px;   display: flex; line-height: normal; padding: 10px 0 0; align-items: center; justify-content: space-between;}
section.question-detail .like-dislike .left{ display: flex; align-items: center;}
section.question-detail .like-dislike .left a{ display: inline-block;}
section.question-detail .like-dislike .left i{ display: inline-block; font-size: 20px; }
section.question-detail .like-dislike .left a.active{ color: #009A19; }
section.question-detail .like-dislike .left .chat a{ align-items: center; background: #0068FF; color: #fff; padding: 4px 10px; border-radius: 6px; display: flex; }
section.question-detail .like-dislike .left .chat img{ width: 16px; }
section.question-detail .like-dislike .right a{ background: #FFC600; padding: 4px 10px; border-radius: 6px; }

section.question-detail .ans-comment { margin: 10px 0; }
section.question-detail .ans-comment .detail p{ word-break: break-all; }
section.question-detail .ans-comment .head { margin: 0 0 15px; color: #AFAFAF; display: flex; align-items: center; justify-content: space-between; }
section.question-detail .ans-comment .head .date{  }
section.question-detail .ans-comment .comment-post { padding: 15px 0 0 50px; border-top: 1px solid #e2e2e2; }

/* User Detail  */
section.user-profile {  }
section.user-profile .pro { background: #fff; padding: 15px;  border-radius: 10px; margin: 0 0 50px; }
section.user-profile .pro .top-part{ display: flex; align-items: center;  }
section.user-profile .pro .top-part .text h5{ font-size: 20px; margin: 0 0 5px; }
section.user-profile .pro .top-part .img{ position: relative; text-align: center; margin-right: 20px; display: flex; flex: 0 0 auto; }
section.user-profile .pro .top-part .person{ border-radius: 50%; width: 100px; height: 100px; }
section.user-profile .pro .top-part .baged{ position: absolute; bottom: -11px; left: 0; right: 0; margin: 0 auto; width: 30px; }
section.user-profile .pro .content { margin: 30px 0 0 0; }


/* CARD DETAIL PAGE */
section.card-detail-section .sticky-card { position: sticky;  top: 100px; }
section.card-detail-section .apply-card { display: flex; align-items: center; gap: 10px; margin: 20px 0 0; }
section.card-detail-section .apply-card {  }
section.card-detail-section .white-bg { background: #fff; padding: 15px; border-radius: 10px; margin: 13px 0; }
section.card-detail-section .white-bg ul.list { padding: 0 0 0 20px; }
section.card-detail-section .white-bg ul.list li { list-style: none; }
section.card-detail-section .white-bg ul.list li::before { content: "\2022"; color: #357DED; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em; }
section.card-detail-section .delete-btn { background: rgb(255 75 75 / 20%); color: #FF4B4B; padding: 10px 30px; border-radius: 10px; }
section.card-detail-section .bottom-btn-list { display: flex; justify-content: center; margin: 30px 0 0; }
section.card-detail-section .bottom-btn-list a{ margin: 0 5px; }

.card-box-detail { background: #fff; border-radius: 10px; overflow: hidden; margin: 13px 0; }
.card-box-detail .detail {  padding: 15px;  }
.card-box-detail .detail .top{ display: flex;  }
.card-box-detail .detail .top .img{ max-width: 170px; }
.card-box-detail .detail .top .text{ padding: 0 0 0 20px; }
.card-box-detail .detail .top .text h5{ font-size: 20px; }
.card-box-detail .bottom-data { background: #f1f1f1; display: flex;  }
.card-box-detail .bottom-data .box{ border-right: 1px solid #e2e2e2; padding: 10px; width: 50%; display: flex; align-items: center; justify-content: center; }
.card-box-detail .bottom-data .box .text { padding: 0 0 0 20px; }
.card-box-detail .bottom-data .box .text span{ display: block; font-weight: 500; }
.card-box-detail .bottom-data .rate-now { display: flex; width: 33.33%; background: #006afe; justify-content: center; align-items: center; color: #fff; }
.card-box-detail .card-limit { padding: 15px 0 0; display: flex; justify-content: space-between; }
.card-box-detail .card-limit .form-switch{  display: flex; padding: 0;}
.card-box-detail .card-limit .form-switch .form-check-input{ margin-left: 0.5em;}


/* Notification */ 
section.notification-page { padding: 50px 0; }
section.notification-page ul.notification-list { list-style-type: none; padding: 0; margin: 0 0 20px; } 
section.notification-page ul.notification-list li { margin: 10px 0; display: inline-block; width: 100%; }
section.notification-page ul.notification-list li .box{ display: flex; background: #fff; box-shadow: 0px 0px 20px 0px #e2e2e2; padding: 15px 60px 15px 15px; border-radius: 12px; position: relative; } 
section.notification-page ul.notification-list li .box .img{ flex: 0 0 auto; } 
section.notification-page ul.notification-list li .box .text{ padding: 0 0 0 20px; }
section.notification-page ul.notification-list li .box p, section.notification-page ul.notification-list li .box h6 { margin: 0;  } 
section.notification-page ul.notification-list li .box .date{ font-size: 14px; margin: 5px 0 0; color: #AFAFAF; } 
section.notification-page ul.notification-list li .box .date span{ width: 5px; height: 5px; background: #357DED; border-radius: 50%; margin: 0 5px 0 0; display: inline-block; vertical-align: middle; }
section.notification-page ul.notification-list li .box .delete{ display: flex; align-items: center; justify-content: center; color: #f75555; width: 40px; height: 40px; position: absolute; right: 10px; background: #FEE9E9; border-radius: 50%; top: 50px; transform: translateY(-50%); } 

  
/* Footer Section  */
footer.footer{ background: #ffffff; padding: 40px 0 0px; border-radius: 30px 30px 0 0;  }
footer.footer h3.footer-title{ font-size: 16px;  margin: 10px 0; text-transform: uppercase; font-weight: 700; }
footer.footer .about-info .footer-logo{ padding: 0px 0 20px; }
footer.footer .about-info .footer-logo img{ margin: 10px 0; }
footer.footer .footer-link ul { margin: 0; padding: 0; }
footer.footer .footer-link ul li{ list-style-type: none; padding: 5px 0px; position: relative; }
footer.footer .footer-link ul li a{   }
footer .footer-bottom { background: #357DED; text-align: center; padding: 15px 0; margin: 30px 0 0;  }
footer .footer-bottom .copyright-footer {  margin: 0;  color: #fff;  font-size: 13px; display: flex; justify-content: space-between; }


/* OTP Modal */
.otp-modal {  }
.otp-modal .otp-box{ text-align: center; padding: 20px 0; }
.otp-modal .otp-box h3{ font-size: 22px; }
.otp-modal .otp-box .otp-input { display: flex; align-items: center; justify-content: center; margin: 20px 0; }
.otp-modal .otp-box .otp-input .form-control{ padding: 0; margin: 0 8px;  border: 1px solid #E6E6E6; border-radius: 10px; text-align: center; color: #000; font-weight: 600; font-size: 17px; }
.otp-modal .otp-box .resend { margin: 15px 0 30px; }
.otp-modal .otp-box .countdown {  margin: 15px 0 0; display: inline-block; width: 100%; }
.otp-modal .otp-box .countdown .countdown__time{ color: #FF4B4B; }
.otp-modal .otp-box .main-img{ margin: 20px 0; }
.otp-modal .otp-box lottie-player{ max-width: 100px;  margin: 20px auto; }

/* OTP Modal */
.share-modal {  }
.share-modal .modal-body { padding: 40px 15px; }
.share-modal .copy-text{ position: relative;   background: #fff;   border-radius: 10px; display: flex; }
.share-modal .copy-text .form-control{ padding-right: 50px; }
.share-modal .copy-text .copy{ color: #0068FF; font-size: 20px; background: none; border: none; position: absolute; right: 7px; top: 8px;   }

/* Anser Modal */
.add-answer-modal .plus-minus { position: relative; }
.add-answer-modal .ans .plus-minus:after { position: absolute; right: 0; content:"\e931"; top: -4px;  font-family: 'icomoon' !important; }
.add-answer-modal .ans .plus-minus.collapsed:after { content:"\e92e"; top: -4px;  font-family: 'icomoon' !important; }

/* Home Page Phone Modal */
.phone-email-modal .left-text .form-control { padding-left: 55px; }


/* POOJA CSS */
.success-btn { border-radius: 10px; display: inline-block; background: #009A19; color: #fff; padding: 10px 30px; border: 1px solid #009A19; outline: none; font-weight: 500;  }
.success-btn:hover, .success-btn:focus{ color: #fff; }
 
/* Compare Card Page */
.compare-upload p.upload-vs{background: #E1E1E1;margin: 0 auto;border-radius: 100%;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
/* .compare-upload a.active{position: relative;pointer-events: none;} */
.compare-upload a.delete i.icon-x-circle{display: none;}
.compare-upload a.delete.active i.icon-x-circle{display: block;position: absolute;top: 0px;right: 0px;z-index: 9;background: #fff;border-radius: 100%; font-size: 28px;cursor: pointer;pointer-events: auto;}
.compare-upload .card-img { position: relative;  }
.compare-upload .card-img img{ border-radius: 18px;  width: 100%; object-fit: cover; }

.primary-btn.disabled{opacity: 1; background: #E1E1E1;border: 1px solid #E1E1E1;color: #000000;}
.compare-card-box{ border-radius: 10px;padding: 30px; background: #fff;}
.compare-card-box p{ min-height: 50px; }
.compare-upload .compare-card-box p.upload-vs{ background: #fff;}

/* COMPARISON Page */
.comparison-section table.table{ min-width: 470px; }
/* .comparison-section h6{ display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } */

.comparison-section .star-rating {height: 16px; width: 89px;  position: relative; }
.comparison-section .img img{  width: 100%; object-fit: cover; border-radius: 18px; }
.comparison-section .star-rating:before {  background-image: url("../images/compare/empty-star.svg"); content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: 100%; }
.comparison-section .star-rating > span { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.comparison-section .star-rating > span:before { background-image: url("../images/compare/fill-star.svg"); content: ""; display: block; position: absolute; top: 0; left: 0; background-size: cover; bottom: 0; right: 0; }
.comparison-section .star span.rating-number{color: #AFAFAF;}
.comparison-section .user-rating span{color: #AFAFAF;}
/* .comparison-section img.compare-img{width: 80%;} */
.comparison-section table td{border: none;padding-left: 24px;padding-right: 24px;}
.comparison-section table .table-header{background: #E9F2FF;border-radius: 6px;color: #000;text-align: center;padding: 9px 10px;}
.comparison-section table .other-detail p{position: relative;padding-left: 20px; word-break: break-all; }
.comparison-section table .other-detail p::before{content: '';position: absolute;width: 6px;height: 6px;background: #357DED;border-radius: 100%;border-radius: 100%;left: 0;top: 9px;}

/* OFFER Page */

/* Filter Scroll
 .offer-filter-section .offer-filter{white-space: nowrap;max-width: 100%;overflow-x: auto;}
.offer-filter-section .offer-filter::-webkit-scrollbar{height: 5px;background-color: #E9F2FF;}
.offer-filter-section .offer-filter::-webkit-scrollbar-thumb {background-color: #357ded;border-radius: 15px;}
.offer-filter-section .offer-filter .offer-filter-list{flex-wrap: nowrap;display: flex;margin-bottom: 15px;}
.offer-filter-section .offer-filter .offer-filter-list p{cursor: pointer;margin: 0;    background: #E9F2FF;border: 1px solid #E9F2FF;padding: 6px 30px;margin-right: 15px;border-radius: 6px;    display: flex;align-items: center;justify-content: center;}
.offer-filter-section .offer-filter .offer-filter-list p.active{border: 1px solid #357ded;cursor: default;}
.offer-filter-section .offer-filter .offer-filter-list p img{height: 12px;margin-right: 6px;}
.offer-filter-section .offer-filter .offer-filter-list p i{cursor: pointer;display: none;color: #357ded;margin-left: 6px;}
.offer-filter-section .offer-filter .offer-filter-list p.active i{display: block;}
.offer-filter-section .filter-bottom{display: flex;align-items: flex-start;}
.offer-filter-section .filter-bottom a.primary-btn{padding: 6px 28px;margin-right: 15px;} */

.offer-section .section-title a{color: #fff;}
.offer-list-section .offer-list{ background: #fff; border: 1px solid #e2e2e2;padding: 15px;border-radius: 10px;margin: 0 0 20px 0;height: calc(100% - 20px);}
.offer-list-section .offer-list .offer-list-box{display: flex;align-items: flex-start;}
.offer-list-section .offer-list .offer-list-box .offer-list-left {padding-right: 15px;width: 115px;}
.offer-list-section .offer-list .offer-list-box .offer-list-left img{border-radius: 20px;width: 100px;}
.offer-list-section .offer-list .offer-list-box .offer-list-right{width: calc(100% - 115px);}
.offer-list-section .offer-list .offer-list-box .offer-list-right h6{font-size: 18px;font-weight: 500;margin-bottom: 10px;display: flex;align-items: flex-start;justify-content: space-between;}
.offer-list-section .offer-list .offer-list-box .offer-list-right h6 i{font-size: 20px;}
.offer-list-section .offer-list .offer-list-box .offer-list-right .offer-bank{display: flex;align-items: center;}
.offer-list-section .offer-list .offer-list-box .offer-list-right .offer-bank p{color: #818181;font-size: 14px;display: flex;align-items: center;margin: 0 10px 8px 0;}
.offer-list-section .offer-list .offer-list-box .offer-list-right .offer-bank p img{height: 12px;margin-right: 4px;}
.offer-list-section .offer-list .offer-list-box .offer-list-right .offer-bottom{display: flex;align-items: center;justify-content: space-between;}
.offer-list-section .offer-list .offer-list-box .offer-list-right .offer-bottom p{margin: 0;font-size: 14px;}
.offer-list-section .offer-list .offer-list-box .offer-list-right .offer-bottom p.offer-tag{background: #357DED;color: #fff;border-radius: 4px;padding: 2px 10px;}
.common-check.bank-filter label.checkbox{display: flex;align-items: center;}

/* Blog List Page */
.blog-list .blog-list-box{ background: #fff; border: 1px solid #e2e2e2; padding: 15px; border-radius: 10px; margin: 0 0 20px 0; height: calc(100% - 20px);display: block;}
.blog-list .blog-list-box img{margin-bottom: 12px;border-radius: 10px; width: 100%; height: 150px; object-fit: cover;}
.blog-list .blog-list-box h6{-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;height: 38px;}
.blog-list .blog-list-box p{color: #AFAFAF;font-size: 14px;}
.blog-list .blog-list-box p span{background: #AFAFAF;border-radius: 100%; height: 4px;width: 4px;display: inline-block;margin: 0 7px 2px 5px;}

/* Blog Detail Page */
.blog-detail img{border-radius: 10px;}

/* Airpot Lounges Page */
.lounge-list .lounge-list-box{ background: #fff; border: 1px solid #e2e2e2; padding: 15px; border-radius: 10px; margin: 0 0 20px 0; height: calc(100% - 20px);display: block;}
.lounge-list .lounge-list-box img{margin-bottom: 12px;border-radius: 10px; height: 130px; object-fit: cover; width: 100%; }
.lounge-list .lounge-list-box h6{-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;height: 38px;}
.lounge-list .lounge-list-box .lounge-bottom{    display: flex;align-items: center;justify-content: space-between;}
.lounge-list .lounge-list-box .lounge-bottom p.airpot-city{font-size: 14px;}
.lounge-list .lounge-list-box .lounge-bottom p.airpot-tag{font-size: 14px;color: #009A19;background-color: #E5F5E7;border-radius: 3px;padding: 0px 8px;text-align: center;}
.lounge-list .lounge-list-box .airpot-terminal{font-size: 14px;color: #AFAFAF;}
.lounge-list .lounge-list-box h6.lounge-name{height: auto;margin-top: 20px;}
.lounge-list .lounge-list-box .accessible-tag { position: absolute;bottom: 0;left: 10px;color: #009A19;margin: 0;font-size: 13px;background: url('../images/lounges/accessible-bg.svg') no-repeat;padding: 6px 20px 0px 20px;background-size: cover;width: 140px;text-align: center;}
.lounge-list .lounge-list-box img.lounge-list-img{border-radius: 10px 10px 0 0;}


/* Lounge Detail Page */
.lounge-detail-section{ }
.lounge-detail-section .lounge-detail-img {position: sticky;top: 90px;}
.lounge-detail-section .lounge-detail-img img {width: 100%;border-radius: 15px;}
.lounge-detail-section .detail{padding: 25px;background-color: #fff;border-radius: 15px;}
.lounge-detail-section  h5{margin:0px 0px 10px 0px;}
.lounge-detail-section .detail p:last-child {margin: 0px;}
.lounge-detail-section .lounges-images-slider .img{padding: 0 30px 0 0;}
.lounge-detail-section .access-detail p{position: relative;padding-left: 20px;}
.lounge-detail-section .access-detail p::before{content: '';position: absolute;height: 5px;width: 5px;background: #357DED;    border-radius: 100%;left: 0;top: 10px;}
.lounge-detail-section .location-time-detail p{position: relative;padding-left: 25px;}
.lounge-detail-section .location-time-detail p i{color: #357DED;    position: absolute;left: 0;top: 4px;}
.lounge-detail-section .amenities-detail{display: flex;align-items: center;flex-wrap: wrap;}
.lounge-detail-section .amenities-detail div{background: #F8FBFF;border-radius: 8px;padding: 15px;display: flex;height: 80px;width: 80px;align-items: center; justify-content: center;margin-right: 24px;margin-bottom: 20px;}
.lounge-detail-section .amenities-detail div img{height: 30px;}

/* All Credit Cards Page */ 
.all-credit-card .all-card-list{ background: #fff; border: 1px solid #e2e2e2;padding: 15px;border-radius: 10px;margin: 0 0 20px 0; display: block;}
.all-credit-card .all-card-list .star span.rating-number{color: #AFAFAF;}
.all-credit-card .openbtn { background: none; border: 0; }


/* All Credit Cards Sidebar  */
.side-category .title { font-size: 16px; font-weight: 600; margin: 0 0 15px;}
.side-category .bottom-btn { display: flex; }
.side-category .bottom-btn .btn{ width: 100%; margin: 0 5px; padding: 7px 6px;}
.sidebar-navigation .radio-box{margin-left: 15px;}
.sidebar-navigation ul { margin: 0 0 20px; padding: 0; }
.sidebar-navigation ul li { display: block;}
.sidebar-navigation ul li .common-check{padding-left: 15px;}
.sidebar-navigation ul li .common-check img{width: 14px; height: 14px; margin: 0px 0px 5px 5px;}
.sidebar-navigation ul li a {  position: relative; display: flex; font-size: 14px; font-weight: 500;  padding: 10px 10px;  text-decoration: none;  color: #000; align-items: center; border-bottom: 1px solid #eee;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;  transition: all 0.3s linear;}
.sidebar-navigation ul li a i { font-size: 16px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); padding: 5px; border-radius: 50%; }
.sidebar-navigation ul li.selected a i { transform: rotate(90deg); top: 7px; }
.sidebar-navigation ul li:hover > a, .sidebar-navigation ul li.selected > a { background-color: #ecf0f1; color: #1A2D31; border-color: rgba(255, 255, 255, 0.1); }
.sidebar-navigation ul li ul { display: none; }
.sidebar-navigation ul li ul.open { display: block; }
.side-category .sidenav { position: relative; } 
.side-category .sidenav .closebtn { display: none; font-size: 38px; text-align: right; }
.side-category .search-field .form-control{padding-left: 35px;}
.side-category .fees .annual{margin: 0 0 20px; display:flex;align-items: center;}
.side-category .fees .annual span{padding: 0px 10px;}



/* User Reviews & Ratings Page */
.review-section .review-box{background: #fff; border: 1px solid #e2e2e2;padding: 15px;border-radius: 10px;margin: 0 0 20px 0;display: block;}
.review-section .review-box p.rating-date{flex: 0 0 auto;font-size: 14px;}
.rating-now input[type=radio]{ -webkit-appearance: none; margin: 0; box-shadow: none;  }
.rating-now input[type=radio]::after { content: '\2605'; font-size: 32px; }
.rating-now input[type=radio]:invalid::after { color: #ddd; }
.rating-now rating:hover input[type=radio]:invalid::after,
.rating-now rating:focus-within input[type=radio]:invalid::after {color: #888;}
.rating-now rating:hover input[type=radio]:hover ~ input[type=radio]:invalid::after,
.rating-now rating input[type=radio]:focus ~ input[type=radio]:invalid::after  {color: #ddd;}
.rating-now rating input[type=radio]:valid { color: #FFC600; }
.rating-now rating input[type=radio]:checked ~ input[type=radio]:not(:checked)::after{ color: #ccc; content: '\2606'; }

/* Schedule Call Page */
.schedule-call-box{background: #fff; padding: 20px;border-radius: 10px;margin: 0 0 20px 0;display: block;}
.schedule-call-box p{font-weight: 500;}
.schedule-call-box p.call-title{font-size: 14px;}
.schedule-call-box p.call-info{}
.schedule-call-box p.schedule-tag{color: #fff;font-size: 14px;font-weight: normal;text-align: center;position: absolute;top: 0;right: 0;border-radius: 0 10px;padding: 2px 14px;}
.schedule-call-box p.schedule-tag.scheduled{background: #FFA136;}
.schedule-call-box p.schedule-tag.completed{background: #009A19;}
.schedule-call-box p.schedule-tag.acknowledge{background: #FF4B4B;}

.history-detail .schedule-call-box { border: 1px solid #e2e2e2; }

/* Jatin */

/* OFFER DETAIL PAGE */
.offer-detail-section{ }
.offer-detail-section .section-title a { color: #000;font-size: 24px;}
.offer-detail-section .offerdetail-img {position: sticky;top: 90px;}
.offer-detail-section .offerdetail-img img {width: 100%;border-radius: 15px;}
.offer-detail-section .detail{padding: 25px;background-color: #fff;margin: 0px 0px 0px 0px;border-radius: 15px;}
.offer-detail-section  h5{margin:0px 0px 10px 0px;color: #357DED;}
.offer-detail-section .detail p:last-child {margin: 0px;}
.offer-detail-section .detail p{color: #3E3E3E;}

  

 


/* KISHAN CSS */

/* My-Cards Page */
.my-card-list { background: #fff; border-radius: 10px; overflow: hidden; margin: 13px 0; }
.my-card-list .detail {  padding: 15px;  }
.my-card-list .detail .top{ display: flex;  }
.my-card-list .detail .top .img{ max-width: 170px; }
.my-card-list .detail .top .text{ padding: 0 0 0 20px; }
.my-card-list .detail .top .text h5{ font-size: 20px; }
.my-card-list .bottom-data { display: flex; align-items: center; text-align: center;}
.my-card-list .bottom-data .box{ padding: 10px; width: 50%;  }
.my-card-list .bottom-data .green{ background:#E5F5E7; }
.my-card-list .bottom-data .red{ background:#FFECEC; }
.my-card-list .card-limit { padding: 15px 0 0; display: flex; justify-content: space-between; }
.my-card-list .card-limit .form-switch{  display: flex; padding: 0;}
.my-card-list .card-limit .form-switch .form-check-input{ margin-left: 0.5em;}

section.my-cards .top-btn .btn{ width: 100%; justify-content: center; }
section.my-cards .card-limit{ box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px; display: flex; justify-content: space-around; background: #fff; border-radius: 15px; align-items: center; padding: 10px 30px;}
 

/* FAQ Page */
section.faq-page{ }
section.faq-page .accordion{ padding: 20px; border-radius: 10px; background: #fff; margin: 50px 0 0; }
section.faq-page .accordion-list{ margin: 0 0 15px; }
section.faq-page .accordion-list .accor-head a{ position: relative; display: inline-block; width: 100%; border-bottom: 1px solid #e2e2e2; padding: 8px 25px 8px 0; font-weight: 500;   }
section.faq-page .accordion-list .accor-head a i {position: absolute; top: 8px; right: 0px; font-style: normal;  width: 20px; height: 20px;}
section.faq-page .accordion-list .accor-head a i::before {content: "\e99f"; position: absolute;  font-family: 'icomoon' !important;}
section.faq-page .accordion-list .accor-head a.collapsed i::before { content: "\e9bc";  }
section.faq-page .accordion-list .accor-body { padding: 10px 0; }
section.faq-page .accordion-list ul.menu { list-style-type: none; padding: 0; }
section.faq-page .accordion-list ul.menu li{ padding: 5px 0; }

/* help-suport */

section.help-support .box{   background: #fff; padding: 20px; border-radius: 10px; }

/* CMS Papge */
section.cms-page{padding: 0px 0px 50px 0px;}
section.cms-title{padding: 50px 0px 0px 0px;}


/* Profile Details Page */
 
section.profile-detail h6.title{color:#AFAFAF;} 
section.profile-detail .profile-img{text-align: center; margin: 35px auto 20px;}
section.profile-detail .profile-img .img{ display: inline-block; position: relative; margin: 0 0 20px; }
section.profile-detail .profile-img .person{ width: 120px;  border-radius: 50%;}
section.profile-detail .profile-img .baged{ position: absolute; left: 0; right: 0; width: 30px; bottom: -10px; margin: 0 auto; }
section.profile-detail .gray-bg { margin: 0 0 20px; background: #fff; padding: 15px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; }
section.profile-detail .profile-img h6 span{font-size:14px;}
section.profile-detail .profile-img .file-input-label{ line-height: normal;position: absolute; bottom: 10px; right: 0; margin: 0 auto; left: 0; cursor: pointer;  border-radius: 50%;  color: #fff; padding: 0; width: 35px;height: 35px; display: flex; align-items: center; justify-content: center; }
section.profile-detail .profile-main .about-box{background: #ffffff; padding: 20px; border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; margin: 0 0 20px; }
section.profile-detail .profile-main .about-box .about-btn{background: #E9F2FF; color: #1C1C1C; padding:2px 8px; border: 1px solid #E9F2FF; border-radius:5px; margin: 0 5px 5px 0; }
section.profile-detail .gray-bg .contact-info{ display: flex; align-items: center; justify-content: space-between; background: #ffffff; padding:12px; border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
section.profile-detail .delete-btn{display: inline-block; color: #FF4B4B;}
section.profile-detail .schedule-call a{border-radius: 12px; max-width: 290px; display: flex; align-items: center; justify-content: center; margin: 20px auto; background: #E4FFE8;  padding: 10px 10px; }
section.profile-detail .schedule-call a lottie-player{ width: 35px; margin: 0 10px 0 0; }

/* Modal  */
.edit-modal .cursor{cursor: pointer;}
.edit-modal .left-text{padding: 0 50px;}

.spend-limit lottie-player{ max-width: 250px; margin: 0 auto; }


/* comment via itisha */
#most_comapre_cards table tr td:last-child {
    display: none;
}
section.question-detail .like-dislike .left a.active_dislike {	color: red; }
.feed-box .bottom .left a.active_dislike{ color: red; }