@charset "utf-8";
@layer base {
  main {
    font-size: 1.125rem;
    font-size: clamp(1.125rem, 1.047077922077922rem + 0.16233766233766234vw, 1.25rem);
    line-height: 1.5;
  }
  table tbody th {
    padding: 1rem 1.5rem;
    font-weight: 700;
    text-align: left;
    background-color: var(--primary-light);
    vertical-align: top;
  }
  table tbody td {
    padding: 1rem 1.5rem;
    vertical-align: top;
  }
  main a {
    text-decoration: underline;
    color: var(--secondary-blue);
  }
  main a:hover {
    text-decoration: none;
  }
  #content ul {
    margin: 0 0 2rem;
    counter-reset: revert;
    list-style: none;
  }
  :is(#content ol, #content ul) :is(ol, ul) {
    margin-bottom: 0;
  }
  #content ul {
    list-style-type: disc;
  }
  #content ul > li {
    margin-left: 20px;
    padding-left: 4px;
    margin-bottom: 10px;
    position: relative;
  }
  #content ul > li::marker {
    color: var(--secondary-blue);
  }
  #content ul > li > ul,
  #content ul > li > ol {
    margin-top: 0.5rem;
  }
  #content ul > li > ul > li::marker {
    color: var(--brown);
  }
  #content ol {
    list-style: decimal;
    counter-reset: revert;
    margin: 0 0 2rem 20px;
  }
  #content ol > li {
    margin-bottom: 0.625rem;
  }
  #content ol.lowerAlpha {
    list-style-type: lower-alpha;
  }
  #content ol.upperAlpha {
    list-style-type: upper-alpha;
  }
  #content ol.lowerRoman {
    list-style-type: lower-roman;
  }
  #content ol.upperRoman {
    list-style-type: upper-roman;
  }
  #content p {
    margin-bottom: 1.875rem;
  }
  #content h1,
  #content h2,
  #content h3,
  #content h4,
  #content h5 {
    margin: 0 0 1.875rem 0;
    line-height: 1.1;
  }
  #content h3 {
    color: var(--secondary-blue);
    font-weight: 700;
    font-size: 1.625rem;
    font-size: clamp(1.625rem, 1.0016233766233766rem + 1.2987012987012987vw, 2.625rem);
  }
  #content h4 {
    color: var(--brown);
    font-size: 1.375rem;
    font-size: clamp(1.375rem, 0.8295454545454546rem + 1.1363636363636365vw, 2.25rem);
  }
  .btnWrap {
    padding: 20px 0;
  }
  .btnBack {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    line-height: 1.5;
    text-decoration: none;
    color: var(--grey);
  }
  .btnBack:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    transition: border-color 0.3s ease 0s;
    -webkit-transition: border-color 0.3s ease 0s;
    border: 2px solid var(--secondary-blue);
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    transition: left 0.3s ease 0s;
  }
  .btnBack:hover:before,
  .btnBack:focus-within:before {
    left: -4px;
  }
  .bluetxt {
    color: var(--primary-blue);
  }
  .bluetxt2 {
    color: var(--secondary-blue);
  }
  .wrap-url {
    word-break: break-all;
    overflow-wrap: anywhere;
  }
  main a.btn {
    display: inline-block;
    padding: 1rem 2rem;
    line-height: 1.25rem;
    text-decoration: none;
    color: #000;
    background-color: var(--blue);
    border-radius: 35px;
  }
  main a.btn:hover,
  main a.btn:focus-within {
    background-color: var(--yellow);
  }
  .f-left-img {
    float: left;
    overflow: hidden;
    margin: 0 30px 30px 0;
    line-height: 0;
    max-width: var(--img-max-width);
  }
  .f-right-img {
    float: right;
    overflow: hidden;
    margin: 0 0 30px 30px;
    line-height: 0;
    max-width: var(--img-max-width);
  }
  .f-left-img img,
  .f-right-img img {
    width: 100%;
  }
  h2 {
    color: var(--red);
    font-weight: 700;
    font-size: 1.875rem;
    font-size: clamp(1.875rem, 1.1737012987012987rem + 1.4610389610389611vw, 3rem);
  }
  h2 span {
    display: inline-block;
  }
  h2 span:last-child:after {
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    font-size: 1.125rem;
    font-size: clamp(1.125rem, 0.8912337662337663rem + 0.487012987012987vw, 1.5rem);
    line-height: 24px;
    color: currentColor;
  }
  .blueBg {
    background-color: var(--bluebg);
    padding: var(--blueBg-padding);
    margin-bottom: var(--common-margin-bot);
  }
  .footNote {
    font-size: 0.75rem;
    font-size: clamp(0.75rem, 0.5941558441558441rem + 0.3246753246753247vw, 1rem);
  }
  hr {
    border-bottom: 1px solid #000;
    margin: 30px 0;
  }
}
/*inside layout starts*/
#insideBanner {
  line-height: 0;
}
#insideBanner img {
  width: 100%;
}
#mainZone .container {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--container-horizontal-padding);
}
#insideVisualWrap {
  --min-height: 240px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../images/sections/inside-banner.jpg);
}
#insideVisualWrap .container {
  min-height: var(--min-height);
  display: flex;
  align-items: flex-end;
}
#secTitle {
  margin-bottom: 60px;
  color: var(--secondary-blue);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2rem;
  font-size: clamp(2rem, 0.5194805194805192rem + 3.0844155844155847vw, 4.375rem);
}
#breadcrumbWrap {
  background-color: var(--primary-blue);
  color: #fff;
  padding: 0.5rem 0;
}
#breadcrumb {
  color: #fff;
  margin-left: -10px;
}
#breadcrumb > li {
  display: inline-block;
  padding: 0 0 0 1rem;
  margin-right: 5px;
  position: relative;
}
#breadcrumb > li > a,
#breadcrumb > li.cur_page span {
  padding: 8px 10px;
  position: relative;
  display: inline-block;
}
#breadcrumb > li:not(.navHome) > a:before,
#breadcrumb > li.cur_page span:before {
  border: 1px solid #fff;
  content: "";
  background: none;
  height: 8px;
  top: 50%;
  left: -16px;
  width: 8px;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
  border-bottom: none;
  border-left: none;
  transform-origin: top center;
  transition: transform 0.25s ease 0s;
  -webkit-transition: -webkit-transform 0.25s ease 0s;
}
#breadcrumb .navHome {
  padding-left: 0;
  margin-right: 0px;
}
#contentWrap {
  padding: var(--content-vert-padding) 0;
  position: relative;
  --left-menu-gap: 90px;
}
#contentWrap.hasLeftNav {
  max-width: var(--container-width);
  padding: 100px var(--container-horizontal-padding);
  display: flex;
  column-gap: var(--left-menu-gap);
  margin: 0 auto;
}
#contentWrap.hasLeftNav #mainContent {
  flex: 1;
}
#leftNavWrap {
  width: 300px;
}
#leftNav {
  margin-top: -1em;
}
#leftNav a {
  display: block;
}
#leftNav > ul > li {
  border-bottom: 1px dashed var(--secondary-blue);
}
#leftNav > ul > li > a {
  position: relative;
  padding: 1em 1em 1em 0;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.9691558441558441rem + 0.3246753246753247vw, 1.375rem);
}
#leftNav > ul > li.selected a,
#leftNav > ul > li.active a,
#leftNav > ul > li a:hover,
#leftNav > ul > li a:focus-within {
  color: var(--red);
  font-weight: 700;
}
#leftNav > ul > li > a:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 1.25em;
  right: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--red);
}
#leftNav > ul > li.selected a:after,
#leftNav > ul > li.active a:after {
  opacity: 1;
}

