@charset "utf-8";
/* CSS Document */

.introWrapper {
  background-image: url("/cisiweb2/image/qualifications/pr3.jpg");
  background-position: right bottom;
}

.moduleswrapper {
  background: url("/cisiweb2/image/qualifications/pr2.jpg") repeat fixed 0 0 /
    cover rgba(0, 0, 0, 0);
  padding: 60px 0;
}
.modules {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
  padding: 10px 50px 50px;
  margin: 80px 0px;
}

.modules h3 {
  margin-top: 0px !important;
  line-height: 45px !important;
}
.prProduct {
  max-width: 300px !important;
  margin-top: 50px;
}
.addToBasket.btn {
  background: #5ec017 none repeat scroll 0 0;
  margin-bottom: 20px;
  margin-top: 10px;
  font-weight: 500;
  padding: 10px 20px;
  border: 0px;
}
.addToBasket.btn:hover {
  background: #50af0c none repeat scroll 0 0;
}
.mainWrapper .container_wrapper.greyWrapper {
  margin-bottom: -80px !important;
}

.row.rowBen {
  margin-bottom: 50px;
}

.mod {
  color: black;
}
.mod :hover {
  color: #239393;
}

/*Pricing Table */

.column {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 80%;
  position: relative;
  display: inline-block;
  text-align: center;
  color: rgba(255, 255, 255, 0.87);
}

.ui.fluid.card.yearly-payment {
  height: 437px;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
  width: 100%;
}

.headerPrice {
  padding: 24px 0;
  border: none;
  color: rgb(255, 255, 255);
  font-size: 19px;
  line-height: 26px;
  font-weight: 700;
  background: #3b4b4b;
}

.content {
  border: none;
  background: #5ec017;
  box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}

.currency-symbol {
  font-size: 18px;
  color: #ffffff;
  font-weight: 300;
  padding-right: 4px;
}

.amount {
  font-size: 30px;
  font-weight: 700;
  color: rgb(255, 255, 255) !important;
}

.extra.content {
  border: none !important;
  padding-bottom: 50px;
  background: #ffffff;
  box-shadow: 0 0px 0px rgb(0 0 0 / 25%);
  padding: 40px 11px 69px 11px;
}

.value ul {
  text-align: left;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: rgb(0, 0, 0);
  margin-top: 0;
  margin-bottom: 40.5px;
}

.buttons {
  padding: 0 15%;
}

.ui.traditional.button.fluid.add-to-cart-button {
  background: #5ec017;
  border: none;
  color: #fff;
  font-size: 16px;
  border-radius: 53px;
  font-weight: 600;
  line-height: 20px;
  padding: 14px 25px;
}

.ui.traditional.button.fluid.add-to-cart-button:hover {
  background: #50af0c none repeat scroll 0 0;
}

.hero-actions {
  margin-top: 9%;
}

.priceTable .sfContentBlock.sf-Long-text {
  text-align: center;
}

.col2 {
  transform: scale(1.2, 1.2);
}

.april {
  font-size: 13px;
}

.hero-price {
  padding-bottom: 8px;
  padding-top: 8px;
}

/*Benefits*/
span.fas {
  font-size: 65px;
  color: #5ec017;
}

.rowBenifits .sfContentBlock {
  text-align: center;
}
.rowBen .sfContentBlock {
  text-align: center;
}

.sf_cols.row.rowBenifits {
  margin-top: 40px;
  margin-bottom: 40px;
}

.Mod {
  font-size: 24px;
  font-weight: 300;
}

.benHead h2 {
  margin-top: 0px;
  margin-bottom: 80px;
  text-align: center;
}

/*Packages*/
@media (max-width: 1600px) {
  .column.col2 {
    width: 86%;
  }
}

@media (max-width: 1199px) {
  .priceTable .column {
    width: 105%;
  }
}

@media (max-width: 991px) {
  .priceTable .column {
    width: 80%;
    padding-bottom: 6rem;
  }
}

@media (max-width: 412px) {
  .column.col2 .ui.fluid.card.yearly-payment {
    height: 510px;
  }
}

@media (max-width: 365px) {
  .priceTable .column {
    width: 85%;
  }
}

@media (max-width: 345px) {
  .column.col2 .ui.fluid.card.yearly-payment {
    height: 550px;
  }
  .priceTable .column {
    width: 88%;
  }
}

/* ------------------------------------------------ Media queries ---------------------------------------------- */

