@font-face {
        font-family: 'Noto Sans Osage';
        src: url('../fonts/NotoSansOsage-Regular.woff2') format('woff2'),
            url('../fonts/NotoSansOsage-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    body{
        font-family: 'Noto Sans Osage';
    }
	::placeholder {
	  color: #a5a5a5;
	  opacity: 0.7; /* Firefox */
	}
	
	::-ms-input-placeholder { /* Edge 12-18 */
	  color: #a5a5a5;
	}
    .login-page{
        background-image:url(../../images/login-bg.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
    }
    .login-logo {
        border-bottom: solid 10px #DE3327;
        padding: 15px 0;
        text-align:center;
    }
    .login-logo img{
        width:55%;
    }
    .login-page .card-body {
        padding: 0;
    }
    .login-form-body{
        padding:35px 25px 20px;
    }
    .tab-slider--nav{
        width: 100%;
        float: left;
        margin-bottom: 20px;
        text-align:center;
    }
    .tab-slider--tabs{
        display: inline-block;
        float: none;
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        border-radius: 24px;
        overflow: hidden;
        background: #fff;
        user-select: none; 
        border: solid 1px #3858FA;
    }
    .tab-slider--tabs:after{
            content: "";
            width: 50%;
            background: #3858FA;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: all 250ms ease-in-out;
            border-radius: 24px;
        }
    .tab-slider--tabs.slide:after{
            left: 50%;
        }
    .tab-slider--trigger {
        font-size: 21px;
        line-height: 1;
        font-weight: normal;
        color: #3858FA;
        text-transform:capitalize;
        text-align: center;
        padding: 13px 35px;
        position: relative;
        z-index: 2;
        cursor: pointer;
        display: inline-block;
        transition: color 250ms ease-in-out;
        user-select: none;
    }
    .tab-slider--trigger.active {
            color: #fff;
    }
    .btn {
        --bs-btn-padding-y: 0.375rem;
        border-radius: 6px;

    }
    .form-label {
        margin-bottom: 5px;
        font-size: 14px;
    }
    a.topbar-red-btn {
        background-color: #F2414C;
        padding: 6px 20px;
        display: inline-block;
        color: #fff;
        border-radius: 6px;
        margin-right: 10px;
        border: solid 1px #f2414c;
    }
    a.topbar-red-btn:hover{
        background-color: #fff;
        color: #F2414C;
    }
    li.topbar-btns {
        padding-right: 0px;
    }
    .box-main {
        border: 0px;
        border-radius: 5px;
        margin-bottom: 30px;
    }
    .box-main.green-box {
        border: solid 1px #97BB92;
        margin-bottom: 20px;
    }
    .box-main h3 {
        background-color: #DE3327;
        color: #fff;
        text-align: center;
        border-radius: 5px 5px 0 0;
        font-size: 22px;
        padding: 7px 10px;
        margin: 0;
    }
    .box-main.green-box h3 {
        background-color: #A0C7A5;
        color: #000;
    }
    .box-inner{
        padding: 20px;
        background: #f9f9f9;
        border-bottom: 2px solid #e1e1e1;
    }
    .box-main.green-box .box-inner{
        background-color: #F3FAF2;
        border-radius: 0 0 10px 10px ;
    }
    .form-label span{
        color: #D61004;
    }
    .box-inner .form-select {
        background-color: #F2F2F2;
        font-size: 14px;
    }
    .box-inner .form-control {
        background-color: #fff;
        font-size: 14px;
    }
    .text-sm{
        font-size: 14px;
    }
    .submit-btn{
        background-color: #3858FA;
        color: #fff;
        padding: 6px 20px;
        border: solid 1px #3858FA;
        border-radius: 6px;
    }
    .submit-btn:hover{
        background-color: #fff;
        color: #3858FA;
        padding: 6px 20px;
        border: solid 1px #3858FA;
        border-radius: 6px;
    }
    .submit-btn.second{
        background-color: #fff;
        color: #3858FA;
    }
    .submit-btn.second:hover{
        background-color: #3858FA;
        color: #fff;
    }
    /*.form-control:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: #3858FA;
        outline: 0;
        box-shadow: 0 0 3px 1px #3858FA;
        
    }
    .form-select:focus {
        border-color: #3858FA;
        outline: 0;
        box-shadow: 0 0 0 0.25rem #3858FA;
    }*/
    .nav-tabs {
        background-color: #f5f5f5;
        border: none;
        position: relative;
    }
    .nav-tabs .nav-item {
        position: relative;
    }
    .deal-count {
        position: absolute;
        top: 1px;
        font-size: 10px;
        font-weight: bold;
        right: 5px;
        color: #3858FA;
    }
    .nav-tabs .nav-link:hover .deal-count{
        color: #fff;
    }
    .nav-tabs .nav-link.active .deal-count{
        color: #fff;
    }
    .nav-link {
        display: block;
        padding: 10px 10px;
        font-size: 14px;
        color: #444;
    }
    .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #3858FA;
        border: none;
        border-radius: 0;
    }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        isolation: isolate;
        color: #fff;
        background-color: #3858FA;
        border: none;
        border-radius: 0;
    }
    .nav-tabs .nav-link {
        border: none;
        border-radius: 0;
    }
    table.dataTable thead th, table.dataTable thead td {
        padding: 8px;
    }
    table.dataTable thead th, table.dataTable tfoot th {
        font-size: 14px;
    }
    table.dataTable tbody th, table.dataTable tbody td {
        padding: 8px 8px;
        font-size: 14px;
    }
    table.dataTable thead th input{
    border: solid 1px #ccc;
        padding: 3px 5px;
        font-size: 14px;
        border-radius: 4px;
    }
    div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button {
        padding: 3px 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        background: #f5f5f5;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 3px 10px;
        cursor: pointer;
        color: #333 !important;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        padding: 3px 10px;
        cursor: pointer;
        color: #333 !important;
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #f5f5f5;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #333 !important;
        border: 1px solid #ccc;
        background: #f5f5f5;
    }
    .dataTables_wrapper .dataTables_filter input {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 3px 10px;
    }



    .select2-container--default .select2-selection--single {
        background-color: #f2f2f2;
        border: 1px solid #dee2e6;
        border-radius: 4px;
    }
    .select2-container .select2-selection--single {
        height: 35px;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #444;
        font-size: 14px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 32px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 4px;
        right: 4px;
        width: 20px;
    }
    .modal-header {
        padding: 10px 15px;
        border-bottom: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background-color: #DE3327;
        color: #fff;
    }
    .modal-content {
        border-radius: 0;
    }
    .modal-title {
        font-size: 20px;
    }
    .modal-header .btn-close {
        background-image: url(../img/popup-close.png);
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        text-align: center;
        padding: 0;
        background-size: 100%;
        opacity: 1;
    }
    .modal-info-area{
        width:100%;
        background-color:#fff;
        padding:0;
    }
    .modal-info-inner{
        background-color:#fff;
        border-radius:6px;
        font-size:14px;
        padding-bottom:20px;
        text-align: center;
    }
    .modal-info-inner h4{
        font-size:18px;
        padding:15px 15px 0;
        font-weight: bold;
    }
    .modal-info-inner p{
        margin-bottom: 7px;
        padding: 0 15px;
    }
    .modal-body .form-select{
        background-color: #f2f2f2;
        font-size: 14px;
    }
    .modal-body .form-control{
        background-color: #fff;
        font-size: 14px;
    }
    img.copy-icon {
        position: absolute;
        right: 9px;
        top: 35px;
    }
    .popup-notes-main {
        width: 100%;
        height: 275px;
		/*border: solid 1px #ccc;*/
        border-radius: 6px;
        padding: 15px;
        overflow: auto;
        margin-top: 27px;
        font-size:14px;
        margin-bottom:20px;
    }
    .popup-notes-main::-webkit-scrollbar {
    width: 5px;
    }

    /* Track */
    .popup-notes-main::-webkit-scrollbar-track {
    background: #f1f1f1; 
    }
    
    /* Handle */
    .popup-notes-main::-webkit-scrollbar-thumb {
    background: #3858FA; 
    }

    /* Handle on hover */
    .popup-notes-main::-webkit-scrollbar-thumb:hover {
    background: #3858FA; 
    }
    .popup-notes-main p span{
        font-size:12px;
        color:#3858FA;
    }
    .edit-deal-view p{
        margin-bottom:0px;
        font-size:14px;
    }
    .edit-deal-view p strong{
        display:block;
    }
    .tags-input {
        display: block;
        position: relative;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        padding: .375rem .75rem;
        box-shadow: none;
        width: 100%;
        margin-top: 0px;
        font-size: 14px;
    }

    .tags-input ul { 
        list-style: none; 
        padding: 0; 
        margin: 0; 
    } 

    .tags-input li { 
        display: inline-block; 
        background-color: #f2f2f2; 
        color: #333; 
        border-radius: 20px; 
        padding: 5px 10px; 
        margin-right: 5px; 
        margin-bottom: 5px; 
    } 

    .tags-input input[type="text"] { 
        border: none; 
        outline: none; 
        padding: 2px 0; 
        font-size: 14px; 
        width: 50%;
        margin: 0;
    } 

    .tags-input input[type="text"]:focus { 
        outline: none; 
    } 

    .tags-input .delete-button { 
        background-color: transparent; 
        border: none; 
        color: #999; 
        cursor: pointer; 
        margin-left: 5px; 
    } 
    .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        margin-left: calc(var(--bs-border-width) * -1);
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .admin-icon-padding{
        padding: 0 5px;
        font-size: 20px;
        }
    .admin-add-btn {
        border: solid 1px #ccc;
        padding: 5px 10px;
        float: right;
        margin-top: 20px;
        border-radius: 6px;
        margin-bottom: 30px;
        color: #444;
        background-color: #f5f5f5;
    }
    .admin-add-btn:hover {
        background-color: #3858FA;
        border: solid 1px #ccc;
        color: #fff;
    }
    .notes-box {
        width: 94%;
        border: solid 1px #dbdbdb;
        overflow: hidden;
        margin-top: 0px;
        margin-left: 10px;
        margin-bottom: 20px;
        border-radius: 6px;
    }
    .notes-box:focus-within {
    border-color: #b2d5f8;
    outline: 0;
    outline: thin dotted \9;
    transition: all 0.6s ease 0s;
    box-shadow:0 0 5px #b2d5f8;
    }
    .notes-box:active {
        border-color: #b2d5f8;
        outline: 0;
        outline: thin dotted \9;
        transition: all 0.6s ease 0s;
        box-shadow: 0 0 5px #b2d5f8;
    }
    .notes-box textarea {
        border: none;
        padding: 10px;
        width: 100%;
        height: 150px;
    }
    .notes-box textarea:focus {
        outline: none;
    }
    .notes-bottom {
        width: 100%;
        border-top: solid 1px #dbdbdb;
    }
    .notes-bottom-right {
        float: right;
        width: 160px;
        margin-top: 8px;
    }
    .notes-bottom-right a {
        padding: 8px 12px;
        display: inline-block;
        text-transform: uppercase;
    }
    .notes-bottom-right a:hover {
        text-decoration: none;
    }
    .notes-bottom-left {
        float: left;
        margin-top: 8px;
    }
    .attach-icon {
        padding: 3px 7px 3px 3px;
        display: inline-block;
        margin: 5px 0 0 10px;
        border-right: solid 1px #dbdbdb;
    }
    .notes-bottom-left input {
        width: 230px;
        margin-left: 2px;
        border: none;
        box-shadow: none;
        font-weight: bold;
        padding: 8px;
        font-size: 14px;
    }
    .notes-bottom-left input:focus {
        border: none !important;
        box-shadow: none;
        outline: none;
    }
    .save-btn-lead {
        background: #3a57fe !important;
        color: #fff !important;
        padding: 8px 15px;
        border: solid 1px #3a57fe !important;
        border-radius: 6px;
    }
    .save-btn-lead:hover {
        background: #3a57fec4 !important;
        color: #fff !important;
        padding: 8px 15px;
        border: solid 1px #73c73b;
        border-radius: 6px;
    }
    .image-upload {
        width: 44px;
        float: left;
    }
    .image-upload > input {
        display: none;
    }
    .image-upload label {
        margin-top: 0;
    }
    .notes-bottom-right input {
        background: #eff2f4;
        border: solid 1px #eff2f4;
        color: #fff;
        text-transform: uppercase;
        padding: 5px 12px !important;
        border-radius: 6px;
        margin-bottom: 7px;
    }
    .notes-bottom-right input.cancel {
        background: transparent linear-gradient(#fcfdff, #eaeef5) 0 0 no-repeat padding-box!important;
        border: solid 1px #d0d4df;
        color: #222833;
    }
    .timeline-Div-main{
        max-height: 250px;
        overflow-y: auto;
    }
    .timeline-Div {
        width: 100%;
        overflow: hidden;
        font-size: 14px;
        padding-bottom: 10px;
        position: relative;
    }
    .smalldesc {
    transition: all .3s ease;
    }
    .timeline-Div-main::-webkit-scrollbar {
    width: 5px;
    }
    .timeline-Div-main::-webkit-scrollbar-track {
    background: #f1f1f1; 
    }
    .timeline-Div-main::-webkit-scrollbar-thumb {
    background: #3858FA; 
    }
    .timeline-Div-main::-webkit-scrollbar-thumb:hover {
    background: #555; 
    }
    .timeline-date {
        color: #7f837c;
        background: #ededed;
        padding: 5px 20px;
        display: inline-block;
        margin: 25px 0 20px 40px;
        font-weight: bold;
        position: relative;
        z-index: 3;
    }
    .timeline-left {
        float: left;
        width: 110px;
        margin-right: 10px;
        position: relative;
        z-index: 3;
    }
    .timeline-left span {
        font-weight: bold;
        color: #7f837c;
        margin: 3px 0 0 10px;
        display: inline-block;
    }
    .timeline-right {
        float: left;
        width: 72%;
    }
    .empty-space {
        width: 100%;
        height: 20px;
    }
    .timeline-Div:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 35px;
        bottom: 0;
        left: 97px;
        border-left: 1px solid #dbdbdb;
        transform: translate(-50%);
        height: 100%;
    }
    .pagetitle h1 {
        display: inline-block;
    }
    #main {
        overflow: hidden;
        min-height:600px;
    }
    .submit-btn.table-btn{
        font-size: 14px;
    padding: 5px 8px;
    border-radius: 6px;
    }
    .box-heading-line {
        border-bottom: solid 1px #3858FA;
        font-size: 16px;
        position: relative;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .box-heading-line span {
        position: absolute;
        padding: 0 8px;
        background-color: #fff;
        margin-left: 15px;
        top: -11px;
        color: #3858FA;
    }

    .browse-profile-hide {
        display:none;
    }
    .browse-profile {
        border: 1px solid #bac2f1;
        padding: 5px 0px;
        margin: 5px;
        background: #f1f3ff;
        color: #3858FA;
        width: 150px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        border-radius: 6px;
    }
    
    .browse-profile:hover {
        background: #fff;
        color: #3858FA;
        border-color: #3858FA;
    }
    .blue-text{
        color: #3858FA;
    }
    .profile-thumb {
        text-align: center;
        margin-top: -80px;
    }
    .profile-thumb img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        object-fit: cover;
        border: solid 1px #3858FA;
    }
    .lender-info-heading{
        color: #3858FA; 
    }
    .thumb-circle {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    margin-top: 5px;
    border: solid 1px #ccc;
}
    .rec-agent-info {
        border-bottom: solid 1px #B0BDFF;
        padding-bottom: 10px;
        margin-bottom: 12px;
    }
    .rec-agent-info p {
        padding-bottom: 10px;
        margin: 0;
    }
    .rec-agent-info p img{
        margin-right: 5px;
    }
    .progress-indicator>li {
        list-style: none;
        text-align: center;
        width: auto;
        padding: 0;
        margin: 0;
        position: relative;
        text-overflow: ellipsis;
        color: #424242;
        display: block;
        font-size: 11px;
        text-transform: capitalize;
        line-height: 16px;
    }
    #notesDiv {
        max-height: 250px;
        overflow: auto;
    }
    #notesDiv::-webkit-scrollbar {
        width: 5px;
        }
    #notesDiv::-webkit-scrollbar-track {
        background: #f1f1f1; 
        }
    #notesDiv::-webkit-scrollbar-thumb {
        background: #3858FA; 
        }
    #notesDiv::-webkit-scrollbar-thumb:hover {
        background: #555; 
        }
        /* Info Cards */
