body{

    font-family: 'Montserrat', sans-serif;

    background-color: #fff;

}

img{

    max-width: 100%;

}

/*---registration---*/

.reg_text h1{

    font-weight: 700;

    color: #4bb0eb;

    font-size: 50px;

    margin: 0 0 15px 0;

}

.reg_text p{

    line-height: 28px;

    color: #666;

    font-size: 16px;

    font-weight: 400;

}

.reg_text .reg_form{

    padding: 0px 0px;

    background-color: #f1f9ff;

    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);

}

.reg_text .reg_form .form-group label{

    font-size: 14px;

    color: #666;

    opacity: 0.5;

    margin-bottom: 0;

}

.reg_text .reg_form .form-group {

    margin: 0 0 0px 0;

    padding: 20px 25px 10px 25px;

    border-bottom: 2px solid rgba(102, 102, 102, 0.2);

}

.reg_text .reg_form .form-group input{

    background-color: transparent;

    border: 0;

    border-radius: 0;

    font-size: 15px;

    color: #666;

    padding: 0;

}

.reg_text .reg_form .form-group input::placeholder{

    font-size: 18px;

    font-weight: 700;

    color: #666;

}

.reg_text .reg_form .line{

    position: relative;

}

.reg_text .reg_form .line::after{

    position: absolute;

    content: "";

    width: 10px;

    height: 92px;

    background-color: #f7cc7e;

    top: 0;

    left: 0;

}

.s_btn{

    border-radius: 50px;

    background: #1c75bc;

    background: -moz-linear-gradient(left, #1c75bc 0%, #48a1e7 100%);

    background: -webkit-linear-gradient(left, #1c75bc 0%,#48a1e7 100%);

    background: linear-gradient(to right, #1c75bc 0%,#48a1e7 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c75bc', endColorstr='#48a1e7',GradientType=1 );

    padding: 10px 28px;

    font-size: 14px;

    font-weight: 600;

    color: #fff;

    border: 0;

}

.s_btn1{

    font-size: 10px;

    padding: 8px 25px;

}

.s_btn1:hover{

    color: #fff;

}

.i_btn{

    width: 150px;

}

.i_text p{

    color: #666;

    font-size: 15px;

    font-weight: 400;

    margin: 15px 0 0 0;

}

.i_text p a{

    color: #4bb0eb;

    font-weight: 700;

}

.reg_img img{

    margin-top: 65px;

    max-width: none;

    margin-left: -120px;

}

.reg_img1 img{

    margin-left: 50px;
    max-width: 100%;

}

.forget label{

    font-size: 15px;

    color: #bebebe;

}

.forget a{

    color: #666;

    font-size: 15px;

    font-weight: 400;

}

.forget{

    margin: 30px 0 0 0;

}

.mt-70{

    margin-top: 70px;

}

body[data-sidebar=dark] .vertical-menu {

    background-color: #4bb0eb;

    

}

body[data-sidebar="dark"] #sidebar-menu ul li a {

    color: #fff;

}

body[data-sidebar=dark] #sidebar-menu ul li a i {

    color: #fff;

}

body[data-sidebar=dark] #sidebar-menu ul li a:hover {

    color: #666;

    background-color: #fff;

    border-radius: 50px;

    box-shadow: 0px 0px 8px rgba(23, 148, 221, 0.9);

}

body[data-sidebar=dark] #sidebar-menu ul li a:hover i {

    color: #666;

}

.vertical-menu{

    padding: 10px;

    border-radius: 20px;

    top: 170px;

    margin-left: 12px;

}

.menu_back{

    background: url(../images/menu_back.png) bottom 4px right -8px no-repeat;

    background-size: contain;

    height: 100%;

}

body[data-sidebar=dark] .navbar-brand-box {

    background: #fff;

}

.brathcrumb{

    padding-top: 100px;

    background-color: #f5f5f5;

}

#vertical-menu-btn{

    padding: 0;

    height: auto;

    width: auto;
    display: flex;
}

.page-title-box h4{

    color: #666;

}

#vertical-menu-btn{

    color: #666;

}

.breadcrumb-item>a {

    color: #666;

}

.navbar-brand-box {

    width: 125px;

}

.badge-blue{

    color: #fff;

    background-color: #4bb0eb;

    top: 8px;

    right: 4px;

    width: 20px;

    height: 20px;

    line-height: 17px;

}

