table.dataTable.cell-border > tbody > tr > th, table.dataTable.cell-border > tbody > tr > td {
    border-top: 1px solid rgb(207 207 207);
    border-right: 1px solid rgb(203 203 203);
}

.fbt-btn {
    width: 100%;
    background-color: #ebebeb;
    overflow: hidden;

}

body {
    /* font-family: 'Lato', sans-serif !important; */
    font-family: "Nunito Sans", sans-serif !important;
    background-color: #f4f6f9;
}

.wrapper {
    /* padding-bottom: 55px; */
}

img {
    width: 100%;
}

.fbt-btn .btn-custom {
    width: 15%;
    background-color: #f46307;
    color: #fff;
    border: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 9px 0px;
    text-transform: uppercase;
    font-weight: 600;

}

.ac_results {
    padding: 0px;
    border: 0px solid #58C7EC;
    background-color: #FFFFFF;
    overflow: hidden;
    z-index: 99999;
    width: 277px !important;
    border-radius: 0;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}

.ac_results ul::-webkit-scrollbar {
    width: 10px;
    background: #767676;
}

.ac_results li {
    margin: 0px;
    cursor: default;
    display: block;
    text-align: left;
    overflow: hidden;
    padding: 13px 8px 31px 15px;
    line-height: 20px;
    font-size: 13px;
    font: #450909;
    color: #686868;
    border-bottom: #d8d8d8 1px solid;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.error {
    color: red;
}

