:root {
    --primary-font: "Poppins", sans-serif;
    --secondary-font: "Roboto", sans-serif;
    --secondary-font-bold: "Roboto", sans-serif;
    --bs-btn-font-family: "Roboto", sans-serif;
    --bs-menu-link-color-hover: #001f3f;
    --bs-root-card-box-shadow: 0px 0px 37px 0px 37px rgba(0, 0, 0, 0.15);
    --wt_text_color: #fff;
    --color1: #001f3f;
    --color2: #04afe4;
    --color3: #001f3f;
}
.wrapper {
    padding-top: 0;
} /* .header { position: sticky; z-index: 9999999; top: 0;
    background: #f8faff; } */
body,
html {
    font-family: "Roboto", sans-serif;
}
.text-theme-wt-800 {
    color: #ffffff !important;
}
.aside .aside-menu .menu .menu-item.show > .menu-link .menu-title {
    color: #ffffff;
}
.aside .aside-menu .menu .menu-item.here > .menu-link .menu-title {
    color: rgb(255 255 255 / 50%);
}
.aside .aside-menu .menu .menu-item.here > .menu-link:hover .menu-title {
    color: rgb(255 255 255 / 100%);
}
.aside .aside-menu .menu .menu-item.here.show > .menu-link .menu-title {
    color: rgb(255 255 255 / 100%);
}
.aside .aside-menu .menu .menu-item .menu-link.active .menu-title {
    color: #ffffff;
}
.aside .aside-menu .menu .menu-item .menu-link .menu-title {
    color: rgb(255 255 255 / 50%);
}
.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #ffffff;
}
.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #ffffff;
}
.aside .aside-menu .menu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: #ffffff;
}
.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: #ffffff;
}
.aside .aside-menu .menu .menu-item.here > .menu-link .menu-icon,
.aside .aside-menu .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
.aside .aside-menu .menu .menu-item.here > .menu-link .menu-icon i {
    color: #ffffff;
}
.aside .aside-menu .menu .menu-item.show > .menu-link .menu-icon,
.aside .aside-menu .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
.aside .aside-menu .menu .menu-item.show > .menu-link .menu-icon i {
    color: #ffffff;
} /* @font-face { font-family: 'NeueHaasGroteskText Pro'; src: url('../fonts/NHaasGroteskTXPro-55Rg.woff2') format('woff2'), url('../fonts/NHaasGroteskTXPro-55Rg.woff') format('woff'); font-weight: normal; font-style:
    normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskText Pro Md'; src: url('../fonts/NHaasGroteskTXPro-65Md.woff2') format('woff2'), url('../fonts/NHaasGroteskTXPro-65Md.woff') format('woff'); font-weight: 500;
    font-style: normal; font-display: swap; } */
    .roboto-light {
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        font-style: normal;
      }
      
      .roboto-regular {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-style: normal;
      }
      
      .roboto-medium {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-style: normal;
      }
      
      .roboto-bold {
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-style: normal;
      }
      
      .roboto-black {
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-style: normal;
      }
/* 
@font-face {
    font-family: "Roboto", sans-serif;
    src: url("../fonts/NHaasGroteskTXPro-55Rg.woff2") format("woff2"), url("../fonts/NHaasGroteskTXPro-55Rg.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "NeueHaasGroteskText Pro Md";
    src: url("../fonts/NHaasGroteskTXPro-65Md.woff2") format("woff2"), url("../fonts/NHaasGroteskTXPro-65Md.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto", sans-serif;
    src: url("../fonts/NHaasGroteskTXPro-75Bd.woff2") format("woff2"), url("../fonts/NHaasGroteskTXPro-75Bd.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} */


.btn {
    font-family: var(--bs-btn-font-family);
}
.text {
    font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    color: #000;
}
body,
html {
    font-family: Inter, Helvetica, sans-serif;
}
.font1 {
    font-family: "Poppins", sans-serif;
}
.font2 {
    font-family: "Roboto", sans-serif;
    font-weight: 500 !important;
}
.font2a {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}
.font2l {
    font-family: "Roboto", sans-serif;
    font-weight: 400 !important;
}
.font-light {
    font-weight: 300;
}
p {
    color: #616161;
    font-size: 15px;
    font-family: var(--secondary-font);
    line-height: 19px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.header_userspan1 {
    float: left;
    text-align: right;
    padding-right: 10px;
}
.header_userspan2 {
    float: left;
    text-align: right;
    width: 100%;
    color: #000000;
}
.header_userspan3 {
    float: left;
    text-align: right;
    width: 100%;
}
.header_userspan4 {
    float: right;
    background: #001f3f;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
    font-size: 20px;
}
.header_userspan2 {
    font-family: var(--primary-font);
    font-size: 18px;
    color: #000;
}
.header_userspan3 {
    font-family: var(--secondary-font);
    font-size: 14px;
    color: #616161;
}
.aside .aside-menu .menu .menu-item.here > .menu-link .menu-arrow:after {
    background-color: #ffffff;
}
.btn-check:active + .btn.btn-active-light-primary,
.btn-check:checked + .btn.btn-active-light-primary,
.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary.show,
.btn.btn-active-light-primary:active:not(.btn-active),
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:hover:not(.btn-active),
.show > .btn.btn-active-light-primary {
    color: #001f3f;
}
.letter_spacing1 {
    letter-spacing: 1px;
} /* menu s*/
.aside .aside-menu .menu .menu-item.here > .menu-link .menu-title {
    font-size: 17px;
    font-family: var(--primary-font);
    font-weight: 400;
}
.menu-item .menu-link .menu-icon {
    margin-right: 1rem;
}
.menu-item:hover .menu-icon svg path {
    fill-opacity: 9;
    opacity: 9;
    stroke-opacity: 9;
}
.menu-item:hover .menu-icon svg rect {
    fill-opacity: 9;
    opacity: 9;
    stroke-opacity: 9;
}
.aside .aside-menu .menu .menu-item .menu-link .menu-title {
    font-size: 13px;
    font-family: var(--primary-font);
    font-weight: 400;
}
.aside .aside-menu .menu > .menu-item > .menu-link > .menu-title {
    font-weight: 600 !important;
    font-size: 14px !important;
} /* menu E*/
.menu-sub-indention .menu-item .menu-item .menu-link.active {
    margin-right: 0 !important;
}
.wrapper {
    background: #f8faff;
    z-index: 0;
}
.menu-item .menu-link .menu-title,
.menu-title-gray-700 .menu-item .menu-link .menu-title {
    font-family: var(--primary-font);
    color: #333333;
    font-size: 12px;
}
.user_pro_hed_box .menu-link {
    border-bottom: 1px solid #f8faff;
    padding-bottom: 10px;
}
.user_pro_hed_box .menu-item:last-child .menu-link {
    border-bottom: 0px solid #f8faff;
    padding-bottom: 0px;
}
.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    color: var(--bs-menu-link-color-hover);
}
.user_pro_hed_box .menu-item .menu-link .menu-title {
    display: block;
    text-align: center;
}
.card {
    --bs-card-box-shadow: var(--bs-root-card-box-shadow);
    --bs-card-border-color: var(--bs-root-card-border-color);
    border: 0px solid var(--bs-card-border-color);
    padding: 15px;
}
.card2 {
    padding: 15px;
}
.dashboards_page_5grid_div .card.card-xl-stretch {
    height: 100%;
}
.box_12 label.btn {
    width: 95%;
    margin: auto;
    height: 100%;
}
.box_12 .box_icon {
    box-shadow: 0px 0px 17px 0px rgb(136 136 136 / 07%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    margin-left: -46px;
    z-index: 9;
    position: relative;
    background: #fff;
    max-height: 56px; /* width: 75px; height: 60px; */
    border-color: transparent !important;
    border: 1px solid;
}
.box_12 .col-md-12 a:hover .box_icon {
    border-color: transparent !important;
    border: 1px solid;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-shadow: 0px 0px 17px 0px rgb(136 136 136 / 10%) !important;
}
.box_12 label.btn:hover {
    border-color: transparent !important;
    box-shadow: 0px 0px 17px 0px rgb(136 136 136 / 10%) !important;
}
.box_12 .col-md-12 a:active .box_icon {
    border-color: #2d98f6 !important;
    border: 1px solid;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.box_12 label.btn:active,
.box_12 label.btn:active .box_icon,
.box_12 label.btn:hover,
.box_12 label.btn:hover .box_icon {
    border-color: #2d98f6 !important;
}
.box_12 .box_icon img {
    max-width: 100%;
    max-height: 100%;
    min-width: 37px;
    max-height: 37px;
}
.box_12 .box_icon_rt {
    margin-left: 0px;
    margin-right: -46px;
}
.left_sidebar_bt_clock_div {
    background-color: #fff;
    border-radius: 20px;
    padding: 15px;
}
.left_sidebar_bt_clock_div img.martop_minus {
    margin-top: -52px;
}
.left_sidebar_bt_clock_div .btn_clock {
    background-color: #04afe4;
    font-family: var(--secondary-font);
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 7px 5px 8px 5px;
    color: #fff;
    line-height: 20px;
    display: block;
    border-radius: 10px;
}
.left_sidebar_bt_clock_div .btn_clock:hover {
    background-color: var(--bs-menu-link-color-hover);
}
.scrolltop {
    background-color: rgb(4 175 228);
    opacity: 1 !important;
    z-index: 999999 !important;
}
.scrolltop:hover {
    background-color: #04afe4;
}
.box_12 .fs-4.font1 {
    color: #000;
}
.sticky {
    position: sticky;
    top: 10px;
    padding: 0px;
}
.login-rt2 {
    background-color: #001f3f;
    padding: 3rem 5rem 2rem 5rem;
    border-radius: 20px;
}
.wt_text {
    color: var(--wt_text_color);
}
.login_main {
    background-color: #f0f4fc;
}
.boder-rt {
    border-right: 1px solid #dedede;
}
a {
    color: #2d98f6;
}
a:hover {
    color: #2082d9;
}
p.black17 {
    color: #000000;
    font-size: 17px;
    font-family: var(--secondary-font);
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.form_group_user {
    position: relative;
}
.form_icon {
    position: absolute;
    top: 9px;
    left: 10px;
    z-index: 2;
}
.form_group_user .form-control {
    padding-left: 45px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom: 2px solid #000842 !important;
}
.form_group_user .form-control {
    color: #000842;
    font-family: var(--secondary-font);
    font-size: 16px;
}
.form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url(../media/icons/tick.svg);
}
.form-check-input:checked {
    background-color: #001f3f;
    border-color: #001f3f;
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
    background-size: 80% 80%;
}
.linka {
    color: #001f3f;
}
.text_gray {
    color: #717171;
}
.login_main .btn_theme1 {
    color: var(--bs-primary-inverse);
    border-color: #053362;
    background-color: #053362;
    border-radius: 50px;
}
.login_main .btn-check:active + .btn.btn_theme1,
.login_main .btn-check:checked + .btn.btn_theme1,
.login_main .btn.btn_theme1.active,
.login_main .btn.btn_theme1.show,
.login_main .btn.btn_theme1:active:not(.btn-active),
.login_main .btn.btn_theme1:focus:not(.btn-active),
.login_main .btn.btn_theme1:hover:not(.btn-active),
.login_main .show > .btn.btn_theme1 {
    color: var(--bs-primary-inverse);
    border-color: #0a417a;
    background-color: #0a417a;
}
.cblbtn1 {
    background-color: #001f3f;
    color: #fff;
}
.cblbtn1:hover,
.cblbtn1:active,
.cblbtn1:focus-visible {
    background-color: #002449 !important;
    color: #fff !important;
}
.cblbtn2 {
    background-color: #04afe4;
    color: #fff;
}
.cblbtn2:hover,
.cblbtn2:active,
.cblbtn2:focus-visible {
    background-color: #04c4ff !important;
    color: #fff !important;
}
.cblbtn3 {
    background-color: transparent;
}
.cblbtn3:hover,
.cblbtn3:active,
.cblbtn3:focus-visible {
    background-color: #001f3f !important;
    color: #fff !important;
}
.btn_green {
    background: #09b537 !important;
}
.btn_red {
    background: #d93838 !important;
}
.font18 {
    font-size: 18px;
}
.colorb5 {
    color: #b5b5b5;
}
.login-rt2 {
    position: relative;
}
.login_iconimg1 {
    position: absolute;
    right: -40px;
}
.login_iconimg2 {
    position: absolute;
    left: -40px;
    bottom: 30%;
}
.text-right {
    text-align: right;
}
.afterqoute::before {
    content: url(../media/icons/qoute.png);
    position: absolute;
    top: 0px;
    left: 45px;
}
.colortext_4d {
    color: #4d4d4d;
}
.backtologin_text {
    color: #00a1e2;
}
.datepickerheader_icon {
    padding: 0.775rem 0rem !important;
    padding-left: 0px !important;
    color: transparent !important;
    width: 50px;
}
.header_input_boder {
    border: 1px solid #d3d3d3 !important;
}
.header_input_boder2 {
    border: 1px solid #001f3f !important;
}
.header_hauto {
    height: 100% !important;
}
.bg_transparent {
    background: transparent !important;
}
.list_page_filter_div input::placeholder,
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #b4b4b4 !important;
}
.svg_fill_wt:hover svg,
.svg_fill_wt:hover svg path {
    fill: #fff !important;
    fill: #fff;
    fill-opacity: 9;
    opacity: 9;
    stroke-opacity: 9;
    stroke: #fff;
}
.list_page_filter_div .position-relative a.svg_fill_wt:hover {
    background-color: var(--color1) !important;
    color: var(--wt_text_color);
}
.list_page_filter_div .btn_svg_hover a.svg_fill_wt:hover {
    background-color: var(--color1) !important;
    color: var(--wt_text_color);
}
.qr_table_text {
    font-family: var(--secondary-font);
    font-size: 14px;
    line-height: 17px;
}
.table_list_last_td_div {
    float: right;
}
.table_list_last_td_div .table_list_last_td_div_inner {
    display: flex;
    align-items: end;
}
.table_list thead {
    border-bottom: 1px solid #eeeeee;
    border-radius: 0px !important;
}
.table_list thead th {
    padding-bottom: 2rem !important;
}
.table_list.table_list2 thead th {
    padding-bottom: 0.7rem !important;
}
.table_list.table_list2 thead {
    border-bottom: 0px solid #eeeeee;
    border-radius: 0px !important;
}
.table_list.table_list2 thead {
    border-bottom: 0px solid #eeeeee;
    border-radius: 0px !important;
}
.table_list.table_list2 tr th:nth-child(2) {
    padding-bottom: 0rem !important;
    padding-top: 0rem !important;
}
.table_list.table_list2:not(.table-bordered) th:first-child {
    padding-left: 0px;
    padding: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}
.table.table-striped.table_list.table_list2 {
    margin-bottom: 0px !important;
}
.table_list td:first-child {
    border-radius: 15px 0px 0px 15px;
}
.table_list td:last-child {
    border-radius: 0px 15px 15px 0px;
}
.table_list td {
    background-color: #fff !important;
    vertical-align: middle;
}
.table_list > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: #fff;
    --bs-table-bg-type: #fff;
}
.table_list {
    border-collapse: separate;
    border-spacing: 0 1em;
}
.col_td5 {
    text-align: right;
}
.table_list .col_td1 {
    width: 80px;
}
.table_list:not(.table-bordered) td:last-child,
.table_list:not(.table-bordered) th:last-child,
.table_list:not(.table-bordered) tr:last-child {
    padding-right: 30px;
}
.table_list:not(.table-bordered) td:first-child,
.table_list:not(.table-bordered) th:first-child,
.table_list:not(.table-bordered) tr:first-child {
    padding-left: 30px;
}
.table_list_last_td_div .btn.btn-active-color-primary.show i {
    color: #2d98f6 !important;
}
.table_list_last_td_div .btn.btn-active-color-primary:hover path {
    fill: #2d98f6 !important;
}
.table_list_last_td_div .btn.btn-active-color-primary.show svg path {
    fill: #2d98f6 !important;
}
.table_list_last_td_div .btn.btn-active-color-primary i {
    color: #001f3f;
}
.table_list_last_td_div .btn.btn-active-color-primary.show {
    border: 1px solid #2d98f6 !important;
}
.td_drop_box {
    box-shadow: none;
    border: 1px solid #f8faff !important;
}
.icon_td_text {
    color: #333333;
    font-size: 12px;
    line-height: 15px;
}
.icon_td_box {
    width: 15px;
    margin-right: 10px;
}
.td_drop_box .menu-item {
    width: 100%;
}
.td_drop_box .menu-item a {
    border-bottom: 1px solid #f4f4f4;
    width: 100%;
    border-radius: 0px;
}
.td_drop_box .menu-item:last-child a.menu-link {
    border-bottom: 0px solid #f8faff;
}
.menu-link .icon_td_text {
    position: relative;
    top: 2px;
}
.menu-link:hover .icon_td_text {
    transition: color 0.2s ease;
    color: #2d98f6;
}
.menu-link:hover .icon_td_box svg path {
    transition: color 0.2s ease;
    fill: #2d98f6;
}
.page-item {
    margin-right: 0.5rem;
    border: 1px solid #bdbdbd;
    border-radius: 0.65rem;
}
.dt-paging-button.page-item.active {
    border: 1px solid #001f3f;
}
.active > .page-link,
.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #001f3f;
    border-color: #001f3f;
    border-radius: 0.55rem;
}
.page-link:hover {
    color: #fff !important;
    border-radius: 0.55rem;
    background-color: #001f3f;
    border-color: #001f3f;
} /*
    .table_list_top_btn:hover{ background: #dbdfe9;} */
