@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');







#main_container {

  visibility: hidden;

  opacity: 0;

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

  width: 90%;

  height: 100%;

  box-sizing: border-box;

  position: fixed;

  top: 0;

  right: 0;

  background-color: #f8f8f8;

  z-index: 9999;

  overflow: visible;

  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  -ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);

}

html * {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

body {

  background: #fff;

  font-size: 16px;

  line-height: 1.5;

  font-family: 'Poppins', sans-serif;

  color: #555;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  -webkit-font-smoothing: antialiased;

  color: #222;

  font-weight: 700;

}

h1,

h2,

h3 {

  margin-top: 20px;

  margin-bottom: 10px;

}

h2 {

  font-size: 30px;

}

.widget h4 {

  color: #999;

  font-weight: 400;

  font-size: 16px;

}

p {

  margin-bottom: 25px;

}

p.lead {

  font-weight: 400;

  font-size: 24px;

  color: #333;

  margin-bottom: 35px;

}

hr {

  margin: 15px 0 30px;

  border-color: #ededed;

  opacity: 1;

}

a {

  color: #103a63;

  text-decoration: none;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

  outline: none;

}

a:hover,

a:focus {

  color: #333;

  text-decoration: none;

  outline: none;

}

a.animated_link {

  position: relative;

  text-decoration: none;

}

a.animated_link:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 1px;

  bottom: -5px;

  opacity: 1;

  left: 0;

  background-color: #fff;

  visibility: hidden;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transition: all 0.3s ease-in-out 0;

  transition: all 0.3s ease-in-out 0;

}

a.animated_link:hover:before {

  visibility: visible;

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

a.animated_link_2 {

  position: relative;

  text-decoration: none;

  color: #555;

}

a.animated_link_2:hover {

  color: #111;

}

a.animated_link_2:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 1px;

  bottom: -5px;

  opacity: 1;

  left: 0;

  background-color: #111;

  visibility: hidden;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transition: all 0.3s ease-in-out 0;

  transition: all 0.3s ease-in-out 0;

}

a.animated_link_2:hover:before {

  visibility: visible;

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

a.btn_outline,

.btn_outline {

  border: 2px solid #3f9fff;

  font-family: inherit;

  font-size: inherit;

  color: #3f9fff;

  width: 100%;

  cursor: pointer;

  padding: 8px 20px;

  display: inline-block;

  outline: none;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  text-transform: uppercase;

  display: block;

  text-align: center;

  font-size: 18px;

  text-transform: none;

}

a.btn_outline:hover,

.btn_outline:hover {

  background: #333;

  color: #fff;

  border: 2px solid #333;

}

a.btn_1,

.btn_1 {

  border: none;

  font-family: inherit;

  font-size: inherit;

  color: #fff;

  background: #3f9fff;

  cursor: pointer;

  padding: 7px 15px;

  display: inline-block;

  outline: none;

  font-size: 15px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  font-weight: 400;

}

a.btn_1.medium,

.btn_1.medium {

  border: none;

  font-family: inherit;

  font-size: inherit;

  color: #fff;

  background: #3f9fff;

  cursor: pointer;

  padding: 10px 20px;

  display: inline-block;

  outline: none;

  font-size: 18px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  font-weight: 500;

}

a.btn_1:hover,

.btn_1:hover {

  background: #333;

}

a.close_in {

  font-size: 36px;

  position: relative;

  top: 0px;

  left: 0px;

  color: #ccc;

}

a.close_in:hover {

  color: #111;

}

#header_in {

  height: 56px;

  border-bottom: 1px solid #e8ebed;

  position: relative;

  background-color: #fff;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 9;

  display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 50px;

}

.wrapper_in {

  padding: 0 0px 60px;

  z-index: 9;

  position: absolute;

  overflow-y: scroll;

  overflow-x: hidden;

  height: 100%;

  right: 0;

  left: 0;

  top: 55px;

  -webkit-overflow-scrolling: touch;

}

.main_nav {

  position: absolute;

  background-color: #fff;

  border-radius: 5px;

  border: 1px solid #e8ebed;

  z-index: 999;

  bottom: -59px;

}

.main_nav .nav-tabs {

  border-bottom: none;

  margin: 0;

  border-bottom: none;

}

.main_nav .nav-tabs > li {

  border-right: 1px solid #e8ebed;

  font-size: 15px;

}

.main_nav .nav-tabs > li:last-child {

  border-right: none;

}

.main_nav .nav-tabs > li > a {

  line-height: 0;

  padding: 5px 5px 5px 9px;

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 18px;

  font-weight: 500;

  border: 2px solid #ffffff;

  border-radius: 5px;

  background-color: #b11f29;

  color: #fff;

}



.main_nav .nav-tabs > li > a .fs1{

    background-color: #103a63;

    color: #fff;

    padding: 5px 7px 5px 4px;

    border-radius: 5px;

}





.main_nav .nav-tabs > li > a:hover,

.main_nav .nav-tabs > li > a.active {

  background-color: transparent;

  border-color: transparent;

  color: #333;

}

.main_nav .nav-tabs > li.active > a,

.main_nav .nav-tabs > li.active > a:focus,

.main_nav .nav-tabs > li.active > a:hover {

  background-color: transparent;

  border-color: transparent;

  color: #333;

  border-bottom-color: transparent;

}

.layer {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  min-width: 100%;

  z-index: 100;

  min-height: 100%;

  background-color: #000;

  z-index: 9999;

  background-color: rgba(0, 0, 0, 0.8);

  -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s,

    visibility 0 ease 0.3s;

  -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s,

    visibility 0 ease 0.3s;

  -ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s,

    visibility 0 ease 0.3s;

  -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s,

    visibility 0 ease 0.3s;

  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s,

    visibility 0 ease 0.3s;

  opacity: 0;

  visibility: hidden;

}

.layer-is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0;

  -moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0;

  -ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0;

  -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0;

  transition: opacity 0.3s ease 0s, transform 0.3s ease 0;

}

#main_container.show_container {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}

#main_container.visible {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  position: fixed;

  top: 0;

  right: 0;

  background-color: #f8f8f8;

  z-index: 999;

  overflow: visible;

}

#logo_home {

  position: relative;

  top: 10px;



  z-index: 36;

  width: fit-content;

}

#logo_home h1 {

  margin: 0;

  padding: 0;

}

/* #logo_home h1 a {

  width: 160px;

  height: 48px;

  display: block;

  background-image: url(../img/home/logo.png);

  background-repeat: no-repeat;

  background-position: left top;

  background-size: 160px 48px;

  text-indent: -9999px;

}

@media only screen and (min--moz-device-pixel-ratio: 2),

  only screen and (-o-min-device-pixel-ratio: 21),

  only screen and (-webkit-min-device-pixel-ratio: 2),

  only screen and (min-device-pixel-ratio: 2) {

  #logo_home h1 a {

    background-image: url(../img/home/logo.png);

    background-size: 160px 48px;

  }

} */



#logo_home h1 a img {

  width: 200px;

  background-color: #ffffff00;

  border-radius: 5px;

  padding: 10px;

  border: 1px solid #fff0;

}



footer {

  background-color: #fff;

  border-top: 1px solid #e8ebed;

  padding: 25px;

}

footer ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

footer ul li {

  display: inline-block;

  margin-right: 15px;

}

footer ul li a {

  color: #555;

}

footer ul li:after {

  content: "|";

  font-weight: 300;

  position: relative;

  left: 10px;

}

footer ul li:first-child:after,

footer ul li:last-child:after {

  content: "";

}

footer ul li:first-child {

  margin-right: 20px;

}

.video {

  position: fixed;

  top: 50%;

  left: 50%;

  z-index: 1;

  opacity: 0.6;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}



.imgae-bg {

  position: fixed;

  top: 50%;

  left: 50%;

  z-index: 1;

  opacity: 1;

  min-width: 100%;

  min-height: 100%;

  width: 100%;

  height: 100%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  object-fit: cover;

  }



  .img-banner-sec{

      background-image: url(https://globosoft.co.uk/Khimjis/front/img/home/event-banner.jpg);

      width: 100%;

      height: 430px;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover;

  }

  





.intro_txt {

  position: absolute;

  top: 34%;

  left: 5%;

  z-index: 2;

  margin: 0 auto;

  max-width: 600px;

  color: #fff;

  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);

}

.intro_txt h2 {

  margin-bottom: 15px;

  font-size: 48px;

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

}

.intro_txt p {

  margin-bottom: 0;

  font-size: 24px;

}