.panel_layout {
    background-color: #00000000;
    border: none;
    text-align: center;
    padding: 5px 0px;
    background: linear-gradient(90deg, rgb(255 169 169) 0%, rgb(201 201 201) 100%);
    background: url(../assets/sign-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.panel_access {
    display: flex;
    align-items: center;
    height: 100vh;
    flex-wrap: wrap;
}

.panel_access .img-set {

    overflow: hidden;

    /* display: none; */

    height: 540px;

    max-height: 585px;

    /* min-height: 1000px; */
}

.panel_access .img-set img {

    /* display: inline-flex; */

    width: auto;
}

.panel_access .access_sec {
    /* box-shadow: 0px 4px 5px #00000080; */
    padding: 23px 26px 4px;
    overflow: hidden;
    max-height: 585px;
    border-radius: 0px;
    border: none;
    background: #ffffff;
    /* background-image: linear-gradient(to bottom right, #0362ff, #0007a1); */
}

.panel_access .access_sec .text-show {/* display: flex; */justify-content: space-between;}
.panel_access .access_sec .text-show .lhs-txt{
    text-align: center;
}
.panel_access .access_sec .text-show .rhs-txt{}
.panel_access .access_sec .text-show .rhs-txt .register-btn{
    color: #8D8D8D;
    =: #No
    Account ?Sign up;
    display: flex;
    flex-direction: column;
    line-height: 15px;
}
.panel_access .access_sec .text-show .rhs-txt .register-btn a{
    color: #EB6335;
    text-decoration: none;
}
.panel_access .access_sec .text-show .rhs-txt .register-btn a:hover{
    color: #db0707;
}
.panel_access .access_sec .text-show .lhs-txt h3 {
    font-weight: 500;
    /* text-transform: uppercase; */
    font-size: 23px;
    color: #000;
    margin-bottom: 11px;
    text-transform: capitalize;
}
.panel_access .access_sec .text-show .lhs-txt h2 {
    font-weight: 500;
    font-size: 17px;
    color: #000;
    margin-bottom: 17px;
    text-transform: capitalize;
}
.panel_access .access_sec .text-show .lhs-txt h3 span{
    color: #e82823;
}
.panel_access .access_sec .text-show h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #e83f47;
}

.panel_access .access_sec .text-show p {
    color: #003d85;
}

.panel_access .access_sec .access_icon {
    background-color: #ffffff00 !important;
    border: none;
    text-align: center;
    padding: 5px 0px;
}

.panel_access .access_sec .access_icon img {
    width: 38%;
    margin-bottom: 0px;
}

.panel_access .access_sec .access_icon p {
    font-size: 12px;
    margin-bottom: 0px;
}

.panel_access .access_sec .access_log_btn {
    width: 70%;
    /* background-color: #EB6335; */
    background-image: linear-gradient(to right, #f27326, #d22b00);
    border: 0px #EB6335 solid;
    text-transform: uppercase;
    padding: 13px 0px;
    margin: 0;
    margin-left: auto;
    /* border-radius: 11px; */
    /* display: flex; */
    /* text-align: center; */
    justify-content: center;
    font-weight: 700;
}

.panel_access .access_sec .access_log_btn:hover {
    background-color: #ff010a;
  
}

.login_dash {
    width: 100%;
}
.login_dash_bg{
    background: #fff;
    /* height: 556px; */
    border-radius: 22px;
    box-shadow: 0px 5px 9px #00000054;
    overflow: hidden;
}

.login_dash .ads_sec{
    padding: 43px 19px;
    /* background: url(../assets/ads/ad_bg.png); */
    height: 100%;
    display: block;
}
.login_dash .ads_sec h3{
    color: #112970;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 26px;
}
.login_dash .ads_sec .hotel_show{
    padding: 0;
}
.login_dash .ads_sec .hotel_show p{
    margin: 0;
    font-size: 15px;
    color: #040404;
}
.login_dash .ads_sec .hotel_show .hotel_img{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 20px;
    overflow: hidden;
    border: #4f4f4f52 7px solid;
}
.login_dash .ads_sec .hotel_show .hotel_img img{
    width: 100%;
    object-fit: cover;
}
.login_dash .ads_sec .hotel_show ul{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_dash .ads_sec .hotel_show ul li{
    list-style: none;
    padding: 0px 3px;
}
.login_dash .ads_sec .hotel_show ul li i{
    color: #ff6417;
}

 .support-best {
    padding: 0 9px 12px 9px;
}

 .support-best .support-box {
    display: flex;
    align-items: center;
    /* background: #dcf7d3; */
    padding: 13px 12px;
    padding-left: 0;
    /* border-radius: 6px; */
    border-right: 1px #ccc solid;
}
.b-none{
    border:none !important;
}
.support-best .support-box .ico-img {
    margin-right: 15px;
    width: 25%;
}

.support-best .support-box .ico-img img {}

.support-best .support-box .text-set {
    text-align: left;
}

.support-best .support-box .text-set h3 {
    font-size: 15px;
    margin-bottom: 2px;
    font-weight: 600;
}

.support-best .support-box .text-set p {
    font-size: 13px;
    margin: 0;
    line-height: 20px;
}

.panel_access .access_sec .card-body {
    padding: 0px 0;
}

.panel_access .access_sec .card-body .form-group {
    margin-bottom: 7px;
    position: relative;
}

.panel_access .access_sec .card-body .form-group label {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}

.panel_access .access_sec .card-body .form-group .form-control {
    background: none;
    height: 50px;
    border-radius: 4px;
    background: #fff;
    font-size: 15px;
}
.btn-wrapper{
    padding: 6px 0px;
}
.btn-wrapper .btn-activity{
    background: #1b449c;
    color: #fff;
    padding: 4px 12px;
    border-radius: 3px;
    margin: 0 2px;
}

.btn-wrapper .btn-package{
    background: #4CAF50;
    color: #fff;
    padding: 4px 12px;
    border-radius: 3px;
    margin: 0 2px;
}

.btn-wrapper  .btn-transfer{
    background: #ff8307;
    color: #fff;
    padding: 4px 12px;
    border-radius: 3px;
    margin: 0 2px;
}

.btn-wrapper  .btn-flight{
    background: #2196F3;
    color: #fff;
    padding: 4px 12px;
    border-radius: 3px;
    margin: 0 2px;
}
.offcanvas{
    width: 45% !important;
}



 .offcanvas-body .list-wrapper ul li .room-section-in {
    width: 100%;
    margin: 0 auto;
  }
  
  .offcanvas .offcanvas-body .list-wrapper{}
  .offcanvas .offcanvas-body .list-wrapper li{
    list-style: none;
  }
  .offcanvas .offcanvas-body .list-wrapper li a{}
  
  .offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list {
    background-color: #f7f7f7;
    padding: 12px 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    box-shadow: 0px 0px 6px #b0b0b05c;
  }
  
  
  
  .offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .details {
}
.offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .details  .tag {
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0px;
    background: #dc3545;
    color: #fff;
    padding: 3px 8px;
    border-bottom-right-radius: 13px;
}
.offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .details h3 {
    font-size: 20px;
    color: #000000;
}
.hotel-main-details .room-section-in .room-list .details p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #4f4e4e;
}
.hotel-main-details .details .tag {
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0px;
    background: #dc3545;
    color: #fff;
    padding: 3px 8px;
    border-bottom-right-radius: 13px;
}
  .offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list  .option_block{
    margin-top: 10px;
  }
  
  .offcanvas .offcanvas-body .list-wrapper ul li .Price_info .btn-group a{
    color: #284b98;
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
  }
  .offcanvas .offcanvas-body .list-wrapper ul li .Price_info .btn-group .dropdown-menu{
  
  }
  .offcanvas .offcanvas-body .list-wrapper ul li .Price_info .btn-group .dropdown-menu li{
  
  font-size: 10px;
  
  display: flex;
  
  justify-content: space-between;
  
  padding: 5px 8px;
  }
  
  
  .offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .option_block .status{
      margin-top: 18px;
  }
  .offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .option_block .status button{font-size: 11px;border: none;background: #0b8f09;color: #fff;padding: 5px 6px;border-radius: 5px;margin-right: 8px;}
  
  
  
  .offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .option_block .pricing.Price_info{
  
  }
  .offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list  .option_block .pricing.Price_info .price{
    font-size: 19px;
    font-weight: 600;
    color: #5d5c5c;
    padding: 10px 0px;
  }
  
  .offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list  .option_block .pricing.Price_info .price span{
  
  }
  .offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .rating {
}

.offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .rating ul {
    display: flex
;
    justify-content: end;
    padding: 0;
    margin: 0;
}
.offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .rating ul li span {
    color: #ffc107;
}
.offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .rating ul li {
    list-style: none;
}
.offcanvas .offcanvas-body .list-wrapper ul li  .room-section-in .room-list .pricing {
    height: 100%;
    text-align: right;
    display: flex
;
    flex-wrap: wrap;
    justify-content: end;
}

.offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .pricing .main-price {
    font-size: 19px;
    font-weight: 600;
    color: #717070;
    padding: 10px 0px;
    width: 100%;
}
.offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .pricing p {
    margin: 0;
    font-size: 14px;
    color: #000000;
    line-height: 14px;
}

.offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .pricing .select-ac {
    display: flex;
    align-items: end;
    justify-content: end;
}
.offcanvas .offcanvas-body .list-wrapper ul li .room-section-in .room-list .pricing .select-ac button{
    background: #4CAF50;
    border: none;
    padding: 6px 22px;
    font-size: 16px;
    border-radius: 4px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E);
    left: -23px;
}

input[type=checkbox] {

    width: 14px;
}

.dashboard-section {}

.dashboard-section .card-blue {
    border-radius: 0;
}

.dashboard-section .card-blue .card-body {
    padding: 10px 12px;
}

.dashboard-section .card-blue .card-header {
    background: #ffffff;
    border-bottom: #cfc8c8 1px solid !important;
    padding: 12px 16px;
    border-radius: 0;
}

.dashboard-section .card-blue .card-header h3 {
    background: none !important;
    color: #222121;
    font-size: 16px;
    font-weight: 800;
}

.dashboard-section .card-blue .card-header h3 i {
    color: #ff0000;
    margin-right: 4px;
}




.dashboard-section  .small-box {
    height: 102px;
    position: relative;
    margin: 0 !important;
    background: #bcfdff;
    border-radius: 0;
    border: #dddddd 1px solid;
}

.dashboard-section  .small-box .inner {
    /* display: flow; */
    /* align-items: self-start; */
}

.dashboard-section  .small-box .inner h3 {
    font-size: 22px;
    margin-bottom: 14px;
}

.dashboard-section  .small-box .inner h4 {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 34px;
}
.dashboard-section  .small-box .inner small {
    font-size: 10px;

}

.dashboard-section  .small-box .inner p {
    font-size: 14px;
    line-height: 15px;
    margin: 0;
}


.dashboard-section  .small-box .inner i {
    position: absolute;
    right: 14px;
    top: 13px;
    font-size: 20px;
    /* opacity: 0.5; */
    color: #ff5202;
}


.border-prl {
    border-color: #9521da !important;
}

.border-pnk {
    border: #f723f0 1px solid !important;
}

@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>li:hover {
        /* background-color: #f1f1f1; */
    }

    .dropdown-menu>li:hover>.submenu {
        display: block;
    }
}



.ho-head .ho-body {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.ho-head .ho-body .check-box {
    top: -14px;
}

.calender-ic {
    position: relative;
}

.calender-ic i {
    position: absolute;
    right: 14px;
    top: 14px;
    color: #2a47b3;
}



/*================================
  facebook lead layout style
  =================================*/

.landing_head {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 6px 0;
}

.landing_head .logo {}

.landing_head .logo img {}

.lead_page {
    background: #0160ab;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.lead_page .page_layout {
    padding: 38px 0;
    padding-bottom: 48px;
}

.lead_page .page_layout .layout_sec {
    padding: 0px 10px;
}

.lead_page .page_layout .layout_sec .lead_details {
    /* overflow-y: scroll;
    height: 50vh; */
}

/* .lead_page .page_layout .layout_sec .lead_details::-webkit-scrollbar{width:6px;}
.lead_page .page_layout .layout_sec .lead_details::-webkit-scrollbar-track{background:#fff; width:2px;}
.lead_page .page_layout .layout_sec .lead_details::-webkit-scrollbar-thumb{
    background:#f73333;
    border-radius:30px;
    height:10px;
} */
.lead_page .page_layout .layout_sec .lead_details p {
    color: #fff !important;
}

.lead_page .page_layout .layout_sec .lead_details p span {
    background: none !important;
    color: #fff !important;
}

.lead_page .page_layout .layout_sec .cover_img {
    position: relative;
    margin-bottom: 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* overflow: hidden; */
}

.lead_page .page_layout .layout_sec .cover_img .owl-dots {

    margin-top: -47px;

    position: absolute;

    width: 100%;
}

.lead_page .page_layout .layout_sec .cover_img img {
    /* width: 21%; */
    margin-bottom: 20px;
}

.lead_page .page_layout .layout_sec .logo {
    width: 23%;
    margin-bottom: 14px;
}

.lead_page .page_layout .layout_sec .cover_img h2 {
    /* position: absolute; */
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    /* line-height: 18px; */
    bottom: 20px;
    margin: 0;
    padding: 9px 10px;
    /* background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(0 70 124)); */
    /* text-shadow: #00000073 3px 2px 1px; */
    background: #d20000;
}

.lead_page .page_layout .layout_sec h3 {
    color: #000000;
    font-size: 19px;
    font-weight: 700;
}

.lead_page .page_layout .layout_sec p {
    line-height: 24px;
}

.lead_page .page_layout .layout_sec p a {
    color: #0060ab;
}

.lead_page .page_layout .layout_form {
    background: #fff;
    padding: 0px;
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    height: fit-content;

}

.lead_page .page_layout .layout_form .head {
    background: #fff;
    padding: 0;
    padding-top: 26px;
}

.lead_page .page_layout .layout_form .head h4 {
    margin: 0;
    color: #0160ab;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}

.lead_page .page_layout .layout_form .card {
    border: none;
    box-shadow: none;
}

.lead_page .page_layout .layout_form .card h4 {
    color: #0060ab;
    font-size: 16px;
    font-weight: 700;
}

.lead_page .page_layout .layout_form .card .form-group {
    position: relative;
    margin-bottom: 10px;
}

.lead_page .page_layout .layout_form .card .form-group button {

    /* font-weight: 600; */
    text-transform: uppercase;
    font-size: 16px !important;
    margin-top: 15px;

    text-transform: uppercase;

    font-size: 16px !important;
}

.lead_page .page_layout .layout_form .card .form-group .form-control {
    height: 41px;
    font-size: 14px;
}

.lead_page .page_layout .layout_form .card .form-group .form-control2 {
    height: auto;
    font-size: 14px;
    width: 100%;
    border: #c0c0c0 1px solid;
    border-radius: 4px;
}

.lead_page .page_layout .layout_form .card .form-group .mdi {
    position: absolute;
    top: 0;
    right: 5px;
    top: 30px;
    font-size: 24px;
    color: #999;
}

.bottom_info {
    padding: 16px 0;
    /* text-align: center; */
    background-color: #ffffff;
}

.bottom_info .social-m {

    text-align: right;
}

.bottom_info .social-m a {
    color: #0160ab;
    font-size: 21px;
    margin: 0px 2px;
}

.bottom_info .social-m p {
    margin: 0;
    color: #7c7c7c;
    font-weight: 600;
}

.bottom_info h3 {
    font-size: 18px;
    font-weight: 600;
    color: #ff3333;
}

.bottom_info .detail_info {
    display: block;
    /* text-align: center; */
}

.bottom_info .detail_info p {
    margin: 0 auto;
    padding: 0;
    margin-right: 20px;
}

.bottom_info .detail_info p a {
    color: #565656;
}

.bottom_info .detail_info p a i {
    color: #0160ab;
}


.partners_wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 0;
    padding: 0;
    padding-right: 20px;
}

.partners_wrap .partner_logo {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    flex: 0 0 24.5%;
}

.partners_wrap .partner_logo img {
    opacity: 1;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    max-height: 100px;
    max-width: 80px;
}


/*================================
  facebook lead layout style end
  =================================*/


/* datepicker css */

.ui-datepicker {
    text-align: center;
}

.ui-datepicker-trigger {
    margin: 0 0 0 5px;
    vertical-align: text-top;
}

.ui-datepicker {
    font-family: Open Sans, Arial, sans-serif;
    margin-top: 2px;
    padding: 0 !important;
    border-color: #c9f0f5 !important;
}

.ui-datepicker {
    width: 256px;
}

.openemr-calendar .ui-datepicker {
    width: 191px;
}

.ui-datepicker table {
    width: 256px;
    table-layout: fixed;
}

.openemr-calendar .ui-datepicker table {
    width: 191px;
    table-layout: fixed;
}

.ui-datepicker-header {
    background-color: #3e9aba !important;
    background-image: none !important;
    border-radius: 0;
}

.openemr-calendar .ui-datepicker-header {
    background-color: #e6f7f9 !important;
    border-width: 1px;
    border-color: #c9f0f5;
    border-style: solid;
}

.ui-datepicker-title {
    line-height: 35px !important;
    margin: 0 10px !important;
}

.openemr-calendar .ui-datepicker-title {
    line-height: 20px !important;
}

.ui-datepicker-prev span {
    display: none !important;
}

.ui-datepicker-next {
    text-align: center;
}

.ui-datepicker-next span {
    display: none !important;
}

.ui-datepicker-prev {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 7px !important;
    margin: 14px 12px;
    display: inline-block;
    left: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=') !important;
    height: 14px !important;
    width: 9px !important;
    margin: 5px !important;
}

.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-prev {
    cursor: pointer;
}

.ui-datepicker-next {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 8px !important;
    margin: 14px 12px;
    display: inline-block;
    right: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC') !important;
    height: 14px !important;
    width: 8px !important;
    margin: 5px;
}

.ui-datepicker-month {
    border-radius: 2px;
    background-color: #3985a0;
    width: 110px !important;
    height: 22px;
    font-family: Open Sans !important;
    color: #fff;
    font-size: 14px !important;
    font-weight: 600;
    text-align: left;
    border: none !important;
    margin-right: 17px !important;
    vertical-align: text-top;
}

.openemr-calendar .ui-datepicker-month {
    font-family: Open Sans, Arial, sans-serif;
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-year {
    border-radius: 2px;
    background-color: #3985a0;
    width: 61px !important;
    height: 22px;
    border: none !important;
    font-family: Open Sans !important;
    color: #fff;
    font-size: 14px !important;
    font-weight: 600;
    text-align: left;
    vertical-align: text-top;
}

.openemr-calendar .ui-datepicker-year {
    font-family: Open Sans, Arial, sans-serif;
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-month option,
.ui-datepicker-year option {
    color: #3985a0 !important;
    background-color: #fff !important;
    font-family: Open Sans !important;
    font-size: 14px !important;
    font-weight: 600;
}

.ui-datepicker-month option[selected],
.ui-datepicker-year option[selected] {
    background-color: #e5edf0 !important;
}

.ui-datepicker .ui-state-hover {
    /*background: none !important;*/
    border: 0 !important;
}

.ui-datepicker td {
    vertical-align: top;
}

.ui-datepicker .ui-state-default {
    border-radius: 2px;
    border-color: #edebeb !important;
    /*     background: white !important; */
    width: 24px;
    height: 24px;
    padding: 0 !important;
    line-height: 24px;
    text-align: center !important;
    font-family: Open Sans, Arial, sans-serif;
    color: #707070;
    font-size: 13px;
    font-weight: 400 !important;
    margin: 7px 0 0 4px;
}

.ui-datepicker .ui-state-default.ui-state-highlight {
    border-color: #dcdcdc;
    background-color: #cff3f8 !important;
    color: #3e9aba !important;
}

.openemr-calendar .ui-state-default {
    font-size: 10px;
    margin: 0;
}

.ui-datepicker td {
    width: 33px;
}

.openemr-calendar .ui-datepicker td {
    width: 26px;
}

.openemr-calendar .ui-state-default {
    width: 26px;
    height: 20px;
    line-height: 20px;
}

.ui-state-default.ui-state-hover {
    border-color: #dcdcdc;
    background-color: #cff3f8 !important;
}

.ui-datepicker .ui-state-active {
    border-color: #dcdcdc;
    background-color: #cff3f8 !important;
    color: #3e9aba !important;
}

.ui-datepicker-calendar thead tr th {
    font-family: Open Sans, Arial, sans-serif;
    color: #22ca3e;
    font-size: 12px;
    font-weight: 400;
    padding: 0.45em 0.3em !important;
    /*   width: 15px !important; */
}

.openemr-calendar .ui-datepicker-calendar thead tr th {
    font-size: 10px;
}

.ui-datepicker-close {
    display: none;
}

.ui-datepicker thead {
    background-color: #f5f5f5;
}

.openemr-calendar .ui-datepicker thead {
    background: none;
}

.ui-state-default.ui-datepicker-current {
    float: none !important;
    font-family: Open Sans, Arial, sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    border-width: 0 !important;
    border: none;
    vertical-align: top;
    margin: 0 !important;
    background-color: transparent !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
    text-align: center;
    background-color: #3e9aba;
    margin: 0 !important;
    height: 28px;
    padding: 0 !important;
}

.openemr-calendar .ui-datepicker-year {
    background-color: transparent;
}

.openemr-calendar .ui-datepicker-month {
    background-color: transparent;
}

.openemr-calendar .ui-state-default {
    border: 0 !important;
}

.openemr-calendar .ui-datepicker-month {
    margin-right: 10px !important;
}

.vin_top_form {
    position: relative;
    z-index: 1000 !important;
}

.form-group.add-ic i {
    position: absolute;
    right: 14px;
    top: 35px;
}
.form-group.add-ic .ad-pl {
    position: absolute;
    right: 14px;
    top: 0;
}



.add-days ul.days {
    padding: 0;
    list-style: none;
}

.add-days ul.days .list-li {
    position: relative;
    /* min-height: 119px; */
    border-left: #f00 3px solid;
    padding: 10px 14px;
    margin-bottom: 18px;
    background-color: #ffffff;
    box-shadow: 0px 1px 4px #00000021;
    border: #d7d7d7 1px solid;
    border-radius: 15px;
}



.add-days ul.days li .no {
    position: absolute;
    top: 0;
    width: 26px;
    height: 26px;
    background-color: #f00;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    margin: auto 0;
    top: 0px;
    bottom: 0;
    left: -14px;
    /* line-height: 83px; */
    font-size: 18px;
}

.add-days ul.days li h3 {
    background-color: #f8e3e3;
    padding: 6px 12px;
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0px;
    margin-bottom: 7px;
    text-align: center;
    border-radius: 12px;
}


.add-days ul li table {
    margin: 0;
    margin-bottom: 16px !important;
}

.add-days ul li table td {
    vertical-align: middle;
    padding: 6px 7px;
}

.add-days ul li table td:nth-child(1) {
    width: 3%;
}

.add-days ul li table td {
    vertical-align: middle;
    padding: 6px 18px;
    background: #fff;
    /* width: 40%; */
}






.form-cs .drop-put {
    position: absolute;
    width: 97%;
    background-color: #fff;
    z-index: 100;
    height: 120px;
    overflow: auto;
    border: #d5d5d5 1px solid;
}

.form-cs .drop-put li {
    padding: 7px 8px;
    border-bottom: #f5e7e7 3px solid;
    color: #5760a1;
    display: flex;
    align-items: center;
    cursor: pointer;
}


.form-cs .drop-put li .ico {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    color: #ff6212;
}


.form-cs .drop-put li:hover {
    background: #f7f7f7;
    min-height: inherit;
    margin: 0;
}

/* .main-sidebar{width: 4.6rem;}
   .nav-sidebar .nav-link p, .sidebar-mini.sidebar-collapse .sidebar .user-panel>.info {
    margin-left: -10px;
    opacity: 0;
    visibility: hidden;
}

.content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 4.6rem!important;
}

.sidebar-mini.layout-fixed .brand-link {
    width: 4.6rem;
} */

.content-wrapper {
    /* padding: 0px 17px; */
    margin: 78px 1px 90px 0px !important;
    height: 100%;
}

.main-header {
    background-color: #fff;
}

.main-header .navbar-brand {
    width: 7%;
}



.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #efefef;
    opacity: 1;
    border: 1px solid #ededed;
}

textarea[readonly] {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #efefef;
    opacity: 1;
    border: 1px solid #ededed;
}

.main-header .navbar-nav .nav-item .nav-link {
    color: #040404;
    padding: 5px 12px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
}

.main-header .navbar-nav .nav-item .nav-link i {
    color: #FF5722;
    font-size: 18px;
    margin-right: 6px;
}




.main-header .navbar-nav .nav-item.cart .nav-link i {
    font-size: 24px;
}

.main-header .navbar-nav .nav-item.cart .nav-link .badge {
    width: 19px;
    height: 19px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 4px !important;
}

.main-header .navbar-nav .nav-item .dropdown-menu {
    background-color: #f4f6f9;
    /* max-width: 250px !important;
    min-width: 200px;
    right: 110px; */
}

.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    color: #373737;
    text-align: left;
}

.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-item i {
    margin-right: 5px;
}

.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #fd4818;
}

.main-header .navbar-nav .nav-item .dropdown-item:focus,
.main-header .navbar-nav .nav-item.dropdown-item:hover {
    color: #fff;
    background-color: #e31d25;
}

.query-no {
    background-color: #ffa409;
    color: #2d2d2d;
    border-radius: 4px;
    /* padding-top: 2px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}



.history-show ul {
    padding: 0;
    list-style: none;
    margin: 0;
    overflow: auto;
    min-height: 250px;
    height: 250px;
}

.history-show ul li {
    background: #f5f5f5;
    padding: 7px 10px;
    margin-bottom: 8px;
}

.history-show ul li .about {
    font-weight: 600;
    font-size: 12px;
    color: #2b29b5;
}

.history-show ul li p {
    margin-bottom: 5px;
}




.preview-day .preview-block {
    display: flex;
    align-items: center;
    border: #cfc8c8 1px solid;
    padding: 9px 9px;
}

.preview-day .preview-block .icon-show {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5aa972;
    color: #fff;
    font-size: 30px;
    margin-right: 14px;
}



.preview-day .preview-block .info-show h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.preview-day .preview-block .info-show p {
    margin: 0;
    font-size: 13px;
    color: #8f8f8f;
}



.table-set.set-td tr td:nth-child(1) {
    padding: 0;
}

.table-set.set-td tr th:nth-child(1) {
    padding: 0;
}

.table-set .extra-width {

    width: 175px;
    display: block;
    max-height: 300px;
    height: 44px;

}

.table-set tr th {
    padding: 2px 8px;
    vertical-align: middle;
    white-space: nowrap;
}

.table-set tr td {
    padding: 2px 8px;
    vertical-align: middle;
    white-space: nowrap;
}




.form-set .heading {
    border-bottom: #dfdfdf 1px solid;
    padding-bottom: 11px;
    margin-bottom: 21px;
}

.form-set .heading h3 {
    font-size: 19px;
    color: #0a3a68;
    /* font-weight: 500; */
}

.btn-bg-orange {
    background: #FF5722;
    color: #fff;
}

.btn-bg-orange:hover {
    background: #ff602f;
    color: #fff;
}


.form-set .form-control {
    height: 35px;
    border-radius: 4px;
    font-size: 14px;
}

.form-set textarea {
    width: 100%;
    border: #cbcbcb 1px solid;
    border-radius: 4px;
    padding: 4px 6px;
}

.form-set label {
    margin-bottom: 0px;
    /* font-size: */
}

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


.table>thead {
    vertical-align: center;
    height: 37px;
}



::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 30px;
    height: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #c12020;
    border-radius: 30px;
    height: 10px;
}


