html,body {
  display:flex;
  margin:0;
  font-family: Arial, sans-serif;
  height: 100%;
  flex-direction: column;
}

p{margin: 0;}

.theme-main {color:#f1f1f1  !important; background-color:#3b961f !important;}  /* Main Color */
.theme-header {color:#f1f1f1  !important; background-color:#0c4d09 !important} /* Modal Header and footer theme*/
.dark-green{color:#f1f1f1 !important;background-color:#0c4d09!important}       /* Button Theme*/
.dark-green:hover{color:#c7c6c6!important;background-color:#48bd44!important}  /* Button Hover Theme*/
.theme-bg {color:#000000!important;background-color:#f1f1f1 !important}        /* Main Background color*/

::-webkit-scrollbar-thumb {background: #0c4d09;border-radius: 20px;}     
::-webkit-scrollbar-thumb:hover {background: #48bd44;} 
::-webkit-scrollbar-track {-webkit-box-shadow: none;background:#f1f1f1}        

.content {flex: 1;}

.contrastbtn {border-bottom: 2px solid #f1f1f1!important;}

.downShadow {box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.upShadow {box-shadow:0 -4px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.box-shadow {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}

.border-bottom {border-bottom: 2px solid white;}
.center{text-align:center!important}

.title-class {
  display: flex;
  flex-direction: row;
  align-self:center
}

.display-topright{position:absolute;right:0;top:0}
.display-topleft{position:absolute;left:0;top:0}
.display-left{position:absolute;left:0}

.button-margin{
  margin: 0 0.5%;
  border-radius: 5px 5px 5px 5px; /* top-left | top-right | bottom-right | bottom-left */
}

.corner-all {border-radius: 5%;}

.corner-top {border-radius: 10px 10px 0px 0px;} /* top-left | top-right | bottom-right | bottom-left */

.btn-container{
  position:absolute;
  top:1%;
  right:1%;
}

.btn-container2 {
  position: fixed;
  z-index: 101;
  display: flex !important;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.btn-container2 div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; /* Ensure the child div takes full width */
  height: 100%; /* Ensure the child div takes full height */
}

/* Adjust the position of the arrow characters */
.arrows-right div, .arrows-left div {
  position: relative;
  top: -0.10em; /* Adjust this value as needed to nudge the arrow upwards */
}

.logoimg {
  left:2%;
  vertical-align: middle;
  height: auto;  /* Keeps the aspect ratio of the image */
}

.topBtn {
  right: 1%; 
  bottom: 6%;
}

.font-weight-large{font-weight: 900;}
.font-weight-medium{font-weight: 750;}
.font-weight-smaller{font-weight: 600;}
.bold {font-weight: bold;}

.arrows-left {
  top:45%;
  left:10%;
}

.arrows-right {
  top:45%;
  right:10%;
}

.main-title{
  position: relative; 
  top:1%;
  font-weight:400;
}

.padding{padding:8px 16px!important} /* Title */
.padding-top-bottom{padding: 2px 0px!important;} /* top and bottom | left and right */

/* Base font sizes for very small screens */
.font-small { font-size: 10px!important; }  /* Minimum readable size */
.font-medium { font-size: 10px!important; }
.font-large { font-size: 12px!important; }
.font-xlarge { font-size: 16px!important; }
.font-xxlarge { font-size: 20px!important; }
.font-xxxlarge { font-size: 24px!important; }
.font-jumbo { font-size: 28px!important; }
.font-mega { font-size: 36px!important; }
.modal-footer,.modal-header{padding: 2%;}
.sidebar-header{padding: 4%;}
.padding-3{padding: 2%  4%!important;}
.padding-2-lb{padding: 2%  4%!important;}
.footer-section > div {padding: 1vw 1vw;}

.logoimg {width: 32px;}
.btn-container2 {width: 10vw; height: 10vw!important;}

@media (min-width: 800px) {
  .btn-container2 {width: 7vw; height: 7vw!important;}}

@media (min-width: 1100px) {
  .logoimg {width: 40px;}
  .font-small { font-size: 0.5vw!important; }
  .font-medium { font-size: 0.75vw!important; }
  .font-large { font-size: 1vw!important; }
  .font-xlarge { font-size: 1.25vw!important; }
  .font-xxlarge { font-size: 1.75vw!important; }
  .font-xxxlarge { font-size: 2.5vw!important; }
  .font-jumbo { font-size: 3.5vw!important; }
  .font-mega { font-size: 5.5vw!important; }
  .modal-footer,.modal-header{padding: 1%;}
  .sidebar-header{padding: 2%;}
  .padding-3 {padding: 1%  2%!important;}
  .padding-2-lb{padding: 1%  2%!important;}
  .btn-container2 {width: 5vw; height: 5vw!important;}
}
@media (min-width: 1650px) {
  .logoimg {width: 70px;}
  .font-small { font-size: 0.45vw!important; }
  .font-medium { font-size: 0.68vw!important; }
  .font-large { font-size: 0.9vw!important; }
  .font-xlarge { font-size: 1.13vw!important; }
  .font-xxlarge { font-size: 1.58vw!important; }
  .font-xxxlarge { font-size: 2.25vw!important; }
  .font-jumbo { font-size: 3.15vw!important; }
  .font-mega { font-size: 4.95vw!important; }
  .modal-footer,.modal-header{padding: 0.75%;}
  .sidebar-header{padding: 1.5%;}
  .padding-3 {padding: 1.125%  2.25%!important;}
  .padding-2-lb{padding: 0.75%  1.5%!important;}
  .btn-container2 {width: 3.5vw; height: 3.5vw!important;}
}
@media (min-width: 1900px) {
  .font-small { font-size: 0.41vw!important; }
  .font-medium { font-size: 0.61vw!important; }
  .font-large { font-size: 0.82vw!important; }
  .font-xlarge { font-size: 1.02vw!important; }
  .font-xxlarge { font-size: 1.43vw!important; }
  .font-xxxlarge { font-size: 2.05vw!important; }
  .font-jumbo { font-size: 2.86vw!important; }
  .font-mega { font-size: 4.49vw!important; }
  .modal-footer,.modal-header{padding: 0.5%!important;}
  .sidebar-header{padding: 1%!important;}
  .padding-3 {padding: 0.75%  1.5%!important;}
  .padding-2-lb{padding: 0.5%  1%!important;}
  .btn-container2 {width: 2.5vw; height: 2.5vw!important;}
  .footer-section > div {padding: 0.5vw 0.5vw;}
}

@media (max-width: 800px) {
  .form-row { flex-direction: column;}
}

.button{
  display:inline-block;
  padding:inherit;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap
}
  
.centerimg{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.img-max {
  max-height: 800px;
  max-width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pdf {
  max-width: 80%;
  width: 80%;
  height: 800px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.centercontent {
  max-width: 80%;
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.modal{
  display:none;
  position:fixed;
  z-index: 101;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4);
}

.modal-content{
  margin:auto;
  top:10%;
  position:relative;
  padding:0;
  outline:0;
  width:70%;
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}

.modal-animate-top{
    position:relative;
    animation:animatetop 0.4s
  }@keyframes animatetop{
    from{top:-500px;opacity:0} to{top:10%;opacity:1}
}


.lang-btns {
  z-index: 101;
  padding: 0.25% 0.5%;
  right: 0;
  position: absolute;
}

.lang-btns-img{
  vertical-align: middle;
  width: 40px;
  height: 30px;
}

.lang-btns-img:hover {
  filter: contrast(0.3);
}

/* Style for contact form */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.form-input {
  flex: 1;
  padding: 0.5em;
}

.form-row {
  display: flex;
  gap: 1em;
}

.form-row-radio {
  display: flex;
  gap: 1em;
}

.form-textarea {
  padding: 0.5em;
}

.form-label {
  margin-right: 0.5em;
}

.form-radio {
  margin-right: 1em;
}

.contact-form .button {
  align-self: flex-start;
}

::-webkit-scrollbar {width: 10px;}                    
         

.button,.user-select-none{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
} 

.user-select-text{
  -webkit-touch-callout:text;
  -webkit-user-select:text;
  -khtml-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text
} 


.footer-container {
  display: flex;
  justify-content: space-between;
}

.footer-section {
  display: flex;
  align-items: center;
}

.footer-section > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-left {
  justify-content: left;
  flex-direction: column;
}

.footer-right {
  display: flex;
  justify-content: flex-end;
  align-items: end;
}

.button-margin {
  margin: 0 10px;
}

.animate-bottom{
  position:relative;
  animation:animatebottom 0.6s
}@keyframes animatebottom{
  from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}
}


  /* Hide the up and down arrows (spinners) */
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] { -moz-appearance: textfield; } /* Hide the spinners in Firefox */