/* GLOBAL STYLES
-------------------------------------------------- */
input::placeholder{
  color: #9C9EBE;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #9C9EBE;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: #9C9EBE;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
body {padding-top: 40px;padding-bottom: 80px;color: #fff;background-image: url(../images/body-bg.png);background-repeat: no-repeat;background-size: cover;font-family: 'IBM Plex Sans', sans-serif;font-size: 16px;background-attachment: fixed;}
/*main {background-color: rgba(40,47,72,0.9);}
*/.cover{background-color: rgba(40,47,72,0.9); border-radius: 20px;}
h2{font-size: 32px;font-weight: 800;color: #f3b11d;margin-bottom: 20px;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;text-align: center;
  opacity: 0.3; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;text-align: center;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;text-align: center;
}
.textarea-block textarea::placeholder{text-align: left;}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.formula-block{align-items: center;justify-content: space-between;/*padding: 30px 20px;*//*border: 2px solid #3b75b9;*/margin-top: 30px;flex-wrap: wrap;display: flex;}
.formula-block h3 { color: #3E3F4D; font-size: 16px; font-weight: 600; padding-bottom: 6px; margin-bottom: 0;     text-align: center; max-width: 200px; display: table; border-top: #fff solid 1px; /* background: #c58b12; */
    padding: 10px 15px; height: 56px; border-radius: 6px 6px 0 0; vertical-align: middle; border-right: #fff solid 1px;  border-left: #fff solid 1px; width: 100%;
}
.formula-block h4 {text-align: center;color: #fff;font-size: 22px;font-weight: 600;display: block;width: 100%;}
.carousel-caption {position: initial;margin-right: 15%;margin-left: 15%;z-index: 10;padding-top: 20px;padding-bottom: 50px; min-height: 300px;}
.content-title-block{position: relative;min-height: auto;}
.carousel-item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 32rem;}
input, textarea,.result-box{background: #F3F6FF;/*border: 2px solid #fff;*/height: 50px;line-height: normal;color: #3E3F4D;padding:5px;border:  none;border-radius: 0;vertical-align: middle;width: 200px;text-align: center;}
.result-box{display: inline-block;vertical-align: middle;padding: 5px;line-height: 35px;overflow: hidden;}
input:focus, textarea:focus{outline: none;border-color: rgba(243, 177, 29, 0.8);
  box-shadow: 0px 15px 25px rgb(0 0 0 / 25%), 0 0 4px rgba(243, 177, 29, 0.6);}
.sign{font-size:32px;line-height:50px;padding: 0 15px;vertical-align: middle;display: inline-block;color: #3E3F4D;}
.carousel-control-next{right: -15px;}
.carousel-control-next-icon{background: url(../images/right-arrow.png);background-repeat: no-repeat;width: 45px;height: 84px;background-size: contain;}
.carousel-control-prev-icon{background: url(../images/left-arrow.png);background-repeat: no-repeat;width: 45px;height: 84px;background-size: contain;}
.logo{position: relative;z-index: 9999;text-align: center;padding-bottom: 40px;}
.logo-wrap{position: relative;}
.carousel-caption img{position: absolute;width:140px;left: -140px;top: -37px;}
.icon-large img{    width: 175px;left: -175px;top: -28px;}
.content-block{padding: 30px 30px;border: 2px solid #3b75b9;margin-top: 40px;}
.content-block p{margin-bottom: 0;}
.slick-disabled { display: none; pointer-events:none; }
.content-title-block p{width: 100%;min-height: 70px;font-size: 18px;font-weight: 400;line-height: 26px;color: #3E3F4D;}
.content-title-block p span{font-weight: 600;}
.content-title-block p span.result-box{font-weight: 900;background: transparent;text-align: left;width: auto;padding: 0;margin: 0;display: inline;}
.content-title-block ul{margin: 0;}
.content-title-block ul li{width: 100%;/*min-height: 100px;*/font-size: 20px;font-weight: 900;line-height: 27.9px;color: #3E3F4D;}
.content-title-block h6{font-size: 23px;font-weight: 600;color: #3E3F4D;margin: 0;position: relative;padding-bottom: 15px;}
.content-title-block .title-block-number{font-size: 48px;color: #fff;font-weight: 700;display: flex;justify-content: center;align-items: center;padding-left: 8px;width: 99px;height: 99px;border-radius: 100px;background: linear-gradient(180deg, #00F0FF 0%, #05B1D7 100%), #01DAF1;margin: auto;position: absolute;left: -120px;top: 0;}
/*.step3 input,.step3 .result-box{max-width: 180px;}*/
/*.export-btn-wrap{text-align: center;margin-top: 20px;}*/
.export-btn{color: #282f48;background-color: #f3b40d;border-color: #f3b40d;font-weight: 800;font-size: 18px;padding: 10px 30px;width: auto!important;margin-top: 10px;line-height: normal;height: auto;float: right;}
.item-xl h2{display: inline-block;}
.carousel-indicators li {box-sizing: content-box;-ms-flex: 0 1 auto;flex: 0 1 auto;width: auto;height: auto;margin-right: 0px;margin-left: 3px;margin-bottom:3px;text-indent: 0;font-size: 16px;cursor: pointer;background-color: transparent;background-clip: none;border-top: none;border-bottom: none;opacity: .5;transition: opacity .6s ease;/*background: #f3b11d;*/color: #A87707;font-weight: 600;line-height: normal;padding: 5px 8px;border-radius: 12px;}
.textarea-block textarea{width: 100%;height: 90px;text-align: left;padding: 10px 5px;}
.textarea-block1 textarea{height: 50px!important}
.textarea-block .cell{width: 100%;text-align: center;}
.textarea-block .cell input{border: none;background: #F3F6FF;font-size: 24px;font-weight: 400;text-align: center;color: #3E3F4D;width: 508px;height: 62px;}
.carousel-caption .cta-btn{text-decoration: none; background: linear-gradient(180deg, #00F0FF 0%, #05B1D7 100%);border-radius: 3px;color: #fff;font-size: 24px;padding: 14px 20px;width: 234px;height: auto;font-weight: 700;border: none;box-shadow: 0px 15px 25px rgb(0 0 0 / 25%);}
.textarea-block h3{text-align: left;}
.carousel-indicators{display: block;text-align: center;margin-left: 14%;margin-right: 14%;position: relative;}
.carousel-indicators li{display: inline-block;position: relative;opacity: 1;}
.carousel-indicators .active{color: #3E3F4D;}
/*.textarea-block{padding: 30px;}*/
.content-title-block p span.result-box:empty:before{content:attr(data-placeholder);color:#3E3F4D;opacity: 1;font-weight: 900;font-size: 25px;}
.result-box:empty:before {content:attr(data-placeholder);color:#9C9EBE;opacity: 1}
.seperator-icon{    display: block;width: 100%;text-align: center;margin: 10px 0;font-size: 30px;}
path{fill:rgb(243, 177, 29);}
.chartdiv ul{padding-left: 0;list-style: none;text-align: center;width:80%;margin:auto;margin-bottom: 0;}
.chartdiv ul li h5{font-size: 15px;margin-bottom: 0;color: #282f48;}
.chartdiv ul li h3{font-size: 18px;color: #282f48;margin-bottom: 0;padding-bottom: 0;}
.chartdiv ul li{width: 100%;background-color:#f3b40d;padding: 5px 15px;margin:auto;margin-bottom: 3px ;position:relative;    clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);}
.item-xl .formula-block{display: block;}
.chartdiv ul li:nth-child(odd) {background-color:#f3b40d;}
.chartdiv ul li:nth-child(odd) h3,.chartdiv ul li:nth-child(odd) h5{color: #fff}
.chartdiv ul li:nth-child(even) {background-color:#fff;}
/*.chartdiv ul li:before{position: absolute;width: 100%;height: 10px;content: '';    left: 0;right: 0;bottom: -10px;z-index: 1111;clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);}*/
.chartdiv ul li:last-child{margin-bottom: 0;}
.chartdiv ul li:nth-child(2){    width: 91.9%;}
.chartdiv ul li:nth-child(3){width: 84.7%;}
.chartdiv ul li:nth-child(4){width: 77.9%;}
.chartdiv ul li:nth-child(5){    width: 71.8%;}
.chartdiv ul li:nth-child(6){    width: 66%;}
.chartdiv ul li:nth-child(7){width: 60.8%;}
.chartdiv ul li:nth-child(8){    width: 55.9%;}
.chartdiv ul li:nth-child(9){width: 51.5%;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.info-cell{position: relative;}
.info-cell p {line-height: normal; color: #000;position: absolute;background-color: #f3b11d;text-align: center;padding: 5px;width: 200px;font-size: 13px;font-weight:500;border-radius: 4px;margin-top: 15px;box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);z-index: 111;}
.info-cell p span{font-weight:800;}
.info-cell p::before {content: '';position: absolute;width: 0;height: 0;bottom: 100%;left: 47%;border: .75rem solid transparent;border-top: none;border-bottom-color: #f3b11d;filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));}
.custom-control-label{font-size: 15px;}
.custom-control-label::before{background-color: transparent;border: #ffffff solid 2px;}
.custom-checkbox .custom-control-label::before{border-radius: 0;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-color: #f3b11d;}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{box-shadow: none;outline: none;border-color: #fff;}
.custom-control-input:checked:focus~.custom-control-label::before{outline: none!important;border-color: rgba(243, 177, 29, 0.8)!important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(243, 177, 29, 0.6)!important;}
.custom-checkbox{margin-left: 20px;}
.cover{padding: 50px 10%;display: flex;justify-content: center;align-items: center;}
.cover h1{color: #fff;font-weight: bold;font-size: 44px;margin-bottom: 20px;}
.calculate-btn{background: linear-gradient(180deg, #00F0FF 0%, #05B1D7 100%);border-radius:3px;color: #fff;font-weight: bold;font-size: 24px;padding: 14px 20px;width: 234px;height: auto;font-weight: 700;border: none;box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.25);}
.cover-image-wrap{margin-right: 30px;position: relative;min-width: 320px;}
.cover-image-wrap img{position: absolute;left: -170px;top: -240px;}
.cover-page-content{position: relative;z-index: 10;}
.col_7{min-height: 250px;}
span.second-slide-checkbox { display: block; padding: 10px 0; color: #3E3F4D;}
span.second-slide-checkbox input[type="checkbox"] {     width: 15px; height: 15px; box-shadow: none;}
div.calc-inside-pages {
    background: rgba(253,197,78,0.8); padding: 40px 20px; border-radius: 40px; box-shadow: 0px 15px 25px rgb(0 0 0 / 10%);
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width:  1199px){
  .cover-image-wrap img{
    left: -78px;
    width: 755px;
    bottom: -290px;
    top: unset;
  }
  .cover{
    padding: 45px 10%;
  }
  .cover h1{
    font-size: 45px;
  }
}
@media (max-width:  991px){
  .cover-image-wrap img{
    position: absolute;
    left: -50px;
    bottom: unset;
    top: -125px;
    width: 700px;
  }
}
@media(max-width: 1200px){
  .carousel-caption img{width: 120px;left: -120px;top: -28px;}
   input,.result-box,.sign{margin-bottom: 10px;}
   .container{max-width: 100%!important}
   .logo{right: 30px;}
   .carousel-caption{padding-bottom: 50px}
   .icon-large img {width: 158px;left: -158px;top: -25px;}

}
@media(max-width: 1024px){
  .sign{font-size: 28px;}
  .formula-block, .content-block{padding: 20px;}
  .info-cell p{left: 67%;}
  .info-cell p::before{left: 20px;}
}
@media (max-width:  991px){
  .content-title-block .title-block-number{
    font-size: 40px;
    width: 90px;
    height: 90px;
    left: -105px;
  }
  .content-title-block{min-height: auto;}
  .cell{flex: 0 0 5%;padding-bottom: 30px;}
  .content-title-block p span.result-box{min-width: auto !important;margin: 0;padding-left: 0;padding-right: 0;}
}
@media (max-width: 767px){
  .content-title-block .title-block-number{
    font-size: 18px;
    width: 45px;
    height: 45px;
    left: -50px;
  }
}
@media(max-width: 992px){
  .carousel-caption img{width: 100px;left: -100px;top: -28px;}
  .content-title-block p{width: 100%}
  input,.result-box{height: 35px;line-height: normal;}
 /* .cell{width: 280px;}*/
  .sign{font-size: 24px;line-height: 35px;padding: 0 10px;}
  .formula-block h3{font-size: 18px;padding-bottom: 5px}
  .content-block,.formula-block{padding: 20px;}
 
  input,.result-box{min-width: 180px;max-width: 180px;}
  h2 {font-size: 26px;}
.content-title-block p {width: 100%; font-size: 16px;}
.icon-large img {width: 115px;left: -115px;top: -25px;}
.chartdiv ul{width: 90%;}
.info-cell p{width: 120px;margin-top: 10px;}
.calculate-btn,.export-btn{width: auto!important;min-width: initial!important;max-width: initial!important;}
}
@media (min-width: 700) and (max-width: 767px){

.carousel-caption img{position: absolute;width: 80px;left: -80px;top: -28px;}
.content-title-block p,.content-block p,.formula-block h3{font-size: 16px;}
.sign-wrap{width: 100%;text-align: center;}
.sign{line-height: normal;}
.logo{position: initial;text-align: center;padding-bottom: 80px;}
input,.result-box,.sign{margin-bottom: 10px;}
.chartdiv ul{width: 100%;}
.info-cell p::before{    border: .30rem solid transparent;border-top: none;border-bottom-color: #f3b11d;filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));}
.info-cell p{margin-top: 0px;}
.cover{display: block;text-align: center;flex-direction: column;min-height: 390px;}
.cover-image-wrap{margin-right: 0!important;order: 2;}
.carousel-caption .cell .cta-btn{font-size: 18px;display: block;width: 100%;}
.cell{text-align: center;}
body{padding-top: 30px;padding-bottom: 30px;}
.logo img{width: 160px;}
.calculate-btn{font-size: 25px;}
.carousel-indicators{margin-left: 0;margin-right: 0;}
.content-title-block{min-height: auto;}
}
@media (max-width: 620px){
.carousel-caption {padding-bottom: 175px;}
}

@media (max-width: 576px){
.carousel-caption img{position: absolute;width: 67px;left: -67px;top: -22px;}
.carousel-control-prev-icon,.carousel-control-next-icon{width: 35px;height: 74px;}
.sign,input,.result-box{margin-bottom: 10px;}
.carousel-caption {padding-bottom: 50px;}
.export-btn{float: none;margin: auto;display: block;}
.cover-image-wrap{min-width: 50%;
}
.cover h1{font-size: 30px;
}
.cover-image-wrap img{max-width: 517px;
  top: unset;
}
  
}
@media (max-width: 475px){
  .carousel-caption img{position: absolute;width: 50px;left: -50px;top: -19px;}
  h2{font-size:25px;}
  .sign{display: block;}
  input, .result-box,.step3 input{min-width: 100%!important;max-width: 100%!important}
  .cell{width: 100%!important}
  .content-title-block h2,.content-title-block p{text-align: left;margin: 0;}
  .content-title-block br{display: none;}
  .item-xl h2{display: block;}
  .logo{padding-bottom: 30px;}
  /*.cover{display: block;min-height: 370px;}*/
  .cover{display: flex;min-height: 370px;flex-wrap: wrap;padding-top: 10px;}
  .cover-image-wrap{width: 100%;}
  .cover-image-wrap img{position: relative;}
  .carousel-indicators{text-align: left;margin-left: 0;margin-right: 0;}
  .carousel-indicators li{font-size: 15px;padding-right: 0;}
  .cell{padding-bottom: 0;}
  .carousel-caption .cta-btn{font-size: 16px;}
  .cell{flex: 0 0 100%;text-align: center;padding: 0;}
  .content-title-block p span.result-box{display: inline-block;}
  body{padding-top: 30px;padding-bottom: 30px;}
  }
  @media (max-width: 425px){
    .carousel-caption img{position: absolute;width: 50px;left: -45px;top: -19px;}
    .content-block,.formula-block{padding: 0px;justify-content: center;}
  .textarea-block textarea{line-height: 30px;}
  .cover-image-wrap img{max-width: 100%;top: unset;left: 0;}
  .cover h1{font-size: 30px;}

  }
    @media (max-width: 374px){
      .carousel-caption {
    padding-bottom: 50px;
}

    }
.block-5 .cell{display: flex;justify-content: center;align-items: center;}
.block-5 .cell h3{padding: 15px;height: auto;font-size:  14px;border: 1px solid #fff;border-radius: 6px}