#additional_links {

  position: absolute;

  bottom: 20px;

  left: 5%;

  z-index: 36;

  font-size: 14px;

}

#additional_links ul {

  margin: 0;

  padding: 0;

  list-style: none;

  color: #fff;

}

#additional_links ul li {

  display: inline-block;

  margin-right: 15px;

}

#additional_links ul li a {

  color: #fff;

}

#additional_links ul li:after {

  content: "|";

  font-weight: 300;

  position: relative;

  left: 10px;

}



#additional_links ul li:last-child:after {

  content: "";

}

#additional_links ul li:last-child {

  margin-right: 20px;

}

.ls-bottom-slidebuttons {

  right: 20px !important;

  position: absolute;

}

.box_feat {

  background-color: #fff;

  padding: 140px 35px 15px;

  text-align: center;

  position: relative;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

  margin-bottom: 25px;

}

.box_feat h3 {

  text-transform: uppercase;

  font-size: 18px;

  color: #f5ab35;

}

.box_feat#icon_1 {

  background: #fff url(../img/icon_about_1.svg) no-repeat center 40px;

}

.box_feat#icon_2 {

  background: #fff url(../img/icon_about_2.svg) no-repeat center 40px;

}

.box_feat#icon_3 {

  background: #fff url(../img/icon_about_3.svg) no-repeat center 40px;

}

.box_feat#icon_4 {

  background: #fff url(../img/icon_about_4.svg) no-repeat center 40px;

}

.about_info {

  padding-left: 80px;

  position: relative;

}

.about_info h4 {

  font-size: 21px;

}

.about_info h4 span {

  display: block;

  font-weight: 400;

}

.about_info i {

  font-size: 60px;

  color: #3f9fff;

  position: absolute;

  left: 0;

  top: 0;

}

.widget {

  border-bottom: 1px solid #e8ebed;

  margin-bottom: 25px;

}

.widget ul {

  list-style: none;

  padding: 0;

  margin: 0 0 25px;

}

.widget#follow ul li a {

  color: #333;

}

.widget#follow ul li a:hover {

  color: #3f9fff;

}

.widget#follow ul li a i {

  color: #3f9fff;

  margin-right: 5px;

  font-size: 18px;

}

.widget#gallery ul li {

  display: inline-block;

  width: 65px;

  height: 65px;

  overflow: hidden;

  margin-right: 3px;

}

.widget#gallery ul li figure img {

  width: 65px;

  height: auto;

}

.subheader {

  text-align: center;

  margin: 0 -65px 45px;

  height: 300px;

  border-bottom: 1px solid #e8ebed;

}

.subheader#about {

  background: #fff4e3 url(../img/about_bg.svg) no-repeat center bottom;

}

.subheader#quote {

  background: #fff4e3 url(../img/quote_bg.svg) no-repeat center bottom;

}

.subheader#services {

  background: #fff4e3 url(../img/services_bg.svg) no-repeat center bottom;

}

.subheader h3 {

  font-size: 32px;

}

blockquote.testimonial {

  background: #fff;

  border-radius: 5px;

  border: 0;

  font-family: Georgia, serif;

  font-style: italic;

  margin: 0;

  padding: 20px;

  position: relative;

}

blockquote.testimonial p {

  font-family: Georgia, serif;

  font-style: italic;

  font-size: 14px;

  line-height: 20px;

}

.testimonial-arrow-down {

  border-left: 15px solid transparent;

  border-right: 15px solid transparent;

  border-top: 15px solid #fff;

  height: 0;

  margin: 0 0 0 25px;

  width: 0;

}

.testimonial-author {

  margin: 8px 0 0 8px;

}

.testimonial-author .img-thumbnail {

  float: left;

  margin-right: 10px;

}

.testimonial-author .img-thumbnail img {

  max-width: 60px;

}

.testimonial-author strong {

  color: #111;

  display: block;

  padding-top: 7px;

}

.testimonial-author span {

  color: #666;

  display: block;

  font-size: 12px;

}

.testimonial-author p {

  color: #999;

  margin: 0 0 0 25px;

  text-align: left;

}

#wizard_container {

  border-left: 2px solid #e8ebed00;

  margin-top: 0px;

}

input#website {

  display: none;

}

h3.main_question {

  margin: 0 0 20px;

  padding: 0;

  font-weight: 400;

  font-size: 26px;

  color: #011747;

}

h3.main_question strong {

  display: block;

  color: #999;

  font-size: 18px;

  margin-bottom: 5px;

  font-weight: 400;

}

button.backward,

button.forward,

button.submit {

  border: none;

  color: #fff;

  padding: 7px 20px;

  text-decoration: none;

  transition: background 0.5s ease;

  -moz-transition: background 0.5s ease;

  -webkit-transition: background 0.5s ease;

  -o-transition: background 0.5s ease;

  display: inline-block;

  cursor: pointer;

  font-weight: 400;

  outline: none;

  text-align: center;

  background: #103a63;

  position: relative;

  font-size: 15px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  line-height: 1;

  padding: 10px 30px 10px 30px;

}

button.backward {

  color: #333;

  background: #e8e8e8;

  padding: 10px 20px 10px 30px;

}

button.forward,

button.submit {

  padding: 10px 30px 10px 20px;

}

button[disabled] {

  display: none;

}

button.backward:before {

  content: "\34";

  font-family: "ElegantIcons";

  position: absolute;

  top: 8px;

  left: 12px;

  font-size: 18px;

}

button.forward:before {

  content: "\35";

  font-family: "ElegantIcons";

  position: absolute;

  top: 8px;

  right: 10px;

  font-size: 18px;

}

button.submit:before {

  content: "\4e";

  font-family: "ElegantIcons";

  position: absolute;

  top: 8px;

  right: 10px;

  font-size: 18px;

}

button.submit.circle:before {

  content: "\e800";

  font-family: "fontello";

  position: absolute;

  top: 10px;

  right: 10px;

  font-size: 14px;

  -moz-animation: spin 2s infinite linear;

  -o-animation: spin 2s infinite linear;

  -webkit-animation: spin 2s infinite linear;

  animation: spin 2s infinite linear;

  display: inline-block;

}

.backward:hover,

.forward:hover {

  background: #103a63c4;

  color: #fff;

}

#top-wizard {

  text-align: center;

  padding: 15px 0;

  border-bottom: 1px solid #e8ebed;

  position: relative;

  text-transform: uppercase;

  font-size: 11px;

}

#middle-wizard {

  padding: 0px 0 0px 20px;

}



#middle-wizard .step .row .col-md-3{

  border-right: 1px solid #33333326;

  padding-right: 30px;

}



.side-sec-form ul.list_ok li{

        text-align: left;



}



#middle-wizard .step .row .col-md-6{

  padding-left: 60px;

}





#bottom-wizard {

  text-align: right;

  padding: 15px 0;

  border-top: 1px solid #e8ebed;

}

.ui-widget-content {

  background: #103a638a;

  color: #222;

}

.ui-widget-content a {

  color: #222;

}

.ui-widget-header {

  background: #103a63;

}

.ui-widget-header a {

  color: #222;

}

.ui-progressbar {

  height: 2em;

  text-align: center;

  width: 75%;

  margin: auto;

}

.ui-progressbar .ui-progressbar-value {

  margin: -1px;

  height: 100%;

}

span.error {

  font-size: 12px;

  position: absolute;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  top: -35px;

  right: -15px;

  z-index: 99;

  height: 25px;

  line-height: 1;

  background-color: #e34f4f;

  color: #fff;

  font-weight: 400;

  display: inline-block;

  padding: 6px 8px;

}

span.error:after {

  content: "";

  position: absolute;

  border-style: solid;

  border-width: 0 6px 6px 0;

  border-color: transparent #e34f4f;

  display: block;

  width: 0;

  z-index: 1;

  bottom: -6px;

  left: 20%;

}

.styled-select span.error {

  top: -5px;

}

.form-group {

  position: relative;

  margin-bottom: 1rem;

}

.form-group label {

  font-weight: 400;

  color: #222;

}

.form-group.radio_questions label {

  border: 2px solid #e8ebed;

  display: block;

  font-weight: 400;

  padding: 15px 45px 15px 15px;

  box-sizing: content-box;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  cursor: pointer;

  color: #333;

  background-color: #fff;

}

.form-group.checkbox_questions label {

  font-weight: 400;

  cursor: pointer;

  color: #555;

}

.form-group.radio_questions .iradio_square-yellow {

  position: absolute;

  top: 17px;

  right: 23px;

}

.form-group.checkbox_questions .icheckbox_square-yellow {

  margin-right: 10px;

}



