/* Container for the progress bar */
        .progress-container {
            display: flex; /* Use flexbox for alignment */
            justify-content: center; /* Align items from the start */
            padding: 15px 0px ; /* Add padding for spacing */
        }

        /* Styling for the arrow step (active) */
        .step {
          /*   padding: 10px 50px; Padding for text */
               padding-top: 10px;
    padding-right: 30px;
    padding-left: 50px;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    color: #006388;
    position: relative;
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%);
    margin-right: 15px;
    padding-bottom: 10px;
	  cursor: pointer;
        }

        /* Styling for inactive steps (white with blue border) */
        .step.inactive {
            background-color: white; /* White background for inactive steps */
            color: #039be5; /* Blue text for inactive steps */
            border: 2px solid #039be5; /* Blue border */
            clip-path: polygon(0 0, 90% 0, 90% 100%, 0 100%); /* Rectangle shape */
            position: relative; /* Required for pseudo-element arrow */
			
        }
		
		.outer {
               background-color: #1b99c1;
				display: inline-block;
				padding-left: 5px;
				padding-top: 2px;
				padding-bottom: 2px;
				clip-path: polygon(0 0, 85% 0, 95% 50%, 85% 100%, 0 100%, 10% 50%);
        }
		
		.billing {
               background-color: #1b99c1;
				display: inline-block;
				padding-left: 5px;
				padding-top: 2px;
				padding-bottom: 2px;
				clip-path: polygon(0 0, 86.5% 0, 96.5% 50%, 86.5% 100%, 0 100%, 10% 50%);
        }
		
        .plan-price-excel{
            font-size: 26px;
                font-weight: 700;
                text-align: left;
                color: #1c99c1;
                padding-left: 10px;
            }
.captcha_val{
	    margin: 4px 0px 0px;
}

.table thead th{
	border-bottom: 2px solid #2596bea3 !important;
}
.table-bordered{
	border: 2px solid transparent !important;
}

.table-bordered td, .table-bordered th{
	border-bottom: 2px solid #2596bea3 !important;
}
		
.toggle .panels .panel {
    /* padding: 0px 10px; */
    display: none;
}
.toggle .panels .panel:first-child {
  display: block;
}

	     .pricing {
            display: flex;
            justify-content: center;
            align-items: stretch; /* Ensures all divs are the same height */
            margin: 0px 20px;
        }
        .pricing-plan {
    /* border: 1px solid #006388; */
    margin: 10px;
    text-align: center;
    flex: 1;
    /* Ensures equal width */
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    /* filter: drop-shadow(6px 4px 1px #b6b5b5); */
    height: fit-content;
    border: 2px solid rgba(0, 99, 136, 0.2);
}


     .plan-title {
    font-weight: 600;
    font-size: 20px;
    color: black;
    text-align: left;
    padding-left: 10px;
}


.plan-price {
    font-size: 26px;
    font-weight: 700;
    text-align: left;
    color: #1c99c1;
    padding-left: 10px;
}

.plan-price:hover{
    color: #007ea7 !important;
}

.pricing-plan:hover .plan-price {
    color: #046489 !important;
}

.plan-price-excel{
    font-size: 26px;
       font-weight: 700;
       text-align: left;
       color: #1c99c1;
       padding-left: 10px;
}

.plan-price-excel:hover {
    color: #007ea7 !important;
}




        .plan-buy-button {
            background-color: #4A90E2;
            color: white;
            padding: 10px;
            text-decoration: none;
            border-radius: 5px;
        }	
		.sample-button {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #046489 !important;
    text-align: left;
    padding: 5px 5px;
    color: #046489 !important;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 5px 5px 2px;
    text-align: center;
    display: inline-block;
    text-decoration: none !important;
}

.upper {
    /* background-color: #dae8ed; */
    padding: 0px 12px 12px 12px;
    border-bottom: 3px solid #046489;
    border-radius: 6px 6px 0px 0px;

}

.upper:hover{
    background-color: #dae8ed;
}

.user_style {
    list-style-type: none;
    margin: 5px 5px 5px 0px;
    padding: 0px 20px;
    text-align: left;
}

.small-text {
    font-size: small;
    opacity: 70%;
    font-weight: 600;
}

.small-quantitative{
    margin-left: 25px;
    font-size: smaller;
    opacity: 70%;
    font-weight: 600;
    display: block;
}

.small-sm{
    margin-left: 30px;
    opacity: 80%;
    font-weight: 600;
    font-size: 11px;
}

.small-sm::before{
    content:"• ";
    font-size: 14px;
}



	

.continue_payment_method{
	min-height:196px;
}

