@import url('./Dnn.css');

:root {
  --SpecialPageTopSpacing: calc(var(--headerHeight) + 30px);
}

#Form[action="/login" i] #dnn_content,
#Form[action="/login/" i] #dnn_content,
#Form[action^="/login?" i] #dnn_content {
  padding-top: var(--SpecialPageTopSpacing);
}

#Form[action^="/Host/Global-Assets/portalid/" i] #dnn_content {
  padding-top: var(--SpecialPageTopSpacing);
}

#Form[action="/Admin/File-Management" i] #dnn_content {
  padding-top: var(--SpecialPageTopSpacing);
}

@media only screen and (max-width:991.98px) {
  :root {
    --SpecialPageTopSpacing: 30px;
  }
}

@media only screen and (min-width:992px) {
  .CustomBusiness-map .CustomBusiness+.map-content::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
    opacity: 0.6;
  }
}



/*****************
******************
**** TB Theme ****
******************
*************** */
:root {
  --family-Heebo: "Heebo", Arial, Helvetica, sans-serif;
  --family-Oswald: "Oswald", Arial, Helvetica, sans-serif;
  --family-Outfit: "Outfit", Arial, Helvetica, sans-serif;
}

body .family-Heebo {
  font-family: var(--family-Heebo);
}

body .family-Oswald {
  font-family: var(--family-Oswald);
}

body .family-Outfit {
  font-family: var(--family-Outfit);
}


#dng-wrapper .dng-megamenu .primary_structure>li>a {
  font-size: clamp(20px, 1.5vw, 30px);
  line-height: 1.2;
  padding-right: clamp(-15px, calc(1.5vw - 15px), 25px);
  padding-left: clamp(-15px, calc(1.5vw - 15px), 25px);
}

#dng-wrapper .dng-megamenu .primary_structure>li>a>span {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}

#dng-wrapper .dng-megamenu .primary_structure>li>a>span::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;

  height: 11px;
  background-color: var(--line-color);
  z-index: -1;
  transition: right ease-in 200ms;
}

#dng-wrapper .dng-megamenu .primary_structure>li:hover>a>span::before,
#dng-wrapper .dng-megamenu .primary_structure>li>a:focus>span::before,
#dng-wrapper .dng-megamenu .primary_structure>li.current>a>span::before,
#dng-wrapper .dng-megamenu .primary_structure>li.menu_hover>a>span::before,
#dng-wrapper .dng-megamenu .primary_structure>li>a.current>span::before {
  right: 0;
}


#dng-wrapper .header-default.floating-nav.floating-nav-sticky.floating-active .dng-megamenu .primary_structure>li:hover>a,
#dng-wrapper .header-default.floating-nav.floating-nav-sticky.floating-active .dng-megamenu .primary_structure>li>a:focus,
#dng-wrapper .header-default.floating-nav.floating-nav-sticky.floating-active .dng-megamenu .primary_structure>li.current>a,
#dng-wrapper .header-default.floating-nav.floating-nav-sticky.floating-active .dng-megamenu .primary_structure>li.menu_hover>a,
#dng-wrapper .header-default.floating-nav.floating-nav-sticky.floating-active .dng-megamenu .primary_structure>li>a.current {
  color: var(--accent-color) !important;
}



:root {
  /* 
	--font-size1: clamp(48px, 2.5vw + 30px ,78px);
	--font-size2: clamp(36px, 1.3333333333333335vw + 26.4px ,52px);
	--font-size3: clamp(34px, 2vw + 9.6px ,48px);
	--font-size4: clamp(32px, 0.8333333333333334vw + 26px ,42px); 
	--font-size5: clamp(28px, 0.6666666666666667vw + 23.2px ,36px); 
	--font-size6: clamp(26px, 0.5vw + 22.4px ,32px);
	--font-size7: clamp(24px, 0.33333333333333337vw + 21.6px ,28px); 
	--font-size8: clamp(22px, 0.16666666666666669vw + 20.8px ,24px); 
	*/
  --font-size1: clamp(3rem, 2.5vw + 1.875rem, 4.875rem);
  --font-size2: clamp(2.25rem, 1.4vw + 1.65rem, 3.25rem);
  --font-size3: clamp(2.125rem, 2vw + 0.6rem, 3rem);
  --font-size4: clamp(2rem, 0.84vw + 1.625rem, 2.625rem);
  --font-size5: clamp(1.75rem, 0.67vw + 1.45rem, 2.25rem);
  --font-size6: clamp(1.625rem, 0.5vw + 1.4rem, 2rem);
  --font-size7: clamp(1.5rem, 0.34vw + 1.35rem, 1.75rem);
  --font-size8: clamp(1.375rem, 0.17vw + 1.3rem, 1.5rem);
}

.font-size1 {
  font-size: var(--font-size1) !important;
}

.font-size2 {
  font-size: var(--font-size2) !important;
}

.font-size3 {
  font-size: var(--font-size3) !important;
}

.font-size4 {
  font-size: var(--font-size4) !important;
}

.font-size5 {
  font-size: var(--font-size5) !important;
}

.font-size6 {
  font-size: var(--font-size6) !important;
}

.font-size7 {
  font-size: var(--font-size7) !important;
}

.font-size8 {
  font-size: var(--font-size8) !important;
}

.img_text01 {
  font-size: 1rem;
  font-style: italic;
  line-height: 1.75;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

body .form-btn {
  font-size: 14px;
}

/* TB-header01-middle */
.TB-header01-middle .header-container-box {}

/* TB-headerLogo-01 */
.TB-header01-logo {
  position: absolute;
  top: 0;
  left: 0;
  transition: height ease-out 250ms;
}

.TB-header01-logo .logo img {
  max-height: 100%;
}

.TB-header01-logo .header-content-wrap .logo {
  z-index: 1;
}

.TB-header01-logo .header-content-wrap .logo:first-child a {
  padding: 20px 25px;
  background-color: #fff;
  border-radius: 0 40px 40px 0;
  transform: translate3d(-15px, 0, 0);
}

.TB-header01-logo .header-content-wrap .logo:first-child a::after {
  content: url('./resource/images/TB/TBTextTM.png');
  margin-left: 0;
  width: 0;
  opacity: 0;
  transition: all ease-out 250ms;
}

.TB-header01-logo .header-content-wrap .logo:first-child a:hover::after {
  margin-left: 25px;
  width: 251px;
  opacity: 1;
}

.TB-header01-logo .header-content-wrap .logo:last-child {
  position: absolute;
  top: 50%;
  left: 10px;
  opacity: 0;
  height: auto !important;
  transform: translate3d(0, -50%, 0);
  pointer-events: none;
}

.floating-nav.floating-active .TB-header01-logo {
  height: var(--floating-header-center-height) !important;
}

.floating-nav.floating-active .TB-header01-logo .header-content-wrap .logo:first-child {
  opacity: 0;
  pointer-events: none;
}

.floating-nav.floating-active .TB-header01-logo .header-content-wrap .logo:last-child {
  opacity: 1;
  pointer-events: all;
}


/* TB-header01-menu */
#dng-wrapper .TB-header01-menu {
  padding-left: 140px;
  padding-right: 140px;
}

@media only screen and (max-width:1199.98px) {
  #dng-wrapper .TB-header01-menu {
    padding-right: 0;
  }
}



/* TB-header01-share */
.TB-header01-share {
  position: absolute;
  top: -30px;
  right: 30px;
  height: auto !important;
  opacity: 1;
  transition: opacity ease-out 250ms;
  padding: 22px 25px !important;
  border-radius: 0 0 25px 25px;
  background-color: var(--accent-color);
}

.floating-nav.floating-active .TB-header01-share {
  opacity: 0;
}


/* TB-header-social */
.TB-header-social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  font-size: 1.5rem;
}

.TB-header-social-list a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.TB-header-social-list a:hover {
  color: #FFB51E !important;
}


@media only screen and (max-width:991.98px) {
  .d-wrapper .is-box .is-container {
    padding: 0 30px;
  }
}


.TB-footerList-01 {
  margin: 0;
  padding: 0;
}

.TB-footerList-01 li {
  margin-bottom: 4px;
  list-style: none;
}

.TB-footerList-01 li .sico {
  margin-right: 12px;
  width: 1.3em;
  height: 1.3em;
  color: rgb(0, 104, 56);
  border-radius: 50%;
  background-color: #fff;
}