/*mobileSubMenu starts*/
.tab-container {
  position: relative;
  z-index: 100;
}
#mobileSubMenu {
  display: none;
  margin-bottom: 30px;
}
#mobileSubMenu ul li:before {
  display: none;
}
#mobileSubMenu ul li.mobileSelected a {
  text-align: left;
  padding-right: 50px;
  border: 1px dashed #ccc;
  padding: 10px 30px 10px 20px;
}
#mobileSubMenu ul li.mobileSelected a:after {
  content: "";
  position: absolute;
  top: 1em;
  right: 15px;
  width: 0;
  height: 0;
  border-top: 6px solid var(--red);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 50;
  transition: transform 0.3s ease 0s;
}

#mobileSubMenu ul li.mobileSelected.active a:after {
  transform: rotate(180deg);
}
#mobileSubMenu ul {
  display: flex;
  column-gap: 10px;
  justify-content: center;
  margin: 0;
  position: relative;
  z-index: 100;
  list-style-type: none;
}
#mobileSubMenu ul li {
  min-height: 60px;
  padding: 0;
  margin: 0;
}
#mobileSubMenu ul li:before {
  display: none;
}
#mobileSubMenu ul li a {
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.645rem + 1.6vw, 1.625rem);
  display: block;
  color: #333;
  text-decoration: none;
  padding: 1em 20px;
  line-height: 1.25em;
  position: relative;
  height: 100%;
  transition: background-color 0.3s ease 0s;
}
#mobileSubMenu ul li.selected a {
  color: var(--red);
  background-color: #eee;
}
#mobileSubMenu ul li:not(.mobileSelected) a:hover,
#mobileSubMenu ul li:not(.mobileSelected) a.focus {
  color: var(--red);
  background-color: #eee;
}
/*mobileSubMenu ends*/
@media screen and (max-width: 1399.98px) {
  #contentWrap {
    --left-menu-gap: 50px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  #contentWrap {
    --left-menu-gap: 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  #leftNavWrap {
    display: none;
  }
  #insideVisualWrap {
    --min-height: 240px;
    background-position: 50% 100%;
    background-size: 100% auto;
  }
  #insideVisualWrap .container {
    justify-content: center;
  }
}

@media screen and (min-width: 992px) {
  #mobileSubMenu ul li.mobileSelected {
    display: none;
  }

  #mobileSubMenu ul li:not(.mobileSelected) {
    display: block !important;
  }
  #mobileSubMenu ul li a {
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 1.333em;
    color: var(--grey);
  }
  #mobileSubMenu ul li.selected a,
  #mobileSubMenu ul li.selected a.focus,
  #mobileSubMenu ul li:not(.mobileSelected) a:hover {
    background-color: var(--yellow);
    color: var(--primary-blue);
    border-color: var(--yellow);
  }
  #mobileSubMenu ul li.selected a:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid currentColor;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 50;
    margin-left: -4px;
    transition: transform 0.3s ease 0s;
  }
}