.btn:focus, .btn:hover {
    text-decoration: none;
    box-shadow: 4px 2px 10px #928d8d;
    background-color: #006388 !important;
    color: #fff !important;
}	
	
.user_style li {
    padding: 12px 2px 12px 0px;
    font-weight: 600;
    font-size: 15px;
}


.user_style li:not(:last-child){
    border-bottom: 1px solid rgba(4, 100, 127, 0.2);
}
	  
        .frequently-purchased {
            position: absolute; /* For absolute positioning */
            
            left: 50%; /* Centered */
            transform: translateX(-50%); /* Centered horizontally */
            background-color: #4A90E2; /* Matching the button color */
            color: white;
            padding: 5px 10px;
            border-radius: 10px; /* Rounded edges */
            font-size: 0.9em; /* Slightly smaller font size */
            font-weight: bold;
        }
		   .frequently-purchased12 {
            border-radius: 10px; /* Rounded edges */
            font-size: 12px; /* Slightly smaller font size */
            font-weight: bold;
			padding-top: 2px;
        }
		
		.box {
  display: flex;
      position: absolute;
    top: -12px;
    width: 100%;
}


	.box_purchased {
		display: flex;
		position: absolute;
		top: -12px;
		width: 100%;
	}	


hr {
    align-self: center;
    background: #006388;
    width: 18%;
    height: 3px;
	    margin-top: 10px;
    margin-bottom: 10px;
	
}

.left-hr{
	margin-inline-start: 40px;	
}
.right-hr{
	margin-inline-end: 40px;
}


.unselect-hr{
	 width: 65%;
	 background: #1b99c1;
}


.container12 {
    background-color: #1c99c1;
    color: white;
    font-size: 0.7rem;
    padding: 3px 5px;
    position: absolute;
    top: 10px;
    border: 1px solid rgba(0, 99, 136, 0.2) !important;
    border-radius: 10px 0px 10px 0;
    font-weight: bold;
}

.button {
  background: transparent;
  border: 2px solid;
  padding: 10px 40px;
  font-size: 15px;
  text-align: center;
  margin: 20px 10px 10px 0;
  font-weight: bold;
  display: inline-block;
}

.thanku_img{
    width: 15%;
}

.order_panel12{
	    text-align: center;
		display:flex;
  justify-content: center; /* Horizontally centers the child elements */
  align-items: center;
}

.order_title{
	font-size: 20px;
    color: #006389;
}

.order_panel{
	width:100%
}

.order_para{
text-align: justify;
}


.btn-payment-stripe{
	    width: 100%;
		cursor: pointer;
}

.billing_title{
    padding: 6px;
    color: #006388;
    font-weight: 700;
	font-size:20px;
}
.card{
	border: unset;
}

.card-body{
    background: #e0f3fe;
    border: 1px solid #2596be;
    border-radius: 15px;
	    padding: 2rem;
}
.security_label{
	    display: contents;
}


.security_code {
	    color: #006388;
    font-weight: 700;
	    padding-right: 6px;
		font-style: italic;
}

#captcha_code{
	border: 1px solid #5691ab;
    border-radius: 8px;

}


.refreshCaptcha{
    width: 13%;
    cursor: pointer;
	    margin: 4px;
		float: right;
}


.security_placeholder{
	display: inline-block;
    width: 55.5%;
	clear: both;
}

input::placeholder {
    color: #a6a6a6 !important; 
	font-size:14px;
	font-style: italic;
}

.form-control{
    border: 1px solid #5691ab !important;
}


.tab_icon{
	    width: 100%;
}

.buy-button{
	 width: 35%;
	  cursor: pointer;
}


button {
    margin-top: 2px;
	border: none !important;
background: none !important;
outline: none !important;
}


.contact-container1{
	    border-right: none;
}

.paypment_method{
	width: 16px;
}

.terms_condition{
	
	margin: 0px 42px;
}

.total_bill{
	color: #006388;
    font-weight: 700;
    font-size: 20px;
	
}

.continue_button{
	    width: 60%;
    float: right;
	cursor: pointer;
}

.total_condition{
	margin-top: 10px;
	padding-right: 8px;
	    display: inline-flex;
}

.FBI_payment_system:hover{
	box-shadow:4px 2px 10px rgba(97, 97, 97, 0.3), -4px 2px 10px rgba(97, 97, 97, 0.3) !important;
}

.highlighted {		
		box-shadow:4px 2px 10px rgba(97, 97, 97, 0.3), -4px 2px 10px rgba(97, 97, 97, 0.3) !important;
	}
	
	.toggle h1 {
    font-size: 18px;
    color: #006388;
    font-weight: 700;
    margin: 0 0 1rem;
    text-align: justify;
}

