.brandFont
{
    font-family: 'Agency FB';
   font-size: 1.5em; 
   
}

.cardPrice {
    border:none;
    padding: 10px 50px;
  }

  .cardPrice::after {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .cardPrice:hover {


    transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    backface-visibility: hidden; 
    will-change: transform;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.75) !important;
  }

  .cardPrice:hover::after {
    opacity: 1;
  }

  .cardPrice:hover .btn-outline-primary{
    color:white;
    background:#007bff;
  }


  .gradBkgrnd-BlueRasp
{
background: #00B4DB !important;   /* fallback for old browsers */ 
background: -webkit-linear-gradient(to right, #0083B0, #00B4DB) !important;  /* Chrome 10-25, Safari 5.1-6 */ 
background: linear-gradient(to right, #0083B0, #00B4DB) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

.stepImage
{
  width:20rem;
  

}

.hero-small
{

  padding-bottom: 0px;;
}

.supportForm  label
{
  /*we need to bold all of the label*/
  font-weight: bold;
}

.bodyContentCenter
{

  padding:0rem 0rem 5rem 0rem;
}

/* Ripple effect */
.ripple {
  background-position: center;
  transition: background 0.6s;
}
.ripple:hover {
  background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
}
.ripple:active {
  background-color: #6eb9f7;
  background-size: 100%;
  transition: background 0s;
}

/*Pricing Table*/
/*based off https://ordinarycoders.com/blog/article/bootstrap-pricing-table-example */

.pricing-table-container{
  padding:50px 0px;
}
.description{
  padding:15px 0px;
}
.description a{
  padding:10px;
  font-size:13px;
  display:block;
  font-weight:bold;
  border-bottom:1px solid #DDD;
}
.description a.active{
  background-color:#FFF;
  padding-left:25px;
}
@charset "utf-8";
/* DEMO 01 */
.pricing-table-3{
  background-color:#FFF;
  margin:15px auto;
  box-shadow:0px 0px 25px rgba(0,0,0,0.1);
  /*max-width:300px;
  max-width:360px;*/
  border-radius:0px 10px 0px 10px;
  overflow:hidden;
  position:relative;
  min-height:250px;
  transition:all ease-in-out 0.25s;
}
.pricing-table-3:hover{
  transform:scale(1.1,1.1);
  cursor:pointer;
}

.pricing-table-3.basic .price{
  background-color:#28b6f6;
  color:#FFF;
}
.pricing-table-3.premium .price{
  background-color:#ff9f00;
  color:#FFF;
}
.pricing-table-3.business .price{
  background-color:#c3185c;
  color:#FFF;
}

.pricing-table-3 .pricing-table-header{
  background-color:#212121;
  color:#FFF;
  padding:20px 0px 0px 20px;
  position:absolute;
  z-index:5;
}
.pricing-table-3 .pricing-table-header p{
  font-size:12px;

  opacity:0.7;
}
.pricing-table-3 .pricing-table-header::before{
  content:"";
  position:absolute;
  left:-50px;
  right:-180px;
  height:125px;
  top:-50px;
  background-color:#212121;
  z-index:-1;
  transform:rotate(-20deg)
}

.pricing-table-3 .price{
  position:absolute;
  top:0px;
  text-align:right;
  padding:110px 20px 0px 0px;
  right:0px;
  left:0px;
  font-size:20px;
  z-index:4;
}
.pricing-table-3 .price::before{
  content:"";
  position:absolute;
  left:0px;
  right:0px;
  height:100px;
  bottom:-25px;
  background-color:inherit;
  transform:skewY(10deg);
  z-index:-1;
  box-shadow:0px 5px 0px 5px rgba(0,0,0,0.05);
}


.pricing-table-3 .pricing-body{
  padding:20px;
  padding-top:200px;  
}
.pricing-table-3 .pricing-table-ul li{
  color:rgba(0,0,0,0.7);
 /* font-size:13px; */
  font-size: .9rem;
  padding:10px;
  border-bottom:1px solid rgba(0,0,0,0.1);
}
.pricing-table-3 .pricing-table-ul .fa{
  margin-right:10px;
}
.pricing-table-3.basic .pricing-table-ul .fa{
  color:#28b6f6;
}
.pricing-table-3.premium .pricing-table-ul .fa{
  color:#ff9f00;
}
.pricing-table-3.business .pricing-table-ul .fa{
  color:#c3185c;
}
.pricing-table-3 .view-more{
  margin:10px 20px;
  display:block;
  text-align:center;
  background-color:#212121;
  padding:10px 0px;
  color:#FFF;
}

.pricingIcon
{
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 auto;
  margin-bottom: 1rem;
}



 /*Colors*/

 .gradBkgrnd-BlueRasp
 {
 background: #00B4DB !important;   /* fallback for old browsers */ 
 background: -webkit-linear-gradient(to right, #0083B0, #00B4DB) !important;  /* Chrome 10-25, Safari 5.1-6 */ 
 background: linear-gradient(to right, #0083B0, #00B4DB) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
 
 }
 .gradBkgrnd-BlueRaspLite
 {
 background: #00B4DB !important;   /* fallback for old browsers */ 
 background: -webkit-linear-gradient(to right, #0083B0, #00B4DB, 0.5) !important;  /* Chrome 10-25, Safari 5.1-6 */ 
 background: linear-gradient(to right, #0083B0, #00B4DB, 0.5) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
 
 }

 .opacityLite
 {
  opacity:0.2;
 }

 /*Orange Wizard Color*/
 .bkOrange
 {
  background-color: #ff9800;
   top: -4px;
   left: 0px;
   border-radius: 4px;
   color: #FFFFFF;
   cursor: pointer;
   font-weight: 500;
   box-shadow: 0 16px 26px -10px rgba(255, 152, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2);
 
 }
 
 .bkrColor-coolBlues
 {
 background: #2193b0;  /* fallback for old browsers */
 background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
 background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }
 
 .backGroundClr-RedGrad
 {
 background-color: #f44336 !important;
  box-shadow: 0 16px 26px -10px rgba(244, 67, 54, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2) !important;; 
 }
 

/*Pricing Table End*/
.landingPageBackgroundImage
{
  background-image: url("../images/pexels-daria-obymaha-1684149.jpg");
  
  
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #458231 !important;
  /*mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0)), linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
  mask-size: 100% 50%;
  mask-repeat: no-repeat;
  mask-position: left top, left bottom; */
  min-height: 300px;
  height:460px;
  
}


/*Badge   https://codepen.io/jonnitto/pen/xQYEGV*/
/* .badge {
  position: relative;
  letter-spacing: 0.08em;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: transform 0.3s ease;
  transform: rotate(-14deg);
  text-align: center;
  filter: drop-shadow(0.25em 0.7em 0.95em rgba(0, 0, 0, 0.8));
  min-size + (max-size - min-size) * ( (100vw - min-width) / ( max-width - min-width) );
  font-size: calc(11px + 14 * ( (100vw - 420px) / ( 860) ));
}
@media screen and (max-width: 420px) {
  .badge {
    font-size: 11px;
 }
}
@media screen and (min-width: 1280px) {
  .badge {
    font-size: 25px;
 }
}
.badge::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 6em;
  height: 6em;
  border-radius: 100%;
  background: #111;
  opacity: 0.8;
  transition: opacity 0.3s linear;
}
.badge:hover {
  color: #fff;
  text-decoration: none;
  transform: rotate(-10deg) scale(1.05);
}
.badge:hover::before {
  opacity: 0.9;
}
.badge svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 0;
  width: 6em;
  height: 6em;
}
.badge span {
  display: block;
  background: #111;
  border-radius: 0.4em;
  padding: 0.4em 1em;
  z-index: 1;
  min-width: 6em;
  border: 1px solid;
  text-transform: uppercase;
} */

/*Badge End*/

/* Price Slash  */
.style-1 del {
  color: rgba(255, 0, 0, 0.5);
  text-decoration: none;
  position: relative;
  font-size:1.4rem;
}
.style-1 del:before {
  content: " ";
  display: block;
  width: 100%;
  border-top: 2px solid rgba(255, 0, 0, 0.8);
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(-7deg);
}
.style-1 ins {
  color: green;
  /* font-size: 32px; */
  font-size: 1.9rem;
  text-decoration: none;
  /*padding: 1em 1em 1em 0.5em;*/
}

ol li
{
  margin-bottom:1rem;
}

/* Price Slash End */

/*spaced text */
.spacedText
{
  line-height: 1.9rem;
}

.leadInText
{
  font-size: 1.2rem;
}

.h2point5
{
  font-size: 3rem;
}

.rotateTextCounter10
{
  

    transform: rotate(-10deg);
}

/*ParsleyCsss*/
.tooltip-inner {
  background: red;
}

.bs-tooltip-top .arrow::before {
   border-top-color: red;
}

.parsley-errors-list {
  list-style: none;
  padding: 0;
  margin-top: 5px;
  color: red;
}

.parsley-form
{
  
}

/*List Steps*/
.olcards,
.olcards * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.olcards {
  list-style: none;
  counter-reset: cardCount;
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  --cardsGap: 1rem;
  gap: var(--cardsGap);
  padding-bottom: var(--cardsGap);
}
.olcards li {
  counter-increment: cardCount;
  display: flex;
  color: white;
  --labelOffset: 1rem;
  --arrowClipSize: 1.5rem;
  margin-top: var(--labelOffset);
}

.olcards li::before {
  content: counter(cardCount, decimal);
  background: white;
  color: var(--cardColor);
  font-size: 2em;
  font-weight: 700;
  transform: translateY(calc(-1 * var(--labelOffset)));
  margin-right: calc(-1 * var(--labelOffset));
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 0.5em;
}

.olcards li .content {
  background-color: var(--cardColor);
  --inlinePadding: 1em;
  --boxPadding: 0.5em;
  display: grid;
  padding: var(--boxPadding) calc(var(--inlinePadding) + var(--arrowClipSize))
    var(--boxPadding) calc(var(--inlinePadding) + var(--labelOffset));
  grid-template-areas:
    "icon title"
    "icon text";
  gap: 0.25em 1em;
  clip-path: polygon(
    0 0,
    calc(100% - var(--arrowClipSize)) 0,
    100% 50%,
    calc(100% - var(--arrowClipSize)) 100%,
    calc(100% - var(--arrowClipSize)) calc(100% + var(--cardsGap)),
    0 calc(100% + var(--cardsGap))
  );
  position: relative;
}
.olcards li .content::before {
  content: "";
  position: absolute;
  width: var(--labelOffset);
  height: var(--labelOffset);
  background: var(--cardColor);
  left: 0;
  bottom: 0;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  filter: brightness(0.75);
}
.olcards li .content::after {
  content: "";
  position: absolute;
  height: var(--cardsGap);
  width: var(--cardsGap);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.25), transparent 50%);
  left: 0;
  top: 100%;
}
.olcards li .icon {
  grid-area: icon;
  align-self: center;
  font-size: 2em;
}
.olcards li .content .title {
  grid-area: title;
  font-size: 1.25em;
  /* font-weight: 700; */
}
.olcards li .content .text {
  grid-area: text;
}


/*List Steps*/

/*instructionSteps*/
.instructionSteps
{

}

.instructionSteps {
 /* list-style: none;*/
 list-style-type: decimal inside;
  counter-reset: cardCount;
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  font-size: 1.0rem;
  padding-left: 0%;
  
  
}
.instructionSteps li
{
  border-bottom:1px solid  lightgray; 
  padding-left:1rem;
  padding-bottom:1rem;
  list-style: decimal inside;
  
  
}


.instructionSteps  li .content .title 
{
  grid-area: title;
  font-size: 1.5rem;
  
}

.colorRedGradient
{
  background: #200122;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #6f0000, #200122);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #6f0000, #200122); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-superGray
{
  
  background-color:  rgb(238, 238, 238);
}

/*ui gradients bloodred*/
.colorRedGradient2
{
  background: #f85032;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #e73827, #f85032);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #e73827, #f85032); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

/*ui gradient the strain*/
.colorRedGradient3
{
background: #870000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #190A05, #870000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #190A05, #870000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*FontWidthsSigma */
.f-w-1{width:.25rem!important}.f-w-2{width:.5rem!important}.f-w-3{width:.75rem!important}.f-w-4{width:1rem!important}.f-w-5{width:1.25rem!important}.f-w-6{width:1.5rem!important}.f-w-7{width:1.75rem!important}.f-w-8{width:2rem!important}.f-w-9{width:2.25rem!important}.f-w-10{width:2.5rem!important}.f-w-12{width:3rem!important}.f-w-14{width:3.5rem!important}.f-w-16{width:4rem!important}.f-w-20{width:5rem!important}.f-w-24{width:6rem!important}.f-w-28{width:7rem!important}.f-w-30{width:7.25rem!important}.f-w-32{width:8rem!important}.f-w-36{width:9rem!important}.f-w-40{width:10rem!important}.f-w-44{width:11rem!important}.f-w-48{width:12rem!important}.f-w-52{width:15rem!important}.f-w-56{width:18rem!important}.f-w-60{width:21rem!important}.f-w-64{width:24rem!important}.f-w-68{width:27rem!important}.f-w-72{width:30rem!important}.f-w-76{width:33rem!important}.f-w-80{width:36rem!important}.f-w-84{width:40rem!important}.f-w-88{width:44rem!important}.f-w-92{width:50rem!important}.f-w-96{width:56rem!important}.f-w-100{width:60rem!important}.f-w-0{width:0!important}.f-h-1{height:.25rem!important}.f-h-2{height:.5rem!important}.f-h-3{height:.75rem!important}.f-h-4{height:1rem!important}.f-h-5{height:1.25rem!important}.f-h-6{height:1.5rem!important}.f-h-7{height:1.75rem!important}.f-h-8{height:2rem!important}.f-h-9{height:2.25rem!important}.f-h-10{height:2.5rem!important}.f-h-12{height:3rem!important}.f-h-14{height:3.5rem!important}.f-h-16{height:4rem!important}.f-h-20{height:5rem!important}.f-h-24{height:6rem!important}.f-h-28{height:7rem!important}.f-h-30{height:7.25rem!important}.f-h-32{height:8rem!important}.f-h-36{height:9rem!important}.f-h-40{height:10rem!important}.f-h-44{height:11rem!important}.f-h-48{height:12rem!important}.f-h-52{height:15rem!important}.f-h-56{height:18rem!important}.f-h-60{height:21rem!important}.f-h-64{height:24rem!important}.f-h-68{height:27rem!important}.f-h-72{height:30rem!important}.f-h-76{height:33rem!important}.f-h-80{height:36rem!important}.f-h-84{height:40rem!important}.f-h-88{height:44rem!important}.f-h-92{height:50rem!important}.f-h-96{height:56rem!important}.f-h-100{height:60rem!important}.f-h-0{height:0!important}

/*FontSigma*/
.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.4rem + 1.8vw)!important}.fs-2{font-size:calc(1.345rem + 1.14vw)!important}.fs-3{font-size:calc(1.3175rem + .81vw)!important}.fs-4{font-size:calc(1.29rem + .48vw)!important}.fs-5{font-size:calc(1.2625rem + .15vw)!important}.fs-6{font-size:1.1rem!important}.fs-7{font-size:90%!important}.fs-8{font-size:80%!important}.fs-9{font-size:.8125rem!important}.fs-xs{font-size:.6875rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:600!important}.fw-black{font-weight:800!important}.fw-medium{font-weight:500!important}
/*sigma*/
.ri-checkbox-circle-fill:before{content:""};
.ri-lg{font-size:1.3333em;line-height:.75em;vertical-align:-.0667em};

/*Sigma */
.z-index-n1{z-index:-1!important}.z-index-0{z-index:0!important}.z-index-1{z-index:1!important}.z-index-10{z-index:10!important}.z-index-20{z-index:20!important}
.z-index-30{z-index:30!important}
.z-index-40{z-index:40!important}.z-index-50{z-index:50!important}

/*Sigma*/
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}

/*Sigma*/
.end-0{right:0!important}.end-1{right:1%!important}.end-n1{right:-1%!important}.end-2{right:2%!important}.end-n2{right:-2%!important}.end-3{right:3%!important}.end-n3{right:-3%!important}.end-4{right:4%!important}.end-5{right:5%!important}.end-n5{right:-5%!important}.end-7{right:7%!important}.end-8{right:8%!important}.end-9{right:9%!important}.end-10{right:10%!important}.end-n10{right:-10%!important}.end-11{right:11%!important}.end-12{right:12%!important}.end-n13{right:-13%!important}.end-13{right:13%!important}.end-14{right:14%!important}.end-15{right:15%!important}.end-17{right:17%!important}.end-20{right:20%!important}.end-25{right:25%!important}.end-n25{right:-25%!important}.end-30{right:30%!important}.end-35{right:35%!important}.end-40{right:40%!important}.end-45{right:45%!important}.end-50{right:50%!important}.end-n50{right:-50%!important}.end-75{right:75%!important}.end-n75{right:-75%!important}.end-90{right:90%!important}.end-100{right:100%!important}
/*Sigma*/
.align-items-center{align-items:center!important}
/*Sigma*/
.opacity-0,.opacity-0-hover:hover{opacity:0!important}.opacity-5,.opacity-5-hover:hover{opacity:.05!important}.opacity-10,.opacity-10-hover:hover{opacity:.1!important}.opacity-25,.opacity-25-hover:hover{opacity:.25!important}.opacity-50,.opacity-50-hover:hover{opacity:.5!important}.opacity-75,.opacity-75-hover:hover{opacity:.75!important}.opacity-90,.opacity-90-hover:hover{opacity:.9!important}.opacity-100,.opacity-100-hover:hover{opacity:1!important}
/*Sigma*/
.top-0{top:0!important}.top-1{top:1%!important}.top-n1{top:-1%!important}.top-2{top:2%!important}.top-n2{top:-2%!important}.top-3{top:3%!important}.top-n3{top:-3%!important}.top-4{top:4%!important}.top-5{top:5%!important}.top-n5{top:-5%!important}.top-7{top:7%!important}.top-8{top:8%!important}.top-9{top:9%!important}.top-10{top:10%!important}.top-n10{top:-10%!important}.top-11{top:11%!important}.top-12{top:12%!important}.top-n13{top:-13%!important}.top-13{top:13%!important}.top-14{top:14%!important}.top-15{top:15%!important}.top-17{top:17%!important}.top-20{top:20%!important}.top-25{top:25%!important}.top-n25{top:-25%!important}.top-30{top:30%!important}.top-35{top:35%!important}.top-40{top:40%!important}.top-45{top:45%!important}.top-50{top:50%!important}.top-n50{top:-50%!important}.top-75{top:75%!important}.top-n75{top:-75%!important}.top-90{top:90%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-1{bottom:1%!important}.bottom-n1{bottom:-1%!important}.bottom-2{bottom:2%!important}.bottom-n2{bottom:-2%!important}.bottom-3{bottom:3%!important}.bottom-n3{bottom:-3%!important}.bottom-4{bottom:4%!important}.bottom-5{bottom:5%!important}.bottom-n5{bottom:-5%!important}.bottom-7{bottom:7%!important}.bottom-8{bottom:8%!important}.bottom-9{bottom:9%!important}.bottom-10{bottom:10%!important}.bottom-n10{bottom:-10%!important}.bottom-11{bottom:11%!important}.bottom-12{bottom:12%!important}.bottom-n13{bottom:-13%!important}.bottom-13{bottom:13%!important}.bottom-14{bottom:14%!important}.bottom-15{bottom:15%!important}.bottom-17{bottom:17%!important}.bottom-20{bottom:20%!important}.bottom-25{bottom:25%!important}.bottom-n25{bottom:-25%!important}.bottom-30{bottom:30%!important}.bottom-35{bottom:35%!important}.bottom-40{bottom:40%!important}.bottom-45{bottom:45%!important}.bottom-50{bottom:50%!important}.bottom-n50{bottom:-50%!important}.bottom-75{bottom:75%!important}.bottom-n75{bottom:-75%!important}.bottom-90{bottom:90%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-1{left:1%!important}.start-n1{left:-1%!important}.start-2{left:2%!important}.start-n2{left:-2%!important}.start-3{left:3%!important}.start-n3{left:-3%!important}.start-4{left:4%!important}.start-5{left:5%!important}.start-n5{left:-5%!important}.start-7{left:7%!important}.start-8{left:8%!important}.start-9{left:9%!important}.start-10{left:10%!important}.start-n10{left:-10%!important}.start-11{left:11%!important}.start-12{left:12%!important}.start-n13{left:-13%!important}.start-13{left:13%!important}.start-14{left:14%!important}.start-15{left:15%!important}.start-17{left:17%!important}.start-20{left:20%!important}.start-25{left:25%!important}.start-n25{left:-25%!important}.start-30{left:30%!important}.start-35{left:35%!important}.start-40{left:40%!important}.start-45{left:45%!important}.start-50{left:50%!important}.start-n50{left:-50%!important}.start-75{left:75%!important}.start-n75{left:-75%!important}
.start-90{left:90%!important}.start-100{left:100%!important}


.h2-5 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 300;
  /*line-height: 1.2; changeBelow*/
  line-height: 1.2;
  color: inherit;
  font-size:2.5rem;
}

/*blur*/
.blurText
{
color: transparent;
text-shadow: 0 0 8px #000;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.noTextSelect
{

  -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

/*Other */

.bgPowerSection
{
  background-color:#0f172a;
}

.bgMidnightBlue
{
    background-color:#0f172a;

}

.bg-red {
  background-color: #F44336 !important;
  color: #fff; }
  .bg-red .content .text,
  .bg-red .content .number {
    color: #fff !important; }

.bg-pink {
  background-color: #E91E63 !important;
  color: #fff; }
  .bg-pink .content .text,
  .bg-pink .content .number {
    color: #fff !important; }

.bg-purple {
  background-color: #9C27B0 !important;
  color: #fff; }
  .bg-purple .content .text,
  .bg-purple .content .number {
    color: #fff !important; }

.bg-deep-purple {
  background-color: #673AB7 !important;
  color: #fff; }
  .bg-deep-purple .content .text,
  .bg-deep-purple .content .number {
    color: #fff !important; }

.bg-indigo {
  background-color: #3F51B5 !important;
  color: #fff; }
  .bg-indigo .content .text,
  .bg-indigo .content .number {
    color: #fff !important; }

.bg-blue {
  background-color: #2196F3 !important;
  color: #fff; }
  .bg-blue .content .text,
  .bg-blue .content .number {
    color: #fff !important; }

.bg-light-blue {
  background-color: #03A9F4 !important;
  color: #fff; }
  .bg-light-blue .content .text,
  .bg-light-blue .content .number {
    color: #fff !important; }

.bg-cyan {
  background-color: #00BCD4 !important;
  color: #fff; }
  .bg-cyan .content .text,
  .bg-cyan .content .number {
    color: #fff !important; }

.bg-teal {
  background-color: #009688 !important;
  color: #fff; }
  .bg-teal .content .text,
  .bg-teal .content .number {
    color: #fff !important; }

.bg-green {
  background-color: #4CAF50 !important;
  color: #fff; }
  .bg-green .content .text,
  .bg-green .content .number {
    color: #fff !important; }

.bg-light-green {
  background-color: #8BC34A !important;
  color: #fff; }
  .bg-light-green .content .text,
  .bg-light-green .content .number {
    color: #fff !important; }

.bg-lime {
  background-color: #CDDC39 !important;
  color: #fff; }
  .bg-lime .content .text,
  .bg-lime .content .number {
    color: #fff !important; }

.bg-yellow {
  background-color: #ffe821 !important;
  color: #fff; }
  .bg-yellow .content .text,
  .bg-yellow .content .number {
    color: #fff !important; }

.bg-amber {
  background-color: #FFC107 !important;
  color: #fff; }
  .bg-amber .content .text,
  .bg-amber .content .number {
    color: #fff !important; }

.bg-orange {
  background-color: #FF9800 !important;
  color: #fff; }
  .bg-orange .content .text,
  .bg-orange .content .number {
    color: #fff !important; }

.bg-deep-orange {
  background-color: #FF5722 !important;
  color: #fff; }
  .bg-deep-orange .content .text,
  .bg-deep-orange .content .number {
    color: #fff !important; }

.bg-brown {
  background-color: #795548 !important;
  color: #fff; }
  .bg-brown .content .text,
  .bg-brown .content .number {
    color: #fff !important; }

.bg-grey {
  background-color: #9E9E9E !important;
  color: #fff; }
  .bg-grey .content .text,
  .bg-grey .content .number {
    color: #fff !important; }

.bg-blue-grey {
  background-color: #607D8B !important;
  color: #fff; }
  .bg-blue-grey .content .text,
  .bg-blue-grey .content .number {
    color: #fff !important; }

.bg-black {
  background-color: #000000 !important;
  color: #fff; }
  .bg-black .content .text,
  .bg-black .content .number {
    color: #fff !important; }

.bg-white {
  background-color: #ffffff !important;
   }
  .bg-white .content .text,
  .bg-white .content .number {
    color: #fff !important; }


    .dashboard-stat-list {
      list-style: none;
      padding-left: 0;
      margin-top: 40px; }
      .dashboard-stat-list li {
        padding: 16px 0 0 0; }
        .dashboard-stat-list li small {
          font-size: 8px; } 

  /* Card ======================================== */
.card2 {
  background: #fff;
  min-height: 50px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .card2 .card-inside-title {
    margin-top: 25px;
    margin-bottom: 15px;
    display: block;
    font-size: 15px;
    color: #000; }
    .card2 .card-inside-title small {
      color: #999;
      display: block;
      font-size: 11px;
      margin-top: 5px; }
      .card2 .card-inside-title small a {
        color: #777;
        font-weight: bold; }
  .card2 .card-inside-title:first-child {
    margin-top: 0; } 
    
    .card2 label
    {
      font-size: 14px;
    }
    .card2 .header {
      color: #555;
      padding: 10px 20px;
      position: relative;
      border-bottom: 1px solid rgba(204, 204, 204, 0.35); }
      .card2 .header .header-dropdown {
        position: absolute;
        top: 20px;
        right: 15px;
        list-style: none; }
        .card2 .header .header-dropdown .dropdown-menu li {
          display: block !important; }
        .card2 .header .header-dropdown li {
          display: inline-block; }
        .card2 .header .header-dropdown i {
          font-size: 20px;
          color: #999;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
          .card2 .header .header-dropdown i:hover {
            color: #000; }
      .card2 .header h2 {
        margin: 0;
        font-size: 18px;
        font-weight: normal;
        color: #111; }
        .card2 .header h2 small {
          display: block;
          font-size: 12px;
          margin-top: 5px;
          color: #999;
          line-height: 15px; }
          .card2 .header h2 small a {
            font-weight: bold;
            color: #777; }
      .card2 .header .col-xs-12 h2 {
        margin-top: 5px; }
    .card2 .body {
      font-size: 14px;
      color: #555;
      padding: 20px; }


    /*Modal Success*/  
    .modal-confirm {		
      color: #636363;
      width: 325px;
      font-size: 14px;
    }
    .modal-confirm .modal-content {
      padding: 20px;
      border-radius: 5px;
      border: none;
    }
    .modal-confirm .modal-header {
      border-bottom: none;   
      position: relative;
    }
    .modal-confirm h4 {
      text-align: center;
      font-size: 26px;
      margin: 30px 0 -15px;
    }
    .modal-confirm .form-control, .modal-confirm .btn {
      min-height: 40px;
      border-radius: 3px; 
    }
    .modal-confirm .close {
      position: absolute;
      top: -5px;
      right: -5px;
    }	
    .modal-confirm .modal-footer {
      border: none;
      text-align: center;
      border-radius: 5px;
      font-size: 13px;
    }	
    .modal-confirm .icon-box {
      color: #fff;		
      position: absolute;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: -70px;
      width: 95px;
      height: 95px;
      border-radius: 50%;
      z-index: 9;
      background: #82ce34;
      padding: 15px;
      text-align: center;
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }
    .modal-confirm .icon-box i {
      font-size: 30px;
      position: relative;
      top: 3px;
    }
    .modal-confirm.modal-dialog {
      margin-top: 80px;
    }
    .modal-confirm .btn {
      color: #fff;
      border-radius: 4px;
      background: #82ce34;
      text-decoration: none;
      transition: all 0.4s;
      line-height: normal;
      border: none;
    }
    .modal-confirm .btn:hover, .modal-confirm .btn:focus {
      background: #6fb32b;
      outline: none;
    }
      
    /*from https://mdbootstrap.com/previews/free-templates/saas/css/mdb.min.css */
     .mask{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;width:100%;height:100%;background-attachment:fixed}.view img,.view video{position:relative;display:block}.view video.video-intro{z-index:-100;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:1s opacity;-o-transition:1s opacity;transition:1s opacity;min-width:100%;min-height:100%;width:auto;height:auto}.overlay .mask{opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.overlay .mask:hover{opacity:1} 

     .rgba-blue-light,.rgba-blue-light:after{background-color:rgba(33,150,243,.3)}.rgba-blue-strong,.rgba-blue-strong:after{background-color:rgba(33,150,243,.7)}

     /*from https://shreethemes.in/appgen/layouts/css/style.min.css */
     /*https://shreethemes.in/appgen/layouts/index-four.html */
     .app-home-wrapper:before{content:"";position:absolute;bottom:55rem;right:8rem;width:90rem;height:35rem;transform:rotate(70deg);background:linear-gradient(90deg, rgba(6, 102, 219, 0.5), transparent);z-index:-1}
     .app-dash{background:linear-gradient(45deg, rgba(6, 102, 219, 0.2), rgba(155, 40, 123, 0.2))}
     .app-dash-2{background:linear-gradient(0deg, rgba(249, 250, 252, 0.1), rgba(6, 102, 219, 0.3))}
     .bg-home{height:100vh;background-size:cover;align-self:center;position:relative;background-position:center center}
     .bg-overlay{background-color:rgba(60,72,88,.7);position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%}
     .bg-overlay-primary{background-color:rgba(6,102,219,.65)}
     .app-home-wrapper:before{content:"";position:absolute;bottom:55rem;right:8rem;width:90rem;height:35rem;transform:rotate(70deg);background:linear-gradient(90deg, rgba(6, 102, 219, 0.5), transparent);z-index:-1}
     
     .backgroundWithImage
     {
      background-image: linear-gradient(0, rgba(6,102,219,.65), rgba(6,102,219,.65)), url('../images/img/bg2.png');
   }

  .backgroundWithImage2
   {
    background-image: linear-gradient(0, rgba(240, 245, 250, 0.65), rgba(226, 229, 233, 0.65)), url('../images/img/bg2.png');
   
   }
     
     
     .curve {
      
      position: relative;
      overflow: hidden;
      
     /*  padding: 3rem 2rem; */
      width: 100%;
      z-index: 2;
      /* border: 1px solid rgb(26, 24, 24); */
      /*background:red;*/
     
    }
    .curve::before {
        content: '';
        display: block;
       /* background: radial-gradient(ellipse at center, rgba(0,0,0,.1) 25%,rgba(0,0,0,1) 100%);*/
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

       background: radial-gradient(ellipse at center, rgba(230,230,230,1) 25%,rgba(0,0,0,1) 100%);
      

        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        border-radius: 150vw;
        width: 300vw;
        height:300vw;
        z-index: -1;

       
       
      }

      .curveWrapper {
      
       
        overflow: hidden;
        
       /*  padding: 3rem 2rem; */
        width: 100%;
        z-index: 2;
        /* border: 1px solid rgb(26, 24, 24); */  
      }

      .curve2
      {
        position: relative;
      overflow: hidden;
      
     /*  padding: 3rem 2rem; */
      width: 100%;
      z-index: 2;
      }
      
      .curve2::before {
        content: '';
        display: block;
       /* background: radial-gradient(ellipse at center, rgba(0,0,0,.1) 25%,rgba(0,0,0,1) 100%);*/
       background-image: linear-gradient(0, rgba(6,102,219,.65), rgba(6,102,219,.65)), url('../images/img/bg2.png');
  

        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        border-radius: 150vw;
        width: 300vw;
        height:300vw;
        z-index: -1;

       
       
      }

      /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 2rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 28rem;
  background-color: transparent;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 28rem;
  display:none;
}

/* 
.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid black;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: rgb(37, 4, 4);
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: rgb(37, 4, 4);
} */

.carousel-control-next,
.carousel-control-prev,
.carousel-indicators
/*, .carousel-indicators */ {
    filter: invert(100%);
}


    /*   https://getwaves.io/ */
      .wavesBackground
      { padding:12.5rem 0; background:url(../images/img/wavesBg.svg) no-repeat;background-size:cover;background-position:bottom left}
      
    .roundedMore
    {
      border-radius: 1em;
    }   
    
    /*Note css*/
    ul.notes li {
      margin: 10px 40px 50px 0px;
      float: left;
    }
    
    ul.notes li, ul.tag-list li {
      list-style: none;
    }
    
    ul.notes li div small {
      position: absolute;
      top: 5px;
      right: 5px;
      font-size: 10px;
    }
    
    div.rotate-1 {
      -webkit-transform: rotate(-6deg);
      -o-transform: rotate(-6deg);
      -moz-transform: rotate(-6deg);
      transform:rotate(-6deg);
    }
    
    div.rotate-2 {
      transform:rotate(4deg);
      -o-transform: rotate(4deg);
      -webkit-transform: rotate(4deg);
      -moz-transform: rotate(4deg);
      position: relative;
      top: 5px;
    }
    
    .lazur-bg {
      background-color: #23c6c8;
      color: #ffffff;
    }
    
    .red-bg {
      background-color: #ed5565;
      color: #ffffff;
    }
    
    .navy-bg {
      background-color: #1ab394;
      color: #ffffff;
    }
    
    .yellow-bg {
      background-color: #f8ac59;
      color: #ffffff;
    }
    
    ul.notes li div {
      text-decoration: none;
      color: #000;
      display: block;
      height: 210px;
      width: 210px;
      padding: 1em;
      -moz-box-shadow: 5px 5px 7px #212121;
      -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
      box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
      -moz-transition: -moz-transform 0.15s linear;
      -o-transition: -o-transform 0.15s linear;
      -webkit-transition: -webkit-transform 0.15s linear;
      transition:0.15s linear;
    }

    .textDarkBlue
    {
      color:rgb(11, 11, 82);
    }

    .bgBlueBlack
    {
     background-color:  #0f172a;
    }

    .bgBlueBlackToBlueGradient
{
    background:linear-gradient(180deg,  #0f172a 20%, rgba(0, 105, 217, 1)) !important;
    border-top: 0px;
}
    

    .Roboto
  {
    font-family: 'Roboto', 'Courier New', Courier, monospace;
  }

  .bg-darkBlueOverlay
{
    background-color: #1e234e;
    
}


    /*Note css end*/

    .hideColumn
    {
      visibility: collapse;
      display:none;

    }


    /*card effect*/
    /*https://codepen.io/bobbyahines/pen/RaYNqP*/
    .card-effect {
      background: #fdf7ef;
      box-shadow: 6px 6px 5px gray;
      width: 490px;
      height: 300px;
      padding: 5px;
    }
    .card-title {
      height: 60px;
      width: 100%;
      position: relative;
    }
    .card-row {
      height: 30px;
      width: 100%;
      position: relative;
    }
    .redline {
      width: 100%;
      background-color: red;
      height: 2px;
    }
    .blueline {
      width: 100%;
      background-color: steelblue;
      height: 1px;
    }
    .text-title-card {
      font-family: cursive;
      font-size: 2em;
      bottom: 0;
      position: absolute;
      font-weight: bold;
    }
    .text-card {
      font-family:  cursive;
      font-size: 1em;
      bottom: 0;
      position: absolute;
    }

    .handWritten
    {
      font-family: 'Reenie Beanie';
      font-size:1.6em;
    }

    /*card effect end*/

    /*sizes*/
    /* CUSTOM WIDTHS */
.w-10, .w-xs-10 { width: 10%!important; }
.w-15, .w-xs-15 { width: 15%!important; }
.w-20, .w-xs-20 { width: 20%!important; }

/* BREAKPOINTS */

/* SM breakpoint */
@media (min-width: 576px) {
    /* CUSTOM WIDTHS */
    .w-sm-10 { width: 10%!important; }
    .w-sm-15 { width: 15%!important; }
    .w-sm-20 { width: 20%!important; }
}

/* MD breakpoint*/
@media (min-width: 768px) {
    /* CUSTOM WIDTHS */
    .w-md-10 { width: 10%!important; }
    .w-md-15 { width: 15%!important; }
    .w-md-20 { width: 20%!important; }
    .w-md-50 { width: 50%!important; }
    .w-md-75 { width: 75%!important; }
}

/* LG breakpoint */
@media (min-width: 992px) {
    /* CUSTOM WIDTHS */
    .w-lg-10 { width: 10%!important; }
    .w-lg-15 { width: 15%!important; }
    .w-lg-20 { width: 20%!important; }
    .w-lg-50 { width: 50%!important; }
    .w-lg-60 { width: 60%!important; }
    .w-lg-75 { width: 75%!important; }
}
    /*sizes end*/

    /*Text and Fonts*/
    .roboto
    {
      font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
       "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    }

    .textInputPrompt
    {
      border:1px #929292 solid;
      
    }

    .textInputPrompt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: rgb(119, 119, 119);
      opacity: 1; /* Firefox */
    }
    
    .textInputPrompt:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: rgb(119, 119, 119);
    }
    
    .textInputPrompt::-ms-input-placeholder { /* Microsoft Edge */
      color: rgb(119, 119, 119);
    }

    .signUpButtonClass
    {
      
    }
    /*
Timer Classes

    */
    .timerPlace
{
  border-radius: 2px;
  border:1px #eeeeee solid;
  min-height: 28px;
  padding-bottom: 1px;
  min-width: 32px;
  margin-right: 4px;
  text-align: center;
}
.timerNumberContainer
{
  
  
}

.timeSectionPart
{
  font-size: 10px;
  padding-top: 0px;
  
}
/* Timer Classes End */

li.nav-item a.active 
{
  color:#84beee !important;
}

.footer-heading + ul > li > a
{
  color: #CCDBEB;
}