@media screen and (max-width: 991.98px) {
  #insideVisualWrap {
    --min-height: 200px;
  }
  #secTitle {
    margin: var(--common-margin-bot) 0;
    text-align: center;
  }
  #contentWrap.hasLeftNav {
    display: block;
    padding: 45px var(--container-horizontal-padding);
  }
  #mobileSubMenu {
    display: block;
    max-width: 460px;
    margin: 0 auto 30px;
  }
  #mobileSubMenu ul {
    flex-wrap: wrap;
  }
  #mobileSubMenu ul li {
    width: 100%;
    flex: 1 1 100%;
    min-height: 44px;
  }
  #mobileSubMenu ul li:not(.mobileSelected) {
    min-height: 0;
    display: none;
  }

  #mobileSubMenu ul li:not(.mobileSelected) a {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    border-top: none;
    background-color: #f4f4f4;
  }
  #mobileSubMenu ul li.mobileSelected a:before {
    background-color: #f4d628;
  }
}
@media screen and (max-width: 991.98px) {
  #insideVisualWrap {
    --min-height: 200px;
  }
  #secTitle {
    margin: var(--common-margin-bot) 0;
    text-align: center;
  }
  #contentWrap.hasLeftNav {
    display: block;
    padding: 45px var(--container-horizontal-padding);
  }
  #mobileSubMenu {
    display: block;
    max-width: 460px;
    margin: 0 auto 30px;
  }
  #mobileSubMenu ul {
    flex-wrap: wrap;
  }
  #mobileSubMenu ul li {
    width: 100%;
    flex: 1 1 100%;
    min-height: 44px;
  }
  #mobileSubMenu ul li:not(.mobileSelected) {
    min-height: 0;
    display: none;
  }

  #mobileSubMenu ul li:not(.mobileSelected) a {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    border-top: none;
    background-color: #f4f4f4;
  }
  #mobileSubMenu ul li.mobileSelected a:before {
    background-color: #f4d628;
  }
}
@media screen and (max-width: 767.98px) {
  #insideVisualWrap {
    --min-height: auto;
    background-size: cover;
  }
  #content h2 {
    font-size: 1.75rem;
    font-size: clamp(1.75rem, 1.5416666666666667rem + 0.6944444444444444vw, 1.875rem);
  }
  .f-left-img,
  .f-right-img {
    float: none;
    margin: 0 auto 1rem;
  }
}
@media screen and (max-width: 479.98px) {
  table tbody th,
  table tbody td {
    padding: 1rem;
  }
}
/*inside layout ends*/

/*photo + content culumns*/
.photoContentWrap {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--common-margin-bot);
  --pad-left-about: 0;
  --pad-left-travel: 0;
}
.photoContentWrap .photo {
  flex: 1;
}
.photoContentWrap .photo img {
  display: block;
  height: auto;
  width: 100%;
}
.photoContentWrap .content {
  margin-left: auto;
}
.photoContentWrap.about .content {
  padding-left: var(--pad-left-about);
}
.photoContentWrap.travel .content {
  padding-left: var(--pad-left-travel);
}
@media screen and (min-width: 3000px) {
  .photoContentWrap {
    column-gap: 80px;
  }
}
@media screen and (min-width: 1780px) and (max-width: 2999.98px) {
  .photoContentWrap {
    --mgleft: calc((100svw - var(--container-width)) / 2);
    width: 100svw;
    margin-left: calc(0px - var(--mgleft) - var(--container-horizontal-padding));
    max-width: calc(var(--container-width) + var(--mgleft) - var(--container-horizontal-padding));
    --pad-left-about: 80px;
    --pad-left-travel: 120px;
  }
}
@media screen and (max-width: 1779.98px) {
  .photoContentWrap {
    margin-left: calc(0px - var(--container-horizontal-padding));
    --pad-left-about: 40px;
    --pad-left-travel: 50px;
  }
}
@media screen and (min-width: 992px) {
  .photoContentWrap.about .content {
    width: 68%;
  }
  .photoContentWrap.about .photo {
    max-width: 32%;
  }
  .photoContentWrap.travel .content {
    width: 55%;
  }
  .photoContentWrap.travel .photo {
    max-width: 45%;
  }
  .photoContentWrap .content {
    order: 2;
  }
  .photoContentWrap .photo {
    order: 1;
  }
}
@media screen and (max-width: 991.98px) {
  .photoContentWrap {
    display: block;
    margin-left: 0;
  }
  .photoContentWrap .photo {
    margin: 0 calc(0px - var(--container-horizontal-padding));
  }
  .photoContentWrap .content {
    padding-left: 0 !important;
  }
}
/*photo + content culumns end*/