.dashboard .card-title {
    padding: 20px 0 0 0;
    font-size: 20px;
    font-weight: 500;
    color: #3858FA;
}
.dashboard .info-card {
    padding-bottom: 0px;
  }
  
  .dashboard .info-card h6 {
    font-size: 20px;
    color: #012970;
    font-weight: 500;
    margin: 0;
    padding: 12px 0 0 0;
  }
  
  .dashboard .card-icon {
    font-size: 32px;
    line-height: 0;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    flex-grow: 0;
  }
  
  .dashboard .sales-card .card-icon {
    color: #4154f1;
    background: #f6f6fe;
    margin-top: 20px;
  }
  
  .dashboard .revenue-card .card-icon {
    color: #2eca6a;
    background: #e0f8e9;
  }
  
  .dashboard .customers-card .card-icon {
    color: #ff771d;
    background: #ffecdf;
  }
  .dashboard .active .card-icon {
    color: #2eca6a;
    background: #e0f8e9;
}
.dashboard .deals .card-icon {
    color: #ff771d;
    background: #ffecdf;
}
.dashboard .leads .card-icon {
    color: #ff771d;
    background: #ccefff;
}
.dashboard .card-icon img {
   width:32px;
}
.dashboard  .box-link {
    position: absolute;
    right: 0;
    top: 20px;
    right: 18px;
}
.box-height{
    height: 300px;
    overflow-y: auto;
}
.box-height::-webkit-scrollbar {
    width: 5px;
    }
