/* You can add global styles to this file, and also import other style files */

.surfaceDash {
  background: url(./assets/images/Surface.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.businessDashbg{
    /* background: url(./assets/images/bgbg.jpg); */
    background: url(../img/bgbg.jpg);
    background-size: auto;
    background-position: top;
    background-repeat: round;
    /* background-position: center -370px; 
    background-repeat: no-repeat; */
    background-attachment: local;
}

.sectionbg {
  background: url('assets/images/bg.jpg');

  background-size: contain;

  background-position: 0 -60px;

  background-repeat: repeat;

  background-attachment: inherit;
}

/*added by sneha*/
.homebg {
  background: url('assets/images/homebg.jpg');

  background-size: contain;

  background-position: 0px -50px;

  background-repeat: repeat;

  background-attachment: inherit;
}
/* MOUSE Varibles */
html {
    scroll-behavior: smooth;
}
@font-face {
    font-family: 'AllianzSans';
    src: url('../../../assets/fonts/Exo-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}
@font-face {
    font-family: 'AllianzSansBold';
    src: url('../../../assets/fonts/Exo-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}
@font-face {
    font-family: 'AllianzSansLightRegular';
    src:url('../../../assets/fonts/Exo-Medium.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}
@font-face {
    font-family: 'AllianzSansLight';
    src: url('../../../assets/fonts/Exo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}
body {
    font-family: 'AllianzSans';
    font-size: 14px;
    height: 100%;
    color: #353535;
    margin: 0;
    padding: 0;
}
body::-webkit-scrollbar {
  display: none;
}

body::-webkit-scrollbar-button {
  display: none;
}

body {
  -ms-overflow-style: none;
}
.bgImg {
    /* background: url('../img/login-bg.png'); */
    background-color: #e5e5e5;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.surfaceDash {
    background: url('../img/Surface.jpg');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*30-09*/
.sectionbg {
    background: url('../img/bg.jpg');
    background-size: contain;
    background-position: top;
    background-repeat: repeat;
    background-attachment: inherit;
}
textarea {
    height: 150px !important;
}
a {
    color: #0072bc;
    text-decoration: none;
     cursor: pointer;
}
.d-none {
    display: none !important;
}
a:hover {
    color: #0072bc;
    text-decoration: none;
}
.bg-blue {
    background-color: #0072bc;
}
.bg-grey {
    background-color: #FAFAFA;
}
.text-blue {
    color: #0072bc !important;
}
.text-grey {
    color: #848482 !important;
}
.text-orange {
    color: rgb(245, 130, 32) !important;
}
.text-light-blue{
    background: #E6F1F8;
    color: #0072bc;
    border: 1px solid #E6F1F8;
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 30px;
    margin-left: 5px;
    font-weight: 800;
}
.text-header {
    color: #2ac9ff;
}
.shadow {
    box-shadow: rgb(33 35 38 / 10%) -8px 0px 10px -10px !important;
}
label {
    margin-bottom: 0;
    font-size: 14px;
}
.form-control {
    font-size: 0.8rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "AllianzSansBold";
}

.btn,.NewsLetter,.TabSections,.CutomerInfoRow,.imgSec,.VideoFile {
    position: relative;
}
.red {
    color: #ffffff !important;
    background: #FF3E3E;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 0.6rem;
}
.yellow {
    color: #000000 !important;
    background: #FFB800;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 0.6rem;
}
.green {
    color: #ffffff;
    background: #04D327;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 0.6rem;
}
.Blue {
    color: #ffffff;
    background: #0072bc;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 0.8rem;
}
.blue-light {
    background: #E6F1F8;
    color: #0072bc;
    border: 1px solid #E6F1F8;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 0.8rem;
}
.gradient-blue {
    background: linear-gradient(92.65deg, #31AEFF 2.48%, #0072BC 90.87%) !important;
}

.progress-bar.width-20 {
  width: 20%;
}

.progress-bar.width-25 {
  width: 25%;
}

.progress-bar.width-50 {
  width: 50%;
}

.progress-bar {
    background-color: #F58220;
}

.paddingB-3 {
  padding-bottom: 30px;
}

.paddingB-4 {
  padding-bottom: 40px;
}

.paddingB-5 {
  padding-bottom: 50px;
}

.ICbreadcrumb {
  --bs-breadcrumb-divider: '>';
}

/*4-3-2022*/
.error {
    color: red;
    position: absolute;
    left: 0;
    margin-top: 5px;
    padding: 0 0 0 5px;
    opacity: 0;
    top: 98%;
    border-radius: 3px;
    font-size: 0.7rem;
    z-index: 2;
    line-height: 20px;
}
.error-field .error {
    opacity: 1;
}
.error-msg {
    text-align: left;
    position: relative;
    display: table;
    /* margin: 0px auto 0px auto; */
    padding: 2px 10px;
    font-size: 9px;
    background-color: red;
    color: #ffffff;
    border-radius: 5px;
}
.error-msg::before {
    font-family: "FontAwesome";
    content: '\f06a';
    padding: 0 5px 0 0;
    font-weight: 400;
    position: relative;
}
.ErrorMessage span {
    font-size: 10px;
    color: red;
    text-align: left;
    position: relative;
    display: block;
    padding: 0 10px;
}
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 15px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}
.form-check{
    padding-left: 0;
}
.form-switch .form-check-input {
    width: 3rem;
    padding: 12px;
}
.form-check-input:checked {
    background-color: #F58220;
    border-color: #F58220;
}
.form-check .form-check-input {
    padding: 11px;
    border-radius: 50px;
    margin-left: 0;
}
.pass_show {
    position: relative;
}
.pass_show .ptxt {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    color: #e5e5e5;
    margin-top: -10px;
    cursor: pointer;
    transition: 0.3s ease all;
}
.pass_show .ptxt:hover {
    color: #333333;
}
.inActive {
    color: #555555;
    border-color: #e5e5e5;
    text-align: center;
    margin: 0px 10px 0 0;
    font-size: 0.54rem;
}
.Active {
    color: #F58220 !important;
    border-color: #F58220 !important;
    text-align: center;
    margin: 0px 10px 0 0;
    font-size: 0.6rem;
}
.verifyPass {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: -40px;
}
/* .my-float{
	margin-top:16px;
} */
/* ANIMATION */
.listed {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}
.dismiss {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
@keyframes slide-in {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}
@-webkit-keyframes slide-in {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0%);
    }
}
@keyframes slide-out {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}
@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(100%);
    }
}
/*End*/
/*Notification*/
#NotificationDropdown span {
    position: absolute;
    color: #fff;
    background: #FE3C3C;
    padding: 3px 5px;
    border-radius: 50%;
    font-size: 0.5rem;
    top: 5px;
    right: 0;
}
.nav-link.dropdown-toggle.text-white.show .headerNotify {
    background: #d4d4d4;
}
.NotificationDropdown .nav-item a.nav-link {
    font-size: 0.8rem;
    padding: 7px !important;
}
.navbar-expand .navbar-nav .dropdown-menu.NotificationDropdown {
    left: -200px;
    width: 330px;
}
.dropdown-menu.threeDotsMenu {
    left: 100px !important;
    padding: 10px !important;
}
.dropdown-menu.threeDotsMenu .dropdown-item {
    margin-bottom: 0px !important;
}
.notificationCard {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #FAFAFA;
    padding: 5px 0;
    border-radius: 10px;
    justify-content: space-between;
}
.notificationCard .reqCard-img img {
    width: 22px;
    /*new*/
    margin: auto;
    display: block;
}
.notificationCard .reqCard-img {
    margin: auto 5px;
    background-color: #D9D9D9;
    border-radius: 50%;
    padding: 5px 6px;
}
.notificationContent {
    display: inline-block;
    margin: auto 0px;
}
.notificationContent p {
    font-size: 0.8rem;
    margin-bottom: 0;
}
.notificationContent span {
    font-size: 0.7rem;
    margin-bottom: 0;
    color: #c4c4c4;
}
.notificationCard.New {
    position: relative;
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 1.2px solid #0072bc;
    border-radius: 10px;
}
.notificationCard.New .notificationContent p {
    font-weight: 700;
}
.notificationCard.New .notificationContent span {
    color: #F58220;
}
/*Filter*/
.dropdown-menu.FilterDropdown {
    /* left: -200px; */
    padding: 10px;
    /*new*/
    inset: 15px 10px auto auto !important;
  transform: translateY(35px) !important;
  border: 0px solid #d4d4d4;
  border-radius: 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.dropdown-menu.FilterDropdown li a::before {
    font-family: "FontAwesome";
    content: '\f111';
    font-size: 22px;
    color: transparent;
    position: relative;
    margin: 0 10px 0 0px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    border-radius: 50%;
}
.dropdown-menu.FilterDropdown li.selected a::before {
    background-image: url(../img/icon/selector.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin: 0 10px 0 0px;
    vertical-align: middle;
    border: 0px solid #eeeeee;
    border-radius: 50%;
}

.dropdown-menu.MegaFilterDropdown {
    /* left: -200px; */
    padding: 20px 10px;
    border:0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius:20px;
}
.dropdown-menu.MegaFilterDropdown li a::before {
    font-family: "FontAwesome";
    content: '\f111';
    font-size: 22px;
    color: transparent;
    position: relative;
    margin: 0 10px 0 0px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    border-radius: 50%;
}
.dropdown-menu.MegaFilterDropdown li.selected a::before {
    background-image: url(../img/icon/orange-check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin: 0 10px 0 0px;
    vertical-align: middle;
    border: 0px solid #eeeeee;
    border-radius: 50%;
}
/*new*/
label.dropdown-item a {
  font-size: 16px;
  color: #000;
  line-height: 35px;
  font-weight: 600;
  position: relative;
  top: 5px;
}

input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 6px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
/*search Model-phase-2*/
.SearchModal {
    font-size: 13px;
    border: 1px solid #d9d6d6;
    border-radius: 8px;
    color: #c4c4c4;
    background: url(../img/icon/Search.svg) no-repeat right 10px center !important;
    width: 100%;
    padding: 6px 26px;
}
ul.search_result_list {
    position: relative;
    display: block;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.6) 0px 2px 4px -1px;
    width: 70%;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
.search_result_list li {
    list-style: none;
    margin: 10px 0;
    padding: 10px;
    border-radius: 10px;
}
.search_result_list li a {
    position: relative;
    display: flex;
    align-items: center;
}
.search_result_list li a img {
    width: 40px;
    margin: 0 20px 0 0;
}
.search_result_list li a p {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}
.search_result_list li a p span {
    position: relative;
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    color: #999999;
}
.search_result_list li.selected,
.search_result_list li:hover {
    background-color: rgba(0, 114, 188, 0.1);
    color: #000;
}
.search_result_list li::after {
    font-family: "FontAwesome";
    content: '\f111';
    font-size: 15px;
    color: transparent;
    position: relative;
    margin: 0 10px 0 0px;
    vertical-align: middle;
    border: 1px solid #ffffff;
    border-radius: 50%;
    float: right;
    padding: 0 5px;
top: -25px;
}
.search_result_list li.selected::after {
    background-image: url(../img/icon/check-selector.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin: 0 10px 0 0px;
    vertical-align: middle;
    border: 1px solid #eeeeee;
    border-radius: 50%;
    float: right;
    top: -25px;
}
/*end*/
.custom-checkbox,
.custom-radiobox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 18px;
    color: #ffffff;
}
.custom-radiobox {
    font-weight: 600;
}
.custom-checkbox input,
.custom-radiobox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    /* border: 2px solid #0072bc; */
}
.checkmark1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #0072bc;
}
.custom-radiobox .checkmark {
    border-radius: 50%;
}
.custom-radiobox .custom-checkbox:hover input~.checkmark,
.custom-radiobox:hover input~.checkmark {
    background-color: #ccc;
}
.custom-radiobox .custom-checkbox:hover input~.checkmark1,
.custom-radiobox:hover input~.checkmark1 {
    background-color: #0772bc;
}
.custom-checkbox input:checked~.checkmark {
    background-color: #ffffff;
}
.custom-radiobox input:checked~.checkmark,
.custom-radiobox input:checked~.checkmark1 {
    background-color: #fff;
    border: 2px solid #0772bc;
}
.checkmark:after,
.checkmark1:after {
    content: "";
    position: absolute;
    display: none;
}
.custom-checkbox input:checked~.checkmark:after,
.custom-radiobox input:checked~.checkmark:after,
.custom-radiobox input:checked~.checkmark1:after {
    display: block;
}
.custom-checkbox .checkmark:after {
    left: 7px;
    top: 2px;
    width: 6px;
    height: 13px;
    border: solid #0772bc;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.custom-radiobox .checkmark:after {
    border-radius: 50%;
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0072bc;
}
.custom-radiobox .checkmark1:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0772bc;
}
/*  Header*/
.HeaderSearch {
    position: relative;
    display: inline-flex;
    width: auto;
    flex-grow: 1;
    align-items: center;
    text-align: center;
    margin: 0 20px;
}
.back {
    position: relative;
    z-index: 999;
    top: 20px;
}
.logo img {
    float: right;
    height: auto;
}
.ic-btn {
    background: #0072bc;
    color: #ffffff;
    width: 100%;
    position: relative;
    display: block;
    border: 1px solid #0072bc;
    font-family: 'AllianzSansBold';
    transition: all 0.9s ease;
    border-radius: 8px;
    /* padding: 10px 20px; */
}
.ic-btn.light {
    background: #E6F1F8;
    color: #0072bc;
    border: 1px solid #E6F1F8;
}
.ic-btn.light.disabled {
    background: #EEEEEE;
    color: #9D9D9D;
    border: 1px solid #EEEEEE;
}
.ic-btn:hover {
    background-color: #ffffff;
    color: #0072bc;
    border: 1px solid #0072bc;
}
.ic-btn.white {
    background-color: transparent;
    color: #0072bc;
    border: 1px solid #0072bc;
}
.ic-btn.white:hover {
    background-color: #0072bc;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.VerticalMiddle {
    position: relative;
    display: flex;
    align-items: center;
}

/*login Section*/
.LoginSec {
    position: absolute;
    display: block;
    top: 50%;
    left: 25%;
    transform: translate(-20%, -50%);
}
.infoLink {
    position: relative;
    color: #ffffff;
}
.infoLink a {
    color: #ffffff;
    font-family: 'AllianzSansBold';
    text-decoration: underline;
}

.infoLink a:hover {
  color: #ffffff !important;
}

.infoLink img {
    width: 20px;
    height: 20px;
}
h1.loginLefttext {
    color: #ffffff;
    font-size: 3.8rem;
    margin: 20px 20px 20px 0;
}
.loginLeftimg {
    width: 230px;
    height: auto;
}
.loginRight {
    position: relative;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    /* box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; */
    background-color: rgba(255, 255, 255, 1);
    border: 1.2px solid rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    padding: 50px 30px 10px 30px;
    /* top: 50%;
    transform: translate(0,-50%); */
}
.loginGradient {
    position: relative;
    width: 70%;
    background: linear-gradient(270.07deg, #006CB5 0.03%, #004775 97.76%);
    border-radius: 32px 0px 0px 32px;
    transform: rotate(180deg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto;
    display: list-item;
    height: 100vh;
}
.loginCard h1,
.OTPCard h1,
.passCard h1 {
    margin-bottom: 40px;
}
.input-container {
    height: 60px;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}

.passCard .input-container {
    margin-bottom: 25px;
}
.input-old {
    background-color: #FAFAFA !important;
}
.input {
    background-color: #ffffff;
    border-radius: 15px !important;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    color: #222222;
    font-size: 15px !important;
    height: 100%;
    outline: 0;
    padding: 10px 20px 0px !important;
    width: 100%;
    font-family: 'AllianzSansBold';
}
.form-control:focus-visible {
    outline: none !important;
}
.cut {
    border-radius: 10px;
    height: 20px;
    left: 15px;
    position: absolute;
    top: -10px;
    transform: translateY(0);
    transition: transform 200ms;
    width: 76px;
}

.error-field .input {
    border: 1px solid red;
}

.cut-short {
    width: 50px;
}

.placeholders {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 1rem;
    left: 20px;
    line-height: 14px;
    pointer-events: none;
    position: absolute;
    transform-origin: 0 50%;
    transition: transform 200ms, color 200ms;
    top: 22px;
}

.input:focus~.cut,
.isValid .placeholders~.cut,
.error-field .placeholders~.cut,
.select~.cut,
.select:not(:placeholder-shown) .cut {
    transform: translateY(8px);
}

.input:focus~.placeholders,
.isValid .placeholders,
.error-field .placeholders,
.select~.placeholders,
.select:not(:placeholder-shown)~.placeholders {
    transform: translateY(-15px) translateX(0px) scale(0.65);
    padding: 0 10px 0 0;
}
.error-field .placeholders{
    color:rgba(255, 0, 0, 1) !important;
}
.isValid .placeholders,
.error-field .placeholders,
.select:not(:placeholder-shown) .placeholders {
    color: #222222;
}



.input:focus~.placeholders,
.isValid .placeholders,
.error-field .placeholders,
.select:focus.placeholders {
    color: #A9A9A9;
    font-weight: 500;
    font-size: 14px;
}

.removeFund img {
  /* position: absolute;
   top: 40px;
   right: 20px;
   width: 2%; */
  position: absolute;
  top: 10%;
  right: 40px;
  width: 2%;
  display: inline-block;
  float: right;
}

.loginVia {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
    color: #f58220;
    text-decoration: none;
    font-weight: 600;
}
.termsCondition {
    position: relative;
    display: flex;
    justify-content: center;
    color: rgba(0, 0, 0, 0.7);
}
.termsCondition a {
    color: rgba(0, 0, 0, 0.7);
    text-decoration: underline;
}
.OTPCard img {
    transform: rotate(180deg);
    padding: 8px 12px;
    border: 1.4px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.OTPCard:hover img {
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) -2.4px -3.4px 3.2px;
}
.eye i {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 16px;
    opacity: 0.5;
    color: #000;
}

.Adcard{
    position: relative;
    display: block;
    background-color:#d9d9d9;
    width: 100%;
    height: 150px;
    border-radius:15px;
}

/*Customer-Servicing Dashboard*/
.TopupTitle{
    font-size: 1rem;
}

.queryCard .VerticalMiddle:nth-last-child(even){
    background-color:#E6F1F8;
    padding:5px 8px;
    border-radius:20px;
}
.queryCard .VerticalMiddle:nth-last-child(odd){
    background-color:#ffffff;
    padding:5px 8px;
    border-radius:20px;
}

.declaration li{
    list-style: decimal;
    font-size: 1rem;
    font-weight: 500;
}

.declarationRow{
    position: relative;
    display: flex;
    align-items:baseline;
    margin-bottom: 20px;
}

.RowTitle{
    font-size: 1rem;
    font-weight:500;
    width: 75%;
}
.NewFund {
    position: relative;
    display: block;
    background-color: #f5f5f5;
    padding: 30px;
    border-radius: 30px;
    margin-bottom: 20px;
}
.removeFund img {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 2%;
}
.HeaderDash {
    position: relative;
    display: block;
    background-color: none;
}

.topLeftLogo {
    position: relative;
    width: 200px;
    height: auto;
    display: flex;
    margin: auto;
    padding-top: 10px;
}
.headerNotify {
    position: relative;
    display: inline-flex;
    border: 1px solid #d4d4d4;
    border-radius: 20px;
}
.userDash2 {
    position: absolute;
    top: 40px;
    left: 35px;
    width: 25px;
    height: 25px;
}
.userDash2:hover {
    opacity: 0.5;
}
.HeaderMenu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.customerServiceDash {
    position: relative;
    display: flex;
}
.MyLocation {
    position: relative;
    display: inline-flex;
}
.MyLocation img {
    position: relative;
    display: inline-flex;
    margin: 0 10px;
    width: 150px;
}
.customerOverview {
    position: relative;
    display: flex;
    justify-content: space-evenly;
}
.Mycust {
    position: relative;
    display: flex;
    align-items: center;
    border-right: 1px solid #d4d4d4;
    padding-right: auto;
}
.verticalBorder {
    border: 1px solid #d4d4d4;
    height: auto;
}
.CustImg {
    position: relative;
    display: inline-block;
}
.CustImg img {
    position: relative;
    display: inline-flex;
    margin: 0 -12px;
    width: 50px;
    height: auto;
    background: #ffffff;
    border-radius: 40px;
    padding: 3px;
    transition: all 0.5s ease-in-out;
    right: 0;
}
.CustImg:hover img {
    right: 5px;
    transition: all 0.5s ease-in-out;
}
.CustHeading {
    position: relative;
    display: inline-block;
    margin: 0 30px;
    color: rgba(0, 0, 0, 0.6);
    vertical-align: top;
}
.CustHeading sup {
    color: #ffffff;
    background: #04D327;
    padding: 3px 8px;
    border-radius: 10px;
}
.Mycust .CustHeading a,
.Mybranch .CustHeading a {
    position: relative;
    display: block;
    font-size: 2rem;
    font-family: 'ALLIANZSANSBOLD';
    color: #000000;
    padding: 0;
}
.CustImg img {
    counter-increment: img;
    content: counter(img);
    content: "";
}
.CustImg::after {
    content: ""counter(img);
    position: relative;
    background: #f58220;
    padding: 11px 15px;
    border-radius: 50px;
    top: 3px;
    color: #ffffff;
    font-weight: 800;
    border-left: 3px solid #ffffff;
display: inline-flex;
}
.dashContent {
    position: relative;
    margin: 0 7% 10%;
}
.dashContentMain {
    position: relative;
    margin: 0 7% 10%;
}
.quickCard a {
    color: #000000;
    padding: 40px 15px;
    display: block;
    position: relative;
}

/*30-09*/

.QuickLinks .quickCard-img img{
    width: 50px;
}

.quickCard-img {
    position: relative;
    display: inline-flex;
    margin: 0 15px;
}
.quickCard p {
    position: relative;
    /* display: flex; */
    float: right;
    /* top: 15px; */
    right: 0;
    transition: all 0.5s ease-in-out;
}
.quickCard:hover p {
    right: 5px;
    transition: all 0.5s ease-in-out;
}
.quickCard-contents h4 {
    font-size: 1rem;
    margin: 10px;
}
.MainDashHeading {
    position: relative;
    font-family: 'ALLIANZSANSBOLD';
    font-size: 1.5rem;
    margin-bottom: 0;
    color: #000;
}
.divider {
    position: relative;
    display: block;
    border: 4px solid #ffffff;
    border-radius: 10px;
    width: 25%;
    margin: auto;
}
.divider-small {
    position: relative;
    display: block;
    border: 1px solid #ffffff;
    width: 100%;
    margin: auto;
    opacity: 0.7;
}
/* Accordian*/
[data-toggle='collapse'] i:before {
    /* 4-3-2022*/
    content: "-";
    font-size: 30px;
    border: 3px solid #0772bc;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 18px;
    color: #0772bc;
    font-weight: 800;
    text-align: center;
    font-style: normal;
}

[data-toggle='collapse'].collapsed i:before {
    /* 4-3-2022*/
    content: "+";
    font-size: 22px;
    border: 3px solid #0772bc;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 25px;
    color: #0772bc;
    font-weight: 800;
    text-align: center;
    font-style: normal;
}
.card {
    background: transparent;
}
#accordion .card-header {
    margin-bottom: 8px;
}
#accordion .accordion-title {
    position: relative;
    display: block;
    padding: 8px 0 8px 50px;
    background: #ffffff;
    border-radius: 0;
    overflow: hidden;
    text-decoration: none;
    color: #0772bc;
    font-size: 18px;
    font-weight: 800;
    width: 100%;
    text-align: left;
    transition: all 0.4s ease-in-out;
}
#accordion .accordion-title i {
    position: absolute;
    width: 50px;
    height: 100%;
    left: 0;
    top: 0;
    color: #000000;
    background: #ffffff;
    text-align: center;
    border-right: 1px solid transparent;
}
#accordion .accordion-title:hover {
    padding-left: 60px;
    background: #ffffff;
    color: #000000;
}
#accordion .accordion-title:hover i {
    border-right: 1px solid #fff;
}
#accordion .card-body {
    padding: 0;
}
#accordion .accordion-body img {
    border-radius: 50%;
    float: right;
    position: relative;
    display: block;
    width: 70%;
    margin: 10px 0 80px 0;
}
#accordion .accordion-body ul {
    /*4-3-2022*/
    list-style: circle;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    background: #ffffff;
    height: 235px;
    padding: 50px 30px;
    border-radius: 50%;
    font-size: 12px;
    margin: 10px;
    bottom: 0px;
    overflow: hidden;
    line-height: 1.8;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
#accordion .accordion-body li {
    padding-left: 1rem;
    text-indent: -1.2rem;
    margin-left: 1.2rem;
}
.form-control::-webkit-input-placeholder {
    color: #ccc;
}
/* WebKit, Blink, Edge */
.form-control:-moz-placeholder {
    color: #ccc;
}
/* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {
    color: #ccc;
}
/* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {
    color: #ccc;
}
/* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {
    color: #ccc;
}
/*=========================================FIG==============================================*/
.col.active {
    background: #ffffff;
    border: 1px solid #ffffff;
}
.col {
    margin: 0 auto;
    display: table;
    padding: 20px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.col img,
.col.active img {
    width: 45%;
}
input[type="radio"] {
    visibility: hidden;
}

.declaration .form-check-input:checked[type=radio]{
    background-image:url(../img/icon/check-white.png);
    background-size: auto;
    background-position: center;
    background-position-x: center;
    background-repeat: no-repeat;
}
input[type="radio"]:checked+label .gender-male {
    background: rgb(245, 130, 32);
}
.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 28px;
    margin-left: 10px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: #0772bc;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked+.slider {
    background-color: #0072bc;
}
input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.slider:after {
    content: 'NO';
    color: #0772bc;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 60%;
    font-size: 9px;
}
input:checked+.slider:before {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px);
}
input:checked+.slider:after {
    content: 'YES';
    left: 35%;
}
input:checked+.slider {
    background-color: #FFFFFF;
}
input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.line-break {
    border: 1px solid rgb(245, 130, 32);
    width: 50%;
    margin: auto;
    margin-bottom: 3px;
}
.card-body input[type="number"] {
    border-bottom: 1px solid #eeeeee;
    border-bottom-color: #ffffff !important;
    box-shadow: none;
    border-style: solid;
    border-color: transparent;
}
.card-body input[type="number"]::placeholder {
    color: #ffffff;
    font-size: 14px;
}
.card-body input[type="number"]:focus,
.card-body input[type="number"]:focus-visible {
    border-bottom: 1px solid #eeeeee;
    border-bottom-color: #ffffff !important;
    box-shadow: none;
    border-style: solid;
    border-color: transparent;
    outline: none;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #ffffff;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #ffffff;
}
.white-tooltip i {
    font-size: 10px;
    font-style: italic;
    color: #ffffff;
}
.white-tooltip-big i {
    font-size: 15px;
    font-style: normal;
    color: #ffffff;
}
/*tooltip new*/