/*objectivesWrap starts*/
#objectivesWrap {
  --item-padding: 35px 30px;
  --slider-width: 400px;
  background-color: var(--bluebg);
  padding: 50px 0;
  margin-bottom: var(--common-margin-bot);
  overflow: hidden;
  position: relative;
}
#objectivesWrap .swiper-arrow {
  transition: margin-left 0.3s ease 0s;
}
#objectivesWrap .swiper-button-prev:hover:after {
  margin-left: -5px;
}
#objectivesWrap .swiper-button-next:hover:after {
  margin-left: 5px;
}
#objectivesWrap .swiper {
  overflow: visible;
}
#objectivesWrap .swiper-slide {
  width: var(--slider-width);
}
#objectivesWrap .item {
  padding: var(--item-padding);
  background-color: #fff;
}
#objectivesWrap .swiper-slide:nth-child(2n) .item {
  margin-top: 40px;
}
#objectivesWrap .item .details {
  padding-top: 10px;
}
#objectivesWrap .item h3 {
  margin-bottom: 1rem;
}
#objectivesWrap .icon {
  position: relative;
  aspect-ratio: 1 / 1;
  max-width: 80%;
  margin: 0 auto;
}
#objectivesWrap .icon > div {
  aspect-ratio: 1 / 1;
  position: relative;
  line-height: 0;
  width: 100%;
  height: 100%;
}
#objectivesWrap .icon > div canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1199.98px) {
  #objectivesWrap {
    --item-padding: 25px 20px;
    --slider-width: 300px;
  }
}
/*objectivesWrap ends*/

/*speaker css for inside only*/
.speakersList {
  border-top: 1px solid var(--secondary-blue);
  margin-bottom: var(--common-margin-bot);
}
/*speaker css for inside only ends*/

