@charset "utf-8";
/* CSS Document */
body {margin: 0px;	padding: 0px; font-family: 'Montserrat', sans-serif; background:#fff;}
h1{font-size:32px; padding:0 0 20px 0px !important; text-transform:uppercase;} 
h2{font-size:30px; padding:10px 0;} 
h3{font-size:28px;} 
h4{font-size:26px;} 
h5{font-size:24px;} 
h6{font-size:22px;}
h1,h2,h3,h4,h5,h6{color:#9d0474; margin:0px 0 0px 0;  font-weight:600; padding:10px 0; text-transform:uppercase;}
p{ padding:0 0 10px 0; font-size:17px;  color:#000; margin:0px 0 0px 0; text-align:justify; line-height:30px;}
a{ text-decoration:none}
img{width:100%; height:auto; margin:0px; padding:0px;}
.banner img{max-width:100%; height:auto; display:table;}
.page_wrapper_full{ background:#9d0474; margin:0px; padding:0px; width:100%; display:table; }
.nav {width:70%; padding:0px 0px; margin:0 0 0px 0px; display:table; float:right;}
.nav ul {margin:0 auto; padding: 0px; display:block; width:100%;}
.nav ul li{margin:0px; list-style:none;  padding:0px; float:left;}
.nav ul li a{list-style:none; text-decoration:none; color:#fff; font-size:16px; display:block; margin:0px 0px; padding:10px 20px; font-weight:600; line-height:40px; text-transform:uppercase; }
.nav ul li a:hover{color:#000;}
.nav ul li a.selected{color:#000; }
.bg_img{width:100%; padding:20px; margin:0px 0px; display:table; background:#9d0474;}
.bg_img h5{color:#fff; margin:0px !important; padding:0px;}
.bg_img P{color:#fff; padding:0px 0;}
.bg_img a{font-size:13px; color:#000; text-align:center; text-decoration:none; padding:8px 20px; margin:0px; background:#fff; width:50%; margin:0 auto; font-weight:800; text-transform:uppercase;}
.bg_img a:hover{color:#9d0474;}
.profilepic_av_txt a{color:#fff; font-weight:700; text-align:center; font-size:15px; text-transform:uppercase; text-decoration:none; padding:10px 0px; display:table; width:60%; background:#9d0474; margin:0 auto; top:-30px; position:relative;}
.profilepic_av_txt a:hover{color:#9d0474 ; background:#fff ;}
.profile_text{padding:0px 0 0px 0; font-size:17px;  color:#000; text-transform:uppercase; margin:0px 0 0px 0; text-align:center; line-height:20px; position: relative; top: -36px;}
.selfttxt a{color: #fff; font-weight: 700; text-align:center; font-size: 15px; text-transform: uppercase;    text-decoration: none; padding: 4px 0px; display: table;  width: 29%; background: #9d0474; margin: 0 auto;    top: -39px;    right: -88px;  position: relative;}
.callnow a{color: #000; font-weight: 700; text-align: center; font-size: 15px;  text-transform: uppercase; text-decoration: none;padding: 4px 0px;  display: table;  width: 39%;    background: #ffe400;    margin: 0 auto;  top: -66px;    right: 3px;    position: relative;     position: relative; }

.btn{ padding:0px 0 0px 0; margin:0px; display:table; width:100%;}
.btn ul {margin:0 0 0 0px; padding:0px;}
.btn ul li{float:none; text-align:center; padding: 0 0 0 0px; margin:0px; list-style:none; float:left;}
.btn ul li a{font-size:14px;  padding:5px 30px; line-height:33px; color:#cd0096; text-decoration:none; text-align:left; display: block;  margin:5px; border-radius:20px; font-weight:600; text-transform:uppercase; border:solid 1px #cd0096;}
.btn ul li a:hover{color:#fff; background:#cd0096;}

.footercategary  {margin:0px 0 0 0px; width:100%; padding:40px 0; display:table; background:#161616;  }
.footer_logo{width:70%; padding:0 0 0 10px;}
.heading{color:#cd0096; font-weight:800; font-size:30px; padding:0px 0 0 5px;  text-transform: uppercase;}
.footercategary p{color:#fff; padding:10px 20px 0 10px; line-height:30px; text-align:left; font-weight:300;}
.footercategary p a{color:#fff; padding:0px; margin:0px; text-decoration:none;}
.footercategary p a:hover{color:#cd0096;}
.footer-bottom{background:#9d0474;  color: #fff; font-size:15px; text-transform:uppercase; padding: 20px; text-align: center; width: 100%; margin:0; font-weight:600;}
.footer-bottom a{text-decoration: none; color: #fff; width: 100%; padding: 0 10px; margin: 0px;  }
.footer-bottom a:hover{ color: #cd0096;}
 
/*---------------------------------------*/
.centertext{text-align:center;}
.w100{width:100%; height:auto;}
.mx1{margin-left:5px; margin-right:5px; }
.px1{padding-left:5px; padding-right:5px;}
.borderfff {border: solid 3px #e59e07;}
div {  display: block;}
span{font-weight:900;  color:#9d0474;}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
*, ::after, ::before {   box-sizing: border-box;}
.spacet{padding:10px; display:flex;}
.col{width:50%; padding:10px; float:left;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    padding:10px;}

*{  margin: 0;
  padding: 0;
  box-sizing: border-box;
 } 

#active:checked ~ .wrapper ul li a{  opacity: 1; }
 
@media (max-width: 676px){
.container { max-width: 640px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3{width:100%}
.col-2{width:100%}.col-1{width:100%} 
.nav {width:100%; }
.nav ul li { width:100%; border-bottom:solid 1px #303030; }
.nav ul li a{ width:100%; text-align:center; line-height:30px;}
h1{font-size:35px; padding:0px 0 0 0 !important;} 
.modelbtn a{font-size:20px;  padding:10px 10px;}
.footercategary ul li a{text-align:center;}
.textp{text-align:center; display:block;}
}
@media (min-width: 576px){
.container {  max-width: 540px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3{width:100%}
.col-2{width:100%}.col-1{width:100%}
.modelbtn a{font-size:20px;  padding:10px 10px;}
.footercategary ul li a{text-align:center;}
.textp{text-align:center; display:block;}

}
@media (min-width: 768px){
.container {    max-width: 720px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:100%}.col-10{width:100%}.col-9{width:100%}.col-8{width:100%}.col-7{width:100%}.col-6{width:100%}.col-5{width:100%}.col-4{width:100%}.col-3{width:50%}.col-2{width:50%}.col-1{width:50%}


}

@media (min-width: 992px){
.container { max-width: 960px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}


}

@media (min-width: 1360px){
.container {max-width: 1270px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}
.col{width:50%; padding:10px; float:left;}


}

 

.bill-type {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  gap: 10px;
  .bill-toggle {
    #bill-toggle {
      display: none;
      & + label {
        display: block;
        width: 60px;
        height: 32px;
        border-radius: 20px;
        background-color: var(--primary-color);
        position: relative;
        cursor: pointer;
        &::after {
          content: '';
          display: block;
          width: 25px;
          height: 25px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-100%, -50%);
          transition: transform 0.2s;
        }
      }
      &:checked + label::after {
        transform: translate(0, -50%);
      }
    }
  }
}

.pricing-table {
  max-width: 500px;
  padding-inline: var(--container-x);
  margin-inline: auto;
  margin-block: 40px;
  @media screen and (min-width: 920px) {
    max-width: var(--container-mw);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
  }
  .plan {
    background-color: #ffecfa;
    padding: 2rem;
    border-radius: 12px;
       flex-direction: column;
    @media screen and (max-width: 920px) {
      &:not(:last-of-type) {
        margin-bottom: 40px;
      }
    }
    .name {
      text-align: center;
      font-size: 1.7rem;
      font-weight: 600;
      margin-top: 0;
      margin-bottom: 18px;
    }
    .price {
      text-align: center;
      font-size: 3.5rem;
      font-weight: 700;
      margin-bottom: 30px;
	  color:#9d0474;
      sub {
        position: static;
        font-size: 1.5rem;
      }
    }
    &.enterprise .price {
      font-size: 3.5rem;
    }
    .maus-options {
      display: block;
      width: 100%;
      max-width: 300px;
      margin-inline: auto;
      select {
        background-color: transparent;
        color: #fff;
        padding: 1rem;
        border: 1px solid #fff;
        border-radius: 5px;
        display: block;
        width: 100%;
        margin-bottom: 5px;
        & + span {
          font-size: 0.875rem;
          color: var(--primary-color)
        }
      }
    }
    .features {
      margin-block: 30px;
      li {
        margin-bottom: 15px;
        line-height: 1.5;
        &::marker {
          color: var(--primary-color);
        }
      }
    }
    .choose-btn {
      display: block;
      width: 100%;
	  text-transform:uppercase;
      margin-inline: auto;
      margin-top: auto;
      padding: 1rem 1rem;
      font-weight: 600;
	  font-size:16px;
      background-color: transparent;
      color: #000;
      border: 1px solid #9d0474;
      border-radius: 5px;
      cursor: pointer;      
      }
	  .choose-btn:hover{color: #fff; background:#9d0474; }
    }
  }
}