:root {
  --active-nav: rgb(59, 176, 255);
  --input-color: #000000;
  --active-input-color: #4baeff;
  --gblue: #3367d6;
  --gblue-darker: #1c4296;
  --radio-before: #91d3ff;
  --radio-border: #55adff;
  --radio-background: #d6f0ff;
  --radio-border-before: #b4ddff;
  --blueish: #00a2ff ;
  --blueish2: #0b9ed0;
  --blackish: #3E4348;
  --reddish: #f74f78;
  --greenish:  #64ccc3;
  --greenish-daker:  #54ada6;
  --ink: #303c79;
  --cpgreen: #f5fcff;
  --cpblue: #f5fdff;
  --cp2: #ffffff;
  --giftgreen: #16b125;
  --crystalblue: #60c5ff;
  --verylightblue: #f9feffd8;
  --subtleblack: #bdbfc1;
  --subtleblackstrong: #7c8891;
  --subtlebluestrong: #4f6c81;
  --purpleblue: #5d5cde;
  --panel-frame: rgb(243, 250, 255);
  --tooltip-standard:  rgba(0, 81, 255, 0.8); 
  --tooltip-standard-undo: rgba(0, 81, 255, 0.8); 
  --tooltip-red: rgba(240, 20, 20, 0.9);
  --tooltip-lightblue: #7330DF;
  --blue-highlight: #b3ffff;
  --yellow-highlight: rgb(255, 255, 168);
  /* --pgPercentage: 0; */
  
}

.tooltip.show {
  opacity: 1;
}

p {
  font-size: 1.0rem;
}

li{
  font-size: 1.0rem;
}


h3{
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  margin-top: 20px !important;
}


h4{
  font-size: 1.0rem !important;
  font-weight: 600 !important;
  margin-top: 10px !important;
}

.tooltip-inner {
  background-color: var(--purpleblue);
  font-weight: 400 !important;
  font-family:  Arial, san-serif;
  font-size: 0.8rem !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #ffffff !important;
  -moz-transform: translateX(0);   -ms-transform: translateX(0);   -o-transform: translateX(0);   -webkit-transform: translateX(0);   transform: translateX(0);
  text-align: left;
  line-height: 120%;
  width: 350px;
  /* white-space: pre-line; */


}

.tooltip.top ip-arrow {
  border-top-color: var(--purpleblue); 
  font-weight: 600 !important;
  opacity: 1.0 !important;
  color: #fafff1 !important;
  -moz-transform: translateX(0);   -ms-transform: translateX(0);   -o-transform: translateX(0);   -webkit-transform: translateX(0);   transform: translateX(0);
}



.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: var(--purpleblue); 
  font-weight: 600 !important;
  opacity: 1.0 !important;
  color: #fafff1 !important;
  -moz-transform: translateX(0);   -ms-transform: translateX(0);   -o-transform: translateX(0);   -webkit-transform: translateX(0);   transform: translateX(0);
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: var(--purpleblue); 
}

.tooltip {
  transition: opacity 0.2s !important;
  width: 150px !important;
  z-index: 5000 !important;
  background:transparent;
  border-radius: 10px;
  margin-bottom: 15px;
}

.w-50vw
{
  width: 50vw;
}

.w-60vw
{
  width: 60vw;
}

.w-70vw
{
  width: 70vw;
}

.w-80vw
{
  width: 80vw;
}

.w-90vw
{
  width: 90vw;
}

.w-40
{
  width: 40%;
}

.w-30
{
  width: 30%;
}

.w-80
{
  width: 80%;
}

.w-90
{
  width: 90%;
}

.fnt-blackish{
  color: var(--blackish);
}

.fnt-white{
  color: white;
}

.bg-tomato{
  background: tomato;
}

.bg-reddish{
  background: var(--reddish);
}

.bg-blueish{
  background: var(--blueish);
}

.smallprint {
  color: var(--blackish);
  /* color: #212E44; */
  font-size: 0.9rem;
  font-family: 'Poppins', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 120%;
}

.is-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cursor-pointer{
  cursor: pointer;
}




.navbar-e{
  opacity: 1.0 !important;
}

#navi-new{
  height: 70px; background: white; opacity: 0.95 !important;
}

.m-100{
  margin-top: 100px;
}

.brand-image{
  width: 100%; transform: translate3d(-180px,-15px,0);
}

article > ul{
  display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
text-align: left;
}



  
.headline-simple{
  color: #3E4348;
  color: #212E44;
  color: #3E4348;
  font-size: 2.6rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  line-height: 120%;
  color: var(--gblue-darker)
}


.subheadline-simple {
  color: #3E4348;
  font-size: 1.6rem !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;;
  line-height: 150%;
  color: #262627;
  color: #3E4348;
  color: var(--gblue-darker)
}



.text-simple {
  color: #3E4348;
  font-size: 1.0rem !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;;
  line-height: 150%;
  color: #262627;
  color: #3E4348;
}

.contact-box{
  /* border: 1px solid lightgrey; */
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  /* padding: 20px; */
  /* padding-left: 20px; */
  padding-right: 70px
}

.btn-cp-small
{
  background: rgb(255, 225, 93);
  background: #217cd1;
  border: 1px solid #b0caeb;
  color: rgb(255, 255, 255);
  /* border: none !important; */
  font-weight: 400 !important;
  font-size: 1.2rem;
  height: 60px !important;
  border-radius: 200px;
  
  outline: none !important;
  width: 200px;
  font-family: "Segoe UI", sans-serif;
  
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


@media (max-width: 767px) {
  .text-sm-small  {
    font-size: 0.9rem !important;
    
  }

  .headline-simple{
  font-size: 2.4rem;
  }

}