.tool:focus {
  outline: none;
}

.tool {
  cursor: help;
  position: relative;
}

.tool::before,
.tool::after {
  left: 50%;
  opacity: 0;
  position: absolute;
  z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
  opacity: 1;
  transform: scale(1) translateY(0);
  z-index: 100;
}

.tool::before {
  border-style: solid;
  border-width: 1em 0.75em 0 0.75em;
  border-color: #fff transparent transparent transparent;
  bottom: 100%;
  content: '';
  margin-left: -0.5em;
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26), opacity 0.65s 0.5s;
  transform: scale(0.6) translateY(-90%);
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
}

.tool:hover::before,
.tool:focus::before {
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
}

.tool::after {
  background: #fff;
  bottom: 130%;
  color: #777;
  content: attr(data-tip);
  margin-left: -8.75em;
  padding: 1em;
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
  transform: scale(0.6) translateY(50%);
  width: 17.5em;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  font-size: 13px;
  font-style: normal;
  text-align: center;
}

.tool:hover::after,
.tool:focus::after {
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
}

@media (max-width: 760px) {
  .tool::after {
    font-size: 0.75em;
    margin-left: -5em;
    width: 10em;
  }
}

/**/
/*  Header*/
.breadcrumb-item a {
    color: rgba(0, 0, 0, 0.4);
    text-decoration: underline;
}
li.breadcrumb-item.active {
    color: rgba(0, 0, 0, 0.4);
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}
.nav-link:hover,
.nav-link:focus {
    color: #0a58ca;
}
.custFilter a span {
    background-color: transparent;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
}
.filterImg img {
    width: 50px;
    height: 50px;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar-brand {
    padding-top: 0;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}
.navbar-nav {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-title {
    position: relative;
    display: inline-block;
    margin: auto;
    color: #f2f2f2;
    font-size: 25px;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.navbar-nav .dropdown-menu {
    position: static;
}
/* .navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
} */
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
    left: -150px;
    padding: 20px 10px;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    border-radius: 20px;
}
.navbar-expand .navbar-nav .dropdown-menu .dropdown-item {
    margin: 0 0px 10px 0;
    padding: 10px;
    text-align: justify;
    font-size: 0.8rem;
}
.well p {
    font-size: 12px;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
#layoutSidenav {
    display: flex;
}
/*30-09*/
#layoutSidenav #layoutSidenav_nav {
    flex-basis: 175px;
    flex-shrink: 0;
    transition: transform 0.15s ease-in-out;
    z-index: 1038;
    /* transform: translateX(-225px); */
}
#layoutSidenav #layoutSidenav_content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    flex-grow: 1;
    min-height: calc(100vh - 56px);
    /* margin-left: 160px !important; */
}
@media (min-width: 992px) {
    /* #layoutSidenav #layoutSidenav_nav {
      transform: translateX(0);
    } */
    #layoutSidenav #layoutSidenav_content {
        margin-left: 0;
        transition: margin 0.15s ease-in-out;
    }
}
/* .nav .nav-link .sb-nav-link-icon,
  .sb-sidenav-menu .nav-link .sb-nav-link-icon {
    margin-right: 0.5rem;
  } */
