html {
  scroll-behavior: smooth;
}



/*********************************************************
Font Size
*********************************************************/

.sp-page-title {
  padding: 80px 0;
}
.sp-scroll-up {
  bottom: 25px;
  right: 100px;
}
.fa {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}
.fa-2x {
  font-size: 1.5em !important;
}
@media (max-width: 1199px) {
  .sp-page-title h2,
  .sp-page-title h3 {
    font-size: 38px !important;
  }
  h1,
  h2,
  h3 {
    font-size: 34px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 18px !important;
  }
  h6 {
    font-size: 16px !important;
  }
}

@media (max-width: 991px) {
  .sp-page-title h2,
  .sp-page-title h3 {
    font-size: 38px !important;
  }
  h1,
  h2,
  h3 {
    font-size: 34px !important;
  }
  h4 {
    font-size: 24px !important;
  }
  h5 {
    font-size: 22px !important;
  }
  h6 {
    font-size: 20px !important;
  }
  body {
    font-size: 18px !important;
  }
  #sp-header #offcanvas-toggler.offcanvas,#sp-header #offcanvas-toggler.mega {
    display: flex !important
}
  .logo-image-phone {
    height: 55px!important;
}
}
@media (max-width: 767px) {
  .sp-page-title h2,
  .sp-page-title h3 {
    font-size: 28px !important;
  }
  h1,
  h2,
  h3 {
    font-size: 26px !important;
  }
  h4 {
    font-size: 22px !important;
  }
  h5 {
    font-size: 20px !important;
  }
  h6 {
    font-size: 20px !important;
  }
  .sp-page-title {
    padding: 40px 0;
  }
}

/*********************************************************
 Logo
 *********************************************************/
@media (max-width: 991px) {
  #sp-header {
    height: 60px;
  }
  #sp-header .logo {
    height: 60px;
  }
  .logo-image {
    height: 50px !important;
  }
  #offcanvas-toggler {
    height: 60px;
    line-height: 60px;
  }
}

/*********************************************************
 Slideshow
 *********************************************************/
[class*="sp-slider-content-align-"] {
  max-width: 800px;
  background-color: rgb(188 167 60 / 90%);
  border-radius: 1px;
  margin: auto;
}
@media (max-width: 576px) {
  [class*="sp-slider-content-align-"] {
    max-width: 350px;
  }
}

/*********************************************************
 Page Title
 *********************************************************/
.sp-page-title .sp-page-title-heading {
  font-size: 52px;
}
@media (max-width: 767px) {
  .sp-page-title .sp-page-title-heading {
    font-size: 22px;
  }
}
/*********************************************************
 Button Default, Button Form, Button Direction
 *********************************************************/