/* group-button */
.group-button {
  margin-bottom: -10px;
  margin-left: -15px;
  margin-right: -15px;
}

.group-button>* {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}

body [class^='button-'],
body [class*=' button-'] {
  font-family: var(--family-Heebo);
  font-size: 15px;
  font-weight: normal;
  letter-spacing: calc(15px / 1000 * 69);
}

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

  body [class^='button-'],
  body [class*=' button-'] {
    height: auto;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: wrap;
  }
}


/* Banner */
.TB-Banner-01>.is-boxes {
  flex-direction: column;
  min-height: max(100vh, 450px);
}

.TB-Banner-01>.is-boxes>.is-box:first-child {
  padding-top: var(--headerHeight);
  flex: 1;
}

.TB-Banner-01 .banner-title {
  margin-bottom: 24px;
  font-size: var(--font-size1);
  line-height: 1.3;
  font-family: var(--family-Outfit);
}

.TB-Banner-01 .banner-subTitle {
  margin-bottom: 36px;
  font-size: 21px;
  line-height: 1.2;
  font-family: var(--family-Oswald);
  letter-spacing: calc(1em / 1000 * 52);
  text-transform: uppercase;
}

@media only screen and (min-width:992px) {
  .TB-Banner-01 .is-box .is-container {
    margin-top: 0;
  }
}

@media only screen and (min-width:1600px) {
  .TB-Banner-01>.is-boxes>.is-box:first-child {
    height: 100vh;
    flex: auto;
  }

  .TB-Banner-01>.is-boxes>.is-box:first-child .is-container {
    /* margin-bottom: 0; */
    align-self: flex-start;
    padding-top: clamp(3%, 0.5vw + -5%, 5%);
  }
}

@media only screen and (max-width:991.98px) {
  .TB-Banner-01.is-section .is-boxes {
    display: flex;
  }

  .TB-Banner-01>.is-boxes {
    min-height: auto;
  }

  .TB-Banner-01>.is-boxes>.is-box:first-child {
    padding-top: 0;
    min-height: 698px;
  }
}

@media only screen and (max-width:575.98px) {
  .TB-Banner-01>.is-boxes>.is-box:first-child {
    min-height: 450px;
  }
}

/* TB-splitLine-01 */
.TB-splitLine-01 {
  display: flex;
  gap: 1px;
  margin: 1px 0;
}

.TB-splitLine-01>.item {
  flex: 1;
  width: auto;
  height: 15px;
}

.TB-splitLine-01>.item:nth-child(3n+1) {
  background: #FFB51E;
}

.TB-splitLine-01>.item:nth-child(3n+2) {
  background: #45B9C5;
}

.TB-splitLine-01>.item:nth-child(3n+3) {
  background: #FF929C;
}


/* TB-flexGroup-01 */
.TB-flexGroup-01 {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  gap: 1px;
  margin: 1px 0;
}

body .TB-flexGroup-01 a {
  color: currentColor;
}

body .TB-flexGroup-01 a:hover>span {
  text-decoration: underline;
}

.TB-flexGroup-01>.item {
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 25px;
  min-height: 130px;
  text-align: center;
  font-size: var(--font-size2);
  font-family: var(--family-Oswald);
  font-weight: bold;
  letter-spacing: 3.64px;
  line-height: 1.2;
  overflow: hidden;
}

.TB-flexGroup-01>.item:nth-child(3n+1) {
  background: #FFB51E;
}

.TB-flexGroup-01>.item:nth-child(3n+2) {
  background: #45B9C5;
}

.TB-flexGroup-01>.item:nth-child(3n+3) {
  background: #FF929C;
}


/* TB-arrow-01 */
.TB-arrow-01 {
  position: absolute;
  bottom: 0;
  font-size: 0;
  width: clamp(22px, 2.42vw + 4.6px, 51px);
}

.TB-arrow-01 img {
  width: 100%;
}

/* TB-arrow-02 */
.TB-arrow-02 {
  margin-top: clamp(30px, 1.7vw + 18px, 50px);
  margin-bottom: clamp(30px, 1.7vw + 18px, 50px);
}

.TB-arrow-02 img {
  width: clamp(22px, 1.75vw + 9.4px, 43px);
}

/* TB-arrow-03 */
.TB-arrow-03 {
  position: absolute;
  bottom: 15px;
  left: -15px;
  font-size: 0;
  transform: translate3d(-100%, 100%, 0);
  width: clamp(15px, 2.25vw - 1.2px, 42px);

}

.TB-arrow-03 img {
  width: 100%;
}



/* TB-arrow-04 */
.TB-arrow-04 {
  /* position: absolute;
    top: 50%;
    right: -15px;
	font-size: 0;
    transform: translate3d(100%, -5%, 0);
	width: clamp(15px, 3.92vw + -13px ,62px); */
  --imgWidth: clamp(31px, 2.5833333333333335vw + 12.399999999999999px, 62px);
  --imgHeight: clamp(40.5px, 3.375vw + 16.2px, 81px);

  --marginTop: calc(-1 * (var(--imgHeight)));
  --marginRight: calc(-1 * var(--imgWidth));
  --marginBottom: calc(-1 * (var(--imgHeight) - 20px));
  --marginLeft: clamp(15px, 1.25vw + 6px, 30px);



  position: relative;
  display: inline-flex;
  margin: var(--marginTop) var(--marginRight) var(--marginBottom) var(--marginLeft);
  width: var(--imgWidth);
  height: var(--imgHeight);
  z-index: 10;
  align-items: end;
}

.TB-arrow-04 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.TB-title-02:has(> .line) .TB-arrow-04 {
  --marginBottom: calc(-1 * (var(--imgHeight) - clamp(-10px, 2.5vw + -28px, 20px)));
}



/* TB-title-01 */
.TB-title-01 {
  position: relative;
  margin-bottom: 45px;
}

.TB-title-01 .title {
  position: relative;
  margin: 0 0 18px;
  row-gap: 10px;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: var(--font-size3);
  line-height: 1.2;
}

.TB-title-01 p {
  margin: 0 0 8px;
  font-size: var(--font-size3);
  line-height: 1.2;
  font-weight: 600;
}

.TB-title-01 p:last-child {
  margin-bottom: 0;
}

/* TB-title-02 */
.TB-title-02 {
  position: relative;
  margin-bottom: 35px;
}

.TB-title-02 .title {
  position: relative;
  margin: 0 0 0;
  padding: 0 25px 0;
  row-gap: 10px;
  /* display: inline-flex; */
  display: block;
  flex-wrap: wrap;
  font-size: var(--font-size2);
  font-family: var(--family-Oswald);
  line-height: 1.2;
}

.TB-title-02 .line {
  display: block;
  margin: 24px 0 0;
  font-size: 0;
  line-height: 0;
  color: var(--accent-color);
  background-color: #C9CACA;
}

.TB-title-02 .line::before {
  content: '';
  display: inline-block;
  width: 100%;
  max-width: 218px;
  height: 2px;
  background-color: currentColor;
}

@media(max-width:767.88px) {
  .TB-title-02 .title {
    padding: 0 15px 0;
  }
}

@media(max-width:575.88px) {
  .TB-title-02 .title {
    padding: 0 0 0;
  }
}


/* TB-title-03 */
.TB-title-03 {
  margin-bottom: 26px;
}

.TB-title-03 .title {
  position: relative;
  margin: 0 0 0;
  padding-left: 25px;
  font-size: var(--font-size2);
  font-family: var(--family-Oswald);
  line-height: 1.2;
}

.TB-title-03 .title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: calc(100% - (1.2 - 1) * 1em);
  background-color: currentColor;
  transform: translate3d(0, -50%, 0);
}



/* TB-footerTitle-01 */
.TB-footerTitle-01 {
  position: relative;
}

.TB-footerTitle-01 .title {
  position: relative;
  margin: 0 0 18px;
  row-gap: 10px;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: var(--font-size4);
  line-height: 1.2;
}


/* TB-mapList-01 */
.TB-mapList-01 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(30px, 1.7vw + 18px, 50px) clamp(20px, 2.5vw + 2px, 50px);
}

.TB-mapList-01 .list-item {
  padding-bottom: clamp(30px, 1.7vw + 18px, 50px);
  height: 100%;
  color: #666666;
  border-bottom: 1px solid #ebebeb;
}