.sb-topnav {
    padding-left: 0;
    height: 90px;
    z-index: 1039;
}
.sb-topnav .navbar-brand {
    width: 130px;
    margin: 0;
}

/*30-09*/
.sb-sidenav {
    display: flex;
    flex-direction: column;
    height: auto;
    flex-wrap: nowrap;
    position: fixed;
    top: 85px;
    left: 0;
    width: 175px;
}
.sb-sidenav .sb-sidenav-menu {
    flex-grow: 1;
    position: sticky;
    top: 0;
    margin: 0 0 0 30px;
    background: rgba(0, 31, 51, 1);
    max-width: 100%;
    color: #fff;
    padding: 6px;
    border-bottom: solid 1px #fff;
    border-radius: 30px;
}
.sb-sidenav .sb-sidenav-menu .nav {
    flex-direction: column;
    flex-wrap: nowrap;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link {
    border-radius: 10px;
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    background: #001f33;
    margin: 5px 0;
    color: rgba(255, 255, 255, 0.3);
    /* box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; */
}
/* Icon 4 */
#sidebarToggle {
    width: 30px;
    height: 30px;
    position: relative;
    margin-left: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

#sidebarToggle span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #f2f2f2;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
#sidebarToggle span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#sidebarToggle span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#sidebarToggle span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link .sb-nav-link-icon {
    font-size: 0.9rem;
}
.sb-sidenav-dark {
    color: rgba(255, 255, 255, 0.5);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: rgba(255, 255, 255, 0.5);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
    color: rgba(255, 255, 255, 0.25);
}
.sb-sidenav-dark .sb-sidenav-menu .nav .nav-link:hover,
.sb-sidenav-dark .sb-sidenav-menu .nav .nav-link.active {
    background: rgba(0, 114, 188, 0.08);
    color: #ffffff;
}
.tabHome {
    background-image: url(../img/icon/home-outline.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabHome.blue {
    background-image: url(../img/icon/home-blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}

/* tabProfile new*/
.tabProfile {
  background-image: url(./assets/images/icon/userlogo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: auto;
}

.tabProfile.blue {
  background-image: url(./assets/images/icon/userlogo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: auto;
}

.tabCalender {
    background-image: url(../img/icon/calender-Outline.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabCalender.blue {
    background-image: url(../img/icon/calender-blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabDigi {
    background-image: url(../img/icon/digi-outline.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabDigi.blue {
    background-image: url(../img/icon/digi-blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabServicing {
    background-image: url(../img/icon/cust-outline.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabServicing.blue {
    background-image: url(../img/icon/cust-blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabopportunity {
    background-image: url(../img/icon/opportunity-outline.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabopportunity.blue {
    background-image: url(../img/icon/opportunity-blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabsetting {
    background-image: url(../img/icon/opportunity-outline.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.tabsetting.blue {
    background-image: url(../img/icon/opportunity-blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    margin: auto;
}
.custHeader {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: unset;
    border-bottom: 0px solid #d4d4d4;
    padding-bottom: unset;
}
.custTitle {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.custTitle a {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 10px;
}
.custTitle h1 {
    position: relative;
    font-family: 'AllianzSansBold';
    font-size: 2.2rem;
}
.cust-btn {
    right: 20px;
    width: auto;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 15px;
    background: #0072bc;
    color: #ffffff;
    border: 1px solid #0072bc;
    font-family: 'AllianzSansBold';
    transition: all 0.9s ease;
}
.cust-btn:hover {
    background-color: #ffffff;
    color: #0072bc;
    border: 1px solid #0072bc;
}
.CustCards .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
    --bs-nav-tabs-border-color: transparent;
    /* --bs-nav-tabs-link-active-color: transparent; */
}
.CustCards .nav-item .nav-link {
    color: #222222;
    border: 2px solid #0072bc;
    font-family: 'AllianzSansBold';
    font-size: 1rem;
    filter: grayscale(1);
    opacity: 0.5;
    border-radius: 20px;
    margin: 5px 10px;
    padding: 13px 17px;
background-color: #ffffff;
}
.CustCards .nav-item .nav-link.active {
    filter: none;
    opacity: 1;
}
.CustCards .nav-item span {
    background-color: #0072bc;
    color: #ffffff;
    padding: 10px;
    border-radius: 30px;
    margin-right: 5px;
}
.FilterSearch {
    position: relative;
    display: flex;
    margin: 35px 0 3rem 0;
    justify-content: space-between;
}
.Custsearch {
    position: relative;
    display: inline-flex;
    width: auto;
    flex-grow: 1;
  border: 1px solid #d4d4d4;
}
.custFilter .nav-item .nav-link {
    color: #222222;
    border: 0px solid #0072bc;
    font-family: 'AllianzSansBold';
    font-size: 1.2rem;
    filter: none;
    opacity: 1;
    margin: unset;
    padding: unset;
}
.custFilter .dropdown-toggle::after {
    display: none;
}
.reqCard,
.quickCard,
.dueCard {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    margin: 20px 0px;
    color: #222222;
    background: #ffffff;
    border: 0px solid #f89c30;
    border-radius: 25px;
    transition: all 0.2s ease-in;
}
.reqCard-Details{
    position: relative;
    background-color: #fafafa;
    border-radius: 0px 0 20px 20px;    
    padding: 10px;
}
.reqCard:hover,
.quickCard:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    transition: all 0.2s ease;
}
.reqCard a {
    color: black;
    padding: 15px;
    display: flex;
    position: relative;
}
.reqCard-img {
    position: relative;
    display: inline-flex;
    margin: 0 15px;
align-items: center;
}
.reqCard-img img {
    width: 45px;
}
.reqCard.PolicyNum .reqCard-contents {
    display: flex;
    align-items: center;
}
.reqCard.PolicyNum .reqCard-contents h3 {
    font-size: 1.2rem;
}
.reqCard-contents h3 {
    font-size: 1.3rem;
    font-family: 'AllianzSansBold';
    display: inline-flex;
    margin-bottom: 5px;
    align-items: center;
}

.reqCard-contents h4 {
    font-size: 0.9rem;
color: rgba(0, 0, 0, 1);
  text-transform: capitalize;
  margin: 8px 0;
}
.reqCard-contents p {
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
    margin: 0 20px 0 0;
}
.reqCard-contents .date {
    position: relative;
    display: inline-flex;
    margin-top: 5px;
    margin-right: 0;
    float: right;
}
.reqCard-contents .esclationError {
    position: relative;
    display: inline-flex;
    margin: 0 10px;
    justify-content: center;
    color: #F58220;
    border: 1px solid #F58220;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
    line-height: 15px;
}
.btn-share {
    background: transparent url(../img/icon/Share.svg) center/1.5em auto no-repeat;
    opacity: 1;
    width: 1rem;
    height: 1rem;
    border: 1px solid #d4d4d4;
    padding: 17px;
    border-radius: 8px;
    float: right;
    position: absolute;
    right: 70px;
    display: flex;
}
.btn-close {
    background: transparent url(../img/icon/cross.png) center/1.2em auto no-repeat;
    opacity: 1;
}

/* Modal CSS*/

.modal-content {
    padding: 10px;
border: none !important;
}
#UserDetails .modalSec,
#UserDetailsClaim .modalSec {
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    border-radius: 15px;
    padding: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.modal-header {
    border-bottom: 0px !important;
}
#UserDetails .modal-footer,
#UserDetailsClaim .modal-footer {
    border-top: 0px;
    display: block;
    padding: 0;
    margin: 10px 0 0 0;
}
#NewCustomer .modal-footer,
#NewPickupReq .modal-footer,
#AddExistingCust .modal-footer,
#PickupRequestForm .modal-footer,
#VerifyOtp .modal-footer,
#ThankyouCard .modal-footer,
#resetSuccessful .modal-footer,
#ThankyouModal .modal-footer,
#QueryThankYou .modal-footer,
#PickupReqThankyouCard .modal-footer,
#ExistingCustThankyou .modal-footer,
#HouseholdThankyouCard .modal-footer,
#RaiseQuery .modal-footer,
#AddHousehold .modal-footer,
#AddHouseholdForm .modal-footer,
#AddHouseholdForm .modal-footer,
#EditHousehold .modal-footer,
#AddCustomer .modal-footer,
#leadDetails .modal-footer,
#EditCustomerForm .modal-footer,
#ProfileEdit .modal-footer,
#businessCard .modal-footer,
#newCamp .modal-footer,
#otherRequestModal .modal-footer,
#changeProfileImg .modal-footer,
#changePhoneNum .modal-footer,
#changeEmail .modal-footer,
#custPortfolio .modal-footer,
#clubMembershipModal .modal-footer,
#AUMvalues .modal-footer,
#specializationModal .modal-footer,
#requestSentModal .modal-footer,
#messageCustomer .modal-footer,
#UploadDocument .modal-footer,
#escalateToSM .modal-footer {
    margin-top: 30px;
justify-content: center;
}

#UserDetails .modal-title {
    color: #f58220;
    border: 1px solid #f58220;
    padding: 2px 10px;
    border-radius: 20px;
}
.modal-body h4 {
    margin-bottom: 20px;
}
.modal-body h6 {
    margin-bottom: 10px;
}
#UserDetails .modal-body p,
#UserDetailsClaim .modal-body p {
    opacity: 0.8;
}
/* .modal-body .input-container{margin-bottom: 10px;} */
.insideBtn {
    position: absolute;
    right: 0;
    top: 5px;
    color: #F58220;
}
.insideBtn:hover {
    border: transparent;
}
.ModalCard {
    position: relative;
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px 20px;
    margin: auto;
    display: flex;
    border-radius: 20px;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 15px 0;
}
.ModalCard img {
    margin-bottom: 10px;
}
.ModalCard p {
    text-align: center;
    font-family: 'AllianzSansBold';
    font-size: 16px;
    color: #222222;
}
#NewCustomer h4,
#NewPickupReq h4,
#AddExistingCust h4,
#CustSearch h4,
#ProfileEdit h4,
#AddCustomer h4,
#leadDetails h4,
#EditCustomerForm h4,
#balicSocial h4,
#createNew h4,
#newCamp h4 #AddHousehold h4,
#otherRequestModal h4,
#changeProfileImg h4,
#changePhoneNum h4,
#changeEmail h4,
#custPortfolio h4,
#clubMembershipModal h4,
#AUMvalues h4,
#specializationModal h4,
#messageCustomer h4,
#UploadDocument h4,
#resetPassword h4,
#resetLink h4 {
    font-size: 1.9rem;
}
#step1,
#step2 {
    width: 10%;
    position: absolute;
    height: 4px;
    background: rgba(238, 238, 238, 1);
    right: 100px;
}
#step1 .progress-bar,
#step2 .progress-bar {
    background-color: #F58220;
}
.nav-item .nav-link,
.nav-tabs .nav-link {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.card a {
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    transition: all 150ms ease 0s;
}
[data-toggle="collapse"][data-parent="#accordion"] i {
    -webkit-transition: transform 150ms ease 0s;
    -moz-transition: transform 150ms ease 0s;
    -o-transition: transform 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    transition: transform 150ms ease 0s;
}
[data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#NewCustomer .card-header,
#NewPickupReq .card-header,
#AddExistingCust .card-header,
#AddHousehold .card-header,
#CustSearch .card-header,
#ProfileEdit .card-header,
#businessCard .card-header,
#AddCustomer .card-header,
#leadDetails .card-header,
#EditCustomerForm .card-header,
#balicSocial .card-header,
#newCamp .card-header,
#otherRequestModal .card-header,
#changeProfileImg .card-header,
#changePhoneNum .card-header,
#changeEmail .card-header,
#custPortfolio .card-header,
#clubMembershipModal .card-header,
#AUMvalues .card-header,
#specializationModal .card-header,
#messageCustomer .card-header,
#UploadDocument .card-header,
#resetPassword .card-header,
#resetLink .card-header {
    margin-bottom: 30px;
}
#NewCustomer .btn-tab,
#NewPickupReq .btn-tab,
#AddExistingCust .btn-tab,
#AddHousehold .btn-tab,
#CustSearch .btn-tab,
#leadDetails .btn-tab,
#resetPassword .btn-tab {
    color: #222222;
    border: 1px solid #0072bc;
    font-family: 'AllianzSans';
    font-size: 0.9rem;
    filter: grayscale(1);
    opacity: 0.5;
    border-radius: 20px;
    margin: 10px 5px;
    padding: 6px 15px;
}
#NewCustomer .btn-tab:focus,
#NewPickupReq .btn-tab:focus,
#AddExistingCust .btn-tab:focus,
#AddHousehold .btn-tab:focus,
#CustSearch .btn-tab:focus,
#leadDetails .btn-tab:focus {
    filter: unset;
    opacity: 1;
}
#NewCustomer .SearchModal,
#NewPickupReq .SearchModal,
#AddExistingCust .SearchModal,
#AddHousehold .SearchModal,
#CustSearch .SearchModal {
    margin: 20px 5px;
    width: 70%;
    border: 1px solid #d4d4d4;
    border-radius: 10px !important;
padding: 10px 10px 10px 70px !important;
}
#NewCustomer .input-group .error,
#NewPickupReq .input-group .error,
#AddExistingCust .input-group .error,
#AddHousehold .input-group .error,
#CustSearch .input-group .error,
#ProfileEdit .input-group .error,
#AddCustomer .input-group .error,
#leadDetails .input-group .error,
#EditCustomerForm .input-group .error,
#newCamp .input-group .error,
#otherRequestModal .input-group .error,
#changeProfileImg .input-group .error,
#changePhoneNum .input-group .error,
#changeEmail .input-group .error,
#custPortfolio .input-group .error,
#clubMembershipModal .input-group .error,
#AUMvalues .input-group .error,
#specializationModal .input-group .error,
#messageCustomer .input-group .error,
#UploadDocument .input-group .error,
#resetPassword .input-group .error,
#resetLink .input-group .error {
    position: absolute;
    bottom: -40px;
    color: red;
}
p.modalTitle {
    position: relative;
    display: block;
    margin-bottom: 5px;
    font-family: 'AllianzSansBold';
    font-size: 1rem;
}
#VerifyOtp p {
    position: relative;
    display: block;
    font-family: 'AllianzSansBold';
    text-align: center;
    font-size: 1.9rem;
}
#ThankyouCard h1,
#QueryThankYou h1,
#PickupReqThankyouCard h1,
#ExistingCustThankyou h1,
#HouseholdThankyouCard h1,
#ThankyouModal h1,
#resetSuccessful h1,
#requestSentModal h1,
#escalateToSM h1 {
    position: relative;
    display: block;
    font-family: 'AllianzSansBold';
    text-align: center;
    font-size: 1.5rem;
}
#ThankyouCard .modal-body img,
#QueryThankYou .modal-body img,
#PickupReqThankyouCard .modal-body img,
#ExistingCustThankyou .modal-body img,
#ThankyouModal .modal-body img,
#resetSuccessful .modal-body img,
#requestSentModal .modal-body img,
#escalateToSM .modal-body img {
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.datepicker td,
.datepicker th {
    width: 1.5em;
    height: 1.5em;
    padding: 6px;
}
.datepicker td,
th {
    text-align: center;
    padding: 8px 12px;
    font-size: 14px;
    cursor: pointer;
}
.datepicker td:hover,
.datepicker td.active {
    background: #0772bc;
    color: #ffffff;
}
#NewCustomer .reqCard,
#NewPickupReq .reqCard,
#AddExistingCust .reqCard,
#AddHousehold .reqCard,
#CustSearch .reqCard,
#messageCustomer .reqCard #resetPassword .reqCard {
    border: 2px solid rgba(0, 0, 0, 0.05);
}
#NewCustomer .reqCard a:focus,
#NewCustomer .reqCard a:hover,
#NewPickupReq .reqCard a:focus,
#NewPickupReq .reqCard a:hover,
#AddExistingCust .reqCard a:focus,
#AddExistingCust .reqCard a:hover,
#AddHousehold .reqCard a:focus,
#AddHousehold .reqCard a:hover,
#CustSearch .reqCard a:hover,
#CustSearch .reqCard a:focus,
#messageCustomer .reqCard a:focus {
    /* border: 2px solid #0072bc; */
    border-radius: 20px;
}
#NewCustomer .selectedCheck img,
#NewPickupReq .selectedCheck img,
#AddExistingCust .selectedCheck img,
#AddHousehold .selectedCheck img,
#AddHouseholdForm .selectedCheck img,
#EditHousehold .selectedCheck img,
#CustSearch .selectedCheck img {
    position: absolute;
    display: flex;
    background: transparent;
    width: auto;
    height: auto;
    padding: 9px 7px;
    align-items: center;
    border-radius: 50px;
    right: 15px;
    top: 50%;
  transform: translate(0, -50%);
}
#NewCustomer .reqCard a:focus .selectedCheck img,
#NewPickupReq .reqCard a:focus .selectedCheck img,
#AddExistingCust .reqCard a:focus .selectedCheck img,
#CustSearch .reqCard a:focus .selectedCheck img {
    background: rgb(245 130 32);
}
/* select Style*/
.select .dropdown-menu li a::before {
    font-family: "FontAwesome";
    content: '\f111';
    font-size: 24px;
    color: transparent;
    position: relative;
    margin: 0 10px 0 0px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    border-radius: 50%;
}
.select .dropdown-menu li.selected.active a::before {
    background-image: url(../img/icon/selector.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin: 0 10px 0 0px;
    vertical-align: middle;
    border: 1px solid #eeeeee;
    border-radius: 50%;
}
.bootstrap-select .dropdown-toggle,
.reqType,
.updateInfo {
    position: relative;
    background: #ffffff;
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.03);
    padding: 15px;
    color: #000000;
    text-align: left;
    width: 100%;
    border: 1px solid #e9ecef;
}
.select .bootstrap-select .dropdown-toggle {
    border: none;
    padding: 10px;
}
.Modaldropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 15px;
}
.bootstrap-select .dropdown-toggle::after,
.Modaldropdown .dropdown-toggle::after {
    background-image: url('../img/icon/arrow-down.png');
    width: 15px;
    height: 15px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    border: none;
    float: right;
}
.bootstrap-select .dropdown-toggle .filter-option {
    margin-top: 5px;
}
.bootstrap-select .dropup .dropdown-toggle::after {
    border: none;
}
.bootstrap-select .dropdown-item.active,
.dropdown-item:active,
.bootstrap-select .dropdown-item.active,
.dropdown-item:hover {
    color: #222222;
    background-color: rgba(0, 114, 188, 0.1) !important;
    border-radius: 10px;
}
.bootstrap-select .dropdown-menu li a,
.Modaldropdown .dropdown-menu li a {
    margin: 10px 0;
}
.bootstrap-select .dropdown-menu,
.Modaldropdown .dropdown-menu {
    padding: 10px;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}
.bootstrap-select {
    width: 100% !important;
    border-radius: 8px;
}
.bootstrap-select .dropdownImg,
.dropdown-item .dropdownImg {
    position: relative;
    width: 25px;
    height: auto;
    margin: 0 10px 0 0;
}
.nameUpdateRow,
.dobUpdateRow,
.addressUpdateRow,
.contactUpdateRow,
.emailUpdateRow,
.frequencyUpdateRow,
.nomineeUpdateRow,
.bondUpdateRow,
.switchUpdateRow,
.RevivalUpdateRow,
.statementUpdateRow,
.TopupUpdateRow
.smsAlertRow {
    margin: 40px 15px;
}
#PickupRequestForm .addressUpdateRow {
    margin: 0 15px;
}
#PickupRequestForm .modalTitle {
    margin-bottom: 15px;
}
.requestrow {
    position: relative;
    display: flex;
}
.UploadDoc {
    position: relative;
    display: inline-block;
    margin: 0 40px 0 0;
}
.UploadDoc label {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #000000;
    opacity: 1;
}
.file-drop-area {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 100%;
    padding: 15px;
    border: 2px dashed rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    transition: 0.2s;
}
.choose-file-button {
    flex-shrink: 0;
    background-color: rgba(0, 114, 188, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    padding: 8px 15px;
    margin: 0 20px 0px 20px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    border-radius: 20px;
    color: #0072bc;
    font-weight: 800;
    bottom: -12px;
}
.file-message {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    margin: auto;
    top: 20%;
    left: 40%;
    transform: translate(-18%, -20%);
    text-align: center;
}
.Fileimg img {
    width: 50px;
    height: auto;
}

.leftclub{
    margin-left: 572px;
}
.welcomCls{
    margin-top: -95px;
}
.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.queryCard {
    position: relative;
    display: block;
    background: #ffffff;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}
.queryCard p {
    margin: auto;
    font-weight: 600;
}
.ReqList span {
    color: rgba(0, 0, 0, 0.5);
    text-align: left;
    display: inline-block;
    padding: 5px 20px;
}
.queryCard span {
    position: absolute;
    top: -30px;
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 600;
    padding: 5px 0;
}
.threeDots {
    display: block;
    text-align: center;
    position: relative;
    top: unset;
    right: unset;
}
.threeDots:after {
    content: '\2807';
    font-size: 25px;
    color: #444444;
    border: none;
}
.queryCard .dropdown-toggle::after {
    display: none;
}

.form-select {
  padding: 10px 20px !important;
}

#RaiseQuery .modal-body .queryCard {
    position: relative;
    display: block;
    background: rgba(250, 250, 250, 0.7);
    border: 1.2px solid rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
#RaiseQuery .modal-body label {
    font-family: 'AllianzSansBold';
    margin-bottom: 10px;
    font-size: 1rem;
}
/*Household*/
.HouseholdHighlight {
    position: relative;
    width: 90%;
}
.HouseholdHighlight .CustHeading sup {
    color: #ffffff;
    background: #04D327;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 0.6rem;
}
.HouseholdHighlight .CustHeading sup.red {
    color: #ffffff;
    background: red;
    padding: 3px 8px;
    border-radius: 10px;
}
.HouseholdHighlight .CustHeading sub {
    padding: 3px;
    font-size: 0.8rem;
}
.HouseholdHighlight .Mycust {
    align-items: unset;
}
.houseHoldName {
    position: relative;
    display: flex;
    align-items: center;
}
.ReqCard-download img{
    width: 30px;
}
.EditRight{
    position: absolute;
    right: 15px;
    top: 25px;
}

.EditRight img{
    width: 20px;
}

.EditRight span{
    font-weight: 700;
    font-size: 0.8rem;
}

.HoldImg {
    position: relative;
    display: inline-block;
}
.HoldImg img {
    position: relative;
    display: inline-flex;
    margin: 0 -10px;
    width: 35px;
    height: auto;
    background: #ffffff;
    border-radius: 40px;
    padding: 3px;
    transition: all 0.5s ease-in-out;
    right: 0;
}
.HoldHeading {
    position: relative;
    display: inline-block;
    margin: 0 20px;
    vertical-align: top;
    font-size: 1.1rem;
    font-family: 'ALLIANZSANSBOLD';
    color: #000000;
    vertical-align: middle;
}
.houseHoldName .HoldHeading a {
    position: relative;
    display: block;
    padding: 0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.7rem;
}
.RenewDate::before {
    font-family: "FontAwesome";
    content: '\f111';
    font-size: 5px;
    color: #F58220;
    position: relative;
    margin: 7px;
    vertical-align: middle;
}
.reqLeft,
.reqRight {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.reqRight li {
    position: relative;
    display: inline-flex;
}
.ReqCard-share {
    position: relative;
    display: flex;
}
.ReqCard-share::before {
    content: 'Share:';
    vertical-align: middle;
    color: #999999;
    margin: 5px 10px;
}
.HouseHoldHeader {
    display: flex;
    justify-content: space-between;
}
.custom-tooltip.tooltip>.tooltip-inner {
    text-align: left;
    max-width: 500px;
    padding: 20px;
    font-size: 1rem;
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.5);
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border-radius: 20px;
}

.custom-tooltip title {
  --bs-tooltip-bg: var(--bs-primary);
}

.tooltip-arrow,
.red-tooltip+.tooltip>.tooltip-inner {
  background-color: #f00;
}

#AddHousehold .modal-dialog {
    display: flex;
    background-color: #ffffff;
}
#AddHousehold .modal-content {
    border: none;
}
#AddHousehold .modal-sidebar {
    position: relative;
    display: none;
    flex-direction: column;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: #D9D9D9;
    background-clip: padding-box;
    outline: 0;
    padding: 40px 10px;
    width: 35%;
}
#AddHousehold .modal-sidebar.listed {
    display: flex;
}
.SelectedCust {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}
.SelectedCust img {
    position: relative;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    margin: 0 10px;
}
#AddHousehold .SelectedCust .selectedCheck img {
    position: relative;
    display: inline-flex;
    width: 40px;
    align-items: center;
    margin: 0 10px;
    top: 0;
    right: 0;
}
.modal-sidebar-body p {
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    display: inline-block;
}
.modal-sidebar-body span {
    background-color: #0072bc;
    color: #ffffff;
    padding: 5px 7px;
    border-radius: 50%;
}
#closeFilePanel {
    position: absolute;
    display: block;
    right: 20px;
}
/*percistancy*/
.MonthRow {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin: 20px 0;
    background-color: #ffffff;
    padding: 15px 10px;
    border-radius: 10px;
}
.MonthRow.greyBg {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin: 10px 0;
    background-color: rgba(148, 148, 148, 0.1);
}
.MonthRow p {
    margin-bottom: 0;
    font-weight: 600;
}
.PersistencyRow .MonthwiseData {
    display: flex;
    align-items: center;
    width: 90%;
}
.PersistencyRow .MonthwiseData ul {
    position: relative;
    display: inline-block;
    flex-grow: 1;
    padding-left: 0;
    margin-bottom: 0;
}
.PersistencyRow .MonthwiseData li {
    list-style: none;
    padding: 0 10px;
}
.PersistencyRow .MonthwiseData ul:first-of-type li {
    border-right: 1px solid #d4d4d4;
}
.PersistencyRow .HouseholdHighlight .tab-content {
    padding: 10px 20px;
    position: relative;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: rgba(33, 35, 38, 0.1) -8px 0px 10px -10px;
}

