.revenue-calculator {float: left;width: 100%;overflow: hidden;background-color: #fff;background-size: cover;background-position: center center;padding:60px 0 100px;}
.revenue-calculator>.page-center {max-width: 1358px;margin: 0 auto;}
.revenue-calculator-header-txt{max-width:970px;margin:0 auto 65px;text-align:center;}
.revenue-calculator-header-txt h1 { font-size: 60px; line-height: normal;color: #1B2340; margin: 0px 0px 25px;font-weight: 700;font-style: normal;text-transform: uppercase;font-family: 'Antonio',sans-serif;}
.revenue-calculator-header-txt h4 { font-size: 26px;font-weight: 600;line-height: normal;color: #1B2340; margin: 0px 0px 25px;font-style: normal;}
.revenue-calculator-header-txt p {color: #1B2340; font-size: 21px; line-height: 31px;font-weight: normal;font-style: normal;margin: 0px 0px 20px;}
.revenue-calculator .section-container {display:flex;width: 100%;float:left;box-shadow: 0px 0px 10px #00000029;border-radius: 10px;padding: 50px 40px 40px;background-color: #ffffff;}
.revenue-calculator .section-container .content-image {width: 49%;float:left;padding: 0px 30px 0px 0px;}
.revenue-calculator .section-container .content-text {width: 51%;float:left;padding: 0px 0px 0px 30px;}
.revenue-calculator .section-container h3 {font-size: 25px;line-height:35px;color:#1B213E;font-weight:400;margin-bottom:35px;font-family: 'Antonio',sans-serif;text-transform: uppercase;text-align: center;}
.revenue-calculator .section-container.reverse {flex-direction: row-reverse;}
.revenue-calculator .section-container.reverse .content-image {padding: 0px 0px 0px 30px;}
.revenue-calculator .section-container.reverse .content-text {padding: 0px 30px 0px 0px;}
.revenue-calculator .content-image .text-over-img{display: flex;justify-content: space-between;column-gap: 35px;}
.revenue-calculator .content-image .text-over-img .text-over-img-card{flex: 1;}
.revenue-calculator .content-image .text-over-img .text-over-img-card .text-over-img-wrapper{position: relative;padding: 20px 0px 80%;text-align: center;/*min-height: 265px;*/background-repeat: no-repeat;background-size: cover;}

.revenue-calculator .content-image .content-image-bottom-section{background-color:#F4F4F4;border-radius:11px;padding: 25px 40px 15px;}

.text-over-img-wrapper p,.discover-here-section p{font-size: 18px;line-height:normal;color:#1B2340;font-weight:500;}
.text-over-img-wrapper p{position: absolute;padding: 0 15% 0 12%;width: 100%;}
.discover-here-section{background-color: #1B213E;border-radius: 10px;padding: 60px 60px 70px;margin-bottom:30px;}
.discover-here-section h4{color:#1B213E;text-transform: uppercase;font-weight:700;margin-bottom:7px;font-family: 'Antonio',sans-serif;}
.discover-here-section p{font-weight:500;}
.revenue-calculator .section-container .content-image .bottom-text{padding:0 20px;margin-top:0px;}
.revenue-calculator .section-container .bottom-text{font-size: 14px;line-height:22px;color:#1B2340;margin-top:10px;}
@media(max-width: 1450px) {
  .discover-here-section{padding: 60px 40px 70px;}
  .revenue-calculator .section-container .content-image,.revenue-calculator .section-container.reverse .content-text {padding: 0px 30px 0px 0px;}
  .revenue-calculator .section-container .content-text,.revenue-calculator .section-container.reverse .content-image{padding: 0px 0px 0px 30px;}
}
@media(max-width: 1366px) {
 /* .revenue-calculator .section-container .content-image,.revenue-calculator .section-container.reverse .content-text,
  .revenue-calculator .section-container .content-text,.revenue-calculator .section-container.reverse .content-image{padding-top: 30px;}*/
.revenue-calculator-header-txt h1 {font-size: 50px;}
.revenue-calculator-header-txt h4 {font-size: 24px;}
.revenue-calculator-header-txt p { font-size: 20px;line-height: 29px;}
.revenue-calculator-header-txt h1,.revenue-calculator-header-txt h4{margin: 0px 0px 18px;}
}
@media(max-width: 1100px) {
  .revenue-calculator .section-container .content-text,.revenue-calculator .section-container.reverse .content-text {width:100%;padding: 0px;}
  .revenue-calculator .section-container .content-image,.revenue-calculator .section-container.reverse .content-image{width: calc(100% + 40px);padding: 20px; margin-left: -20px; margin-right: -20px;} 
  .revenue-calculator .section-container{flex-wrap: wrap;flex-direction: column-reverse;}
  .revenue-calculator .section-container.reverse {flex-direction: column-reverse;}
}
@media(max-width: 991px) {
  .revenue-calculator .section-container .content-text h1 {font-size: 40px;line-height:normal;}
}
@media(max-width: 767px) {
  .revenue-calculator .section-container {flex-wrap: wrap;padding: 50px 25px 40px;}
  .revenue-calculator .section-container .content-image {width: 100%;background-position:center;min-height:inherit}
  .revenue-calculator .section-container .content-text,.revenue-calculator .section-container .content-text .content-text-wrapper {width: 100%;max-width: 100%;}
.revenue-calculator-header-txt h1 {font-size: 40px;}
}
@media(max-width: 600px) {
  .revenue-calculator .content-image .text-over-img{flex-direction: column;row-gap: 35px;}
  .discover-here-section{padding: 40px 20px;}
.revenue-calculator .section-container .content-image,.revenue-calculator .section-container.reverse .content-image{padding:20px 10px;}
.revenue-calculator-header-txt h4 {font-size: 22px;}
.revenue-calculator-header-txt p { font-size: 18px;line-height: 26px;}
}

/** Discover Here Form CSS **/
/*.discover-here-form {margin: 8px 0;}*/
.discover-here-form form { width: 100%;} 
.discover-here-form .hs_cos_wrapper.form-title{display:none;}
.discover-here-form label,.hs-error-msgs { display: none !important; } 
.discover-here-form form input.hs-input::placeholder {font-size: 16px;color: #777777;}
.discover-here-form form input.hs-input { background: #FFFFFF; border: 1px solid #f2f2f2; height: 50px; width:100%; outline: none; padding-left: 30px; padding-right: 30px; box-sizing: border-box;border-radius:0px;font-size: 16px;    color: #1B2340;font-family: "Lato",sans-serif;} 
.discover-here-form form .hs-button { background: #FABD6B; border: none; height: 60px; color: #1B2340; font-size: 20px; font-family:  "Lato", Sans-serif; padding: 0 20px; display: block; cursor: pointer;width: 100%;border-radius:0px;margin:15px 0px 0px;text-transform: none;font-weight: 700;letter-spacing: unset; } 
/*.discover-here-form form .hs-button:hover,.discover-here-form form .hs-button:focus{background-color: #6f3eaf; border-color: #6f3eaf;}*/
.discover-here-form form .hs_email { width: 100%;margin-bottom:0px; } 
.discover-here-form .submitted-message{font-size: 18px;line-height: normal;color: #FFFFFF;text-align:center;font-family:  "Lato", Sans-serif;padding-bottom: 10px;}
@media screen and (max-width: 991px) {.discover-here-form form {max-width: 100%;}}
@media(max-width:500px){.discover-here-form form {display: block;}.discover-here-form form input.hs-input {padding-left: 20px;padding-right: 20px;}.discover-here-form form .hs-button {margin-left: 0;position: relative;right: auto;cursor: pointer;margin-top: 15px;height: 50px;font-size: 16px; }}
/** End Discover Here Form CSS **/

/*** Start Revenue Calculator form Design ***/
.revenue-calculator-container{}
.revenue-calculator-container form .formElement{display: flex;padding: 20px 0;flex-direction: column;}
.revenue-calculator-container form .formElement:first-child{padding-top:0px;border-top:none;}
.revenue-calculator-container form .formElement label.label{display:flex;}
.revenue-calculator-container form .formElement label.label,
.revenue-calculator-container form .formElement .formInput label{font-size: 16px;line-height: 24px;font-weight: normal;color: #1C213C;font-family: 'Lato',sans-serif;margin-bottom:5px;}
.revenue-calculator-container form .formElement label.label>span{font-size: 12px;line-height: normal;margin: 5px 3px}
.revenue-calculator-container form .formElement .formInput{flex:1;display: flex;column-gap: 30px;}
.revenue-calculator-container form .formElement .formInput.justify {justify-content: space-between;}
.revenue-calculator-container form .formElement .formInput>label:not(:last-child){margin-right:10px}
.revenue-calculator-container form input, .revenue-calculator-container form select {border:1px solid #d3d3d3;border-radius: 4px;font-size: 16px;color: #1B213E;line-height: 31px;font-family: "Lato",sans-serif; width: 250px;}
.revenue-calculator-container form select{padding-right: 22px;padding-left: 8px;background-image: url('https://go.civalue.com/hubfs/arrow-down.svg');background-position: calc(100% - 5px) 50%;background-repeat: no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
@media(max-width: 1450px) {
.revenue-calculator-container form .formElement{column-gap: 30px;}
.revenue-calculator-container form .formElement .formInput {column-gap: 15px;}
}
@media(max-width:1366px){
.revenue-calculator-container form .formElement{padding: 18px 0;}
  .revenue-calculator-container form input, .revenue-calculator-container form select{line-height: 26px;}
}
@media(max-width: 600px) {
  .revenue-calculator-container form input,.revenue-calculator-container form select{width:100%;}
  .revenue-calculator-container form .formElement{flex-direction: column;align-items: flex-start;}
  .revenue-calculator-container form .formElement { row-gap: 5px;padding: 20px 0;}
  .revenue-calculator-container form .formElement .formInput{justify-content: flex-start;max-width: 100%;width: 100%;flex-wrap: wrap;}
}

/*  Start Input type Number */
.revenue-calculator-container form .formElement .numberOfCategory {position: relative;width: 100%;max-width: 250px;font-size: 14px;font-weight: 700;}
.revenue-calculator-container form .formElement .numberOfCategory input {display: block;width: 100%;height: 100%;padding-left: 8px;padding-right: 22px;height: 45px;float: left;-moz-appearance: textfield;}
.revenue-calculator-container form .formElement .numberOfCategory input::-webkit-inner-spin-button, .numberOfCategory input::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.revenue-calculator-container form .formElement .numberOfCategory__btn {position: absolute;right: 0;width: 22px;height: 22px;cursor: pointer;}
.revenue-calculator-container form .formElement .numberOfCategory__btn:after {position: absolute;content: "";left: 3px;border-width: 7px;border-style: solid;}
.revenue-calculator-container form .formElement .numberOfCategory__btn--up {top: 0;}
.revenue-calculator-container form .formElement .numberOfCategory__btn--up:after {top: 0px;border-color: transparent transparent #1B213E transparent;}
.revenue-calculator-container form .formElement .numberOfCategory__btn--down {bottom: 0;}
.revenue-calculator-container form .formElement .numberOfCategory__btn--down:after { bottom: 2px;border-color: #1B213E transparent transparent transparent;}
@media(max-width:1366px){
  .revenue-calculator-container form .formElement .numberOfCategory input{height: 40px;}
}
@media(max-width: 600px) {
  .revenue-calculator-container form .formElement .numberOfCategory{max-width: 100%;}
}

/*  End Input type Number */
/* End RangeSlider */
.revenue-calculator-container form .formElement .range-slider {display: flex;flex-direction: column;align-items: center;}
.revenue-calculator-container form .formElement .range-slider__value {font-size: 34px;font-weight: 700;width:100%; margin: 0;color: #1B213E;font-family: 'Lato',sans-serif;line-height: normal;}
.revenue-calculator-container form .formElement .range-slider__min-max{display: flex;justify-content: space-between;width: 100%;margin-top: 5px;font-size: 16px;color: #d3d3d3;font-family: 'Lato',sans-serif;line-height: normal;}
.revenue-calculator-container form .formElement .range-slider__slider {width: 100%;}
.revenue-calculator-container form .formElement .range-slider__slider input {  -webkit-appearance: none;appearance: none;width: 100%;height: 3px;background: #d3d3d3;outline: none;-webkit-transition: 0.2s;transition: opacity 0.2s;border-radius: 100px;}
.revenue-calculator-container form .formElement .range-slider__slider input::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 29px;height: 29px;background: #fff;cursor: pointer;border-radius: 100px;border: 10px solid #78b2d6;}
.revenue-calculator-container form .formElement .range-slider__slider input::-moz-range-thumb {width: 29px;height: 29px;background: #fff;cursor: pointer;border-radius: 100px;border: 10px solid #78b2d6;}
@media(max-width: 600px) {
  .revenue-calculator-container form .formElement .range-slider{max-width: 100%;}
.revenue-calculator-container form .formElement .range-slider__value {font-size: 28px;}
}

/* End RangeSlider */
/* Start radio */
.revenue-calculator-container [type="radio"]:checked,
.revenue-calculator-container [type="radio"]:not(:checked) {position: absolute; left: -9999px; }
.revenue-calculator-container [type="radio"]:checked + label,
.revenue-calculator-container [type="radio"]:not(:checked) + label {position: relative; padding-left: 24px; cursor: pointer; display: inline-block;}
.revenue-calculator-container [type="radio"]:checked + label:before,
.revenue-calculator-container [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 1px; top: 4px; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }
.revenue-calculator-container [type="radio"]:checked + label:after,
.revenue-calculator-container [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #3c8dbc; position: absolute; top:7px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.revenue-calculator-container [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.revenue-calculator-container [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*** Start Radio Tabs **/
.revenue-calculator-container .formInput.radio-tabs [type="radio"]:checked + label,
.revenue-calculator-container .formInput.radio-tabs [type="radio"]:not(:checked) + label {cursor: pointer;float: left;border: 1px solid #aaa;background-color: #fff;margin-right: -1px;padding: 3px 15px;position: relative;}
.revenue-calculator-container .formInput.radio-tabs [type="radio"] + label:hover,
.revenue-calculator-container .formInput.radio-tabs [type="radio"]:checked + label {background-color: #1C223C;border-color: #d3d3d3;color:#ffffff;}
.revenue-calculator-container .formInput.radio-tabs [type="radio"]:checked + label:before,
.revenue-calculator-container .formInput.radio-tabs [type="radio"]:not(:checked) + label:before,
.revenue-calculator-container .formInput.radio-tabs [type="radio"]:checked + label:after,
.revenue-calculator-container .formInput.radio-tabs [type="radio"]:not(:checked) + label:after{display:none;}
/** End Radio Tabs ***/

/* End radio */

/* start revenue calculator output section */
/*.revenue-calculator-output{border-radius: 10px; padding: 22px;background-color: #78B2D6;display: flex;column-gap: 20px;justify-content: space-between;align-items: center;    z-index: 1;}*/
.revenue-calculator-output{margin-bottom:50px;text-align: center;}
.revenue-calculator-output .outputContainer{flex: 1;}
.revenue-calculator-output .outputContainer .outputResult{display: flex;justify-content: center;font-size: 77px;line-height: normal;color: #fff;font-weight: 700;text-transform: uppercase;font-family: 'Lato',sans-serif;}
/*.revenue-calculator-output .outputContainer .outputResult>* {flex: 1;}*/
/* .revenue-calculator-output .outputContainer .outputResult>span{border-bottom: 2px dashed #fff;} */
.revenue-calculator-output .outputContainer h4{font-size: 24px;line-height: 38px;color: #ffffff;font-weight: 400;text-transform: uppercase;margin-bottom: 5px;font-family: 'Antonio',sans-serif;}
#revenueCalculatorOutputPos{visibility: hidden;height: 0;opacity: 0;}
.revenue-calculator-output.fixPos{position: fixed; left: 0; bottom:0; width:100%;}
@media(min-width: 1100px) {
.revenue-calculator-output.fixPos{width:50%;}
}
@media(min-width: 1100px) and (max-width: 1300px),(max-width: 767px) {
 /* .revenue-calculator-output{align-items: flex-start;flex-direction: column;row-gap: 30px;}*/
  .revenue-calculator-output>div{width:100%}
}
@media(min-width: 1100px) and (max-width: 1300px),(max-width: 767px) {
 /* .revenue-calculator-output{align-items: flex-start;flex-direction: column;row-gap: 30px;}*/
  .revenue-calculator-output>div{width:100%}
}
@media(max-width: 767px) {
  .revenue-calculator-output .outputContainer .outputResult{font-size: 60px;}
}
@media(max-width: 550px) {
  .revenue-calculator-output .outputContainer .outputResult{font-size: 40px;}
  .revenue-calculator-output .outputContainer h4{font-size: 20px;line-height: 30px;}
}
/* Start Tooltip css */ 

.tooltip-container {position: relative;}
.tooltip-container:hover .tooltip-content {visibility: visible;opacity: 1;transition: 0.25s all ease;transition-delay: 0s;left:20px;top: 50%;transform: translateY(-50%);}
.tooltip-content {display: flex;align-items: center;visibility: hidden;opacity: 0;
    position: absolute;background: #ededed;left: 0px; top: 50%;transform: translateY(-50%);padding: 0 15px;margin: 0 10px;font-size: 13px;line-height: normal;;
    width: 100px;transition: 0.25s all ease;transition-delay: 0.25s;z-index: 2;border-radius: 4px;}
.tooltip-content:after {content: "";position: absolute;border-width: 10px;border-style: solid;top: 50%;transform: translateY(-50%);
    left: -20px;border-color: transparent #ededed transparent transparent;}
.tooltip-content p{margin:10px 0px;}
.tooltip-icon{display: flex;align-items: center;justify-content: center;margin:5px 8px;}
/*@media(max-width: 420px) {
  .tooltip-container {position: static;display: inline-block;} 
  .revenue-calculator-container form .formElement label.label{position: relative;}
  .tooltip-content,.tooltip-container:hover .tooltip-content{top: 100%;transform: none;}
  .tooltip-content:after{display:none;}
}*/
/* End Tooltip css */

/* End revenue calculator output section */

/*** End Revenue Calculator form Design ***/