.bc-header .bc-logo svg {
    height: 70px;
}
.bc-dash-link {
    background: transparent;
    border: none;
    box-shadow: none;
}


.bc-nav-link {
    font-size: 17px;
    color: #696969;
}

.bc-partners {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 800px;
    margin: auto;
    margin-top: 80px;
}

.bc-main   .bc-content .bc-about-btn {
    border-radius: 35px;
    font-size: 15px;
    color: #0024A1;
    font-weight: 600;
    background-color: #2DE0BE;
    height: auto !important;
    min-height: auto !important;
    padding: 8px 24px;
}

.bc-main  .bc-subheading {
    font-size: 18px;
    font-weight: 700;
}

.bc-main  .bc-heading {
    font-size: 76px;
    background: linear-gradient(to right, #ECEFEE, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 70px;
    margin-bottom: 10px;
}

.bc-section {
    margin-top: 125px;
}

.bc-section .bc-heading {
    text-align: left;
    font-size: 56px;
    font-weight: 800;
    line-height: 65px;
}

.bc-description {
    width: 100%;
    max-width: 100%;
    text-align: left;
    font-weight: 500;
    font-size: 24px;
}



.bc-feature-section .bc-feature-block {
    border-radius: 32px;
    background: linear-gradient(to top, #2DE0BE , #0024A1 );
    text-align: left;
    padding: 45px;
}

.bc-feature-icon svg {
    margin-left: 0;
    margin-right: auto;
}

.bc-feature-icon {
    margin-bottom: 75px;
}
.bc-feature-icon img {
    width: 70px;
    height: auto;
}

.bc-all-in-panel  .bc-heading{
    background: linear-gradient(to right, #1e40af 70%, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: max-content;
}

p.bc-feature-description {
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
}

.bc-stats-section {
    padding: 120px 10px;
}
.bc-stats-section .bc-feature-block {
    background: transparent;
}
.bc-stats-section .bc-feature-title  {
    font-size: 115px;
    font-weight: 700;
    color: #A5AEB8;
    line-height: 125px;
    text-align: center;
}
.bc-stats-section .bc-stat {
    max-width: 260px;
    margin: auto;
}
.bc-stats-section .bc-feature-description {
    font-size: 23px;
    text-align: center;
    color: #0024A1;
    font-weight: 700;
    max-width: 260px;
    margin: auto;
    line-height: 27px;
}

.bc-hero {
    border-radius: 40px;
    text-align: center;
}

.bc-hero .bc-heading {
    background: linear-gradient(to right, #1e40af 50%, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 75px !important;
    line-height: 100px !important;
    font-weight: 800;
    text-align: center;
    width: max-content;
    margin: auto;
}

.bc-hero .bc-description  {
    font-size: 28px;
    line-height: 30px;
    max-width: 100%;
    color: #fff;
    text-align: center;
}
.bc-hero .bc-section {
    max-width: 1020px;
    margin: auto;
    padding: 122px 0;
}

.bc-pricing-hp .bc-pricing-section h2 {
    background: linear-gradient(to right, #1e40af 50%, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bc-pricing-card .badge {
    text-align: left;
    display: block;
}
.bc-pricing-section .bc-package-name {
    text-align: left;
    font-size: 20px;
    color: #2C2C2C;
}
.bc-partner-section .bc-partner-text h2{
    background: linear-gradient(to right, #1e40af, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bc-section .bc-heading span {
    background: linear-gradient(to right, #1e40af, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bc-pricing-section h2 span {
    background: linear-gradient(to right, #1e40af, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bc-pricing-section h2 {
    font-weight: 800;
    font-size: 76px;
    line-height: 100px;
}

.bc-pricing-section p {
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    color: #A5AEB8;
}
  /* Labels */
  .bc-pricing-section .toggle-container .label {
    font-weight: bold;
    transition: color 0.3s ease;
  }
  
  .bc-pricing-section .toggle-container .mujor {
    color: #3ccccc; /* Light turquoise */
    text-decoration: underline;
  }
  
  .bc-pricing-section .toggle-container .vjetor {
    color: #0033cc; /* Dark blue */
  }
  
  /* Switch */
  .bc-pricing-section .toggle-container  .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
  }
  
  .bc-pricing-section .toggle-container .switch input {
    display: none; /* Hide default checkbox */
  }
  
  .bc-pricing-section .toggle-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 34px;
    transition: 0.4s;
  }
  
  .bc-pricing-section .toggle-container .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: 0.4s;
  }
  
  /* When checked */
  .bc-pricing-section .toggle-container input:checked + .slider {
    background: linear-gradient(to right, #3ccccc, #0033cc);
  }
  
  .bc-pricing-section .toggle-container input:checked + .slider:before {
    transform: translateX(26px);
  }
  
  /* Toggle label color change on state */
  .bc-pricing-section .toggle-container input:checked ~ .vjetor {
    color: #3ccccc; /* Light turquoise */
    text-decoration: underline;
  }
  
  .bc-pricing-section .toggle-container input:checked ~ .mujor {
    color: #0033cc; /* Dark blue */
    text-decoration: none;
  }
.bc-pricing-card {
    background: #ECECEC;
    border-radius: 30px;
    padding: 40px 25px;
    display: flex;
    flex-direction: column;
}

.bc-pricing-card.recommended {
    background: linear-gradient(to top,#0024A1 , #2DE0BE);
}

.bc-pricing-card h3 {
    color: #2C2C2C;
    font-size: 40px;
    font-weight: 800;
    line-height: 65px;
    text-align: left;
}

.bc-pricing-card ul li {
    font-size: 16px;
    color: #2C2C2C;
    font-weight: 500;
    line-height: 18px;
}

.bc-pricing-card.recommended  h3  , .bc-pricing-card.recommended  ul li , .bc-pricing-card.recommended  p{
    color:#fff;
}

.bc-pricing-card.recommended .bc-package-btn {
    background:#fff ;
    border: none;
    color: #0124A1 !important;
}

.bc-pricing-card .bc-package-btn  {
    border-radius: 25px;
    background: #0124A1;
    border: none;
    color: #fff !important;
    max-width: 230px;
    margin-right: auto;
    margin-left: 0;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.bc-partner-section .bc-partner-text div {
	max-width: max-content;
	padding: 8px;
	position: relative;
}
.bc-partner-section .bc-partner-text h2 span {
    background: linear-gradient(to right, #1e40af, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bc-partner-text-buttons {
    border: double 1px transparent;
    border-radius: 50px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #2DE0BE, #3020ff);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.bc-partner-section .bc-partner-text div a:nth-child(2) {
	border-radius: 20px;
	padding: 5px 10px;
	width: 85px;
	font-size: 13px;
	color: #fff;
	line-height: 18px;
	background: linear-gradient(to right, #2DE0BE, #0024A1);
    border:none;
}

.bc-partner-section .bc-partner-text div a {
	font-size: 13px;
	color: #0024A1;
	font-weight: 500;
}
.bc-partner-section .bc-partner-text h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 60px;
}

.bc-partner-section .bc-partner-text p {
    color: #828282;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
}


.bc-partner-section .bc-partner-cards  > div {
    max-width: 435px;
    border-radius: 60px;
    padding: 24px 0px 30px 38px;
}

.bc-partner-section .bc-partner-cards {
    position: relative;
}

.bc-partner-section .bc-partner-cards > div:nth-child(2) {
    border:8px solid #fff;
    margin-right: 0;
    margin-left: auto;
    width: 435px;
    margin-top: -165px;
}

.bc-partner-section .bc-partner-cards > div h3 {
    font-weight: 800;
    font-size: 46px;
    line-height: 53px;
}

.bc-partner-section .bc-partner-cards > div p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}

.bc-partner-section .bc-partner-cards > div > div {
    margin-top: 35px;
}

.bc-partner-section .bc-partner-cards > div > div span {
    box-shadow: 2.65px 3.54px 4.07px 0px #00000014;
    background: #fff;
    font-size: 13px;
    color: #C7C8CA;
    line-height: 16px;
}

.bc-partner-section .bc-partner-cards > div > div button {
    background: none;
    line-height: 16px;
    color: #ADADAD;
    font-size: 13px;
} 
.bc-partnership-section .bg-gradient-to-b {
    border-radius: 45px;
    background: linear-gradient(to left, #0024A1, #2DE0BE);
    padding: 75px;
}
.bc-partnership-section .md\:flex-row.items-center {
    align-items: stretch;
}
.bc-partnership-section .bg-gradient-to-b h2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 55px;
    margin-bottom: 30px;
}

.bc-partnership-section .bg-gradient-to-b p {
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
}
.bc-partnership-section  .wrapped-buttons {
    border: 2px solid #fff;
    padding: 8px 10px;
    max-width: max-content;
    border-radius: 30px;
}

.bc-partnership-section  .wrapped-buttons a:nth-child(2) {
	border-radius: 20px;
	padding: 7px 10px;
	width: 85px;
	font-size: 13px;
	line-height: 18px;
	background: #ffff;
	color: #0024A1;
}

.bc-partnership-section  .wrapped-buttons a:hover {
    border: none;
}



.bc-partnership-section  .wrapped-buttons a {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}
.bc-faq-section .collapse {
    border-radius: 48px;
    border: 2px solid #0024a1;
    padding: 30px 65px;
}

.bc-faq-section .collapse .collapse-title {
    padding: 0;
    min-height: max-content;
    color: #686868;
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
}

.bc-faq-section .collapse input[type="checkbox"] {
    min-height: max-content;
    width: 100%;
    height: auto;
}

.bc-faq-section  .collapse-content {
    padding-left: 0;
    font-size: 23px;
    line-height: 26px;
    font-weight: 500;
    color: #686868;
}



.bc-faq-section  .collapse:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content {
    padding-top: 35px;
    padding-bottom: 0;
}
.bc-faq-section h2 {
	color: #0024A1;
	font-weight: 700;
	font-size: 50px;
	line-height: 55px;
	margin-bottom: 50px;
}
/* Container for the toggle */
.toggle-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    margin-top: 25px;
  }
  
  /*Header*/

  .bc-auth-links {
    max-width: max-content;
    padding: 8px;
    position: relative;
    border: double 1px transparent;
    border-radius: 50px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #2DE0BE, #3020ff);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.bc-pricing-card.recommended .badge {
    background: #0024A1;
}

.bc-pricing-card .badge {
    font-size: 11px;
    border: none;
}

.bc-auth-links a:nth-child(2) , .bc-auth-links a:hover:nth-child(2) , .bc-partner-section .bc-partner-text div a:hover:nth-child(2) {
    border-radius: 20px;
    padding: 5px 10px;
    width: 85px;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    background: linear-gradient(to right, #2DE0BE, #0024A1);
    border: none;       
}
.bc-partner-section .bc-partner-text div a , .bc-partnership-section .wrapped-buttons a {
    height: 30px !important;
    min-height: 30px !important;
        padding-top: 0;
}
.bc-partnership-section .wrapped-buttons a:hover:nth-child(2){
    background-color: #fff !important;
}
.bc-auth-links a {
    font-size: 13px;
    color: #0024A1;
    font-weight: 500;
    z-index: 999;
    justify-content: center;
}
.bc-auth-links a:hover, .bc-partner-section .bc-partner-text div a:hover , .bc-partnership-section .wrapped-buttons a:hover {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
.bc-dash-link:hover {
    background: transparent;
}
footer {
    background: linear-gradient(to top, #0024A1, #07203F) !important;
    padding: 65px 85px;
}
.bc-partnership-section .bg-gradient-to-b {
    font-size: 30px;
    line-height:32px;
}
.bc-footer-custom {
  border-radius: 50px;
}

.bc-footer-custom .footer-subscribe h2 {
  font-size: 50px;
  line-height: 55px;
  margin-bottom: 30px;
}

.bc-footer-custom .footer-subscribe .contact-block strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  color: rgb(255 255 255 / 65%);
}

.bc-footer-custom .footer-subscribe .contact-block a {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}

.footer-subscribe > div > p {
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  margin-top: 70px !important;
}

.footer-subscribe .contact-block {
  margin-top: 45px !important;
}

.footer-menu {
}

.footer-menu h3 {
  font-size: 34px;
  font-weight: 500;
  color: #ffffffa6;
  margin-bottom: 45px;
}

.footer-menu li a {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}

.copyright-section {
    padding-top: 50px;
    padding-bottom: 90px;
}

.copyright-section  a svg {
    height: 70px;
}

/*Login page*/

.authentication-page {
    text-align: center;
}

.authentication-page h1 {
    font-size: 50px;
    font-weight: 700;
    color: #606061;
}

.authentication-page p {
    color: #606060;
    font-size: 21px;
    margin-bottom: 30px;
}

.authentication-page form input {
    border: none;
}

.authentication-page form input {
    border-bottom: 1px solid #DEDEDE;
    border-radius: 0;
}

.authentication-page .input:focus,.authentication-page .input:focus-within {
    border: none;
    outline: unset;
    border-bottom: 1px solid #DEDEDE;
}

.authentication-page button {
    background: #0024A1 ;
    font-size: 22px ;
    font-weight: 500 ;
    height: 60px;
    color: #fff;
}

.authentication-page .bc-no-account p,.authentication-page .bc-no-account a {
    font-size: 16px;
    color: #B4B4B4;
}
.authentication-page .bc-no-account a {
    font-size: 16px;
    color: #606061;
    margin-left: 10px;
}



/*New Design for Components*/

.bc-no-account > p {
    margin-bottom: 0;
}



/*Sherbimet Page*/


.bc-sherbimet .bc-feature-block {
    background: transparent;
}

.bc-sherbimet .bc-feature-block .bc-feature-icon {
    margin-bottom: 15px;
}

.bc-sherbimet .bc-feature-block .bc-feature-icon img {
    width: 49px;
}

.bc-sherbimet .bc-feature-block  .bc-feature-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    color: #1e40af;
}

.bc-sherbimet .bc-feature-block .bc-feature-description {
    color: #A7A7A7;
    font-size: 25px ;
    line-height: 22px;
}

.bc-sherbimet-title {
    max-width: 640px;
    margin: auto;
}

.bc-sherbimet-title .bc-heading {
    font-size: 40px;
    text-align: center;
    line-height: 45px;
    background: linear-gradient(to right, #1e40af 60%, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bc-about-us-intro .bc-description {
    text-align: center;
}

.bc-services-join {
    margin-bottom: 140px;
}
.bc-services-join .bc-heading {
    text-align: center;
    max-width: 700px;
    margin: auto;
    font-size: 56px;
    text-align: center;
    line-height: 62px;
    background: linear-gradient(to right, #1e40af 60%, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.bc-services-join .container > div {
    justify-content: center;
    align-items: center;
    margin: auto;

}

.bc-auth-links a, .bc-dash-link {
    padding-top: 0;
    height: 30px !important;
    min-height: 30px !important;
}
.bc-page-title .bc-bg-image img, .bc-container >.bc-page-title  {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.bc-swithcer .peer:checked~.peer-checked\:bg-primary {background: linear-gradient(to right, #D9D9D9, #737373);}

.bc-swithcer  .peer:checked~.peer-checked\:after\:border-white:after {
    background-color: #0024A1;
    border:none;
}

.bc-swithcer .bc-monthly {
    color: #2DE0BE;
    font-size: 30px;
}

.bc-swithcer .bc-yearly {
    font-size: 30px;
    color: #0024A1;
}
.bc-page-title .bc-description {
    text-align: center;
}
.bc-page-title .bc-content .bc-page-title {
    font-size: 90px;
    background: linear-gradient(to right, #ECEFEE, #2DE0BE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 90px;
}

.bc-page-title .bc-content {
    height: 520px;
    display: flex;
    align-items: center;
    flex-direction: column;
        justify-content: center;
}
.collapse-arrow > .collapse-title:after {
    content: "+"; /* Default to plus sign */
    font-size: 50px;
    font-weight: 400;
    color: #22b3b7; /* Adjust color as needed */
    position: absolute;
    top: 0;
    inset-inline-end: 1.4rem;
    transition: transform 0.2s ease-in-out;
    box-shadow: none;
    transform: rotate(0deg);
}

/* Change to minus when the accordion is open */
.collapse[open].collapse-arrow > .collapse-title:after, 
.collapse-open.collapse-arrow > .collapse-title:after, 
.collapse-arrow:focus:not(.collapse-close) > .collapse-title:after, 
.collapse-arrow:not(.collapse-close) > input[type=checkbox]:checked ~ .collapse-title:after, 
.collapse-arrow:not(.collapse-close) > input[type=radio]:checked ~ .collapse-title:after {
    content: "−"; /* Show minus sign */
    transform: rotate(180deg);
}
/*Register Page*/
.bc-register input, .bc-register select, .bc-register .btn {
    border-radius: 50px !important;

}
.bc-register input, .bc-register select , .bc-search-form input, .bc-search-form select {
    border-radius: 50px !important;
    box-shadow: 0px 3.08px 12.31px 0px #0000001A;
    height:40px;

}

.bc-register .bg-blue-600 {
    background: #0024A1;
}
.bc-register h1 {
    font-size: 40px;
    line-height: 45px;
    background: linear-gradient(to right, #1e40af 15%, #2DE0BE 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
input#showPassword {
    height: 20px;
    width: 20px;
    border-radius: 2px !important;
}

@media screen and (max-width: 767px){
    .bc-main .bc-heading {
    font-size: 35px;
    line-height: 40px;
}

.bc-all-in-panel .bc-heading {
    width: auto;
    font-size: 31px;
}

.container {
    padding: 0 15px;
}

.bc-partnership-section .bg-gradient-to-b h2 {
    font-size: 35px;
    line-height: 40px;
}

.bc-faq-section .collapse {
    padding: 20px 30px;
}

.bc-partnership-section .bg-gradient-to-b {
    padding: 35px;
}

.bc-faq-section {}

.bc-faq-section .px-6 {
    padding: 0 15px;
}

.bc-faq-section .collapse .collapse-title {
    font-size: 22px;
    line-height: 25px;
}

.bc-faq-section .collapse-content {
    font-size: 15px;
    line-height: 18px;
}

.bc-faq-section h2 {
    font-size: 35px;
    line-height: 40px;
}

.bc-partner-section .bc-partner-text h2 {
    font-size: 35px;
    line-height: 40px;

}

.bc-partner-section .bc-partner-text p {
    font-size: 18px;
    line-height: 20px;
}

.bc-partner-section .bc-partner-text div {
    margin: auto;
    margin-top: 30px;
}

.bc-partner-section .bc-partner-cards > div h3 {
    font-size: 22px;
}

.bc-pricing-hp .bc-pricing-section h2 {
    font-size: 40px;
}

.bc-pricing-section p {
    font-size: 20px;
    line-height: 23px;
}
.bc-footer-custom {
    padding: 35px 15px;
}
.footer-menu li a {
    font-size: 15px;
}
.footer-subscribe .contact-block {
    display: block;
}

.footer-menu h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
.bc-footer-custom .footer-subscribe h2 {
    font-size: 30px;
    line-height: 35px;
}
.bc-partner-section .bc-partner-cards > div {
    width: 100% !important;
    max-width: 100% !important;
}
.bc-partner-section .bc-partner-cards {
    width: 100%;
}
.bc-hero .bc-heading {
    font-size: 40px !important;
    line-height: 40px !important;
}
.bc-hero .bc-description {
    font-size: 20px;
    line-height: 23px;
}
.bc-stats-section .bc-feature-block {
    padding: 20px;
}

.bc-stats-section {
    padding: 80px 10px;
}

.bc-partner-section , .bc-partnership-section .bg-transparent {
    padding-bottom: 35px;
}
.bc-partnership-section .bg-transparent , .bc-faq-section  {
    padding-top: 35px;
}
.bc-pricing-section > div , .bc-partner-section > div {
    padding: 0 15px;
}
.bc-section {
    margin-top: 50px;
}
.bc-stats-section .bc-feature-title {
    font-size: 86px;
    line-height: 86px;
}
.bc-feature-section .bc-feature-block {
    padding: 30px 20px;
}
.bc-feature-icon {
    margin-bottom: 35px;
}
}