.booking-quotation .nav-tabs {
    border: none;
    margin-bottom: 12px;
}

.booking-quotation .nav-tabs .nav-item {
    margin-right: 5px;
}

.booking-quotation .nav-tabs .nav-item .nav-link {
    position: relative;
    color: #545151;
    background: #e5e5e5;
    border: none;
}

.booking-quotation .nav-tabs .nav-item .nav-link.active {
    position: relative;

    border: none;
    background: #FF5722;
    color: #fff;
    margin: 0;
}

.booking-quotation .nav-tabs .nav-item .nav-link:hover {
    position: relative;

    border: none;
    background: #FF5722;
    color: #fff;
    margin: 0;
}


.booking-quotation .booking-action ul {
    /* display: inline-block; */
    width: 100%;
}

.booking-quotation .booking-action ul li {
    border: #dbdbdb 1px solid;
    margin-bottom: 4px;
    position: relative;
    display: inline-block;
    margin-right: 4px;
}

.booking-quotation .booking-action ul li .not-p {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    width: 22px;
    height: 22px;
    background: #f00;
    right: 0;
    top: -14px;
    border-radius: 13px;
}

.booking-quotation .booking-action ul li a:hover {
    background-color: #e5e5e5;
}

.booking-quotation .booking-action ul li a {
    display: flex;
    align-items: center;
    padding: 5px 7px;
    /* background-color: #efefef; */
}

