/* Chrome, Safari, Edge, Opera */


.w_calculator input::-webkit-outer-spin-button,

.w_calculator input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}


/* Firefox */
.w_calculator input[type=number] {
    -moz-appearance: textfield;
}


/* Remove default checkbox */


.w_calculator [type="checkbox"]:not(:checked),

.w_calculator [type="checkbox"]:checked {

    position: absolute;

    left: -9999px;

}



.w_calculator [type="checkbox"]:not(:checked)+label,

.w_calculator [type="checkbox"]:checked+label {

    position: relative;

    overflow: hidden;

    padding-left: 17px;

    cursor: pointer;

    display: inline-block;

    height: 17px;

    line-height: 25px;

    -webkit-user-select: none;

    /* webkit (safari, chrome) browsers */

    -moz-user-select: none;

    /* mozilla browsers */

    -khtml-user-select: none;

    /* webkit (konqueror) browsers */

    -ms-user-select: none;

    /* IE10+ */

}





/* checkbox aspect */



.w_calculator [type="checkbox"]+label:before,

.w_calculator [type="checkbox"]+label:after {

    content: '';

    position: absolute;

    left: 0;

    z-index: 1;

    -webkit-transition: .2s;

    transition: .2s;

}





/* Unchecked styles */



.w_calculator [type="checkbox"]:not(:checked)+label:before {

    top: 0px;

    width: 17px;

    height: 17px;

    border: 2px solid #cbcbcb;

    border-radius: 3px;

}



.w_calculator [type="checkbox"]:not(:checked)+label:after {

    top: 0px;

    width: 17px;

    height: 17px;

    border: 2px solid #cbcbcb;

    z-index: 0;

    border-radius: 3px;

}





/* Checked styles */



.w_calculator [type="checkbox"]:checked+label:before {

    top: 2px;

    width: 6px;

    height: 12px;

    border-top: 1px solid transparent;

    border-left: 1px solid transparent;

    border-right: 2px solid #78c1c3;

    border-bottom: 2px solid #78c1c3;

    -webkit-transform: rotateZ(37deg);

    transform: rotateZ(37deg);

    -webkit-transform-origin: 20% 40%;

    transform-origin: 100% 100%;

}



.w_calculator [type="checkbox"]:checked+label:after {

    top: 0px;

    width: 17px;

    height: 17px;

    border: 2px solid #cbcbcb;

    z-index: 0;

    border-radius: 3px;

}



.w_calculator select {

    -webkit-appearance: none;

    -moz-appearance: none;

    text-indent: 1px;

    text-overflow: '';

}

/* ------------------------------- */
.w_calculator{

    /* min-height: 10000px; */

    background-color: #f3fcfc;

}

.pb-100 {

    padding-bottom: 100px;

}



.tc-con {

    padding-top: 115px;

    padding-bottom: 100px;

    background-color: #f3fcfc;

    width: 100%;

}



section.t-cards {

    width: 825px;

    margin: 0 auto;

}



.t-card {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    border: 1px solid #86c8ca;

    border-radius: 7px;

    height: 225px;

    gap: 25px;

    background-color: transparent;

}



.t-card-img {

    height: 73px;

    width: 73px;

    object-fit: contain;

    display: block;

}



.t-card.active {

    background-color: #d0ecec;

}



.t-card-title {

    color: #000000;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 24px;

}



button.nxt {

    display: block;

    margin-left: auto;

    font-size: 16px;

    color: #ffffff;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    background-color: #78c1c3;

    border: 2px solid #78c1c3;

    padding: 7px 23px;

    transition: all .3s ease;

}



button.pre {

    display: block;

    margin-right: auto;

    font-size: 16px;

    color: #ffffff;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    background-color: #78c1c3;

    border: 2px solid #78c1c3;

    padding: 7px 23px;

    transition: all .3s ease;

}



button.nxt:hover,

button.pre:hover,

button.cal:hover {

    background-color: transparent;

    color: #78c1c3;

}



.mt-30 {

    margin-top: 30px;

}



.c-block,

.c-img {

    display: flex;

    align-items: center;

}



.nav-2 {

    margin-top: 28px;

}



.nav-2>.row {

    background-color: #ffffff;

    border-radius: 6px;

    border: 2px solid #cbcbcb;

}



.c-block {

    padding: 20px 28px;

    position: relative;

}



.c-img {

    gap: 13px;

}



.nav-2>.row .col-lg-3:not(:last-child) .c-block::after {

    content: "";

    height: 41px;

    width: 1px;

    background-color: #b2b2b2;

    position: absolute;

    right: -13px;

    z-index: 9;

}



.nav-2 p {

    color: #000000;

    font-size: 13px;

    font-family: "Montserrat", Sans-serif;

    text-shadow: 0 0 #000000;
    margin-bottom:0;

}



.nav-2 img {

    height: 25px;

    width: 25px;

    object-fit: contain;

}



p.value {

    color: #ff0000;

    font-size: 14px;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    margin-left: auto;

    text-align: end;

    margin-top: 6px;

    margin-bottom: 5px;

}