/*  */



.form-group.radio_questions label .img-faclilitys img {

width: 25px !important;

    object-fit: contain !important;

    height: 25px !important;

    margin-bottom: -3px !important;

    filter: invert(100%);

    background-color: #ffffff;

    padding: 2px;

}



/*  */



.form-group.radio_questions label:hover {

  border: 2px solid #103a63;

}

.form-group.select {

  margin-bottom: 30px;

}

.styled-select select {

  background: transparent;

  width: 107%;

  padding: 5px;

  padding-left: 15px;

  border: 0;

  border-radius: 0;

  box-shadow: none;

  height: 41px;

  color: #333;

  margin: 0;

  font-weight: 400;

  -moz-appearance: window;

  -webkit-appearance: none;

  cursor: pointer;

  outline: none;

}

.styled-select select:focus {

  color: #555;

}

.styled-select {

  width: 100%;

  overflow: hidden;

  height: 44px;

  background: #fff url(../img/arrow_down.svg) no-repeat right center;

  border: 2px solid #e8ebed;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.styled-select select::-ms-expand {

  display: none;

}

.styled-select select:focus {

  outline: none;

  box-shadow: none;

}

.form-control::-moz-placeholder {

  color: #999;

  opacity: 1;

}

.form-control::-webkit-input-placeholder {

  color: #999;

}

input.form-control,

select.form-control,

textarea.form-control {

  background: none;

  background-color: #fff;

  border: 2px solid #e8ebed;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: none;

  color: #333;

  height: 44px;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 25px;

  padding: 6px 12px;

}

input.form-control:focus,

select.form-control:focus,

textarea.form-control:focus {

  border-color: #103a63;

  outline: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #555;

}

#map_contact {

  width: 100%;

  height: 350px;

  border-bottom: 1px solid #e8ebed;

  position: absolute;

  top: 70px;

  left: 0;

  right: 0;

}

#contact_info {

  position: relative;

  top: 460px;

  width: 100%;

}

.box_contact {

  position: relative;

  padding-left: 60px;

  box-sizing: content-box;

  margin-bottom: 25px;

}

.box_contact i {

  font-size: 42px;

  color: #3f9fff;

  position: absolute;

  left: 0;

  top: 0;

}

.box_contact h4 {

  font-size: 24px;

  font-weight: 400;

}

#social ul {

  margin: 0;

  padding: 0 0 10px;

  text-align: center;

}

#social ul li {

  display: inline-block;

  margin: 0 5px 10px 0;

}

#social ul li a {

  color: #242e30;

  text-align: center;

  line-height: 35px;

  display: block;

  font-size: 16px;

  width: 35px;

  height: 35px;

  padding: 0;

  background-color: #fff;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

#social ul li a:hover {

  color: #3f9fff !important;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

#success {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 300px;

  height: 190px;

  margin-top: -85px;

  margin-left: -150px;

  text-align: center;

}

#success h4 {

  margin: 0;

}

#success h4 span {

  display: block;

  font-size: 24px;

}

@-webkit-keyframes checkmark {

  0% {

    stroke-dashoffset: 50px;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

@-ms-keyframes checkmark {

  0% {

    stroke-dashoffset: 50px;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

@keyframes checkmark {

  0% {

    stroke-dashoffset: 50px;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

@-webkit-keyframes checkmark-circle {

  0% {

    stroke-dashoffset: 240px;

  }

  100% {

    stroke-dashoffset: 480px;

  }

}

@-ms-keyframes checkmark-circle {

  0% {

    stroke-dashoffset: 240px;

  }

  100% {

    stroke-dashoffset: 480px;

  }

}

@keyframes checkmark-circle {

  0% {

    stroke-dashoffset: 240px;

  }

  100% {

    stroke-dashoffset: 480px;

  }

}

.inlinesvg .svg svg {

  display: inline;

}

.icon--order-success svg path {

  -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;

  animation: checkmark 0.25s ease-in-out 0.7s backwards;

}

.icon--order-success svg circle {

  -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;

  animation: checkmark-circle 0.6s ease-in-out backwards;

}

#background_color_in {

  background-color: #f8f8f8;

}

.subheader_in {

  text-align: center;

  height: 300px;

  border-bottom: 1px solid #e8ebed;

  background: #fff4e3 url(../img/shortcodes_bg.svg) no-repeat center bottom;

}

#logo_in {

  position: absolute;

  top: 15px;

  left: 20px;

  z-index: 9;

  width: 160px;

  height: 48px;

}

.tab-pane.styled {

  padding: 30px;

  background-color: #fff;

  border: 1px solid #ddd;

  border-top: 0;

}

.card {

  border: 0;

  margin-bottom: 5px;

}

.card .card-header {

  background-color: #fff;

  border-bottom: 1px solid #e1e8ed;

  padding: 20px;

}

.card-body {

  padding-bottom: 0;

}

.card-header h5 {

  font-size: 16px;

  font-size: 1rem;

}

.card-header h5 a {

  border: 0;

  display: block;

  color: #444;

}

.card-header h5 a i.indicator {

  font-size: 18px;

  font-size: 1.125rem;

  font-weight: 400;

  float: right;

  color: #103a63;

}

.card-header h5 a:hover i.indicator {

  color: #333;

}

.add_bottom_15 {

  margin-bottom: 15px;

}

.add_bottom_30 {

  margin-bottom: 30px;

}

.add_bottom_45 {

  margin-bottom: 45px;

}

.add_bottom_60 {

  margin-bottom: 60px;

}

.add_bottom_75 {

  margin-bottom: 75px;

}

.add_top_20 {

  margin-top: 20px;

}

.add_top_30 {

  margin-top: 30px;

}

.add_top_60 {

  margin-top: 60px;

}

.more_padding_left {

  padding-left: 40px;

}

.nomargin_top {

  margin-top: 0;

}

.nopadding {

  margin: 0 !important;

  padding: 0 !important;

}

.nomargin {

  margin: 0 !important;

}

.margin_60 {

  padding-top: 60px;

  padding-bottom: 60px;

}

.margin_60_35 {

  padding-top: 60px;

  padding-bottom: 35px;

}

.owl-carousel {

  display: none;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  position: relative;

  z-index: 1;

}

.owl-carousel .owl-stage {

  position: relative;

  -ms-touch-action: pan-Y;

}

.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  -webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none;

}

.owl-carousel .owl-item img {

  display: block;

  width: 100%;

  -webkit-transform-style: preserve-3d;

}

.owl-carousel .owl-nav.disabled,

.owl-carousel .owl-dots.disabled {

  display: none;

}

.owl-carousel .owl-nav .owl-prev,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-dot {

  cursor: pointer;

  cursor: hand;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.owl-carousel.owl-loaded {

  display: block;

}

.owl-carousel.owl-loading {

  opacity: 0;

  display: block;

}

.owl-carousel.owl-hidden {

  opacity: 0;

}

.owl-carousel.owl-refresh .owl-item {

  visibility: hidden;

}

.owl-carousel.owl-drag .owl-item {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.owl-carousel.owl-grab {

  cursor: move;

  cursor: grab;

}

.owl-carousel.owl-rtl {

  direction: rtl;

}

.owl-carousel.owl-rtl .owl-item {

  float: right;

}

.no-js .owl-carousel {

  display: block;

}

.owl-carousel .animated {

  -webkit-animation-duration: 1000ms;

  animation-duration: 1000ms;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.owl-carousel .owl-animated-in {

  z-index: 0;

}

.owl-carousel .owl-animated-out {

  z-index: 1;

}

.owl-carousel .fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}

@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

.owl-height {

  transition: height 500ms ease-in-out;

}

.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  transition: opacity 400ms ease;

}

.owl-carousel .owl-item img.owl-lazy {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}

.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000;

}

.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url(owl.video.play.png) no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  transition: -webkit-transform 100ms ease;

  transition: transform 100ms ease;

}

.owl-carousel .owl-video-play-icon:hover {

  -webkit-transform: scale(1.3, 1.3);

  -ms-transform: scale(1.3, 1.3);

  transform: scale(1.3, 1.3);

}

.owl-carousel .owl-video-playing .owl-video-tn,

.owl-carousel .owl-video-playing .owl-video-play-icon {

  display: none;

}

.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  transition: opacity 400ms ease;

}

.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

  height: 100%;

  width: 100%;

}

.owl-theme .owl-nav {

  margin-top: 10px;

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}