.booking-quotation .booking-action ul li a i {
    font-size: 17px;
    color: #ff4021;
    margin-right: 13px;
}

.booking-quotation .booking-action ul li a span {
    display: block;
    color: #625b5b;
    /* line-height: 31px; */
    font-size: 13px;
}



.booking-quotation .booking-info .info-ul li {
    display: flex;
    width: 100%;
    border-bottom: #f3f3f3 1px solid;
    align-items: center;
    padding: 4px 0px;
}

.booking-quotation .booking-info .info-ul li span {

    WIDTH: 35%;

    /* padding-right: 156px; */

    display: inline-block;

    /* padding-block-end: 7px; */

    font-size: 14px;
}

.booking-quotation .booking-info .info-ul li .info-head {

    width: 15%;

    padding: 0%;

    /* padding-right: 94px; */

    display: flex;
}


.booking-quotation .booking-info .info-ul li .info-show2 {
    width: 80%;
    font-size: 13px;
    padding: 5px;
}


.booking-quotation .booking-info .info-ul li:last-child {

    border: none;
    margin-top: 12px;
}

.booking-quotation .booking-info .info-ul li button {

    padding: 6px 9px;
    line-height: 4px;
    font-size: 12px !important;
    height: inherit;
    background-color: #2196F3;
    color: #fff;
    border: none;
}

.modal-header .close {
    padding: 0;
    margin: 0;
    width: 36px;
    height: 35px;
    background-color: #f00;
    opacity: 1;
    color: #fff;
    border-radius: 32px;
    position: absolute;
    right: -7px;
    top: -6px;
}

.over-flow-set {
    height: 450px;
    overflow: auto;
    padding-top: 0;
    height: calc(70vh - 145px);
}
.over-flow-set-2 {
    height: 400px;
    overflow: auto;
    padding-top: 0;
}

.itinarary-builder .select2-selection {
    height: 52px !important;
}

.itinarary-builder .select2-selection .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    line-height: 50px !important;
}

.itinarary-builder .thumbnil-set {

    display: flex;

    flex-wrap: wrap;
}


.itinarary-builder .thumbnil-set .form-check {

    padding: 0;



    margin: 2px 4px;
}



.itinarary-builder .thumbnil-set .cont-set h5 {

    font-size: 13px;
    padding: 3px 4px;
    text-align: center;
    margin-top: 11px;
    background-color: whitesmoke;
    font-family: sans-serif;
}



/* This css is for normalizing styles. You can skip this. */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}




.new {
    padding: 50px;
}

.itinarary-builder .thumbnil-set .form-check {
    display: block;
    margin-bottom: 15px;
}

.itinarary-builder .thumbnil-set .form-check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}


.itinarary-builder .thumbnil-set .form-check label {
    position: relative;
    cursor: pointer;
    border: #d9d0d0 1px solid;
}

.itinarary-builder .thumbnil-set .form-check label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #98b3c3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    position: absolute;
}