.continue_button_pay{
	    width: 57%;
    margin-top: 0px;
}

.payment_system_1 , .payment_system_2{
	
	    margin: 0px 29px;
    text-align: center;
    padding: 22px;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    margin-bottom: 15px;
    background-color: #fff;
}



input[type=radio] {
    width: 18px;
}


.continue_button:hover{
	transition: transform 0.5s ease 0s, filter 0.5s ease-in 0s;
    transform: scale(1.08);


}


/*
.pricecompare-2{
	transition:transform .5s, filter .5s ease-in;
	transform:scale(1.08);
	background-color:white;
	position: relative;
	z-index:1;
	box-shadow:4px 2px 10px rgba(97, 97, 97, 0.3), -4px 2px 10px rgba(97, 97, 97, 0.3) !important;
} */

.buy-4:hover{
	    transition: transform 0.5s ease 0s, filter 0.5s ease-in 0s;
    transform: scale(1.08);
}


/* Media query  for license type*/
@media(max-width:1200px) and (min-device-width: 992px) {
	.container12{
		width: 52%;
	}
	.frequently-purchased12{
		font-size: 8px;
	}
	
}

@media(max-width:991px) and (min-device-width: 768px) {
	
	.pricing-plan {
        margin: 8px;
    }

    .outer12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.333333%;
    flex: 0 0 31.333333%;
    max-width: 31.333333%;
}

.progress-container {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.keyplayers {
    width: auto;
    height: 20px;
    position: absolute;
    / padding: 0 12px; /
    top: -10px;
    left: 9%;
    background: none !important;
    background-color: #fff !important;
    right: 30px;
    text-align: center;
}

}


 @media(max-width:1199px) and (min-device-width: 768px){
        .upper {
            min-height: 230px !important;  
        }
        .plan-price-excel{
            margin-top: 30px;
        }
        /* .plan-price-enterprise{
            margin-top: 30px;
        } */
    }

    @media(max-width:991px) and (min-device-width: 768px){
        .small-sm, .small-quantitative{
        margin-left: 0;
        }
    }
	
	
    @media(max-width:767px) and (min-device-width: 426px){
        .outer12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 31.333333%;
            flex: 0 0 31.333333%;
            max-width: 26.333333%;
        }
        }	


@media(max-width:767px) and (min-device-width: 425px) {
	.pricing-plan {
        margin: 0 40px 30px;
    }

.small-sm {
    margin-left: 30px;
    opacity: 80%;
    font-weight: 600;
    font-size: 12px;
}

.progress-container {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.keyplayers {
    width: auto;
    height: 20px;
    position: absolute;
    / padding: 0 12px; /
    top: -10px;
    left: 9%;
    background: none !important;
    background-color: #fff !important;
    right: 30px;
    text-align: center;
}
	
	
}



@media(max-width:1400px) and (min-device-width: 992px){
    .outer12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31.333333%;
        flex: 0 0 31.333333%;
        max-width: 30.333333%;
    }
    
    keyplayers {
        width: auto;
        height: 20px;
        position: absolute;
        padding: 0 10px;
        top: -12px;
        left: 31%;
        background: none !important;
        background-color: #fff !important;
    }
    
    }

@media(max-width:425px) {
	 .pricing {
            display: unset;
        }

        .pricing-plan {
            margin: 0px 10px 50px 10px;
        }

        hr {
            width: 90%;
        }
	.continue_payment_method{
		    min-height: 117px;
	}
	.progress-container{
		padding:10px 0px 0px 0px;
	}
}


/* media query for billing payments */

@media(max-width:768px) and (min-device-width: 425px) {
	.payment_system_1, .payment_system_2{
		margin: 10px 10px 0px;
		padding: 10px 10px 10px 10px;
	}
	
	input[type=radio] {
		width: 14px;
	}
	.payment_system_2{
		margin-top:20px;
	}	
	
	.terms_condition{
		font-size: 12px;
		margin: 10px ;
	}
	
	
}