.owl-theme .owl-nav [class*="owl-"] {

  color: #fff;

  font-size: 14px;

  margin: 5px;

  padding: 4px 7px;

  background: #d6d6d6;

  display: inline-block;

  cursor: pointer;

  border-radius: 3px;

}

.owl-theme .owl-nav [class*="owl-"]:hover {

  background: #869791;

  color: #fff;

  text-decoration: none;

}

.owl-theme .owl-nav .disabled {

  opacity: 0.5;

  cursor: default;

}

.owl-theme .owl-nav.disabled + .owl-dots {

  margin-top: 10px;

}

.owl-theme .owl-dots {

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}

.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1;

  *display: inline;

}

.owl-theme .owl-dots .owl-dot span {

  width: 10px;

  height: 10px;

  margin: 5px 7px;

  background: #d6d6d6;

  display: block;

  -webkit-backface-visibility: visible;

  transition: opacity 200ms ease;

  border-radius: 30px;

}

.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background: #869791;

}

.fileupload {

  margin-top: 10px;

  position: relative;

  width: 320px;

}

input[type="file"] {

  background-color: #fff;

  border: 2px solid #e8ebed;

  padding: 5px;

  height: auto;

  color: #999;

  border-radius: 5px;

  height: 44px;

}

input[type="file"]::-webkit-file-upload-button,

input[type="file"].invalid::-webkit-file-upload-button,

input[type="file"].valid::-webkit-file-upload-button {

  color: #fff;

  font-size: 13px;

  border: 0;

  border-radius: 4px;

  padding: 8px 10px 8px 38px;

  background: #103a63 url(../img/upload_icon.svg) 8px center no-repeat;

  outline: none;

}

ul.list_ok {

  list-style: none;

  margin: 0 0 25px;

  padding: 0;

  /*line-height: 1.3;*/

}



.side-sec-form p{

    font-size: 15px;

}



ul.list_ok li {

  position: relative;

  padding-left: 30px;

  margin-bottom: 10px;

      text-align: justify;

      font-size: 15px;



}

ul.list_ok li:before {

  font-family: "ElegantIcons";

  content: "\52";

  position: absolute;

  left: 0;

  top: -3px;

  font-size: 21px;

  color: #103a63;

}

.cmn-toggle-switch {

  position: relative;

  display: block;

  overflow: visible;

  position: fixed;

  top: 45px;

  right: 5%;

  margin: 0;

  padding: 0;

  width: 30px;

  height: 30px;

  font-size: 0;

  text-indent: -9999px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  box-shadow: none;

  border: none;

  cursor: pointer;

  z-index: 999;

}

.cmn-toggle-switch:focus {

  outline: none;

}

.cmn-toggle-switch span {

  display: block;

  position: absolute;

  top: 10px;

  left: 0;

  right: 0;

  height: 2px;

  background: #ffffff;

}

.cmn-toggle-switch span::before,

.cmn-toggle-switch span::after {

  position: absolute;

  display: block;

  left: 0;

  width: 100%;

  height: 2px;

  background-color: #3f9fff;

  content: "";

}

header .cmn-toggle-switch span::after,

header .cmn-toggle-switch span::before {

  background: #3f9fff;

}

.cmn-toggle-switch span::before {

  top: -10px;

}

.cmn-toggle-switch span::after {

  bottom: -10px;

}

.sticky .cmn-toggle-switch span::before,

.sticky .cmn-toggle-switch span::after,

.sticky .cmn-toggle-switch span {

  background-color: #3f9fff;

}

.cmn-toggle-switch__htx span::before,

.cmn-toggle-switch__htx span::after {

  -webkit-transition-duration: 0.3s, 0.3s;

  transition-duration: 0.3s, 0.3s;

  -webkit-transition-delay: 0.3s, 0;

  transition-delay: 0.3s, 0;

}

.cmn-toggle-switch__htx span::before {

  -webkit-transition-property: top, -webkit-transform;

  transition-property: top, transform;

}

.cmn-toggle-switch__htx span::after {

  -webkit-transition-property: bottom, -webkit-transform;

  transition-property: bottom, transform;

}

.cmn-toggle-switch__htx.active span {

  background: none !important;

}

.cmn-toggle-switch__htx.active span::before {

  top: 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.cmn-toggle-switch__htx.active span::after {

  bottom: 0;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.cmn-toggle-switch__htx.active span::before,

.cmn-toggle-switch__htx.active span::after {

  -webkit-transition-delay: 0, 0.3s;

  transition-delay: 0, 0.3s;

}

.qty-buttons {

  position: relative;

  width: 100px;

  height: 40px;

}

input.qty {

  width: 70px;

}

input.qtyminus,

input.qtyplus,

input.qtyplus:focus {

  position: absolute;

  width: 35px;

  height: 23px;

  border: 2px solid #e8ebed;

  outline: none;

  cursor: pointer;

  border-radius: 0;

  -webkit-appearance: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: none;

}

input.qtyplus {

  background: #fff url(../img/plus.png) no-repeat center center;

  right: 0;

  top: 0;

  text-indent: -9999px;

}

input.qtyminus {

  background: #fff url(../img/minus.png) no-repeat center center;

  right: 0;

  top: 21px;

  text-indent: -9999px;

}

#loader_form {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  bottom: 0;

  background-color: #fafafa;

  background-color: rgba(255, 255, 255, 0.6);

  z-index: 99999999999 !important;

  display: none;

}

[data-loader="circle-side-2"] {

  position: absolute;

  width: 50px;

  height: 50px;

  top: 50%;

  left: 50%;

  margin-left: -25px;

  margin-top: -25px;

  -webkit-animation: circle infinite 0.95s linear;

  -moz-animation: circle infinite 0.95s linear;

  -o-animation: circle infinite 0.95s linear;

  animation: circle infinite 0.95s linear;

  border: 2px solid #1c5dab;

  border-top-color: rgba(0, 0, 0, 0.2);

  border-right-color: rgba(0, 0, 0, 0.2);

  border-bottom-color: rgba(0, 0, 0, 0.2);

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}

@-webkit-keyframes circle {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-moz-keyframes circle {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-o-keyframes circle {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes circle {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

blockquote.styled {

  padding: 10px 20px;

  margin: 0 0 20px;

  font-size: 17.5px;

  border-left: 5px solid #eee;

}

blockquote.styled .small,

blockquote.styled small {

  display: block;

  font-size: 80%;

  line-height: 1.42857143;

  color: #777;

}

blockquote.styled .small:before,

blockquote.styled small:before {

  content: "\2014 \00A0";

}

.modal {

  z-index: 999999 !important;

}

@media (max-width: 991px) {

  #main_container {

    width: 100%;

  }

  #wizard_container {

    border-left: 0;

  }

  #middle-wizard {

    padding: 15px 0;

  }

  .more_padding_left {

    padding-left: 0;

  }

}

@media (max-width: 768px) {

  .wrapper_in {

    padding: 0 20px 20px;

  }

  .ui-progressbar {

    width: 100%;

  }

  .box_contact {

    padding-left: 0;

  }

  .box_contact i {

    position: static;

  }

  .widget#follow {

    border-bottom: none;

    margin-bottom: 0;

  }

  .widget#follow ul {

    margin-bottom: 0;

  }

  .subheader {

    margin-bottom: 5px;

  }

}

@media (max-width: 767px) {

  /* .main_nav {

    top: 95px;

    right: 15px;

    display: none;

  } */

  .main_nav .nav {

    display: inline-block;

  }

  .main_nav .nav-tabs > li {

    border-right: none;

    border-bottom: 1px solid #e8ebed;

    text-align: right;

  }

  .main_nav .nav-tabs > li:last-child {

    border-bottom: none;

  }

  .main_nav .nav-tabs > li {

    display: block;

    float: none;

  }

  .intro_txt {

    top: 30%;

  }

  .intro_txt h2 {

    margin-bottom: 10px;

    font-size: 32px;

  }

  .intro_txt p {

    margin-bottom: 0;

    font-size: 21px;

    line-height: 1.2;

  }

  .box_contact {

    margin-bottom: 30px;

  }

}

@media (max-width: 480px) {

  .subheader {

    margin: 0 -65px 5px;

  }

  .subheader#quote,

  .subheader#about {

    background-size: 100% auto;

  }

  #map_contact {

    height: 240px;

  }

  #contact_info {

    top: 340px;

  }

  .about_info {

    padding-left: 0;

  }

  .about_info i {

    position: static;

  }

  footer ul {

    text-align: center;

  }

  footer ul li {

    display: block;

    margin-right: 0;

  }

  footer ul li:after {

    content: "";

    left: 0;

  }

  footer ul li:first-child {

    margin-right: 0;

  }

  .margin_60_35 {

    padding-top: 30px;

    padding-bottom: 5px;

  }

  #additional_links ul li:first-child {

    margin-right: 0;

    display: block;

  }

  .ls-bottom-slidebuttons {

    visibility: hidden;

  }

}





