@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'Calibri';
    src: url("../fonts/calibri-bold.ttf");
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Calibri';
    src: url("../fonts/calibri-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url("../fonts/calibri-light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    transition: 0.5s;
}

p {
    font-family: 'Calibri';
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
    margin: 0;
    padding: 0;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

li {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
}

a,
button {
    -webkit-transition: all 250ms ease 0s;
    -moz-transition: all 250ms ease 0s;
    -ms-transition: all 250ms ease 0s;
    -o-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
}

button,
button:focus {
    outline: none;
    border: none;
    cursor: pointer;
}

input,
select,
textarea {
    font-size: 16px;
    line-height: 37px;
}

textarea:hover,
textarea:focus,
textarea:active {
    outline: none;
    box-shadow: none;
}

input:hover,
input:active,
input:focus {
    outline: none;
    box-shadow: none;
}

select:hover,
select:active,
select:focus {
    outline: none;
    box-shadow: none;
}

input[type=number] {
    -moz-appearance: textfield;
    /*For FireFox*/
}

input[type=number]::-webkit-inner-spin-button {
    /*For Webkits like Chrome and Safari*/
    -webkit-appearance: none;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

label {
    margin: 0;
}

.select_fildBox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select_fildBox {
    position: relative;
}

.select_fildBox::before {
    position: absolute;
    content: '\e906';
    font-family: 'icomoon' !important;
    font-size: 10px;
    color: #3a3a3a;
    right: 7px;
    top: 15px;
    width: 15px;
    height: 15px;
    pointer-events: none;
}

/* custom css start */

.custom_container {
    width: 100%;
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px auto;
}

.custom_row {
    margin-left: -15px;
    margin-right: -15px;
}

.d_block {
    display: block !important;
}

.d_flex {
    display: flex !important;
}

.flex_row {
    flex-direction: row !important;
}

.flex_row_reverse {
    flex-direction: row-reverse !important;
}

.flex_column {
    flex-direction: column !important;
}

.flex_column_reverse {
    flex-direction: column-reverse !important;
}

.cstm_col_3 {
    width: 25%;
}

.cstm_col_4 {
    width: 33.333%;
}

.cstm_col_6 {
    width: 50%;
}

.cmn_btn {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 5px 12px;
    border: 1px solid #1C8ABB;
    background: #1C8ABB;
    display: inline-block;
}

.cmn_btn:hover {
    background: none;
    color: #1C8ABB;
}

.btn_area {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.iconBtn_cmn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.iconBtn_cmn::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0px;
    top: 0px;
    transform: scale(0.4);
    z-index: -1;
    transition: 0.5s;
}

.iconBtn_cmn:hover {
    color: #FFFFFF;
}

.iconBtn_cmn:hover:after {
    transform: scale(1);
    background: #1C8ABB;
}



.form_group {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.form_fild {
    width: 100%;
    background: #FEFEFE;
    border: 0.8px solid #D9D9D9;
    border-radius: 10px;
    padding: 6px 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
}

.form_fild::placeholder {
    color: #3A3A3A;
}

.form_group label {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #3A3A3A;
    margin-bottom: 8px;
    display: block;
}



/* Login */
.login_wrap {
    width: 100%;
    height: 100vh;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EBF5F9;
    padding: 30px 10px;
}

.loginBox_main {
    width: 100%;
    max-width: 394px;
    background: #EBF5F9;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #DBEDF4;
    box-shadow: inset -5px -5px 14px #FCFEFF, inset 4px 4px 14px rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    padding: 47px 32px 55px;
}

.loginCont {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.loginCont>h1 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #3A3A3A;
    margin-top: 27px;
}

.loginForm {
    margin-top: 32px;
}

.loginForm .form_group {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
}

.loginForm .form_group+.form_group {
    margin-top: 32px;
}

.loginForm .form_control {
    width: 100%;
    display: inline-block;
    padding: 8px 12px;
    background: #FFFFFF;
    border-radius: 6px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Calibri';
    border: none;
}

.loginForm .form_control::placeholder {
    color: #6C757D;
}

.loginForm .btn_area {
    margin-top: 40px;
}

.btn_area .loginBtn {
    background: #EBF5F9;
    box-shadow: -5px -5px 12px #FCFEFF, 5px 5px 12px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    width: 200px;
    padding: 11px 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    transition: all 0.6s ease-in-out;
}

.btn_area .loginBtn:hover {
    box-shadow: inset -5px -5px 12px #FCFEFF, inset 5px 5px 12px rgba(0, 0, 0, 0.2);
}

.signUp_area {
    text-align: center;
    margin-top: 30px;
}

.signUp_area .inter_link {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #1C8ABB;
    position: relative;
}

.signUp_area .inter_link+.inter_link {
    margin-left: 16px;
}

.signUp_area .inter_link:not(:first-child):before {
    position: absolute;
    content: '|';
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #212529;
    left: -13px;
    top: 50%;
    transform: translateY(-50%);
}

.contact_txt {
    display: block;
    margin-top: 28px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #212529;
}

.contact_txt .contact_link {
    color: #1C8ABB;
    font-weight: 500;
    display: inline-block;
}

.signUp_area .inter_link:hover,
.contact_txt .contact_link:hover {
    color: #FDAF40;
}

/* Login */

/* forgot-password */
.before_loginsubTxt {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    display: block;
    color: #212529;
    margin-top: 26px;
}

.mail_readImg {
    width: 93px;
    height: 91px;
    background: #CFE7F2;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px auto 0px;
}

.forgotPass_cont .btn_area {
    margin-top: 31px;
}

.forgotPass_cont .contact_txt {
    margin-top: 38px;
}

/* forgot-password */
.signup_wrap {
    align-items: flex-start;
}

.signUp_main {
    max-width: 866px;
}

.signUp_main .col-sm-6 {
    margin-bottom: 36px;
}

.signUp_main .loginForm .form_control {
    padding: 12px;
}

.signUp_main .contact_txt .contact_link {
    font-weight: 600;
}

/* sidebar */
.admin_wrapper {
    display: flex;
    align-items: flex-start;
}

.main_sidebar {
    width: 266px;
    height: 100vh;
    background: #FFFFFF;
    position: fixed;
    z-index: 99;
    left: 0px;
    top: 0px;
    transition: 0.5s;
}

.sidebar_header {
    width: 100%;
    padding: 19px 89px 19px 63px;
    background-color: #1C8ABB;
    position: relative;
    z-index: 1;
}

.sidebar_collapse_logo {
    display: none;
}

.sidebar_header::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFFFFF -1.5%, rgba(255, 255, 255, 0.91) 100%);
    top: 0px;
    left: 0px;
    z-index: -1;
}

.siderbar_body {
    /* padding-right: 26px; */
    padding-top: 13px;
}

.button_closeIcon {
    display: none;
}

.fav_box {
    margin-right: 26px;
}

.siderBar_title {
    padding: 11px 10px 16px;
    background-image: url(../images/dash-border-btm.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.siderBar_title h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #209ED9;
}

/* .fav_list {
    max-height: 14vh;
    overflow: auto;
} */
.fav_list,
.side_navbar {
    margin-top: 9px;
}

.fav_list .favItm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 7px 12px 16px;
}

.fav_list .favItm+.favItm {
    margin-top: 5px;
}

/* .navigation_box .siderBar_title {
    margin-right: 26px;
} */

/* .side_navbar {
    max-height: 50vh;
    overflow: auto;
} */
.side_navbar::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
    background-color: #c4c4c4;
}

.side_navbar::-webkit-scrollbar-thumb {
    width: 5px;
    background: #1C8ABB;
    border-radius: 6px;
}

.side_navbar>.navItm {
    padding: 0px 8px;
}

.side_navbar>.navItm>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 1px 12px 8px;
    /* margin-right: 18px; */
    transition: 0.5s;
    position: relative;
}

.side_navbar>.navItm:hover>a {
    background: #F1F1F1;
    color: #215B75;
}

.side_navbar>.navItm+.navItm {
    margin-top: 8px;
}

.itm_name {
    display: flex;
    align-items: center;
}

.side_navbar .navItm a .menu,
.itm_name a {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #444A4A;
}

.side_navbar>.navItm:hover>a menu {
    color: #215B75;
}

.favItm .favIcon {
    width: 24px;
    display: flex;
    justify-content: center;
    font-size: 17px;
    color: #FDAF40;
    margin-right: 11px;
}

.close_fav {
    width: 21px;
    height: 21px;
    background: #DFEBEE;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    font-size: 7px;
    color: #3A3A3A;
}

.navItm .navIcon {
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    font-size: 22px;
    color: #444444;
}

