html {
  scroll-behavior: smooth;
}

#scrollTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #f58d46;
  color: white;
  cursor: pointer;
  padding: 15px 20px;
  border-radius: 50%;
}

#scrollTopBtn:hover {
  background-color: #555;
}

#load_div{
    display:none;
    z-index:999;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.disabledInput{
    border      : none !important;
    background  : none !important;
    line-height : 0px !important;
    padding     : 0px !important;
    cursor      : inherit !important;
    width       : 1px !important;
    height      : 1px !important;
    float       : right !important;
}

.disabledInput:focus{
    outline : -webkit-focus-ring-color auto 0px !important;
}

.mobile-image img{
    width:100% !important;
}

main{
    display:none;
}


.cookie-banner {
  position: fixed;
  bottom: 40px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 35px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(230,230,230,0.9);
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  z-index:9999;
}

.close {
  height: 44px;
  width: 120px;
  background-color: #f58d46 !important;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
  color: #fff;
  text-shadow: none;
  font-weight: 500 !important;
  font-size: 18px !important;
  text-transform: uppercase;
}

@media (max-width: 760px){
    .close {
    float: left;
}
}

.limitOneLine{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.limitThreeLine{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 24px;    
  max-height: 72px;     
  -webkit-line-clamp: 3 ;
  -webkit-box-orient: vertical;
  font-style: italic;
}

.banner-btn,.whychoose-btn, .pages-btn{
  line-height: 50px;
}

.mobile-btn{
  display: grid;
  align-items: center;
  margin: auto;
}

#help_form .form-group{
  float: left;
  width: 100%;
}

.readmore-btn {
    width: 200px;
    margin: auto;
    padding: 8px 0px;
    display: block;
    border: none;
    border-radius: 2px;
    background-color: black;
    color: white;
    transition: 0.3s;
}

.readmore-btn:hover {
    background-color:#f58d46;
    transition: 0.3s;
    color: #fff;
    text-decoration: none;
}


.video-section .modal {
background-color: rgba(0,0,0,0.5);
height: 100vh;
}

.video-section .modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.video-section .modal-body {
position:relative;
padding:0px;
}

.video-section .close2 {
position:absolute;
right:-30px;
top:0;
z-index:99999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
background: none;
border: none;
}

.modal-backdrop {
  display: none;
}