.center-slider{

        position: absolute;

        top: 50%;

        transform: translate(0%, -50%);

        left: 5%;

        width: 95%;

        z-index: 100;

    }





    .center-slider .carousel-item h1{

      font-family: 'Poppins', sans-serif;

      color: #fff;

      font-size: 35px;

      text-shadow: 0px 2px 3px #000;

      margin-top: 100px;

    }



    .center-slider .carousel-item p{

      color: #fff;

      font-size: 17px;

      text-shadow: 0px 2px 3px #333;

      margin-bottom: 0;

      line-height: 27px;

  }



  .center-slider .carousel-item {

    width: 48%;

    background-color: #00000000;

    padding: 0px 0px;

    border-radius: 10px;

    border: 2px solid #00174700;

}



.side-sec-form h2 {

  font-size: 20px;

  margin-top: 45px;

  color: #011747;

}



.side-sec-form p.lead {

  font-size: 15px;

  margin-bottom: 10px;

}



#header_in h3{

  text-align: right;

    font-size: 20px;

    font-weight: 500;

}



.btn-width{

    width: 150px !important;

}





.iti.iti--allow-dropdown{

  width: 100%;

  margin-bottom: 9px;

}







.sec-yes-no .form-group.radio_questions .iradio_square-yellow {

  right: 30px !important;

}



.sec-yes-no .form-group.radio_questions label {

    height: 10px;

    padding: 10px 45px 19px 15px;

}



.sec-yes-no .form-group.radio_questions .iradio_square-yellow {

  top: 10px;

}



.accordion-header {

  margin-bottom: 0;

  margin-top: 0;

}



.accordion-button:not(.collapsed) {

  color: #fff;

  background-color: #0d3052;

  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);

}



.accordion-button:not(.collapsed)::after {

  background-image: var(--bs-accordion-btn-active-icon);

  transform: var(--bs-accordion-btn-icon-transform);

  background-color: #fff;

  border-radius: 5px;

}



.room-list .form-group.select{

  margin-bottom: 0;

}



.text-sec-h2 {

  font-size: 20px;

  margin-bottom: 16px;

  font-weight: 500;

  color: #333;

}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

  color: var(--bs-nav-pills-link-active-color);

  background-color: #103a63;

}



.nav-pills .nav-link {

  background: 0 0;

  border: 0;

  border-radius: var(--bs-nav-pills-border-radius);

  color: #333;

  font-weight: 500;

}



/* .table {

  border: 1px solid #333;

} */



.table>:not(caption)>*>*{

  border: 1px solid #333;

}







/*  */



.table.table-2>:not(caption)>*>* {

  border: 1px solid #ffffff;

  border-bottom: 1px solid #333;

}



.end-flex-sec{

    display: flex;

    justify-content: flex-end;



}



.end-flex-sec p {

  color: #333;

  font-size: 19px;

  font-weight: 400;

}



.table.table-2 tbody tr td:last-child{

  text-align: right;

}



@media only screen and (max-width: 992px) {

  .center-slider .carousel-item {

    width: 95%;

    background-color: #0000004f;

    padding: 5px 25px;

    border-radius: 10px;

    margin-top: 120px;

}



.center-slider .carousel-item h1 {

  font-family: 'Poppins', sans-serif;

  color: #fff;

  font-size: 30px;

  text-shadow: 0px 2px 3px #000;

}



.center-slider .carousel-item h1{

  margin-top: 0px;

}



.center-slider .carousel-item p {

  color: #fff;

  font-size: 16px;

  text-shadow: 0px 2px 3px #000;

  line-height: 23px;

}



.cmn-toggle-switch span{

  background: #103a63;

}



header .cmn-toggle-switch span::after, header .cmn-toggle-switch span::before {

  background: #103a63;

}



.btn-width {

  width: 121px !important;

}



.wrapper_in{

  top: 20px;

}



#header_in{

  padding: 0px 15px;

}



#logo_home h1 a img {

  width: 160px;

  background-color: #ffffff00;

  border-radius: 5px;

  padding: 10px;

  border: 1px solid #fff3;

}

}



.header-color-sec {

  background-color: #001747;

  height: 119px;

  width: 100%;

  position: fixed;

  z-index: 1000;

  box-shadow: rgb(0 0 0 / 20%) 0px 7px 22px 0px;

  border-bottom: 1px solid #ffffff40;

}



.logo-right {

  right: 5%;

  left: auto !important;

  margin-top: 8px;

}



/*  */



.dropdown {

  position: relative;

  display: inline-block;

}



.dropdown-content {

  /* display: none; */

  position: absolute;

  background-color: #f9f9f9;

  min-width: 350px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  padding: 12px 16px;

  z-index: 1000;

  border-radius: 5px;

  height: 270px;

  overflow-x: hidden;

  overflow-y: scroll;

}



.dropdown:hover .dropdown-content {

  display: block;

}



.dropdown-content .d-flex h3{

  font-size: 18px;

  font-weight: 500;

  margin: 0;

}





.dropdown-content .d-flex{

  gap: 50px;

  display: flex!important;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 15px;

}



.dropdown-content .d-flex .styled-select {

  width: 110px;

}



/*  */



/* Define scrollbar styles for the specific class */

.dropdown-content::-webkit-scrollbar {

  width: 5px;

  border-radius: 5px;

}



/* Track */

.dropdown-content::-webkit-scrollbar-track {

  background: #f1f1f1; 

}



/* Handle */

.dropdown-content::-webkit-scrollbar-thumb {

  background: #888; 

  border-radius: 5px;

}



/* Handle on hover */

.dropdown-content::-webkit-scrollbar-thumb:hover {

  background: #555; 

}



/*  */



.form-group.radio_questions label img{

    width: 100%;

    height: 130px;

    object-fit: contain;

    margin-bottom: 0px;

    border-radius: 3px;

}





/*  */



.guests-input {

  position: relative;

  margin: 0 auto;

  padding-top: 0px;

}

.guests-input button {

	cursor: pointer;

  height: 40px;

  text-align: left;

}

.guests-input button:after,

.guests-input button:before {

	content: " ";

	width: 10px;

	height: 2px;

	border-radius: 2px;

	background-color: #484848;

	position: absolute;

	top: 19px

}

.guests-input button:before {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	right: 15px

}

.guests-input button:after {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	right: 21px

}

.guests-input button.open:before {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}

.guests-input button.open:after {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg)

}

.guests-input__options {

	position: absolute;

	width: 100%;

	background-color: #fff;

	-webkit-box-shadow: rgba(72, 72, 72, 0.2) 0px 15px 20px;

	box-shadow: rgba(72, 72, 72, 0.2) 0px 15px 20px;

	border-radius: 2px;

	overflow: hidden;

	height: 0;

	opacity: 0;

	-webkit-transition: all .1s linear;

	transition: all .1s linear

}

.guests-input__options.open {

	opacity: 1;

	height: fit-content;

  z-index: 100;

}

.guests-input__options>div {

	padding: 10px 0;

	text-align: center

}

.guests-input__options>div:first-child {

	padding-top: 35px

}

.guests-input__options>div:last-child {

	padding-bottom: 35px

}

.guests-input__ctrl {

	display: inline-block;

	border: 1px solid #484848;

	font-size: 20px;

	color: #484848;

	padding: 3px 8px;

	line-height: 20px;

	border-radius: 2px;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-transition: all .2s ease;

	transition: all .2s ease

}

.guests-input__ctrl.disabled {

	color: #d8d8d8;

	border-color: #d8d8d8;

	cursor: default

}

.guests-input__value {

	display: inline-block;

	padding: 0 10px;

	width: 200px;

	cursor: default

}

.guests-input__value span {

	display: inline-block;

	padding-right: 5px

}



.pdf-img img{

  width: 100%;

  height: 120px;

  object-fit: contain;

}





.pdf-img h3,.pdf-img h2{

  font-size: 16px;

  font-weight: 600;

  margin-top: 5px;

  text-align: center;

  margin-bottom: 25px;

}





/*  */