.box-height::-webkit-scrollbar-track {
    background: #f1f1f1; 
    }
.box-height::-webkit-scrollbar-thumb {
    background: #3858FA; 
    }
.box-height::-webkit-scrollbar-thumb:hover {
    background: #555; 
    } 
    .modal-content.without-bg{
        border-radius: 14px;
    }  
    .without-bg .modal-header {
        background-color: #fff;
        border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    }
    .without-bg .modal-header .btn-close {
        background-image: url(../img/popup-close-blue.png);
        position: relative;
        top: -18px;
        right: -23px;
        width: 36px;
        height: 36px;
        box-shadow: 0 0 10px #444;
        border-radius: 50%;
    }
table.dataTable tbody td {
    vertical-align: middle;
}
.sidebar-nav .nav-link.active {
    color: #fff;
    background: #DE3327;
}
.sidebar-nav .nav-link.active i {
    font-size: 16px;
    margin-right: 10px;
    color: #fff;
}


.btn-dark:hover{
    color: #fff;
    background-color: #DE3327;
    border-color: #DE3327;
}
.btn-dark{
    color: #fff;
    background-color: #231F20;
    border-color: #231F20;
}


.btn-dark-local:hover{
    color: #fff;
    background-color: #231F20;
    border-color: #231F20;
}