.navItm:nth-child(1) .navIcon {
    font-size: 18px;
}

.nav_down_arrow {
    width: 21px;
    height: 21px;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 600;
    color: #000000;
    background: none;
    transition: 0.5s;
}

.subMenu {
    border-radius: 10px;
    overflow: hidden;
    display: none;
}

.subNav_open~.subMenu {
    /* height: auto; */
    /* display: block; */
    /* transition: 0.6s; */
}

.subNav_open .nav_down_arrow {
    transform: rotate(180deg);
}

.subMenu>li>a {
    display: flex;
    justify-content: space-between;
    padding: 14px 16px 13px;
    background: #F9F9F9;
    color: #636363;
}

.subMenu_name {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.subMenu>li>a .favIcon {
    width: 24px;
    padding: 4px;
    color: #C7C7C7;
}

.subMenu>li>a.active_menu,
.subMenu>li>a:hover {
    background: #F1F1F1;
    color: #215B75;
}

.main_sidebar.sideMenu_small {
    width: 65px;
}

.sideMenu_small .sidebar_header {
    padding: 22px 15px;
}

.sideMenu_small .sidebar_logo {
    display: none;
}

.sideMenu_small .sidebar_collapse_logo {
    display: block;
}

.sideMenu_small .fav_box {
    margin-right: 0px;
}

.sideMenu_small .siderBar_title {
    padding: 11px 10px 16px;
    position: relative;
}

.sideMenu_small .siderBar_title h5 {
    font-size: 0px;
    line-height: 0px;
}

.sideMenu_small .fav_box .siderBar_title::before {
    position: absolute;
    content: "Fav";
    font-size: 18px;
    color: #209ED9;
    top: 0px;
}

.sideMenu_small .navigation_box .siderBar_title::before {
    position: absolute;
    content: "Nav";
    font-size: 18px;
    color: #209ED9;
    top: 0px;
    font-weight: 600;
}

.sideMenu_small .side_navbar .navItm a .menu {
    display: none;
}

.sideMenu_small .side_navbar>.navItm>a {
    margin-right: 0px;
}

.sideMenu_small .nav_down_arrow {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 13px;
}

.sideMenu_small .side_navbar>.navItm {
    padding: 0px 4px;
}

.main_conatiner {
    margin-left: 266px;
    width: calc(100% - 266px);
    background-color: #E6EFF2;
    padding-top: 78px;
    transition: 0.5s;
}

.main_conatiner.sideMenu_collapse {
    margin-left: 65px;
    width: calc(100% - 65px);
}

/* sidebar */

/* header */
.mainHeader {
    padding:17px 34px 17px 80px;
    background: #1C8ABB;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-left: 266px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 99;
    transition: 0.5s;
}

.sideMenu_collapse .mainHeader {
    margin-left: 65px;
}

.toggleMenu {
    position: absolute;
    width: 28px;
    height: 28px;
    color: #FFFFFF;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.toggleMenu:hover {
    color: #FFFFFF;
}

.toggleMenu>span {
    font-size: 28px;
}

.header_left {
    display: flex;
    align-items: center;
}

.header_left li {
    display: inline-block;
}

.header_left li+li {
    margin-left: 40px;
}

.header_left li a {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.header_left li a img {
    /* font-size: 21px; */
    display: inline-block;
}

.header_left li a span {
    display: block;
    margin-top: 5px;
}

.header_right {
    display: flex;
    align-items: center;
}

.lang_change {
    width: 111px;
    height: 36px;
    padding: 7px 14px;
    border: 0.8px solid #FFFFFF;
    border-radius: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    background: none;
}

.logout_btn {
    display: inline-block;
    text-align: center;
    margin-left: 40px;
}

.logout_btn i {
    display: block;
    margin-bottom: 5px;
    font-size: 25px;
    color: #FFFFFF;
}

.logout_btn span {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    text-transform: uppercase;
}

/* header */

/* page-start */
.content_wrapper {
    min-height: calc(100vh - 78px);
    padding: 24px 0;
}

.content_head {
    background-color: #fff;
    padding: 24px 90px 24px 50px;
    display: table;
    border-radius: 0 35px 35px 0;
    margin-bottom: 22px;
    min-width: 450px;
    max-width: 720px;
}

.content_head h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #3A3A3A;
    margin-bottom: 14px;
}

.content_head p {
    font-size: 16px;
    font-weight: 300;
    color: #686868;
}

.blue {
    color: #5CA7CA;
}

.main_content {
    padding: 0 30px;
}

.card_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.card_block {
    width: 33.33%;
    padding: 12px;
}

.card_box {
    padding: 30px 24px 50px;
    display: flex;
    flex-wrap: wrap;
    background-color: #E6EFF2;
    border-radius: 15px;
    box-shadow: -5px -5px 15px #FCFEFF, 5px 5px 15px #A1BAC7;
    height: 100%;
}

.card_block h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
}

.card_block p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #3A3A3A;
}

.card_block .icon {
    width: 65px;
}

.card_block .content {
    width: calc(100% - 65px);
    padding-left: 32px;
}

.card_block .content p {
    font-weight: 300;
}

.card_block .content ul {
    padding-left: 16px;
}

.card_block .content ul li {
    list-style: disc;
    margin-bottom: 4px;
    line-height: 1;
}

.welcome_content_wrapper .content_head {
    /* min-width: auto; */
    background: linear-gradient(90deg, #003045 0%, #225B75 100%);
}

.welcome_content_wrapper .content_head h1,
.welcome_content_wrapper .content_head p {
    color: #fff;
}

.welcome_content_wrapper .content_head h1 {
    position: relative;
    padding-bottom: 14px;
    font-size: 28px;
}

.welcome_content_wrapper .content_head h1:after {
    content: '';
    background-color: #3C7690;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 190px;
}

.welcome_content_wrapper .content_head h1 img {
    margin-right: 5px;
}

.welcome_content_wrapper .content_head p {
    letter-spacing: 0.4px;
}

.welcome_content_wrapper .card_block h3 {
    font-size: 20px;
}

.welcome_content_wrapper .card_block p {
    font-weight: 300;
}

.profile_content_wrapper .content_head_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 720px;
    min-width: 450px;
    padding: 14px 14px 14px 22px;
    border-radius: 0 20px 20px 0;
}

.profile_content_wrapper .content_head_flex .backIcon_btn {
    font-size: 18px;
    color: #707070;
}

.profile_content_wrapper .content_head_flex .backIcon_btn:hover {
    color: #FFFFFF;
}

.profile_content_wrapper .profile_head_flex {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 40px);
}

.profile_content_wrapper .content_head h1 {
    margin-bottom: 0;
}

.profile_content_wrapper .profile_head_flex img {
    width: 50px;
}

.profile_details_content h2 {
    font-size: 20px;
    font-weight: 700;
    color: #4D4D4D;
    margin-bottom: 20px;
    line-height: 1.2;
}

.profile_details_top {
    background-color: #E6EFF2;
    box-shadow: -5px -5px 15px #FCFEFF, 5px 5px 15px #A1BAC7;
    border-radius: 15px;
    padding: 24px 40px 30px;
    margin-bottom: 40px;
}

.profile_details_top table {
    width: 100%;
    font-family: 'Calibri';
}

.profile_details_top table th,
.profile_details_top table td {
    padding: 7px 0;
    font-size: 16px;
    color: #3A3A3A;
}

.profile_details_top table th:nth-child(1),
.profile_details_top table th:nth-child(2),
.profile_details_top table th:nth-child(3),
.profile_details_top table td:nth-child(1),
.profile_details_top table td:nth-child(2),
.profile_details_top table td:nth-child(3) {
    width: 13%;
}

.profile_details_top table th:nth-child(4),
.profile_details_top table td:nth-child(4) {
    width: 37%;
    padding-left: 40px;
}

.profile_details_top table th:nth-child(5),
.profile_details_top table td:nth-child(5) {
    width: 24%;
}

.profile_details_top table th {
    font-weight: 700;
}

.profile_details_top table td {
    font-weight: 300;
}

.profile_details_top table td a {
    color: #1C8ABB;
}

.profile_details_bottom {
    background-color: #E6EFF2;
    box-shadow: -5px -5px 15px #FCFEFF, 5px 5px 15px #A1BAC7;
    border-radius: 15px;
    padding: 24px 40px 30px;
    font-family: 'Calibri';
    position: relative;
}

.profile_details_bottom p {
    font-weight: 300;
}