.wrapper{

  width: 100%;

  background-color: #fff0;

  border-radius: 10px;

  padding: 0 0px;

  padding-top: 0px;

  padding-bottom: 0px;

  font-weight: 500;

  font-size: 15px;

  box-shadow: 0 0 15px rgb(0 0 0 / 0%);

 }

 

 

 

 .group button{

  width: 100%;

  height: 45px;

  border-radius: 10px;

  color: #fff;

  font-weight: 600;

  outline: none;

  font-size: .9rem;

  background-color: #31285C;

  border: none;

 }

 .group{

 margin: 10px 0;

 }

 

 table{

 width: 100%;

 }

 

 .item-img img{

  width: 5rem;

  height: 5rem;

  border-radius: 10px;

  object-fit: cover;

 }

 

 .item-details{

  padding: 5px;

  display: flex;

  flex-direction: column;

 }

 

 .item-details .item-title{

  color: #000;

  font-weight: 600;

  text-transform: uppercase;

 

 }

 

 .item-details .item-size,.item-qty{

  color: #333; 

  font-weight: 500;

  font-size: 14px;

 }

 

 .item-price{

  font-weight: 600;

  text-align: right;

 }

 

 .divider{

  width: 100%;

  height: .5px;

  background-color: lightgray;

  margin: 10px 0;

 }

 



 .item-img {

  width: 0px;

}





@media (min-width: 576px){

.modal-dialog-img {

    max-width: 875px;

    margin-right: auto;

    margin-left: auto;

}

}





.modal-dialog-img .btn-close{

  position: absolute;

  right: 20px;

  opacity: 1;

  background-color: #fff;

  top: 20px;

  padding: 6px;



}



.modal-dialog-img .modal-content h2 {

  background-color: #fff;

  font-weight: 500;

  font-size: 24px;

  text-align: center;

  padding: 40px 48px 13px;

}



.flex-pop-cont{

  display: flex;

    flex-direction: column;

    align-items: center;

}



.flex-pop-cont a{

  background-color: #103a63;

  color: #fff;

  padding: 10px 15px;

  border-radius: 5px;

  margin-bottom: 50px;



}



.sec-pop-cont.modal.fade.show{

  display: flex !important;

  align-items: center;

}



.flex-pop-cont img {

  width: 100%;

  height: auto;

}



#imageContainer {

  height: 90vh;

  overflow-y: scroll;

  overflow-x: hidden;

}





/*  */



/* Define scrollbar styles for the specific class */

#imageContainer::-webkit-scrollbar {

  width: 5px;

  border-radius: 5px;

}



/* Track */

#imageContainer::-webkit-scrollbar-track {

  background: #f1f1f1; 

}



/* Handle */

#imageContainer::-webkit-scrollbar-thumb {

  background: #888; 

}



/* Handle on hover */

#imageContainer::-webkit-scrollbar-thumb:hover {

  background: #555; 

}



/*  */



#imageContainerNew {

  height: 90vh;

  overflow-y: scroll;

  overflow-x: hidden;

}





/*  */



/* Define scrollbar styles for the specific class */

#imageContainerNew::-webkit-scrollbar {

  width: 5px;

  border-radius: 5px;

}



/* Track */

#imageContainerNew::-webkit-scrollbar-track {

  background: #f1f1f1; 

}



/* Handle */

#imageContainerNew::-webkit-scrollbar-thumb {

  background: #888; 

}



/* Handle on hover */

#imageContainerNew::-webkit-scrollbar-thumb:hover {

  background: #555; 

}



/*  */



.dov-uplo{

  font-size: 18px;

  font-weight: 500;

  color: #000;

}





.text-inner-sec {

  font-size: 16px;

  font-weight: 300;

}



.inner-room-sec {

  background-color: #fff;

  border: 2px solid #e8ebed;

  padding: 12px 10px 0;

  border-radius: 5px;

}



/*  */



.error-page {



  text-align: center;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

  padding: 30px 30px 15px;

  background: #fff;

  border-radius: 5px;

  position: relative;

  top: 30px;



}



.error-page h1 {

font-weight: 700 !important;

    padding-bottom: 0px;

    color: #333;

    font-size: 30px;

    margin-top: 5px;

}



.error-page p {

color: #333;

    text-align: center;

    margin-bottom: 10px;

}



.error-page .home-page a {

  padding: 10px;

  background: #103a63c4;

  color: #fff;

  position: relative;

  top: 10px;

  border-radius: 5px;

}



.error-page i {

  font-size: 70px;

  color: green;

  background: #0080003d;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  padding-top: 17px;

  margin-bottom: 10px;

}



@media only screen and (max-width: 767px) {

  .error-page {



      text-align: center;

      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

      padding: 25px 25px 50px;

  }



  .error-page h1 {

      font-weight: 700 !important;

      padding-bottom: 10px;

      color: #333;

      font-size: 30px;

  }

}



.left-2-o{

  left:2% !important;

}



.align-items-center{

  align-items: center;

}



.btn-sub-sec{

    width: 100%;

    display: flex;

    justify-content: flex-end;

    border-top: 1px solid #dbdbdb;

    padding: 10px 18px 10px;

}





.btn-sub-sec button{

  border: none;

    color: #fff;

    padding: 7px 20px;

    text-decoration: none;

    transition: background 0.5s ease;

    -moz-transition: background 0.5s ease;

    -webkit-transition: background 0.5s ease;

    -o-transition: background 0.5s ease;

    display: inline-block;

    cursor: pointer;

    font-weight: 400;

    outline: none;

    text-align: center;

    background: #103a63;

    position: relative;

    font-size: 15px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    line-height: 1;

    padding: 10px 30px 10px 30px;

    margin-right: 10px;

}



.btn-sub-sec button:hover{

  background: #103963d4;

}



.col-md-4-sec-inner {

  border-right: 1px solid #33333326;

  padding-right: 35px;

}



.sec-midd-inner {

  padding: 0px 0 0px 20px;

}



.col-md-6-sec-inner {

  padding-left: 60px;

  padding-top: 60px;

  padding-right: 40px;

}



.side-sec-form p{

    text-align: left;

}





/*  */



.form-check-input:checked {

  background-color: #014c8d !important;

  border-color: #014c8d !important;

}



.radio_questions label{

  position: relative;

}



.form-check-input{

  position: absolute;

  top: 7px;

  right: 10px;

}



.sec-footer{

  padding: 45px 0;

}





.sec-footer p {

  font-size: 18px;

  color: #333;

  text-align: justify;

}



@media (min-width: 1200px){

.container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 1190px;

}

}



.sec-footer h5 {

  position: absolute;

  bottom: 15px;

  left: 25px;

  color: #fff;

  font-size: 20px;

  z-index: 6;

  text-transform: capitalize;

  font-weight: 500;

}



.sec-footer h4{

  font-weight: 500;

  color: #333;

  margin-bottom: 20px;

  text-align: center;

}



.sec-footer ul {

  text-decoration: none;

  justify-content: center;

  padding-left: 0;



}



.sec-footer ul.row-box-sec{

display: flex;

    gap: 0px 15px;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}





.sec-footer ul li {

  list-style: none;

  position: relative;

}



.sec-footer .div-img-serv{

  position: relative;

  margin-bottom: 15px;

  box-shadow: rgb(0 0 0 / 20%) 0px 7px 22px 0px;

  cursor: pointer;

  width: 220px;

}



.sec-footer img {

  width: 100%;

  border-radius: 10px;

  height: 230px;

  object-fit: cover;

  position: relative;

}



.sec-footer .div-img-serv::before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  z-index: 2;

  background: rgb(2,0,36);

  background: linear-gradient(0deg, rgb(2 0 36 / 74%) 0%, rgb(9 9 121 / 0%) 100%);

  border-radius: 10px;

}



.sec-footer h6{

  text-align: center;

  font-weight: 400;

  font-size: 18px;

}



.booter-click-btn {

  position: inherit;

  border: none;

  margin-top: 15px;

}



.bg-last-sec{

  padding: 0px 0px 10px;

  background-color: #ffffff;

  border-radius: 10px;

  margin-bottom: 10px;

  border: 10px solid #014c8f;

  box-shadow: rgb(0 0 0 / 20%) 0px 7px 22px 0px;

}



.bg-last-sec h4 {

color: #ffffff;

    font-weight: 500;

    font-size: 25px;

    background-color: #014c8f;

    padding: 2px 10px 11px;

}



.sec-footer .bg-last-sec ul li {

  list-style: none;

  position: relative;

  color: #011747;

  font-size: 18px;

}



.bg-last-sec ul{

  padding: 0 25px;

}



.bg-last-sec ul.list_ok li:before{

  color: #011747;

}



.footer-bg-sec{

    background-color: #001747;

    padding: 35px 0;

}



