.sales-title{
	 color: #1BB8E1;
    font-size:15pt;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin: 0 0 20px;
	
}
.pricingTable{
	font-family: 'Raleway', sans-serif !important;
	 
    background: linear-gradient(-30deg,#69D657,#baefb3);
    text-align: center;
    padding: 30px 12px 12px;
    margin: 0 15px;
    border-radius: 20px;
    box-shadow:  0 0 20px -5px rgba(0,0,0,0.2);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.pricingTable:hover {
    background: transparent;
    
    box-shadow: 0 -3px 5px rgba(0,0,0,0.2) inset;
}
.pricingTable,.demo h3,.demo h4,.demo h5,.demo h6{
font-family: 'raleway';
}
.pricingTable:before{
    content: '';
    background: linear-gradient(30deg,#baefb3,#69D657);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.pricingTable .pricingTable-header{
    color: #fff;
    margin: 0 0 20px 0;
}
.pricingTable .price-value .amount{
    font-size: 32pt;
    font-weight: 700;
    line-height: 70px;
}
.pricingTable .price-value .amount-sm{
    font-size: 30px;
    font-weight: 600;
    vertical-align: top;
    display: inline-block;
}
.pricingTable .price-value .duration{
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: capitalize;
    display: block;
}
.pricingTable .pricing-content{
    padding: 35px 10px 30px;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    position: relative;
}
.pricingTable .pricing-content:before{
    content: '';
    background-color: #fff;
    height: 100%;
    width: 150%;
    border-radius: 100% 100% 0 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
}
.pricingTable .title{
    color: #69D657;
    font-size:17pt;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin: 0 0 20px;
}
.pricingTable .pricing-content ul{
    text-align: left;
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}
.pricingTable .pricing-content ul li{
    color: #555;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
    padding: 0 0 0 22px;
    margin: 0 0 15px;
    position: relative;
	letter-spacing:1px;
}
.pricingTable .pricing-content ul li:last-child{ margin: 0; }
.pricingTable .pricing-content ul li:before{
    content: "";
    color: #69D657;
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 900;
    line-height: 22px;
    position: absolute;
    left: 0;
    top: 0;
}
.pricingTable .pricingTable-signup a{
    color: #fff;
    background: rgba(255,255,255,0.15);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 23px;
    border-radius: 0 0 20px 20px;
    display: inline-block;
    transition: all 0.3s;
	text-decoration: none;
}
.pricingTable .pricingTable-signup i{ margin-left:7px; }
.pricingTable .pricingTable-signup a:hover {
    background: transparent;
    text-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 -3px 5px rgba(0,0,0,0.2) inset;
}
.pricingTable.blue{ background: linear-gradient(-30deg,#1BB8E1,#73daef); }
.pricingTable.blue:before{ background: linear-gradient(30deg,#73daef,#1BB8E1); }
.pricingTable.blue .title,
.pricingTable.blue .pricing-content ul li:before{
    color: #1BB8E1;
}

.pricingTable.gold{ background: linear-gradient(-30deg,#e1ad01,#e1ad01); }
.pricingTable.gold:before{ background: linear-gradient(30deg,#e1ad01,#e1be01); }
.pricingTable.gold .title,
.pricingTable.gold .pricing-content ul li:before{
    color: #e1ad01;
}
.pricingTable.gold .sales-title{
	 color: #e1ad01;
    font-size:15pt;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin: 0 0 20px;
	
}

.pricingTable.silver{ background: linear-gradient(-30deg,#87868c8f,#87868c); }
.pricingTable.silver:before{ background: linear-gradient(30deg,#87868c0d,#87868c); }
.pricingTable.silver .title,
.pricingTable.silver .pricing-content ul li:before{
    color: #87868c;
}
.pricingTable.silver .sales-title{
	 color: #87868c;
    font-size:15pt;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin: 0 0 20px;
	
}

.pricingTable.bronze{ background: linear-gradient(-30deg,#cc9966,#cc9966bd); }
.pricingTable.bronze:before{    background: linear-gradient(30deg,#cc9966,#cc9966); }
.pricingTable.bronze .title,
.pricingTable.bronze .pricing-content ul li:before{
    color: #cc9966;
}
.pricingTable.bronze .sales-title{
	 color: #cc9966;
    font-size:15pt;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin: 0 0 20px;
	 
}
 
@media only screen and (max-width: 990px){
    .pricingTable{ margin: 0 0 40px; }
}

/*details page css*/

   .tooltip {
      opacity: 1;
   }

   .redtext {
      color: red;
      position: absolute;
      display: block;
      bottom: -3px;
      font-weight: bold;
   }

   .redtextlogin {
      color: red;
      font-weight: bold;
   }

   .greentext {
      color: green;
      position: absolute;
      display: block;
      bottom: -3px;
   }

   .result-msg {
      bottom: 6px;
   }

   .login-result-msg {
      bottom: 6px;
   }

   .hide {
      display: none;
   }

   #loader-list {
      top: 6%;
      left: 31%;
      position: absolute;
   }

   .timeLeftRow {
      position: absolute;
      top: 20px;
      width: 100%;
      left: 30px;
      color: #ed1b24;
   }

   .makeityours {
      position: absolute;
      top: -25px;
      padding-right: 19px;
      font-weight: 800;
      font-size: 17px;
      z-index: 9999;
      width: 100%;
      /*text-align: right;*/
      left: 16%;
   }

   @media only screen and (max-width: 800px) {
      .makeityours {
         position: relative;
         top: 2px;
         padding-left: 18px;
         text-align: left;
      }
   }

   @media only screen and (max-width: 599px) {
      .makeityours {
         position: relative;
         top: 8px;
         padding-right: 0px;
         text-align: center;
      }
   }

   @media only screen and (max-width: 991px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 17px;
         z-index: 9999;
         width: 100%;
         right: 23%;
      }
   }

   @media only screen and (max-width: 800px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 17px;
         z-index: 9999;
         width: 100%;
         /* right: -5%; */
         left: 52%;
      }
   }

   @media only screen and (max-width: 1165px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 17px;
         z-index: 9999;
         width: 100%;
         right: 2%;
      }
   }

   @media only screen and (max-width: 1086px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 16px;
         z-index: 9999;
         width: 100%;
         left: 12%;
      }
   }

   @media only screen and (max-width: 1122px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 17px;
         z-index: 9999;
         width: 100%;
         right: 1%;
      }
   }

   @media only screen and (max-width: 1048px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 16px;
         z-index: 9999;
         width: 100%;
      }
   }

   @media only screen and (max-width: 1256px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 17px;
         z-index: 9999;
         width: 100%;
         right: 5%;
      }
   }

   @media only screen and (max-width: 1326px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 17px;
         z-index: 9999;
         width: 100%;
         left: 13%;
      }
   }

   @media only screen and (max-width: 1120px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 16px;
         z-index: 9999;
         width: 100%;
         left: 13%;
      }

      .got-question-btn {
         padding: 7% 1% 7% 1%;
      }
   }

   @media only screen and (max-width: 1013px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 14px;
         z-index: 9999;
         width: 100%;
         left: 12%;
      }

      .got-question-btn {
         padding: 9% 22% 7% 23%;
      }
   }

   @media only screen and (max-width: 1025px) {
      .makeityours {
         position: absolute;
         top: -22px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 15px;
         z-index: 9999;
         width: 100%;
         left: 12%;
      }
   }

   @media only screen and (max-width: 991px) {
      .makeityours {
         position: absolute;
         top: -27px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 19px;
         z-index: 9999;
         width: 100%;
         left: 6%;
      }

      .got-question-btn {
         padding: 2% 12% 2% 12%;
      }
   }

   @media only screen and (max-width: 791px) {
      .makeityours {
         position: absolute;
         top: -27px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 19px;
         z-index: 9999;
         width: 100%;
         left: 2%;
      }
   }

   @media only screen and (max-width: 573px) {
      .makeityours {
         position: absolute;
         top: -12px;
         padding-right: 19px;
         font-weight: 800;
         font-size: 19px;
         z-index: 9999;
         width: 100%;
         left: 0%;
      }

      .placebiddiv {
         padding-top: 19px;
      }
   }

/* detail page css end*/