.form_control {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.form_input {
    padding: 0 20px;
    width: 50%;
    margin-bottom: 24px;
}

.profile_details_form {
    margin-top: 24px;
}

.profile_details_form label {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px;
}

.form_input input[type="text"],
.form_input input[type="email"],
.form_input input[type="tel"],
.form_input input[type="password"],
.form_input input[type="url"],
.form_input textarea,
.form_input select {
    height: 40px;
    line-height: 40px;
    width: 100%;
    background-color: #fff;
    padding: 7px 16px;
    font-size: 16px;
    font-weight: 400;
    border: none;
    border-radius: 10px;
    color: #4B4B4B;
}

.form_input textarea {
    line-height: initial;
}

::-webkit-input-placeholder {
    color: #B9B9B9;
    font-weight: 400;
}

:-moz-placeholder {
    color: #B9B9B9;
    font-weight: 400;
}

::-moz-placeholder {
    color: #B9B9B9;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #B9B9B9;
    font-weight: 400;
}

.profile_top_content_flex {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    padding-right: 22px;
}
.top_right_btn_list ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 10px;
    box-shadow: -3.26568px -3.26568px 6px #FCFEFF, 3.26568px 3.26568px 6px #A1BAC7;
    background-color: #E6EFF2;
    padding: 9px 15px;
    color: #3A3A3A;
    margin-top: 5px;
    margin-bottom: 5px;
}

.top_right_btn_list ul li a:hover {
    background-color: #fff;
}

.top_right_btn_list ul li a img {
    margin-right: 14px;
}

.profile_details_bottom_head .heading_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 300;
    color: #3A3A3A;
}

.heading_flex .editIcon {
    position: absolute;
    font-size: 18px;
    padding: 5px;
    top: 16px;
    right: 16px;
    color: #3A3A3A;
}

.heading_flex .editIcon:hover {
    color: #FFFFFF;
}

.terms_conditions_check {
    display: flex;
    align-items: flex-start;
}

.terms_conditions_check label {
    font-size: 16px;
    font-weight: 300;
    color: #3A3A3A;
    width: calc(100% - 15px);
    padding-left: 10px;
}

.terms_conditions_check label a {
    color: #5CA7CA;
}

.terms_conditions_check label a:hover {
    color: #FDAF40;
}

.form_submit {
    text-align: center;
    margin-top: 32px;
}

.form_submit button {
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    background-color: #1C8ABB;
    color: #fff;
    font-family: 'Calibri';
    padding: 0 60px;
    border-radius: 15px;
}

.form_submit button:hover {
    background-color: #3A3A3A;
    color: #fff;
}

.cstm_checkBox {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: 5px;
    position: relative;
}