.itinarary-builder .thumbnil-set .form-check input:checked+label:before {
    background-color: #f00;
    border: solid #ff0000;
}

.itinarary-builder .thumbnil-set .form-check input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    /* background-color: #000; */




}




/* DMC Dashboard */
.main-body .home-dashboard .all-tabs h3 {

    font-size: 16px;
}

.main-body .home-dashboard .all-tabs.bd-1 {
    border-left: #1b7af1 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-2 {
    border-left: #28a745 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-3 {
    border-left: #17a2b8 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-4 {
    border-left: #ffc11e 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-5 {
    border-left: #dc3545 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-6 {
    border-left: #f11b6d 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-7 {
    border-left: #f11b9b 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-8 {
    border-left: #e119e8 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-9 {
    border-left: #f1dc1b 5px solid;
}

.agent-head {
    margin-bottom: 20px;
    padding: 21px 0;
    background-color: #ffefef;
}

.agent-head .logo {
    width: 10%;
}

.agent-set {
    padding: 80px 0px;
    /* background: url(../background/blue-tr.png) center no-repeat; */
    background-size: cover;
    /* background: #f5f9fe; */
    height: 100vh;
    /* background: linear-gradient(90deg, rgb(0 8 109) 0%, rgba(0, 199, 149, 1) 100%); */
    /* background: linear-gradient(90deg, rgb(255 169 169) 0%, rgb(201 201 201) 100%); */
}

.agent-set .container {
    width: 65%;
}