.footer-bg-sec img{

  width: 200px;

  display: block;

  margin: auto;

}



.footer-bg-sec #additional_links {

  position: inherit;

  margin-top: 15px;

}



.footer-bg-sec #additional_links p{

    text-align: center;

    color: #fff;

    font-size: 20px;

    padding-top: 20px;

}





.side-sec-form{

    padding-top: 0px;

}



.star-rating i{

  color: gold;

}



.rate-hotel-sec {

  display: flex;

  align-items: center;

  justify-content: space-between;

gap: 4px;

}



.rate-hotel-sec h4 {

  font-weight: 600;

  font-size: 17px;

  text-transform: capitalize;

  margin-bottom: 0px;

}



.hotel-sec label img{

  object-fit: cover !important;

  height: 160px !important;



}



.rate-hotel-sec h5 {

    font-weight: 600;

    font-size: 14px;

    white-space: nowrap;

}





.rate-hotel-sec h2 {

font-size: 15px;

    font-weight: 500;

    color: #fff;

    margin: 0;

    text-align: center;

    background-color: #103a63;

    padding: 5px 5px;

    border-radius: 5px;

    background-color: #103a63;

}



.limited-paragraph {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}







.hotel-sec .hotel-sec-inner {

min-height: 240px;

    display: flex !important;

    flex-direction: column;

    justify-content: space-between;

    padding: 15px 15px 15px 15px !important;

}



.hotel-sec .hotel-sec-inner .form-check-input {

    position: absolute;

    top: 19px;

    right: 20px;

}



.rate-hotel-sec p{

  font-size: 18px;

  font-weight: 400;

  margin: 0;

    margin-bottom: 0px;

}



.rate-hotel-sec p span{

  color: gold !important;

  font-weight: 100 !important;

  background-color: transparent !important;

}





.accordion-button{

  color: #000000 !important;

}



.accordion-item.active .accordion-button{

color: #fff !important;

background-color: #103a63 !important;

}



.accordion-button:not(.collapsed){

  background-color: #ffffff !important;

}



.di-flex-top {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 0 5%;

}



.step aside.side-sec-form{

  padding-top: 60px;

}



@media only screen and (max-width: 767px) {

  .booter-click-btn{

    display: block !important;

  }



  .main_nav .nav-tabs > li > a{

    font-size: 13px;

  }



  #middle-wizard .step .row .col-md-4 {

    border-right: 1px solid #33333300;

    padding-right: 0px;

}



#middle-wizard .step .row .col-md-6 {

  padding-left: 15px;

}





.img-banner-sec{

  height: 540px;

  background-position: right;

}



}



.classToAdd .sec-none-body .container{

    display: none;

}





/* .classToAdd.classToAdd-12 .sec-none-body .container{

  display: block;

} */





.progress-bar {

    display: flex;

    flex-direction: column;

    justify-content: center;

    overflow: hidden;

    color: var(--bs-progress-bar-color);

    text-align: center;

    white-space: nowrap;

    background-color: #103a63;

    transition: var(--bs-progress-bar-transition);

}



.progress {

    --bs-progress-height: 1rem;

    --bs-progress-font-size: 0.75rem;

    --bs-progress-bg: #103a638a;

    --bs-progress-border-radius: 0.375rem;

    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);

    --bs-progress-bar-color: #fff;

    --bs-progress-bar-bg: #0d6efd;

    --bs-progress-bar-transition: width 0.6s ease;

    display: flex;

    height: var(--bs-progress-height);

    overflow: hidden;

    font-size: var(--bs-progress-font-size);

    background-color: var(--bs-progress-bg);

    border-radius: var(--bs-progress-border-radius);

}



.progress {

    margin-bottom: 5%;

}





/*  */



.popup {

  display: none;

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: white;

  padding: 20px;

  border: 1px solid #fff;

  box-shadow: 0 2px 5px rgb(0 0 0 / 16%);

  z-index: 999999;

  width: 80%;

  height: 500px;

  border-radius: 10px;

}

.overlay {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  z-index: 9998;

}

#imageContainer {

  display: none;

}



#closePopupButton {

  background-color: #fff0;

  border: 0;

  font-size: 25px;

  position: absolute;

  right: 25px;

  z-index: 100000;

}



.flex-popup-inner {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 90%;

  text-align: center;

}



.flex-popup-inner h2 {

  padding: 0 66px;

  color: #333;

  font-size: 40px;

  font-weight: 500;

}



.flex-popup-inner a {

  font-size: 25px;

  margin-top: 20px;

  font-weight: 600;

  background-color: #333;

  color: #fff;

  padding: 10px 20px;

  border-radius: 5px;

}



#imageContainer img {

  width: 100%;

}



#imageContainer {

  height: 495px;

  overflow-y: scroll;

  overflow-x: hidden;

  position: absolute;

  top: 0;

}





@media only screen and (max-width: 767px) {

  .sec-midd-inner {

    padding: 0px 0 0px 0px;

}



.col-md-6-sec-inner {

  padding-left: 0px;

  padding-top: 20px;

  padding-right: 10px;

}



.flex-popup-inner h2 {

  padding: 0 2px;

  color: #333;

  font-size: 25px;

  font-weight: 500;

}



.flex-popup-inner a {

  font-size: 20px;

  margin-top: 20px;

  font-weight: 600;

  background-color: #333;

  color: #fff;

  padding: 10px 20px;

  border-radius: 5px;

}



#imageContainer img {

  width: 100%;

  margin-top: 70px;

}





}





.close-sec-btn {

position: absolute;

    right: -20px !important;

    background-color: #fff;

    opacity: 1;

    padding: 10px;

    top: -20px !important;

    border: 3px solid #b11f29;

}



.contact-one__form__title{

  font-size: 21px;

  text-align: center;

  font-weight: 600;

  line-height: 29px;

  padding: 10px;

  color: #333;

}



.contact-one__form__top img{

  width: 400px;

  opacity: .1;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}





.headight-sec-aler-pop {

  height: 90vh;

  display: flex;

  justify-content: flex-end;

  align-items: flex-end;

  margin-right: 35px;

  margin-bottom: 0;



}



.headight-sec-aler-pop .modal-body {

  padding: 0px 30px 5px;

  background-color: #ffffff;

  border-radius: 7px;

  margin-bottom: 0px;

  border: 3px solid #b11f29;

  box-shadow: rgb(0 0 0 / 20%) 0px 7px 22px 0px;

}



.sec-footer h3{

  text-align: center;

  font-weight: 500;

  background-color: #014c8f;

  color: #fff;

  font-size: 20px;

  padding: 10px 10px;

  border: 9px solid #b11f29;

  border-radius: 10px;

  margin-bottom: 25px;

  margin-top: 0;

  width: fit-content;

}



#toast-container > div{

  opacity: 1 !important;

}



#toast-container > div:hover{

  box-shadow: 0 0 12px #00000036 !important;

}



#imageContainer h4{

  text-align: center;

  font-weight: 500;

  margin-top: 35px;

  margin-bottom: -5px;

}





/*  */





.my-accordion-container {



}

.my-accordion-item {



}

.my-accordion-item:last-child {

  border-bottom: none;

}

.my-accordion-header {



  cursor: pointer;

}

/* .my-accordion-content {

  display: none;



} */

.active {

  display: block;

}



.my-accordion-item .form-group {

    position: relative;

    margin-bottom: 10px;

}



.alert-popup .modal-backdrop{

  display: none;

}



.alert-popup.modal-open{

  overflow: auto !important;

  padding-right: 0px !important;

}



.alert-popup .modal.fade .modal-dialog {

  transform: translate(100%, 0);

  transition: transform 0.3s ease-out;

}



.alert-popup .modal.fade.show .modal-dialog {

  transform: translate(0, 0);

}



.popup-landing .modal-header{

  background-color: #001747;

}



.popup-landing .modal-header h5 {

  color: #fff;

  font-size: 25px;

  font-weight: 500;

}



.popup-landing .modal-header .btn-close {

  background-color: #fff;

  opacity: 1;

}



.popup-landing .modal-body h3 {

  font-size: 20px;

  font-weight: 600;

  color: #333;

}





.img-faclilitys img{

  width: 50px;

  object-fit: contain !important;

  height: 35px !important;

}



/*  */



.tooltip {

  position: relative;

  display: inline-block;

  opacity: 1;

  padding: 0px 0;

  z-index: 500;



}



