/*Custom scroll bar CSS start*/
/* width */
/*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}*/

/* Set the default text color for all elements */
body {
    color: #15043e !important;
    font-family: 'Raleway', sans-serif; /* Body text with Raleway font */
}

/* Apply Open Sans font to headings, nav, and table headers */
h1, h2, h3, h4, h6, th {
    font-family: 'Open Sans', sans-serif !important; /* Headings, navigation, and table headers with Open Sans */
}

nav{
  font-family: 'Raleway', sans-serif !important; /* Table data with Raleway font */
  font-weight: 400 !important;
}

/* Optionally, you can add specific styling for table data if needed */
td {
    font-family: 'Raleway', sans-serif !important; /* Table data with Raleway font */
}

/* Make sure button text has its own styling */
button {
    color: inherit !important;
}

/* Other text elements like paragraphs, spans, etc. */
p, span, div {
    color: #15043e !important;
}

.badge{
  color: white !important;
}

/* Apply borders to the entire table, but exclude left/right for first and last td */
.table, .table th, .table td {
    border: 1px solid rgba(0, 0, 0, 0.1); /* Apply borders to all table elements */
}

/* Remove left border from the first td and right border from the last td in each row */
.table tbody tr td:first-child {
    border-left: none !important; /* Remove left border from the first td */
}

.table tbody tr td:last-child {
    border-right: none !important; /* Remove right border from the last td */
}

/* Table Header Background */
.table thead {
    background-color: #15043e !important; /* Set the background color of the table header */
    color: white; /* Set text color to white for contrast */
}

.btn-unlink{
  /*#fe2a71*/
  color: #fff!important;
  background-color: #fe2a71!important;
  border-color: #fe2a71!important;
}

.btn.reauthorize-btn {
    background-color: #fe2a71; /* Set button color */
    color: white; /* Set text color to white */
    border: none; /* Remove any border */
    padding: 10px 20px; /* Add padding for better appearance */
    /*font-size: 16px;*/ /* Set font size */
    cursor: pointer; /* Change cursor to pointer on hover */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}

/* Re-Authorize button hover effect */
.btn.reauthorize-btn:hover {
    background-color: #e22763; /* Darker shade of #fe2a71 */
}

.cs-card-title {
    padding: 20px 30px;
    border-bottom: 1px solid #F2F3F4;
    margin-bottom: 0px;
    color: #F2F3F4;
}

/* Track */
/*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}*/
 
/* Handle */
/*::-webkit-scrollbar-thumb {
  background: #2897E9; 
  border-radius: 10px;
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
  background: #0BB7FB; 
}*/
/*Custom scroll bar CSS end*/


.clr{
  clear: both;
  width: 100%;
}
.error{
  color: #dc6868;
}
.bold{
  font-weight: bold;
}

/*Switch toggle css start*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 22px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #29B5A8;
}

input:focus + .slider {
  box-shadow: 0 0 1px #29B5A8;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
select.form-control:not([size]):not([multiple]), select.asColorPicker-input:not([size]):not([multiple]), .dataTables_wrapper select:not([size]):not([multiple]), .jsgrid .jsgrid-table .jsgrid-filter-row select:not([size]):not([multiple]), .select2-container--default select.select2-selection--single:not([size]):not([multiple]), .select2-container--default .select2-selection--single select.select2-search__field:not([size]):not([multiple]), select.typeahead:not([size]):not([multiple]), select.tt-query:not([size]):not([multiple]), select.tt-hint:not([size]):not([multiple]) {
  height: calc(2rem + 2px);
}
/* Rounded sliders */
.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}
/*Switch toggle css end*/
.max-content{
   width: max-content;
}

body{
  background: #f5f5f5;
}
.navbar{
  background: #ffffff;
}
.navbar .navbar-menu-wrapper .navbar-toggler{
  background: #9D91F3;
  border-radius: 50%;
  padding: 7px 7px;
  font-size: 14px;
}