.heading {

    text-transform: uppercase;

    color: #000000;

    text-align: center;

    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 32px;

}



.title {

    width: 100%;

    color: #000000;

    font-size: 25px;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    padding: 7.3px 18px;

    background-color: #e8f4f4;

    border-left: 7px solid #78c1c3;

}



.title span {

    font-size: 20px;

    text-transform: none;

}



.g1 .container {

    padding-left: 0;

    padding-right: 0;

}



.g1 .title {

    margin-top: 33px;

    margin-bottom: 23px;

}



.field {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 10px;

}



.w_calculator .field input {

    height: 50px;

    width: 151px;

    border: 1px solid #cbcbcb;

    padding: 10px 15px 10px 40px;

    color: #858585 !important;

    font-size: 14px;

    font-family: 'Raleway', sans-serif;
    font-weight: 400;

}

.input-fld {

    position: relative;

}



.input-fld span {

    position: absolute;

    left: 1px;

    top: 1px;

    height: 48px;

    width: 30px;

    z-index: 5;

    background-color: #dddddd;

    color: #000000;

    font-size: 14px;

    font-family: 'Raleway', sans-serif;
    font-weight: 400;

    text-shadow: 0 0 black;

    display: flex;

    align-items: center;

    justify-content: center;

}



.field p {

    font-size: 14px;

    color: #000000;

    text-shadow: 0 0 #000000;

    font-family: 'Raleway', sans-serif;
    font-weight: 400;

    line-height: 16px;
    margin-bottom: 0;

}



.group-1 .row .col-md-6:nth-child(odd) .field {

    padding-right: 45px;

}



.group-1 .row .col-md-6:nth-child(even) .field {

    padding-left: 45px;

}



.total {

    width: 100%;

    color: #000000;

    font-size: 24px;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    padding: 7.5px 18px;

    background-color: #d0ecec;

}



.total span {

    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    padding-right: 30px;

}



.sub-grp {

    background-color: #ffffff;

}



.sub-g1 {

    background-color: #ffffff;

    padding: 30px 20px;

    padding-bottom: 10px;

}



.sub-title {

    color: #77c1c3;

    font-family: 'Raleway', sans-serif;
    font-weight: 600;

    font-size: 20px;

    margin-bottom: 10px;

}



.t-2 {

    width: 86%;

}



.double-input {

    display: flex;

    align-items: center;

}



.input-fld-2 {

    padding-right: 9px;

}



.input-fld-2 span {

    width: 40px;

}



.w_calculator .field .input-fld-2 input {

    padding: 10px 15px 10px 50px;

}



.double-btns {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.w_calculator .group-3 .field .select,

.w_calculator .group-3 .field input {

    width: 209px;

}



#w_calc .w_calculator input:disabled {

    background-color: #edecec !important;

    color: #858585 !important;

}



.gap-80 {

    gap: 80px;

}



.w_calculator input.select {

    padding: 10px 40px 10px 20px;

    background-color: #ffffff;

    cursor: pointer;

}



.input-fld-3 span {

    right: 1px;

    left: auto;

    width: 35px;

    background-color: #78c1c3;

    pointer-events: none;

}



.options {

    position: absolute;

    width: 100%;

    z-index: 10;

    top: calc(100% + 4px);

    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.75);

    border-radius: 7px;

    display: none;

}



.options li {

    padding: 13px 20px;

    cursor: pointer;

    transition: all 0.1s ease;

    color: #858585;

    font-family: 'Raleway', sans-serif;
    font-weight: 400;

    background-color: #ffffff;

}



.options li:hover,

.options li.active {

    background-color: #78c1c3;

    color: #ffffff;

}



.options li:first-child {

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

}



.options li:last-child {

    border-bottom-left-radius: 7px;

    border-bottom-right-radius: 7px;

}



.sub-group2 {

    background-color: #ffffff;

    padding: 40px 35px;

}



.w_calculator input.age {

    padding: 10px 20px;

}



.select-btn i {

    transition: all 0.3s ease;

}



.select-btn.show i {

    transform: rotate(180deg);

}



.w_calculator input.date {

    padding: 10px; 

}



.input-fld-4 span {

    right: 7px;

    left: auto;

    background-color: transparent;

    pointer-events: none;

}



.pr-45 {

    padding-right: 45px;

}



.group-4 .field input-fld {

    width: 50%;

}