.cstm_checkBox input[type="checkbox"] {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.cstm_checkBox input[type="checkbox"]~span {
    width: 100%;
    height: 100%;
    border: 1.3125px solid #787878;
    border-radius: 2px;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.cstm_checkBox input[type="checkbox"]~span::before {
    position: absolute;
    content: '';
    width: 5px;
    height: 10px;
    border-bottom: 2px solid #1C8ABB;
    border-right: 2px solid #1C8ABB;
    border-radius: 1.4px;
    left: 4px;
    top: 1px;
    transform: rotate(50deg);
    z-index: -1;
    opacity: 0;
}

.cstm_checkBox input[type="checkbox"]:checked~span {
    border-color: #1C8ABB;
}

.cstm_checkBox input[type="checkbox"]:checked~span::before {
    opacity: 1;
}

/* campaign_page */
.cmn_tabl_hdrBar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.left_tbl_btnBox {
    width: auto;
    display: flex;
    flex-wrap: wrap;
}

.right_tbl_btnBox {
    width: auto;
    display: flex;
    flex-wrap: wrap;
}

.cstmDropdown {
    background: #FEFEFE;
    border: 0.8px solid #D9D9D9;
    border-radius: 10px;
    padding: 5px 33px 5px 16px;
    font-family: 'Calibri';
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #3A3A3A;
    display: inline-block;
}

.cstmDropdown:focus {
    border: 0.8px solid #D9D9D9 !important;
}

.cstmDropdown::after {
    position: absolute;
    border: none !important;
    content: "\e906";
    font-family: 'icomoon' !important;
    font-size: 9px;
    color: #000000;
    right: 16.28px;
    transition: 0.5s;
}

.cstmDropdown.show::after {
    transform: rotate(180deg);
}

.cmn_tabl_hdrBar .dropdown+.dropdown {
    margin-left: 16px;
}

.transfereIcon {
    width: 44px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 10px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
}

.transfereIcon:hover {
    box-shadow: -5px -5px 12px #FCFEFF, 5px 5px 12px rgba(0, 0, 0, 0.2);
    background-color: #E6EFF2;
    color: #000000;
}

.tbl_main_contain {
    margin-top: 24px;
}

.tbl_wrapper {
    width: 100%;
    border-radius: 8px;
    background: #FFFFFF;
    /* overflow: auto; */
}

.overflowTable {
    overflow: auto;
}

.custom_cmnTable {
    width: 100%;
    font-family: 'Calibri' !important;
}

.custom_cmnTable thead tr th {
    background: #215B75;
    padding: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
}

.custom_cmnTable thead tr th:first-child {
    border-radius: 8px 0px 0px 0px;
}

.custom_cmnTable thead tr th:last-child {
    border-radius: 0px 8px 0px 0px;
}

.custom_cmnTable thead tr th .sortButton {
    background: none;
    border: none;
    margin-left: 10px;
    padding: 0px;
}

.custom_cmnTable tbody tr td {
    padding: 10px;
    font-weight: 300;
    font-size: 16px;
    line-height: 130%;
    color: #000000;
}

.custom_cmnTable tbody tr:nth-child(even) td {
    background-color: #F7F7F7;
}

.custom_cmnTable tbody tr td:first-child,
.custom_cmnTable thead tr th:first-child {
    padding-left: 23px;
}

.custom_cmnTable tbody tr td:last-child,
.custom_cmnTable thead tr th:last-child {
    padding-right: 23px;
}

.custom_cmnTable tbody tr td {
    width: 14.285%;
}

.viewDtails {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    padding: 4px 14px;
    border: 1px solid #215B75;
    background: #215B75;
    border-radius: 8px;
}

.viewDtails:hover {
    background: none;
    color: #215B75;
}

.pagination_box {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 16px;
}

.top_right_btn_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cstm_pagination {
    max-width: 250px;
    min-width: 98px;
    position: relative;
    padding: 0px 36px;
    overflow: hidden;
    display: flex;
    flex-grow: 0;
}

.cstm_pagination>li {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.cstm_pagination>li>a {
    width: 100%;
    height: 100%;
    background: #E0E0E0;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: #959595;
    font-family: 'Calibri';
}

.cstm_pagination>li.active a {
    background: #FFFFFF;
    color: #3A3A3A;
}

.cstm_pagination>li+li {
    margin-left: 6px;
}

.cstm_pagination .cmn_nxtPrev_btn {
    position: absolute;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    background: none;
}

.cstm_pagination .cmn_nxtPrev_btn span {
    font-size: 12px;
}

.cstm_pagination .cmn_nxtPrev_btn.disable span {
    color: #8F8F8F;
}

.cmn_nxtPrev_btn.prev_btn {
    left: 0px;
}

.cmn_nxtPrev_btn.next_btn {
    right: 0px;
}

.email_stat_box {
    width: 100%;
    display: inline-block;
    padding: 30px 24px 35px;
    background: #FFFFFF;
    border-radius: 25px;
    margin-top: 32px;
}

.email_stat_title_bar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.email_stat_title_bar h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #000000;
}

.email_stat_title_bar .email_statFilter_box {
    width: auto;
    background: #FFFFFF;
    border: 0.8px solid #D9D9D9;
    border-radius: 10px;
    overflow: hidden;
    padding-left: 33px;
    position: relative;
}

.email_stat_title_bar .email_statFilter_box::before {
    position: absolute;
    content: '\e900';
    font-family: 'icomoon' !important;
    width: 16px;
    font-size: 16px;
    color: #000000;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.email_statFilter_box select {
    height: 34px;
    border: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    color: #3A3A3A;
}

.email_Stat_body {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.email_Stat_body img {
    display: inline-block;
}

.cmn_half_box {
    width: 50%;
    max-width: 553px;
    background: #E6EFF2;
    box-shadow: -5px -5px 15px #FCFEFF, 5px 5px 15px #A1BAC7;
    border-radius: 15px;
    padding: 32px 48px 22px;
}

.campain_dtlCont_topBar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.campign_dtlCol {
    width: auto;
    display: inline-block;
}

.campign_dtlCol>h5 {
    font-family: 'calibri';
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #3A3A3A;
}

.campign_dtlCol>p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #3A3A3A;
    margin-top: 8px;
}

.campign_dtlCol+.campign_dtlCol {
    margin-left: 65px;
}

.campaign_dtl_form {
    margin-top: 26px;
}

.campaign_dtl_form .form_group>label {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #3A3A3A;
    margin-bottom: 4px;
    font-family: 'calibri';
}

.campaign_dtl_form .form_group>.form_fild {
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #606060;
    padding: 7px 16px 6px;
}

.campaign_dtl_form .form_group>select.form_fild {
    height: 40px;
}

/* campaign_page */
/* CSS 27-04-2023 */
.main_content {
    padding: 0 25px;
}

.content_head {
    /* min-width: 670px; */
}

.card_block {
    margin-bottom: 20px;
}

.profile_details_top table th,
.profile_details_top table td {
    padding: 7px 5px;
    line-height: 1.2;
    vertical-align: top;
}

.profile_details_top table th:first-child,
.profile_details_top table td:first-child {
    padding-left: 0;
}

.profile_details_top table th:last-child,
.profile_details_top table td:last-child {
    padding-right: 0;
}

.profile_details_top table td:nth-child(4) {
    word-break: break-all;
}

.terms_conditions_check input[type="checkbox"] {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
}

/* CSS 27-04-2023 */

/* contact-manager */
.tblHdr_btn {
    font-weight: 300;
    height: 36px;
    font-size: 16px;
    line-height: 150%;
    color: #3A3A3A;
    background: #FEFEFE;
    border: 0.8px solid #D9D9D9;
    border-radius: 10px;
    padding: 5px 16px;
    margin-left: 16px;
}

.filterBtn {
    background: #FEFEFE;
    border: 0.8px solid #D9D9D9;
    padding: 5px 25px 5px 12px;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #3A3A3A;
    border-radius: 10px;
    display: flex;
    align-items: center;
    position: relative;
    float: right;
}

.filterBtn .icon-down-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 9px;
}

.filterBtn .icon-filter {
    margin-right: 8px;
}

.filterBtn::after {
    display: none;
}

.contactManager_table thead tr th .sortButton {
    margin-left: 4px;
    width: 7px;
}

.contactManager_table .viewDtails,
.siteRotate_table .viewDtails,
td[data-th="Actions"] .viewDtails {
    background: linear-gradient(90deg, #225B75 0%, #013147 100%);
    border-radius: 16px;
    position: relative;
    padding-right: 18px;
    display: inline-block;
}

.contactManager_table .viewDtails span,
.siteRotate_table .viewDtails span,
td[data-th="Actions"] .viewDtails span {
    font-size: 9px;
    font-weight: 400;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.contactManager_table .viewDtails:hover,
.siteRotate_table .viewDtails:hover,
td[data-th="Actions"] .viewDtails:hover {
    background: linear-gradient(90deg, #013147 0%, #225B75 100%);
    color: #FFFFFF;
}

.ex_info_list {
    width: 100%;
    display: inline-block;
}

.ex_info_list li+li {
    margin-top: 4px;
}

.ex_info_list p {
    font-weight: 300;
    font-size: 16px;
    line-height: 130%;
    color: #000000;
}

.filterCont_box_warp {
    max-width: max-content;
    background: #FFFFFF;
    box-shadow: -4px 4px 16px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    overflow: hidden;
}

.filterCont_box_warp[data-popper-placement="bottom-start"] {
    transform: translate(-676px, 38px) !important;
}

.filterCont_box {
    width: 777px;
    padding: 35px 45px;
}

.filterCont_box .btn_area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.filterCont_box .btn_area button,
.btn_area button {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    border-radius: 40px;
    border: 0.8px solid transparent;
    font-family: 'Calibri';
    padding: 7px 20px;
}

.btn_area .resetBtn {
    font-weight: 400;
    color: #3A3A3A !important;
    border-color: #3A3A3A !important;
    background-color: transparent;
}

.btn_area .resetBtn:hover {
    background: #3A3A3A;
    color: #FFFFFF !important;
}

.btn_area .srchBtn {
    margin-left: 14px;
    background: #60C541;
    border-color: #60C541;
}

.btn_area .srchBtn:hover {
    background: transparent;
    color: #60C541;
}

/* contact-manager */

/* site-rotate */
.srchBar {
    width: 100%;
    min-width: 382px;
    max-width: 382px;
    position: relative;
}

.srchBar input {
    width: 100%;
    background: #FFFFFF;
    border: 0.8px solid #D9D9D9;
    border-radius: 40px;
    padding: 7px 50px 7px 24px;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%
}

.srchBar .srchIcon {
    position: absolute;
    right: 16px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.getLink {
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    color: #000000;
    border: 0.6px solid #000000;
    border-radius: 16px;
    padding: 6px 17px;
    background: transparent;
}

.getLink:hover {
    border-color: #215B75;
    background: #215B75;
    color: #FFFFFF;
}

/* site-rotate */

/* qr-genarator */
.qr_msg {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.025em;
    color: #444444;
    margin-bottom: 30px;
}

.qrCard_wrapper .card_block h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #000000;
    margin-bottom: 8px;
}

.qrCard_wrapper .card_block p {
    font-weight: 300;
}

.qrCode_modal .modal-dialog,
.cmnModal .modal-dialog {
    max-width: 718px;
    margin-top: 85px;
}

.qrCode_modal .modal-content,
.cmnModal .modal-content {
    background-color: transparent;
    border-radius: 0px;
    border: none;
}

.modalCstm_content {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    background: #FFFFFF;
}

.qrCode_modal .modalCstm_content .modal-header,
.cmnModal .modalCstm_content .modal-header {
    padding: 12px;
    background: #1C8ABB;
    justify-content: center;
}

.qrCode_modal .modal-title,
.cmnModal .modal-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.025em;
    color: #FFFFFF;
    position: relative;
}

.qrCode_modal .btn_close,
.cmnModal .btn_close {
    position: absolute;
    top: -33px;
    right: -33px;
    width: 33px;
    height: 33px;
    border: 1px solid #FFFFFF;
    padding: 6px;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    background: none;
    font-weight: 400;
}

.qrCode_modal .modal-body {
    padding: 24px 38px 40px;
}

.qrCode_modal figure {
    margin: 0px 29px 0px 0px;
}

.qrCode_modal figure .img_box img {
    width: 100%;
}

.btnBox {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 33px;
    margin-bottom: 5px;
}

.btnBox button {
    padding: 5px 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    border-radius: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.btnBox button:hover {
    transform: translateY(-5px);
}

.btnBox button+button {
    margin-left: 14px;
}

.btnBox button span {
    display: inline-block;
    font-size: 18px;
    margin-right: 5px;
}

.qrCode_modal .saveBtn {
    background: #60C541;
}

.qrCode_modal .downloadBtn {
    background: #007BFF;
}

.qr_scanner_info {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    text-align: center;
    letter-spacing: 0.025em;
    color: #3A3A3A;
}

.qr_cont_accr {
    max-width: 260px;
}

.qr_cont_accr li {
    display: block;
}

.qr_cont_accr li+li {
    margin-top: 20px;
}

.qr_cont_accr li a {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #EBF1F5;
}

.qr_cont_accr li a .leftIcon {
    width: 56px;
    height: 56px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #000000;
}

.qr_cont_accr li a p {
    font-weight: 400;
    font-size: 19px;
    line-height: 150%;
    color: #3A3A3A;
    width: calc(100% - 56px);
}

.qr_cont_accr li a .right_arrowIcon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #000000;
}

/* qr-genarator */
/* marketing-material */
.material_wrapper {
    padding: 20px 103px 0px;
}

.video_frmae {
    width: 100%;
    max-width: 1077px;
    margin: 0px auto;
}

.video_box {
    width: 100%;
    display: inline-block;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0px;
}

.video_box img,
.video_box iframe {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
}

.playBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 85px;
    border-radius: 50%;
    font-size: 70px;
    background: none;
    color: #FFFFFF;
}

.playBtn::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #FFFFFF;
    left: 0;
    top: 0;
    z-index: -1;
    transform: scale(0.7);
    transition: 0.5s;
    opacity: 0;
}

.playBtn:hover {
    color: #000000;
}

.playBtn:hover:before {
    transform: scale(1);
    opacity: 1;
}


.oportunity_box {
    width: 100%;
    display: inline-block;
    margin-top: 50px;
}

.box_title {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: #3A3A3A;
    margin-bottom: 24px;
}

.oportunity_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -30px;
}

.oportunity_col {
    padding: 0px 30px;
    max-width: 50%;
    flex: 0 0 50%;
}