.TB-mapList-01 .list-item>.title {
  position: relative;
  margin: 0 0 20px;
  padding-left: 24px;
  font-size: max(1.25rem, var(--font-size7));
  line-height: 1.2;
}

.TB-mapList-01 .list-item>.title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: calc(100% - (1.2 - 1) * 1em);
  background-color: currentColor;
  transform: translate3d(0, -50%, 0);
}

.TB-mapList-01 .list-item>.info {
  margin-bottom: 0;
  color: #231f20;
  letter-spacing: 1em / 1000 * 15;
}

.TB-mapList-01 .list-item p:last-child {
  margin-bottom: 0;
}


.TB-mapList-01 .list-item:nth-child(4n+1)>.title {
  color: #ffb51e;
}

.TB-mapList-01 .list-item:nth-child(4n+2)>.title {
  color: #45b9c5;
}

.TB-mapList-01 .list-item:nth-child(4n+3)>.title {
  color: #ff929c;
}

.TB-mapList-01 .list-item:nth-child(4n+4)>.title {
  color: #6ab14a;
}


@media(min-width:576px) {
  .TB-mapList-01.mapList-01-sm {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .TB-mapList-01.mapList-01-sm .list-item:nth-child(8n+1)>.title,
  .TB-mapList-01.mapList-01-sm .list-item:nth-child(8n+2)>.title {
    color: #ffb51e;
  }

  .TB-mapList-01.mapList-01-sm .list-item:nth-child(8n+3)>.title,
  .TB-mapList-01.mapList-01-sm .list-item:nth-child(8n+4)>.title {
    color: #45b9c5;
  }

  .TB-mapList-01.mapList-01-sm .list-item:nth-child(8n+5)>.title,
  .TB-mapList-01.mapList-01-sm .list-item:nth-child(8n+6)>.title {
    color: #ff929c;
  }

  .TB-mapList-01.mapList-01-sm .list-item:nth-child(8n+7)>.title,
  .TB-mapList-01.mapList-01-sm .list-item:nth-child(8n+8)>.title {
    color: #6ab14a;
  }
}

@media(min-width:768px) {
  .TB-mapList-01.mapList-01-md {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .TB-mapList-01.mapList-01-md .list-item:nth-child(8n+1)>.title,
  .TB-mapList-01.mapList-01-md .list-item:nth-child(8n+2)>.title {
    color: #ffb51e;
  }

  .TB-mapList-01.mapList-01-md .list-item:nth-child(8n+3)>.title,
  .TB-mapList-01.mapList-01-md .list-item:nth-child(8n+4)>.title {
    color: #45b9c5;
  }

  .TB-mapList-01.mapList-01-md .list-item:nth-child(8n+5)>.title,
  .TB-mapList-01.mapList-01-md .list-item:nth-child(8n+6)>.title {
    color: #ff929c;
  }

  .TB-mapList-01.mapList-01-md .list-item:nth-child(8n+7)>.title,
  .TB-mapList-01.mapList-01-md .list-item:nth-child(8n+8)>.title {
    color: #6ab14a;
  }
}

@media(min-width:992px) {
  .TB-mapList-01.mapList-01-lg {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .TB-mapList-01.mapList-01-lg .list-item:nth-child(8n+1)>.title,
  .TB-mapList-01.mapList-01-lg .list-item:nth-child(8n+2)>.title {
    color: #ffb51e;
  }

  .TB-mapList-01.mapList-01-lg .list-item:nth-child(8n+3)>.title,
  .TB-mapList-01.mapList-01-lg .list-item:nth-child(8n+4)>.title {
    color: #45b9c5;
  }

  .TB-mapList-01.mapList-01-lg .list-item:nth-child(8n+5)>.title,
  .TB-mapList-01.mapList-01-lg .list-item:nth-child(8n+6)>.title {
    color: #ff929c;
  }

  .TB-mapList-01.mapList-01-lg .list-item:nth-child(8n+7)>.title,
  .TB-mapList-01.mapList-01-lg .list-item:nth-child(8n+8)>.title {
    color: #6ab14a;
  }
}

@media(min-width:1200px) {
  .TB-mapList-01.mapList-01-xl {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .TB-mapList-01.mapList-01-xl .list-item:nth-child(8n+1)>.title,
  .TB-mapList-01.mapList-01-xl .list-item:nth-child(8n+2)>.title {
    color: #ffb51e;
  }

  .TB-mapList-01.mapList-01-xl .list-item:nth-child(8n+3)>.title,
  .TB-mapList-01.mapList-01-xl .list-item:nth-child(8n+4)>.title {
    color: #45b9c5;
  }

  .TB-mapList-01.mapList-01-xl .list-item:nth-child(8n+5)>.title,
  .TB-mapList-01.mapList-01-xl .list-item:nth-child(8n+6)>.title {
    color: #ff929c;
  }

  .TB-mapList-01.mapList-01-xl .list-item:nth-child(8n+7)>.title,
  .TB-mapList-01.mapList-01-xl .list-item:nth-child(8n+8)>.title {
    color: #6ab14a;
  }
}


/* TB-imageBox-01 */
.TB-imageBox-01 {
  position: relative;
  margin-bottom: 30px;
}

.row.TB-imageBox-01-row {
  row-gap: 30px;
}

.row.TB-imageBox-01-row .TB-imageBox-01 {
  margin-bottom: 0;
}

.TB-imageBox-01 .pic {
  position: relative;
}

.TB-imageBox-01 .pic img {
  max-width: 100%;
}

.TB-imageBox-01 .content {
  position: absolute;
  bottom: 0;
  left: clamp(30px, 1.7vw + 18px, 50px);
  right: clamp(30px, 1.7vw + 18px, 50px);
  padding: 12px 28px;

  display: block;
  margin: 0 0 0;
  color: #fff;
  font-size: clamp(20px, 0.42vw + 17px, 25px);
  font-family: var(--family-Oswald);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 1px;

  text-align: center;
  background-color: var(--button-color1);
  border-radius: 28px 28px 0 0;
  transition: color ease-in 300ms, background-color ease-in 300ms;
}

.TB-imageBox-01 a.content:hover {
  background-color: var(--button-hover-color1);
}



/* TB-imageBox-02 */
.TB-imageBox-02 {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.row.TB-imageBox-02-row {
  row-gap: 30px;
}

.row.TB-imageBox-02-row .TB-imageBox-02 {
  margin-bottom: 0;
}

.TB-imageBox-02 .pic {
  position: relative;
}

.TB-imageBox-02 .pic img {
  max-width: 100%;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
}

.TB-imageBox-02 .content {
  padding: 12px 28px 0;
}

.TB-imageBox-02 .content .title {
  margin: 0 0 0;
  color: #BEBFC0;
  font-size: clamp(18px, 0.34vw + 15.6px, 22px);
  font-family: var(--family-Outfit);
  font-weight: normal;
  line-height: calc(28 / 22);
}

.TB-imageBox-02 .TB-imageBox-04 .title a {
  color: currentColor;
}

.TB-imageBox-02 .content .title a:hover {
  text-decoration: underline;
}


/* TB-imageBox-03 */
.TB-imageBox-03 {
  position: relative;
}

.TB-imageBox-03 .pic {
  position: relative;
}

.TB-imageBox-03 .pic img {
  max-width: 100%;
}

.TB-imageBox-03 p {
  margin: 10px 0 0;
  color: #666;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.75;
}



/* TB-imageBox-04 */
.TB-imageBox-04 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
}

.TB-imageBox-04 .pic {
  position: relative;
}

.TB-imageBox-04 .pic p {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 0 10px;
  padding: 0 24px 0;
  color: #fff;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.75;
}

.TB-imageBox-04 .content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: clamp(30px, 2.5vw + 12px, 60px);

  text-align: center;
  color: #fff;
  font-size: var(--font-size8);
  background-color: #ffb51e;
}

@media(min-width:992px) {
  .TB-imageBox-04 {
    grid-template-columns: auto 1fr;
    direction: rtl;
  }

  .TB-imageBox-04 .content {
    direction: ltr;
  }
}


/* TB-imageBox-05 */
.TB-imageBox-05 {
  position: relative;
  text-align: center;
}

.TB-imageBox-05 .pic {
  position: relative;
  display: inline-block;
}

.TB-imageBox-05 .pic p {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 10px 0;
  padding: 0 24px 0;
  color: #fff;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.75;
}


/* TB-imageGrid-01 */
.TB-imageGrid-01 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.TB-imageGrid-01 .gird-item {
  position: relative;
}

.TB-imageGrid-01 .gird-item .sico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 66px;
  height: 66px;
  color: var(--accent-color);
  font-size: 28px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
  transition: opacity ease 300ms;
  z-index: 1;
}

.TB-imageGrid-01 .gird-item:hover .sico {
  opacity: 1;
}

#Body:not(.builder-editor-mode) .TB-imageGrid-01 .gird-item .sico {
  pointer-events: none;
}

@media(max-width: 991.88px) {
  .TB-imageGrid-01 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 575.88px) {
  .TB-imageGrid-01 {
    grid-template-columns: repeat(1, 1fr);
  }
}


/* TB-infoBox-01 */
.TB-infoBox-01 {
  position: relative;
  margin-bottom: 30px;
}

.row.TB-infoBox-01-row {
  row-gap: 30px;
}

.row.TB-infoBox-01-row .TB-infoBox-01 {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.TB-infoBox-01 .pic {
  position: relative;
}

.TB-infoBox-01 .pic img {
  max-width: 100%;
}

.TB-infoBox-01 .content {
  flex-grow: 1;
  padding: 25px 25px 0;
}

.TB-infoBox-01 .content .title {
  margin: 0 0 10px;
  font-size: clamp(18px, 0.84vw + 12px, 28px);
  font-family: var(--family-Outfit);
  font-weight: 600;
  line-height: 1.2;
}

.TB-infoBox-01 .content .title a {
  color: currentColor;
}

.TB-infoBox-01 .content .title a:hover {
  text-decoration: underline;
}

.TB-infoBox-01 .content p:last-child {
  margin-bottom: 0;
}

.TB-infoBox-01 .footer {
  padding: 22px 25px 0;
}

.TB-infoBox-01 .footer p:last-child:not(.group-button) {
  margin-bottom: 0;
}


/* TB-infobox-02 */
.TB-infoBox-02 {
  position: relative;
  display: grid;
  gap: 22px 30px;
  margin-bottom: 60px;
}

.row.TB-infoBox-02-row {
  row-gap: 60px;
}

.row.TB-infoBox-02-row .TB-infoBox-02 {
  margin-bottom: 0;
}

.TB-infoBox-02 .pic {
  position: relative;
}

.TB-infoBox-02 .pic img {
  /* width: 100%; */
  max-width: 100%;
}

.TB-infoBox-02 .pic p {
  margin: 10px 0 0;
  color: #666;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.75;
}

.TB-infoBox-02 .content {
  position: relative;
  font-size: 1rem;
  line-height: 1.75;
}

.TB-infoBox-02 .content .title {
  margin: 0 0 16px;
  font-size: calc(var(--font-size6) + 2px);
  font-weight: 600;
  line-height: 1.2;
}

.TB-infoBox-02 .content .more-btn {
  display: block;
}

#Body:not(.builder-editor-mode) .TB-infoBox-02 .content .more-btn.active {
  display: none;
}

#Body:not(.builder-editor-mode) .TB-infoBox-02 .content .more-btn:not(.active)~* {
  display: none;
}