@media(max-width:425px) and (min-device-width: 375px) {
	.payment_system_1, .payment_system_2{
		    margin: 8px 0px 0px 12px;
			padding: 15px 0px 14px 0px;
	}
	
	.btn-payment-stripe {
		width: 90%;
	}
	
	.card-body{
		    padding: 1rem;
	}
	
	input[type=radio] {
		width: 14px;
	}
	
	.payment_system_2{
		width: 90%;
		margin-top: 25px;
	} 
	
	.paypal-buttons{
        width: unset !important;
		min-width: 250px !important;

	}
	
	.total_condition {
		margin-top: 0px;
	}
	.terms_condition {
		margin: 16px 25px;
	}
	
	.total_bill{
		font-size: 18px;
	}
	
	.security_div{
		text-align: center;
		
	}
	
	.contact-container1 .card-body {
        padding: 2rem;
    }
	
	.refreshCaptcha{
		width: 10%;
		float: unset;
			
	}
	
	#captcha_val{
		margin-top: 10px;
	}
	
}

    @media(max-width:768px) and (min-device-width: 200px) {
        .plan-title, .plan-price, .plan-price-excel{
            text-align: center!important;
            margin-top: 0 !important;
            font-size:18px;
            margin
    }
    }

    .checkout_icon{
        text-align: end;
        opacity: 35%;
        padding: 5px 0px;
    }
    
    .checkout_icon-img {
        text-align: end;
        opacity: 35%;
        padding: 5px 0px;
        height: 100%;
    }

    .icon_img {
        margin-bottom: 8px;
    }

    .pricing-plan:hover .upper{
        background-color: #dae8ed;
    }

    .pricing-plan:hover .checkout_icon {
        opacity: 100%;
    }

    .pricing-plan:hover .checkout_icon-img {
        opacity: 100%;
    }

    .pricing-plan:hover .buy-btn {
        background-color: #046489 !important;
        color: #fff;
        border-color: #046489;
    }



@media(max-width:375px) {
	#captcha_val{
		    margin-top: 12px;
	}
	
	.refreshCaptcha{
		float: unset;
	}
	
	.billing_title{
		    font-size: 16px;
    margin-top: 10px;
	}
	
	.payment_system_1, .payment_system_2{
		margin: 0px 10px 0px 8px;
		padding: 14px 0px 14px 0px;
	}
	
	.btn-payment-stripe {
		width: 87%;
	}
		
	input[type=radio] {
		width: 12px;
	}

	.card-body{
		    padding: 1rem;
	}
	
	
	.mar-bottom99{
		     margin-top: 25px;
	}
	 
	.payment_system_2{
		width: 87%;
		margin-top: 25px;
	} 
	 
	.paypal-buttons{
		min-width: 190px !important;
        width: unset !important;
	}
	
	.terms_condition {
		margin: 16px 3px;
	}
	
	.total_bill{
		font-size: 14px;
	}
	
	.continue_button_pay{
		width: 48%;
	}
	
	.continue_button{
		width: 83%;
	}
	
	.total_condition {
		margin-top: 0px;
	}
}





/* media query for order success*/

@media(max-width:425px) {
	.order_panel{
		width: 100%;
	}
	.order_title {
		font-size: 16px;
	}

	.thanku_img {
		width: 90%;
		margin-bottom: 10px;
	}

    .pricing-plan {
        margin: 0 10px 30px;
    }

.small-sm {
    margin-left: 30px;
    opacity: 80%;
    font-weight: 600;
    font-size: 12px;
}

.outer12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.333333%;
    flex: 0 0 31.333333%;
    max-width: 29.333333%;
}

	
}

@media(max-width:768px) and (min-device-width: 425px) {
	.order_panel{
		width: 100%;
	}
	
	.thanku_img {
		width: 50%;
		margin-bottom: 10px;
	}
	
}



@media(max-width:1024px) and (min-device-width: 768px) {
	.thanku_img {
		width: 50%;
		margin-bottom: 10px;
	}
	.order_panel {
		width: 100%;
	}
	.plan-title{font-size:18px;}
}



			
		.outer12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.333333%;
    flex: 0 0 31.333333%;
    max-width: 31.333333%;
}

		
@media (max-width: 425px) {
    .pricing-plan {
        margin: 0 10px 30px;
    }
.small-sm {
    margin-left: 30px;
    opacity: 80%;
    font-weight: 600;
    font-size: 12px;
}
.outer12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.333333%;
    flex: 0 0 31.333333%;
    max-width: 29.333333%;
}
}
@media (min-width: 1000px) {
    .pricing-plan:hover{
        filter: drop-shadow(8px 6px 0px #b6b5b5);
        background: #fff;
        transform: scale(1.01);
        transition: transform 0.1s, filter 0.1s ease-in;
        /*    box-shadow: 6px 6px 0px #b6b5b5, -6px 6px 0px #b6b5b5 !important;*/
    }
}


.press-release{
    margin:41px; 
    padding: 12px 5px 5px 5px;
}

@media(max-width: 767px){
   .press-release{
    margin:20px; 
    padding: 12px 5px 5px 5px;
}
.keyplayers {
    width: auto;
    height: 28px;
    position: absolute;
    padding: 0 10px;
    text-align: center;
    top: -19px;
    left: 2%;
    background: none !important;
    background-color: #fff !important;
}
    .pricing {
        display: unset;
    }
}