.agent-set .form_mask {
    background: #ffffff;
    border-radius: 30px;
    border: 2px solid rgba(255, 255, 255, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    backdrop-filter: blur(105px);
    overflow: hidden;
    padding: 20px 20px;
}

.agent-set .right-inn {
    background: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.agent-set .right-inn .logo {
    width: 40%;
    margin: 0 auto;
    margin-top: 4%;
}

.agent-set .right-inn .logo a {}

.agent-set .right-inn .logo img {}

.agent-set p {
    margin: 10px 0;
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}

.agent-set p a {
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.agent-set p a span {
    color: #ff9200;
    font-size: 14px;
    font-weight: 600;
}

.agent-set .right-inn p a:hover span {
    color: #ff5700;
}

.agent-set .right-blk {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

.agent-set .right-blk .register-img {
    position: relative;
}

.agent-set .agent-heading .rhs-txt .note {
    text-align: right;
    color: #8D8D8D;
    display: flex;
    flex-direction: column;
    line-height: 12px;
    align-items: flex-end;
}

.agent-set .agent-heading .rhs-txt .note h2 {
    font-size: 15px;
    color: #696969;
    margin-top: 10px;
    text-transform: capitalize;
}

.agent-set .agent-heading .rhs-txt .note a {
    border: none;
    /* background-color: #EB6335; */
    border: 1px #EB6335 solid;
    color: #EB6335;
    border-radius: 5px;
    font-size: 17px;
    padding: 9px 25px;
    text-decoration: none;
    width: fit-content;
}
.agent-set .agent-heading .rhs-txt .note a:hover {
    background-color: #EB6335;
    border: 1px #EB6335 solid;
    color: #fff;
}


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

.agent-set .agent-heading .lhs-txt{}
.agent-set .agent-heading .rhs-txt{}
.agent-set .card {
    background: none;
    border: none;
}



.agent-set .agent-form .form-title {
    display: flex;
    align-items: center;
}

.agent-set .agent-form .form-title .title-icon {
    width: 12px;
    margin-right: 10px;
}

.agent-set .agent-form .form-title .title-icon i {
    color: #525252;
}

.agent-set .agent-form .form-title h4 {
    margin: 0;
    color: #dc3545;
    font-size: 14px;
    font-weight: bold;
}

.agent-set .agent-form .form-group {
    display: flex;
    margin-bottom: 9px;
    background: #ffffff00;
    border-radius: 4px;
    overflow: hidden;
}

.agent-set .agent-form .form-group .form-check {}

.agent-set .agent-form .form-group .form-check .form-check-label {
    color: #202020;
    font-size: 14px;
}

.agent-set .agent-form .form-group .form-check .form-check-label a {
    color: #4285F4;
    text-decoration: underline;
    font-size: 14px;
}

.agent-set .submit-btn:focus {
    box-shadow: none;
}

.agent-set .submit-btn {
    background: #ff5700;
    color: #fff;
    outline: none;
    padding: 10px 85px;
    font-size: 16px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    margin-left: auto;
    display: block;
}

.agent-set .submit-btn:hover {
    background-color: #0056b3;
    transform: scale(1.1);
}

.agent-set .agent-form .form-group select {
    border: 1px solid #ced4da;
    padding: 0 12px;
    outline: none;
    height: 40px;
    font-size: 12px;
    color: #565555;
}

.agent-set .agent-form .form-group .form-control:focus {
    box-shadow: none;
}

.agent-set .agent-form .form-group .form-control {
    border-radius: 0;
    font-size: 12px;
    color: #565555;
    height: 40px;
}

.agent-set .agent-form .custom-select {
    width: 23%;
}
.agent-set .agent-heading .lhs-txt h2 {
    font-weight: 500;
    font-size: 39px;
    color: #000;
    margin-bottom: 33px;
    text-transform: capitalize;
}
.agent-set .agent-heading .lhs-txt h3 {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    margin-bottom: 3px;
    text-transform: capitalize;
}
.agent-set .agent-heading .lhs-txt h3 span {
    color: #eb6335;
}
.agent-set .agent-heading p {
    font-size: 14px;
}

.bottom-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    width: 100%;
}

.bottom-btn .register-btn {
    /* background: #1a27bd; */
    padding: 4px 10px;
    margin: 0 7px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.bottom-btn .register-btn a {
    color: #3192e8;
    text-decoration: none;
    /* font-size: 13px; */
    text-decoration: underline;
    padding: 0px 5px;
    /* font-weight: 600; */
}

.site-footer {
    background: #0060ac;
    padding: 16px 1px;

}

.site-footer .caption {
    color: #fff;
}

.site-footer .caption a {
    color: #fffbfb;
}

.site-footer .caption a:hover {
    color: #000;
}

.site-footer p {
    font-size: 14px;
    color: #fff;
    margin: 10px 0px;
}

.card-body h4 {
    font-size: 15px;
    font-weight: 500;
}

.navbar-badge {
    right: -5px !important;
    top: -1px !important;
}

.buzz_bell {
    margin-left: 10px;
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.max-lines {
    display: block;
    /* or inline-block */
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4.5em;
    line-height: 1.5em;
    max-width: 90%;
}

.bottom-selection {
    /* background-color: #e5e7eb; */
    padding: 5px 5px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.bottom-selection p {
    margin: 0;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.bottom-selection .countries {
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    color: #89898a;
}

.bottom-selection .countries:focus {
    outline: none;

}

header {
    background: #f5f9fe;
    padding: 31px 0;
}

header .logo {
    width: 75%;

}

header .navbar {
    background-color: #f5f9fe !important;
}

header .navbar .navbar-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

header .navbar .navbar-nav .nav-item {}

header .navbar .navbar-nav .nav-item .nav-link {
    color: #100a55;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 1px;
}

header .nav-btns {
    display: flex;
    width: 30%;
    justify-content: end;
}

header .nav-btns .login-btn {
    background: #100a55;
    color: #fff;
    outline: none;
    padding: 10px 25px;
    font-size: 16px;
    margin-right: 15px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

header .nav-btns .register-btn {
    background: #ef7f1a;
    color: #fff;
    outline: none;
    padding: 10px 25px;
    font-size: 16px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

header .nav-btns .register-btn:hover {
    background-color: #100a55;
    transform: scale(1.1);
}

header .nav-btns .login-btn:hover {
    background-color: #ef7f1a;
    transform: scale(1.1);
}

.footer {
    padding: 0 0;
    background: #f5f9fe;
    margin: 0;
    width: 100%;
}

.footer-divider {
    border-top: 1px solid #100A55;
    border-bottom: 1px solid #100A55;
}

.footer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.footer .footer-links-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.footer-title {
    font-weight: bold;
    font-size: 1.5rem;
    margin: 1.25rem 0;
    color: #292b5b;
}

.footer .footer-links-section .footer-links {
    display: flex;
    gap: 1.25rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.footer .footer-links-section .footer-links li {
    list-style: none;
}

.footer .footer-links-section .footer-links a {
    color: #292b5b;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
}

.footer .footer-links-section .footer-associate {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    padding-bottom: 2.5rem;
}

.footer .footer-links-section .footer-associate p {
    margin: 0;
}

.footer .footer-offer-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.footer-offer-section img {}

.footer-logo {
    max-width: 12rem;
    margin-top: 0.5rem;
}

.table {}

.table thead {}

.table tbody {}

.table tbody tr td,
.table tbody tr th {
    padding: 4px 5px;
    vertical-align: middle;
    font-size: 14px;
}
.table tbody tr td .img-set {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: #bfbfbf 1px solid;
}
.table tbody tr td .img-set img{
    object-fit: cover;
}

.table thead tr th {
    padding: 6px 10px;
    background: #fffaf9  !important;
    font-size: 14px;
}

.footer-social-links {}

.footer-social-links a {}

.footer-social-icon {
    width: 2.5rem;
}




.footer .footer-offer-section .footer-payment-icons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.footer .footer-offer-section .footer-payment-icon {
    width: 2.5rem;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    flex-wrap: wrap;
    width: 100%;
}

.footer-copyright {}

.footer-copyright a {
    font-weight: 600;
    color: #292b5b;
}

.footer-credit {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
}

.footer-credit a {
    font-weight: 600;
    color: #292b5b;
}

.footer-heart {
    font-size: 1.25rem;
    font-weight: bold;
    color: #e3342f;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.for-all-set {}

.for-all-set .form-group {
    position: relative;
}

.bdn-cum {}

.bdn-cum .btn-group {}

.bdn-cum .btn-group .form-group {
    display: flex;
    background: #fff;
    border: #e6dbdb 1px solid;
    border-radius: 4px;
    padding-left: 14px;
    align-items: center;
    margin-right: 132px !important;
}

.bdn-cum .btn-group .form-group .form-select {
    border: none;
    padding: 3px 30px 5px 4px;
    box-shadow: none;
    /* border: navajowhite; */
    width: 99%;
}
.emailpage-header{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.emailpage-header .left-align-info{
    width: 90%;


}

.emailpage-header .right-align-info{
    text-align: end;
}
.emailpage-header .left-align-info .btn-group{

}
.emailpage-header .left-align-info .btn-group .dropdown-menu{
    padding: 10px 9px;
}
 .mail_list_block{

}
 .mail_list_block ul{

}
 .mail_list_block ul li{

}
 .mail_list_block ul li a{
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 600;
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
 .mail_list_block ul li a span{

}
 .mail_list_block ul li a span.inp-info{
    display: inline-block;
    background: #e4dbdb;
    width: 45px;
    height: 24px;
    border-radius: 12px;
    text-align: center;
}
.inbox-body{}
.inbox-body .mail-inbox-head{}
.inbox-body .mail-inbox-head .label-arrow-img{
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 0px 7px;
    line-height: 27px;
    margin: 0 4px;
}
.inbox-body .mail-inbox-head .label-arrow-img:hover{
    background: #dedcdc;
    
}
.inbox-body .mail-inbox-head .subject-title{
    font-size: 20px;
    margin: 0;
    display: flex;
    padding: 10px 12px;
}
.inbox-body .mail-inbox-head .subject-title h2{
    font-size: 20px;
    margin: 0;
}
.inbox-body .mail-inbox-head .subject-title .title-info{
    font-size: 11px;
    padding: 0 11px;
    background: #eb8a09;
    border: none;
    border-radius: 16px;
    margin: 0 7px;
}
.dropdown.inputinfo-dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown.inputinfo-dropdown button.inputdropbtn{
    background-color: #e8e8e8;
    border: none;
    padding: 2px 6px;

  }
  .dropdown.inputinfo-dropdown button.inputdropbt:hover{
    background-color: #000;
  }
  .dropdown.inputinfo-dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
  }
  
  .dropdown.inputinfo-dropdown:hover .dropdown-content {
    display: block;
    font-size: 12px;
    padding: 10px 10px;
  }

span.external-tip {
    position: absolute;
    top: 81px;
    color: white;
    background-color: rgb(89 89 89);
    font-size: 11px;
    padding: 3px 7px;
    transition: 0.3s;
    opacity: 0;
    margin: 21px -51px;
}


button:hover {
overflow: visible;
}
button:hover span.external-tip {
opacity: 1;
}


.inbox-body .subject-body{
    width: 50%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 50px 0;
}

.inbox-body .ecomposer{
    display: flex;
        align-items: center;
        padding: 0 7px;
}
.inbox-body .ecomposer h2{
    font-size: 15px;
    color: #000000;
    margin: 0;
    font-weight: 700;
}
.inbox-body .ecomposer h2 .user-mailtext{
    font-size: 12px;
    color: #8f8f8f;
    font-weight: 500;


}

.inbox-body .ecomposer .user-demo-icon{
    height: 25px;
    width: 25px;
    background: #ebebeb;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin-right: 7px;
}
.inbox-body .ecomposer span.user-icon{
    color: #c3c3c3;
}
.inbox-body .subject-body table{}
.inbox-body .subject-body table tr{}
.inbox-body .subject-body table tr td{}
.custom-mailinfodropdown{}
.custom-mailinfodropdown .me-btn{
    outline: none;
    border: none;
    margin-left: 32px;
}
.custom-mailinfodropdown .toggle-me-btn{
    outline: none;
    border: none;
    line-height: 0;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.dropdown-menu.maildropdown-menu{
    width: 640px;
    padding: 12px 0;
}



.maildropdown-menu table.mailinfotable{
    width: 100%;
    margin: 0;
}
.maildropdown-menu table.mailinfotable tbody{

}
.maildropdown-menu table.mailinfotable tbody tr{

}
.maildropdown-menu table.mailinfotable tbody tr th{
    border-style: none;
    font-size: 14px;
    color: #777777;
    font-weight: 600;
    text-align: end;
}

.maildropdown-menu table.mailinfotable tbody tr td{
    border-style: none;
}
.card-body.p-0 .table tbody > tr > td:last-of-type, .card-body.p-0 .table tbody > tr > th:last-of-type, .card-body.p-0 .table thead > tr > td:last-of-type, .card-body.p-0 .table thead > tr > th:last-of-type, .pr-4, .px-4 {
    padding-right: 0 !important;
}

.mail_inbox-btns{
    padding: 20px 20px;
}
.mail_inbox-btns .reply_btns{
    background: none;
    color: #777474;
    border: 1px solid #bebaba;
    border-radius: 19px;
    width: 10%;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 700;
}
.mail_inbox-btns .reply_btns:hover{
    background-color: #f1f1f1;
    color: #777474;
    ;
}
.mail_inbox-btns .reply_btns span{

}
.modal.emailbox-modal .modal-dialog {
    position: fixed;
    bottom: 0px;
    right: -67px;
    margin: 0px;
    width: 120%;

}
 .input-container {
    position: relative;
}



.emailbox-modal{}
.emailbox-modal .modal-dialog{  
    
  }
.emailbox-modal .modal-dialog .modal-content{ 
    width: 85%;
    border-radius: 8px;
  }
.emailbox-modal .modal-dialog .modal-content .modal-header{  
    padding: 8px 12px 8px 12px;
    background: #e4e4e4;
    display: flex
;
    align-items: center;
  }
.emailbox-modal .modal-dialog .modal-content  .recipient{  
    padding: 0 15px;
  }
.emailbox-modal .modal-dialog .modal-content .modal-header .ryt-btn{  
    display: flex;
    align-items: center;
    justify-content: center;
  }
.emailbox-modal .modal-dialog .modal-content .modal-header .modal-title{  
    font-size: 16px !important;
    font-weight: 700;
    color: #252525;
    margin: 0;
    line-height: 0px;
  }
.emailbox-modal .modal-dialog .modal-content .modal-header .btn-close{  
    margin-top: -3px;
  }
  .emailbox-modal .modal-dialog .modal-content .modal-header .btn-close:focus{
    box-shadow: none;

  }
.emailbox-modal .modal-dialog .modal-content .modal-header .custom-btn{  
    background: none;
    border: none;
    width: 30px;
    height: 30px;
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 0 0 11px 0;
    margin: 3px 0 0 0;
    line-height: 0;
    border-radius: 6px;
  }
  .emailbox-modal .modal-dialog .modal-content .modal-header .custom-btn i{
    color: #727272;

  }
  .emailbox-modal .modal-dialog .modal-content .modal-header .btn-close:hover {
    background-color: #c4c4c4;
    cursor: pointer;
}
.emailbox-modal .modal-dialog .modal-content .modal-header .custom-btn:hover{
    background-color: #c4c4c4;
    cursor: pointer;
}
.emailbox-modal .modal-dialog .modal-content .modal-body{  
    height: 400px;
    min-height: 400px;
  }
  .emailbox-modal .modal-dialog .modal-content .modal-footer{
    padding: 8px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .emailbox-modal .modal-dialog .modal-content .modal-footer .left-send-btn{
    display: flex ;
        align-items: center;
}    
.emailbox-modal .modal-dialog .modal-content .modal-footer  button.editbtn{
    background: none;
    border: none;
    color: #9e9e9e;
    height: 25px;
    width: 25px;
    margin-left: 5px;
}
.emailbox-modal .modal-dialog .modal-content .modal-footer .left-send-btn button.editbtn:hover{
    background-color: #e1e1e1;
    transition: 0.5s;
}
  .emailbox-modal .modal-dialog .modal-content .modal-footer .right-trash{
    display: flex;
    justify-content: end;
  }
  .emailbox-modal .modal-dialog .modal-content .modal-footer .btn-send{
    border-radius: 21px;
    padding: 4px 25px;
    font-weight: 600;
    font-size: 15px !important;
}
  
.emailbox-modal .modal-dialog .modal-content .input-text{  
    outline: none;
    border: none;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    padding: 8px 6px;

  }
  .emailbox-modal .modal-dialog .modal-content .input-text::placeholder{
    color: #9e9e9e;
    padding: 0 0;
    font-size: 15px;

  }

  .ui-datepicker {z-index:10000 !important;}

@media only screen and (max-width:667px) {
    .agent-set .right-blk {
        position: static;
        margin-bottom: 44px;
    }

    header .logo {
        width: 100%;
    }

    header .navbar {
        display: flex;
        justify-content: end;
    }
.panel_layout {
    padding: 0px 0px;
}
.panel_access {
    height: inherit;
    padding: 0 !important;
}

    .footer-content {
        padding: 24px 0;
    }

    .footer-logo-section {
        width: 56%;
        margin: 0 auto;
    }

    .footer .footer-links-section .footer-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer .footer-links-section .footer-links li {
        list-style: none;
        margin-bottom: 0;
        padding: -1px 0;
        line-height: 8px;
    }

    .footer .footer-links-section .footer-links a {
        font-size: 15px;
    }

    .footer .footer-links-section .footer-associate {
        padding-bottom: 1.5rem;
    }

    .agent-set .submit-btn {
        margin: auto;
    }

    .agent-set .container {
        width: 100%;
    }
    .agent-set .form_mask {
    padding: 20px 10px;
}
.agent-set .agent-heading .rhs-txt .note h2 {
    margin-top: 0px;
}
.agent-set .agent-heading .lhs-txt h2 {
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 18px;
}
.agent-set p, .agent-set p a {
    color: #333;
}
.panel_access .access_sec .text-show .lhs-txt h3 {
    font-size: 18px;
    margin-bottom: 5px;
}
.panel_access .access_sec .text-show .lhs-txt h2 {
    font-size: 21px;
    margin-bottom: 16px;
}

.support-best .support-box .ico-img {
    width: 15%;
}
.support-best {
    margin-bottom: 30px;
}
.support-best .support-box {
    padding: 6px 0;
    border: none;
    flex-direction: column;
}
.support-best .support-box .ico-img {
    margin-right: 0px;
    width: 25%;
}
.support-best .support-box .text-set {
    text-align: center;
}
}




.header{
    width: 100%;
}
.header .navbar{
    background-color: #fff;
}
.header .navbar .navbar-collapse{}
.header .navbar .navbar-collapse .navbar-nav{}
.header .navbar .navbar-collapse .navbar-nav .nav-item{}
.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link{
    font-size: 17px;
    font-weight: 500;
    color: #000;
}
.header .main_nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.header .main_nav .navbar-brand{
    width: 11%;
    margin: 0;
    padding: 0;
}
.header .main_nav .navbar-brand img{}
.header .main_nav .contact_link{}
.header .main_nav .contact_link a.call_tfn{
    cursor: pointer;
    float: right;
    margin: -10px 0px 0 0;
    font-size: 20px;
    padding: 12px 20px 12px 70px;
    position: relative;
    color: #ff4e01;
    font-weight: 600;
    text-decoration: none;
    width: auto;
}
.header .main_nav .contact_link a.call_tfn::before{
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 18px;
    top: 13px;
    background: url(../assets/icon/care-icon.svg) left top no-repeat;
    background-size: 100%;
}
.header .main_nav .contact_link a.call_tfn span{
    font-size: 11px;
    display: block;
    color: #808080;
}

.hero-section {
    height: 500px;
    background: url(../assets/main_bg2.jpg) no-repeat center center / cover;
    position: relative;
    margin-top: 50px;
}
.hero-section .hero-text{
    padding-top: 37px;
}
.hero-section .hero-text h1{
    font-size: 36px;
    font-weight: bold;
}
.hero-section .hero-text p{
    margin-bottom: 6px;
}

.hero-section .support-best {
    padding: 0;
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

 .hero-section .support-best .support-box {
    display: flex;
    align-items: center;
    padding: 13px 12px;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    width: 49%;
    height: 100px;
}
 .hero-section .support-best .support-box:nth-child(2), .hero-section .support-best .support-box:nth-child(4) {
border-right: none;
 }
 .hero-section .support-best .support-box:nth-child(3), .hero-section .support-best .support-box:nth-child(4) {
    border-bottom: none;
 }
.b-none{
    border:none !important;
}
.hero-section .support-best .support-box .ico-img {
    margin-right: 15px;
    width: 17%;
}

.hero-section .support-best .support-box .ico-img img {}

.hero-section .support-best .support-box .text-set {
    text-align: left;
}

.hero-section .support-best .support-box .text-set h3 {
    font-size: 15px;
    margin-bottom: 2px;
    font-weight: 600;
}

.hero-section .support-best .support-box .text-set p {
    font-size: 13px;
    margin: 0;
    line-height: 20px;
}

.hero-section .hero-form{}
.hero-section .hero-form .access_sec {
    /* box-shadow: 0px 4px 5px #00000080; */
    padding: 23px 26px 4px;
    overflow: hidden;
    max-height: 585px;
    border-radius: 0px;
    border: none;
    background: #ffffff;
    /* background-image: linear-gradient(to bottom right, #0362ff, #0007a1); */
}

.hero-section .hero-form .access_sec .text-show {/* display: flex; */justify-content: space-between;}
.hero-section .hero-form .access_sec .text-show .lhs-txt{
    text-align: center;
}
.hero-section .hero-form .access_sec .text-show .rhs-txt{}
.hero-section .hero-form .access_sec .text-show .rhs-txt .register-btn{
    color: #8D8D8D;
    display: flex;
    flex-direction: column;
    line-height: 15px;
}
.hero-section .hero-form .access_sec .text-show .rhs-txt .register-btn a{
    color: #EB6335;
    text-decoration: none;
}
.hero-section .hero-form .access_sec .text-show .rhs-txt .register-btn a:hover{
    color: #db0707;
}
.hero-section .hero-form .access_sec .text-show .lhs-txt h3 {
    font-weight: bold;
    /* text-transform: uppercase; */
    font-size: 23px;
    color: #4a4a4a;
    margin-bottom: 11px;
    text-transform: capitalize;
}
.hero-section .hero-form .access_sec .text-show .lhs-txt h2 {
    font-weight: 500;
    font-size: 17px;
    color: #000;
    margin-bottom: 17px;
    text-transform: capitalize;
}
.hero-section .hero-form .access_sec .text-show .lhs-txt h3 span{
    color: #e82823;
}
.hero-section .hero-form .access_sec .text-show h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #e83f47;
}

.hero-section .hero-form .access_sec .text-show p {
    color: #003d85;
}

.hero-section .hero-form .access_sec .access_icon {
    background-color: #ffffff00 !important;
    border: none;
    text-align: center;
    padding: 5px 0px;
}

.hero-section .hero-form .access_sec .access_icon img {
    width: 38%;
    margin-bottom: 0px;
}

.hero-section .hero-form .access_sec .access_icon p {
    font-size: 12px;
    margin-bottom: 0px;
}

.hero-section .hero-form .access_sec .access_log_btn {
    width: 70%;
    /* background-color: #EB6335; */
    background-image: linear-gradient(to right, #f27326, #d22b00);
    border: 0px #EB6335 solid;
    text-transform: uppercase;
    padding: 13px 0px;
    margin: 0;
    margin-left: auto;
    /* border-radius: 11px; */
    /* display: flex; */
    /* text-align: center; */
    justify-content: center;
    font-weight: 700;
}

.hero-section .hero-form .access_sec .access_log_btn:hover {
    background-color: #ff010a;
  
}

.hero-section .hero-form .access_sec .bottom-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    width: 100%;
}

.hero-section .hero-form .access_sec .bottom-btn .register-btn {
    /* background: #1a27bd; */
    padding: 4px 10px;
    margin: 0 7px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    color: #000;
}

 .hero-section .hero-form .access_sec .bottom-btn .register-btn a {
    color: #3192e8;
    text-decoration: none;
    /* font-size: 13px; */
    text-decoration: underline;
    padding: 0px 5px;
    /* font-weight: 600; */
}

.about_sec{
    background-color: #f5f5f5;
    position: relative;;
}   
.about_sec .about_inn{
  width: 68.5%;
}
.about_sec .about_inn img{
  max-width: 100%;
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 4px;

}
.about_sec .about_text{
     position: absolute;
     top: 130px;
     right: 0;
     z-index: 1;
     width: 45%;
}   
.about_sec .about_text .about_text_inn{
     background-color: #fff;
    padding: 25px;
    max-width: 638px;
    min-height: 150px;
    border-radius: 4px;
}   
.about_sec .about_text .about_text_inn h2{
    font-size: 32px;
    font-weight: bold;
    color: #484848;
}   
.services{
    padding: 50px 0;
    background: url(../service-bg.webp);
    background-position: center right;
    background-size: cover;
    background-attachment: fixed;
}
.services .service_head{
    text-align: center;
    padding: 40px 0;
}
.services .service_head h2{font-size: 32px;font-weight: bold;color: #484848;}
.services .services-boxs{
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    background:  #FFF;
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.10);
    padding: 20px;
    display: flex;
    height: 100%;
    padding: 20px 24px 35px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    transition: all .5s ease-out;
    position: relative;
    text-align: center;
    justify-content: center;
}
.services .services-boxs .serv-img{
    width: 25%;
    margin: 6px auto;
    background: #efefef;
    border-radius: 12px;
    padding: 6px;
    display: inline-block;
}
.services .services-boxs .serv-img i{}
.services .services-boxs h3{
    display: block;
    width: 100%;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0;
}
.services .services-boxs p{
    margin: 0;
}


.brands-partner{
    width: 100%;
    padding: 80px 0;
    margin: 0 auto;
}
.brands-partner .brand_head{
    text-align: left;
}
.brands-partner .brand_head h2{
    font-size: 32px;
    font-weight: bold;
    color: #484848;
}
.brands-partner .brand_head p{}
.brands-partner .brand_content{}
.brands-partner .brand_content ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}
.brands-partner .brand_content ul li{
    width: 24%;
    list-style: none;
}
.brands-partner .brand_content ul li img{}



.membership{
    background-image: url(../members/client-bg.png), linear-gradient(180deg, #fffeed 0%, rgba(234, 234, 234, 0.00) 100%);
    padding: 50px 0;
    background-size: cover;
    background-position: center bottom;
}
.membership .member_head{
    text-align: center;
    margin-bottom: 20px;
}
.membership .member_head h2{
    font-size: 32px;
    font-weight: bold;
    color: #484848;
    text-align: center;
}
.membership .member_head p{}
.membership .member_list{
    width: 80%;
    margin: 0 auto;
}
.membership .member_list ul{
        padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.membership .member_list ul li{
        width: 24%;
        text-align: center;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 15px 0;
}
.membership .member_list ul li:nth-of-type(4), .membership .member_list ul li:nth-of-type(8), .membership .member_list ul li:nth-of-type(12) {
    border-right: none;
}
.membership .member_list ul li:nth-of-type(10), .membership .member_list ul li:nth-of-type(11), .membership .member_list ul li:nth-of-type(12), .membership .member_list ul li:nth-of-type(13){
    border-bottom: none;
}
.membership .member_list ul li img{
    /* filter: grayscale(100%); */
    width: 50%;
}
.membership .member_list ul li img:hover{
    filter: grayscale(0%);
}

.landing_foot{
    background-color: #212529;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
.landing_foot .contact_info{
    width: 100%;
    padding: 20px 0;
}
.landing_foot .contact_info p{
    color: #fff;
    margin: 0;
}
.landing_foot .contact_info p strong{
    color: #f5f5f5;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1.2px #ccc solid;
    width: 70%;
    display: inline-block;
    margin-bottom: 10px;
}
.landing_foot .contact_info ul{
    margin: 0;
    padding: 0;
}
.landing_foot .contact_info ul li{}
.landing_foot .contact_info ul li strong{
    color: #dad8d8;
    margin-right: 5px;
}
.landing_foot .contact_info ul li a{
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
}
.landing_foot .contact_info ul li a:hover{
    color: #FFC107;
}
.landing_foot .rights{
    
}
.landing_foot .rights p{
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0;
}


.promotion{
    width: 100%;
    padding: 40px 0;
    margin: 0 auto;
}
.promotion .promo_title{
    text-align: center;
    padding: 10px 0;
}
.promotion .promo_title h2{
    font-size: 32px;
    font-weight: bold;
    color: #484848;
}
.promotion .promo_show{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.promotion .promo_show .promo_img{
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.promotion .promo_show .promo_img img{}
.promotion .promo_show .promo_details{
    text-align: center;
    width: 100%;
    bottom: 0;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 9px 0;
}
.promotion .promo_show .promo_details h3{
    font-weight: bold;
    color: #484848;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0;
}
.promotion .promo_show .promo_details p{}
.promotion .promo_show .promo_details ul{
    display: flex;
    margin: 0;
    padding: 0 6px;
    /* background: #e6e6e6; */
    width: fit-content;
    border-radius: 10px;
}
.promotion .promo_show .promo_details ul li{
    list-style: none;
    margin: 0px 2px;
}
.promotion .promo_show .promo_details ul li i{
    color: #ffb20b;
    font-size: 12px;
}
.promotion .ban_slider{
    position: relative;
}
.promotion .ban_slider .owl-nav{
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.promotion .ban_slider .owl-nav .owl-prev{
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 44px;
    margin-left: -5px;
    border: 1px #ccc solid;
    box-shadow: 0px 0px 0 #ffffff;
}
.promotion .ban_slider .owl-nav .owl-prev span{}
.promotion .ban_slider .owl-nav .owl-next{
     background: #fff;
     width: 30px;
     height: 30px;
     border-radius: 44px;
     margin-right: -5px;
     border: 1px #ccc solid;
     box-shadow: 0px 0px 0 #ffffff;
}
.promotion .ban_slider .owl-nav .owl-next span{}


/* 4. Medium devices (tablets – 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  
}

/* 3. Small devices (phones landscape – 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* 2. Extra small devices (phones, portrait – less than 576px) */
@media (max-width: 575.98px) {
.hero-section {
    height: max-content;
    margin-top: 60px;
}
.header .main_nav .navbar-brand {
    width: 30%;
}
.header .main_nav .contact_link a.call_tfn {
    font-size: 16px;
    padding: 12px 0px 12px 65px;
}

.header .main_nav .contact_link a.call_tfn::before{
    left: 10px;
    background-size: 90%;
}
.hero-section .hero-text h1 {
    margin-top: 42px;
    font-size: 22px;
}
.hero-section .support-best {
    background: #00000040;
}

.hero-section .support-best .support-box .ico-img {
    display: none;
}
  .about_sec .about_inn {
    width: 100%;
}
.services .services-boxs .serv-img {
    width: 19%;
}
.promotion .promo_title h2, .about_sec .about_text .about_text_inn h2, .services .service_head h2, .brands-partner .brand_head h2, .membership .member_head h2{
    font-size: 23px;
}
.brands-partner .brand_head {
    text-align: center;
}
.about_sec .about_text{
    position: inherit;
    width: 100%;
    top: 0;
}
.membership .member_list ul li {
    width: 50%;
}
.membership .member_list ul li:nth-of-type(10), .membership .member_list ul li:nth-of-type(11), .membership .member_list ul li:nth-of-type(12){
     border-bottom: 1px solid #ddd;
}
.membership .member_list ul li:nth-of-type(2),.membership .member_list ul li:nth-of-type(4), .membership .member_list ul li:nth-of-type(6), .membership .member_list ul li:nth-of-type(8), .membership .member_list ul li:nth-of-type(10), .membership .member_list ul li:nth-of-type(12) {
    border-right: none;
}  
.membership .member_list ul li img {
    width: 70%;
}
}