.oportunity_contBox {
    width: 100%;
    display: inline-block;
    background: #F5F8FA;
    border-radius: 25px;
    overflow: hidden;
    padding: 23px 0px 16px;
}

.opport_hdr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 22px 24px 22px 16px;
    z-index: 1;
}

.opport_hdr::before {
    position: absolute;
    content: '';
    width: calc(100% - 72px);
    height: 100%;
    background: linear-gradient(90deg, #1C8ABB 0%, #05364D 100%);
    border-radius: 0px 25px 25px 0px;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.opport_hdr .link {
    width: calc(100% - 86px);
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

.linkcopy_btn {
    width: 86px;
    display: flex;
}

.linkcopy_btn>button {
    background: none;
    width: 24px;
    padding: 2px;
    font-size: 18px;
    color: #FFFFFF;
}

.linkcopy_btn>button+button {
    margin-left: 48px;
}

.linkcopy_btn>button.icon-forward {
    color: #1C8ABB;
}

.oprtunity_cont_tbl {
    padding: 30px 12px;
}

.oprtunity_cont_tbl table {
    width: 100%;
}

.oprtunity_cont_tbl table tr td {
    width: 33.333%;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #3A3A3A;
    padding: 10px;
}

.oprtunity_cont_tbl table tr td:nth-child(2) {
    text-align: center;
}

.moreInfo {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1C8ABB;
    display: inline-block;
}

.moreInfo span {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    transition: 0.5s;
}

.moreInfo:hover span {
    transform: translateX(8px);
}

.bannerBox {
    width: 100%;
    display: inline-block;
    margin-top: 42px;
}

.banner_row {
    margin: 0px -5px;
    display: flex;
    flex-wrap: wrap;
}

.banner_col {
    max-width: 33.333%;
    flex: 0 0 33.333%;
    padding: 0px 5px;
}

.banner_col figure {
    margin: 0px;
    display: block;
}

.bnr_imgBox {
    width: 100%;
    height: 297px;
}

.bnr_imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner_col figure figcaption {
    width: 100%;
    max-width: 65%;
    background: #FFFFFF;
    border-radius: 0px 35px 35px 0px;
    padding: 10px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1C8ABB;
    margin-top: 8px;
}

/* marketing-material */

/* membership-details */
.membership_box_wrapper {
    margin-top: 12px;
}

.membership_box {
    width: 100%;
    max-width: 547px;
    background: #E6EFF2;
    box-shadow: -5px -5px 15px #FCFEFF, 5px 5px 15px #A1BAC7;
    border-radius: 15px;
    padding: 32px 40px 40px 32px;
}

.membership_box .price sup {
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle;
}

.membership_box .price {
    font-weight: 700;
    font-size: 48px;
    line-height: 55px;
    color: #3A3A3A;
    display: block;
    text-align: center;
    margin-bottom: 24px;
}

.membership_box .price span {
    display: block;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    padding-left: 30px;
}

.membership_box p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #3A3A3A;
}

.membership_box p strong {
    font-weight: 700;
}

.membership_box p+p {
    margin-top: 16px;
}

.membership_box form {
    margin-top: 24px;
}

.membership_box .terms_conditions_check label {
    font-family: 'calibri';
}

.membership_box form .btnArea {
    margin-top: 32px;
}

/* membership-details */
/* card-information */
.moreIcon {
    background-color: transparent;
}

.moreIcon:hover {
    color: #1C8ABB;
}

.card_info_cont {
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-top: 45px;
}

.card_info_cont .card_dtls_info {
    width: calc(100% - 40px);
    padding-right: 10px;
}

.card_dtls_info span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #3A3A3A;
}

.card_dtls_info span+span {
    margin-top: 14px;
}

.card_info_wrapper .dropdown-menu {
    background: #F6F6F6;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 10px 12px;
    border: none;
}

.card_info_wrapper .dropdown-item {
    padding: 7px 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #848484;
}

.card_info_wrapper .dropdown-item span {
    font-size: 15px;
    margin-right: 10px;
}

.card_lbl {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #3A3A3A;
    margin-top: 16px;
}

.addCard_box {
    padding: 74px;
    background: #E6EFF2;
    box-shadow: inset -5px -5px 15px #FCFEFF, inset 4px 4px 15px rgba(0, 0, 0, 0.2);
}

.addCard_box a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addCard_box a span {
    font-size: 24px;
    line-height: 24px;
    color: #3A3A3A;
}

#addCard_modal .modal-dialog,
.delteCard_modal .modal-dialog {
    max-width: 489px;
}

#addCard_modal .modal-body {
    padding: 24px;
}

#addCard_modal h4 {
    font-weight: 700;
    font-size: 19px;
    line-height: 23px;
    color: #000000;
    padding: 0px 0px 16px;
    border-bottom: 2px solid #EBEBEB;
    margin-bottom: 24px;
}

#addCard_modal .form_group label {
    font-weight: 700;
    margin-bottom: 0px;
    color: #828282;
    padding: 0px 20px;
}

#addCard_modal .form_group .form_fild {
    border: none;
    border-bottom: 2px solid #EBEBEB;
    border-radius: 0px;
}

#addCard_modal .addCard_btn {
    width: 100%;
    display: inline-block;
    background: #1C8ABB;
    box-shadow: 0px 2px 4px rgba(14, 170, 0, 0.2);
    border-radius: 15px;
    border: 1px solid #1C8ABB;
    padding: 12px 10px;
}

#addCard_modal .addCard_btn:hover {
    background: none;
    color: #1C8ABB;
}

.delteCard_modal .modal-body {
    padding: 75px 60px;
    text-align: center
}

.delteCard_modal img {
    display: inline-block;
}

.delteCard_modal h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.012em;
    color: #1C8ABB;
    margin-top: 24px;
}

.delteCard_modal p {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #1C8ABB;
    margin-top: 14px;
}

.delteCard_modal .btn_area {
    margin-top: 40px
}

.delteCard_modal .confirm_btn {
    border: 1px solid #1C8ABB;
    box-shadow: 0px 2px 4px rgba(14, 170, 0, 0.2);
    border-radius: 15px;
    background: none;
    color: #1C8ABB;
    width: 203px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    padding: 12px;
}

.delteCard_modal .confirm_btn:hover {
    background: #1C8ABB;
    color: #FFFFFF;
}

.card_no {
    background-image: url(../images/card-icon.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.cvv {
    position: relative;
}

.cvv>span {
    font-size: 16px;
    position: absolute;
    bottom: 10px;
    right: 0px;
    cursor: pointer;
    transform: rotate(180deg);
}

/* card-information */
/* Change password modal */
#changePassword .modal-dialog {
    max-width: 565px;
}

#changePassword .modal-body {
    padding: 32px 50px 50px;
    text-align: center;
}

#changePassword .password_hint {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #3A3A3A;
    margin-bottom: 24px;
}

#changePassword .form_fild {
    padding: 15px 16px;
    background: #EFEFEF;
}

#changePassword .form_group {
    margin-bottom: 32px;
}

#changePassword .savePassword {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    padding: 12px;
    width: 208px;
    border-radius: 15px;
}

#changePassword .savePassword:hover {
    border-color: #1C8ABB;
    color: #1C8ABB;
}

/* Change password modal */

.page_nameHead {
    position: relative;
}

/* .page_nameHead .backBtn {
    position: absolute;
    width: 12px;
    height: 12px;

} */

.sponser_detail_cont .sponser_details_top {
    background: #E6EFF2;
    border: 1.6px solid #8FCCE8;
    border-radius: 15px;
    padding: 24px 32px;
    width: 100%;
    max-width: 748px;
}

.sponser_details_top h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    margin-bottom: 24px;
    color: #3A3A3A;
}

.sponser_details_top table {
    font-family: 'calibri';
}

.sponser_details_top table thead tr th {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #636363;
}

.sponser_details_top table tbody tr td {
    width: 25%;
}

/* security-option */
.security_detail_cont_wrap {
    padding-top: 12px;
}

.security_des_point {
    margin: 0px -25px 40px;
    padding: 24px 21px;
    background: #CFDFE7;

}

.security_des_point h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #4A4A4A;
}

.sec_sub_description {
    margin: 0px 0px 40px;
}

.sec_sub_description>li+li {
    margin-top: 32px;
}

.sec_sub_description .sub_point_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #4A4A4A;
    display: block;
    margin-bottom: 32px;
}

.scan_cont_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 35px;
}

.scan_cont_wrap .scan_qr_box {
    width: 259px;
    position: relative;
}

.scan_qr_img {
    height: 259px;
    width: 100%;
}

.scan_qr_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.scan_qr_box p {
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.012em;
    color: #000000;
    margin-top: 16px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    margin: 0px auto;
}