.vacenter {
    vertical-align: center;
}
.dxsmblock {
    display: none;
}
.pagination .page-link:focus {
    color: #000000;
}
.pagination .page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .next {
    background-color: #ffffff;
}
.table_list tr th:nth-child(2) {
    padding-bottom: 1rem !important;
    padding-top: 0rem !important;
}
.aside .aside-menu .menu .menu-item.show > .menu-link .menu-icon svg path {
    fill: #fff;
    fill-opacity: 9;
    opacity: 9;
    stroke-opacity: 9;
}
.listboxtext1 {
    color: #b7b7b7;
    font-size: 15px;
}
.listboxtext2 {
    color: #000000;
    font-size: 15px;
}
.listboxtext3 {
    color: #000000;
    font-size: 14px;
}
.last_td_list2_position_set {
    position: absolute;
    right: 0px;
    top: 0px;
}
.line-hight-text15 {
    line-height: 18px;
}
.list2downlode {
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    color: #000 !important;
    padding: calc(0.75rem + 1px) calc(1.8rem + 1px);
}
.list2downlode svg {
    margin-top: -4px;
}
.btn.btn-sm.border.btn-active-color-primary.list2downlode.show.menu-dropdown {
    color: #000;
}
.list2downlodetext {
    font-size: 14px;
    margin-left: 7px;
    color: #001f3f;
    font-family: var(--secondary-font);
    font-family: 500;
}
.list_page_filter_div .list2_con_block > .row > .col-xl-4.col-lg-6.col-md-6.mb-6 > .card {
    height: 100%;
    border: 0.5px solid #f3f3f3;
    border-radius: 15px;
}
.list2_box_2col {
    margin: 12px 0px;
}
.last_td_list2_position_set i {
    color: #000;
}
h6.listboxtext1,
h6.listboxtext3 {
    margin-bottom: 0px !important;
}
.wizard_custom .stepper-nav .stepper-item .stepper-title {
    font-weight: 400 !important;
}
.list2_con_block_select_all .form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: transparent;
    border: 1px solid #777777;
}
.list2_con_block_select_all .form-check-input,
.list_page_filter_div .form-check.form-check-solid .form-check-input:not(:checked) {
    border: 1px solid #777777;
    background-color: transparent;
}
.list2_con_block_select_all .form-check-input:checked,
.list_page_filter_div .form-check-input:checked {
    background-color: #001f3f;
    border-color: #001f3f;
}
.black-text {
    color: #000000;
}
.list_page_filter_div .col0 span {
    font-weight: 500;
}
.dash_select_qr_lisr {
    width: 1px;
    height: 18px;
    background-color: #d3d3d3;
    margin-right: 15px;
    position: relative;
    top: 2px;
    display: inline-block;
    margin-left: 5px;
}
.select_qr_text {
    color: #2d98f6;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 500 !important;
    padding-left: 5px;
}
.table_list_top_btn {
    font-family: "Roboto", sans-serif;
    font-weight: 500 !important;
    font-size: 15px;
    color: #333333;
    margin-left: 25px;
}
.header_input_boder {
    background: transparent !important;
}
.header_input_boder2.svg_fill_wt {
    background: transparent !important;
}
.cus-pad_scane {
    margin-right: 5px;
}
.cus-pad_to {
    margin: 0px 5px;
}
.last_td_list2_position_set .btn.btn-sm.btn-icon.border.border-active-color-primary.btn-active-color-primary {
    border: none !important;
}
.btn.btn-outline.btn-outline.mb-0.btn_theme_filter3.table_list_top_btn {
    border: none !important;
    padding-right: 0px;
}
.form-check-label.text_gray.fs-lg.ms-1.black-text {
    font-size: 15px !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}
