.calculator {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
}
.calculator .load-form {
    box-shadow: 0 0 35px 0 rgb(0, 0, 0, 0.1);
    padding: 20px 30px 30px;
    border-radius: 10px;
	background-color:#1A4869;
}
@media (min-width: 991px) {
    .calculator .load-form {
        padding: 60px 70px 70px;
    }
}
.calculator .result {
    display: grid;
    gap: 15px;
}

.calculator .result .inner {
    padding: 15px 30px;
    border: 1px dashed #c8c8c8;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.calculator .result .inner img {
    width: 50px;
}
.calculator .result .inner h2
{
    margin-bottom:0;
	color:#ffffff;
}
.calculator .result .inner p
{
	color:#ffffff;
}
.divcol.load-form label
{
    font-weight:600;
    display:block;
    margin-top:15px;
    margin-bottom:15px;
	color:#ffffff;
}
.divcol.load-form input::placeholder,
.divcol.load-form select
{
	color:#ffffff;
}
.divcol.load-form input:focus,
.divcol.load-form input:focus::placeholder,
.divcol.load-form  input[type="text"].filled,
.divcol.load-form select.filled,
.divcol.load-form select:focus
{
	color:#ffffff;
	border-color:#ffffff;
}
.divcol.load-form input,
.divcol.load-form select
{
    width:100%;
    border:1px solid #cacaca;
    border-radius: 5px;
    padding: 20px;
	color:#ffffff;
}
.divcol.load-form button
{
    margin-top:20px;
}
.calculator .inner.result-one
{
	background-color: #e62c58;
}
.calculator .inner.result-two
{
	background-color:#ee7430;
}
.calculator .inner.result-three
{
	background-color:#0b80c4;
}

@media (min-width: 768px) {
    .calculator {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 991px) {
    .calculator .result .inner img {
        width: 70px;
    }
}

@media (min-width: 991px) {
    .calculator {
        gap: 100px;
    }
}


@media (min-width: 991px) {
    .calculator .result .inner {
        padding: 25px 80px;
        gap: 50px;
    }
}