/*presenter css starts*/
.eventTheme {
  color: var(--secondary-blue);
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.0162337662337662rem + 0.487012987012987vw, 1.625rem);
  margin-bottom: 0.5rem;
}
.presenterWrap {
  --column-gap: 50px;
  --mg-bot: 40px;
  --pd: 30px;
  --photo-width: 180px;
  display: flex;
  column-gap: var(--column-gap);
  padding: var(--pd);
  margin-bottom: var(--mg-bot);
  background-color: var(--bluebg);
}
.presenterWrap .photo {
  width: var(--photo-width);
}
.presenterWrap .photo .img {
  aspect-ratio: 6 / 5;
}
.presenterWrap .details {
  flex: 1;
}
.presenterWrap .speaker {
  font-weight: 700;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.8912337662337663rem + 0.487012987012987vw, 1.5rem);
  margin-bottom: 5px;
}
.presenterWrap .details .from {
  color: var(--brown);
}
@media screen and (max-width: 1199.98px) {
  .presenterWrap {
    --column-gap: 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .presenterWrap {
    --mg-bot: 20px;
    --pd: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .presenterWrap {
    --column-gap: 20px;
    --photo-width: 120px;
  }
}
/*presenter css endss*/

/*Demonstrations page of event section*/
.liveDemoWrap {
  overflow: hidden;
}
.demonstrationWrap {
  display: flex;
  column-gap: var(--layout-col-gap);
  --left-width: 400px;
}
.demonstrationWrap .left {
  width: var(--left-width);
}
.demonstrationWrap .right {
  flex: 1;
}
.demonstrationWrap .right ul > li > p {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1399.98px) {
  .demonstrationWrap {
    --left-width: 330px;
  }
}
@media screen and (max-width: 991.98px) {
  .demonstrationWrap {
    display: block;
    --left-width: 100%;
  }
}
/*Demonstrations page ends*/

/*local information*/
.introduction {
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 var(--container-horizontal-padding);
  margin-bottom: var(--common-margin-bot);
}
.introduction .introMain {
  color: var(--secondary-blue);
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.0162337662337662rem + 0.487012987012987vw, 1.625rem);
  margin-bottom: 1rem;
}
.introduction .introSub {
  max-width: 80%;
  margin: 0 auto;
}
.localInfoIconsWrap {
  --max-wrapper-width: 1500px;
  --icon-size: 250px;
  --icon-gap: 40px;
  --vert-padding: 50px;
  background-color: var(--bluebg);
  padding: var(--vert-padding) 0;
  margin-bottom: var(--common-margin-bot);
}
.localInfoIconsWrap .localInfoIcons {
  margin: 0 auto;
  padding: 0 var(--container-horizontal-padding);
  max-width: var(--max-wrapper-width);
  display: flex;
  column-gap: var(--icon-gap);
  justify-content: center;
  flex-wrap: wrap;
}
.localInfoIconsWrap a {
  text-decoration: none;
}
.localInfoIconsWrap a .icon {
  position: relative;
}
.localInfoIconsWrap a .icon > div {
  aspect-ratio: 1 / 1;
  position: relative;
  line-height: 0;
  width: 80%;
}
.localInfoIconsWrap canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.localInfoIconsWrap .iconItem > div {
  width: 100%;
}
.localInfoIconsWrap .iconItem .icon {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  max-width: var(--icon-size);
  max-height: var(--icon-size);
  border-radius: 50%;
  padding: 20px;
  background-color: #fff;
  line-height: 0;
  border: 1px solid #fff;
  transition: border-color 0.3s ease 0s;
}
.localInfoIconsWrap .iconItem > a:hover .icon {
  border-color: var(--secondary-blue);
}
.localInfoIconsWrap .iconItem .icon span {
  display: block;
  width: 80%;
  line-height: 0;
}
.localInfoIconsWrap .iconItem > a:hover .icon img {
  transform: scale(1.1);
}
.localInfoIconsWrap .iconItem .icon img {
  transform: scale(1);
  transition: transform 0.3s ease 0s;
}
.localInfoIconsWrap .iconItem .title {
  color: var(--secondary-blue);
  font-weight: 700;
  padding: 10px 20px;
  line-height: 1.1;
  font-size: 1.625rem;
  font-size: clamp(1.625rem, 1.2353896103896105rem + 0.8116883116883118vw, 2.25rem);
  transition: color 0.3s ease 0s;
}
.localInfoIconsWrap .iconItem > a:hover .title {
  color: var(--primary-blue);
}
@media screen and (min-width: 1500px) {
  .localInfoIconsWrap .iconItem {
    width: calc((var(--max-wrapper-width) - var(--icon-gap) * 2 - var(--container-horizontal-padding) * 2) / 3);
  }
}
@media screen and (max-width: 1499.89px) and (min-width: 768px) {
  .localInfoIconsWrap {
    --icon-gap: 30px;
    --vert-padding: 40px;
  }
  .localInfoIconsWrap .iconItem {
    width: calc((100% - var(--icon-gap) * 2 - var(--container-horizontal-padding) * 2) / 3);
  }
}
@media screen and (max-width: 1199.98px) {
  .localInfoIconsWrap {
    --icon-size: 200px;
  }
}
@media screen and (min-width: 768px) {
  .localInfoIconsWrap .iconItem .title {
    text-align: center;
  }
}
@media screen and (max-width: 767.98px) {
  .localInfoIconsWrap {
    --icon-gap: 20px;
    --vert-padding: 30px;
    --icon-size: 140px;
  }
  .localInfoIconsWrap .localInfoIcons {
    flex-wrap: wrap;
    row-gap: var(--icon-gap);
  }
  .localInfoIconsWrap .localInfoIcons > div {
    width: 100%;
  }
  .localInfoIconsWrap .iconItem > a {
    display: flex;
  }
  .localInfoIconsWrap .iconItem .title {
    display: flex;
    align-items: center;
    flex: 1;
  }
}
@media screen and (max-width: 479.98px) {
  .localInfoIconsWrap {
    --icon-size: 120px;
  }
}
/*local information ends*/

/*photo group in grid view, local-info and TravelHotel section used*/
.specialGrid {
  --row-gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  column-gap: 20px;
  row-gap: var(--row-gap);
  margin: 0 auto var(--common-margin-bot);
  padding: 0 var(--container-horizontal-padding);
  max-width: var(--container-width);
}
.specialGrid a {
  text-decoration: none;
  color: #000;
}
.specialGrid .item > div {
  width: 100%;
}
.specialGrid .item .photo {
  line-height: 0;
  overflow: hidden;
}
.specialGrid .photo img {
  transform: scale(1);
  transition: transform 0.3s ease 0s;
}
.specialGrid a:hover .photo img {
  transform: scale(1.1);
}
.specialGrid .item .title {
  padding: 10px 20px;
  text-align: center;
  font-size: 1.375rem;
  font-size: clamp(1.375rem, 1.1412337662337662rem + 0.487012987012987vw, 1.75rem);
}
@media screen and (max-width: 991.98px) {
  .specialGrid {
    --row-gap: 20px;
  }
  .specialGrid .photo img {
    width: 100%;
  }
}
/*photo group in grid view ends*/

/*inside schedule for event section only*/
#scheduleMain .scheduleItem .eventList .event {
  background-color: var(--bluebg);
  margin-top: 1.25rem;
}
#scheduleMain .scheduleItem .eventList .event:first-child {
  margin-top: 0;
}
#scheduleMain:before {
  height: calc(100% + var(--content-vert-padding) * 2);
}
#scheduleMain .scheduleItem .event .title {
  line-height: 1.1;
  font-size: 1.75rem;
  font-size: clamp(1.75rem, 1.2824675324675325rem + 0.974025974025974vw, 2.5rem);
}
#scheduleMain .scheduleItem .event .theme {
  line-height: 1.1;
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.094155844155844rem + 0.3246753246753247vw, 1.5rem);
}
#scheduleMain .scheduleItem {
  margin-bottom: 1.25rem;
}
#scheduleMain .scheduleItem:last-child {
  margin-bottom: 0;
}
.timeslot {
  margin-top: 1.25rem;
  padding: 15px 20px;
  text-align: center;
  font-weight: 700;
  font-size: 1.625rem;
  font-size: clamp(1.625rem, 1.2353896103896105rem + 0.8116883116883118vw, 2.25rem);
  background-color: rgba(47, 124, 235, 0.2);
}
.timeslot span {
  font-size: 1rem;
  font-weight: normal;
}
#scheduleMain .scheduleItem .event .list ul {
  font-size: 1rem;
  font-size: clamp(1rem, 0.8441558441558441rem + 0.3246753246753247vw, 1.25rem);
}
#scheduleMain .scheduleItem .event .list ul:last-child {
  margin-bottom: 0;
}
#scheduleMain .scheduleItem .event .list ul > li > strong {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.0162337662337662rem + 0.487012987012987vw, 1.625rem);
}
#scheduleMain .scheduleItem .event .list ul > li > p {
  padding-top: 0.5rem;
}
#scheduleMain .scheduleItem .event .list ul > li > p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991.98px) {
  #scheduleMain {
    padding-left: 68px;
  }
  #scheduleMain:before {
    left: 20px;
  }
  #scheduleMain .scheduleItem .dateVenue {
    padding: 20px 0;
  }
  #scheduleMain .scheduleItem .dateVenue .day:after {
    left: -64px;
  }
}
@media screen and (max-width: 767.98px) {
  #scheduleMain {
    padding-left: 28px;
  }
  #scheduleMain:before {
    left: 0;
  }
  #scheduleMain .scheduleItem .dateVenue .day:after {
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border-width: 6px;
  }
  #scheduleMain .scheduleItem .dateVenue .day:after {
    left: -40px;
  }
}
@media screen and (max-width: 575.98px) {
  #scheduleMain:before {
    width: 6px;
  }
  #scheduleMain .scheduleItem .dateVenue .day:after {
    margin-top: -12px;
    width: 24px;
    height: 24px;
    border-width: 5px;
  }
  #scheduleMain .scheduleItem .dateVenue .day:after {
    left: -38px;
  }
}