.app-search .form-control{

    background-color: #f1f9ff;

}

.inner_section{

    background-color: #fff;

    border-radius: 20px;

    box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 10%)

}

.all_inner_section{

    margin-top: 25px;

}

.metismenu li {

    margin: 0 0 10px 0;

}

.metismenu .active{

    color: #666;

    background-color: #fff;

    border-radius: 50px;

    box-shadow: 0px 0px 8px rgba(23, 148, 221, 0.9);

}

body[data-sidebar="dark"] #sidebar-menu ul .active a {

    color: #666;

}

body[data-sidebar=dark] #sidebar-menu ul .active a i{

    color: #666 !important;

}

.nav-pills>li>a, .nav-tabs>li>a {

    color: #666;

    font-weight: 600;

    font-size: 15px;

}

.nav-tabs-custom .nav-item .nav-link.active {

    color: #666;

}

.nav-tabs-custom .nav-item .nav-link::after{

    background: #4bb0eb;

    height: 3px;

}

.drop .dropdown-toggle{

    background-color: #f1f9ff;

    color: #666;

    width: 100%;

    text-align: left;

    border: 0;

}

.drop .dropdown-toggle .mdi-chevron-down{

    float: right;

}

.table-striped tbody tr:nth-of-type(odd) {

    background-color: #fff;

}

.table-striped tbody tr:nth-of-type(even) {

    background-color: #f1f9ff;

}

.table-striped thead tr{

    background-color: #f1f9ff;

}

.edit ul{

    padding: 0;

    margin: 0;

}

.edit ul li {

    display: inline-block;

    margin-left: 5px;

}

.edit ul li a{

    color: #666 !important;

    font-size: 15px;

}

.a_tab table tbody tr td a{

    color: #4bb0eb;

}

body[data-sidebar=dark].vertical-collpsed {

    min-height: 100%;

}

body[data-sidebar=dark].vertical-collpsed .menu_back{

    background: none;

}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {

    padding: 13px 10px;

    min-height: 40px;

    transition: none 0s ease 0s;

    min-width: 40px;

}

body[data-sidebar=dark] .mm-active .active {

    color: #666!important;

}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {

    color: #666!important;

}

.main-content {

    margin-left: 262px;

    margin-top: 145px;

    padding-bottom: 60px;

}

.vertical-collpsed .main-content {

    margin-left: 82px;

    margin-top: 145px;

}

.request{

    margin: 50px 0 0 0;

}

.request h2{

    color: #4cb3ed;

    font-size: 35px;

    margin: 0 0 20px 0;

    font-weight: 700;

}

.request .nav-tabs .nav-link {

    border: 0px solid transparent;

}

.request .nav-tabs {

    border-bottom: 0px solid #ced4da;

}

.request .custom-control-input{

    border-radius: 50%;

}

.request .custom-control-label::before{

     border-radius: 50% !important;

     box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);

     border: 0;

     background-color: #fff;

}

.request .nav-item .active .custom-control-label::after{

    background-color: #5ab8ed;

    width: 10px;

    height: 10px;

    position: absolute;

    content: "";

    border-radius: 50%;

    top: 5px;

    left: -21px;

    

}

.request .rc_content .all_rc_cont{

    display: flex;

    position: relative;

} 

.request .rc_content .all_rc_cont input{

    background-color: #fff;

    border-radius: 50px;

    padding: 25px 20px 25px 65px;

    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

    border: 0;

 color: #666;

 font-size: 14px;

}

.request .rc_content .all_rc_cont input::placeholder{

    color: #666;

    opacity: 0.5;

    font-size: 15px;

}

.request .rc_content .all_rc_cont i{

    font-size: 25px;

    color: #666;

    opacity: 0.5;

    position: absolute;

    top: 12px;

    left: 25px;

    font-weight: 400;

}

.request .rc_content .col-lg-6 {

    padding-top: 15px;

    padding-bottom: 15px;

}

.request .rc_content .s_btn{

    margin-top: 15px;

}

.request .rc_content .s_btn:hover{

    color: #fff;

}

.a_tab .modal-content{

    border-radius: 20px;

}

.a_tab .modal-header h5{

    color: #4cb3ed;

    font-size: 20px;

    font-weight: 700;

}