.TB-infoBox-02 .content p:last-child {
  margin-bottom: 0;
}


@media(min-width:576px) {
  .TB-infoBox-02.infoBox-02-sm {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}

@media(min-width:768px) {
  .TB-infoBox-02.infoBox-02-md {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}

@media(min-width:992px) {
  .TB-infoBox-02.infoBox-02-lg {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}

@media(min-width:1200px) {
  .TB-infoBox-02.infoBox-02-xl {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}



@media(min-width:992px) {
  .infoBox-03-lg {
    grid-template-columns: 0.6fr 1fr;
    align-items: center;
  }
}



/* TB-infoBox-03 */
.TB-infoBox-03 {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.row.TB-infoBox-03-row {
  row-gap: 80px;
}

.row.TB-infoBox-03-row .TB-infoBox-03 {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.TB-infoBox-03 .pic {
  position: relative;
}

.TB-infoBox-03 .pic img {
  max-width: 100%;
}

.TB-infoBox-03 .content {
  flex-grow: 1;
  padding: 25px 0 0;
}

.TB-infoBox-03 .content .title {
  margin: 0 0 10px;
  font-size: clamp(18px, 0.84vw + 12px, 28px);
  font-family: var(--family-Outfit);
  font-weight: 600;
  line-height: 1.2;
}

.TB-infoBox-03 .content .title a {
  color: currentColor;
}

.TB-infoBox-03 .content .title a:hover {
  text-decoration: underline;
}

.TB-infoBox-03 .content p:last-child {
  margin-bottom: 0;
}

.TB-infoBox-03 .footer {
  padding: 35px 0 0;
}

.TB-infoBox-03 .footer p:last-child:not(.group-button) {
  margin-bottom: 0;
}

/*  */
body .TB-social-01 {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin: 0px 5px 5px;
  position: relative;
  display: inline-block;
  transition: all ease 300ms;
}

body .TB-social-01,
body .TB-social-01:link,
body .TB-social-01:visited {
  color: #FFF;
  background-color: var(--button-hover-color1);
}

body .TB-social-01:hover {
  color: #FFF;
  background-color: var(--button-color1);
}

body .TB-social-01 .sico {
  font-size: 30px;
  height: 50px;
  width: 50px;
}




/* TB-anchorBtn-01 */

body .TB-anchorBtn-01 {
  --mainColor: var(--accent-color);
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: calc(15px / 1000 * 69);
  font-family: var(--family-Outfit);
  line-height: 50px;
  height: 50px;
  padding: 0 25px;
  margin-bottom: 20px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  border-radius: 50px;
  -webkit-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
  transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
  -webkit-appearance: none;
  appearance: none;
}

body .TB-anchorBtn-01,
body a.TB-anchorBtn-01 {
  color: #fff;
  background-color: var(--mainColor);
  border-radius: 100px;
  filter: brightness(1);
}

body .TB-anchorBtn-01:hover,
body a.TB-anchorBtn-01:hover {
  filter: brightness(1.2);
}

.row.TB-anchorBtn-01-row {
  row-gap: 20px;
}

.row.TB-anchorBtn-01-row [class*='col-'] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
}

.row.TB-anchorBtn-01-row .TB-anchorBtn-01 {
  margin-bottom: 0;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+1) .TB-anchorBtn-01:nth-child(4n+1) {
  --mainColor: #ffb51e;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+1) .TB-anchorBtn-01:nth-child(4n+2) {
  --mainColor: #45b9c5;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+1) .TB-anchorBtn-01:nth-child(4n+3) {
  --mainColor: #ff929c;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+1) .TB-anchorBtn-01:nth-child(4n+4) {
  --mainColor: #6ab14a;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+2) .TB-anchorBtn-01:nth-child(4n+1) {
  --mainColor: #45b9c5;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+2) .TB-anchorBtn-01:nth-child(4n+2) {
  --mainColor: #ff929c;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+2) .TB-anchorBtn-01:nth-child(4n+3) {
  --mainColor: #6ab14a;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+2) .TB-anchorBtn-01:nth-child(4n+4) {
  --mainColor: #ffb51e;
}


.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+3) .TB-anchorBtn-01:nth-child(4n+1) {
  --mainColor: #ff929c;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+3) .TB-anchorBtn-01:nth-child(4n+2) {
  --mainColor: #6ab14a;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+3) .TB-anchorBtn-01:nth-child(4n+3) {
  --mainColor: #ffb51e;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+3) .TB-anchorBtn-01:nth-child(4n+4) {
  --mainColor: #45b9c5;
}


.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+4) .TB-anchorBtn-01:nth-child(4n+1) {
  --mainColor: #6ab14a;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+4) .TB-anchorBtn-01:nth-child(4n+2) {
  --mainColor: #ffb51e;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+4) .TB-anchorBtn-01:nth-child(4n+3) {
  --mainColor: #45b9c5;
}

.row.TB-anchorBtn-01-row>[class*="col-"]:nth-child(4n+4) .TB-anchorBtn-01:nth-child(4n+4) {
  --mainColor: #ff929c;
}


body .group-button:has(.TB-anchorBtn-01) {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: -20px;
}

body .group-button .TB-anchorBtn-01 {
  margin-left: 5px;
  margin-right: 5px;
}

body .group-button .TB-anchorBtn-01:nth-child(4n+1) {
  --mainColor: #ffb51e;
}

body .group-button .TB-anchorBtn-01:nth-child(4n+2) {
  --mainColor: #45b9c5;
}

body .group-button .TB-anchorBtn-01:nth-child(4n+3) {
  --mainColor: #ff929c;
}

body .group-button .TB-anchorBtn-01:nth-child(4n+4) {
  --mainColor: #6ab14a;
}

.TB-anchorBtn-01.color1 {
  --mainColor: #ffb51e !important;
}

.TB-anchorBtn-01.color2 {
  --mainColor: #45b9c5 !important;
}

.TB-anchorBtn-01.color3 {
  --mainColor: #ff929c !important;
}

.TB-anchorBtn-01.color4 {
  --mainColor: #6ab14a !important;
}

@media(max-width:991.88px) {
  body .TB-anchorBtn-01 {
    font-size: clamp(1.25rem, 0.74vw + 15px, 1.375rem);
  }

}


/* TB-newsletter-01 */
.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] {
  background: transparent;
  overflow: hidden;
}

.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [class^="ff-"][class$="__container"] {
  background: transparent;
  max-width: 1140px;
}

.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [data-ff-el="form"] {
  padding: 0;
  color: var(--Default-Color);
}

.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [data-ff-el="form"] [class^="ff-"][class$="__fields"] {
  flex: 1;
}

.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [data-ff-el="form"] [class^="ff-"][class$="__title"],
.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [data-ff-el="form"] [class^="ff-"][class$="__subtitle"] {
  display: none;
}

.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [data-ff-el="form"] [class^="ff-"][class$="__field fd-form-group"] {
  position: relative;
  max-width: initial;
}

.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [data-ff-el="form"] [class^="ff-"][class$="__label fd-form-label"] {
  top: 50%;
  transform: translate3d(0, -50%, 0);

  color: var(--Default-Color);
  padding: 0px 15px;
  font-size: 1rem;
  font-family: var(--family-Outfit);
  line-height: calc(20 / 16);
  letter-spacing: 0;
}

.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [data-ff-el="form"] [class^="ff-"][class$="__control fd-form-control"] {
  background-color: rgb(255, 255, 255);
  color: inherit;
  height: 50px;
  font-size: 1rem;
  font-family: var(--family-Outfit);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(184, 186, 187);
  border-image: initial;
  outline: none;
  border-radius: 0px;
  padding: 0px 15px;
  margin: 5px 0px;
}

.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [data-ff-el="form"] [class^="ff-"][class$="__button fd-btn"] {
  line-height: 50px;
  height: 50px;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: var(--family-Heebo);
  color: rgb(255, 255, 255);
  background-color: var(--button-color1);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 0px 25px;
  border-radius: 0px;
  margin: 5px 0px;
  transition: color 300ms ease-in 0s, background-color 300ms ease-in 0s;
}

.TB-newsletter-01 [data-ff-el="root"][data-ff-type="inline"] [data-ff-el="form"] [class^="ff-"][class$="__button fd-btn"]:hover {
  background-color: var(--button-hover-color1);
}



/* TB-articleList-01 */
.TB-articleList-01 {
  display: grid;
  gap: 45px 30px;
  grid-template-columns: 100%;
}

.TB-articleList-01 .list-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
}

.TB-articleList-01 .list-item>.item-content,
.TB-articleList-01 .list-item>.item-pic {
  width: 100%;
}

.TB-articleList-01 .list-item>.item-pic {
  align-self: start;
}

.TB-articleList-01 .pic {
  position: relative;
}

.TB-articleList-01 .pic img {
  width: 100%;
}

.TB-articleList-01 .pic p {
  margin: 10px 0 0;
  color: #666;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.75;
}

.TB-articleList-01 .content {
  position: relative;
  font-size: 1rem;
  line-height: 1.75;
}

.TB-articleList-01 .content .title {
  margin: 0 0 16px;
  font-size: calc(var(--font-size6) + 2px);
  font-weight: 600;
  line-height: 1.2;
}

.TB-articleList-01 .content p:last-child {
  margin-bottom: 0;
}

@media(min-width:576px) {
  .TB-articleList-01 {
    gap: 50px 30px;
  }

  .TB-articleList-01.articleList-sm .list-item>.item-content,
  .TB-articleList-01.articleList-sm .list-item>.item-pic {
    width: calc(50% - 15px);
  }

  .TB-articleList-01.articleList-sm:not(.articleList-inversion) .list-item:nth-child(2n+2),
  .TB-articleList-01.articleList-sm.articleList-inversion .list-item:nth-child(2n+1) {
    flex-direction: row-reverse;
  }

  .TB-articleList-01:where(.articleList-sm):not(.articleList-inversion) .list-item:nth-child(2n+1)>.item-content,
  .TB-articleList-01:where(.articleList-sm).articleList-inversion .list-item:nth-child(2n+2)>.item-content {
    padding-right: 20px;
  }

  .TB-articleList-01:where(.articleList-sm):not(.articleList-inversion) .list-item:nth-child(2n+2)>.item-content,
  .TB-articleList-01:where(.articleList-sm).articleList-inversion .list-item:nth-child(2n+1)>.item-content {
    padding-left: 20px;
  }

}

@media(min-width:768px) {
  .TB-articleList-01 {
    gap: 55px 30px;
  }

  .TB-articleList-01.articleList-md .list-item>.item-content,
  .TB-articleList-01.articleList-md .list-item>.item-pic {
    width: calc(50% - 15px);
  }

  .TB-articleList-01.articleList-md:not(.articleList-inversion) .list-item:nth-child(2n+2),
  .TB-articleList-01.articleList-md.articleList-inversion .list-item:nth-child(2n+1) {
    flex-direction: row-reverse;
  }

  .TB-articleList-01:where(.articleList-sm, .articleList-md):not(.articleList-inversion) .list-item:nth-child(2n+1)>.item-content,
  .TB-articleList-01:where(.articleList-sm, .articleList-md).articleList-inversion .list-item:nth-child(2n+2)>.item-content {
    padding-right: 30px;
  }

  .TB-articleList-01:where(.articleList-sm, .articleList-md):not(.articleList-inversion) .list-item:nth-child(2n+2)>.item-content,
  .TB-articleList-01:where(.articleList-sm, .articleList-md).articleList-inversion .list-item:nth-child(2n+1)>.item-content {
    padding-left: 30px;
  }
}

@media(min-width:992px) {
  .TB-articleList-01 {
    gap: 60px 30px;
  }

  .TB-articleList-01.articleList-lg .list-item>.item-content,
  .TB-articleList-01.articleList-lg .list-item>.item-pic {
    width: calc(50% - 15px);
  }

  .TB-articleList-01.articleList-lg:not(.articleList-inversion) .list-item:nth-child(2n+2),
  .TB-articleList-01.articleList-lg.articleList-inversion .list-item:nth-child(2n+1) {
    flex-direction: row-reverse;
  }

  .TB-articleList-01:where(.articleList-sm, .articleList-md, .articleList-lg):not(.articleList-inversion) .list-item:nth-child(2n+1)>.item-content,
  .TB-articleList-01:where(.articleList-sm, .articleList-md, .articleList-lg).articleList-inversion .list-item:nth-child(2n+2)>.item-content {
    padding-right: 40px;
  }

  .TB-articleList-01:where(.articleList-sm, .articleList-md, .articleList-lg):not(.articleList-inversion) .list-item:nth-child(2n+2)>.item-content,
  .TB-articleList-01:where(.articleList-sm, .articleList-md, .articleList-lg).articleList-inversion .list-item:nth-child(2n+1)>.item-content {
    padding-left: 40px;
  }
}

@media(min-width:1200px) {
  .TB-articleList-01 {
    gap: 80px 30px;
  }

  .TB-articleList-01.articleList-xl .list-item>.item-content,
  .TB-articleList-01.articleList-xl .list-item>.item-pic {
    width: calc(50% - 15px);
  }

  .TB-articleList-01.articleList-xl:not(.articleList-inversion) .list-item:nth-child(2n+2),
  .TB-articleList-01.articleList-xl.articleList-inversion .list-item:nth-child(2n+1) {
    flex-direction: row-reverse;
  }

  .TB-articleList-01:where(.articleList-sm, .articleList-md, .articleList-lg, .articleList-xl):not(.articleList-inversion) .list-item:nth-child(2n+1)>.item-content,
  .TB-articleList-01:where(.articleList-sm, .articleList-md, .articleList-lg, .articleList-xl).articleList-inversion .list-item:nth-child(2n+2)>.item-content {
    padding-right: 40px;
  }

  .TB-articleList-01:where(.articleList-sm, .articleList-md, .articleList-lg, .articleList-xl):not(.articleList-inversion) .list-item:nth-child(2n+2)>.item-content,
  .TB-articleList-01:where(.articleList-sm, .articleList-md, .articleList-lg, .articleList-xl).articleList-inversion .list-item:nth-child(2n+1)>.item-content {
    padding-left: 40px;
  }
}




/* TB-articleList-02 */
.TB-articleList-02 {
  display: grid;
  gap: 45px 30px;
  grid-template-columns: 100%;
}

.TB-articleList-02 .list-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
}