.btn-dark-local{
    color: #fff;
    background-color: #DE3327;
    border-color: #DE3327;
}

table.dataTable tbody tr{
    text-align: center;
}
/*#footer.footer.customfooterstyle{position: fixed;border: 0px;text-align: center;bottom: 0px;width: 100%;margin: 0px;padding:20px 0px;}*/
/*#footer.footer.customfooterstyle .copyright{position: relative;*/
/*  z-index: 10000;*/
/*  text-align: center;*/
/*  margin-right: 46px;*/
/*  color: #000;*/
/*  font-size: 14px;*/
/*  line-height:14px;}*/
/*.registerpageleftmainbannerbg{position: fixed;  z-index: 10;  display: flex;  align-items: center;  justify-content: center; width: 58%;}*/
/*.registerpageleftmainbannerbg .innertextmainwrapper{background-color: #f9f9f9; width: 70%;margin: 0 auto; padding: 20px 30px;}*/
/*#maincardregister.card.card-registration{}*/
/*.leftsidemainbgsection{position: fixed;z-index: 10;width:55%;display: flex; align-items: center;justify-content: center;}*/
/*.leftsidemainbgsection .innerwraperofbg{}*/
/*.leftsidemainbgsection .innerwraperofbg img{width:100% !important;height:auto !important;}*/
/*.leftsidemainbgsection .innerwraperofbg table{width:100% !important;}*/
.leftsidemainbgsection{left: 0px;
  top: 0%;
  right: 0%;
  bottom: 0%;
  position: fixed;
  display: flex;
  overflow: hidden;
  width: 58.3% !important;
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;}
  /*.leftsidemainbgsection{background-size: cover;  background-position: center; background-repeat: no-repeat;}*/