.table_list_top_btn svg {
    margin-top: -3px;
}
.list2_con_block .card.mb-0 {
    padding: 15px 0px;
}
.d-flex.flex-column.list2box_name_top {
    margin-top: -8px;
}
.check_res_block {
    cursor: pointer;
}
.box_12 .btn.btn-active-light-primary:active:not(.btn-active),
.box_12 .btn.btn-active-light-primary:focus:not(.btn-active) {
    background-color: transparent !important;
}
.box_12 .btn.btn-active-light-primary:hover:not(.btn-active) {
    background-color: transparent !important;
}
.custom_laceholder_black::placeholder {
    color: #b4b4b4 !important;
}
.wizard_next_btn {
    background: #001f3f !important;
    min-width: 120px;
    text-align: center;
}
.wizard_next_btn:hover,
.wizard_next_btn:hover:not(.btn-active) {
    background-color: #2d98f6 !important;
}
.wizard_next_btn.btn-check:active + .btn.btn-primary,
.wizard_next_btn.btn-check:checked + .btn.btn-primary,
.wizard_next_btn.btn.btn-primary.active,
.wizard_next_btn.btn.btn-primary.show,
.wizard_next_btn.btn.btn-primary:active:not(.btn-active),
.wizard_next_btn.btn.btn-primary:focus:not(.btn-active),
.wizard_next_btn.btn.btn-primary:hover:not(.btn-active),
.wizard_next_btn.show > .btn.btn-primary {
    background-color: #2d98f6 !important;
}
.left_sidebar_bt_clock_div {
}
.wizard_custom .text {
    color: #000;
    font-size: 15px;
    line-height: 23px;
    font-family: var(--secondary-font);
} /* Form CSS Start*/
.form-control,
.form-control:focus {
    color: #000000 !important;
}
.form-control {
    color: var(--bs-gray-700);
    border: 1px solid #e9e9e9;
}
.form-control {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
} /* Form CSS END*/
.customize_re_tabs .tab_re_pad {
    gap: 5px 10px;
    overflow-y: hidden;
}
.customize_re_tabs .btn.btn-active-light.active {
    background-color: #2d98f6 !important;
    border-color: #2d98f6 !important;
    color: #ffffff !important;
}
.customize_re_tabs .btn.btn-active-color-primary:focus:not(.btn-active) {
    background-color: #2d98f6 !important;
    border-color: #2d98f6 !important;
    color: #ffffff !important;
}
.customize_re_tabs .btn.btn-active-color-primary:hover:not(.btn-active) {
    background-color: #2d98f6 !important;
    border-color: #2d98f6 !important;
    color: #ffffff !important;
}
.customize_re_tabs .btn.btn-active-light.selected {
    background-color: #001f3f;
    border-color: #001f3f;
    color: #ffffff !important;
    position: relative;
}
.customize_re_tabs .btn.btn-active-light.selected:hover:not(.btn-active),
.customize_re_tabs .btn.btn-active-light.selected:hover {
    background-color: #001f3f !important;
    border-color: #001f3f !important;
    color: #ffffff;
}
.form-control {
    border: 1px solid #001f3f;
    color: #322f2f !important;
}
.form-control::placeholder {
    color: #3c3b3b;
}
.customize_re_tabs .btn.btn-active-light.selected::after {
    content: url(../media/icons/selected.svg);
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
    z-index: 999999;
    position: absolute;
    right: -10px;
    bottom: -8px;
}
.tab_name_list_pad {
    padding-bottom: 10px;
    padding-top: 10px;
}
.customize_re_tabs .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {
    font-size: 16px;
    padding: calc(1rem + 1px) calc(2.5rem + 1px);
    min-width: 150px;
}
.text_tab_tl {
    color: #333333;
    font-size: 16px;
}
.customize_re_tabs .range-slider {
    width: 100%;
    height: 19px !important;
    cursor: pointer;
    position: relative;
    top: 5px;
}
.npbtn {
    cursor: pointer;
    color: #fff;
    padding: 2px;
    border-radius: 7px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    z-index: 9;
}
.npbtn.go-me {
    left: auto;
    right: 4px;
}
.npbtn svg {
    width: 22px;
    height: 22px;
}
.customize_re_tabs .owl-dots {
    display: none;
} /* .customize_re_tabs .owl-item{margin: 5px;} */
.customize_re_tabs .item {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    min-height: 230.32px;
    display: grid;
    place-items: center;
    padding: 7px;
}
.customize_re_tabs .item:hover {
    border-color: #2d98f6;
}
.customize_re_tabs .owl-item .item.clickselect {
    border: 1px solid #2d98f6 !important;
    border-radius: 10px;
}
.customize_re_tabs .owl-item:hover .item.clickselect {
    border: 1px solid #2d98f6 !important;
    border-radius: 10px;
}
.customize_re_tabs .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {
    border: 1px solid #001f3f;
    color: #000000;
    border-radius: 10px !important;
}
.customize_re_tabs .owl-item .item.inner-custom-active {
    border: 4px solid #2d98f6 !important;
    box-shadow: 0 0 5px #2d98f6;
}
.customize_re_tabs .frame_slider_2 .owl-item.custom-active > .item {
    border: none !important;
    box-shadow: none !important;
}

.framslider_phase2 .owl-stage{display: flex !important; align-items: center !important;}