.a_tab .modal-header .cross{

    background-color: #666;

    font-size: 20px;

    color: #fff;

    border-radius: 50px;

    padding: 0px 7px;

    font-weight: 400;

}

.a_tab .f_group{

    position: relative;

    margin-top: 15px;

}

.a_tab .f_group input{

    border-radius: 20px;

    border: 2px solid rgba(102, 102, 102, 0.2);

    min-height: 80px;

} 

.a_tab .f_group label{

    margin: 0;

    font-weight: 400;

    font-size: 14px;

    color: rgba(102, 102, 102, 0.5);

    background-color: #fff;

    position: absolute;

    top: -10px;

    left: 28px;

    padding: 0 6px;

}

.dropzone {

    border: 2px dashed #ced4da !important;

    background: #fff;

}

.a_tab .f_group .upload{

    position: absolute;

    top: 19px;

    text-align: center;

    left: 37%;

}

.a_tab .f_group .upload i{

    font-size: 20px;

    color: #f7cc7e !important;

}

.a_tab .f_group .upload h4{

    font-weight: 700;

    font-size: 10px;

    margin: 0;

    color: rgba(102, 102, 102, 0.5);

}

.a_tab .modal-body p{

    color: rgba(102, 102, 102, 0.5);

    font-size: 11px;

    margin: 10px 0 15px 0;

}

.a_tab .modal-body .btn{

    border-radius: 50px;

    background-color: #4cb3ed;

    padding: 10px;

    color: #fff;

    font-weight: 700;

    text-align: center;

    margin: 0 0 15px 0;

    width: 100%;

}