.innerwraperofbg{position: relative; background-color: #f9f9f9; width: 90%;margin: 0 auto; padding: 20px 30px; display:table;}
.header_main{position: relative;z-index: 1000;}
.leftcolsainsection{-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.copyrightfooter{width: 100%;text-align: center;margin-top: 50px; background: #000;padding: 10px;color: #fff; }
#mainwrapperofregisterpage.content-main{padding-top:0px;min-height:100vh; /*min-height:1050px;*/}
#mainsectionofregisterpage.main-wrapper .footer {font-size: 12px;margin-left:0px!important;
border-top: 0px;padding: 5px;margin: 0px;}
#mainsectionofregisterpage.main-wrapper .footer-main {width: 100%;background: #000;color:#fff;padding: 15px 0;text-transform: uppercase;font-size: 14px;position:relative;z-index:100;}
#mainsectionofregisterpage.main-wrapper .content-inner {width: 100%;margin: 0 auto;min-height: 390px;background: #fff;overflow: hidden;}
#pagepaddinglr{padding-left:0px;padding-right:0px;}

@media screen and (min-width:240px) and (max-width:768px){
#mainsectionofregisterpage.main-wrapper{}
#mainsectionofregisterpage.main-wrapper .content-main .content-inner{width:100% !important;}
#mainsectionofregisterpage.main-wrapper .content-main .content-inner .card.card-registration{padding-top:15px;border-radius: 0px;}
#mainsectionofregisterpage.main-wrapper .content-main .content-inner .card.card-registration .card-body{background: #fff;position: relative;z-index: 1;padding: 20px !important;}
#mainsectionofregisterpage.main-wrapper .content-main .content-inner .card.card-registration .card-body > h3{margin-bottom: 20px !important;}
#mainsectionofregisterpage.main-wrapper .content-main .content-inner .card.card-registration .card-body form button.btn.btn-warning{font-size: 16px;padding: 10px 20px;}
.leftsidemainbgsection{width:100% !important;}
#mainsectionofregisterpage.main-wrapper .content-main .leftcolsainsection{}
#mainsectionofregisterpage.main-wrapper .content-main .leftcolsainsection .leftsidemainbgsection{}
#mainsectionofregisterpage.main-wrapper .content-main .leftcolsainsection .innerwraperofbg{}
#mainsectionofregisterpage.main-wrapper .content-main .leftcolsainsection .innerwraperofbg img{max-width:100% !important;height:auto !important;}
#mainsectionofregisterpage.main-wrapper .innerwraperofbg{display:block;width:100%;padding:15px;}
#mainsectionofregisterpage.main-wrapper .innerwraperofbg table{width:100% !important;}
#mainsectionofregisterpage.main-wrapper .innerwraperofbg p{font-size:16px;}
#pagepaddinglr{padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);}

}