.cost-calculator-banner {position: relative;width: 100%;padding: 140px 0 100px;}
.cost-calculator-bg {height: 660px;position: absolute;left: 40px;width: calc(100% - 80px);top: 40px;border-radius: 80px;overflow: hidden;background: url(../images/cost-calculator/cost-calculator-bg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.cost-calculator-bg:after{content: "";background: linear-gradient(180deg, #011122 0%, #04284E 100%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.9;}
.calculator-banner-text {color: #fff;text-align: center;margin: 0 auto 60px;}
.calculator-banner-text h1{margin-bottom: 30px;}
.calculator-banner-text p:before {content: "";background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 22.6563C10.4913 22.6563 8.52768 22.0606 6.85749 20.9446C5.18731 19.8286 3.88556 18.2424 3.11685 16.3866C2.34815 14.5308 2.14702 12.4887 2.5389 10.5186C2.93079 8.5485 3.89807 6.73883 5.31845 5.31845C6.73883 3.89807 8.5485 2.93079 10.5186 2.5389C12.4887 2.14702 14.5308 2.34815 16.3866 3.11685C18.2424 3.88556 19.8286 5.18731 20.9446 6.85749C22.0606 8.52768 22.6563 10.4913 22.6563 12.5C22.6532 15.1927 21.5821 17.7741 19.6781 19.6781C17.7741 21.5821 15.1927 22.6532 12.5 22.6563ZM12.5 3.90625C10.8003 3.90625 9.13881 4.41027 7.72557 5.35456C6.31234 6.29886 5.21086 7.64102 4.56041 9.21132C3.90997 10.7816 3.73979 12.5095 4.07138 14.1766C4.40297 15.8436 5.22145 17.3748 6.42331 18.5767C7.62516 19.7786 9.15642 20.597 10.8234 20.9286C12.4905 21.2602 14.2184 21.09 15.7887 20.4396C17.359 19.7892 18.7012 18.6877 19.6454 17.2744C20.5897 15.8612 21.0938 14.1997 21.0938 12.5C21.0911 10.2216 20.1848 8.03733 18.5737 6.42627C16.9627 4.81522 14.7784 3.90894 12.5 3.90625Z" fill="white"/><path d="M12.5 14.8438C12.2928 14.8438 12.0941 14.7614 11.9476 14.6149C11.8011 14.4684 11.7188 14.2697 11.7188 14.0625V8.59375C11.7188 8.38655 11.8011 8.18784 11.9476 8.04132C12.0941 7.89481 12.2928 7.8125 12.5 7.8125C12.7072 7.8125 12.9059 7.89481 13.0524 8.04132C13.1989 8.18784 13.2812 8.38655 13.2812 8.59375V14.0625C13.2812 14.2697 13.1989 14.4684 13.0524 14.6149C12.9059 14.7614 12.7072 14.8438 12.5 14.8438Z" fill="white"/><path d="M12.5 17.1875C12.9315 17.1875 13.2812 16.8377 13.2812 16.4062C13.2812 15.9748 12.9315 15.625 12.5 15.625C12.0685 15.625 11.7188 15.9748 11.7188 16.4062C11.7188 16.8377 12.0685 17.1875 12.5 17.1875Z" fill="white"/></svg>');height: 25px;width: 25px;display: inline-block;vertical-align: middle;margin: -3px 9px 0 0;}

/**/
.cost-calculator-form {border-radius: 20px;background: #F8F7F3;padding: 40px;}
.steps_details_card {background-color: #fff;border-radius: 10px;padding: 20px;height: 100%;box-shadow: 8px 8px 30px #a9a38c1f;}

.stepper-heading-block {text-align: center;}
.stepper-heading-block .subheading-title {font-size: 25px;font-weight: var(--fw-700);line-height: normal;margin: 0 0 15px;color: var(--color-black);}
span.red {color: #f00;}
#step_question_1 .choose-platforms,
.app-looking {margin: 30px auto 0;display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}
.platform-item {display: flex;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;flex-wrap: wrap;}
.platform-item input[type=radio], .platform-item input[type=checkbox] {width: 26px;height: 26px;display: block;margin: 0 auto;border-radius: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;overflow: hidden;cursor: pointer;position: absolute;order: 2;top: 10px;right: 10px;}
.platform-item input[type=radio]::before,
.platform-item input[type=checkbox]::before {position: absolute;content: "";width: 100%;height: 100%;background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33464 2.5L3.7513 7.08333L1.66797 5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;background-color: var(--color-green);inset: 0;margin: auto;transition: all ease-in-out .3s;opacity: 0;visibility: hidden;    background-size: 14px;}
.label-container-content {border: 1px solid var(--color-white);border-width: 2px;border-radius: 10px;padding: 30px 10px;width: 100%;background: var(--color-white);transition: all ease-in-out .3s;box-shadow: 8px 8px 30px #a9a38c1f;    display: flex;justify-content: space-between;align-items: center;flex-direction: column;}
.platform-img {margin-bottom: 20px;max-width: 50px;max-height: 50px;height: 100%;width: 100%;display: inline-flex;justify-content: center;align-items: center;}
.platform-img img {max-width: 50px;}
.platform-title {text-transform: capitalize;font-weight: var(--fw-500);font-size: 18px;line-height: 23px;}
.platform-item input[type=radio]:checked~.label-container-content, 
.platform-item input[type=checkbox]:checked~.label-container-content, 
.platform-item .label-container-content:hover {border-color: var(--color-green);}
.platform-item input[type=radio]:checked:before, 
.platform-item input[type=checkbox]:checked:before {opacity: 1;visibility: visible;}
.steps_details_card h3.details-title {font-size: 18px;color: #000;padding-bottom: 20px;margin: 0 0 20px;border-bottom: solid 1px #D4D4D4;}
.communications-form{margin-top: 30px;}
.form-group-input .form-input,
.communications-form .form-group .form-control{box-shadow: none !important;outline: none !important;padding: 20px 15px;border: 0;background-color: #ffffff;font-size: 16px;color: #000;font-weight: 400;height: 55px;font-family: var(--font-sfprodisplay);border-radius: 5px;width: 100%;box-shadow: 4px 4px 20px rgb(214 214 214 / 16%) !important;}
input::placeholder,.communications-form .form-group input::placeholder {color: #000 !important;opacity: 1 !important;}
.communications-form .form-group textarea.form-control {min-height: 108px;resize: none;padding-top: 13px;}
.communications-form .form-group select.form-control {padding: 15px;cursor: pointer;background-image: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5.5 5L10 1" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat: no-repeat;background-position: center right 20px;}
.communications-form>.row {row-gap: 30px;}
.ok-btn {display: flex;justify-content: center;margin: 50px 0 0;gap: 20px;}

.features {margin: 40px 0px 0px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.features-items {display: block;height: 100%;position: relative;}

.feature-item-title {font-size: 16px;font-weight: var(--fw-500);line-height: 22px;text-transform: capitalize;border-radius: 5px;background: var(--color-white);transition: all ease-in-out .3s;box-shadow: 8px 8px 30px #a9a38c1f;border: 1px solid var(--color-white);padding: 50px 9px 13px 13px;cursor: pointer;position: relative;text-align: center;height: 100%;}
.features-items input[type=checkbox] {width: 20px;height: 20px;display: block;margin: 0 auto;border-radius: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;overflow: hidden;cursor: pointer;position: absolute;order: 2;top: 19px;left: 50%;transform: translateX(-50%);z-index: 1;}
.features-items input[type=checkbox]::before {position: absolute;content: "";width: 100%;height: 100%;background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33464 2.5L3.7513 7.08333L1.66797 5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;background-color: #b9b9b9;inset: 0;margin: auto;transition: all ease-in-out .3s;background-size: 10px;z-index: 1;}
.features-items input[type=checkbox]:checked:before {background-color: var(--color-green);}
.features-items input[type=checkbox]:checked~.feature-item-title {border: 1px solid var(--color-green);color: var(--color-green);}
.communications-form .note p {background: #edeadd;border-radius: 10px;padding: 15px;margin: 0px;font-size: 16px;line-height: 26px;}
.thank-you-img {margin-bottom: 43px;}
.thank-you-text {font-weight: var(--fw-700);font-size: var(--font-55);line-height: 68px;margin-bottom: 20px;}
.warning-block {background: #fff2bc;padding: 13px 30px;border-radius: 10px;max-width: -moz-fit-content;max-width: fit-content;margin: 0 auto 40px;display: flex;align-items: center;justify-content: center;}
.steps_details_card .details-body .steps-details {gap: 15px;}
.steps_details_card .details-body .steps-details p {margin: 0px;font-size: 16px;font-weight: 700;line-height: 27px;}
.steps_details_card .details-body .steps-details p span {font-weight: 400;}
.steps_details_card .details-body, .steps_details_card .details-body .steps-details {display: flex;}
.steps_details_card .details-body {flex-direction: column;gap: 20px;}
.steps_details_card .details-body .steps-details ul {list-style: auto;padding-left: 20px;}
.steps_details_card .details-body .steps-details ul li {font-size: 16px;font-weight: 400;line-height: 26px;}
/**/
.clients-logos {padding: 0 0 120px;}
.clients-logos-list {display: flex;flex-wrap: wrap;justify-content: center;row-gap: 43px;column-gap: 40px;}
.clients-logos-list  .client-logo {text-align: center;width: calc(20% - 32px);}

@media only screen and (max-width:1441px){
    .cost-calculator-banner {padding: 100px 0 80px;}
    .cost-calculator-bg {height: 580px;left: 30px;width: calc(100% - 60px);top: 30px;border-radius: 40px;}
    .calculator-banner-text {margin: 0 auto 40px;}
    .calculator-banner-text h1 {margin-bottom: 20px;}
    #step_question_1 .choose-platforms, .app-looking {gap: 20px;}
    .platform-title {font-size: 16px;line-height: 21px;}
    .steps_details_card .details-body {gap: 5px;}
    .calculator-banner-text {padding: 0 15px;}
    .clients-logos {padding: 0 0 80px;}
}
@media only screen and (max-width:1366px){
    .cost-calculator-form {border-radius: 10px;padding: 30px 20px;max-width: calc(100% - 40px);margin-left: 20px;}
}
@media only screen and (max-width:1199px){
    #step_question_1 .choose-platforms, .app-looking {grid-template-columns: repeat(2, 1fr);}
    .features {margin: 30px 0px 0px;grid-template-columns: repeat(2, 1fr);}
    .stepper-heading-block .subheading-title {font-size: 20px;}
}

@media only screen and (max-width:991px){
    .ok-btn {margin-top: 40px;margin-bottom: 50px;}
    .cost-calculator-bg {height: 480px;left: 25px;width: calc(100% - 50px);top: 25px;border-radius: 30px;}
    .warning-block{margin-bottom: 30px;}
}
@media only screen and (max-width:767px){
    .clients-logos-list {row-gap: 30px;column-gap: 30px;}
    .clients-logos-list  .client-logo {width: calc(33.33% - 20px);}
    .label-container-content {padding: 15px 10px;}
}
@media only screen and (max-width:480px){
    .cost-calculator-banner {padding: 80px 0;}
    #step_question_1 .choose-platforms, .app-looking,.features {grid-template-columns: repeat(1, 1fr);}
    .platform-img {margin-bottom: 15px;}
    .thank-you-text {font-size: 40px;line-height: 58px;}
    .clients-logos-list  .client-logo {width: calc(33.33% - 14px);}
    .clients-logos-list {row-gap: 20px;column-gap: 20px;}
    .cost-calculator-bg {left: 0;width: 100%;top: 0;border-radius: 0;}
    .calculator-banner-text {padding: 0 0;}
    .cost-calculator-form {padding: 30px 15px;max-width: 100%;margin-left: 0;}
    .steps_details_card .details-body .steps-details p {line-height: 20px;}
    .steps_details_card {padding: 15px 10px;}
    .steps_details_card .details-body {gap: 10px;}
    .ok-btn svg {display: none;}
}
.feild-error {
    border: 2px solid #bb0000 !important;
}
.error-info {
    display: block;
    margin-top: 5px;
    color: #bb0000;
}