.field-2 {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.w_calculator input[type="checkbox"] {

    width: 17px;

    height: 17px;

    accent-color: #78c1c3;

}



button.minus {

    position: absolute;
    height: 48px;
    width: 30px;
    background: #dddddd;
    top: 1px;
    left: 1px;
    color: #000000;
    border-radius: 0;
    padding: 0;

}

.minus:focus,
.minus:hover,
.plus:focus,
.plus:hover{
    background: #dddddd !important;
    color: #000000 !important;
}



button.plus {

    position: absolute;

    height: 48px;

    width: 30px;

    background: #dddddd;

    top: 1px;

    right: 1px;
    color: #000000;
    border-radius: 0;
    padding: 0;

}



.w_calculator input.perc {

    padding: 10px 40px;

}



.cal {

    display: block;

    margin: 30px auto;

    font-size: 18px;

    color: #000000;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    background-color: #78c1c3;

    border: 2px solid #78c1c3;

    padding: 10px 35px;

    transition: all .3s ease;

    margin-top: 50px;

}



.heading-2 {

    padding: 14.4px 5px;

    padding-left: 52%;

    width: 100%;

    color: #000000;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    background-color: #78c1c3;

    border: 1px solid #cccccc;

    border-bottom: none;
    font-size: 22px;

}



.table-con td {

    border: 1px solid #cccccc;

    width: 33.33%;

    height: 54px;

    background-color: #ffffff !important;

}



.table-con th {

    border: 1px solid #cccccc;

    text-align: center;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    color: #000000;

    background-color: #78c1c3 !important;

    height: 54px;

    width: 33.33%;

}



.table-con table {

    width: 100%;

    font-size: 14px;

}



.main-table-1 tr td:first-child {

    background-color: #dddddd !important;

    font-family: 'Raleway', sans-serif;
    font-weight: 700;

    color: #000000;

    padding: 0 15px;

}



.dropdown {

    position: relative;

}



.dropdown::after {

    content: "\f107";

    font-family: FontAwesome;

    position: absolute;

    right: 20px;

    top: 15px;

}



table select {

    width: 100%;

    height: 53px;

    text-align: center;

    outline: none;

    border: none;

    padding: 5px 10px;

    font-family: 'Raleway', sans-serif;
    font-weight: 700;

    color: #000000;

    font-size: 14px;

    position: relative;

}



.table-row {

    display: flex;

    width: 100%;

}



.table-con {

    width: 50%;

}



.main-table-2 table tr th {

    background-color: #ffffff !important;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    font-size: 14px;

    color: #000000;

}



.main-table-1 tr:first-child td {

    height: 108px;

    background-color: #ffffff !important;

}



.main-table-2 tr td:first-child,

.main-table-2 tr th:first-child {

    border-left: none;

}



.main-table-2 tr td {

    background-color: #e8f4f4 !important;

    text-align: center;

    padding: 5px 10px;



    color: #000000;

    font-size: 14px;

}



.return {

    display: flex;

    align-items: center;

    justify-content: end;

    gap: 20px;

    margin-top: 23px;

    margin-bottom: 28px;

}



.return .field {

    margin: 0;

}



.return p {

    font-family: 'Raleway', sans-serif;
    font-weight: 400;

    color: #000000;

    font-size: 14px;

    text-shadow: 0 0 black;
    margin-bottom: 0;

}



#W_calc .w_calculator .return input:disabled {

    background-color: #ffffff;

}



button.download {

    display: block;

    font-size: 18px;

    color: #000000;

    font-family: 'Raleway', sans-serif;
    font-weight: 500;

    background-color: #78c1c3;

    border: 2px solid #78c1c3;

    padding: 10px 18px;

    transition: all .3s ease;

}



.download img {

    padding-right: 15px;

}



button.download:hover {

    background-color: transparent;

    color: #78c1c3;

}



button.download:hover img {

    filter: invert(70%) sepia(13%) saturate(877%) hue-rotate(133deg) brightness(97%) contrast(99%);

}



.select {

    width: 100%;

    height: 50px;

    padding: 10px 40px 10px 20px;

    border: 1px solid #cbcbcb;

    outline: none;

    color: #858585;
    border-radius: 0;

}



#w_calc .w_calculator .page-backet input:disabled {

    color: #000000;

}

.table-con table th {
    padding: 0;
    line-height: unset;
    vertical-align: middle;
    text-shadow: 0 0 black;
}

.table-con table td{
    padding: 0;
    line-height: unset;
    vertical-align: middle;
}
.w_calculator .select:focus{
	border:1px solid #cbcbcb !important;
}
.total {
    align-items: center;
    display: flex;
}
.w_calculator .field input.range-input{
    width: 185px;
    height: auto;
    padding: 0;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
  .w_calculator .field input.range-input:hover {
    opacity: 1;
  }
  .w_calculator .field input.range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #78c1c3;
    cursor: pointer;
  }
  .w_calculator .field input.range-input::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #78c1c3;
    cursor: pointer;
  }
  #fourth-form label.error{
    color:#ff6666;
    font-size:12px !important;
    display: block;
    padding-top: 5px;
  }  
  #fourth-form select.error,
  #fourth-form input.error{
    border-color:red;
  }

  #last-form label.error{
    position: absolute;
    top: calc(100% - 18px);
    display: block;
    width: max-content;
    color: #ff6666;
    font-size: 12px !important;
  }
  #last-form select.error,
  #last-form input.error{
    border-color:red;
    margin-bottom: 20px;
  }

  #last-form .select-section label.error{
    top: calc(100% + 2px);
  }