.scan_qr_box p strong {
    font-weight: 400;
}

.scan_qr_text {
    width: calc(100% - 259px);
    padding-left: 40px;
    /* display: flex; */
}

.formFild_box {
    display: flex;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
    width: 543px;
    max-width: 100%;
}

.formFild_box input {
    width: calc(100% - 96px);
    background: #FFFFFF;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    border: none;
}

.verify_btn {
    width: 96px;
    padding: 10px 12px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    background-color: #1C8ABB;
}

.verify_btn:hover {
    background-color: #FDAF40;
}

.tips_box {
    display: block;
    margin-top: 16px;
}

.tips_box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.012em;
    color: #2A2A2A;
}

.tips_box p strong {
    color: #000000;
}

.app_instruction {
    margin-top: 32px;
}

.app_instruction h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #4A4A4A;
}

.app_instruction ul {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.app_instruction ul li+li {
    margin-left: 16px;
}

.security_detail_cont_wrap .card_wrapper {
    margin: 0px -16px 20px;
}

.security_detail_cont_wrap .card_block {
    padding: 0px 16px;
}

.security_detail_cont_wrap .card_box {
    padding: 30px 18px;
    align-items: center;
}

.security_detail_cont_wrap .card_block h3 {
    margin-bottom: 0;
}

.security_detail_cont_wrap .card_block h3+ul {
    margin-top: 15px;
}

/* security-option */
/* cancelation_decription */
.cancelation_decription p {
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
}

.cancelation_decription p+p {
    margin-top: 12px;
}

.cancel_formBox {
    width: 100%;
    max-width: 776px;
    margin-top: 24px;
}

.cancel_formBox .canceltion_reason_label {
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.012em;
    margin-bottom: 16px;
    color: #000000;
}

.cancel_formBox textarea {
    width: 100%;
    background: #FFFFFF;
    border-radius: 10px;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    padding: 6px 16px;
    border: none;
    font-family: 'Calibri';
}

.cancel_formBox .btn_box {
    width: 100%;
    display: inline-block;
    margin-top: 18px;
}

.cancel_formBox .terms_conditions_check {
    margin-top: 14px;
}

.cancel_formBox .terms_conditions_check label {
    font-family: 'Calibri'
}

.cancel_formBox button {
    background: #1C8ABB;
    border-radius: 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    padding: 11px 51px;
    color: #FFFFFF;
    border: 1px solid #1C8ABB;
}

.cancel_formBox button:hover {
    background: none;
    color: #1C8ABB;
}

#memberCancel_modal .modal-dialog {
    max-width: 407px;
}

#memberCancel_modal .viewTicket {
    padding: 12px 48px;
    border: 1px solid #1C8ABB;
    box-shadow: 0px 2px 4px rgba(14, 170, 0, 0.2);
    border-radius: 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #1C8ABB;
    margin-top: 16px;
    background-color: transparent;
}

#memberCancel_modal .viewTicket:hover {
    background-color: #1C8ABB;
    color: #FFFFFF;
}

/* cancelation_decription */

.campaignEmail_table td[data-th="Actions"] .viewDtails {
    padding-right: 14px;
}

#maintainModal .modal-dialog {
    max-width: 905px;
}

#maintainModal .modal-body {
    padding: 32px 45px 49px;
}

.emailTitle_hdr {
    margin: 0px -10px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.modalcol_emailTitle {
    /* max-width: 33.333%;
    flex: 0 0 33.333%; */
    padding: 0 10px;
    margin-bottom: 16px;
}

.modal_hdBox>strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #636363;
    margin-bottom: 8px;
    display: block;
}

.modal_hdBox>p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #3A3A3A;
}

.cstm_radio_group {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
}

.cstm_radio {
    position: relative;
    display: inline-block;
}

.cstm_radio+.cstm_radio {
    margin-left: 27px;
}

.cstm_radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}

.cstm_radio input[type="radio"]~label {
    position: relative;
    padding-left: 30px;
    font-weight: 300;
    font-size: 16px;
    line-height: 120%;
    color: #3A3A3A;
}

.cstm_radio input[type="radio"]~label::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/un-chk-radio.png) no-repeat;
    background-size: cover;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cstm_radio input[type="radio"]:checked~label {
    color: #1D1D1D !important;
    font-weight: 400;
}

.cstm_radio input[type="radio"]:checked~label::before {
    background: url(../images/chk-radio.png) no-repeat;
}

.modal_subjectBox {
    display: block;
    margin-top: 32px;
}

.modal_subjectBox strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #636363;
    margin-bottom: 8px;
    display: block;
}

.modal_subjectBox p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #3A3A3A;
}

.email_body_wrap {
    margin-top: 32px;
}

.email_body_wrap>strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #636363;
    margin-bottom: 8px;
    display: block;
}

.email_body {
    width: 100%;
    max-height: 324px;
    overflow: auto;
    padding: 14px 20px 0px;
    background: #F2F2F2;
    border-radius: 10px;
}

.email_body::-webkit-scrollbar {
    width: 9px;
}

.email_body::-webkit-scrollbar-thumb {
    width: 9px;
    border-radius: 19px;
    background: #BABABA;
}

.email_body>p {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
}

.email_body p+p {
    margin-top: 12px;
}

.email_body .email_cont_list {
    margin: 12px 0;
}


/*  */
.contactEmail_stat_box {
    width: 100%;
    max-width: 705px;
    border: 1.6px solid #8FCCE8;
    border-radius: 10px;
    padding: 20px 24px 28px;
    margin-bottom: 24px;
}

.contactEmail_stat_box>h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #5B5B5B;
    margin-bottom: 24px;
}

.contactEmail_stat {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contactEmail_stat li {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #1A1A1A;
    font-family: 'Calibri';
}

/*  */
.deletBtn {
    background: none;
}

#addTagModal .modal-body {
    padding: 24px 45px 38px;
}

#addTagModal .btn_area {
    margin-top: 18px;
    text-align: right;
}

#addTagModal label {
    font-weight: 700;
    color: #636363;
}

#addTagModal .email_body_wrap {
    margin-top: 0;
}

/* contact-us */
.contactMain_wrap {
    width: 100%;
    max-width: 909px;
    margin: 12px 0 0 0;
    padding: 32px 50px 40px 48px;
    background: #E6EFF2;
    box-shadow: -5px -5px 15px #FCFEFF, 5px 5px 15px #A1BAC7;
    border-radius: 15px;
}

.contact_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact_wrapper .contactForm_box {
    max-width: 60%;
    flex: 0 0 60%;
    padding-right: 37.5px;
}

.contact_wrapper .contact_dtl_box {
    max-width: 40%;
    flex: 0 0 40%;
    padding-left: 37.5px;
    padding-top: 55px;
}

.contactForm_box h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #1C8ABB;
    margin-bottom: 14px;
}

.contactForm_box .form_fild {
    padding: 7px 16px 6px;
    height: 40px;
    line-height: 27px;
}

.contactForm_box textarea.form_fild {
    height: auto;
}

.contactForm_box .form_fild::placeholder {
    color: #B9B9B9;
}

.contactForm_box .btnSubmit {
    background: #1C8ABB;
    border-radius: 15px;
    padding: 11px 10px;
    border: 1px solid #1C8ABB;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    width: 208px;
}

.contactForm_box .btnSubmit:hover {
    background: none;
    color: #1C8ABB;
}

.contact_dtl_box .contactDtl_txt {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3A3A3A;
}

.contact_dtl_box .contactDtl_txt+.contactDtl_txt {
    margin-top: 8px;
}

.contact_dtl_box .contactDtl_txt>strong {
    font-weight: 700;
}

.contact_dtl_box .contactDtl_txt>a {
    color: #3A3A3A;
}

