:root {
  --light: #ecf3f3;
  --tory-blue: #10599e;
  --piction-blue: #1fb6e6;
  --deep-dark: #052d57;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('{% static "/roboto/Roboto-Light.ttf" %}') format('ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('{% static "/roboto/Roboto-Regular.ttf" %}') format('ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('{% static "/roboto/Roboto-Medium.ttf" %}') format('ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('{% static "/roboto/Roboto-Bold.ttf" %}') format('ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('{% static "/roboto/Roboto-Black.ttf" %}') format('ttf');
}

body{
  overflow-x: hidden !important;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
}

.navbar-toggler {
  border: none !important;
  padding: 0 !important;
}

.navbar-toggler:focus {
  border-color: none !important;
  box-shadow: none !important;
}

.navbar-toggler-icon {
  width: 36px !important;
  height: 36px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='%230061a1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 8H25V10H7V8ZM13 15H25V17H13V15ZM7 22H25V24H7V22Z' fill='%230061a1'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}



a:link {
  color: var(--deep-dark);
}

a:hover {
  color: var(--tory-blue);
}

.bg-dark {
  background-color: var(--deep-dark) !important;
}

.nav-link {
  color: #030067;
  font-size: 18px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.nav-item{
  border-right: 1px solid;
}
.navbar-nav li:last-child{
  border:none;
}
.from_top {
  margin-top: 120px !important;
}

.heading_block {
  display: flex;
  justify-content: center;
  min-height: 200px;
  padding-top: 5.3rem !important;
  padding-bottom: 5.8rem !important;
  background-image: url("{% static 'img/breadcrumbs_bg.jpg' %}") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.head {
  color: var(--tory-blue);
  background-color: var(--light);
  padding: 1.4rem;
  display: inline-block;
}

/* .btn-outline-primary{

    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background-color:var(--tory-blue) !important;
    color: var(--deep-dark) !important;

  
} */

.alert-dismissible {
  /* width: 600px !important; */
  max-width: 100%;
  background-color: white !important;
  /* border-radius: 40px; */
  /* box-shadow: 0 4px 6px rgb(51 85 55 / 50%) !important; */
  margin: 0 auto !important;
  position: relative !important;
  color: green;
}

.profile_info strong {
  float: right !important;
  color: #6a7a81;
}

#footer {
  /* -webkit-box-shadow: 0px -4px 5px 0px rgba(54,80,125,1);
-moz-box-shadow: 0px -4px 5px 0px rgba(54,80,125,1); */
  box-shadow: 0px -1px 8px 2px rgba(54, 80, 125, 1);
}
.bg-light {
  background-color: #050066 !important;
}
#footer h5, #footer p{
  color:#fff;
}
.payment p {
  font-size: 1.2rem !important;
}


.policy li {
  color: #6a7277 !important;
}

/* spinner */

.loading-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensure it's above other content */
}

@media (max-width: 576px) {

  footer{
    margin-top: 12rem !important;
  }

  footer a,
  footer p {
    font-size: 0.8rem;
  }

  footer a:link {
    text-decoration: none;
    color: var(--tory-blue);
  }
}


/* form styles */
/* .form-control, .form-select,.form-check-input{
  border-color: var(--piction-blue)!important;
  
} */

.form-control{
  border-radius: 26px !important;
}

.rouded_btn {
  border-radius: 26px !important;
}



footer a:link {
  text-decoration: none !important;
}

.credits p{
  font-size: .92rem !important;
}

.credits p a{
  font-size: .92rem !important;
  color: #0c3769;
  text-decoration: none;
}




/* access */
.access {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #cbe5ec;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  z-index: 1000000;
  border-top: 1px solid #007bff;
}
.acces_box {
  padding: 10px 0;
}
.contact-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #007bff;
  transition: color 0.3s;
}
.contact-item:hover {
  color: #0056b3;
}
.contact-icon {
  font-size: 24px;
  margin-bottom: 5px;
}
.contact-text {
  font-size: 12px;
  font-weight: bold;
}






.form-control, .form-select, .form-check-input {
  border: 1px solid #86b0e0;
}

.form-control::placeholder {
  color: #8a8a8a !important; 
}

.form-label, label {
  padding-left: 1rem !important; 
}