.TB-articleList-02 .list-item>.item-content,
.TB-articleList-02 .list-item>.item-pic {
  width: 100%;
}

.TB-articleList-02 .list-item>.item-pic {
  align-self: start;
}

.TB-articleList-02 .pic {
  position: relative;
}

.TB-articleList-02 .pic img {
  width: 100%;
}

.TB-articleList-02 .pic p {
  margin: 10px 0 0;
  color: #666;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.75;
}

.TB-articleList-02 .content {
  position: relative;
  font-size: 1rem;
  line-height: 1.75;
}

.TB-articleList-02 .content .title {
  margin: 0 0 16px;
  font-size: calc(var(--font-size6) + 2px);
  font-weight: 600;
  line-height: 1.2;
}

.TB-articleList-02 .content p:last-child {
  margin-bottom: 0;
}

@media(min-width:576px) {
  .TB-articleList-02 {
    gap: 50px 30px;
  }

  .TB-articleList-02.articleList-sm .list-item>.item-content {
    width: calc(50% - 45px);
  }

  .TB-articleList-02.articleList-sm .list-item>.item-pic {
    width: calc(50% + 15px);
  }

  .TB-articleList-02.articleList-sm:not(.articleList-inversion) .list-item:nth-child(2n+2),
  .TB-articleList-02.articleList-sm.articleList-inversion .list-item:nth-child(2n+1) {
    flex-direction: row-reverse;
  }

  .TB-articleList-02:where(.articleList-sm):not(.articleList-inversion) .list-item:nth-child(2n+1)>.item-content,
  .TB-articleList-02:where(.articleList-sm).articleList-inversion .list-item:nth-child(2n+2)>.item-content {
    padding-right: 20px;
  }

  .TB-articleList-02:where(.articleList-sm):not(.articleList-inversion) .list-item:nth-child(2n+2)>.item-content,
  .TB-articleList-02:where(.articleList-sm).articleList-inversion .list-item:nth-child(2n+1)>.item-content {
    padding-left: 20px;
  }

}