.social_iconBox {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.social_iconBox li {
    display: inline-block;
}

.social_iconBox li+li {
    margin-left: 33px;
}

.social_iconBox li a {
    font-size: 22px;
    color: #818181;
    display: block;
}

.contact_dtl_box .contactDtl_txt>a:hover,
.social_iconBox li a:hover {
    color: #1C8ABB;
}

/* contact-us */

.comment_box {
    width: 100%;
    display: inline-block;
    max-height: 205px;
    overflow: auto;
    background: #F2F2F2;
    border-radius: 10px;
    padding: 14px 30px 5px 16px;
}

.comment_box::-webkit-scrollbar {
    width: 9px;
}

.comment_box::-webkit-scrollbar-thumb {
    width: 9px;
    background: #BABABA;
    border-radius: 19px;
}

.comment_box p {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
}

.comment_box p+p {
    margin-top: 12px;
}

.ticketDtl_table tbody tr td {
    vertical-align: top;
}

.ticketDtl_cont {
    width: 100%;
    display: inline-block;
    padding: 28px 40px;
    background: #E6EFF2;
    box-shadow: -5px -5px 15px #FCFEFF, 5px 5px 15px #A1BAC7;
    border-radius: 15px;
}

.ticketDtl_cont table {
    width: 100%;
}

.ticketDtl_cont table thead tr th {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #636363;
    padding: 4px;
}

.ticketDtl_cont table tbody tr td {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding: 4px;
}


/* faq */
.faqMain_wrap {
    width: 100%;
    max-width: 1006px;
    padding: 12px 25px;
}

.faq_accordion {
    width: 100%;
    display: inline-block;
}

.faq_accordion .faq_itm {
    width: 100%;
    display: inline-block;
    background: #F8F8F8;
    border: 0.5px solid #E5D9D9;
    box-shadow: 0px 7px 15px rgba(22, 25, 79, 0.05);
    border-radius: 15px;
    overflow: hidden;
    padding-bottom: 12px;
}

.faq_accordion .faq_itm+.faq_itm {
    margin-top: 6px;
}

.faq_accordion .faq_itm a {
    padding: 15px 50px 4px 30px;
    font-weight: 700;
    font-size: 16px;
    display: block;
    color: #3A3A3A;
    position: relative;
}

.faq_accordion .faq_itm .faq_content {
    width: 100%;
    display: none;
    padding: 0px 30px 4px;
}

.faq_accordion .accordion_open .faq_content {
    display: block;
}

.faq_content p {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #303030;
}

.faq_accordion .faq_itm a::before {
    position: absolute;
    content: '\e145';
    font-family: 'Material Icons' !important;
    width: 24px;
    height: 14px;
    font-size: 16px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s;
    color: #1C8ABB;
}

.faq_accordion .accordion_open>a::before {
    content: '\e15b';
}

/* faq */
/* video */
.video_wrap {
    padding: 0 5px;
}

.video_cstm_row {
    margin: 0 -25px;
    display: flex;
    flex-wrap: wrap;
}

.video_col {
    max-width: 33.333%;
    flex: 0 0 33.333%;
    padding: 0 25px;
    margin-bottom: 40px;
}

.vdo_main {
    width: 100%;
    display: inline-block;
    padding: 6px;
    background: #E6EFF2;
    box-shadow: -5px -5px 15px #FCFEFF, 5px 5px 15px #A1BAC7;
    border-radius: 15px;
}

.vdoBox {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    border-radius: 15px;
    overflow: hidden;
}

.vdoBox img,
.vdoBox iframe,
.vdoBox video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.vdoBox .play_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 69px;
    height: 69px;
    border-radius: 50%;
    background: rgba(28, 138, 187, 0.4);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}

.vdoBox .play_btn .material-icons {
    font-size: 30px;
}

.vdo_titleBox {
    display: inline-block;
    background: #FFFFFF;
    border-radius: 0px 35px 35px 0px;
    padding: 10px 53px 9px 16px;
    margin-top: 16px;
}

.vdo_titleBox p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1C8ABB;
}

/* video */
/* suport_vdo_wrap */
.suport_vdo_wrap {
    width: 100%;
    max-width: 840px;
}

.suport_vdo_wrap .vdo_main {
    padding: 13px;
    border-radius: 34px;
}

.suport_vdo_wrap .vdo_main .vdoBox {
    border-radius: 32px;
}

.vdoTitle_box_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.vdoTitle_box_wrap .vdoTitle_box {
    width: auto;
    max-width: 50%;
    padding: 10px 53px 9px 16px;
    background: #FFFFFF;
    border-radius: 0px 35px 35px 0px;
}

.vdoTitle_box_wrap .vdoTitle_box p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1C8ABB;
}

.video_feedBack {
    width: auto;
    display: flex;
    align-items: center;
}

.video_feedBack button {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
    transition: 0.5s;
    padding: 5px;
}

.video_feedBack button:hover {
    background: #FFFFFF;
    box-shadow: -11.413px -11.413px 34.2391px #FCFEFF, 11.413px 11.413px 34.2391px #A1BAC7;
}

.video_feedBack button+button {
    margin-left: 14px;
}

.supportVdoForm_box {
    width: 100%;
    display: inline-block;
    margin-top: 32px;
}

.supportVdoForm_box .btn_area {
    text-align: right;
    margin-top: 4px;
}

.supportVdoForm_box .btn_submit {
    background: #1C8ABB;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    padding: 5px 39px;
    border: 1px solid #1C8ABB;
}

.supportVdoForm_box .btn_submit:hover {
    background: none;
    color: #1C8ABB;
}

/* suport_vdo_wrap */
#addContactModal .btn_area {
    text-align: right;
}

#changeListModal .modal-dialog {
    max-width: 565px;
}

#changeListModal .modal-body {
    padding: 24px 50px 30px;
}

#changeListModal .def_rowTxt {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #3A3A3A;
    margin-bottom: 30px;
}

#changeListModal .btn_area {
    text-align: right;
}

/* page-start */

.dropDown_menu_cmn {
    min-width: 164px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    border: none;
}

.dropDown_menu_cmn>.dropdown-item {
    padding: 12px 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #848484;
}

.dropDown_menu_cmn>.dropdown-item .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 17px;
}

.dropDown_menu_cmn>.dropdown-item:nth-child(2) .icon {
    font-size: 12.4px;
}

.dropDown_menu_cmn>.dropdown-item:hover {
    color: #595959;
}

.delet_row {
    background: none;
}


/* add new rotator */
.rotator_container {
    width: 100%;
    max-width: 1136px;
    margin-top: 12px;
}

.rotator_dtl_box {
    padding: 24px 42px 38px 24px;
    background: #E6EFF2;
    box-shadow: -5px -5px 15px #FCFEFF, 5px 5px 15px #A1BAC7;
    border-radius: 15px;
}

.rotator_dtl_box h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #4D4D4D;
    margin-bottom: 24px;
}

.rotator_dtl_box label {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.rotator_radioTab {
    margin-top: 32px;
}

.custom_cmnTable tbody tr td .inr_tablefild {
    width: 80px;
    max-width: 100%;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #595959;
    background: #EDEDED;
    border-radius: 8px;
    border: none;
    padding: 10px 12px;
}

.newRotator_adv_table tbody tr td:nth-child(2) .inr_tablefild,
.newRotator_adv_table tbody tr td:nth-child(3) .inr_tablefild {
    width: 100%;
}

.custom_cmnTable tbody tr td select.inr_tablefild {
    height: 40px;
}

.newRotator_basic_table tbody tr td:nth-child(2) .inr_tablefild {
    min-width: 40%;
}

.btn_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}

.btn_box .addRow_btn {
    width: 44px;
    height: 34px;
    background: #007BFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #007BFF;
    color: #FFFFFF;
}

.btn_box .addRow_btn:hover {
    background: none;
    color: #007bff;
}

.btn_box .saveBtn {
    font-family: 'Calibri';
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #FFFFFF;
    padding: 8px 19px;
    background: #60C541;
    border-radius: 8px;
    border: 1px solid #60C541;
}

.btn_box .saveBtn:hover {
    background: none;
    color: #60C541;
}

/* .rotator_tabBody {
    display: none;
} */

/* .open_tabBody#advanceTab, */
.open_tabBody {
    display: block;
}

/* add new rotator */

.qrcode-accordion .accordion-item {
    margin-bottom: 15px;
    border: 0;
}

.qrcode-accordion .accordion-item .accordion-header .accordion-button {
    background: #EBF1F5;
    border-radius: 10px;
}

.qrcode-accordion .accordion-item .accordion-header .accordion-button span.leftIcon {
    font-size: 22px;
    color: #000000;
    width: 40px;
}

.qrcode-accordion .accordion-item .accordion-header .accordion-button p {
    font-size: 19px;
}

.qrcode-accordion .accordion-item .accordion-body {
    padding-left: 0;
    padding-right: 0;
}

.qrCode_modal .modal-dialog {
    /*max-width: 1080px;*/
    max-width: 820px;
}

.qrcodes .card .header .qrcode-img {
    width: 85px;
    height: 85px;
}

.qrcodes .card .header .info {
    padding-left: 18px;
    padding-top: 0px;
}

.qrcodes .card .header {
    display: flex;
    vertical-align: middle;
}

.qrcodes .card {
    border-radius: 15px;
    border: 0;
}

.qrcodes .footer {
    text-align: center;
    margin-top: 16px;
}