.customize_re_tabs .frame_slider_2 .owl-item.custom-active > .item::after {
    display: none !important;
}
.tab-content .owl-item {
    padding: 2px;
}
.customize_re_tabs input:focus-visible {
    outline: none;
}
.slider-container {
    padding-top: 1rem;
}
.tab_re_pad {
    border: none !important;
}
.align_self_end2_center {
    display: flex;
    justify-content: end;
    align-items: center;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.scannability_div p {
    font-family: var(--secondary-font);
    color: #000;
}
.scannability_div h4 {
    font-family: var(--primary-font);
    color: #009f00;
    text-transform: uppercase;
    font-size: 25px;
    background: #dfffe0;
    padding: 8px 40px 7px 40px;
    line-height: 30px;
    border-radius: 5px;
}
.scannability_div2 {
    margin-top: 15px;
}
.scannability_div2 h4 {
    font-family: var(--primary-font);
    color: #009f00;
    text-transform: unset;
    font-size: 10px;
    background: #eaf7eb;
    padding: 2px 20px;
    line-height: 18px;
    border-radius: 5px;
    font-weight: 400;
    text-align: left;
}
.p3 {
    color: #333333;
}
.placeholder_black::placeholder {
    color: #b4b4b4 !important;
    font-family: var(--primary-font);
    font-weight: 400;
}
.pspan_greentext span {
    color: #039900;
}
.form_group_select {
    background-image: url(../media/icons/select.png);
    background-repeat: no-repeat;
    background-position: right 18px;
    background-position-x: 95%;
}
.select_section .form_group_select {
    background-position-x: 99%;
    background-image: url(../media/icons/select.png) !important;
    height: 46px;
}
.select_section .form_group_select2 {
    background-image: url(../media/icons/select2.png) !important;
}
.select_section .form_group_select2:focus {
    background-image: url(../media/icons/select.png) !important;
}
.boder_blue {
    border: 1px solid #2d98f6;
    width: 100%;
    border-radius: 3px;
}
.max-width-90 {
    max-width: 70%;
    margin: auto;
    margin-bottom: -25px;
    position: relative;
    z-index: 9;
}
.wrapresult .max-width-90 {
    margin: -40px auto 8px;
}
.re_sidebar_downlod_btn {
    background-color: #2d98f6;
    border-radius: 10px;
    color: #fff;
    padding: 13px 30px;
    margin: auto;
    text-align: center;
    min-width: 150px;
    display: inline-block;
    border: none;
}
.re_sidebar_downlod_btn:hover,
.re_sidebar_downlod_btn:active,
.re_sidebar_downlod_btn:focus {
    color: #fff;
}
.re_sidebar_downlod_btn:hover {
    background: #0f89f5;
} /* mayur13-6-2024_start */
.faqdiv .tlfaqin {
    padding-bottom: 3px;
    display: block;
    font-size: 15px;
    line-height: 23px;
    color: #616161;
    letter-spacing: normal;
}
.faqdiv {
    padding-bottom: 15px;
}
.sticky_main {
    min-width: 320px;
    text-align: center;
    max-width: 320px;
}
.sticky_main_left {
    max-width: calc(100% - 320px);
} /* mayur13-6-2024_END */ /* pavan start css heare */
.home-page,
.menu,
.menu .menu-item {
    font-family: "Poppins", sans-serif !important;
}
[data-bs-theme="light"] .home-page {
    --bs-text-primary: #2d98f5;
    --bs-primary: #2d98f5;
}
span.small_price {
    text-decoration: line-through;
    padding: 0 0 0 0;
    display: inline-block;
    margin-left: 5px;
}
span.plan_title {
    color: #ff8e92;
    font-weight: 600;
}
span.plan_title2 {
    color: #08c4ff;
    font-weight: 600;
}
span.plan_title3 {
    color: #ff5bb0;
    font-weight: 600;
}
span.plan_title4 {
    color: #6d47ca;
    font-weight: 600;
}
.faqs_section .accordion-body p:last-child {
    margin-bottom: 0;
}
.home-page .btn {
    border-radius: 5px;
}
.home-page p,
.home-page .text {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: normal;
    font-weight: 400;
}
.create_section .containt_box a::before {
    display: none;
}
.landing_page1 .landing-header {
    background: #001f3f;
}
[data-kt-sticky-landing-header="on"] .landing_page1 .landing-header {
    background: #fff;
}
.poppins-font {
    font-family: "Poppins", sans-serif;
}
img {
    max-width: 100%;
}
.header_bg,
.bg_about_box {
    position: relative;
    z-index: 1;
}
.header_bg::before,
.bg_about_box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 950px;
    left: 0;
    top: 0;
    z-index: -2;
    background: url(../media/images/header_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.landing_page1 .header_bg::before {
    display: none;
}
[data-kt-sticky-landing-header="on"] .header_bg::before {
    top: -144px;
}
.border-right1 {
    position: relative;
}
.border-right1::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 8px;
    background: #ffffff47;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header_bg .menu-title-gray-600 .menu-item .menu-link {
    color: #ffffff;
}
.logo-sticky-show {
    display: none;
}
[data-kt-sticky-landing-header="on"] .header_bg .menu-title-gray-600 .menu-item .menu-link {
    color: #000;
}
[data-kt-sticky-landing-header="on"] .header_bg .hover-btn1 {
    color: #000 !important;
}
[data-kt-sticky-landing-header="on"] .header_bg .hover-btn1:hover {
    color: #fff !important;
}
[data-kt-sticky-landing-header="on"] .header_bg .hover-btn:hover {
    color: #000 !important;
}
[data-kt-sticky-landing-header="on"] .logo-sticky-hide {
    display: none;
}
[data-kt-sticky-landing-header="on"] .logo-sticky-show {
    display: inline-block;
}
.header_bg .btn.btn-info {
    background: #2d98f6 !important;
    border-color: #2d98f6 !important;
} /* .wizard_custom .btn-primary {box-shadow: 0 0 14px #2d98f6
    !important;} */
.header_bg .btn-outline-info {
    background-color: transparent;
    border-color: #2d98f6 !important;
}
.header_bg .top_btn .hover-btn:hover {
    background: transparent !important;
}
.header_bg .hover-btn1:hover {
    background: #2d98f6 !important;
}
.header_bg .ki-abstract-14 .path2:before {
    color: #99a1b7;
    opacity: 1;
}
.color_dark {
    color: #001f3f;
}
.paragraph-titel {
    line-height: 29px;
}
.line {
    position: relative;
    display: inline-block !important;
}
.line::before,
.line::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #1b84ff;
    left: -63px;
    top: 50%;
    transform: translateY(-50%);
}
.inner-page .line::before {
    display: none;
}
.explore_plan_page .line::before {
    display: inline-block;
}
.line::after {
    left: auto;
    right: -63px;
}
.mt-lg-60 {
    margin-top: 60px;
}
.home-page .card {
    min-height: 287px;
    position: relative;
    box-shadow: 0 2px 9px 3px #1516160a;
}
.containt_box a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 99;
    cursor: pointer;
}
.future_section .containt_box a::before {
    z-index: 1;
    cursor: auto;
}
.max-w-500 {
    max-width: 1008px;
    margin-left: auto;
    margin-right: auto;
}
.landing-header .menu .menu-link.active {
    color: #1b84ff !important;
} /* wizard css */
.d_flex {
    display: flex;
}
.wizard_custom .stepper-item {
    width: 25%;
    margin: 0 !important;
    text-align: center;
}
.wizard_custom .stepper-nav,
.wizard_custom .stepper-title1 {
    position: relative;
}
.wizard_custom .stepper-nav::before,
.wizard_custom .stepper-nav::after,
.wizard_custom .stepper-title1::before {
    position: absolute;
    content: "";
    background: #e5f3ff;
    top: 10px;
    left: 0;
    width: 100%;
    height: 21px;
    border-radius: 12px;
    z-index: -2;
}
.wizard_custom .stepper-nav::after {
    background: #d3dff0;
    height: 7px;
    top: 17px;
    width: calc(100% - 20px);
    margin: 0 auto;
    left: 0;
    right: 0;
}
.wizard_custom .stepper-title1::before {
    width: 60px;
    height: 60px;
    top: -9px;
    left: -10px;
    border-radius: 50%;
}
.wizard_custom .stepper-title1 {
    font-size: 16px;
    line-height: normal;
    color: #000;
    width: 40px;
    height: 40px;
    background: #d3dff0;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.wizard_custom .stepper-title2 {
    font-size: 20px;
    line-height: normal;
    color: #a9a9a9;
    display: block;
    margin: 22px 0 0;
}
.wizard_custom .current .stepper-title1,
.wizard_custom .completed .stepper-title1 {
    color: #fff;
    background: #2d98f6;
}
.wizard_custom .current .stepper-title2,
.wizard_custom .completed .stepper-title2 {
    color: #2d98f6;
}
.wizard_custom .stepper.stepper-links .stepper-nav .stepper-item.current:after,
.wizard_custom .stepper.stepper-links .stepper-nav .stepper-item.completed:after {
    content: " ";
    position: absolute;
    top: 2.3rem;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: transparent;
    transition: color 0.2s ease;
}
.wizard_custom .stepper.stepper-links .stepper-nav .stepper-item.current:after,
.wizard_custom .stepper.stepper-links .stepper-nav .stepper-item.completed:after {
    background: #001f3f;
    height: 7px;
    border-radius: 12px;
    top: 17px;
    left: 12px;
    z-index: -1;
}
.wizard_custom .stepper.stepper-links .stepper-nav .stepper-item.completed:after {
    width: calc(100% + 10px);
    left: 10px;
}
.wizard_custom .stepper.stepper-links .stepper-nav .stepper-item:last-child.current:after {
    left: -10px;
}
.shape_shape_1 {
    position: relative;
}
.shape_shape_1::after,
.shape_shape_1::before {
    content: "";
    position: absolute;
    background: url(../media/images/home_shape_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    bottom: -176px;
    width: 857.59px;
    height: 527px;
    z-index: -2;
}
.shape_shape_1::before {
    background: url(../media/images/home_shape_2.png);
    right: auto;
    bottom: auto;
    left: 0;
    top: 50%;
    width: 712.59px;
    height: 516.5px;
    transform: translateY(-50%);
}
.shape_shape_2::before {
    display: none;
}
.shape_shape_2::after {
    background: url(../media/images/home_shape_3.png);
    width: 286px;
    height: 513px;
    bottom: auto;
    top: -225px;
    z-index: -1; /* animation: myanimation 5s infinite; */
}
.text-transform-lowercase {
    text-transform: lowercase;
} /* @keyframes myanimation { 0%
    {transform: rotate(0);} 100% {transform: rotate(360deg);} } */ /* time line section css start heare */
.font-w-500 {
    font-weight: 500;
}
.letter-spacing-2 {
    letter-spacing: 2px;
}
.number_box {
    font-size: 146px;
    line-height: 85px;
    color: transparent;
    -webkit-text-stroke: 2px #2d98f626;
    font-weight: 800;
    position: absolute;
    top: 15px;
    right: 127px;
}
.number_box.number_box2 {
    display: none;
}
.right-container .number_box {
    right: auto;
    left: 68px;
}
.my-container.left-container {
    padding-right: 30px;
}
.my-container.right-container {
    padding-left: 30px;
    text-align: right;
}
.my-timeline {
    position: relative;
    margin: 50px auto;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}
.my-container {
    padding: 32px 0;
    position: relative;
    width: 50%;
    opacity: 1;
    float: left;
}
.popular_text {
    position: absolute;
    right: -11px;
    top: 17px;
    padding: 4px 20px;
    background: #001f3f;
    font-size: 17px;
    line-height: normal;
    border-radius: 25px 0 0 25px;
    color: #ffff;
}
.popular_text::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(../media/images/popular_arrow.svg);
    background-size: cover;
    right: 0px;
    bottom: -12px;
    z-index: 1;
}
.explore_plan_section .line::after,
.explore_plan_section .line::before {
    display: block !important;
}
.my-container:nth-child(1) {
    animation-delay: 0s;
}
.my-container:nth-child(2) {
    animation-delay: 1s;
}
.my-container:nth-child(3) {
    animation-delay: 2s;
}
.my-container:nth-child(4) {
    animation-delay: 3s;
}
.my-container:nth-child(5) {
    animation-delay: 4s;
}
.my-container:nth-child(6) {
    animation-delay: 5s;
}
.my-container:nth-child(7) {
    animation-delay: 6s;
}
.my-container:nth-child(8) {
    animation-delay: 7s;
}
.text-box {
    padding: 20px 30px;
    position: relative;
    font-size: 16px;
    color: #1f1f1f;
    font-weight: 400;
    background-color: white;
    border-radius: 6px;
    max-width: 671px;
    margin: 0 auto;
    margin-left: 0;
}
.right-container .text-box {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}
.trackable_section span.box_icon {
    flex: none;
    width: 70px;
}
.mission_sec span.box_icon {
    flex: none;
    width: 40px;
}
.cursor_normal {
    cursor: auto !important;
}
.box_12 .cursor_normal {
    cursor: pointer !important;
}
.text-box h3,
.titele_h3_text {
    font-size: 28px !important;
    line-height: normal;
    font-weight: 600;
}
.text-box p {
    font-size: 18px;
    line-height: normal;
    color: #000;
    font-weight: 500;
}
.my-container h5 {
    position: absolute;
    color: #000;
    text-align: center;
    font-family: "Lato";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    right: -162px;
    top: 56px;
}
.right-container h5 {
    left: -995px;
}
.timeline-line {
    position: absolute;
    width: 4px;
    background-color: #2d98f6;
    top: 0;
    left: 50%; /* margin-left: -2px; */
    z-index: 1;
    height: 0;
    transition: height 0.5s ease;
    transform: translateX(-50%);
}
.timeline-image {
    position: absolute;
    left: 50%;
    width: 20px;
    height: auto;
    transition: top 0.5s ease;
    top: 0;
    transform: translateX(-50%);
}
.timeline_line_middle,
.timeline_line_bottom,
.timeline_line_top {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background: #f0f0f0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.timeline_line_bottom {
    top: auto;
    transform: translateX(-50%);
    bottom: 0;
}
.timeline_line_top {
    top: 0;
    transform: translateX(-50%);
    bottom: auto;
} /* .timeline-line::before { position: absolute; content: ""; background: #a3a3a3; width: 24px; height: 24px; border-radius: 50%; left: -10px; top: -3px; } */
.my-timeline::after {
    content: "";
    position: absolute;
    width: 4px;
    background-color: #f0f0f0;
    top: 0;
    left: 50%;
    z-index: -1;
    height: 100%;
    transform: translateX(-50%);
}
.offers_section2 {
    position: relative;
} /* .offers_section2::before { position: absolute; content: ""; width: 100%; height: 386px;
    left: 0; top: 0; background: url(../media/images/bg_qr_code_sec.png); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0; } */