@media(min-width:768px) {
  .TB-articleList-02 {
    gap: 55px 30px;
  }

  .TB-articleList-02.articleList-md .list-item>.item-content {
    width: calc(50% - 45px);
  }

  .TB-articleList-02.articleList-md .list-item>.item-pic {
    width: calc(50% + 15px);
  }

  .TB-articleList-02.articleList-md:not(.articleList-inversion) .list-item:nth-child(2n+2),
  .TB-articleList-02.articleList-md.articleList-inversion .list-item:nth-child(2n+1) {
    flex-direction: row-reverse;
  }

  .TB-articleList-02:where(.articleList-sm, .articleList-md):not(.articleList-inversion) .list-item:nth-child(2n+1)>.item-content,
  .TB-articleList-02:where(.articleList-sm, .articleList-md).articleList-inversion .list-item:nth-child(2n+2)>.item-content {
    padding-right: 30px;
  }

  .TB-articleList-02:where(.articleList-sm, .articleList-md):not(.articleList-inversion) .list-item:nth-child(2n+2)>.item-content,
  .TB-articleList-02:where(.articleList-sm, .articleList-md).articleList-inversion .list-item:nth-child(2n+1)>.item-content {
    padding-left: 30px;
  }
}

@media(min-width:992px) {
  .TB-articleList-02 {
    gap: 60px 30px;
  }

  .TB-articleList-02.articleList-lg .list-item>.item-content {
    width: calc(50% - 45px);
  }

  .TB-articleList-02.articleList-lg .list-item>.item-pic {
    width: calc(50% + 15px);
  }

  .TB-articleList-02.articleList-lg:not(.articleList-inversion) .list-item:nth-child(2n+2),
  .TB-articleList-02.articleList-lg.articleList-inversion .list-item:nth-child(2n+1) {
    flex-direction: row-reverse;
  }

  .TB-articleList-02:where(.articleList-sm, .articleList-md, .articleList-lg):not(.articleList-inversion) .list-item:nth-child(2n+1)>.item-content,
  .TB-articleList-02:where(.articleList-sm, .articleList-md, .articleList-lg).articleList-inversion .list-item:nth-child(2n+2)>.item-content {
    padding-right: 40px;
  }

  .TB-articleList-02:where(.articleList-sm, .articleList-md, .articleList-lg):not(.articleList-inversion) .list-item:nth-child(2n+2)>.item-content,
  .TB-articleList-02:where(.articleList-sm, .articleList-md, .articleList-lg).articleList-inversion .list-item:nth-child(2n+1)>.item-content {
    padding-left: 40px;
  }
}

@media(min-width:1200px) {
  .TB-articleList-02 {
    gap: 80px 30px;
  }

  .TB-articleList-02.articleList-xl .list-item>.item-content {
    width: calc(50% - 45px);
  }

  .TB-articleList-02.articleList-xl .list-item>.item-pic {
    width: calc(50% + 15px);
  }

  .TB-articleList-02.articleList-xl:not(.articleList-inversion) .list-item:nth-child(2n+2),
  .TB-articleList-02.articleList-xl.articleList-inversion .list-item:nth-child(2n+1) {
    flex-direction: row-reverse;
  }

  .TB-articleList-02:where(.articleList-sm, .articleList-md, .articleList-lg, .articleList-xl):not(.articleList-inversion) .list-item:nth-child(2n+1)>.item-content,
  .TB-articleList-02:where(.articleList-sm, .articleList-md, .articleList-lg, .articleList-xl).articleList-inversion .list-item:nth-child(2n+2)>.item-content {
    padding-right: 40px;
  }

  .TB-articleList-02:where(.articleList-sm, .articleList-md, .articleList-lg, .articleList-xl):not(.articleList-inversion) .list-item:nth-child(2n+2)>.item-content,
  .TB-articleList-02:where(.articleList-sm, .articleList-md, .articleList-lg, .articleList-xl).articleList-inversion .list-item:nth-child(2n+1)>.item-content {
    padding-left: 40px;
  }
}

@media(min-width:1400px) {
  .TB-articleList-02 {
    gap: 100px 30px;
  }
}



/* TB-Accordion01 */
.TB-Accordion01 h4 {
  margin: 0 0 4px;
}

.TB-Accordion01 .panel-heading {
  margin-bottom: 0;
}

.TB-Accordion01 .panel-heading button {
  position: relative;
  font-size: 1.375rem;
  line-height: 1;
  padding: 22px 70px 22px 30px;
  font-weight: 600;
  display: block;
  overflow: hidden;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  border: 1px solid var(--AcentColor);
  background-color: var(--AcentColor);
  border-radius: 6px;
  transition: all ease 300ms;
}

.TB-Accordion01 .accordion-item:nth-child(3n+1) .panel-heading button {
  --AcentColor: #ffb51e;
}

.TB-Accordion01 .accordion-item:nth-child(3n+2) .panel-heading button {
  --AcentColor: #45b9c5;
}

.TB-Accordion01 .accordion-item:nth-child(3n+3) .panel-heading button {
  --AcentColor: #ff929c;
}

.TB-Accordion01 .accordion-content {
  display: none;
  padding: 20px 25px 5px 25px;
}

.TB-Accordion01 .accordion-item {
  border-bottom: none;
  transition: all ease 300ms;
  position: relative;
  margin-bottom: 20px;
}