.navbar .navbar-brand-wrapper .navbar-brand.brand-logo img {
  height: auto;
  width: 230px;
}
.navbar .navbar-brand-wrapper .brand-logo-mini img{
  width: 70px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.topmenu-dropdown .navbar-dropdown{
  border: none;
  box-shadow: 0px 0px 8px 6px rgb(0 0 0 / 2%);
  border-radius: 15px;
  padding: 5px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.topmenu-dropdown .navbar-dropdown .dropdown-item{
  border: none;
  padding: 11px 20px;
}
.navbar .topmenu-dropdown .dropdown-menu .dropdown-item:hover{
  background: #e3dffc;
  border-radius: 10px;
  color: #2AABDA;
}
.btn-success {
    color: #fff;
    background-color: #e72983!important;
    border-color: #e72983!important;
}
.profile-text, .dropdown-toggle::after{
  color: #221F1F;
}

.sidebar{
  border-radius: 15px 15px 0px 0px;
}
.sidebar .nav{
  padding: 5px;
}
.sidebar .nav .nav-item{
  margin-bottom: 5px;
}
.sidebar .nav .nav-item .nav-link{
  padding: 0.8rem 1rem;
}
.sidebar .nav .nav-item .nav-link .menu-icon svg path{
  fill: #7D8592;
}
.sidebar .nav .nav-item.active .nav-link, .sidebar .nav .nav-item:hover .nav-link, .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link{
  color: #f02a7f;
    /*font-weight: bold;*/
    background: #9d91f34a;
    border-radius: 10px;
}
.sidebar .nav .nav-item.active .nav-link .menu-icon svg path, .sidebar .nav .nav-item:hover .nav-link .menu-icon svg path{
  fill: #9d91f3;
}

.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title{
  border: none;
  background: #FCEBD6;
  left: 65px;
  color: #2AABDA;
}
.content-wrapper {
  background: #f5f5f5;
  padding: 0px 1rem 1rem 1rem;
}

.card{
  border-radius: 10px;
}
.footer a {
    color: #ca2292!important;
    font-size: inherit!important;
}
.btn-primary, .wizard > .actions a {
    color: #fff!important;
    background-color: #6b2eed!important;
    border-color: #6b2eed!important;
}

.btn-primary:hover {
    background-color: #4a1dbc !important; /* Darker shade on hover */
}

h1, h2, h3, h4, h5, h6{
  color: #15043e!important;
  font-weight: 800;
}

.card-title{
  padding: 1.88rem 1.81rem 0px 1.81rem;
  margin-bottom: 0px;
  font-weight: 900;
}
.card-title h4{
  font-weight: 900;
}

.hidden{
  display: none;
}
.btn-portal, .btn-portal:hover{
  color: #fff;
  background-color: #F19A36;
  border-color: #F19A36;
}
.btn-outline-portal, .btn-outline-portal:focus{
  color: #F19A36;
  background-color: #ffffff;
  border-color: #F19A36;
  box-shadow: 0px 1px 3px #959696cf;
}
.btn-light-portal{
  color: #fff;
  background-color: #F2D2AC;
  border-color: #F2D2AC;
}
.btn-browse-file, .btn-browse-file:hover{
  background: #2AABDA;
  border-color: #2AABDA;
  color: #ffffff;
}

.pdl-0{
  padding-left: 0px;
}
.pdr-0{
  padding-right: 0px;
}
.box-shadow{
  box-shadow: 0px 0px 10px rgb(0 0 0 / 22%);
}
.form-control{
  border: 1px solid #7D8592;
  border-radius: 5px;
}

.modal-content {
  background-color: #FFFFFF;
  border-radius: 10px;
}
.modal .modal-dialog .modal-content .modal-header .modal-title{
  font-weight: 800;
}
.modal .modal-dialog .modal-content .modal-header .close svg{
  width: 15px;
}
.modal .modal-dialog .modal-content .modal-header .close svg path{
  fill: #FF4B51;
}
.modal .modal-dialog .modal-content .close {
  opacity: 1;
}
.modal .modal-dialog .modal-content .modal-header, .modal .modal-dialog .modal-content .modal-footer{
  border: none;
}
.dropzone {
  border: 1px dashed #17A1FF;
  height: 150px;
  width: 100%;
  border-radius: 6px;
  background-color: #DFF3FA;
  justify-content: center;
  display: flex;
  align-items: center;
}

table thead > tr > th, table thead > tr > td, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting, .commonTable table.dataTable thead > tr > th.sorting_asc, .commonTable table.dataTable thead > tr > th.sorting_desc, .commonTable table.dataTable thead > tr > th.sorting, .commonTable table.dataTable thead > tr > td.sorting_asc, .commonTable table.dataTable thead > tr > td.sorting_desc, .commonTable table.dataTable tbody > tr > td.sorting {
  /*background-color: #717171;*/
    color: #ffffff;
}
.table th, .table td {
  border-top: 5px solid #ffffff;
}

.table tbody tr {
  background-color: #F2F3F4;
}

table thead > tr > th:first-child, table tr td:first-child {
  border-radius: 10px 0px 0px 10px;
}

table thead > tr > th:last-child, table tr td:last-child {
  border-radius: 0px 10px 10px 0px;
}
table tr td svg{
  width: 15px;
  height: 15px;
}
table.order-listing{
  width: 100% !important;
}

.form-group label {
  font-weight: 500;
}
a, a:hover{
  text-decoration: none;
}
.badge-portal-success {
  border: 1px solid #09C259;
  background: #09C259;
  color: #ffffff;
}
.badge-portal-success i{
  font-size: 8px;
  vertical-align: middle;
}
.accordion .card {
  margin-bottom: 10px;
  border: 1px solid #7D8592;
  border-radius: 7px;
}
.accordion .card.active {
  border: 1px solid #2AABDA;
  background: #E9F7FB;
}

.accordion .card .card-header a{
  color: #221F1F;
  font-weight: 600;
}

.accordion .card .card-header a:before {
  font-size: 16px;
  color: #fff;
  border-radius: 3px;
  top: 12px;
}
.accordion .card .card-header a[aria-expanded="false"]:before {
  content: "\F415";
  background: #F19A36;
}

.accordion .card .card-header a[aria-expanded="true"]:before {
  content: "\F374";
  background: #FF4B51;
}

sup{
  color: #FF4B51;
}
.text-underline{
  text-decoration: underline;
}
.text-sky{
  color: #2AABDA !important;
}
.bg-outline-sky{
  background: #D4EEF8;
}
.br-10{
  border-radius: 10px;
}

/* common end */

/* profile page css start */
.pg-profile .nav-tabs{
  border-radius: 50px;
  background: #D5DBE1;
  width: max-content;
  padding: 2px 2px 3px 2px;
}
.pg-profile .nav-tabs .nav-item .nav-link{
  border-radius: 50px;
  color: #7D8592;
  padding: 6px 20px;
}
.pg-profile .tab-solid .nav-item .nav-link.active{
  background: #F19A36;
  color: #ffffff;
}
.pg-profile .profile-img-content{
  height: 85px;
  background: #2AABDA;
  border-radius: 10px 10px 0px 0px;
}
.pg-profile .profile-img{
  width: 120px;
  height: auto;
  border: 4px solid #fff;
  border-radius: 50% !important;
  position: absolute;
  top: 25px;
  right: 0;
  left: 35px;
}
.pg-profile .img-edit-icon{
  width: 15px;
  float: right;
  cursor: pointer;
}
.pg-profile .profile-img-content .img-edit-icon{
  margin: 20px 20px 0px 0px;
}
.pg-profile .img-edit-icon svg {
  width: 15px;
}
.pg-profile .img-edit-icon.makeWhite svg path{
  fill: #ffffff;
}
.pg-profile .profile-top-fields{
  margin-top: 50px;
  padding: 1.88rem 1.81rem;
}
.pg-profile .profile-top-fields .form-group{
  float: left;
}

.pg-profile .hideinput{
  display: none;
}
.pg-profile .form-group label{
  font-weight: 500;
}
.pg-profile .img-map{
  width: 100%;
  height: 100%;
}
body .pg-profile .consultant-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
body.sidebar-icon-only .pg-profile .consultant-container {
  flex-direction: row;
}
.pg-profile .consultant-container .left-section {
  margin-bottom: 20px;
  margin-right: 15px;
}
.pg-profile .consultant-container .right-section {
  text-align: center;
}
body.sidebar-icon-only .pg-profile .consultant-container .right-section {
  text-align: left;
}
.pg-profile .consultant-container .rs-name {
  font-weight: 700;
}
.pg-profile .consultant-container .rs-website {
  color: #989EA8;
  font-size: 12px;
}
.pg-profile .consultant-container .rs-icons {
  margin-top: 15px;
}
.pg-profile .consultant-container .img-icon {
  margin-right: 15px;
}
.pg-profile .consultant-container .img-icon svg{
  width: 15px;
}
.pg-profile .consultant-container .img-icon svg path{
  fill: #F19A36;
}

.pg-profile .rebate-container{
  text-align: center;
}


/* profile page css end */
/* proposal page css end */
.pg-proposal .no-proposal-content{
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.pg-proposal .no-proposal-content img{
  width: 300px;
}
/* proposal page css end */

/* system-monitoring page css start */
.pg-system-monitoring .no-sysmon-content{
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.pg-system-monitoring .no-sysmon-content img{
  width: 300px;
}
/* system-monitoring page css end */

/* referral page css start */
.pg-referral .form-group{
  float: left;
}
/* referral page css end */
/* proposal_equipements page css start */
.pg-proposal_equipements .pequip-item .item-full-contents{
  display: flex;
  align-items: flex-start;
}
.pg-proposal_equipements .pequip-item .item-img{
  border: 1px solid #7D8592;
  border-radius: 10px;
  padding: 5px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.pg-proposal_equipements .pequip-item .item-img img{
  width: 120px;
  height: auto;
}
.pg-proposal_equipements .pequip-item .item-contents .item-detail{
  margin-bottom: 10px;
}
.pg-proposal_equipements .pequip-item .item-contents .item-detail .item-title{
  font-weight: 600;
}
.pg-proposal_equipements .pequip-item .item-contents .item-detail .item-desc {
  font-size: 14px;
  display: flex;
}
.pg-proposal_equipements .pequip-item .item-contents .item-detail .item-desc  {
  font-size: 14px;
  display: flex;
}
.pg-proposal_equipements .pequip-item .item-contents .item-detail .item-desc .item-icon {
  margin-right: 10px;
}
/* proposal_equipements page css end */

/* finance_system page css start */
.pg-finance_system .conventional-loan.active .card{
  border: 1px solid #09C259;
}
.pg-finance_system .conventional-loan.active .card .input-box label{
  color: #09C259;
}
.pg-finance_system .conventional-loan .input-box{
  margin-bottom: 10px;
}
.pg-finance_system .conventional-loan .loan-list ul li{
  list-style: none;
  line-height: 1.5;
  margin-bottom: 10px;
}
.pg-finance_system .conventional-loan .loan-fields .form-group{
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.pg-finance_system .loan-confirm-btn{
  text-align: right;
}
/* finance_system page css end */


/* initial_proposal page css start */
.pdl-20{
  padding-left: 20px;
}
.h-20{
  height: 20px;
}
.h-100{
  height: 100%;
}
.pg-initial_proposal .section-area{
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.pg-initial_proposal .section-hello .s-left{
  background: linear-gradient(90deg, #28A9D8 55%, #ffffff 45%);
  border-radius: 10px 0px 0px 10px;
}

.pg-initial_proposal .section-area .s-left, .pg-initial_proposal .section-area .s-right{
  height: 100%;
  justify-content: center;
  flex-direction: column;
  display: flex;
}

.pg-initial_proposal .section-hello .s-left .img-hello {
  width: 100%;
  height: auto;
  margin-left: 20px;
}
.pg-initial_proposal .section-hello .s-right .big-title {
  color: #2AABDA;
  font-size: 30px;
  font-weight: bold;
  padding-left: 20px;
}
.pg-initial_proposal .section-hello .s-right .text-with-bg {
  background: #F19A36;
  padding: 15px 20px;
  color: #ffffff;
  font-weight: 500;
}
.pg-initial_proposal .just-text {
  font-size: 13px;
}

.pg-initial_proposal .head-title {
  font-size: 20px;
  font-weight: bold;
  margin-top: -45px;
}
.pg-initial_proposal .img-common {
  width: 100%;
  height: auto;
}
.pg-initial_proposal .img-round {
  width: 80px;
  height: auto;
  margin-left: -10px;
}
.pg-initial_proposal .section-area:not(.section-hello) {
  padding: 30px;
}
ul{
  list-style-type: square;
}
li::marker {
  color: #2AABDA;
  /* content: "►"; */
}


/* initial_proposal page css end */


/* initial_proposal2 page css start */
/* 1st section */
.pg-initial_proposal2 .section-did_know .did_know_contents{
  padding: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pg-initial_proposal2 .section-did_know .bg_house{
  width: 70%;
}
.pg-initial_proposal2 .section-did_know .bg_house img{
  width: 100%;
}
.pg-initial_proposal2 .section-did_know .did_know_right_content h1{
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 30px;
}
.pg-initial_proposal2 .section-did_know .did_know_right_content{
  text-align: center;
  margin-left: -60px;
  width: 100%;
}
.pg-initial_proposal2 .section-did_know .did_know_right_content .did_know_right_content_cards .ic-card{
  background: #FFFFFF;
  display: flex;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 15px;
  align-items: center;
}
.pg-initial_proposal2 .section-did_know .did_know_right_content .did_know_right_content_cards .ic-card .ic-card-text {
  width: 100%;
}
.pg-initial_proposal2 .section-did_know .did_know_right_content .did_know_right_content_cards .ic-card .ic-img-icon {
  background: #FDF0E1;
  padding: 7px;
  border-radius: 50%;
  margin-right: 20px;
}
.pg-initial_proposal2 .section-did_know .did_know_right_content .did_know_right_content_cards .ic-card .ic-sub-title {
  font-weight: 800;
  margin-bottom: 0px;
}
.pg-initial_proposal2 .section-did_know .did_know_right_content .did_know_right_content_cards .ic-card .ic-desc {
  margin-bottom: 0px;
  font-size: 12px;
}

/* 2nd section */
.pg-initial_proposal2 .section-hello_there .hello-there{
  text-align: center;
  padding: 10px;
}
.pg-initial_proposal2 .section-hello_there .hello-there .hello-there-internal{
  padding: 50px 100px;
  background: #F2F8FF;
}
.pg-initial_proposal2 .section-hello_there .hello-there .hello-there-internal .ht-title{
  font-size: 1.88rem;
  color: #F19A36;      
}
.pg-initial_proposal2 .section-hello_there .hello-there .hello-there-internal .ht-sub-title{
  font-weight: 600;
  font-size: 1rem;
}
.pg-initial_proposal2 .section-hello_there .hello-there .hello-there-internal .ht-desc{
  font-size: 0.75rem;
}

/* 3rd section */
.pg-initial_proposal2 .section-bg_coins .bg_coins_cp{
  padding: 0px 10px;
}
.pg-initial_proposal2 .section-bg_coins .bg_coins_contents{
  padding: 50px 30px 30px 30px;
}
.pg-initial_proposal2 .section-bg_coins .bg_coins_contents .bg_coins_title{
  color: #ffffff;
  margin-bottom: 13px;
}
.pg-initial_proposal2 .section-bg_coins .bg_coins_contents .bg_coins_text{
  color: #ffffff;
  margin-bottom: 25px;
}
.pg-initial_proposal2 .section-bg_coins .bg_coins_contents .bg_coins_cards .ic-card{
  background: #48BFEB;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 20px 35px;
  border-radius: 10px;
  width: 100%;
}
.pg-initial_proposal2 .section-bg_coins .bg_coins_contents .bg_coins_cards .ic-card .ic-sub-title{
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 5px;
}
.pg-initial_proposal2 .section-bg_coins .bg_coins_contents .bg_coins_cards .ic-card .ic-desc{
  font-size: 12px;
}

/* 4th section */
.pg-initial_proposal2 .section-incentives .incentives-calc {
  text-align: center;
  padding: 60px 50px 100px 50px;
}
.pg-initial_proposal2 .section-incentives .incentives-calc .ic-title{
  color: #2AABDA;
  font-weight: 600;
  margin-bottom: 25px;
  font-size: 25px;
}
.pg-initial_proposal2 .section-incentives .incentives-calc .ic-sub-title{
  font-weight: 600;
  margin-bottom: 7px;
}
.pg-initial_proposal2 .section-incentives .incentives-calc .ic-desc{
  font-size: 13px;
}
.pg-initial_proposal2 .section-incentives .incentives-calc .ic-card{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  box-shadow: 0px 0px 12px 1px #e5e5e5;
  padding: 15px;
  border-radius: 10px;
}
.pg-initial_proposal2 .section-incentives .incentives-calc .ic-img-icon{
  margin-right: 10px;
}
.pg-initial_proposal2 .section-incentives .incentives-calc .ic-card-text{
  text-align: left;
}
/* .pg-initial_proposal2 .section-incentives .incentives-calc .ic-text{} */
.pg-initial_proposal2 .section-incentives .incentives-calc .ic-small-note{
  font-size: 12px;
  margin-bottom: 30px;
}
.pg-initial_proposal2 .ip-mini-hr {
  width: 100px;
  margin: 1rem auto;
  border-color: #F19A36;
  border-width: 5px;
}

/* 5th section */
.pg-initial_proposal2 .section-sys_power .sys_power_contents{
  padding: 50px 100px 70px 100px;
}
.pg-initial_proposal2 .section-sys_power .sys_power_contents .ic-title{
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 25px;
  font-size: 25px;
  text-align: center;
}
.pg-initial_proposal2 .section-sys_power .sys_power_contents .sys_power_texts{
  background: #000000a6;
  color: #ffffff;
  padding: 20px 30px;
}


/* 6th section */
.pg-initial_proposal2 .section-solar_sys .solar-sys{
  text-align: center;
  padding: 0px 10px;
}

.pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal{
  padding: 50px 60px 80px 60px;
  background: #F2F8FF;
}

.pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal .ss-title{
  color: #2AABDA;
  font-weight: 600;
  margin-bottom: 25px;
  font-size: 25px;
}
.pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal .ss-card{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 5px;
  border-radius: 10px;
}
.pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal .ss-card .ss-img-icon{
  margin-right: 10px;
}
.pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal .ss-card .ss-img-icon img{
  width: 15px;
}
.pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal .ss-card .ss-card-text{
  text-align: left;
}

/* 7th section */
.pg-initial_proposal2 .section-go_solar .go_solar_contents{
  padding: 80px 30px 10px 50px;
}
.pg-initial_proposal2 .section-go_solar .ss-title{
  color: #2AABDA;
  font-weight: 600;
  margin-bottom: 25px;
  font-size: 25px;
  text-align: center;
}
.pg-initial_proposal2 .section-go_solar .go_solar{
  width: 100%;
}

/* 8th section */
.pg-initial_proposal2 .section-proceed_solar .proceed_solar_contents{
  padding: 50px 100px 80px 100px;    
  
}

.pg-initial_proposal2 .section-proceed_solar .proceed_solar_contents .ss-title{
  color: #2AABDA;
  font-weight: 600;
  margin-bottom: 25px;
  font-size: 25px;
  text-align: center;
}

/* initial_proposal2 page css end */



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .navbar .navbar-menu-wrapper{
    padding: 0px;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .pdl-0, .pdr-0{
    padding: 0px;
  }
  .pg-profile .profile-img{
    margin: auto;
    left: 0;
  }
  .pg-profile .form-group label {
    font-weight: normal;
  }
  .pg-profile .form-group .profile-field {
    float: right;
  }
  .pg-profile .form-group .profile-field .hidetext {
    font-weight: 600;
  }
  
  body .pg-profile .consultant-container {
    flex-direction: row;
  }
  body .pg-profile .consultant-container .right-section {
    text-align: left;
  }
  .pg-profile .mini-bd{
    border-bottom: 1px solid #EDEDED;
  }
  
  .pg-proposal .no-proposal-content img, .pg-system-monitoring .no-sysmon-content img{
    width: 170px;
  }

  .pg-proposal_equipements .pequip-item .item-full-contents {
    align-items: stretch;
    flex-direction: column;
  }
  .pg-proposal_equipements .pequip-item .item-img {
    width: 100%;
    text-align: center;
    margin-right: 0px;
  }
  .pg-proposal_equipements .pequip-item .item-contents .item-detail:not(:last-child){
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 7px;
  }
  .pg-proposal_equipements .pequip-item .item-contents .item-detail .item-title {
    float: left;
    font-weight: 400;
    margin-right: 20px;
  }
  .pg-proposal_equipements .pequip-item .item-contents .item-detail .item-desc {
    float: right;
    font-weight: 600;
  }
  .pg-finance_system .conventional-loan .loan-list ul{
    padding-left: 0px;
  }
  .pg-finance_system .loan-confirm-btn{
    text-align: center;
  }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}


.scroll-arrow{
  text-align: right;
    padding-left: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
    margin-top: 3rem;
}

.btn-upload-bottom{
  text-align: center;    
  margin-top: 3rem;
}
.btn-upload{
  display: block;
}

.btn-upload-mobile-view{
  display: none;
}

.btn-upload-txt{
  display: none;
}

.title-1{
  font-size: 0.9rem;
}
.go-solar-top-text{
  padding-top: 58px;
}


.did-know-contents-bg{
  height: 430px;
  padding: 40px 35px 35px 35px;
}

.banner-text{
  align-self: center;
  justify-content: center;
}
.bg-house-width{width: 100% !important;}
.bg-house-img{height: 350px;}
.ic-card-height{min-height: 100px;}
.hello-there-title{margin-bottom: 25px;}

.ht-desc-font{
  font-size: 15px !important;
}

.coin-title{
  font-weight: 600;
  margin-bottom: 25px;
  font-size: 25px;

}
.coin-text{font-size: 0.88rem;}

.incentives-section{
  padding: 50px !important;
}

.solar-sys-internal-section{padding: 50px 60px !important;}

.go-solar-contents-bg{
  background-image: url(https://novicesolutions.com/projects/nuwatt-design/asset_custom/image/initial_proposal2/bg_white_blue.png);
  background-size: 100% 100%;
  padding: 50px 30px 10px 50px !important;
}
.proceed-solar-contents-bg{height: 100%;}


/* update */

.coin-bg{
  background-size: contain;
  padding: 50px 30px !important;
}

/* new  */
.ip-mini-hr-border {
  margin: 0 auto 1rem auto !important;
}

.banner-icon{
  padding: 10px !important;
  border-radius: 50% !important;
}

.pg-initial_proposal2 .section-sys_power .power-contents{
  padding: 50px 100px;
}

@media screen and (max-width: 768px){
  .pg-initial_proposal2 .section-did_know .did_know_right_content h1{
    position: absolute;
    top: -9cm;
    text-align: center;
    width: 100%;
    font-size: 40px;
  }
  
  .pg-initial_proposal2 .section-did_know .did_know_contents{
    height: 642px;
    padding: 35px
  }

}

@media screen and (max-width: 991px){
  .sidebar-offcanvas {
    left: -255px;
    margin-top: 15px;
  }
  .sidebar-offcanvas.active {
    left: 0;
  }

  /* code edited date: march 5, 2022 */

  /* #start section banner */
  .pg-initial_proposal2 .section-did_know .did_know_right_content {
    margin-left: 0;
    margin-top: -2rem;
  }
  .pg-initial_proposal2 .section-did_know .bg_house {
    width: 100%;
    height: 262px;
    margin-top: 5rem;
  }
  .pg-initial_proposal2 .section-did_know .bg_house img{
    height: 262px;
  }
  .did_know_right_content_cards{
    padding: 0 1rem;
  }
  /* #end section banner */

  /* #Start sectioon Hello There   */
  .pg-initial_proposal2 .section-hello_there .hello-there .hello-there-internal .ht-title{
    font-size: 26px;
    color: #F19A36;
    margin-bottom: 15px;
    font-weight: 600;
  }
  
  .pg-initial_proposal2 .section-hello_there .hello-there .hello-there-internal .ht-sub-title{
    font-weight: 600;
    font-size: 18px;
    padding: 0 24px;
    margin-bottom: 20px;
    line-height: 1.2;
  }

  .pg-initial_proposal2 .section-hello_there .hello-there .hello-there-internal .ht-desc{
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 18px;
  }
  .pg-initial_proposal2 .section-hello_there .hello-there .hello-there-internal .ht-desc-bottom{
    margin-bottom: 30px;
  }
  
  .pg-initial_proposal2 .section-hello_there .hello-there .hello-there-internal {
    padding: 30px 34px;
  }
  
  .btn-upload{
    display: none;
  }

  .btn-upload-mobile-view{
    display: block;
    width: 193px;
    height: 38px;
    padding-top: 11px;
    margin: 0 auto;
  }
  .btn-upload-txt{
    display: block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
  }

  /* #END sectioon Hello There   */


  /* #Start sectioon bitcoin  */
  .pg-initial_proposal2 .section-bg_coins .bg_coins_contents{
    padding: 30px;
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
  }

  
  .pg-initial_proposal2 .section-bg_coins .bg_coins_contents .bg_coins_text{
    margin-bottom: 30px;
  }
  .bitcoin-bottom{
    padding: 0 12px;
  }
  /* #END sectioon bitcoin  */

  
  
  /* #Start sectioon How Are The Incentives Calculated  */

  .pg-initial_proposal2 .section-incentives .incentives-calc {
    text-align: center;
    padding: 30px 14px;
  }

  .pg-initial_proposal2 .section-incentives .incentives-calc .padding-incentives-calculated{
    padding: 0 25px;
  }
  /* #END sectioon How Are The Incentives Calculated  */

  /* #Start sectioon How Will The System Power My Home At Night  */
  .pg-initial_proposal2 .section-sys_power .sys_power_contents {
    padding: 16px 8px;
  }
  .pg-initial_proposal2 .section-sys_power .sys_power_contents .sys_power_texts {
    text-align: center;
  }
  /* #END sectioon How Will The System Power My Home At Night  */

  /* #Start sectioon How Can I Own My Solar System?  */
  .pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal .ss-title {
    font-size: 22px;
  }
  .pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal .ss-desc{
    padding: 0 4px;
  }
  .pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal {
    padding: 16px 8px;
  }
  
  .pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal .ss-card .ss-img-icon img{
    width: 20px;
  }

  .pg-initial_proposal2 .section-solar_sys .solar-sys .solar-sys-internal .ss-card .ss-card-text .ss-desc{
    margin-bottom: 0;
  }
  .solar-bg{
    background-color: #043D5B;
  }
  .pg-initial_proposal2 .section-go_solar .go_solar_contents{
      height: 72%;
      background-color: #043D5B;
      background-image: none;
      background-size: unset;
      padding: 30px 30px 10px 50px;
  }
  
  .go-solar-top-text{
    padding-top: 0;
  }
    /* #END sectioon How Can I Own My Solar System?  */

    /* #END sectioon How To Proceed From Here?  */
  .pg-initial_proposal2 .section-proceed_solar .proceed_solar_contents {
    padding: 0 20px;
    height: 26rem;
  }
  
    /* #END sectioon How To Proceed From Here?  */
    
  .scroll-arrow{
    text-align: center;
    margin-top: 30px;
  }
  .btn-upload-bottom{
    text-align: center;    
    margin-top: 30px;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}