.tooltip .tooltiptext {

visibility: hidden;

    width: 107px;

    background-color: #555;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 5px;

    position: absolute;

    z-index: 1;

    bottom: 125%;

    left: 50%;

    margin-left: -60px;

    opacity: 0;

    transition: opacity 0.3s;

    font-size: 11px !important;

    line-height: 13px;

    padding: 5px 2px !important;

}



.tooltip:hover .tooltiptext {

  visibility: visible;

  opacity: 1;

}



.form-group.radio_questions.cabs-airport label{

    padding: 15px 15px 15px 15px;

}





/*  */



.footer-sec-btn {

  position: sticky;

  bottom: 0;

  z-index: 1000;

  background-color: #ffff;

}



/*  */



.form-group.radio_questions label span{

    font-size: 18px;

    font-weight: 600;

    background-color: #103a63;

    color: #fff;

    padding: 1px 5px;

    border-radius: 4px;

}





.sec-midd-inner .col-md-6-sec-inner h4.mb-1{

  color: #011747;

}



/*  */



 /* Styles for the popup container */

 .popup-container {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  z-index: 9999999;

}

/* Styles for the popup box */

.popup-box {

  background-color: white;

  width: 300px;

  padding: 20px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 5px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

}

/* Styles for the close button */

.close-btn {

  position: absolute;

  top: 10px;

  right: 10px;

  cursor: pointer;

}



/*  */



@media only screen and (min-width: 1500px) {

  .center-slider .carousel-item {

    width: 40%;

  }

}



/*  */



@media (min-width: 576px) {

  .popup-landing.popup-landing-accom .modal-dialog {

    max-width: 860px;

    margin-right: auto;

    margin-left: auto;

}

}



@media (min-width: 576px){

  .popup-landing .modal-dialog {

    max-width: 600px;

    margin-right: auto;

    margin-left: auto;

}

}





ul.list_ok.pdf-img li {

  display: flex;

  justify-content: space-between;

}





ul.list_ok.pdf-img li a h2 {

  background-color: #103a63;

  color: #fff;

  padding: 10px;

  border-radius: 5px;

}





ul.list_ok.pdf-img.pdf-img-2 li {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



ul.list_ok.pdf-img.pdf-img-2 li a h2{

        margin-bottom: 0;

}





ul.list_ok.pdf-img.pdf-img-2 li:before{

    top:-5px;

}



.hotel-sec-img{

    position: relative;

     margin-bottom: 10px;

}



.pos-img-icons{

position: absolute;

    bottom: 5px;

    width: 100%;

    padding: 0 10px 7px;

}





.hotel-sec-img h5{

    /*    position: absolute;*/

    /*bottom: 5px;*/

    /*right: 7px;*/

    color: #fff;

    z-index: 100;

    margin-bottom: -10px;

}



.hotel-sec-img::before{

position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    z-index: 2;

    background: rgb(2, 0, 36);

    background: linear-gradient(0deg, rgb(2 0 36 / 74%) 0%, rgb(9 9 121 / 0%) 100%);

    border-radius: 5px;

}







.imgae-bg-21{

        width: 50px;

}





.table.table-bordered tbody tr th:first-child{

        text-align: center;

    }





    .table.table-bordered tbody tr td:nth-child(3){

        text-align: center;

    }

    

    

    .table.table-bordered thead tr th:first-child{

        text-align: center;

    }

    

    .table.table-bordered thead tr th:nth-child(3){

        text-align: center;

    }

    

    

    

    p{

       text-align: justify;

    }

    

    

    

    .hotel-sec-234.hotel-sec label img {

    object-fit: cover !important;

    height: 230px !important;

    margin-bottom: 15px !important;

}

    

    

    

    .hotel-sec-234 .rate-hotel-sec h4 {

    font-weight: 600;

    font-size: 22px;

    text-transform: capitalize;

    margin-bottom: 0px;

}

    

    

    .hotel-sec-234 .rate-hotel-sec h5 {

    font-weight: 600;

    font-size: 22px;

    white-space: nowrap;

}

    

    

    .form-group.radio_questions.hotel-sec-234 label .img-faclilitys img {

    width: 40px !important;

    object-fit: contain !important;

    height: 35px !important;

    margin-bottom: -3px !important;

    filter: invert(100%);

    background-color: #ffffff;

    padding: 5px;

}

    

    

    .hotel-sec-234 .rate-hotel-sec h4 {

    font-weight: 600;

    font-size: 22px;

    text-transform: capitalize;

    margin-bottom: 10px;

}

    

    .hotel-sec-234 .rate-hotel-sec h2{

        font-size: 20px;

        padding: 5px 10px;

    }

    

    

    .cont-inner-hotel .dropdown-content {

    position: relative;

    background-color: #f9f9f9;

    min-width: 100%;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    padding: 12px 16px;

    z-index: 1000;

    border-radius: 5px;

    height: auto;

    overflow-x: inherit;

    overflow-y: inherit;

}



.form-star{

    color:red;

}

    

    

    .section-dlex-thanks {

    display: flex;

    justify-content: center;

}

    

    

    .section-dlex-thanks .error-page{

        width:685px;

    }

    

    #imageContainerNew {

    display: none;

}

    

    #imageContainerNew {

    height: 495px;

    overflow-y: scroll;

    overflow-x: hidden;

    position: absolute;

    top: 0;

}

    

    #closePopupButtonNew {

    background-color: #fff0;

    border: 0;

    font-size: 25px;

    position: absolute;

    right: 25px;

    z-index: 100000;

}



#imageContainerNew h4 {

    text-align: center;

    font-weight: 500;

    margin-top: 35px;

    margin-bottom: -5px;

}

    

    #imageContainerNew img {

    width: 100%;

}



.form-sec-terms input{

    position: relative;

    top: 0;

    right: 0;

}

   .form-sec-terms {

    margin-right: 20px;

    position: relative;

    bottom: -5px;

}





/**/



 .custom-popup {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  z-index: 999;

  justify-content: center;

    align-items: center;

}



.custom-popup-content {

  background-color: #fefefe;

  margin: 20% auto;

  padding: 20px;

  border: 1px solid #888;

  width: 80%;

  max-width: 600px;

}



.custom-close {

  color: #aaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.custom-close:hover,

.custom-close:focus {

  color: black;

  text-decoration: none;

  cursor: pointer;

}



.side-sec-form-21{

    padding-top: 0 !important;

}





.side-sec-form-21 h2 {

    font-size: 20px;

    margin-top: 15px;

    color: #011747;

}







.box {

width: 480px;

    padding: 30px 25px 10px 25px;

    background-color: #f0f0f0;

    border: 1px solid #ccc;

    position: relative;

    margin: 50px auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border: 3px solid #b11f29;

    box-shadow: rgb(0 0 0 / 20%) 0px 7px 22px 0px;

    border-radius: 7px;

    }

    .close-button {

        position: absolute;

        top: 5px;

        right: 5px;

        cursor: pointer;

    }





.popup-mobile-elemnr {

    position: fixed;

    top: 0;

    z-index: 100000;

    width: 100%;

    height: 100%;

    background-color: #00000096;

    display: flex;

    align-items: center;

}



.popup-mobile-elemnr img {

    width: 100px;

}

    

    

    @media only screen and (min-width: 767px) {

  .popup-mobile-elemnr{

     display: none; 

  }

}



    @media only screen and (max-width: 767px) {

.box{

    width: 340px;

}



.popup-mobile-elemnr img {

    width: 80px;

}



.popup-mobile-elemnr h2 {

    text-align: center;

    font-size: 25px;

}



.popup-mobile-elemnr p {

    text-align: center;

}



}

    

    

   .font-footer-tnaks {

    font-size: 13px;

}



.error-page p strong a{

    text-wrap: nowrap;

}





.table.table-bordered thead tr td{

    font-weight: 700;

    color: #333;

}





.table.table-bordered tbody tr td:nth-child(1) {

    text-align: center;

}





/**/



.my-popup {

    display: none;

    position: fixed;

    z-index: 1;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0, 0, 0, 0.5);

  }

  .popup-content1 {

    background-color:transparent;

    margin: auto;

    margin-top: 20%; /* Adjust as needed for vertical centering */

    padding: 20px;

    border: none !important;

    width: 400px;

    height: 600px;

    text-align: center;

  }

  .loader1 {

    border: 8px solid #fff;

    border-radius: 50%;

    border-top: 8px solid #3498DB;

    width: 50px;

    height: 50px;

    margin: 0 auto;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

}

  @-webkit-keyframes spin {

    0% { -webkit-transform: rotate(0deg); }

    100% { -webkit-transform: rotate(360deg); }

  }

  @keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

  }