.a_tab .modal-body .btn1{

    border-radius: 50px;

    padding: 10px;

    color: #fff;

    font-weight: 700;

    text-align: center;

    width: 100%;

    background: #1c75bc;

    background: -moz-linear-gradient(left, #1c75bc 0%, #48a1e7 100%);

    background: -webkit-linear-gradient(left, #1c75bc 0%,#48a1e7 100%);

    background: linear-gradient(to right, #1c75bc 0%,#48a1e7 100%);

    border: 0;

}

.vertical-collpsed .navbar-brand-box {

    width: 105px!important;

}

.posit{

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 9;

}

.footer{

    position: fixed;



}

.input-group-append .btn{

    background-color: #4bb0eb;

    border-color: #4bb0eb;

}

.small, small {

    font-size: 80%;

    font-weight: 400;

    color: #4bb0eb;

}

.btn-link{

    color: #4bb0eb;

}

.vertical-collpsed .footer {

    left: 0px;

}

#page-topbar{

    width: 100%;

}

/*===29.4.21===*/
.all_profile{
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
}
.account_image .user-pic{
    width: 80px;
    height: 80px !important;
    border-radius: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;
    margin: 0 auto;
    position: relative;
}
.account_image{
    text-align: center;
    margin: 10px 0;
}
.account_image .a_avatar{
    color: #696969;
    font-size: 15px;
    margin: 10px 0 0 0;
    display: inline-block;
}
.account_image .a_edit{
    color: #fff;
    background-color: #4cb3ed;
    font-size: 12px;
    border-radius: 20px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    padding: 6px 12px;
    margin: 0 0 0 5px;
}
.phone_num span{
    display: block;
    color: #696969;
    font-weight: 800;
    font-size: 16px;
}
.phone_num span i{
    color: #696969;
    opacity: 0.5;
}
.phone_num a{
    color: #4cb3ed;
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 0 20px;
}
.emailaddress span {
    display: block;
    color: #696969;
    font-weight: 800;
    font-size: 16px;
}
.emailaddress {
    color: #4cb3ed;
    font-size: 18px;
    font-weight: 800;
    margin: 10px 0;
}
.emailaddress a{
    color: #4cb3ed;
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 0 20px;
}
.emailaddress span i{
    color: #696969;
    opacity: 0.5;
}
.phone_num{
    margin: 10px 0;
}

.modal-header h5{
     color: #4cb3ed;
     font-size: 18px;
     font-weight: 700;
}
.modal-header .close {
    padding: 5px 9px;
    background-color: #696969;
    color: #fff;
    margin: -0.5rem -0.5rem -1rem auto;
    border-radius: 50px;
}
.modal-body .basic_section input{
    width: 47%;
    padding: 10px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
    margin: 0px 5px 15px 5px;
}
.modal-body .address_section input{
    width: 47%;
    padding: 10px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
    margin: 0px 5px 15px 5px;
}
.modal-body .address_section select{
    width: 47%;
    padding: 7px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
    margin: 0px 5px 15px 5px;
}
.modal-body .basic_section input:focus-visible{
    outline: none;
}
.modal-body .address_section input:focus-visible{
    outline: none;
}
.modal-footer #submitbtnx{
    background: #4cb3ed !important;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.modal-footer .btn-secondary{
   background-color: #4cb3ed;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}

.account_image2 .a_edit {
    bottom: 120px;
}
.all_provider{
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
}
.all_provider .nav-tabs {
    border-bottom: 1px solid #ced4da;
}
.all_provider .chosen-container-multi .chosen-choices{
    padding: 10px;
    height: 48px;
    border-radius: 50px;
    border: 1px solid #69696933;
}
.all_provider .btn {
    background: #4cb3ed ;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.all_provider .chosen-container-single .chosen-single{
    padding: 5px 15px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
    background: #fff;
}
.all_provider .chosen-container-single .chosen-single div b {
    background: url(https://karpromechanic.myteamconnector.com/assets/dashboard/images/chosen-sprite.png) no-repeat 0 8px;
}
.add_b{
    margin-top: 25px;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4cb3ed;
    border-color: #4cb3ed;
}
.buy_veh .btn {
    background: #4cb3ed ;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.buy_veh .form-control-sm{
    padding: 10px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
  
}
.basic_section .chosen-container-single .chosen-single{
    padding: 5px 15px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
    background: #fff;
    background-image: none;
}
.basic_section .chosen-container-single .chosen-single div b {
    background: url(https://karpromechanic.myteamconnector.com/assets/dashboard/images/chosen-sprite.png) no-repeat 0 8px;
}
.basic_section .chosen-container-active .chosen-single{
    border-radius: 20px ;
}
.all_provider .chosen-container-active .chosen-single{
    border-radius: 20px ;
}
.buy_veh .btn-danger{
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d75bd+0,48a0e7+100 */
background: #1d75bd; /* Old browsers */
background: -moz-linear-gradient(left,  #1d75bd 0%, #48a0e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1d75bd 0%,#48a0e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1d75bd 0%,#48a0e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d75bd', endColorstr='#48a0e7',GradientType=1 ); /* IE6-9 */
}
.inner_all_request{
    padding: 0 !important;
    border-radius: 30px;
    border: 0;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    min-height: 280px;
}
.inner_all_request .sthedaer{
    border-radius: 30px 30px 0 0;
    background-color: #4bb0eb;
    padding: 20px 20px 15px 20px;
    color: #fff;
}
.inner_all_request .lftpan h5{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.inner_all_request .rgtpan .btn{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7cc7e+0,fba405+100 */
background: #f7cc7e; /* Old browsers */
background: -moz-linear-gradient(left,  #f7cc7e 0%, #fba405 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f7cc7e 0%,#fba405 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f7cc7e 0%,#fba405 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7cc7e', endColorstr='#fba405',GradientType=1 ); /* IE6-9 */
color: #000;
font-size: 12px;
font-weight: 600;
padding: 10px 20px;
border: none;
border-radius: 50px;
}
.inner_all_request .stbody {
    padding: 10px 20px 15px 20px;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #e4e4e4;
}
.inner_all_request .stbody .lftpan {
    width: 50%;
}
.inner_all_request .stbody .rgtpan {
    width: 50%;
}
.inner_all_request .stbody .nnxtpnlne {
    width: 100%;
}
.inner_all_request .stbody .bdylbl{
    font-size: 13px;
}
.inner_all_request .stbody .bdyvalue{
    font-size: 14px;
    font-weight: 600;
}
.inner_all_request .footer-btn-wrapper{
    text-align: center;
    padding: 0 0 10px 0;
}
.inner_all_request .footer-btn-wrapper .btn{
    background-color: transparent;
    color: #495057 !important;
    border: 0;
    width: auto;
    font-size: 13px;
}
.loginboxwrapper{
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    margin: 0 0 30px 0;
}
.loginboxwrapper input{
    padding: 10px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
}
.loginboxwrapper .btn-primary{
    background: #4cb3ed ;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}


.all_vehicle_inner_section{
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    margin: 0 0 30px 0;
}
.vehicle_head{
    margin: 40px 0 20px 0;
}
.vehicle_head h2{
    font-weight: 700;
    font-size: 24px;
    margin: 0;
    color: #4cb3ed;
}

.all_vehicle_inner_section .chosen-container-single .chosen-single{
    padding: 5px 15px 5px 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
    background: transparent;
    background-image: none;
}
.all_vehicle_inner_section .chosen-container-active .chosen-single{
    border-radius: 20px;
    background: transparent;
}
.all_vehicle_inner_section .chosen-container-single .chosen-single div b{
    background: url(https://karpromechanic.myteamconnector.com/assets/dashboard/images/chosen-sprite.png) no-repeat 0 8px;
}
.all_vehicle_inner_section .rc_content .all_rc_cont input{
    padding: 10px 10px 10px 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
    box-shadow: none;
}
.all_vehicle_inner_section .rc_content .all_rc_cont i{
    font-size: 18px;
    top: 9px;
    left: 10px;
}
.all_vehicle_inner_section .rc_content .all_rc_cont1  i {
    font-size: 18px;
    top: 9px;
    left: 22px;
}
.all_vehicle_inner_section .rc_content .all_rc_cont input::placeholder{
    color: #444;
    font-size: 13px;
    opacity: 0.9;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #4cb3ed;
    background-color: #4cb3ed;
}
.all_vehicle_inner_section .btn-primary{
    background: #4cb3ed;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.all_vehicle_inner_section .chosen-container-multi .chosen-choices{
    background-color: transparent;
    background-image: none;
    padding: 3px 10px 10px 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
    box-shadow: none;
}
.inner_address .dataTables_wrapper {
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    margin: 0 0 30px 0;
}
.inner_address .btn-primary{
    background: #4cb3ed;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.inner_address .btn-danger{
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.inner_address .dataTables_filter .form-control-sm{
    height: 35px;
    border-radius: 50px;
    border: 1px solid #69696933;
}
.buyer_address_all .modal-body .basic_section input{
    width: auto ;
    margin: 0px 5px 0px 5px;
}
.buyer_address_all .last_ch input{
    height: auto;
    margin: 2px 0px 0px 10px !important;
}

.all_documents{
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    margin: 0 0 30px 0;
}
.all_documents .uploader{
    opacity: 0.3;
}
.all_documents .files_are .imgitem{
    border-radius: 15px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
.all_documents .bxs-x-circle{
    color: #fc9295;
}
.all_documents .btn-primary{
    background: #4cb3ed;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.inner_all_request .footer-btn-wrapper .btn:active{
    background-color: transparent;
    border: none;
}
.servicedetailsox .btn-sm{
    margin: 0 0 10px 0;
    display: inline-block;
}
.buyer_request{
    margin: 50px 0 0 0;
}
.buy_back{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #4bb0eb;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: relative;
    transition: 0.3s ease-in-out;
}
.buy_back .bx{
    color: #fff;
    vertical-align: middle;
}
.hidee {
    display: none;
  }
      
  .myDIV:hover + .hidee {
    height: 40px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 13px;
    border-radius: 50px;
    background-color: #2e3548;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: -1;
    padding: 0 0px 0 25px;
    transition: 0.3s ease-in-out;
  }
  .buyer_request h2 {
    margin: 20px 0 20px 0;
}
.buyer_request .btn-primary{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 20px;
    border: none;
    border-radius: 50px;
    background-color: #4bb0eb;
  } 
.buyer_request .card{
    padding: 0 !important;
    border-radius: 30px;
    border: 0;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}
.buyer_request .card .card-header{
    border-radius: 30px 30px 0 0;
    background-color: #4bb0eb !important;
    padding: 20px 20px 15px 20px;
    color: #fff;
}
.buyer_request .valuex .btn-primary{
    padding: .25rem .5rem;
    font-size: .71094rem;
    line-height: 1.5;
    border-radius: .2rem;
}
/* .buyer_request .btnwrapper .btn-primary{
    padding: .25rem .5rem;
    font-size: .71094rem;
    line-height: 1.5;
    border-radius: .2rem;
} */
.buyer_request .card{
    min-height: 326px;
}
.buyer_request .height_au{
    min-height: auto;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #4cb3ed;
    border-color: #4cb3ed;
}
.btn-outline-primary {
    color: #4cb3ed;
    border-color: #4cb3ed;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #4cb3ed;
    border-color: #4cb3ed;
}
/*---8.6.21---*/
.profilewrapper .btn-primary{
    background: #1d75bd;
    background: -moz-linear-gradient(left, #1d75bd 0%, #48a0e7 100%);
    background: -webkit-linear-gradient(left, #1d75bd 0%,#48a0e7 100%);
    background: linear-gradient(to right, #1d75bd 0%,#48a0e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d75bd', endColorstr='#48a0e7',GradientType=1 );
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
 .modal-footer .btn-primary{
    background: #1d75bd;
    background: -moz-linear-gradient(left, #1d75bd 0%, #48a0e7 100%);
    background: -webkit-linear-gradient(left, #1d75bd 0%,#48a0e7 100%);
    background: linear-gradient(to right, #1d75bd 0%,#48a0e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d75bd', endColorstr='#48a0e7',GradientType=1 );
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.profilewrapper .btn-danger{
    background: #4cb3ed !important;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.profilewrapper .btn-success{
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
}
.profilewrapper .card-header{
    border-radius: 30px 30px 0 0;
    background-color: #4bb0eb !important;
    padding: 20px 20px 15px 20px;
    color: #fff;
}
.profilewrapper .f_back a{
    background-color: #4bb0eb;
    padding: 10px 20px;
    border-radius: 50px;
    color: #fff;
    margin: 0 0 20px 0;
    display: inline-block;
    font-size: 14px;
}
.profilewrapper .card{
    border-radius: 30px;
    border: 0;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    border: 1px solid #ccc;
}
.btn-group-sm>.btn, .btn-sm {
    line-height: 2.5;
    display: inline-block;
    padding: 0px 5px;
    margin: 3px 0;
}
.main_OTP{
    font-size: 60px;
    font-weight: 700;
}
#quote-section{
    margin: 0 auto;
    width: 40%;
    max-width: 40%;
}
.form-control{
    border-radius: 50px;
    border: 1px solid #ccc;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}
textarea{
       border-radius: 10px !important;
}
.btn_val{
    background: #1d75bd;
    background: -moz-linear-gradient(left, #1d75bd 0%, #48a0e7 100%);
    background: -webkit-linear-gradient(left, #1d75bd 0%,#48a0e7 100%);
    background: linear-gradient(to right, #1d75bd 0%,#48a0e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d75bd', endColorstr='#48a0e7',GradientType=1 );
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    border: transparent;
    font-weight: 600;
    margin-left: 15px;
}

/*===responsive===*/

@media (min-width: 992px) and (max-width: 1199px) {

    .p-3 {

        padding: 1rem 0!important;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .drop .col-lg-3{

        margin-bottom: 15px;

    }

    .drop .col-lg-3:last-child{

        margin-bottom: 0px;

    }

}

@media (min-width: 320px) and (max-width: 767px) {



    .drop .col-lg-3:last-child{

        margin-bottom: 0px;

    }

    .p-3 {

        padding: 1rem 0!important;

    }

    .brathcrumb .page-title-right{

        float: left !important;

        margin: 10px 0 0 18px;

    }

    .res{

        display: none;

    }


    

}
#payment-form{
    padding: 15px 15px 0 15px;
}
#payment-form .OffsetContainer{
display:none;
}
.save-as-default .form-check-input{
    margin-top: 0.3rem;
    margin-left: -7.0rem;
}
.editCardElement{
display:flex;
justify-content: space-between;
}

.editCardElement .card-type{
font-weight:600;
padding-right:5px;

}

#card-edit-form{
padding: 15px 15px 0 15px;
}

#card-edit-form .OffsetContainer{
display:none;
}
.default-set{
cursor : pointer;
}
.fw-25{
font-size:25px !important;
}
.cardx-method{
display:flex;
justify-content: space-between;
align-items: center;
padding: 10px;
border: 1px solid #ebe6e6;
margin-bottom: 10px;
border-radius: 15px;
}
.cardx-method label{
margin-bottom: 0;
}
.cardx-method:last-child{
margin-bottom: 0;
}
.reset-danger{
	background-color: #dc3545;
	color: #fff;
	border: none;
	padding: 10px !important;
	height: 35px !important;
	border-radius: 50px !important;
}
.lh-0{
line-height: 0;
}