.offers_section2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 287px;
    left: 0;
    top: 0;
    background: url(../media/images/bg_qr_code_sec.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0;
}
.qr_code_generator_box.offers_section2::before {
    height: 100%;
    border-radius: 7px;
} /* .offers_section .card img { width: 75px !important; margin: 0 auto; margin-right: 0; height: 75px; } */
.offers_section .card img {
    width: 60px !important;
    margin: 0 auto;
    margin-right: 0; /* height: 35px; */
}
#home_slider2 .owl-item {
    transform: scale(0.8);
    transition: transform 0.3s ease;
}
#home_slider2 .owl-item.center {
    transform: scale(1);
}
.offers_section2 .card img {
    width: auto !important;
    height: auto;
    margin: 0 auto;
    max-height: 210px;
}
.offers_section2 .card {
    min-height: 242px;
    display: grid;
    place-items: center;
}
.containt_box {
    margin: 48px 0 0;
}
.containt_box a,
.containt_box .title_box_h3 {
    font-size: 23px;
    line-height: normal;
    font-weight: 600;
    cursor: auto;
}
.containt_box p {
    font-size: 16px;
    line-height: normal;
    margin: 10px 0 0;
}
.owl-nav {
    display: none;
}
.owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    flex-wrap: wrap;
}
button.owl-dot {
    width: 12px;
    height: 12px;
    background: #cfcfcf !important;
    margin-right: 10px;
    border-radius: 50%;
    margin-bottom: 5px;
}
button.owl-dot:last-child {
    margin-right: 0;
}
button.owl-dot.active {
    background: #2d98f6 !important;
    outline: 1px solid #2d98f6;
    outline-offset: 2px !important;
}
.min-w-150 {
    min-width: 163px;
}
.custom_btn {
    background: #2d98f6;
    border: solid 1px #2d98f6 !important;
}
.custom_btn1 {
    background: transparent;
    box-shadow: none !important;
}
.custom_btn:hover {
    background: transparent;
    box-shadow: none !important;
}
.custom_btn1:hover {
    background: #2d98f6;
    box-shadow: 0 0 7px #2d98f6d4 !important;
}
.color_white {
    color: #ffffffab;
}
.socials_section .custom_btn:hover,
.procedure_box .custom_btn:hover,
.footer_section2 .custom_btn:hover {
    background: #071438;
    box-shadow: none !important;
    color: #fff !important;
    border-color: #071438 !important;
}
.faqs_section {
    background: #f2f9ff;
}
.faq_body {
    background: #f2f9ff !important;
}
.home-page .accordion-body h2 {
    font-size: 17px !important;
    font-weight: 500;
}
.home-page .accordion-header .accordion-button {
    font-size: 18px !important;
}
.procedure_box .card-body h4 {
    margin-left: 11px;
}
.accordion-button:not(.collapsed)::after {
    background: transparent;
    content: "-";
}
.accordion-button::after {
    background: transparent;
    content: "+";
    font-size: 25px;
    line-height: 20px;
    top: 50%;
    position: absolute;
    right: 25px;
    transform: translateY(-50%) !important;
    height: auto;
    width: auto;
    color: #000;
    font-weight: 400;
}
.custom_accordion .accordion-header,
.custom_accordion .accordion-item {
    background: transparent !important;
    border-radius: 0 !important;
}
.custom_accordion .accordion-header .accordion-button.collapsed,
.custom_accordion .accordion-header .accordion-button {
    background: #fff;
    border-radius: 12px;
    border-bottom: 1px solid transparent;
}
.custom_accordion .accordion-header .accordion-button {
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid #2d98f524;
    padding-right: 45px;
}
.custom_accordion .accordion-body {
    background: #fff;
    border-radius: 0 0 12px 12px;
}
.mar_bottom {
    margin-bottom: -2px;
}
footer.footer_section {
    background: url(../media/images/footer_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #001f3f;
}

.pre_footer {
    background: #002c59;
}
.middle_footer {
    padding: 95px 0 30px;
}
.contact_sec {
    display: flex;
    align-items: center;
}
.icon_sec {
    margin-right: 11px;
}
.number_sec a {
    color: #ffffffbd;
}
.pre_footer {
    padding: 30px 0;
}
.icon_sec svg path {
    fill: #fff;
    transition: 0.4s;
}
.icon_sec svg:hover path {
    fill: #2d98f6;
}
.contact_section .icon_sec svg path {
    fill: #002c59;
    transition: 0.4s;
}
.contact_section .number_sec a {
    color: #002851;
}
.border_right {
    border-right: solid 1px #ffffff3b;
}
.footer_item ul {
    margin: 0;
    padding: 0;
}
.footer_item ul li {
    list-style: none;
    margin: 0 0 20px;
}
.footer_item ul li:last-child {
    margin-bottom: 0;
}
.footer_item .nav-link {
    color: #ffffff96;
    font-size: 15px;
    font-family: var(--secondary-font) !important;
}
.footer_item .nav-link:hover {
    color: #fff;
}
.text_footer {
    color: #ffffff5c;
}
.footer_item {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
}
.footer_item span {
    width: 21px;
    display: inline-block;
    text-align: center;
    margin-right: 7px;
}
.max-w-364 {
    max-width: 364px;
    margin: 0 auto;
}
.copy_fight_sec {
    padding: 30px 0 0;
    border-top: solid 1px #ccc6;
    margin: 70px 0 0;
}
.landing_page1 .copy_fight_sec {
    padding: 20px 0 0;
    margin: 32px 0 0;
}
.landing_page1 .footer_section2 {
    padding-bottom: 20px;
}
.inner-section {
    min-height: 163px;
    display: grid;
    place-items: end;
    margin: 0 0 147px;
}
.inner-page .header_bg::before {
    background: url(../media/images/inner_bg.png);
    height: 337px;
    border-radius: 0 0 100px 100px;
}
.inner-title {
    font-size: 35px;
    line-height: normal;
    color: #fff;
}
li.breadcrumb-item.active a {
    color: #ffffffbd;
    font-weight: 700;
}
li.breadcrumb-item {
    margin-right: 22px;
}
li.breadcrumb-item:last-child {
    margin-right: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
    margin-left: -13px;
}
.breadcrumb-item a {
    color: #fff;
}
.breadcrumb-item.active {
    color: #fff;
}
.list-group {
    padding-left: 30px;
}
.list-group-item {
    font-size: 15px;
    line-height: normal;
    margin: 0 0 20px;
    background: transparent;
    border: none;
    padding: 0;
    position: relative;
    font-size: 15px;
    line-height: 23px;
    list-style: none;
    font-family: var(--secondary-font);
    color: #616161;
}
.list-group-item:last-child {
    margin-bottom: 0;
}
.list-group-item::before {
    position: absolute;
    content: "";
    background: url(../media/images/arrow_lis.svg);
    width: 25px;
    height: 25px;
    left: -32px;
    top: 2px;
    background-size: cover;
}
.plan_list .list-group-item::before {
    background: url(../media/images/arrow_list_plan.svg);
    width: 20px;
    height: 20px;
}
.bg_about_box::before {
    background: url(../media/images/bg_about_box.png);
    width: 410px;
    height: 283px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.about_section_bottom {
    background: url(../media/images/about_bg_bottom.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.contact_section iframe {
    width: 100%;
    min-height: 300px;
}
.contact_section.box_12 .box_icon {
    max-height: 95px;
    background: #2d98f6;
}
.contact_section.box_12 .box_icon img {
    min-width: 70px;
    max-height: 48px;
}
.exp_header {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 0 0 35px;
    border-bottom: solid 1px #e9e9e9;
    margin: 0 0 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.plan_active span {
    font-size: 17px;
    background: #16b332;
    padding: 2px 20px;
    display: inline-block;
    color: #fff;
    position: absolute;
    top: 17px;
    right: 0;
    border-radius: 15px 0px 0 15px;
}
.icon_ex {
    margin-right: 20px;
}
.text_title span {
    font-size: 15px;
    line-height: normal;
}
.explore_plan_section .text_title p {
    font-size: 47px;
    line-height: normal;
    font-weight: 600;
    color: #000;
}
.explore_plan_section .card.plan_card .text_title p {
    color: #fff;
}
.text_title p span {
    color: #9a9a9a;
}
.explore_plan_section .list-group-item {
    color: #1a1717;
}
.explore_plan_section .card.plan_card .list-group-item {
    color: #ffffff;
}
.plan_list .card.plan_card .list-group-item::before {
    background: url(../media/images/arrow_list_plan2.svg);
}
.explore_plan_section {
    padding: 0 0 100px;
}
.explore_plan_section {
    padding: 0 0 100px;
    position: relative;
    z-index: 2;
}
.explore_plan_section .list-group-item2::before {
    background: url(../media/images/list_exp2.svg);
    background-size: cover;
    width: 14px;
    height: 14px;
    top: 50%;
    transform: translateY(-50%);
}
.explore_plan_section2 .bg_about_box::before {
    background: url(../media/images/bg_about_box.png);
    width: 562.81px;
    height: 595.57px;
    background-size: cover;
    left: 16px;
    right: 0;
    margin: 0 auto;
    top: -329px;
    z-index: -2;
}
.explore_plan_section .card .card-body {
    padding: 15px 0 !important;
}
.explore_plan_section .card {
    height: 100%;
    padding: 20px 15px 40px;
}
.btn_exp {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    width: 100%;
}
.explore_plan_section2 {
    padding: 0 0 75px;
}
.btn_dark {
    background: black;
    z-index: 9;
    position: relative;
}
.btn_dark:hover {
    background: #2d98f6;
}
.card.plan_card {
    background: #2d98f6;
}
.card.plan_card .text_title span {
    color: #fff !important;
}
[data-bs-theme="light"] .explore_plan_section {
    --bs-primary-active: #002c59;
}
.plan_card .btn_dark:hover {
    background: #002c59;
} /* landing page css start here */
.your_self {
    margin: 50px 0 0;
}
.benner_section {
    background: url(../media/images/landing_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.custom_page_benner {
    background: url(../media/images/custom_page/custom-page-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.link_benner {
    background: url(../media/images/link/Banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.vcard_benner {
    background: url(../media/images/vCard/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.qrcode_menu_benner {
    background: url(../media/images/qrcode_menu/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.mobile_benner {
    background: url(../media/images/mobile/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.fb_benner {
    background: url(../media/images/fb/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.image_benner {
    background: url(../media/images/image/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.text_benner {
    background: url(../media/images/text/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.vedio_benner {
    background: url(../media/images/vedio/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.pdf_benner {
    background: url(../media/images/pdf/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.business_benner {
    background: url(../media/images/busness/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.business_benner2 {
    background: url(../media/images/business-qr-code-generator/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.free_benner {
    background: url(../media/images/free/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.social_benner {
    background: url(../media/images/social/benner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
} /* .case_iocn_box { max-width: 133px; max-height: 100px; min-height: 100px; margin: 0 auto; display: grid;
    place-items: center; } */
.create_section {
    background: url(../media/images/create_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.landing_page1 .btn {
    border-radius: 30px;
}
.home-page .landing-header .btn {
    border-radius: 5px;
}
.case_iocn {
    height: 50px;
}
.text-dark-1 {
    color: #858585;
}
.min-h-0 {
    min-height: auto !important;
}
.landing_page1 .case_section .card {
    box-shadow: 0 0 0px transparent;
    position: relative;
    transition: 0.4s;
}
.landing_page1 .case_section .card.line_right::before {
    position: absolute;
    content: "";
    border-right: 1px solid #e7e7e7;
    right: 0;
    top: 50%;
    width: 100%;
    height: calc(100% - 89px);
    transform: translateY(-50%);
}
.landing_page1 .case_section .active .card.line_right::before {
    display: none;
}
.landing_page1 .case_section .card.line_right:hover::before {
    display: none;
}
.landing_page1 .case_section .card a::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.landing_page1 .case_section .card:hover,
.landing_page1 .case_section .active .card {
    box-shadow: 0 2px 9px 3px #1516160a;
    transform: scale(1.1);
    position: relative;
    z-index: 1;
}
.landing_page1 .case_section .card:hover .text,
.landing_page1 .case_section .active .card .text {
    transition: 0.4s;
    color: var(--bs-text-primary) !important;
}
.case_iocn_box svg path {
    fill: #bfcbd7;
    transition: 0.4s;
}
.case_iocn_box.stroke1 svg path {
    fill: none;
    stroke: #bfcbd7;
}


.case_section .card:hover .case_iocn_box svg path,
.landing_page1 .case_section .active .card .case_iocn_box svg path {
    fill: #2d98f6;
}
.case_section .card:hover .case_iocn_box.stroke1 svg path,
.landing_page1 .case_section .active .card .case_iocn_box.stroke1 svg path {
    fill: none;
    stroke: #2d98f6;
}
.case_iocn_box.mask_icon svg  path {
    fill: none;
    stroke: #bfcbd7;
}
.case_iocn_box.mask_icon svg mask path {
    fill: #bfcbd7;
    
}
.case_section .card:hover .case_iocn_box.mask_icon svg path,
.landing_page1 .case_section .active .card .case_iocn_box.mask_icon svg path {
    fill: none;
    stroke: #2d98f6;
}
.case_section .card:hover .case_iocn_box.mask_icon svg mask path,
.landing_page1 .case_section .active .card .case_iocn_box.mask_icon svg mask path {
    fill: #2d98f6;
    
}
.case_section .card .case_arrow {
    opacity: 0;
    visibility: hidden;
    display: block;
    transition: 0.4s;
}
.landing_page1 .case_section .card:hover .case_arrow,
.landing_page1 .case_section .active .card .case_arrow {
    opacity: 1;
    visibility: visible;
}
.landing_page1 .line::before {
    width: 9px;
    height: 9px;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: solid 1px #1b84ff;
    border-radius: 50%;
}
.landing_page1 .line::after {
    display: none;
}
.landing_page1 .custom_btn {
    color: #fff;
}
.landing_page1 .custom_btn1 {
    color: #2d98f6;
}
.landing_page1 .custom_btn:hover {
    color: #2d98f6;
}
.landing_page1 .custom_btn1:hover {
    color: #fff;
}
.bg_social {
    background: #f7fafd;
    padding: 80px 50px 50px 0px;
    margin: 0 6px;
    margin-top: -30px;
    position: relative;
}
.tab-content .container {
    padding-left: 118px !important;
}
.create_section .card p {
    color: #012b56;
}
.procedure_box {
    margin-left: -207px;
    background: #f6f7fe;
    height: 100%;
    min-height: 470px !important;
}
img.procedure_shape {
    max-width: 230px; /* float: right;
    */
    margin: 0 auto;
    margin-right: 0;
    margin-bottom: -16px;
}
.future_box img,
.future_box svg {
    display: table;
    margin: 0 auto;
    margin-right: 0;
}
.card.future_box {
    position: relative;
    z-index: 1;
}
.card.future_box::before {
    position: absolute;
    content: "";
    background: #2d98f6;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    border-radius: 0 0 12px 12px;
    z-index: -1;
    transition: 0.4s;
}
.card.future_box:hover::before {
    height: 8px;
}
.align_self_end {
    align-self: flex-end;
}
.qr_code_generator_box .color_white:hover {
    color: #fff;
}
.scrolltop2 {
    z-index: 9999999;
}
.toggle_btn svg path {
    fill: #ffff;
}
[data-kt-sticky-landing-header="on"] .toggle_btn svg path {
    fill: #000;
}
.nav_btn_section .custom_btn:hover,
.nav_btn_section .custom_btn:active,
.nav_btn_section .custom_btn:focus {
    color: #000 !important;
    background: transparent;
}
.nav_btn_section .custom_btn1:hover,
.nav_btn_section .custom_btn1:focus,
.nav_btn_section .custom_btn1:active {
    color: #fff !important;
    background: #2d98f6;
}

.yourself_section {
    background: url(../media/images/your_self_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: -250px 0 0;
    padding: 207px 0 0;
}
.faqs_curiosity_section .custom_accordion .accordion-header .accordion-button.collapsed,
.faqs_curiosity_section .custom_accordion .accordion-header .accordion-button,
.faqs_curiosity_section .custom_accordion .accordion-body {
    border: solid 1px #f0f0f0;
}
.faqs_curiosity_section .custom_accordion .accordion-body {
    border-top: none;
}
.accordion-body p:last-child {
    margin-bottom: 0;
}
.faqs_curiosity_section {
    padding: 80px 0 0;
}
.faqs_arrow .accordion-button.collapsed::after,
.faqs_arrow .accordion-button::after {
    background: url(../media/images/faqs_arrow.svg);
    content: "";
    line-height: normal;
    top: 50%;
    position: absolute;
    right: 25px;
    transform: translateY(-50%) !important;
    height: 18px;
    width: 22px;
    transition: 0.4s;
}
.faqs_arrow .accordion-button::after {
    transform: translateY(-50%) rotate(56deg) !important;
}
.pre2_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.text_dark_blue {
    color: #003469;
}
.footer_section2 {
    background: url(../media/images/footer2_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 128px 0 30px;
    margin-top: -23px;
} /* tab */
.case_section .multipletab {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.case_section .tab-buttons {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
}
.case_section .tab-buttons > span {
    display: block;
    text-align: center;
    float: left;
    cursor: pointer;
    width: 20%;
    padding: 10px;
    padding-right: 0;
    padding-bottom: 0;
}
.case_section .tab-buttons.colunm_6 > span {
    width: 16.66%;
}
.case_section .tab-buttons > span:last-child {
    padding-right: 10px;
}
.case_section .tab-buttons > span.active {
    position: relative;
}
.case_section .tab-content {
    position: relative;
}
.case_section .tab-content > div {
    position: absolute;
    padding: 0 !important;
}
.case_section .tab-nav > span {
    position: absolute;
    top: calc(50% + 90px);
    cursor: pointer;
    display: block;
    transform: translateY(-50%);
}
.case_section .tab-nav > span.next {
    right: 10px;
}
.tab-nav > span.prev {
    left: 10px;
}
.case_section .colorebianco {
    fill: #ffffff !important;
}
.offers_section .owl-carousel .owl-item {
    padding: 6px;
}
.faqs_img_fixed {
    position: sticky;
    top: 150px;
    left: 0;
}
.offers_section .card:hover a {
    color: #2d98f6 !important;
}
.offers_section .card {
    padding: 30px;
}
.offers_section2 .card {
    border-radius: 10px !important;
}
.socials_section img {
    padding-right: 10px;
}
.custom_grid_dropdown .max-w-450 {
    max-width: 500px;
}
.custom_grid_dropdown .grid_btn {
    margin-left: -43px;
    background: transparent !important;
    padding: 0 !important;
}
.custom_grid_dropdown .grid_btn:focus,
.custom_grid_dropdown .grid_btn:hover,
.custom_grid_dropdown .grid_btn:active {
    background: transparent !important;
}
.custom_grid_dropdown .grid_btn svg path {
    fill: #001f3f;
}
.custom_grid_dropdown .header_input_boder {
    border: 1px solid #001f3f !important;
}
.custom_grid_dropdown .ki-magnifier .path2:before {
    color: #d3d3d3;
}
.custom_grid_dropdown .menu-sub-dropdown {
    width: 100% !important;
    top: calc(100% + 30px) !important;
    transform: none !important;
    position: absolute !important;
}
.custom_grid_dropdown .menu-sub-dropdown::before {
    position: absolute;
    content: "";
    background: url(../media/images/arrow_shap_dropdown.png);
    background-size: contain;
    width: 44px;
    height: 27px;
    top: -22px;
    right: 9px;
}
.custom_grid_dropdown .flatpickr-input svg {
    margin-left: 10px;
}
.custom_grid_dropdown .to_tex {
    padding: 0 9px;
    font-size: 18px;
    line-height: normal;
} /*
    .daterangepicker.show-calendar .drp-buttons { display: none !important; } */
.btn_group {
    margin: 15px 0 0;
}
.btn_group .btn {
    margin: 0 0 15px !important;
}
.form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: transparent;
}
.form-switch.form-check-solid .form-check-input {
    border: solid 1px #b4b4b4;
    background-color: transparent;
    --bs-form-switch-bg: url("../media/images/check_arrow.svg");
    width: 43px !important;
    height: 18px !important;
    cursor: pointer;
}
.form-check-input {
    cursor: pointer;
} /* .form-switch.form-check-solid .form-check-input + label{ cursor: pointer; } */
.form-switch.form-check-solid .form-check-input:checked {
    --bs-form-switch-bg: url("../media/images/check_arrow2.svg");
    border-color: #b4b4b4;
    background-color: #b4b4b4;
}
.form-switch.form-check-solid.form-check-custom .form-check-input {
    border-color: #00a1e2;
    background-color: transparent;
    --bs-form-switch-bg: url("../media/images/check_arrow2_2.svg");
}
.form-switch.form-check-solid.form-check-custom .form-check-input:not(:checked) {
    --bs-form-switch-bg: url("../media/images/check_arrow2_2.svg");
}
.form-check-custom .form-check-input:checked {
    background-color: #2d98f6 !important;
    border-color: #2d98f6 !important;
    --bs-form-switch-bg: url("../media/images/check_arrow2.svg") !important;
}
.form-check-custom .form-check-input:focus,
.form-check-custom .form-check-input:focus-visible {
    border-color: #2d98f6 !important;
}
.tab_name_list_pad a.nav-link.btn {
    padding: 9px 20px !important;
}
.redio_btn .form-switch.form-check-solid .form-check-input:not(:checked),
.redio_btn .form-check-input:checked {
    background-color: transparent !important;
  
    border: none !important;
    width: 67px !important;
    height: 67px !important;
    cursor: pointer !important;
    position: relative !important;
    transition: 0.4s;
    margin: 10px !important;
}
 .redio_btn  .form-switch.form-check-solid.custom_social_media .form-check-input:not(:checked),
 .redio_btn .custom_social_media .form-check-input:checked {
    background: transparent;
}
.eye_ball_sec .redio_btn .form-switch.form-check-solid .form-check-input:not(:checked),
.eye_ball_sec .redio_btn .form-check-input:checked {
    width: 46px !important;
    height: 46px !important;
}
.eye_ball_sec .redio_btn .form-switch.form-check-solid .form-check-input:checked::before {
    top: 48%;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    left: 58%;
}
.redio_btn.redio_pattern .form-switch.form-check-solid .form-check-input:checked::before {
    left: 54%;
}
.redio_btn.redio_fram .form-switch.form-check-solid .form-check-input:checked::before {
    left: 53.5%;
}
.eye_ball_sec .fram_redio .form-switch.form-check-solid .form-check-input:not(:checked),
.eye_ball_sec .fram_redio .form-check-input:checked {
    width: 21px !important;
    height: 31px !important;
}
.eye_ball_sec .fram_redio .form-switch.form-check-solid .form-check-input:checked::before {
    width: calc(100% + 16px);
    height: calc(100% + 7px);
    top: 50%;
    left: 63.5%;
}
.redio_pattern .form-switch.form-check-solid .form-check-input:not(:checked),
.redio_pattern .form-check-input:checked {
    width: 53px !important;
    height: 73px !important;
    padding: 3px;
    border-radius: 0 !important;
}
.redio_btn .form-switch.form-check-solid .form-check-input:checked::before {
    content: "";
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    margin: 0;
    z-index: 999999;
    position: absolute;
    left: 55.5%;
    top: 43%;
    transform: translate(-50%, -50%);
    border: solid 1px #2d98f6;
    border-radius: 50%;
    transition: 0.4s;
}
.modal-content .redio_btn .form-switch.form-check-solid .form-check-input:checked::before {
    width: calc(100% - 11px);
    height: calc(100% - 11px);
    left: 56%;
    top: 46%;
}
.selected_input .redio_btn .form-switch.form-check-solid .form-check-input:checked::after {
    content: url(../media/icons/selected.svg);
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
    z-index: 999999;
    position: absolute;
    right: 3px;
    bottom: 1px;
}
.redio_pattern .form-switch.form-check-solid .form-check-input:checked::before {
    width: calc(100% + 20px);
    height: 100%;
    top: 50%;
    border-radius: 8px;
}
.creat_new_box .selected_input .redio_btn .form-switch.form-check-solid .form-check-input:checked::after {
    right: 2px;
    bottom: 2px;
} /* .creat_new_box .redio_btn .form-switch.form-check-solid .form-check-input:not(:checked), .creat_new_box .redio_btn .form-check-input:checked, .geller_icon_bus_section .redio_btn .form-switch.form-check-solid
    .form-check-input:not(:checked), .geller_icon_bus_section .redio_btn .form-check-input:checked { width: 66px !important; } */
.creat_new_box .redio_btn .form-switch.form-check-solid .form-check-input:checked::before {
    top: 46%;
}
.geller_icon_bus_section .redio_btn .form-switch.form-check-solid .form-check-input:checked::before {
    width: calc(100% - 7px);
    height: calc(100% - 7px);
    left: 55%;
    top: 46%;
}
 .geller_icon_bus_section .redio_btn .form-switch.form-check-solid .form-check-input:checked::before {
    top: 47%;
}
.drop_down_lable .form-check-custom input.form-check-input {
    opacity: 0;
    width: 0 !important;
}
.drop_down_lable .form-check-input:checked + label {
    background-color: var(--color1) !important;
    color: #fff !important;
}
.btn_group .btn {
    margin: 0 0 15px !important;
}
.form-check.custom_social_media img.media_network {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.redio_fram .form-switch.form-check-solid .form-check-input:not(:checked),
.redio_fram .form-check-input:checked {
    width: 111px !important;
    height: 121px !important;
}
.redio_fram .form-switch.form-check-solid .form-check-input:checked::before {
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    top: 50%;
    border-radius: 8px;
}

.left_sidebar_bt_clock_div {
    display: block;
    width: 100%;
}
.list_view_btn_two .cutom_gri_btn {
    margin-right: -7px;
}
.list_view_btn_two .cutom_gri_btn1 {
    background: #00203E;
    border-color: #00213D !important;
    z-index: 3;
    color: #FFFFFF;
}
.list_view_btn_two .cutom_gri_btn:hover {
    z-index: 4;
}
.list_view_btn_two .cutom_gri_btn1:hover {
    border-color: #001f3f !important;
}
.list_view_btn_two .btn_theme_filter3 svg path {
    fill: #b4b4b4;
}
.list_view_btn_two .cutom_gri_btn1 svg path {
    fill: #04afe4 !important;
}
.list_view_btn_two .cutom_gri_btn1:hover svg path {
    fill: #fff !important;
}
.check_box_none {
    display: none;
}
.dropify-wrapper {
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 22px;
    border-radius: 10px;
    color: #2f4c7d;
    background-color: #fff;
    background-image: none;
    text-align: center;
    border: 2px dashed #001f3f;
    -webkit-transition: border-color 0.15s linear;
    transition: border-color 0.15s linear;
    display: grid;
    place-items: center;
    margin: 20px 0 0;
}
.dropify-wrapper:hover {
    background: #f1f3f5;
}
.dropify-wrapper input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}
.dropify-wrapper input {
    height: 100%;
    width: 100%;
}
button,
input {
    overflow: visible;
}
.dropify-wrapper p {
    color: #000;
    font-weight: 600;
}
.dropify-wrapper .text2 {
    font-size: 14px;
    font-weight: 500;
}
.drop_box_show .img_box_logo {
    width: 35px;
    height: 35px;
    border: solid 1px #dcdcdc;
    border-radius: 6px;
    padding: 3px;
    overflow: hidden;
    min-width: 35px;
}
.backgroud_tab_sec .drop_box_show .img_box_logo {
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 6px;
    padding: 0;
    display: grid;
    place-items: center;
}
.backgroud_tab_sec .drop_box_show .img_box_logo svg {
    width: 100%;
    height: 100%;
}
.backgroud_tab_sec .drop_box_show .img_box_logo svg path {
    fill: #009bf2;
}
.drop_box_show .left_box_drop {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 5px 0 0;
    word-break: break-all;
    word-wrap: break-word; 
}
.drop_box_show .img_box_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.drop_box_show .img_text p {
    margin: 0;
    font-size: 14px;
    color: #000;
    padding: 0 12px;
    word-break: break-all;
    word-wrap: break-word;
}
.drop_box_show .line_half {
    display: inline-block;
    min-width: 245px;
    background: #ffff;
    padding: 7px;
    border-radius: 14px;
    position: relative;
    margin: 0px 15px 0px 0;
}
.drop_box_show .line_1 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #2d98f6;
    padding: 7px;
    border-radius: 10px;
    width: 30%;
}
.drop_box_show .parsen_tet .text {
    color: #000;
}
.icon-boxupoad p.text2 span {
    color: #000 !important;
    font-weight: 600;
}
.drop_box_show {
    background: #f5fbff;
    padding: 15px;
    border-radius: 12px;
    margin: 20px 0 0;
    align-items: center;
    flex-wrap: nowrap !important;
    margin: 10px 5px 0 0;
    word-break: break-all;
    word-wrap: break-word;
}
.progress-text{    width: 50px;}
.drop_box_show .btn.mi-w-auto {
    min-width: auto !important;
}
.geller_icon_section .selected {
    position: relative;
}
.geller_icon_section p {
    color: #454545;
}
.geller_icon_section .selected::after {
    content: url(../media/icons/selected.svg);
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
    z-index: 999999;
    position: absolute;
    right: 3px;
    bottom: 12px;
}
.geller_icon_section a {
    margin-bottom: 10px;
    display: inline-block;
}
.geller_icon_section a {
    position: relative;
}
.geller_icon_section {
    padding: 15px 0 0;
}
.geller_icon_section a::before {
    content: "";
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 999999;
    position: absolute;
    left: 0;
    top: -5px;
    border: solid 1px #2d98f6;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}
.patter_tab_sec .geller_icon_section a::before {
    height: calc(100% - 10px);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
}
.geller_icon_section.geller_icon_section2 a::before {
    height: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
}
.eye_ball_sec .geller_icon_section a::before {
    top: 0px;
    border-radius: 7px;
}
.geller_icon_section a:hover::before {
    visibility: visible;
    opacity: 1;
}
.tab-pane .text2 {
    color: #454545;
}
.input_color_type_sec input {
    display: block;
    width: calc(100% - 67px);
    float: left;
    height: 46px;
    padding: 5px 10px;
    background: transparent;
    border: solid 1px #001f3f;
    border-radius: 10px;
    margin-right: 15px;
}
.input_color_type_sec2 input {
    width: calc(100% - 99px);
}
.input_color_type_sec3 input {
    width: 100%;
}
.input_color_type_sec2 .custom_reset {
    float: left;
    padding: 12px 14px 12px 0 !important;
}
.input_color_type_sec ::placeholder,
.input_color_type_sec input,
.form-group ::placeholder {
    color: #b4b4b4 !important;
}
.input_color_type_sec input,
input {
    color: #3c3c3c !important;
}
.color_control_input,
.color_control_input input {
    overflow: hidden;
    border-radius: 10px;
    border: none !important;
    outline: none !important;
    border: none !important;
    width: 51px;
    margin-right: 0;
    padding: 0;
    cursor: pointer;
}
.color_control_input input {
    width: 104%;
    margin: -1px;
}
#colorSection .color_control_input.bac_color_picker {
    border: solid 1px #000 !important;
}
.patter_tab_sec .geller_icon_section a {
    padding: 15px;
    margin: 0 10px 0 0;
}
.select_sec {
    min-width: 133px;
}
.input_select_none span.select2-search.select2-search--dropdown {
    display: none;
}
.arrow_option_none .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    display: none;
}
.select_sec .form-select,
.select,
select {
    border: 1px solid #001f3f !important;
    padding: 11.29px 10px;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #322f2f !important;
}
.select_sec .form-select {
    --bs-form-select-bg-img: url("../media/images/select_arrow.png") !important;
    background-size: auto !important;
}
.explore_plan_section .select_sec {
    display: table;
    margin: 0 auto;
}
.plan_select .form-select {
    border: 2px solid #1b84ff !important;
}
.plan_select .select2-selection__rendered {
    font-size: 18px;
}
input[type="range"] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}
input[type="range"]::-webkit-slider-runnable-track {
    width: 50%;
    height: 2px;
    cursor: pointer;
    background: #2d98f6;
    border: 0px solid #2d98f6;
}
input[type="range"]::-webkit-slider-thumb {
    height: 80px;
    width: 80px;
    background: url(../media/images/slider_range2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -18px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #2d98f6;
}
input[type="range"]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #2d98f6;
    border: 0px solid #2d98f6;
}
input[type="range"]::-moz-range-thumb {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #2d98f6;
    cursor: pointer;
}
.eye_frame_sec a {
    padding: 8px 12px;
}
span.select2-search.select2-search--dropdown {
    display: none;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    display: none;
}
.hidden {
    display: none;
}
.color_section_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.color_section {
    border: solid 1px #b4b4b4;
    border-radius: 7px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 78px;
    min-height: 40px;
}
.vcard_slider_check .color_section {
    width: 100% !important;
    display: block;
}
.vcard_slider_check .owl-dots {
    display: none;
}
.vcard_slider_check .owl-nav .owl-prev,
.vcard_slider_check .owl-nav .owl-next {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    left: -28px;
}
.vcard_slider_check .owl-nav .owl-next {
    left: auto;
    right: -28px;
}
.vcard_slider_check span {
    font-size: 50px;
    color: #007bff;
}
.color_section .color_control_input {
    border-radius: 7px;
    width: 28px;
    height: 28px;
    margin: 6px;
}
.color_section .color_control_input input {
    width: 110%;
    height: 110%;
    margin: -1px;
}
.color_control_input:last-child {
    margin-left: 0;
}
.commbo_sec input.form-check-input {
    width: 0 !important;
    padding: 0 !important;
    opacity: 0;
    margin: 0 !important;
    border: none !important;
    height: 0 !important;
    display: none;
}
.commbo_sec .form-check-label {
    cursor: pointer;
}
.commbo_sec input:checked + .color_section {
    border-color: #2d98f6;
}
.explore_plan_section.home-page .input_redio {
    display: none;
}
.explore_plan_section.home-page label .card {
    border: solid 4px transparent;
    cursor: pointer;
}
.explore_plan_section.home-page input.input_redio:checked + label .card {
    border-color: #2d98f6;
    box-shadow: 0 0 5px #2d98f6;
}
.explore_plan_section.home-page input.input_free_plan:checked + label .card {
    border-color: #e6f3ff;
    box-shadow: 0 0 5px #e6f3ff;
}
.explore_plan_section.home-page input.input_redio:checked + label .card::after {
    content: url(../media/icons/selected_3.svg);
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
    z-index: 999999;
    position: absolute;
    right: -9px;
    bottom: -3px;
}
.vcard_slider_check label {
    border: solid 4px #ccc0;
    border-radius: 25px;
    padding: 5px;
}
.vcard_slider_check .item {
    position: relative;
}
.vcard_slider_check .form-check-input {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    opacity: 0;
}
.vcard_slider_check input:checked + label,
.vcard_slider_check .item.vcard_active > label {
    border-color: #2d98f6;
    box-shadow: 0 0 5px #2d98f6;
}
.bg_white_dark {
    background: #e0e0e0 !important;
}
.color_section.selected {
    position: relative;
}
.commbo_sec input:checked + .color_section::after,
.customize_re_tabs .owl-item .item.inner-custom-active::after,
.vcard_slider_check input:checked + label::after,
.vcard_slider_check .item.vcard_active > label::after {
    content: url(../media/icons/selected.svg);
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
    z-index: 999999;
    position: absolute;
    right: -9px;
    bottom: -3px;
}
.customize_re_tabs .owl-item .item.inner-custom-active::after {
    content: url(../media/icons/selected_3.svg);
    width: 30px;
    height: 30px;
    right: 1px;
    bottom: 2.2px;
}
.w_section .commbo_sec input:checked + .color_section::after {
    content: url(../media/icons/selected2.svg);
    bottom: -7px;
}
.scroll_sec {
    max-width: 320px;
    max-height: 44px;
    overflow: hidden;
    overflow-y: auto;
    padding: 4px;
}
.scroll_sec p:last-child {
    margin-bottom: 0;
}
.vcard_slider_check input:checked + label::after,
.vcard_slider_check .item.vcard_active > label::after {
    bottom: 3px;
    right: -3px;
}
::-webkit-scrollbar {
    width: 5px !important;
    border-radius: 10px !important;
}
::-webkit-scrollbar-track {
    background: #f4f4f4 !important;
}
::-webkit-scrollbar-thumb {
    background: #023f0000 !important;
}
.main_body_sec ::-webkit-scrollbar {
    width: 0px !important;
    border-radius: 0px !important;
}
.face_iocn {
    min-width: 170px;
    padding-top: 5px;
}

.face_url_sec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 5px 0 0;
}
.face_url_sec:first-child{margin-top: 20px;}
.deleted_icon {
    padding: 9.5px 11px;
    display: inline-block;
    border-radius: 12px;
    border: solid 1px #001f3f;
}
.face_input.input_color_type_sec {
    width: calc(50% - 134px);
}

input:focus-visible,
.form-control:focus,
input:focus {
    border-color: #2d98f6 !important;
    outline: none !important;
}
input {
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
}
.landing_page1 .toggle_btn.btn {
    padding: 0 !important;
}
.max_width_main_title1 {
    max-width: 777px;
}
.max_width_main_title2 {
    max-width: 843px;
}
.sticky_main .wrapresult {
    padding: 15px;
    border: solid 1px #bababa78;
    border-radius: 10px;
    margin: 23px 0 0;
}
.sticky_main .placeresult {
    box-shadow: none;
    padding: 0;
}
.tab-content .owl-carousel .owl-item label {
    display: grid;
    place-items: center;
    min-height: 200px;
}
.tab-content .owl-carousel .owl-item label img {
    max-height: 200px;
}
.select_cutom1 .form-select,
.select_cutom1 select {
    height: 46px !important;
}
.select_cutom1 .select2-selection__rendered {
    font-size: 13px !important;
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
    color: #b4b4b4 !important;
}
select,
.select2-selection__rendered {
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
}
.sticky_main .tab_name_list_pad a.nav-link.btn {
    padding: 16px 5px !important;
    min-width: 101px !important;
    line-height: 0 !important;
    height: auto !important;
    min-height: auto !important;
}
.sticky_main .tab_name_list_pad {
    padding-bottom: 4px;
    padding-top: 0;
}
.text-primary {
    color: #2d98f6 !important;
}
.appli_sec1 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: left;
    gap: 20px;
}
.appli_sec1 a {
    width: 25%;
    display: inline-block;
    text-align: center;
    box-shadow: 0 0 3px #e5e5e5cf;
    padding: 10px;
    border-radius: 10px;
}
.appli_sec1 .app_1 {
    background-image: linear-gradient(to bottom, #1d77f2, #1ac0fa);
}
.appli_sec1 .app_3 {
    background: #ff9900;
}
.appli_sec1 .app_4 {
    background: #ff6700;
}
.menu_card {
    margin: 10px;
    display: flex;
    align-items: center;
    width: 100%;
}
.menu_category_section .color_section {
    width: calc(33.5% - 30px);
}
.dots_icon {
    flex: none;
    margin: 0 10px 0 0;
}
.img_restaur_box {
    flex: none;
    min-width: 35px;
    margin: 0 12px 0 0;
}
.menu_title h4 {
    font-size: 15px;
    line-height: normal;
    margin: 0;
    padding: 0 0 2px;
}
.menu_title p {
    margin: 0;
    padding: 0;
    font-size: 13px;
}
.btn.edit_btn {
    position: absolute;
    top: 6px;
    right: 8px;
}
.creat_new_box_top {
    padding: 20px 0 0;
    border-top: solid 1px #e4e4e4;
    margin: 20px 0 0;
}
.creat_new_box {
    background: #f9fcff;
    padding: 28px;
    border-radius: 10px;
}
.form-check.form-check-solid .form-check-input {
    margin-top: 0px;
}
.form-check-input,
.form-check-input + label {
    cursor: pointer;
}
.creat_new_box .form-check.form-check-solid .form-check-input {
    margin-top: 0px;
    background-color: transparent !important;
    border: solid 1px #d9d9d9;
}
.creat_new_box .form-check.form-check-solid .form-check-input:checked[type="checkbox"] {
    background-color: #071437 !important;
    border-color: #071437 !important;
}
.max-w-495 {
    max-width: 495px;
}
.time_pikar_sec .ki-duotone {
    margin-left: 10px;
}
.time_pikar_sec input {
    height: 46px;
    border: 1px solid #001f3f !important;
    padding-left: 40px !important;
}
.to_tex {
    font-size: 18px;
    font-weight: 500;
}
/* .time_pikar_sec .ki-duotone::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -14px;
    width: 2px;
    height: 14px;
    z-index: 1;
    background: #001f3f;
} */
.w_section .color_section {
    border-radius: 50%;
    width: auto;
    background: #fff;
    box-shadow: 0 0 5px #b9b9b94f;
    border-color: transparent;
}
.w_section .color_section .color_control_input {
    width: 40px;
    height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-size: 13px;
}
.w_section .commbo_sec input:checked + .color_section span {
    color: #00a1e2;
}
.w_section .color_section_main {
    gap: 20px;
    justify-content: left;
}
.text-align-right {
    text-align: right;
}
.content {
    padding: 0;
}
.min_width_135 {
    min-width: 135px;
}
.npbtn {
    top: 63%;
}
.form-check-input[type="checkbox"] {
    border-radius: 5px !important;
}
.chackbox_all input {
    border: 1px solid #777777;
    background-color: transparent;
    margin-left: -13px !important;
    border-radius: 0.45em !important;
    margin-top: 0px;
    margin-right: 5px;
}
.chackbox_all2 {
    margin-left: 16px;
}
.chackbox_all2 input {
    border: 1px solid #777777;
}
.scannability_div_yellow h4 {
    font-family: var(--primary-font);
    color: #856404;
    text-transform: uppercase;
    font-size: 25px;
    background: #fff3cd;
    padding: 8px 40px 7px 40px;
    line-height: 30px;
    border-radius: 5px;
}
.scannability_div_red h4 {
    font-family: var(--primary-font);
    color: #813838;
    text-transform: uppercase;
    font-size: 25px;
    background: #fee2e1;
    padding: 8px 40px 7px 40px;
    line-height: 30px;
    border-radius: 5px;
}
.btn-group-lg > .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline),
.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline).btn-lg {
    padding: calc(0.825rem + 1px) calc(1.75rem + 1px) !important;
}
#vcard_con_slider_1 .owl-nav {
    display: block !important;
}
.billing_table th,
.billing_table td {
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: var(--bs-body-font-family);
    padding: 7px 10px;
    line-height: normal;
    text-wrap: nowrap;
    vertical-align: middle;
}
.billing_table td {
    font-weight: 400 !important;
}
.explore_plan_section .billing_section .card {
    height: 100%;
    padding: 20px;
    min-height: inherit;
}
.sub_heading {
    padding: 0 0 20px;
    margin: 0;
    color: #08c4ff;
}
.billing_border_top {
    border-top: solid 1px #ccc !important;
    padding: 10px 0 0;
}
.card-title_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0 15px;
    align-items: center;
}
.text-green {
    color: #009506;
}
.billing_active {
    display: inline-block;
    background: #16b332;
    padding: 5px 8px;
    font-size: 13px;
    line-height: normal;
    color: #fff;
    border-radius: 5px;
    margin-left: 14px;
}
.showbox .loader {
    position: relative;
    margin: 0 auto;
    width: 100px;
}
.loader:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.showbox .circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.showbox .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
@keyframes color {
    100%,
    0% {
        stroke: #2320d6;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #00874300;
    }
    80%,
    90% {
        stroke: #ffa700;
    }
}
.showbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5%;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}
.hide_loader_box .showbox {
    display: block;
}
.qr_not_foundimg {
    margin: 0px;
    padding: 40px 0;
}
.custom_max_500 {
    max-width: 500px;
    margin: 0 auto;
}
.wrapper_full {
    padding-left: 0 !important;
}
.explore_plan_section .select_sec ul {
    border: none;
}
.explore_plan_section .select_sec ul li {
    margin-right: 10px;
}
.explore_plan_section .select_sec ul li:last-child {
    margin-right: 0;
}
.explore_plan_section .select_sec ul li a {
    border-radius: 5px !important;
    border: solid 1px #cccccc63 !important;
}
.pre_footer .col-sm-6.col-md-6.col-lg-6.border_right {
    display: none;
}
.pre_footer .contact_sec {
    justify-content: start !important;
}
.frame_slider_2 .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    object-fit: scale-down;
    height: 100%;
    height: 100%;
    min-height: 153px;
}
.menu_category_section .color_section_main {
    justify-content: start;
    align-items: stretch;
}
.menu_category_section .commbo_sec input:checked + .color_section {
    border-color: #b4b4b4;
}
.menu_category_section .commbo_sec input:checked + .color_section::afte{
    display: none !important;
}
.menu_category_section .commbo_sec input:checked + .color_section::after {
    opacity: 0;
    visibility: hidden;
}
.menu_card {
    margin: 26px 10px 10px;   
}
.sticky2{position: sticky;top: 70px;padding: 0px;}
.web_app_main {
    background: #F2F9FF;
    padding-top: 30px !important;
    padding-bottom:0px !important;
}

.uploding_list{}
.uploding_list_item{margin-top: 15px !important;}
.uploding_list_item_span{width: calc(100% - 55px);}

.wrap_text1{    word-break: break-word;}
.wrap_text2{      word-break: break-all;}
.cookie-consent button {
    background: #04afe4;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #001f3f;
    color: #fff;
    padding: 15px;
    text-align: center;
    z-index: 9999;
}
svg.close_icon, .active svg.open_icon {
    display: none;
}
.active svg.close_icon {
    display: inline-block;
}

/* 27-11-2024 */

.max-w-222 {
    max-width: 125px;
    margin: 0 auto;
}
.max-w-488 {
    max-width: 554px;
    margin: 0 auto;
    margin-right: 0;
}
.cursor_default {
    cursor: auto !important;
}
/* dropdown css */
.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background: #fff !important;
}
.aside .aside-menu .menu .menu-item.show .menu-arrow:after {   
    transform: rotate(-90deg);
    background: #fff !important;
}

/* 15-12-25 */
.upgrade_section {
    padding: 136px 0 80px;
}
.upgrade_section p{color: #000000;}
.home-page .upgrade_section .card {
    min-height: initial;
}
.upgradeimg {
    margin: -56px 0 0;
}
.upgrade_section .card {
    background-image: url(../media/images/upgrade_bgbox.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.benefit_mainsecion {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 0;
    justify-content: center;
}
.benefitsbox {
    width: 20%;
}
.benefitsbox {
    transition: .5s;
    position: relative;
    overflow: hidden;
}
.benefitsbox img {
    transition: .5s;
}
.benefitsbox:hover img {
    transform: scale(1.1);
}
.benefit_content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 24px;
    margin: 0 !important;
}
.benefit_content .title_box_h3{
    font-weight: 500;
}
.benefitsbox img {
    width: 100%;
}
.upgrade_section .containt_box {
    padding: 15px 0;
}
.templatesaddsection {
    background: url(../media/images/templates_bg.png);
    z-index: 1;
}

.bg-attachment-fixed {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.templatesaddsection::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #040508d1;
    left: 0;
    top: 0;
    z-index: -1;
}