/* Add here all your CSS customizations */
.custom-product-image-pos-2 {
  position: absolute;
  top: -80px;
  left: 61vw;
  width: auto;
  height: 170%;
  z-index: 2;
}



.custom-product-image-pos-2._litle-small {
  top: -65px;
  left: 67vw;
  z-index: 1;
  height: 155%;
}
.custom-product-image-pos-2 {
  position: absolute;
  top: -80px;
  left: 61vw;
  width: auto;
  height: 170%;
  z-index: 2;
}


.custom-product-image-pos-cnc1 {
  position: absolute;
  width: auto;
  /*height: 170%;*/
  z-index: 2;
}


.priceplan-link-cnc{
  font-weight: 600 !important;

}

.priceplan-smallText{
  font-size:  9px !important;
}

.color_override_cnc{
  color:  #414141 !important;
}


/*   Not Working 
/*@media screen and (min-width: 0px) and (max-width: 400px) {
 
  .cnc-mobile-show
    {
      display: block;
    }
    .cnc-desktop-show
    {
      display: none;
    }
}


@media screen and (min-width: 401px) and (max-width: 1024px) {
	.cnc-mobile-show
    {
      display: none;
    }
    .cnc-desktop-show
    {
      display: block;
    }


} */


.px-cnc6 {
  padding-left: 3.5rem !important;
}
.px-cnc6 {
  padding-right: 3.5rem !important;
}

.px-cnc7 {
  padding-left: 4rem !important;
}
.px-cnc7 {
  padding-right: 4rem !important;
}

.cnc-Blog-Hide{
  display: none !important;
  visibility: hidden !important;
}

.text-color-secondary-cnc1{
  color:  #389BD6 !important;
  /*text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);*/

}


.text-shadow-cnc1{
  text-shadow: 2px 8px 6px rgba(0,0,0,0.15), 0px -5px 35px rgba(255,255,255,0.3);
}

.text-shadow-cnc2{
  text-shadow: 2px 8px 6px rgba(0,0,0,0.3), 0px -5px 35px rgba(255,255,255,0.3);
}


.cnc-text-justify{
  text-align: justify !important;
  text-justify: inter-word !important;
}


/* it will work only on small screens */
@media only screen and (max-width: 770px ) {
/*@media screen and (max-width: 770px ) {*/
  .cnc-left-margin {
    margin-left: 0px !important;
  }

  .cnc-top-margin {
    margin-top: 1rem !important;
  }
}


/* it will work by default */
/*.cnc-left-margin {
    margin-left: 1rem !important;
}

.cnc-top-margin {
    margin-top: 0rem !important;
}*/





.highlight-primary {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #30C57A 0);
}


.highlight-cnc-primary {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #e8465f 0);
}

/*.highlight-cnc-secondary {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #2FBCEE 0);
}*/


.highlight {
 position:relative;
 background-image:linear-gradient(90deg,rgba(255,255,255,0) 50%,#CCC 0);
 background-size:200%;
 background-position:0;
 padding-right:8px;
 padding-right:.5rem;
 padding-left:8px;
 padding-left:.5rem;
 transition:background-position 1.2s
}
/*.highlight.highlight-bg-opacity {
 background-image:linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(204,204,204,0.2) 0)
}*/

.highlight.highlight-bg-opacity {
 background-image:linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(232,70,95,1) 0)
}


.highlight.highlight-bg-opacity-secondary {
 background-image:linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(47,188,238,0.8) 0)
}


.highlight.highlight-change-text-color {
 color:#fff
}
.highlight.highlight-animated.highlight-animated-start {
 background-position:-100%
}

.cnc-text-10 {
  font-size: 2.75em !important;
}


.textStrike {
  text-decoration: line-through;
  color: #C3C3C3 !important;
  font-size: 75%;
  padding-top: 3%;
}


.hide{
  /*display: none !important;*/
  visibility: hidden;
}


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