/*pricing*/
.center-dotted-head-img{
    width:70px !important;
    margin-top:-100px !important;
}
.top-left-bg-img{
    left: 0px !important;
    width: 7% !important;
}
.top-right-bg-img {
    right: 0px !important;
    width: 7% !important;
    top: 100px !important;
}
.head-title-top h1{
    margin-top:80px !important;
}
.head-title-top p{
    margin-bottom:130px !important;
    font-size:15px !important;
    margin-top:20px !important;
}
.head-title-bottom h1{
    margin-top:20px !important;
    font-size: 3rem !important;
    color:#111827 !important;
}
.head-title-bottom p{
    margin-top:20px !important;
    color:#464748 !important;
    font-size:20px !important;
}
.head-title-bottom span{
    color: #25c3f0 !important;
}
.head-title h1{
    font-size:55px;
    font-weight:700;
    margin-top:120px;
    color:#fff;
    position: relative !important;
    display: inline-block;
}
.head-title h1 .center-img-bg{
    width:13% !important;
    position: absolute !important;
    left:-50px !important;
    top:-100px !important;
}
.head-title p{
    font-size:28px;
    margin-top:30px;
    margin-bottom:70px;
    color: #fff;
}
.head-title h1 span{
/*    color:#0279ed;*/
    color:#000;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
             1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;

}
.head-title .get-started-btn i{
    margin-left:5px;
}
.head-title .get-started-btn{
    border-radius:30px;
    padding:12px 30px 13px;
    margin-top:-50px;
    background: #25c3f0;
    border: 0px;
}
.switch {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 29px;
    border-radius: 20px;
    background: #dfd9ea;
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    cursor: pointer;
}
.switch::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    background: #fafafa;
    border-radius: 50%;
    transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);
}
.priceToggle input:checked + .switch {
    background:#0069d9;
}
.priceToggle input:checked + .switch::before {
    left: 25px;
    background: #fff;
}
.priceToggle input:checked + .switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2);
}
.priceToggle label{
    position:relative !important;
    right:20px;
    top:22px;
}
.priceToggle p{
    color:#0069d9;
    float: right;
/*    width: 130px;*/
    font-weight:500;
    font-size:15px;
    text-align: left !important;
}
.price-input .form-group img{
    position: absolute;
    left:10px;
    margin-top:12px;
}
.price-input .form-group{
    display: inline-block;
    position: relative;
}
.price-input .form-group label{
    font-size:13px;
    color:#000;
}
.price-input p{
    font-size:13px;
    margin-right:20px !important;
/*    margin-left:-130px !important;*/
    display:inline-block;
}
.price-input input:focus{
    box-shadow: unset;
}
.price-input input{
    width:120px;
    display: inline-block;
    border-radius:10px;
    padding-left:40px;
}
.price-box{
    border:1px solid #e5e7eb;
    border-radius: 8px;
    padding:30px 35px;
    border-top:17px solid #1d93f8;
}
.price-box .head-paln{
    font-weight:600;
    font-size:22px;
    margin-bottom:-10px;
}
.price-box .total-price p{
    margin-left:7px;
    display: inline-block;
    font-size:16px;
    line-height:25px;
    color:#484747;
}
.price-box .total-price h2{
    font-size:43px;
    font-weight:300;
    color: #1d93f8;
}
.counter-month .basic-price,.counter-month .optimus-price{
    color:#000 !important;
}
.price-box .counter-month p{
    color: #000;
    font-weight: 600;
    font-size:14px;
    margin-bottom: 0px;
}
.price-box .counter-month span{
    font-size:14px;
    color:#636363;
}
.price-box .btn-section .btn{
    border-radius:30px;
    padding:9px 35px 9px;
    font-size:14px;
    margin:25px 0px;
    border:1px solid #007bff;
}
.price-box .discription p{
    font-size:14px;
    margin:0px;
    color:#636363;
}
.price-box .watch-link-btn i{
    font-size:23px;
    position: relative;
    top:3px;
    left:-2px;
}
.price-box .watch-link-btn{
    padding:25px 0px;
    min-height:90px;
}
.include-head-line{
    min-height:390px;
}
.include-head-line .hr{
    margin-top:5px;
    border-top:1px solid #afadad;
}
.price-box .watch-link-btn .btn{
    width: 95%;
    border-radius:30px;
    font-size:14px;
    padding:7px 0px 9px;
}
.price-box .include-head-line p{
    font-size:16px;
    color:#000;
    margin-top:20px;
    font-weight:600;
}
.price-box .include-head-line ul{
    padding:0px;
    list-style: none;
}
.price-box .include-head-line ul li i{
    position: absolute;
    right: 0px;
    margin-top:5px;
}
.price-box .include-head-line ul li{
    font-size:14px;
    margin-bottom:15px;
    color:#737373;
}
.price-box-2{
    border-top:17px solid #2563eb;
}
.price-box-2 .total-price h2{
    color:#2563eb;
}
.price-box-3{
    border-top:17px solid #003980;
}
.img-section{
    padding:32px 10px 10px 10px;
}
.img-section img{
    width:90px;
    background: red;
    margin-left:30px;
}
.watch-link-btn-3{
    min-height:89px !important;
}
.btn-contact{
    color: #2280EF !important;
    border-color: #2280EF !important;
    background-color: white !important;
}






.btn-contact:focus{
    box-shadow:unset !important;
}
.btn-contact {
  cursor: pointer;
  margin: 10px;
  position: relative;
  overflow: hidden;
  padding: 15px 30px;
  font-size: 40px;
  background-color: transparent;
  border: none;
  outline: none;
  color: white;
  transition: 0.2s;
}
.btn-contact::before {
  content: "";
  height: 3px;
  width: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background: white;
  transition: 0.4s;
}
.btn-contact:hover::before {
  width: 100%;
}
.btn-contact:active {
  background-color: rgba(255, 255, 255, 0.1);
}

span.ripple {
  background-color: rgba(0, 190, 255, 0.7);
  border-radius: 50%;
  position: absolute;
  transform: scale(0);
  animation: ripple 0.5s linear forwards;
}

@keyframes ripple {
  to {
    transform: scale(1);
    opacity: 0;
  }
}