/**default**/
.bfQuickMode .btn,
.sppb-btn.sppb-btn-default {
  padding: 12px 24px !important;
  border: 1px solid #bca73c !important;
  color: #bca73c !important;
  /* background:#0b4e90; */
  background-image: linear-gradient(45deg, #fff 0%, #fff 100%);
  border-radius: 1px !important;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all 0.3s;
  overflow: hidden !important;
  text-transform: capitalize;
  outline: none !important;
  font-size: 18px!important;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 1 !important;
  min-width: 135px;
  /* margin-left: auto; */
  /* margin-right: auto; */
  display: inline-block;
  text-align: center !important;
}
.bfQuickMode .btn:hover:active,
.bfQuickMode .btn:hover,
.bfQuickMode .btn:focus,
.bfQuickMode .btn:active,
.bfQuickMode .btn:hover:active,
.sppb-btn.sppb-btn-default:hover,
.sppb-btn.sppb-btn-default:focus,
.sppb-btn.sppb-btn-default:active,
.sppb-btn.sppb-btn-default:hover:active {
  border: 1px solid #fff !important;
  color: #fff !important;
  /* background:#0b4e90; */
  background-image: linear-gradient(45deg, #1f2b51 0%, #1f2b51 100%);
  border-radius: 1px !important;
  outline: none !important;
}
/*
 .bfQuickMode .btn:before,
 .sppb-btn.sppb-btn-default:before{
  content: "";
  position: absolute;
  height: 150px;
  width: 50px;
  background: #fff;
  left: -155px;
  top: -40px;
  transition: all .6s;
  opacity: 0.3;
 }
 */
/*
 .sppb-btn.sppb-btn-default:hover{
   top:4px;
 }
 */
.bfQuickMode .btn:hover:before,
.sppb-btn.sppb-btn-default:hover:before {
  left: 150%;
}

/*********************************************************
 Button Primary, Button Slides
 *********************************************************/
a.sppb-readmore,
.sppb-btn.sppb-btn-primary,
.cls-enquiry .bfQuickMode .btn,
.sppb-sp-slider-button .sp-slider-btn-text {
  padding: 12px 24px !important;
  border: 1px solid rgb(255 255 255 / 0) !important;
  border-bottom: 1px solid #bca73c !important;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all 0.3s;
  overflow: hidden;
  color: #bca73c !important;
  background: rgb(255 255 255 / 0%);
  background-image: linear-gradient(
    45deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(255 255 255 / 0%) 100%
  );
  border-radius: 0px !important;
  text-transform: capitalize;
  outline: none !important;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 1 !important;
  min-width: 135px;
  /* margin-left: auto; */
  /* margin-right: auto; */
  display: inline-block;
  text-align: center !important;
}

a.sppb-readmore:hover,
a.sppb-readmore:focus,
a.sppb-readmore:active,
a.sppb-readmore:hover:active,
.sppb-btn.sppb-btn-primary:hover,
.sppb-btn.sppb-btn-primary:focus,
.sppb-btn.sppb-btn-primary:active,
.sppb-btn.sppb-btn-primary:hover:active,
.sppb-sp-slider-button .sp-slider-btn-text:hover:active,
.sppb-sp-slider-button .sp-slider-btn-text:hover,
.sppb-sp-slider-button .sp-slider-btn-text:focus,
.sppb-sp-slider-button .sp-slider-btn-text:active {
  border: 1px solid #bca73c !important;
  color: #fff !important;
  outline: none !important;
  /*background:#a62b47!important; */
  background-image: linear-gradient(-45deg, #bca73c 0%, #bca73c 100%);
}
/*
 a.sppb-readmore:before
 .sppb-btn.sppb-btn-primary:before, 
 .sppb-sp-slider-button .sp-slider-btn-text:before{
  content: "";
   position: absolute;
   height: 150px;
   width: 50px;
   background: #fff;
   left: -155px;
   top: -40px;
   transform: rotate(0deg);
   transition: all .6s;
   opacity: 0.3;
 }*/

a.sppb-readmore:hover:before,
.sppb-btn.sppb-btn-primary:hover:before,
.sppb-sp-slider-button .sp-slider-btn-text:hover:before {
  left: 150%;
}


.sppb-btn-secondary {
   padding: 12px 24px !important;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  overflow: hidden;
  color: #1f2b51 !important;
  border:1px solid #bca73c;
  background: rgb(255 255 255 / 0%);
  background-image: linear-gradient(
    45deg,
    #bca73c 0%,
    #bca73c 100%
  );
  border-radius: 0px !important;
  text-transform: capitalize;
  outline: none !important;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 1 !important;
  min-width: 135px;
  display: inline-block;
  text-align: center !important;
}
.sppb-btn-secondary:hover:active,
.sppb-btn-secondary:hover,
.sppb-btn-secondary:focus,
.sppb-btn-secondary:active,
.sppb-btn-secondary:hover:active {
  border: 1px solid #fff !important;
  color: #fff !important;
  /* background:#0b4e90; */
  background-image: linear-gradient(45deg, #1f2b51 0%, #1f2b51 100%);
  border-radius: 1px !important;
  outline: none !important;
}

/*********************************************************
 Accordion
 *********************************************************/
.sppb-addon-accordion .sppb-panel-heading .fa-chevron-right:before {
  content: "+";
  color: #74593c;
}
.sppb-addon-accordion .sppb-panel-heading.active .fa-chevron-right:before {
  content: "-";
  color: #74593c;
}
.sppb-panel-heading.active .sppb-toggle-direction {
  -webkit-transform: translateY(0%) rotate(180deg);
  transform: translateY(0%) rotate(180deg);
}
.sppb-panel.sppb-panel-faq {
  margin-bottom: 15px;
}
.sppb-panel.sppb-panel-faq:last-child {
  margin-bottom: 35px;
}
.sppb-addon-accordion .sppb-panel-heading.active,
.sppb-addon-accordion .sppb-panel-heading {
  color: #52976a;
  /* border: 1px solid; */
  border-bottom-color: #37b435 !important;
  background-color: #ffff !important;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 0;
}
.sppb-addon-accordion .sppb-panel-body {
  padding: 23px 15px;
  border-bottom: none;
}
.sppb-panel-modern {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0px 1px 5px rgb(225 225 225 / 40%);
}

/*********************************************************
 Breezing form
 *********************************************************/
.bfFormDiv .label,
.bfFormDiv .form-label {
  color: #fff !important;
  margin-bottom: 8px !important;
  line-height: 1;
}
.bfFormDiv .label,
.bfFormDiv .form-label {
  display: block !important;
}
.bfFormDiv input {
  width: 100% !important;
  max-width: 100% !important;
}
.bfFormDiv textarea {
  width: 100% !important;
  max-width: 100% !important;
}
.btn-booking:hover {
  top: 0 !important;
}
.bfQuickMode input[type="text"].bfCalendar {
  max-width: 100% !important;
}
.field-calendar .input-group-text {
  display: flex !important;
  border-radius: 0px !important;
  background-color: #fff;
  border-color: #bfb5a9;
}
.field-calendar .btn {
  border: 0px;
  background-color: transparent !important;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
input[type="file" i]::-webkit-file-upload-button {
  border: 1px solid #202b52 !important;
  background-color: #fff;
  /* background-image: linear-gradient(45deg, #491837, #083857); */
  border-radius: 0;
  color: #3f3f3f !important;
}
input[type="file" i]::-webkit-file-upload-button {
  padding: 10px 12px;
  cursor: pointer;
}
.bfQuickMode textarea {
  border: 1px solid #202b52 !important;
  background-color: #fff;
  border-radius: 0;
}
.bfQuickMode .bfElemWrap {
  margin-bottom: 20px !important;
}
button#bfSubmitButton {
  float: right;
  margin-right: 6px;
  text-align: center;
  /* margin: auto; */
  /* display: block; */
}
.fa-asterisk:before {
  font-size: 5px;
}
.bfQuickMode .bfbs5-nonform-control,
.bfQuickMode .nonform-control {
  width: 70%;
}

::placeholder {
  color: #cccccc !important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #cccccc !important;
}

.bfQuickMode input[type="text"].bfCalendar,
.bfQuickMode .bfbs5-uneditable-input.bfCalendar,
.bfQuickMode .uneditable-input.bfCalendar,
.bfQuickMode input[type="text"].custom-form-control,
.bfQuickMode .bfbs5-uneditable-input.custom-form-control,
.bfQuickMode .uneditable-input.custom-form-control {
  max-width: 100% !important;
}
.field-calendar button {
  min-width: auto !important;
}
.bfQuickMode textarea {
    height: 200px!important;
}
@media (max-width: 767px) {
  .bfQuickMode .bfElemWrap .form-inline label,
  .bfQuickMode .bfElemWrap .form-inline label,
  .bfQuickMode .bfElemWrap .form-inline label {
    min-width: 100% !important;
  }
  .bfQuickMode .bfElemWrap .form-inline input[type="text"],
  .bfQuickMode .bfElemWrap .form-inline input[type="number"],
  .bfQuickMode .bfElemWrap .form-inline textarea,
  .bfQuickMode .bfElemWrap .form-inline select {
    max-width: 100% !important;
  }
  .bfQuickMode .bfElemWrap {
    padding: 0px;
  }
}

/*********************************************************
 Bottom
 *********************************************************/
#sp-bottom {
  font-size: 20px;
}
#sp-bottom .sp-module .sp-module-title {
  margin: 0 0 20px;
  color: inherit;
  font-size: 24px;
}

/*********************************************************
 Footer
 *********************************************************/
#sp-footer .container-inner {
  padding: 10px 0;
  border-top: 0px;
  text-align: center;
}

/*********************************************************
Team Carousel
*********************************************************/
.sppb-carousel-extended-item img {
  object-fit: none !important;
}
.sppb-carousel-extended-item {
  height: auto;
  position: relative;
}
/*
.sppb-carousel-extended-item.active:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    360deg,
    rgba(188, 167, 60, 1) 0%,
    rgba(255, 255, 255, 0) 40%
  );
  position: absolute;
  top: 0;
  left: 0;
}
.sppb-carousel-extended-item.active:hover:before {
  content: "";
  background: linear-gradient(360deg, #1f2b51 0%, #1f2b51 40%);
}
*/
.sppb-carousel-extended-team-content.sppb-carousel-layout2 {
  opacity:1;
  visibility:visible;
  padding: 0;
  overflow: hidden;
}
.sppb-carousel-extended-item-overlay {
      opacity: 1;
    visibility: visible;
}
.sppb-carousel-extended-team-content.sppb-carousel-layout2:hover .sppb-carousel-extended-item-overlay {
    background: linear-gradient(360deg, rgb(32 43 82) , rgb(32 43 82) )!important;
    opacity: 1;
    visibility: visible;
}

.sppb-carousel-extended-team-content-wrap {
    position: initial;
}
.sppb-carousel-extended-item img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
/*
.sppb-carousel-extended-team-content-wrap {
  position: inherit;
}
.sppb-carousel-extended-team-content {
  background: transparent !important;
  color: #bca73c;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
*/
.sppb-carousel-extended-team-name {
  position: absolute;
  bottom: 15px;
  left: 25px;
  /* width: 100%; */
  text-align: left;
  opacity:1;
  visibility:visible;
}
.sppb-carousel-extended-team-name a {
  color: #fff !important;
  font-size: 22px;
}
.sppb-carousel-extended-team-content.sppb-carousel-layout2:hover .sppb-carousel-extended-team-name{
  opacity:0;
  visibility:hidden;
}
.sppb-carousel-extended-team-designation a {
  color: #bca73c;
  font-size: 18px;
  margin-bottom: 0;
  background-color: #1f2b51;
  border-radius: 1px;
  border: 1px solid #bca73c;
  display: block;
  padding: 6px 10px;
  max-width: 120px;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  opacity:0;
  visibility:hidden;
}
.sppb-carousel-extended-team-content.sppb-carousel-layout2:hover .sppb-carousel-extended-team-designation a {
      opacity: 1!important;
    visibility: visible!important;
}
@media (min-width: 768px) {
  .sppb-carousel-extended-item {
    margin-right: 15px;
  }
}