.section1-padding{padding: 80px 0px 120px;}

.pricing-heading h3{margin:0px 0px 20px; padding: 0px; font-weight:600; color: #000; font-size: 40px;
text-transform: capitalize;}

.pricing-heading h3 span{text-transform: uppercase;}

.pricing-heading ul{margin:15px 0px 0px; padding: 0px; list-style: none;}

.pricing-heading ul li:before{
    content: "\f00c"; margin-left: -30px; color: #47C4D9; position: absolute;
    font-family: "Font Awesome 5 Free"; font-size: 21px; margin-top: -3px;
}

.pricing-heading ul li{display:block; font-size: 16px; margin: 10px 20px 0px;
 position: relative; font-weight: 600;color: #000; padding-left: 15px;}

.pricing-heading ul li:last-child:after{display: none;}

.pricing-heading ul li span{color: #124395;}

.pricing-main{margin-top: 50px;}

.pricing-text{margin-bottom: 25px !important;}

.pricing-text li{display: inline-block !important;}

.pricing-text li+li:before{
    content: "|" !important; margin-left: -30px; color:#000 !important; 
    margin-top: -7px !important;
}

.pricing-text li:before{content: "" !important;}

.pricing-main  hr {
  margin: 1.5rem auto; width: 50%; background: #DDDDDD; opacity: 1;
}

.pricing-main .card{border: 1px solid #DBDBDB; margin-top: 25px; padding: 25px;
box-shadow: 0px 4px 5px 1px #C1C1C159; height: 97%;}

.pricing-main .card-title {
  font-weight: bold; margin: 0px; padding: 0px; font-size: 22px; color: #000;
  line-height: 55px;
}

.pricing-main .card-price {
 font-weight: 800; margin: 0px; padding: 0px; font-size: 60px; color: #000;
}

.pricing-main .card-body p{margin: 0px; padding: 0px; color: #747474; font-size: 14px;}


.pricing-main .card ul{margin: 0px; padding: 0px;}

.pricing-main .card ul li{font-size: 15px; margin:10px 0px; padding: 0px; color: #747474;}

.pricing-btn a{color: #47C4D9; font-size: 16px; border: 3px solid #47C4D9; font-weight: 600;
margin: 20px 0px 0px; padding: 0px; height: 58px; line-height: 56px; border-radius: 5px;}

.pricing-main .card:hover a{background: #47C4D9; color: #fff;}

.pricing-main .card:hover .card-title, .pricing-main .card:hover .card-price,
.pricing-main .card:hover .card-body p{color: #fff;}

.pricing-main .card:hover ul li{color: #dddddd;}

.pricing-main .card:hover{background:#061627}

.popup-right{width: 500px; height: 100%; right: 0px; top: 0px;
background: #fff; z-index: 9999; }

.popup-header{padding: 24px 32px 16px;     align-items: center;justify-content: space-between;
    border-bottom: 1px solid #e4e5e7; display: flex;}

.popup-header h4{display: inline-block; font-size: 30px; font-weight: 400;}

.popup-header button{border: none; background: transparent;}

.popup-header button img{width: 20px;}

.popup-footer button{background: linear-gradient(90.72deg, #124395 0.16%, #58C1D9 99.84%);
width: 100%; float: left; height: 65px; line-height: 60px;  border:none; border-radius: 15px;
color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 25px;}

.popup-footer{padding: 24px 32px;}

.popup-footer p{margin:0px 0px 0px; padding: 0px; font-size: 14px; color: #000; 
  text-transform:uppercase; text-align: center; display: block;}

.popup-content{padding:30px 32px;    overflow-y: auto;
} 

.pricing-gold{
    border: 3px solid #004FA3; border-radius: 8px; margin: 0; padding: 20px 30px;
}

.upgrade-plan-main{padding:0px; margin: 30px 0px 0px;}

.pricing-title{display: flex; align-items: center; justify-content: space-between}

.pricing-title h4{margin: 0px; color: #004FA3; font-weight: 400; font-weight: 500;
font-size: 25px;}

.pricing-title h5{color: #004FA3; margin: 0px; padding: 0px; font-weight: 700; font-size: 25px;}

.pricing-gold-pera p{font-size: 14px; margin: 0px; padding: 0px; color: #000;
line-height: 25px;}

.upgrade-plan-main h4{margin: 0px; padding: 0px; font-size: 20px; color: #000;}

.plan-list{border:1px solid #747474;padding: 20px 30px; border-radius: 8px; margin-top: 30px;}

.listing-plan{ display:flex; align-content:center; justify-content:space-between;
margin-bottom:20px; }

.listing-head h4{margin: 0px; padding: 0px; font-size: 16px; font-weight: 500;}

.listing-head h4 span{font-size: 12px; color: #47C4D9}

.btn-incdcr button{display: inline-block; color: #47C4D9; width: 20px; height: 20px;
line-height:16px; text-align: center; border:1px solid #47C4D9; background: transparent;
border-radius: 50%;}

.btn-incdcr p{margin: 0px 4px; font-size: 14px; display: inline-block; color: #000;}

.btn-chk {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.btn-chk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0; border-radius: 4px;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.btn-chk:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.btn-chk input:checked ~ .checkmark {
  background-color: #47C4D9;
}

/* Create the checkmark/indicator (hidden when not checked) */
.btn-chk .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.btn-chk input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.btn-chk .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header-img img{width: 100%; float: left;}

.banner-txt{align-items: center; color: #000;padding-left: calc(((100vw - 1170px)/ 2));
}

.banner-txt p{
    font-size: 20px; color: #000; margin: 20px 0px 0px;
    padding: 0px;  line-height: 26px; font-weight: 500;
}

@media (min-width: 768px){
.capability-right{
    padding-left: calc(((100vw - 720px)/ 2));
}


}

@media (min-width: 992px){
.capability-right{
    padding-left: calc(((100vw - 960px)/ 2));
}
}

@media (min-width: 1200px){
.capability-right{
    padding-left: calc(((100vw - 1170px)/ 2));
}
}


@media (min-width: 1400px){
.capability-right{
    padding-left: calc(((100vw - 1320px)/ 2));
}
}

.pricing-toggle{margin-top: 55px; color: #000;}

.pricing-toggle .form-switch{display: inline-flex; align-items: center;}

.pricing-toggle .form-switch .form-check-input{display: inline-block; width:5em;
 height: 2.2em; margin:0px 10px 0px 20px;  
 background-image: url("../img/circle.png") !important;
    background-position: right 3px center;
    border-radius: 2em;
    /*transition: background-position .15s ease-in-out;*/
    background-color: #124395; background-size: 30px;
    border-color: #124395;}


.pricing-toggle .form-switch .form-check-input:checked {
    background-color: #58C1D9; background-position: left 3px center;
    border-color: #58C1D9;
}

.pricing-toggle .form-check.form-switch label{margin-top: 5px; margin-left: 10px;
float: left; font-size: 20px; font-weight: 500; ;}

.pricing-toggle .form-check.form-switch label.yearly-active{color: #58C1D9;}

.pricing-toggle .form-check.form-switch label.monthly-active{color: #124395;}

/*menu-start*/
.navbar{position: relative; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);}

.navbar.light .navbar-nav .nav-link, .navbar.light .social a {
    color: #000;
}
/*menu-end*/


/****/

.register-form{border: 1px solid #AABBC6; padding: 10px 25px; border-radius: 4px;
margin-top: 30px; text-align: left;}

.register-head h4{margin: 0px; padding: 0px; font-size: 24px; font-weight: 500;
color: #000000;}

.register-form-inner p{margin:15px 0px 0px; padding: 0px;}

.register-form-inner p label{font-size: 16px; margin:0px 0px 5px; padding: 0px;
font-weight: 500; color: #000000;}

.register-form-inner p input,
.register-form-inner p textarea, .register-form-inner p select
{margin: 0px; padding:5px 10px; /* color:#AABBC6; */ color:#212529;
font-size: 14px; border: 1px solid #AABBC6; border-radius: 5px;
width: 100%; float: left;}

.register-form-inner p select{padding:9px 10px; }

.register-form-inner p input::placeholder,.register-form-inner p textarea::placeholder,
.register-form-inner p select::placeholder{
    color:#AABBC6;
}

.otp-button input{padding: 9px 15px; background:#58C1D9; color: #FFFFFF; font-size: 14px;
font-weight: 400; border:none; border-radius: 5px; margin-top: 27px; float: right;}

.register-form:first-child{margin-top: 0px;}

.alert-info-bx img{width: 20px; margin-right:5px; height: 20px;}

.alert-info-bx{color:#828282; margin: 10px 0px 0px; font-size: 14px;
display: flex;}

.register-form .accordion-item{border: none;}

.register-form .accordion-button:not(.collapsed), .register-form .accordion-button {
    color: #000;  background-color: transparent; padding: 0px; box-shadow: none;
font-weight: 600;}

.register-form .accordion-body{padding: 0px;}

.order-detl h4{margin: 0px; color: #58C1D9; font-size: 24px; font-weight: 600;}

.register-form .order-detl{ margin-top: 20px;}

.register-form .order-detl h5{margin:5px 0px; font-size: 16px; font-weight: 400;}

.register-form .order-detl p{font-size: 14px; margin: 0px; padding: 0px; line-height: 24px;
color: #000;}

.addon-detl ul{margin: 0px; padding: 0px; list-style: none;}

.addon-detl ul li{display: flex; font-size: 13px; color: #4F4F4F; 
    justify-content: space-between; margin-top: 25px;}
/*
.addon-detl ul li:last-child{border-top: 1px solid #E0E0E0; padding: 20px 0px;}    
*/
.addon-detl ul li strong{color: #000;}

.addon-detl p{color: #000;}

.billing-dtl table{width: 100%; float: left; margin: 0px; padding: 0px;}

.billing-dtl td{color: #4F4F4F; margin: 0px; padding: 5px 0px; font-size: 14px;}

.billing-dtl td:nth-child(2){text-align: right; color:#4F4F4F;}

.billing-dtl{margin-top: 20px;}

.billing-dtl tr:last-child td{color: #000; font-weight: 600;}

.billing-dtl tr:last-child{border-top: 1px solid #E0E0E0;}

.billing-dtl tr:last-child td{padding: 12px 0px;}

.billing-dtl tr:last-child td:nth-child(2){padding-right: 15px;}

.billing-info{margin-top: 10px; }

.billing-info .btn-chk{ font-size: 12px; color: #4F4F4F;}

.billing-info .checkmark{width: 17px; height: 17px; background: #124395 !important;
    }

.billing-info .btn-chk .checkmark:after {
    left: 5px; top: 1px; width: 6px;border-width: 0 2px 2px 0px; }

.billing-button input, .billing-button button{
    background: linear-gradient(90.72deg, #124395 0.16%, #58C1D9 99.84%);
    width: 100%;
    float: left;
    height: 55px;
    line-height: 55px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 25px; margin-bottom: 25px;
}    

.register-form .accordion-button::after{background-image: url("../img/arrow.svg") !important;
background-size: 15px !important; background-position: center; 
transform: rotate(0deg) !important;}

.register-form .accordion-button:not(.collapsed)::after{
        transform: rotate(-180deg) !important;
}

.discounts-main {margin-top: 15px;}

.discounts-main .has-float-label {
    position: relative; 
}

.discounts-main .form-control{
    color:#000000; font-size: 14px;  border: 1px solid #004FA3;
    border-radius: 5px; padding: 10px 10px; outline: none; box-shadow: none;
    background-image: url("../img/check.svg"); background-position: center right 10px;
    background-repeat: no-repeat; background-size: 15px; font-weight: 500;
}

.discounts-main .has-float-label label {
    position: absolute; opacity: 1; transition: all .2s;  top: -.5em;
    left: .75rem;  z-index: 3;  line-height: 1;  padding: 0 1px; font-size: 12px;
    color: #AABBC6;
}

.has-float-label label::after {
    content: " ";  display: block;  position: absolute; background: #fff;
    height: 2px;  top: 50%;  left: -.2em; right: -.2em; z-index: -1
}


.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)+label {
    font-size: 14px; opacity: .5;  top: 14px;
}

.discounts-main a{margin: 0px; padding: 0px; font-size: 12px; color: #124395;}

.submit-btn input{margin:15px 0px 0px; padding: 8px 28px 8px 28px; background: #124395;
font-size: 16px; border-radius: 5px; border: none; float: right; color: #fff;
text-transform: uppercase;}

.thankudv img{max-width: 100%; margin-bottom:45px; width: 550px;}

.thankudv h4{margin: 15px 0px; padding: 0px; font-size: 32px; color: #000; font-weight: 600;}

.thankudv p{font-size: 20px; margin: 0px; color: #000; line-height: 25px;  font-weight: 400;}

.thankudv a {
    background: linear-gradient(90.72deg, #124395 0.16%, #58C1D9 99.84%);  height: 45px;
    line-height: 45px;  border: none; border-radius: 5px;
    color: #fff; font-size: 20px; font-weight: 400;
    margin: 40px auto 0px; display: inline-block; padding: 0px 25px;
}

.small-inp{
    margin: 0px 4px; font-size: 14px; display: inline-block;
    color: #000;  border: none;  width: 30px; text-align: center;
}

.schedule-button button, .schedule-button a{
    background: linear-gradient(90.72deg, #124395 0.16%, #58C1D9 99.84%);
    float: left; border: none; border-radius: 5px; color: #fff;
    font-size: 18px; font-weight: 400; margin-bottom: 0px; padding: 15px 25px;
    float: right; text-transform: uppercase;
}

.schedule-text p{color: #000; font-weight: 500; margin: 0px; padding: 0px;
font-size: 25px; line-height: 32px;}

.schedule-dv{margin-top:120px;}


.coupon-success{
    color: #155724; background: rgb(212, 237, 218); border: 1px solid rgb(212, 237, 218);
    padding: 3px 10px;  font-size: 13px;  display: inline-block;
    margin: 10px 0px; border-radius: 5px;
}

.coupon-danger{
    color: #721c24; background:#f8d7da; border: 1px solid #f8d7da;
    padding: 3px 10px;  font-size: 13px;  display: inline-block;
    margin: 10px 0px; border-radius: 5px;
}

/**css-end**/

@media only screen and ( min-width:768px) and ( max-width:959px ){

.thankudv h4{font-size: 28px;}

.thankudv p {
  font-size: 18px;}

}

@media only screen and ( min-width:600px) and ( max-width:767px ){

.register-main .col-md-5{margin-top: 30px;}

.register-head h4{font-size: 20px;}


.schedule-button button, .schedule-button a{float: left; margin-top: 30px;}  


}

@media only screen and ( min-width:320px) and ( max-width:599px ){

.register-main .col-md-5{margin-top: 30px;}

.register-head h4{font-size: 20px;}

.thankudv h4{font-size: 24px;}

.thankudv p {
  font-size: 13px;}

.schedule-button button, .schedule-button a{float: left; margin-top: 30px;}  

}


/* registration page */
.register-form-inner p .input-prefix-group{display:flex; width:100%; float:left;}
.register-form-inner p .input-prefix-group .input-prefix{display:flex; align-items:center; padding:0 10px; background:#F3F6F8; color:#4F4F4F; font-size:14px; border:1px solid #AABBC6; border-right:none; border-radius:5px 0 0 5px;}
.register-form-inner p .input-prefix-group input{float:none; flex:1; border-radius:0 5px 5px 0;}
.register-form-inner p .email-otp-row{display:flex; gap:10px; width:100%; float:left;}
.register-form-inner p .email-otp-row input{float:none; flex:1;}
.otp-send-btn{padding:0 16px; min-width:130px; background:#58C1D9; color:#FFFFFF; font-size:14px; border:none; border-radius:5px; white-space:nowrap;}
.otp-send-btn:disabled{background:#A9DCE8; cursor:not-allowed;}
.otp-status{width:100%; float:left; margin-top:8px; padding:8px 12px; font-size:13px; color:#1E7B34; background:#EAF7EE; border:1px solid #BFE5CA; border-radius:5px; text-align:left;}
.otp-status.otp-error{color:#A4262C; background:#FDECEC; border-color:#F3C1C3;}
.otp-status.otp-success{color:#1E7B34; background:#EAF7EE; border-color:#BFE5CA;}
.otp-status a{margin-left:6px; color:#1E7B34; text-decoration:underline;}
.register-form-inner input[readonly]{background:#F4F6F8; cursor:default;}
.register-form-inner p .password-wrap{position:relative; display:block; width:100%; float:left;}
.register-form-inner p .password-wrap input{padding-right:44px;}
.password-toggle{position:absolute; top:50%; right:8px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; background:none; border:none; color:#6B7785; cursor:pointer;}
.password-toggle:hover, .password-toggle:focus-visible{color:#58C1D9; outline:none;}
.password-toggle img{width:18px; height:auto; display:block;}
.register-form-inner p .password-wrap input::-ms-reveal{display:none;}
.otp-checking{color:#6B7785;}
.otp-fail{color:#A4262C;}
#submitBtn:disabled{opacity:.55; cursor:not-allowed;}
.otp-verified{font-size:13px; color:#1E7B34; margin-top:4px; text-align:left;}
.form-hint{display:block; clear:both; font-size:12px; color:#6C757D; margin-top:4px; text-align:left;}
.register-form-inner p input.is-invalid, .register-form-inner p select.is-invalid, .register-form-inner p textarea.is-invalid{border-color:#DC3545;}
.register-form-inner p input.is-valid{border-color:#28A745;}
.register-form-inner label.error{display:block; clear:both; width:100%; font-size:12px; font-weight:400; color:#DC3545; margin-top:4px; text-align:left;}
.billing-button button:disabled{opacity:0.7; cursor:wait;}
@media (min-width: 768px){ .register-sidebar{position:sticky; top:100px;} }