.PersistencyRow .policiesViews {
  width: 75%;
}

.tabs-left {
    border-bottom: none;
    border-right: 1px solid #ddd;
}
.tabs-left>li {
    float: none;
    margin: 0px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
    background: #f90;
    border: none;
    border-radius: 0px;
    margin: 0px;
}
.nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}
.tabs-left>li.active>a::after {
    content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f90;
    display: block;
    width: 0;
}
.dueCard {
    background: rgba(250, 250, 250, 0.7);
    border: 1.2px solid rgba(0, 0, 0, 0.05)
}
.PersistencyRow .dueCard ul.nav-tabs {
    position: relative;
    display: block;
}
.PersistencyRow .dueCard ul li.nav-item {
    border: none;
    padding: 0;
    border-right: 0px;
}
.dueCard .nav-link span {
    position: relative;
    display: inline-block;
    float: right;
    font-size: 0.6rem;
    color: #999999;
}
.PersistencyRow .dueCard .nav-item a.nav-link {
    background: transparent;
    border: none;
    padding: 20px 15px;
    color: #000000;
    font-weight: 600;
    font-size: 1rem;
}
.PersistencyRow .dueCard .nav-item a.nav-link.active {
    background: rgba(0, 114, 188, 0.2);
    border: none;
    border-radius: 10px;
}
.PersistencyRow .HouseholdHighlight {
    display: block;
    align-items: center;
}
.PersistencyRow .HouseholdHighlight .borderlessTab ul.nav-tabs {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: space-around;
}
.PersistencyRow .HouseholdHighlight .borderlessTab .tab-content {
    box-shadow: none;
}
.borderlessTab .nav-item a.nav-link {
    background: transparent;
    border: none;
    padding: 10px 10px 5px;
    color: #BBBBBB;
    font-weight: 600;
}
.borderlessTab .card-header-tabs .nav-item a.nav-link.active {
    border-bottom: 3px solid #F58220;
    color: #000;
    background: none;
    font-family: 'AllianzSansBold';
    border-radius: 0;
}
.borderlessTab .quickCard-contents h4 {
    font-size: 1.3rem;
}
.borderlessTab .quickCard-img {
    color: #bbbbbb;
}
.borderlessTab .quickCard p {
    top: 8px;
}
.rightArrow {
    position: absolute;
    right: 0;
    top: 30px;
}
/*renewal due*/
.reneDue .accordion {
    border-radius: 20px;
}
.reneDue .accordion-item {
    background: #ffffff;
    padding: 10px;
    border: none;
    border-radius: 20px;
    margin-bottom: 20px;
}
.reneDue .accordion-button {
    padding: 0;
}
.reneDue .accordion-button:not(.collapsed) {
    color: #000000;
    background: transparent;
    box-shadow: none;
    padding: 0;
}
.reneDue .accordion-button:not(.collapsed)::after {
    background: none;
}
.reneDue .accordion-button::after {
    background: none;
}
.reneDue .accordion-body {
    background: rgba(148, 148, 148, 0.05);
    padding: 50px 50px 30px 50px;
    border-radius: 20px;
    margin-top: 20px;
}
.accordianInfo {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.accordianInfo .reqCard-img {
    margin: 0 7px;
}
.accordianInfo .reqCard-contents p {
    font-size: 0.8rem;
    margin-top: -5px;
}
.AccordRowName,
.AccordRowDate,
.AccordRowPremium,
.AccordRowAssured,
.AccordRowReminder,
.AccordRowDots {
    display: flex;
    align-items: center;
}
.AccordRowName span,
.AccordRowDate span,
.AccordRowPremium span,
.AccordRowAssured span {
    position: absolute;
    top: -30px;
    color: #999;
    font-size: 0.7rem;
}
.dropdown-toggle::after {
    display: none;
}
/*NRI Corner*/
.NriCards {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.NriCards .Mycust {
    padding-right: 30px;
}
.NriCards .quickCard {
    width: 100%;
}
.NriCards .quickCard-contents h4 {
    position: relative;
    padding-right: 80px;
    font-size: 1.2rem;
}
.faqAccordian .accordion-item {
    border-radius: 15px !important;
    border: 1px solid #edebeb;
    margin-bottom: 20px;
}
.faqAccordian .accordion-button {
    border-radius: 15px !important;
}
.faqAccordian .accordion-button::after {
    background-image: url(../img/icon/arrow-down.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.faqAccordian .accordion-button:not(.collapsed) {
    background-color: #ffffff;
    color: #000;
    box-shadow: none;
}
/*Product Library*/
.ProductCTA {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #31AEFF;
    border-radius: 20px;
}
.ProductCTA .CtaContent {
    color: #ffffff;
}
.ProductCTA .CtaContent h4 {
    font-size: 2.2rem;
    margin: 0 50px 0 0;
}
.ProductCTA .CtaContent a {
    font-size: 1.1rem;
    color: #ffffff;
}
.ProductCTA .CtaContent a i {
    font-size: 1.5rem;
    margin: 15px;
}
.ProductCTA img {
    position: relative;
    width: 180px;
    top: -40px;
}
.productCards .queryCard {
    position: relative;
    display: flex;
    padding: 20px 0px;
    align-items: center;
    margin-top: 30px;
    justify-content: space-between;
    transition: all 0.1s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    background: linear-gradient(to left, #ffffff 50%,  #0072BC 3.34%, #31AEFF 92.4%);
  background-size: 205% 105%;
  background-position: 100% 0%;
  transition: background-position 0.3s linear;
}
.productCards .queryCard:hover {
  background-position: 0% 0%;
}

 .productCards .queryCard:hover .threeDots::after{
    color: #fff;
}
  
  .productCards .queryCard:hover p {
    color: #fff;
    z-index: 999;
    font-weight: 500;
  }
  
.productCards .queryCard p {
    margin: 0 20px;
    font-size: 1rem;
}
.productCards .accordion-button::after {
    background-image: url(../img/icon/arrow-down.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-left: -20px;
}
.productCards .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #000;
    box-shadow: none;
}
.productCards .dropdown-menu.show {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    border: none;
    border-radius: 20px;
}
.productCards .dropdown-menu.show li {
    padding: 5px 0;
}
/* Customer Document*/

.CustomerInfoCard {
    position: relative;
    display: flex;
    align-items: flex-start;
}
.CustomerInfoCard img {
    width: 160px;
    border-radius: 63px;
}
.EditProfile {
    padding: 9px 20px;
    margin: 10px;
    border-radius: 10px;
    display: inline !important;
    font-weight: 700;
    font-size: 0.8rem;
}
.CustDetailsInfo {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.CustDetailsInfo img {
    width: 25px;
    margin: 0 20px 0 0;
}
.CustDetailShare .MobileView li p {
    color: grey;
}
.CustDetailShare {
    bottom: 0;
    right: 20px;
    width: auto;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 15px;
    background-color: #ffffff;
}
.CustDetailShare img {
    width: 30px;
    margin: 0 10px 0 0;
}
/* Branch Locator*/
.BranchLocator .nav-item .nav-link {
    color: #222222;
    background-color: #ffffff;
    border: none;
    font-family: 'AllianzSansBold';
    font-size: 1rem;
    filter: unset;
    opacity: 1;
    border-radius: 15px;
    margin: 10px 5px;
    padding: 13px 17px;
}
.BranchLocator .nav-item .nav-link.active,
.BranchLocator .nav-item .nav-link:hover {
    background-color: #cce3f2;
}
.BranchLocator .nav-link img {
    margin-bottom: -6px;
    margin-right: 7px;
}
.LocateAddress {
    display: flex;
    align-items: flex-start;
}
.LocateAddress .Address p {
    font-size: 0.7rem;
    color: #777777;
    line-height: 1.4;
    font-family: 'AllianzSans';
}
.map {
    overflow: hidden;
}
.gm-style-iw-d b {
    font-weight: 800;
}
.gm-style .gm-style-iw-c {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.gm-ui-hover-effect {
    top: 0px !important;
    right: 5px !important;
}
#map,
#map1,
#map2,
#map3 {
    width: 100%;
    height: 500px;
}
/*User Profile*/
.profileRow {
    position: relative;
    display: flex;
    align-items: center;
    width: 90%;
}
.ProfileInfoContent {
    position: relative;
    bottom: unset;
}
.CoverimageSec {
    position: relative;
    display: block;
    width: 90%;
z-index: 0;
}
.CoverimageSec .coverImg {
    position: relative;
    display: block;
    border-radius: 30px;
    z-index: -1;
}
.CoverimageSec .editCover {
    position: absolute;
    top: 10px;
    right: 20px;
    background-image: url(../img/icon/Edit-white.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    width: 30px;
    height: 30px;
}
.filterImg img {
    width: 40px;
    vertical-align: middle;
    margin: 0 10px;
}
.profileRow .ProfileInfo img {
    margin-top: -30px;
    padding: 5px;
    background-color: #ffffff;
    width: 160px;
    border-radius: 50%;
    z-index: 9;
}
.ProfileCard {
    padding: 20px;
}
.ProfileCard a {
    padding: 0;
    position: relative;
    display: block;
}
.ProfileCard p {
    top: 0px;
    display: flex;
    float: right;
}
.ProfileCard .Mycust {
    padding-right: 0;
    border: 0;
    align-items: flex-start;
}
.ProfileCard .CustHeading span {
    position: relative;
    display: block;
    font-size: 1.1rem;
    font-family: 'ALLIANZSANSBOLD';
    color: #000000;
    padding: 0;
}
/*Home*/
.BusinessCardRow {
    position: relative;
    display: flex;
    align-items: center;
}
.cardHeader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cardHeader img {
    width: 10%;
}
.BusinessInfo img {
    padding: 5px;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 9;
width: 70px;
}
.BusinessCardContent h4 {
    font-size: 1.9rem;
}
.BusinessCardContent p{
    color: rgba(0, 0, 0, .4);
    font-weight: 600;
}
.ToggleSetting {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.PersistencyRow .tab-content {
    padding: 10px;
    position: relative;
    border-radius: 15px;
}
.sideways .item .nav-item .nav-link img {
    width: 40px;
    padding: 0 10px 0 0;
    display: inline-block;
}
.editFav .accordion-item {
    border-radius: 15px !important;
    border: 1px solid #edebeb;
    margin-bottom: 20px;
}
.editFav .accordion-button {
    border-radius: 15px !important;
}
.editFav .accordion-button::after {
    background-image: url(../img/icon/arrow-down.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.editFav .accordion-button:not(.collapsed) {
    background-color: #ffffff;
    color: #000;
    box-shadow: none;
}
.subOptionCheck {
    position: relative;
    margin: 10px;
    padding: 12px 20px;
}
.subOptionCheck:nth-of-type(odd) {
    background-color: #E6F1F8;
}
.subOptionCheck p {
    margin-bottom: 0;
}
.selectAll {
    position: absolute;
    display: flex;
    float: right;
    right: 50px;
}
.clearHistory {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background-color: #f5f5f5;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.clearHistory .leftSec p {
    margin-bottom: 0;
}
/*star rating*/
.rating-wrapper {
    align-self: left;
    display: inline-flex;
    direction: rtl !important;
    padding: 1.5rem 2.5rem;
    margin-left: auto;
    justify-content: flex-end;
}
.rating-wrapper label {
    color: #E1E6F6;
    cursor: pointer;
    display: inline-flex;
    font-size: 4rem;
    padding: 1rem;
    transition: color 0.5s;
}
.rating-wrapper svg {
    -webkit-text-fill-color: transparent;
    -webkit-filter: drop-shadow 4px 1px 6px #c6ceed;
    filter: drop-shadow(5px 1px 3px #c6ceed);
}
.rating-wrapper input {
    height: 100%;
    width: 100%;
}
.rating-wrapper input {
    display: none;
}
.rating-wrapper label:hover,
.rating-wrapper label:hover~label,
.rating-wrapper input:checked~label {
    color: #F58220;
}
.rating-wrapper label:hover,
.rating-wrapper label:hover~label,
.rating-wrapper input:checked~label {
    color: #F58220;
}

/*Opportunity Matrix*/

.OpportunityMatrix {
    position: relative;
    display: flex;
    align-items: center;
}

.OpportunityMatrix .item {
    width: 100%;
}

.OpportunityMatrix .reqCard {
    display: block;
    margin-right: 20px;
padding: 20px 0;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

.OpportunityMatrix .date {
    position: absolute;
    right: 15px;
    top: 20px;
}

.FilterInput{
    position: absolute;
    display: flex;
    right: 160px;
    /* left: 0; */
    margin: auto;
}
.buttonFilter{
    flex-wrap: nowrap;
    white-space: pre;
    float: right;
}

.MegaFilterDropdown .dropdown-item{
    font-size: 0.8rem;
}

/* .OpportunityTags > *{
   display: none;
} */

/* .OpportunityTags > * {
    counter-increment: sup;
    content: counter(sup);
    content: "";
}
.OpportunityTags::after {
    content: "+ "counter(sup);
    position: relative;
    background: #0072bc;
    padding: 6px 8px;
    border-radius: 50px;
    top: -5px;
    color: #ffffff;
    font-weight: 800;
    font-size: 0.8rem;
    /* border-left: 3px solid #ffffff; 
} */

#OpportunityTagsresult{
    position: relative;
    background: #0072bc;
    padding: 6px 8px;
    border-radius: 50px;
    top: -25px;
    right: -55px;
    color: #ffffff;
    font-weight: 800;
    font-size: 0.8rem;
    display: flex;
    align-items:center;
    float:right;
}
.NewLeadDropdown img{
    width: 25px;
    margin: 0 5px 0 0;
}
.NewLeadDropdown a{
    font-size: 0.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.UserAdded {
    display: inline-block;
    left: 50%;
    transform: translate(-50%, 0);
}

label.check {
    cursor: pointer;
    margin: 15px 0;
  }
  label.check input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
  }
  label.check span {
    color: #222222;
    border: 1px solid #0072bc;
    font-family: 'AllianzSans';
    font-size: 0.9rem;
    filter: grayscale(1);
    opacity: 0.5;
    border-radius: 20px;
    margin: 10px 5px;
    padding: 8px;
  }
  label.check input:checked + span {
    filter: unset;
    opacity: 1;
    font-weight: 600;
  }
 
.TagsDropdown {
    display: none;
    position: absolute;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
    /* box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px; */
    /* display: block; */
    /* top: 5px; */
    /* display: flex; */
    float: right;
    /* margin-left: 110px; */
    left: 20%;
    transform: translate(-20%);
}
  .HiddenTags:hover .TagsDropdown{
    display: block;
  }

 .TagsDropdown sup.test{
    position: relative;
    display: block;
    padding: 10px;
    margin: 10px 0 0 0;
}  
.OpportunityMatrixDash{
    margin-bottom: 150px;
}

/*marketing Corner*/

.marketingCorner .Mycust{
    padding-right: 150px;
}

.MyContents {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #d4d4d4;
    border-radius: 20px;
    padding: 10px 20px;
    background-color: #f9f9f9;
}

.imgRow{
    position: relative;
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.imgRow .item{
    margin: 0 5px;
    position: relative;
}
.imgRow.photos .item img{
    width: 100%;
    height: 110px;
    position: relative;
    border-radius:15px;
}
.statusTag {
    position: absolute;
    right: 5px;
    top: 5px;
}
.ViewAllBtn {
    position: absolute;
    right: 15px;
    top: 20px;
    font-weight: 800;
    vertical-align: middle;
}
.ViewAllBtn img{
    width: 9px;
    
}
.video-iframe {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    width: 80%;
    margin: 0 auto;
    max-width: 800px;
    z-index: 9999;
    border: 10px solid #fff;
    border-radius:20px;
}
.video-iframe .close-icon {
    position: absolute;
    right: -20px;
    top: -25px;
    font-size: 1.4rem;
    color: #fff;
    cursor:pointer; 
    text-decoration: none;
}

iframe {
    border-radius: 20px !important;
}
.resolution {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #ffffff;
    font-weight: 800;
}
.VideoTime {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: 800;
}
.overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    display: none;
    z-index: 11;
}
.item .video-links img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    display: block;
    width: 20px;
    height: auto;
    z-index: 9;
}

.shareOption {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: #ffffff;
    width: 100% ;
    text-align: center;
    padding: 30px 0;
}

.shareOption a{
    margin: 0 10px;
    font-size: 1rem;
    font-weight: 600;
    color: #222;
}

.shareOption a img {
    width: 30px;
    margin: 10px;
}

.NewsLetter {
  position: relative;
}

/* .lb-outerContainer{
    background-color:unset !important;
} */
.lb-container {
    padding: 0;
    border-radius: 20px;
    background-color: #ffffff;
    max-width: fit-content;
}

.lightbox .lb-image {
    border-radius: 20px;
    margin: auto;
    padding: 15px 25px 13px 10px;
    /* background-color:#ffffff; */
}

.MarketingCTA {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #0072bc;
    border-radius: 20px;
}
.MarketingCTA .CtaContent {
    color: #ffffff;
}
.MarketingCTA .CtaContent h4 {
    font-size: 2.2rem;
    margin: 0 50px 0 0;
}
.MarketingCTA .CtaContent a {
    font-size: 1.1rem;
    color: #ffffff;
}
.MarketingCTA .CtaContent a i {
    font-size: 1.5rem;
    margin: 15px;
}
.MarketingCTA .CtaContent img{
    width: 30px;
}
.MarketingCTA .videos img {
    filter: drop-shadow(2px 4px 6px black);
}

.gal {
	position: relative;
	 /* -webkit-column-count: 4;
    -moz-column-count: 4; 
    column-count: 4;  
     display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 15vw);
    grid-gap: 10px; */
    display: flex;
  flex-wrap: wrap;
	}	
    .gal .item{
        position: relative;
        /* height: 40vh; */
        /* flex-grow: 1; */
        margin: 5px;
    }
	.gal img{
        /* width: 100%;*/
        max-height: 100%;
        /* min-width: 100%; */
        object-fit: cover;
        vertical-align: bottom;
    }
        @media (max-width: 500px) {
                
            .gal {
                -webkit-column-count: 1; /* Chrome, Safari, Opera */
                -moz-column-count: 1; /* Firefox */
                column-count: 1;
            }
        }
    .overlay1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
        transition: background 0.5s ease;
        border-radius:20px;
      }
      
      .gal .item:hover .overlay1 {
        display: block;
        background: rgba(0, 0, 0, .2);
      }

      .button {
        position: absolute;
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: 0;
        transition: opacity .35s ease;
      }
      
      /* .button a {
        width: 200px;
        padding: 12px 48px;
        text-align: center;
        color: white;
        border: solid 2px white;
        z-index: 1;
      } */
      
      .gal .item:hover .button {
        opacity: 1;
      }

 .img-select{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 999;
}

.socialShare{
    position: relative;
    display: flex;
    align-items:center;
    justify-content: space-around;
    text-align: center;
}
      
.drag-area,.drag-area-video{
    border: 2px dashed #d9d9d9;
    height: auto;
    width: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color:#FCFCFC;
  }
  .drag-area.active,.drag-area-video.active{
    border: 2px solid #0072bc;
  }
  .drag-area .icon,.drag-area-video .icon{
    color: #0072bc;
    position: relative;
    display: block;
    margin: auto;
  }
  .drag-area header,.drag-area-video header{
    font-size: 30px;
    font-weight: 500;
    color: #0072bc;
  }
  .drag-area span,.drag-area-video span{
    font-size: 25px;
    font-weight: 500;
    color: #0072bc;
    margin: 10px 0 15px 0;
  }
  .UploadedImg{
    position: relative;
  }
  .UploadedImg img{
    /*position: relative; */
    /* top: 20px; */
    /* left: 20px; */
    /* display: block; */
    /* margin: auto; */
    width: 30%;
    height: auto;
  }
/*new*/
.cursor-pointer {
  cursor: pointer;
}

/*Edit Profile*/

.ProfilePicture {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.ProfilePicture .file-drop-area {
  padding: 0;
}

.ProfilePicture .choose-file-button {
  background: transparent;
  border-radius: 10px;
  border: 1px solid #0072bc;
  font-weight: 600;
  margin: 0;
  bottom: 0;
}

.ProfilePicture .choose-file-button:hover {
  background: #0072bc;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #0072bc;
  font-weight: 600;
}

.ProfilePicture .dragImage h6 {
  margin-bottom: 0;
}

.ProfilePicture .dragImage p {
  font-size: 0.8rem;
  color: #cccccc;
}

.noteRow {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: 50px 0 0 0;
}

.noteRow p {
  font-size: 0.7rem;
  color: #bbbbbb;
  margin-bottom: 0;
  line-height: 1.3;
}

.noteRow img {
  width: 18px;
  height: 18px;
  filter: grayscale(1);
  opacity: 0.5;
  margin: 2px 5px;
}

/*tooltip*/

.tool:focus {
  outline: none;
}

.tool {
  cursor: help;

  position: relative;
}

.tool::before,
.tool::after {
  left: 50%;

  opacity: 0;

  position: absolute;

  z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
  opacity: 1;

  transform: scale(1) translateY(0);

  z-index: 100;
}

.tool::before {
  border-style: solid;

  border-width: 1em 0.75em 0 0.75em;

  border-color: #fff transparent transparent transparent;

  bottom: 100%;

  content: '';

  margin-left: -0.5em;

  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26), opacity 0.65s 0.5s;

  transform: scale(0.6) translateY(-90%);

  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
}

.tool:hover::before,
.tool:focus::before {
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
}

.tool::after {
  background: #fff;

  bottom: 130%;

  color: #777;

  content: attr(data-tip);

  margin-left: -8.75em;

  padding: 1em;

  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;

  transform: scale(0.6) translateY(50%);

  width: 17.5em;

  border-radius: 15px;

  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;

  font-size: 13px;

  font-style: normal;

  text-align: center;
}

.tool:hover::after,
.tool:focus::after {
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
}

@media (max-width: 760px) {
  .tool::after {
    font-size: 0.75em;

    margin-left: -5em;

    width: 10em;
  }
}

/**/

  /* .drag-area button{
    padding: 10px 25px;
    font-size: 20px;
    font-weight: 500;
    border: none;
    outline: none;
    background: #0072bc;
    color: #5256ad;
    border-radius: 5px;
    cursor: pointer;
  } */
  /* .drag-area img{
    height: 50%;
    width: 50%;
    object-fit: cover;
    border-radius: 5px;
  } */
/* Responsive*/
@media (max-width: 767px) {
    .disp-desktop {
        display: none;
    }

    .navbar-title {
        font-size: 20px;
    }

  .owl-carousel .owl-item img {
    display: inline-block !important;
}
}

@media (min-width: 320px) and (max-width: 480px) {
    .disp-desktop {
        display: none;
    }
}

input::-webkit-inner-spin-button,
input::-webkit-clear-button {
    display: none;
}

/* @media (min-width: 767px) {
   .owl-carousel .owl-item img {
     display: inline-block !important;
     width: 50px !important;
  }
// } */

@media (min-width: 767px) {
  .owl-carousel .owl-item img {
    display: inline-block !important;
    width: 50px;
  }

  .owl-carousel .owl-item img.MapImg {
    width: 150px;
  }
}

.form-select-lg {
  height: 55px !important;
  font-size: 0.9rem !important;
}

.autocomplete-container .input-container {
  height: auto;
  margin-bottom: 0;
}

.autocomplete-container {
  box-shadow: unset !important;
}

/*Business new CSS*/
.businessDash .FilterInput{
    right: 0;
    align-items: center; /*AG-2582*/
}

.businessDash .quickCard a{
    padding: 35px 15px;/*AG-2582*/
}

.businessDash .dropdown-item{/*AG-2582*/
    font-size: 0.8rem;
}
.businessDash .sectionRow .text-center img{/*AG-2582*/
    width: 24px;
}
.row.sectionRow{/*AG-2582*/
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.row.sectionRow:last-child{/*AG-2582*/
    border-bottom: 0px;
    margin-bottom: 0;
}
.toggleButton{
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 30px;
    background: #fff;
    position: relative;
    padding: 4px;
}
:root {
  --accent: #0072bc;
  --accent-2: #EC2F4B;
  --text: #003f66;
  --text-hover: var(--accent);
  --text-active: #FFFFFF;
  --border-width: 0.125em;
}
.hidden-toggles {
  position: relative;
  border-radius: 999em;
  overflow: hidden;
  display: flex;
}

.hidden-toggles__input {
  display: none;
}
.hidden-toggles__input:checked + .hidden-toggles__label {
  background-color: var(--accent);
  color: var(--text-active);
}
.hidden-toggles__input:checked + .hidden-toggles__label:before {
  opacity: 1;
}

.hidden-toggles__label {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-out;
  color: var(--text);
  margin: 0 8px 0 0;
  padding: 4px 6px;
  font-size: 16px;
  border-radius: 30px;
  width: 100%;
  min-width: 75px;
  color: rgba(0, 0, 0, 0.4);
}
.hidden-toggles__label:hover {
  color: var(--text-hover);
}


/*new business*/
.newBusiness .AccordRowName,
.newBusiness .AccordRowDate,
.newBusiness .AccordRowPremium,
.newBusiness .AccordRowAssured,
.newBusiness .AccordRowReminder,
.newBusiness .AccordRowDots {
    display: flex;
    align-items: center;
    width: 20%;
    justify-content: center;
}
.newBusiness .borderlessTab .nav{
    gap: 30px;
}

.newBusiness .CustCards .nav-item .nav-link{
    color: #222222;
    border: 2px solid rgba(0, 0, 0, 0.05);
    font-family: 'AllianzSansBold';
    font-size: 1rem;
    border-radius: 15px;
    margin: 5px 10px;
    padding: 13px 17px;
    background-color: #ffffff;
}

.newBusiness .CustCards .nav-item .nav-link.active {
 background: transparent;
 border: 2px solid #0072bc;
}
.newBusiness .accordion-button::after {
background-image: url('../img/icon/arrow-down.png');
    width: 50px;
    height: 25px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    border: none;
    float: right;
}
.newBusiness .accordion-button:not(.collapsed)::after{
    background-image: url('../img/icon/arrow-down.png');
    width: 50px;
    height: 25px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    border: none;
    float: right;
}

.newBusiness .buttonFilter{
    flex-wrap: wrap;
    white-space: nowrap;
    align-items: center;
    justify-content: end;
}

.buttonFilter button:last-child{
    width: 25%;
}

.dateRange {
    position: relative;
    display: flex;
    margin: 0 10px;
    border-radius: 20px;
    
}

.dateRange .input-group input:first-child{
    border-radius: 30px 0 0px 30px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 10px 0;
    width: 100px;
}

.dateRange .input-group input:last-child{
    border-radius: 0px 30px 30px 0px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 10px 0;
    width: 100px;
}

.dateRange .crossIcon{
        position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
}

.newBusiness .dueCard{
    border: 1.2px solid rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    box-shadow: unset;
}

.newBusiness .dueCard .contents{
    margin: 10px 0px 0 80px;
}


h3.appointmentType{
font-size: 17px;
margin-bottom: 0;
font-weight: 700;
line-height: 20px;
letter-spacing: 0em;
text-align: right;
color: #000;
}


.businessModal label.check{
    margin: 10px 0;
}
.newBusiness label.check input + .testLocation{
    position: relative;
    border: 1.2px solid rgba(0, 0, 0, 0.05);
    padding:30px 20px;
    border-radius: 20px;
    opacity: 0.7;
    margin-bottom: 10px;
}

.newBusiness label.check input:checked + .testLocation{
    border: 2px solid #0072bc;
    opacity: 1;
}
.modal-title{
    line-height: 25px;
}

#uploadDocument .modal-dialog,#BookAppointment .modal-dialog,#BookAppointmentStep2 .modal-dialog,#labSearch .modal-dialog,#timeSlot .modal-dialog{
    max-width: 650px;
}

.businessModal .modal-title{
    font-size: 30px;
    color: #000;
    line-height: 1.2;
}

 .businessModal .reqCard{
    border: 1.2px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.03);
    border-radius: 20px;
}

.businessModal .LocateAddress{
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.businessModal .EditRight{
    position: relative;
    right: 0;
    display: flex;
    gap: 3px;
    top: 0;
}
.businessModal .LocateAddress p{
    margin-bottom: 0;
    width: 470px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-weight: 500;
}

.businessModal .LocateAddress img{
    width: 20px;
    margin: 0;
}

.businessModal .modal-body h6{
    color: #000;
}

.businessRow .input-container{
    max-width: 240px;
}

.input-container.w-100{
    max-width: 100%;
}

.businessRow .input-container.w-100 .bootstrap-select .dropdown-toggle{
    padding: 20px 20px 15px 60px;
}

.businessRow .input-container .bootstrap-select .dropdown-toggle{
    padding: 20px 20px 15px 20px ;
    border-radius: 15px;
    border: 1.2px solid rgba(0, 0, 0, 0.05);
    background: rgba(255,255,255,0.5);
    box-shadow: unset;
}

.businessRow .input-container::after{
    content: '';
    background-image: url('../img/icon/arrow-down.png');
    width: 50px;
    height: 25px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    border: none;
    float: right;
    position: absolute;
    top: 15px;
    right: 0;
}

.businessButton{
    width: unset;
    /* width: unset;
    position: absolute;
    right: 0;
    top: 0; */
}

.selectIcon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 10px;
    z-index: 99;
    width: 35px;
}

.businessRow .businessUpload.UploadDoc{
    width: 100%;
    margin: 0 20px 0 0;
}
.businessRow .file-drop-area{
    border-radius: 20px;
    border: 2px dashed #D0D0D0;
    width: 100%;
    margin-bottom: 10px;
}

.businessRow .businessUpload .choose-file-button{
    position: absolute;
    right: 0;
    top: 50%;
    bottom: unset;
    transform: translate(0,-50%);
    border-radius: 10px;
}
.businessRow .businessUpload .file-message{
    position: relative;
    margin: 10px;
    left: unset;
    top: unset;
    transform: unset;
    text-align: left;
}

.businessRow .doc-img img{
    width: 30px;
}
.businessRow .doc-content h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.businessRow .businessUpload .file-message span:first-child{
    font-size: 16px;
    font-weight: 700;
    line-height: 21.26px;
    text-align: left;
    color: #000000;
    display: block;
}
.businessRow .businessUpload .file-message span:last-child{
    font-size: 14px;
    font-weight: 500;
    line-height: 21.26px;
    text-align: left;
    color: rgba(0, 0, 0, .4);
}
.owl-carousel.tab-scroll{
    width: 900px;
}

.owl-carousel.tab-scroll .owl-next{
    background-image: url('../img/icon/arrow-down.png') !important;
    width: 35px;
    height: 35px;
    background-position: center !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    transform: rotate(270deg);
    border-radius: 30px;
    border: 1.4px solid rgba(0, 0, 0, 0.1) !important;
    right: -50px;
    top: -35px;
    position: absolute;
}
.owl-carousel.tab-scroll .owl-prev{
    background-image: url('../img/icon/arrow-down.png') !important;
    width: 35px;
    height: 35px;
    background-position: center !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    transform: rotate(90deg);
    border-radius: 30px;
    border: 1.4px solid rgba(0, 0, 0, 0.1) !important;
    left: -50px;
    top: -35px;
    position: absolute;
}
.owl-carousel.tab-scroll .owl-next span,.owl-carousel.tab-scroll .owl-prev span{
    visibility: hidden;
    
}

.leagueBoard{
    background-image: url('../img/icon/leagueBoard.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 350px;
    padding: 15px;
    border-radius: 20px;
}

.leagueHeading{
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: center;
    margin: 20px 0;
}

.leagueBoard .skill-wrrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  margin: 60px 30px;
}
.leagueBoard .skill-wrrap .skill-name {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
}
.leagueBoard .skill-wrrap .skill-bar {
  height: 10px;
  background-color: rgba(255,255,255,0.2);
  border-radius: 8px;
}
.leagueBoard .skill-wrrap .skill-per {
  height: 10px;
  background: #fff;
  border-radius: 8px;
  width: 0;
  transition: 1s linear;
  position: relative;
}
.leagueBoard .skill-wrrap .skill-per:before {
  content: attr(per);
    position: absolute;
    /* padding: 4px 12px;
    background-color: #fff;
     background-image: url(../img/icon/white-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    top: -43px;
    right: 0;
    transform: translateX(50%); */
    padding: 5px 11px 0;
    background-image: url(../img/icon/white-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    bottom: -35px;
    right: 2px;
    transform: translateX(50%);
}
.leagueBoard .skill-wrrap .skill-per:after {
  content: "";
  position: absolute;
  /* width: 10px;
  height: 10px;
  background-color: #fff; */
  /* top: -20px;
  right: 0; */
  /* transform: translateX(50%) rotate(45deg);
  border-radius: 2px; */
 top: -12px;
    right: -14px;
    
    background-image: var(--background) ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* position: relative; */
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
}

.startCheck img {
    position: absolute;
    left: -20px;
    background: #fff;
    border-radius: 50px;
    padding: 9px 7px;
    top: -10px;
    z-index: 9;
}


.endCheck img {
    position: absolute;
    right: -20px;
    background: #fff;
    border-radius: 50px;
    padding: 4px;
    top: -12px;
    z-index: 9;
    width: 30px;
}
.bottomHeighlight {
    position: relative;
    display: flex;
    margin: auto;
    text-align: center;
    margin:100px 10px 0 10px;
    background: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.bottomHeighlight img{
    width: 52px;
}
.bottomHeighlight img:last-child{
    transform: rotate(-180deg);
}
.bottomHeighlight p{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    margin-bottom: 0;
    
}
.businessDash .quickCard span{
 color: rgba(0, 0, 0, .4);
font-size: 18px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: center;

}
.businessDash .quickCard p{
 color: rgba(0, 0, 0, .4);
font-size: 18px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 30px;

}
.businessDash .quickCard:hover p{
    right: 0;
}
.rankRow{
    color: #000;
font-size: 32px;
font-weight: 700;
line-height: 43px;
letter-spacing: 0em;
text-align: left;
position: relative;
font-family: 'AllianzSansBold';
}
.rankRow sub{
   color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 11px;
    letter-spacing: 0em;
    text-align: left;
    bottom: 0;
}
.rankRow::after{
        content: '';
    background-image: url(../img/icon/Union.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 33px;
    height: 64px;
    position: absolute;
    top: -10px;
    right: -40px;
}

.rankRow::before{
    content: '';
    background-image: url(../img/icon/Union.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 33px;
    height: 64px;
    position: absolute;
    top: -10px;
    left: -35px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.verifyLink,.verifyLink1{
font-size: 16px;
font-weight: 600;
line-height: 26.58px;
letter-spacing: 0.05em;
color: #F58220;
margin: 10px 0;
position: relative;
display: block;
}
.verifyLink:hover,.verifyLink1:hover{
    color: #F58220;
    text-decoration: underline;
    text-underline-position: under;
    transition: all 0.5s ease-in-out;
}
.verifyLink img{
    width: 11px;
}

.removeItem{
    cursor: pointer;
}
.newBusiness .NewLeadDropdown a{
    justify-content: start;
    padding: 0;
}

#NewCustomer .SearchModal {
    font-size: 13px;
    border: 1px solid #d9d6d6;
    border-radius: 16px !important;
    color: #c4c4c4;
    background: url(../img/icon/Search.svg) no-repeat left 10px center !important;
    padding: 15px 55px !important;
}

#NewCustomer .search_result_list{
    border-radius: 20px;
}

/*Self Service*/
.chapterContent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.screen {
	display: block;
	width: 32%;
	height: 244px;
	overflow: hidden;
	position: relative;
	border: 0px solid #b3b3b3;
	border-radius: 1px;
	border-radius: 15px;
    background: rgba(0, 114, 188, 0.2);
}
.screen .innerImg img {
	bottom: -180px;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: top 5s;
    -moz-transition: top 5s;
    -ms-transition: top 5s;
    -o-transition: top 5s;
    transition: bottom 5s;
    padding: 40px;
}
.screen .innerImg:hover img {
  bottom: 0;
  -webkit-transition: all 5s;
  -moz-transition: all 5s;
  -ms-transition: all 5s;
  -o-transition: all 5s;
  transition: all 5s;
}
.chapterTitle{
   position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    background: #0B214A;
    width: 100%;
    color: #fff;
    padding: 10px 20px;
}

.chapterTitle .threeDots:after{
    color: #fff;
}

.abbreviationsRow .accordion-item{
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px 10px;
    border-radius: 10px;
}

.abbreviationsRow .ViewAllBtn,.chapterRow .ViewAllBtn{
    top: 10px;
}

.BusinessCardContent p{
    color: rgba(0, 0, 0, .4);
    font-weight: 600;
}
.socialMediaRow {
    position: absolute;
    right: 70px;
    bottom: 15px;
}
.socialMediaRow a img{
    width: 25px;
}

#AddCustomer .input,#AddCustomer .select,.frequencyUpdateRow .input,.frequencyUpdateRow .select{
    font-family: 'AllianzSansBold';
}

.imgUpload .file-drop-area {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: auto;
    min-width: 450px;
    max-width: 100%;
    border: 2px dashed #0072BC;
    border-radius: 15px;
    background-color: #F9FCFF;
    padding: 0;
    transition: 0.2s;
}

.imgUpload .Fileimg img{
    width: 180px;
}
.imgUpload .file-message{
    left: 60%;
    top: 30%;
    font-family: 'AllianzSansBold';
    transform: unset;
}
.imgUpload .file-message:nth-of-type(2){
    top: 42%;
    font-weight: 300;
    font-family: 'AllianzSansLight';
}
.imgUpload .choose-file-button{
    position: absolute;
    bottom: 20%;
    left: 55%;
    text-transform: inherit;
}

.js--image-preview {
  height: 225px;
  width: 225px;
  position: relative;
  overflow: hidden;
  background-image: url("");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
}
.js--image-preview::after {
  content: "";
  background-image: url(../img/uploadimg.png);
  width: 225px;
    height: 225px;
    position: absolute;
    background-position: center;
    /* font-size: 4.5em; */
    background-repeat: no-repeat;
    background-size: contain;
    /* color: #e6e6e6; */
    /* top: calc(50% - 3rem); */
    /* left: calc(50% - 2.25rem); */
    /* z-index: 0; */
    left: 0;
}
.js--image-preview.js--no-default::after {
  display: none;
}
/* .js--image-preview:nth-child(2) {
  background-image: url("../img/uploadimg.png");
} */

.earningRewards .AccordRowName span,
.earningRewards .AccordRowDate span,
.earningRewards .AccordRowPremium span,
.earningRewards .AccordRowAssured span {
    position: absolute;
    top: -50px;
    color: #999;
    font-size: 0.7rem;
}

.newBusiness .earningRewards .AccordRowName, .newBusiness .earningRewards .AccordRowDate, .newBusiness .earningRewards .AccordRowPremium, .newBusiness .earningRewards .AccordRowAssured, .newBusiness .earningRewards .AccordRowReminder, .newBusiness .earningRewards .AccordRowDots{
    justify-content: flex-start;
    position: relative;
}
.newBusiness .earningRewards .accordion-button::after{
    background-image: none;
    width: unset;
}

.newBusiness .earningRewards .accordion-button:not(.collapsed)::after{
    background-image: none;
    width: unset;
}
.earningRewards .reqCard-contents h6{
    font-size: 14px;
}
.headerInfo{
    position: relative;
    display: flex;
    align-items: flex-start;
    align-items: baseline;
    gap: 0px;
}
.headerInfo h6{
font-size: 16px;
font-weight: 500;
line-height: 21.26px;
text-align: left;
color: rgba(0, 0, 0, .4);
margin-bottom: 0;
}
.headerInfo p{
font-size: 12px;
font-weight: 600;
line-height: 18.61px;
text-align: left;
color: #000;
}

.businessDash .earningRow .quickCard{
    height: auto;
}

.frequencyUpdateRow .input-container{
    max-width: 100%;
}

.businessDash .bootstrap-select .dropdown-toggle{
border: 1.2px solid rgba(0, 0, 0, 0.05);
padding: 20px 20px 15px 20px;
border-radius: 15px;
}

.businessDash .MainDashHeading{
    font-size: 20px;
}