/* travel hotel css*/
.accommodationWrap {
  --column-gap: 60px;
  --row-gap: 30px;
  display: flex;
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
}
.accommodationWrap > div {
  width: calc((100% - var(--column-gap)) / 2);
}
.accommodationWrap .bed:before,
.accommodationWrap .fee:before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 20px;
  height: 20px;
  background-size: 100% auto;
}
.accommodationWrap .bed,
.accommodationWrap .fee {
  position: relative;
  padding-left: 30px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 20px auto;
  margin-bottom: 1.25rem;
  line-height: 1.2;
}
.accommodationWrap .bed:before {
  background-image: url(../images/bed.svg);
}
.accommodationWrap .fee:before {
  background-image: url(../images/price.svg);
}
.accommodationWrap p + ul {
  margin-top: -1rem;
}
.accommodationWrap .swiper-slide img {
  width: 100%;
}
.accomodationSwiper {
  margin-bottom: 2rem;
}
.accomodationSwiper .swiper-slide,
.accomodationThumbSwiper .swiper-slide {
  line-height: 0;
}
.accomodationThumbSwiper {
  margin: 0 30px;
  position: relative;
  --swiper-navigation-size: 24px;
}
.accomodationThumbSwiper .swiper-button-prev {
  left: -30px;
}
.accomodationThumbSwiper .swiper-button-next {
  right: -30px;
}
.hotelLists {
  --padding-gap: 30px;
  border-top: 2px solid var(--secondary-blue);
  margin-bottom: var(--common-margin-bot);
}