.TB-Accordion01 .accordion-content p {
  margin: 0 0 0;
  font-size: 1.125rem;
  line-height: calc(30 / 18);
}

.TB-Accordion01 .panel-heading .arrow {
  position: absolute;
  top: 50%;
  right: 35px;
  bottom: 0;
  font-size: 13px;
  width: 1em;
  height: 1em;
  transform: translateY(-50%) rotate(-90deg);
  transition: transform 300ms ease-in 0s;
}

.TB-Accordion01 .panel-heading .arrow::after,
.TB-Accordion01 .panel-heading .arrow::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0%;
  z-index: 1;
  width: 1em;
  border-bottom: 3px solid currentColor;
  transform-origin: left center;
}

.TB-Accordion01 .accordion-item .arrow::before {
  transform: rotate(-43deg) translateX(-1px);
}

.TB-Accordion01 .accordion-item .arrow::after {
  transform: rotate(43deg) translateX(-1px);
}

.TB-Accordion01 .accordion-item.opened .panel-heading .arrow {
  transform: translateY(-50%) rotate(90deg);
}

.TB-Accordion01 .accordion-item:last-child {
  margin-bottom: 0;
}


/* TB-bgBox-01 */
.TB-bgBox-01 {
  text-align: center;
  padding: clamp(40px, 1.7vw + 28px, 60px) 30px clamp(45px, 2.1vw + 30px, 70px);
  background-color: #45B9C5;
  overflow: hidden;
}

.TB-bgBox-01 .title {
  margin: 0 0 13px;
  font-size: var(--font-size4);
  line-height: 1.2;
}

.TB-bgBox-01 p {
  font-size: var(--font-size8);
  line-height: 1.25;
}

.TB-bgBox-01 .group-button {
  margin-top: 38px;
}

.TB-bgBox-01 .title+.group-button {
  margin-top: 22px;
}

.TB-bgBox-01 p:last-child:not(.group-button) {
  margin-bottom: 0;
}


/* TB-list-01 */
.TB-list-01 {
  margin-bottom: 0;
}

.TB-list-01 li {
  position: relative;
  list-style-type: disc;
  margin-bottom: 10px;
}

.TB-list-01 li::marker {
  font-size: 20px;
  line-height: 1;
}

.TB-list-01 li:nth-child(4n+1)::marker {
  color: #ffb51e;
}

.TB-list-01 li:nth-child(4n+2)::marker {
  color: #45b9c5;
}

.TB-list-01 li:nth-child(4n+3)::marker {
  color: #ff929c;
}

.TB-list-01 li:nth-child(4n+4)::marker {
  color: #6ab14a;
}

.TB-list-01 li li {
  list-style-type: none;
}

.TB-list-01 li li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: -18px;
  display: inline-block;
  width: 9px;
  height: 2px;
  background-color: #6ab14a;
}

.TB-list-01 li li:nth-child(4n+1)::marker {
  color: #6ab14a;
}

.TB-list-01 li li:nth-child(4n+2)::marker {
  color: #ffb51e;
}

.TB-list-01 li li:nth-child(4n+3)::marker {
  color: #45b9c5;
}

.TB-list-01 li li:nth-child(4n+4)::marker {
  color: #ff929c;
}


/* TB-weatherwidget-01 */
.TB-weatherwidget-01 {
  display: flex;
  flex-direction: column;
  row-gap: clamp(40px, 5vw + 4px, 100px);
}

.TB-weatherwidget-01>.item {
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, 0.84vw + 14px, 30px);
}

.TB-weatherwidget-01>.item>.item-tag {
  padding: clamp(15px, 1.25vw + 6px, 30px) clamp(20px, 1.7vw + 8px, 40px);
  max-width: clamp(230px, 14.9vw + 124px, 408px);
  color: #fff;
  font-size: var(--font-size6);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

.TB-weatherwidget-01>.item:nth-child(4n+1)>.item-tag {
  background-color: #ffb51e;
}

.TB-weatherwidget-01>.item:nth-child(4n+2)>.item-tag {
  background-color: #45b9c5;
}

.TB-weatherwidget-01>.item:nth-child(4n+3)>.item-tag {
  background-color: #ff929c;
}

.TB-weatherwidget-01>.item:nth-child(4n+4)>.item-tag {
  background-color: #6ab14a;
}

/* custom-Images-01 */
.custom-Images-01 {
  position: absolute;
  z-index: 1;
  transform: translate3d(-50%, -50%, 0);
  max-width: clamp(130px, 6.25vw + 85px, 205px);

  top: -15px;
  left: -5px;
}

@media only screen and (max-width:1199.98px) {
  .custom-Images-01 {
    transform: translate3d(calc(-1 * (100vw - var(--ContainerWidth)) / 2), -50%, 0);
    top: 0;
    left: 0;
  }
}

@media only screen and (max-width:575.98px) {
  .custom-Images-01 {
    transform: translate3d(-15px, -50%, 0);
  }
}


/* custom-grid-01 */
.custom-grid-01 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 'a b' 'c d';
  gap: clamp(30px, 2.5vw + 12px, 60px) 30px;
}

.custom-grid-01>.grid-item:nth-child(1) {
  grid-area: a;
  align-self: center;
}

.custom-grid-01>.grid-item:nth-child(2) {
  grid-area: b;
}

.custom-grid-01>.grid-item:nth-child(3) {
  grid-area: c;
}

.custom-grid-01>.grid-item:nth-child(4) {
  grid-area: d;
}

@media only screen and (max-width:991.98px) {
  .custom-grid-01 {
    grid-template-columns: 1fr;
    grid-template-areas: 'a' 'c' 'd' 'b';
  }
}



/* TB-powerforms-02 */
.TB-powerforms-02 {
  margin: 0 auto;
}

.TB-powerforms-02 .form_list {
  display: flex;
}

.TB-powerforms-02 .form_list li {
  margin-bottom: 25px;
}

.TB-powerforms-02 .form_submit {
  text-align: center;
}

.TB-powerforms-02 .form_list {
  text-align: left;
}

.TB-powerforms-02 .form_label {
  margin-bottom: 6px;
}

body .TB-powerforms-02 .form_label label {
  font-size: 1.25rem;
  font-weight: 600;
}

.TB-powerforms-02 input[type=text],
.TB-powerforms-02 input[type=email],
.TB-powerforms-02 input[type=url],
.TB-powerforms-02 input[type=tel],
.TB-powerforms-02 input[type=number],
.TB-powerforms-02 input[type=date],
.TB-powerforms-02 select,
.TB-powerforms-02 textarea {
  border: none;
  background-color: #fff;
  color: inherit;
  border: 1px solid #B8BABB;
  height: 50px;
  outline: none;
  border-radius: 0;
  padding: 0px 15px;
  margin: 5px 0;
  font-size: 1rem;
}

.TB-powerforms-02 textarea {
  padding-top: 10px;
}

.TB-powerforms-02 .form_input {
  position: relative;
}

.TB-powerforms-02 .icon {
  position: absolute;
  top: 0;
  left: 29px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #494e5c;
}

.TB-powerforms-02 .icon~input {
  padding-left: 68px;
}

.TB-powerforms-02 .form-btn {
  background: none;
  border: none;
  color: inherit;
  line-height: 50px;
  height: 50px;
  padding: 0 25px;
  border-radius: 0;
  font-weight: 400;
  background-color: var(--button-color1);
  color: #fff;
  margin: 5px 0;
  transition: color ease-in 300ms, background-color ease-in 300ms;
}

.TB-powerforms-02 .form-btn i {
  font-size: 1.3em;
  vertical-align: sub;
  margin-left: 3px;
  color: inherit !important;
}

.TB-powerforms-02 .form-btn:hover {
  background-color: var(--button-hover-color1);
}

.TB-powerforms-02~.message-license {
  position: static;
  margin: 10px auto 0;
  display: inline-block;
}

.html-night #Body .TB-powerforms-02 .formError .formErrorContent {
  color: #ffffff !important;
}

@media (max-width: 767px) {

  .TB-powerforms-02,
  .TB-powerforms-02>form,
  .TB-powerforms-02 .form_list {
    display: block;
  }

  .TB-powerforms-02 .form-btn,
  .TB-powerforms-02 .form_list li:first-child input {
    border-radius: 0;
  }

  .TB-powerforms-02 li {
    width: 100% !important;
  }
}

