.revenue-calculator {float: left;width: 100%;}
.revenue-calculator .section-container {display:flex;width: 100%;float:left;}
.revenue-calculator .section-container .content-image {width: 50%;float:left;padding: 50px 77px 50px 0px;}
.revenue-calculator .section-container .content-text {width: 50%;float:left;padding: 50px 0px 50px 77px;}
.revenue-calculator .section-container h3 {font-size: 30px;line-height:40px;color:#1B213E;font-weight:700;margin-bottom:35px;font-family: 'Antonio',sans-serif;}
.revenue-calculator .section-container.reverse {flex-direction: row-reverse;}
.revenue-calculator .section-container.reverse .content-image {padding: 50px 0px 50px 77px;}
.revenue-calculator .section-container.reverse .content-text {padding: 50px 77px 50px 0px;}
.revenue-calculator .content-image .text-over-img{display: flex;justify-content: space-between;column-gap: 35px;margin-bottom: 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;}
.text-over-img-wrapper p,.discover-here-section p{font-size: 22px;line-height:normal;color:#1B2340;font-weight:700;}
.text-over-img-wrapper p{position: absolute;padding: 0 15% 0 12%;width: 100%;}
.discover-here-section{border: 3px solid #6AA6B2;border-radius: 10px;padding: 25px 44px;margin-bottom:35px;}
.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 .content-image .bottom-text{font-size: 18px;line-height:28px;color:#1B2340;}
@media(max-width: 1450px) {
  .revenue-calculator .section-container .content-image,.revenue-calculator .section-container.reverse .content-text {padding: 50px 50px 50px 0px;}
  .revenue-calculator .section-container .content-text,.revenue-calculator .section-container.reverse .content-image{padding: 50px 0px 50px 50px;}
}
@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;}
}
@media(max-width: 1100px) {
  .revenue-calculator .section-container .content-text,.revenue-calculator .section-container.reverse .content-text {width:100%;padding: 50px 0px;}
  .revenue-calculator .section-container .content-image,.revenue-calculator .section-container.reverse .content-image{width: calc(100% + 40px);padding: 50px 20px; margin-left: -20px; margin-right: -20px px;} 
  .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;}
  .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%;}

}
@media(max-width: 600px) {
  .revenue-calculator .content-image .text-over-img{flex-direction: column;row-gap: 35px;}
  .discover-here-section{padding: 25px 30px;}
}

/** Discover Here Form CSS **/
.discover-here-form {margin: 8px 0;}
.discover-here-form form { display: flex; position: relative; 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: 45px; width:100%; outline: none; padding-left: 30px; padding-right: 165px; 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: 45px; color: #1B2340; font-size: 18px; font-family:  "Lato", Sans-serif; padding: 0 20px; margin-left: -50px; position: absolute; right: 0px; cursor: pointer;min-width: 128px;border-radius:0px;margin:0;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: #1B2340;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; }}
/** End Discover Here Form CSS **/

/*** Start Revenue Calculator form Design ***/
.revenue-calculator-container{}
.revenue-calculator-container form .formElement{display: flex;column-gap: 70px;justify-content: space-between;align-items: center;border-top: 1px solid #ECECEC;padding: 25px 0;}
.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: 18px;line-height: 30px;font-weight: normal;color: #1C213C;font-family: 'Lato',sans-serif;}
.revenue-calculator-container form .formElement .formInput{flex:1;display: flex;justify-content: flex-end;max-width: 360px;column-gap: 30px;}
.revenue-calculator-container form .formElement .formInput.justify {justify-content: space-between;}
.revenue-calculator-container form .formElement .formInput label{font-size: 16px;line-height: 24px;}
.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;max-width: 250px;}
.revenue-calculator-container form .formElement .range-slider__value {font-size: 18px;font-weight: normal;width:100%; margin: 0;color: #1B213E;font-family: 'Lato',sans-serif;}
.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: 20px;height: 20px;background: #fff;cursor: pointer;border-radius: 100px;border: 6px solid #78b2d6;}
.revenue-calculator-container form .formElement .range-slider__slider input::-moz-range-thumb {width: 20px;height: 20px;background: #fff;cursor: pointer;border-radius: 100px;border: 6px solid #78b2d6;}
@media(max-width: 600px) {
  .revenue-calculator-container form .formElement .range-slider{max-width: 100%;}
}

/* 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); }
/* 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 .outputContainer{flex: 1;}
.revenue-calculator-output .outputContainer .outputResult{display: flex;font-size: 41px;line-height: normal;color: #fff;font-weight: 400;text-transform: uppercase;font-family: 'Antonio',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;}
.revenue-calculator-output .expertTalk a{background: #fabd6b;border: 0;color: #1b2340;font-size: 18px;font-family: "Lato",Sans-serif;padding: 17px 20px;float:left;text-align: center;line-height: normal;cursor: pointer;border-radius: 0px;margin: 0;text-transform: none;font-weight: 700;}
.revenue-calculator-output .expertTalk a img{margin-right;10px;max-width:18px;}
#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%}
}

/* 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: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 ***/