@media (min-width: 768px) {
  .lSAction > .lSPrev {
    left: 25% !important;
    top: 96%;
  }
  .lSAction > .lSNext {
    right: 25% !important;
    top: 96%;
  }
}

@media (min-width: 1200px) {
  .lSAction > .lSPrev {
    left: 35% !important;
    top: 96%;
  }
  .lSAction > .lSNext {
    right: 35% !important;
    top: 96%;
  }
  .featured .content-slider4 p {
    font-size: 17px;
  }
}

@media (min-width: 1300px) {
  .lSAction > .lSPrev {
    left: 35% !important;
    top: 96%;
  }
  .lSAction > .lSNext {
    right: 35% !important;
    top: 96%;
  }
  .featured .content-slider4 p {
    font-size: 19px;
  }
}

@media (min-width: 1800px) {
  .lSAction > .lSPrev {
    left: 40% !important;
    top: 96%;
  }
  .lSAction > .lSNext {
    right: 40% !important;
    top: 96%;
  }
  .featured .content-slider4 p {
    font-size: 19px;
    color: #3b4b4b;
  }
}

/*PR Slider*/

.lSAction > a {
  top: 95%;
  opacity: 0.8 !important;
  background-image: url(/cisiweb2/image/master/controls_dark.png) !important;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #8bc34a !important;
  height: 12px !important;
  width: 12px !important;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #1d1e1f !important;
}
.lSSlideOuter .lSPager.lSpg {
  margin-top: -26px !important;
  padding-bottom: 10px !important;
}
.featured {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.featured .content-slider4 p {
  text-align: center;
}
.lightSlider img {
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.featured .lSAction > a {
  background-image: url(/cisiweb2/image/master/controls_dark.png);
  opacity: 1;
}
.featured .container {
  padding-bottom: 50px;
}

.featured .lslide {
  padding-right: 10px;
  margin-bottom: 45px;
}

.sliderHeader h2 {
  margin-top: 10px;
  margin-bottom: 60px;
  text-align: center;
}

/*max-width media queries*/
@media (max-width: 600px) {
  .lSAction > .lSPrev {
    left: 5% !important;
    top: 97%;
  }
  .lSAction > .lSNext {
    right: 5% !important;
    top: 97%;
  }

  .sliderHeader h2 {
    font-size: 35px;
  }
}
/*
  .featured .lSAction > .lSNext {
    right:15px !important;
    top:35% !important; 
  }
  .featured .lSAction > .lSPrev {
    left: 15px !important;
    top: 35% !important;
  }


.colorHead{
    color: #3b4b4b !important;
}*/
.Mod {
  color: #3b4b4b !important;
}
.icon-head {
  color: #3b4b4b !important;
}
/*
.greenbtn.btn{
    background-color: #5ec017;
    border-color: #5ec017;
}
.greenbtn.btn:hover{
    background-color: #53a01a;
    border-color: #53a01a;
}*/
.benifitsPr {
  text-align: center;
}
.purchaseP p {
  margin-bottom: 85px;
}

.sf_cols.container_wrapper.layoutBen {
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #efefef;
}

.packages .container.sf_colsOut {
  padding-bottom: 60px;
}

/* Swiper slider */
.prNewList img {
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.prNewList p {
  text-align: center;
  font-size: 19px;
  color: #3b4b4b;
}
.prNewList .swiper-button-prev {
  background-image: url(/cisiweb2/image/master/controls_dark.png);
  background-position: 0 0;
  opacity: 1;
  width: 32px;
  height: 32px;
  left: 37% !important;
  bottom: 0%;
  top: unset;
}
.prNewList .swiper-button-next {
  background-image: url(/cisiweb2/image/master/controls_dark.png) !important;
  background-position: -32px 0;
  right: 10px;
  width: 32px;
  height: 32px;
  right: 37% !important;
  bottom: 0%;
  top: unset;
}
.prNewList .swiper-button-prev:after,
.prNewList .swiper-rtl .swiper-button-next:after,
.prNewList .swiper-button-next:after,
.prNewList .swiper-rtl .swiper-button-prev:after {
  content: unset !important;
}

.prNewList .swiper-pagination {
  bottom: 0% !important;
  position: relative;
}
.prNewList .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  background-color: #8bc34a;
  opacity: 0.9;
}

.prNewList .swiper-pagination-bullet-active {
  background-color: #1d1e1f;
  opacity: 1;
}
.prNewList .swiper-scrollbar {
  display: none;
}