html.html-night .TB-powerforms-02 input[type=text],
html.html-night .TB-powerforms-02 input[type=email],
html.html-night .TB-powerforms-02 input[type=url],
html.html-night .TB-powerforms-02 input[type=tel],
html.html-night .TB-powerforms-02 input[type=number],
html.html-night .TB-powerforms-02 input[type=date],
html.html-night .TB-powerforms-02 select,
html.html-night .TB-powerforms-02 textarea {
  background-color: #0e0e0e;
  color: #fff;
}

html .is-light-text .TB-powerforms-02 input[type=text],
html .is-light-text .TB-powerforms-02 input[type=email],
html .is-light-text .TB-powerforms-02 input[type=url],
html .is-light-text .TB-powerforms-02 input[type=tel],
html .is-light-text .TB-powerforms-02 input[type=number],
html .is-light-text .TB-powerforms-02 input[type=date],
html .is-light-text .TB-powerforms-02 select,
html .is-light-text .TB-powerforms-02 textarea {
  background-color: #0e0e0e;
  color: #fff;
}



/* TB-Swiper01 */
body .TB-Swiper01 {
  max-width: 100%;
  --PicScale: var(--PicHeight) / var(--PicWidth);
}

body .TB-Swiper01 .swiper-slide .item {
  position: relative;
  width: 100%;
}

body .TB-Swiper01 .swiper-slide .item .fill-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

body .TB-Swiper01 .swiper-slide .pic {
  position: relative;
  width: 100%;
  padding-bottom: calc(var(--PicScale) * 100%);
}

body .TB-Swiper01 .swiper-slide .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .TB-Swiper01.swiper-container .swiper-button-next,
body .TB-Swiper01.swiper-container .swiper-button-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -31px 0 0 0 !important;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #fff;
  transition: background-color 300ms ease-in-out;
}

body .TB-Swiper01.swiper-container .swiper-button-next {
  right: 20px !important;
}

body .TB-Swiper01.swiper-container .swiper-button-prev {
  left: 20px !important;
}

body .TB-Swiper01.swiper-container .swiper-button-next:hover,
body .TB-Swiper01.swiper-container .swiper-button-prev:hover {
  color: #fff !important;
  background-color: var(--accent-color, #6ab14a);
}

body .TB-Swiper01.swiper-container .swiper-button-next span,
body .TB-Swiper01.swiper-container .swiper-button-prev span {
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
}

body .TB-Swiper01.swiper-container .swiper-button-next span {
  margin: -7px 0 0 -9px;
}

body .TB-Swiper01.swiper-container .swiper-button-prev span {
  margin: -6px 0 0 -4px;
}

body .TB-Swiper01 .swiper-pagination {
  position: absolute;
  bottom: 10px;
  margin: 0;
}

body .TB-Swiper01 .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #fff;
}

body .TB-Swiper01 .swiper-pagination .swiper-pagination-bullet-active {
  width: 15px;
  background-color: var(--accent-color, #6ab14a);
}




.TB-MapDes-01 {
  position: absolute;
  top: 50%;
  right: 60px;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  pointer-events: none;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.TB-MapDes-01>* {
  pointer-events: initial;
}

@media (max-width: 991.88px) {
  .TB-MapDes-01 {
    position: relative;
    top: initial;
    right: initial;
    transform: none;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

.ol_list_style {
  counter-reset: my-counter;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.ol_list_style li:before {
  content: "0" counter(my-counter) ". ";
  counter-increment: my-counter;
  font-size: 18px;
  font-weight: bold;
  color: #6ab14a;
  margin-right: 11px;
}

.ol_list_style li {
  display: flex;
  margin-bottom: 5px;
}

.ol_list_style li p {
  padding-top: 4px;
  line-height: 30px;
}

.ol_list_style li strong {
  color: #231f20;
}



body .TB-fixed-icon01,
body .TB-fixed-icon02,
body .TB-fixed-icon03 {
  --offset: 30px;
  position: relative;
  width: 100%;
  max-width: 155px;
}

body .TB-fixed-icon01 {
  top: calc(-1 * var(--offset));
  transform: translateY(-150%) !important;
}

body .TB-fixed-icon02 {
  top: calc(0 * var(--offset));
  transform: translateY(-50%) !important;
}

body .TB-fixed-icon03 {
  top: calc(1 * var(--offset));
  transform: translateY(50%) !important;
}

@media (max-width: 1399.88px) {

  body .TB-fixed-icon01,
  body .TB-fixed-icon02,
  body .TB-fixed-icon03 {
    --offset: 25px;
    width: 100%;
    max-width: 125px;
  }
}

@media (max-width: 1199.88px) {

  body .TB-fixed-icon01,
  body .TB-fixed-icon02,
  body .TB-fixed-icon03 {
    --offset: 20px;
    width: 100%;
    max-width: 95px;
  }
}

@media (max-width: 991.88px) {

  body .TB-fixed-icon01,
  body .TB-fixed-icon02,
  body .TB-fixed-icon03 {
    --offset: 15px;
    width: 100%;
    max-width: 85px;
  }
}

@media (max-width: 767.88px) {

  body .TB-fixed-icon01,
  body .TB-fixed-icon02,
  body .TB-fixed-icon03 {
    --offset: 10px;
    width: 100%;
    max-width: 75px;
  }
}

@media (max-width: 575.88px) {

  body .TB-fixed-icon01,
  body .TB-fixed-icon02,
  body .TB-fixed-icon03 {
    --offset: 5px;
    width: 100%;
    max-width: 65px;
  }
}



.blog-pane-width {
  max-width: 1600px
}



.text-uppercase {
  text-transform: uppercase;
}

.RealEstate-imgbox {
  text-align: center;
  margin: 0 0 50px;
}

.RealEstate-imgbox .pic a {
  width: 100%;
}

.RealEstate-imgbox .pic img {
  width: 100%;
}

.RealEstate-imgbox .title {
  padding: 20px 0 10px;
  line-height: 1.1;
}

.RealEstate-imgbox .title a,
.RealEstate-imgbox .title a:link,
.RealEstate-imgbox .title a:active,
.RealEstate-imgbox .title a:visited {
  color: #003d6a;
  font-size: 24px;
}

.RealEstate-imgbox .tel a,
.RealEstate-imgbox .tel a:link,
.RealEstate-imgbox .tel a:active,
.RealEstate-imgbox .tel a:visited {
  color: #231f20;
  font-size: 20px
}

.RealEstate-imgbox .title a:hover,
.RealEstate-imgbox .tel a:hover {
  color: #6ab14a;
}

.RealEstate-imgbox .pic {
  border: 1px solid #ededed;
}

/* .font-size6 a{
  color: inherit;
}
.font-size6 a:hover{
  color: #6ab14a;
} */
.TB-title-line {
  font-size: 40px;
  border-left: 4px solid currentColor;
  padding-left: 20px;
  line-height: 1;
  color: #ffb51e;
  margin: 0 0 30px
}

.TB-title-line.color2 {
  color: #45b9c5;
}

.TB-title-line.color3 {
  color: #ff929c;
}

.TB-title-line.color4 {
  color: #6ab14a;
}

.img-text {
  position: absolute;
  bottom: 0;
  padding: 0 20px 0 20px;
  color: #231f20;
  font-style: italic;
}

.TB-filter-01 .filter-controls .controls-category.input-center {
  grid-template-columns: auto;
  justify-content: center;
}


.row.mini-col-spacing {
  margin-left: -3px;
  margin-right: -3px;
}

.row.mini-col-spacing>div {
  padding-left: 3px;
  padding-right: 3px;
}


.media-iconbox {
  margin: 0 auto 40px;
  text-align: center;
  max-width: 370px;
  font-size: 18px;
}

.media-iconbox .icon {
  display: flex;
  width: 157px;
  height: 157px;
  background-color: #ffb51e;
  margin: 0 auto;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  font-size: 64px;
  margin-bottom: 25px;
}

.row>div:nth-child(3n)>.media-iconbox .icon {
  background-color: #ff929c;
}

.row>div:nth-child(3n+2)>.media-iconbox .icon {
  background-color: #45b9c5;
}

.media-iconbox .title {
  font-size: 24px;
  margin-bottom: 20px;
}