.qrcodes .card .footer .downloadBtn {
    background: #007BFF;
    border-radius: 10px;
    padding: 7px 14px;
    color: white;
}

.qrcodes .card .card-body {
    padding: 28px;
}

.select2-container {
    width: 100% !important;
}


/****************css added by Tirtha_05-07-2023*************/

.create_qr_code {
    min-width: 208px;
    border-radius: 10px;
    max-height: 40px;
    padding: 9px 16px;
    box-shadow: 3px 3px 9px 0px #A1BAC7, -3px -3px 9px 0px #FCFEFF;
    background: #E6EFF2;
    margin-left: auto;
    margin-right: 20px;
    display: inline-block;
}

.create_qr_code img {
    width: 22px;
    height: 22px;
    float: left;
}

.create_qr_code span {
    color: #3A3A3A;
    font-size: 16px;
    font-weight: 400;
    float: left;
    margin-left: 10px;
}

.qr_block {
    width: 29%;
    margin-bottom: 20px;
    background: #fff;
    padding:24px;
    display: flex;
    border-radius: 16px;
    flex-wrap: wrap;
    margin: 0 15px;
    position: relative;
    align-items: center;
}

.qr_block .qr_img {
    width: 35%;
    margin-bottom: 0px;
    display: inline-flex;
}

.qr_block .qr_img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.qr_block .desc {
    margin-left: 10px;
    width: 60%;
}

.qr_block .desc p {
    color: #1c8abb;
    font-size: 16px;
    font-weight: 800;
    font-family: 'Calibri';
    display: flex;
}

.qr_block .desc p span {
    color: #1a1a1a;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    margin-left: 6px;
    line-height: 20px;
}

.qr_block .three_dots {
    position: absolute;
    right: 25px;
    top: 10px;
}
.qr_block .three_dots .dropdown-menu {
    min-width: 15px !important;
    border: none;
    padding: 2px 4px;
    transform: translate3d(-32px, 28.2px, 0px) !important;
    box-shadow: 0px 0px 9px 0px #c0c0c0;
}
.three_dots a.link.btn {
    padding: 2px;
    border-radius: 6px;
    width: 69px;
    height: 27px;
    font-size: 15px;
    margin: 2px 0px;
}

#menu-wrap {
    position: relative;
    height: 25px;
    width: 25px;
}

#menu-wrap .dots {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}

#menu-wrap .dots>div,
#menu-wrap .dots>div:after,
#menu-wrap .dots>div:before {
    height: 3px;
    width: 3px;
    background-color: rgba(49, 49, 49, 0.8);
    border-radius: 50%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#menu-wrap .dots>div {
    position: relative;
}

#menu-wrap .dots>div:after {
    content: "";
    position: absolute;
    bottom: calc((20px / 2) - (6px / 2));
    left: 0;
}

#menu-wrap .dots>div:before {
    content: "";
    position: absolute;
    top: calc((20px / 2) - (6px / 2));
    left: 0;
}

#menu-wrap .menu {
    position: absolute;
    right: 0px;
    top: calc(0px + 23px);
    width: 0;
    height: 0;
    background-color: rgba(255, 255, 255);
    padding: 0;
    -webkit-box-shadow: 2px 4px 6px rgba(49, 49, 49, 0.2);
    box-shadow: 2px 4px 6px rgba(49, 49, 49, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}

#menu-wrap .menu ul {
    list-style: none;
    padding-left: 0;
}

#menu-wrap .menu ul li {
    /*margin: 15px 0;*/
    margin: 0;
}

#menu-wrap .menu ul li .link {
    text-decoration: none;
    color: #848484;
    opacity: 0;
    visibility: hidden;
    padding: 10px 19px;
    display: block;
}

#menu-wrap .toggler {
    position: absolute;
    height: 100%;
    width: 50%;
    top: -9px;
    left: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    z-index: 2;
}
#menu-wrap .toggler:hover+.dots>div,
#menu-wrap .toggler:hover+.dots>div:after,
#menu-wrap .toggler:hover+.dots>div:before {
    background-color: rgba(49, 49, 49, 0.6);
}

#menu-wrap .toggler:checked+.dots>div {
    -webkit-transform: translateX(calc(((25px / 2) - (6px / 2)) * -0.7071067812)) translateY(calc(((25px / 2) - (6px / 2)) * -0.7071067812));
    -ms-transform: translateX(calc(((25px / 2) - (6px / 2)) * -0.7071067812)) translateY(calc(((25px / 2) - (6px / 2)) * -0.7071067812));
    transform: translateX(calc(((25px / 2) - (6px / 2)) * -0.7071067812)) translateY(calc(((25px / 2) - (6px / 2)) * -0.7071067812));
}

#menu-wrap .toggler:checked+.dots>div:after {
    -webkit-transform: translateX(calc(((25px / 2) - (6px / 2)) * 0.7071067812)) translateY(calc((2 * (25px / 2) - (6px / 2)) * 0.7071067812));
    -ms-transform: translateX(calc(((25px / 2) - (6px / 2)) * 0.7071067812)) translateY(calc((2 * (25px / 2) - (6px / 2)) * 0.7071067812));
    transform: translateX(calc(((25px / 2) - (6px / 2)) * 0.7071067812)) translateY(calc((2 * (25px / 2) - (6px / 2)) * 0.7071067812));
}

#menu-wrap .toggler:checked+.dots>div:before {
    -webkit-transform: translateX(calc(2 * (((25px / 2) - (6px / 2)) * 0.7071067812))) translateY(calc(((25px / 2) - (6px / 2)) - (((25px / 2) - (6px / 2)) * 0.7071067812)));
    -ms-transform: translateX(calc(2 * (((25px / 2) - (6px / 2)) * 0.7071067812))) translateY(calc(((32px / 2) - (2px / 2)) - (((20px / 2) - (6px / 2)) * 0.7071067812)));
    transform: translateX(calc(2 * (((25px / 2) - (6px / 2)) * 0.7071067812))) translateY(calc(((32px / 2) - (2px / 2)) - (((20px / 2) - (6px / 2)) * 0.7071067812)));
}

#menu-wrap .toggler:checked:hover+.dots>div,
#menu-wrap .toggler:checked:hover+.dots>div:after,
#menu-wrap .toggler:checked:hover+.dots>div:before {
    background-color: rgba(49, 49, 49, 0.6);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#menu-wrap .toggler:checked~.menu {
    opacity: 1;
    visibility: visible;
    width: 90px;
    height: 88px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 9;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

#menu-wrap .toggler:checked~.menu ul .link {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s ease 0.3s;
    -o-transition: 0.5s ease 0.3s;
    transition: 0.5s ease 0.3s;
}

#menu-wrap .toggler:checked~.menu ul .link:hover {
    color: #595959;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background: #F6F6F6;
    border-radius: 10px;
}

#menu-wrap .toggler:not(:checked)~.menu {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#menu-wrap .toggler:not(:checked)~.menu ul .link {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.download_qr {
    border-radius: 8px;
    background: #007BFF;
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
    margin-top: 10px;
}

.download_qr:hover {
    color: #fff;
}

.download_qr img {
    float: left;
    margin-top: 2px;
}

.download_qr span {
    float: left;
    margin-left: 7px;
}

.top_right_btn_list {
    margin-left: auto !important;
}


/* 20.09.2023 */
.main_sidebar.sideMenu_small:hover{
    width: 266px;
    z-index: 9999;
}
.sideMenu_small:hover .side_navbar .navItm a .menu {
    display: block;
}
.sideMenu_small:hover .sidebar_collapse_logo{
    display: none;
}
.sideMenu_small:hover .sidebar_logo {
    display: block;
    height: 35px;
}
table.dataTable>thead>tr>th {
    white-space: nowrap;
}
table.dataTable tr th:first-child {
    width: 10% !important;
}
table.dataTable>tbody>tr.child ul.dtr-details li:nth-child(even) {
    background: white;
}
span.dtr-data {
    display: inline-block;
}

ul.counter_list {
    flex-direction: column;
    gap: 13px;
}
.ck-content li{
    list-style: inherit !important;
}

.ck-content ul {
    padding-left: 22px;
}
.ck-content{
    max-height: 35vh;
    overflow-y: auto;
}

.ck-content::-webkit-scrollbar {
    width: 5px;
  }
  
  .ck-content::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  .ck-content::-webkit-scrollbar-thumb {
    background: #1C8ABB; 
  }
  
  .ck-content::-webkit-scrollbar-thumb:hover {
    background: #1C8ABB; 
  }


  .content_wrapper .table-responsive::-webkit-scrollbar{
    display: none;
  }

  table.dataTable>tbody>tr.child ul.dtr-details{
    width: 100%;
  }