.hotelLists .hotelItem {
  border-bottom: 1px solid rgba(85, 85, 85, 0.2);
  padding: 10px 0;
}
/* .hotelLists .hotelItem > a {
  text-decoration: none;
  color: #555;
  display: block;
  padding: 10px 0;
  background-color: #fff;
  transition: background-color 0.3s ease 0s;
}
.hotelLists .hotelItem > a:hover,
.hotelLists .hotelItem > a:focus-within {
  background-color: #fdffe5;
}
.hotelLists .hotelItem > a .photoName {
  font-weight: 700;
} */
.hotelLists .hotelItem {
}
.hotelLists .hotelItem .itemWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.hotelLists .hotelItem .photoName {
  display: flex;
  align-items: center;
  flex-basis: 33%;
  padding-right: var(--padding-gap);
}
.hotelLists .hotelItem .itemWrap .photoName .name {
  font-weight: 700;
}
.hotelLists .hotelItem .itemWrap .photoName .photo {
  padding-right: 0;
  flex-basis: 0;
  line-height: 0;
  transition:
    flex-basis 0.3s ease 0s,
    padding-right 0.3s ease 0s;
}
.hotelLists .hotelItem .photoName .photo span {
  display: block;
  aspect-ratio: 6 / 5;
}
.hotelLists .hotelItem > a:hover .photoName .photo span {
}
.hotelLists .hotelItem .photoName {
  padding: 0 var(--padding-gap) 0 0;
}
.hotelLists .hotelItem .hotelDetails {
  display: flex;
  align-items: center;
  flex: 1;
  column-gap: var(--padding-gap);
}
.hotelLists .hotelItem .hotelDetails .addr {
  flex-basis: 50%;
}
.hotelLists .hotelItem .hotelDetails .tel {
  flex-basis: 25%;
}
.hotelLists .hotelItem .hotelDetails .btns {
  margin-left: auto;
}
.hotelLists .hotelItem .hotelDetails .btns > a {
  display: inline-block;
  margin: 0 5px;
}
.hotelLists .hotelItem .hotelDetails .btns span {
  display: inline-block;
  position: relative;
  color: #000;
  border-radius: 30px;
  background-color: var(--blue);
  padding: 15px 30px;
  line-height: 20px;
  transition: background-color 0.3s ease 0s;
}
.hotelLists .hotelItem .hotelDetails .btns a:hover span,
.hotelLists .hotelItem .hotelDetails .btns a:focus-within span {
  background-color: var(--primary-blue);
  color: #fff;
}
.mapContainer {
  margin-bottom: var(--common-margin-bot);
}
.mapContainer .mapWrap {
  aspect-ratio: 19 / 8;
  width: 100%;
}
.mapContainer img {
  width: 100%;
}
.locate {
  line-height: 1.1;
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 0.9383116883116883rem + 0.6493506493506493vw, 1.75rem);
  color: var(--primary-blue);
  padding-left: 30px;
  position: relative;
}
.locate:before {
  content: "\e907";
  font-family: "icomoon";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  font-size: 26px;
  line-height: 24px;
  top: 0.125rem;
  left: 0;
  color: currentColor;
  transition: color 0.3s ease 0s;
}
@media screen and (max-width: 1399.98px) {
  .accommodationWrap {
    --column-gap: 40px;
  }
}
@media screen and (max-width: 1199.98px) {
  .accommodationWrap {
    flex-wrap: wrap;
  }
  .accommodationWrap > div {
    width: 100%;
  }
  .hotelLists {
    --padding-gap: 20px;
  }
}
@media screen and (min-width: 992px) {
  .hotelLists .hotelItem .photoName .photo .name {
    flex: 1;
  }
  .hotelLists .hotelItem > a:hover .photoName .photo,
  .hotelLists .hotelItem > a:focus-within .photoName .photo {
    flex-basis: 180px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 991.98px) {
  .hotelLists .hotelItem .itemWrap .hotelDetails {
    padding: 0 var(--padding-gap);
  }
  .hotelLists .hotelItem .photoName {
    flex-basis: 100%;
    padding: 0 var(--padding-gap);
  }
  .hotelLists .hotelItem .itemWrap .hotelDetails {
    display: block;
    padding-top: 1rem;
  }
  .hotelLists .hotelItem .hotelDetails > div:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .mapContainer .mapWrap {
    height: 340px;
    position: relative;
    overflow: hidden;
  }
  .mapContainer img {
    width: auto;
    max-width: inherit;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 575.98px) {
  /* .hotelLists .hotelItem .itemWrap .hotelDetails {
    display: block;
    padding-top: 1rem;
  }
  .hotelLists .hotelItem .hotelDetails > div:not(:last-child) {
    margin-bottom: 1rem;
  } */
}
/* travel hotel css ends*/

/*accordion strats*/
.accordion-wrap {
  margin-bottom: var(--common-margin-bot);
  overflow: hidden;
}
.accordion-item {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.accordion-item.active .accordion-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion-item .accordion-title {
  border: 1px solid var(--secondary-blue);
  border-radius: 15px;
  position: relative;
  color: #fff;
  background: transparent;
  transition: background-color 0.3s ease 0s;
  padding: 1.25rem 60px 1.25rem 1.25rem;
  min-height: 50px;
  line-height: 1.2em;
  display: block;
  color: var(--secondary-blue);
  text-decoration: none;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.8912337662337663rem + 0.487012987012987vw, 1.5rem);
}
.accordion-item .accordion-title > span.num {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  min-width: 36px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin-right: 20px;
}
.accordion-item .accordion-title > span.num:before {
  content: "";
  position: absolute;
  width: 36px;
  height: 36px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--secondary-blue);
  border-radius: 50%;
}
.accordion-item .accordion-title > span.num > span {
  position: relative;
}
.accordion-item.active .accordion-title,
.accordion-item .accordion-title:hover,
.accordion-item .accordion-title:focus-within {
  background: var(--secondary-blue);
  color: #fff;
  font-weight: 700;
}
.accordion-item.active .accordion-title .num,
.accordion-item .accordion-title:hover .num,
.accordion-item .accordion-title:focus-within .num {
  color: var(--secondary-blue);
}
.accordion-item.active .accordion-title .num:before,
.accordion-item .accordion-title:hover .num:before,
.accordion-item .accordion-title:focus-within .num:before {
  background: #fff;
}
.accordion-item .accordion-title:before {
  content: "";
  height: 16px;
  width: 16px;
  border: 2px solid currentColor;
  border-top-width: 0;
  border-right-width: 0;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  transform-origin: center center;
  transition:
    background-color 0.3s ease 0s,
    transform 0.3s ease 0s;
}
.accordion-item.active .accordion-title:not(.btnOnly):before {
  transform: rotate(135deg);
}
.accordion-item .accordion-content {
  overflow: hidden;
  background-color: var(--greybg);
}
.accordion-item:not(.active) .accordion-content {
  /*display: none;*/
}
.accordion-item .accordion-content .accordion-main {
  padding: 20px 20px 20px 20px;
}
.accordionWrap.faq .accordion-content .accordion-main {
  padding: 20px 20px 20px 60px;
}
.accordion-item .accordion-main > ul:last-child,
.accordion-item .accordion-main > ol:last-child,
.accordion-item .accordion-main > p:last-child {
  margin-bottom: 0;
}
/*accordion ends*/

/*contact us page*/
.contactWrap {
  border-radius: 20px;
  overflow: hidden;
}
.contactWrap .head {
  background-color: var(--secondary-blue);
  color: #fff;
  padding: var(--common-padding);
  font-weight: 700;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.8912337662337663rem + 0.487012987012987vw, 1.5rem);
}
.contactWrap .contactMain {
  padding: var(--common-padding);
  background-color: var(--greybg);
}
.contactWrap .contactMain a {
  color: var(--third-blue);
}
.contactWrap .contactMain table th {
  padding-left: 0;
  white-space: nowrap;
}
.contactWrap .contactMain table td {
  padding-left: 0;
}
@media screen and (min-width: 1200px) {
  .contactWrap .contactMain {
    display: flex;
    column-gap: 30px;
  }
  .contactWrap .contactMain > div {
    width: 50%;
  }
}
@media screen and (max-width: 1199.98px) {
  .contactWrap .contactMain table th {
    min-width: 120px;
  }
  :lang(en) .contactWrap .contactMain table th {
    min-width: 136px;
  }
}
@media screen and (max-width: 479.98px) {
  :lang(zh-HK) .contactWrap .contactMain table th,
  :lang(zh-CN) .contactWrap .contactMain table th {
    min-width: 95px;
  }
  :lang(en) .contactWrap .contactMain table th {
    min-width: 110px;
    white-space: break-spaces;
  }
  .contactWrap .contactMain table td a {
    word-break: break-all;
    overflow-wrap: anywhere;
  }
}
/*contact us page ends*/

/*whats new starts*/
.newsItemsGrid {
  --news-gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  column-gap: var(--news-gap);
  row-gap: var(--news-gap);
  margin: 40px auto var(--common-margin-bot);
}
.newsItemsGrid .item {
  border-top: 1px dashed var(--secondary-blue);
}
.newsItemsGrid .item > a {
  height: 100%;
  padding: var(--news-gap) 0;
  padding-top: var(--news-gap);
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
}
.newsItemsGrid .item > a > div {
  width: 100%;
}
.newsItemsGrid .item .date {
  color: #555;
  padding-bottom: 5px;
  font-size: 1rem;
  font-size: clamp(1rem, 0.922077922077922rem + 0.16233766233766234vw, 1.125rem);
}
.newsItemsGrid .item .news {
  margin-bottom: var(--news-gap);
  line-height: 1.25;
  color: var(--secondary-blue);
  font-weight: 500;
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 0.9383116883116883rem + 0.6493506493506493vw, 1.75rem);
}
.newsItemsGrid .item .img {
  margin-top: auto;
  line-height: 0;
  overflow: hidden;
}
.newsItemsGrid .item .img img {
  width: 100%;
  transform: scale(1);
  transition: transform 0.3s ease 0s;
}
.newsItemsGrid .item a:hover .img img,
.newsItemsGrid .item a:focus-within .img img {
  transform: scale(1.1);
}
.newsMain {
  margin: 40px 0;
}
.eventGallery {
  position: relative;
  --swiper-navigation-size: 20px;
  margin-bottom: var(--common-margin-bot);
  container-type: inline-size;
  container-name: eventGallery;
}
.eventGallery a {
  display: block;
  line-height: 0;
}
.eventGallery a span {
  aspect-ratio: 1 /1;
  overflow: hidden;
  display: block;
}
.eventGallery a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease 0s;
}
.eventGallery a:hover img,
.eventGallery a:focus-within img {
  transform: scale(1.1);
}
.eventGallery .swiper-arrow {
  display: none;
}
@media screen and (min-width: 992px) {
  .newItemsGrid {
    --news-gap: 30px;
  }
}
@media screen and (min-width: 768px) {
  @container eventGallery (min-width: 712px) {
    .eventGallery .swiper-wrapper {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 5px;
    }
  }
}
@media screen and (max-width: 767.98px) {
  .newItemsGrid {
    --news-gap: 20px;
  }
  .newItemsGrid .item > a {
    display: block;
  }
  .eventGallery .swiper-arrow {
    display: flex;
  }
}
/*whats new css ends*/

/*custom swiper css*/
.photoslider-wrap {
  position: relative;
  margin-bottom: var(--common-margin-bot);
  --swiper-navigation-sides-offset: -10px;
  --swiper-navigation-size: 20px;
}
.photoslider-wrap .swiper {
  overflow: visible;
}
.photoslider-wrap .swiper-slide {
  width: auto;
}
.photoslider-wrap .swiper-slide a {
  display: block;
  height: 300px;
}
.photoslider-wrap .swiper-slide a span.img {
  line-height: 0;
  height: 100%;
  display: block;
  overflow: hidden;
}
.photoslider-wrap .swiper-slide img {
  height: 100%;
  transform: scale(1);
  transition: transform 0.3s ease 0s;
}
.photoslider-wrap .swiper-slide a:hover img {
  transform: scale(1.1);
}
.photoslider-wrap .swiper-arrow,
.eventGallery .swiper-arrow {
  display: none;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  align-items: center;
  transition: background-color 0.3s ease 0s;
}
.photoslider-wrap .swiper-arrow:hover,
.eventGallery .swiper-arrow:hover {
  background-color: var(--yellow);
}
@media screen and (max-width: 991.98px) {
  .photoslider-wrap .swiper-arrow {
    display: flex;
  }
}
/*custom swiper css ends*/