/* CSS Document */
:root {
  --site-font-r: "inter-regular";
  --site-font-m: "inter-medium";
  --site-font-sb: "inter-semibold";
  --site-font-b: "inter-bold";
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

.extralight {
  font-weight: 200;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.semibold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.black {
  font-weight: 800;
}

body,
html {
  overflow-x: hidden;
}

:root {
  /* common form */
  --input-bg: #fff;
  --input-br: #e6e6e6;
  --input-color: var(--sc-2);
  --placeholder-color: var(--input-color);
  --default-bullet: url("../images/bullet.png");
  --default-text-color: #8d8d8d;
  --sf-r: "poppins-regular";
  --sc-1: #ffffff;
  --sc-2: #edf3f6;


  /* dark color */
  --sc-3: #0974cc;
  --sc-4: #0467b8;
  --sc-5: #333333;

  /* light color */
  --sc-3l: #2699f7;
}

:root {
  --fz13: 13px;
  --fz15: 15px;
  --fz16: 16px;
  --fz18: 18px;
  --fz25: 25px;
  --fz20: 20px;
  --fz30: 30px;
  --fz32: 32px;
  --fz45: 45px;
}

.fz13 {
  font-size: var(--fz13);
  line-height: 1.2;
}

.fz15 {
  font-size: var(--fz15);
  line-height: 1.2;
}

.fz16 {
  font-size: var(--fz16);
  line-height: 1.2;
}

.fz18 {
  font-size: var(--fz18);
  line-height: 1.65;
}

.fz25 {
  font-size: var(--fz25);
  line-height: 1.2;
}

.fz20 {
  font-size: var(--fz20);
  line-height: 1.2;
}

.fz30 {
  font-size: var(--fz30);
  line-height: 1.2;
}

.fz32 {
  font-size: var(--fz32);
  line-height: 1.2;
}

.fz38 {
  font-size: clamp(25.3333333333px, 5vw, 38px);
  line-height: 1.2;
}

.fz45 {
  font-size: var(--fz45);
  line-height: 1.2;
}

.section-title {
  font-size: 40px;
  line-height: 1.2;
  color: var(--sc-3);
  font-family: var(--site-font-sb);
}

@media (min-width: 1025px) {
  .four-box-container.method-section .four-box-wrapper {
    gap: 10px;
    margin: 20px 0;
  }

  .four-box-container.method-section .four-box-wrapper .item {
    padding: 25px 15px;
    min-width: initial;
    margin: 0;
    flex: 0 0 266px;
  }

  .TopHeader .MainWrapper {
    max-width: 1460px;
    width: 100%;
    padding: 0 30px;
  }
}

.pink {
  --color: var(--sc-3);
}

.purple {
  --color: var(--sc-3);
}

.text-blocks {
  position: relative;
}

@media (min-width: 1025px) {
  .text-blocks:not(.MarginTop30) {
    color: #1a1a1a;
  }
}

.text-blocks.no-pad {
  padding: 0;
  color: #000;
}

.text-blocks .col-1 {
  display: flex;
}

.text-blocks .col-1 .more-text {
  min-width: 350px;
  max-width: 350px;
}

.text-blocks .col-1 .table-text-info {
  width: 100%;
}

.text-blocks .col-1 .icon {
  /*position: absolute;
  left: 0;
  top: -18px;*/
  /* --wd: 60px;
  width: var(--wd);
  height: var(--wd); */
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--sc-3);
  border-radius: 50%;

}

.text-blocks .col-1 .icon img {
  filter: brightness(0) invert(1);
}

.text-blocks .month+.strong-text {
  margin-top: 40px;
}

.text-blocks .EditorText h5 {
  margin-bottom: 15px;
  color: var(--sc-3);
}

.text-blocks .EditorText hr {
  height: 1px;
  width: 100%;
  background-color: #d7dde4;
  margin: 20px 0;
}

.text-blocks .EditorText img {
  display: block;
  margin: 20px auto;
}

.text-blocks .EditorText sup {
  vertical-align: super;
  line-height: 1;
  margin-right: 1px;
}

.text-blocks .EditorText ul {
  margin-bottom: 30px;
}

.text-blocks .EditorText ol ul li {
  background-image: var(--default-bullet) !important;
  background-position: 4px 13px !important;
  background-repeat: no-repeat !important;
  margin: 0px;
  padding: 1px 0px 0 20px !important;
  text-align: left;
}

.text-blocks .EditorText ol ul,
.text-blocks .EditorText ul ul {
  margin-bottom: 0;
}

.text-blocks .EditorText ol li+li,
.text-blocks .EditorText ul li+li {
  margin-top: 10px;
}

.text-blocks .EditorText ol li::marker {
  font-family: var(--site-font-b);
  font-size: 18px;
}

.text-blocks .EditorText ol h6,
.text-blocks .EditorText ul h6 {
  line-height: 1.7;
  margin-bottom: 10px;
}

.text-blocks .strong-text {
  font-size: 16px;
  line-height: 1.2;
  color: #000;
  font-family: var(--site-font-r);
}

.text-blocks .month {
  margin-top: 15px;
  column-count: 2;
  column-rule: 1px solid #dee0e2;
  column-gap: 130px;
}

.text-blocks .month.samll {
  max-width: 400px;
  column-gap: 40px
}

.MarginTop60 {
  margin-top: 60px;
}

.text-blocks .month.samll .info span {
  min-width: 120px;
  max-width: 120px;
}

.text-blocks .month .info {
  display: flex;
  gap: 30px;
  align-items: center;
  max-width: 300px;
}

.text-blocks .month .info span {
  min-width: 180px;
  max-width: 180px;
  font-family: var(--site-font-b);
  font-size: 15px;
  line-height: 1.2;
}

.text-blocks .month .info span strong {
  font-family: var(--site-font-r);
}

.text-blocks .col-1 .icon.white img {
  filter: invert(98%) sepia(0%) saturate(7500%) hue-rotate(200deg) brightness(101%) contrast(102%);
}

hr.gray-line {
  display: block;
  height: 1px;
  width: 100%;
  margin-top: 30px;
  background-color: #efefef;
}

/*---1. default reset css---*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/*---2. default font-size,font-family,font-color,line-height,bgcolor,ol,ul,blockquote,table,img,* :focus---*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background: white;
  color: #1a1a1a;
  font: 16px/1.875 var(--site-font-r);
  font-weight: 500;
}

ol {
  margin-left: 30px;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0px;
  max-width: 100%;
  height: auto;
}

*:focus {
  outline: none;
}

/*---3. default anchor color, hr, BlackSepLine ---*/
a {
  color: var(--sc-3);
  text-decoration: none;
  transition: all .3s ease-in-out;
}

a:hover {
  color: #000;
  text-decoration: none;
}

hr {
  border: 0px;
}

/*---4. Wrappers(containers)---*/
.InnerContainWrapper,
.MainWrapper {
  margin: 0 auto;
  width: 1260px;
}

.MainWrapper {
  padding: 0;
}

.InnerContainWrapper {
  padding: 40px 0;
}

/*---5. Container Fonts---*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: var(--site-font-b);
  line-height: 1.2;
}

h1 {
  font-size: var(--fz45);
}

h2 {
  font-size: var(--fz32);
}

h3 {
  font-size: var(--fz30);
}

h4 {
  font-size: var(--fz25);
}

h5 {
  font-size: var(--fz20);
}

h6 {
  font-size: var(--fz18);
}

/*---7. site selection color---*/
::selection {
  color: #fff;
  background-color: var(--sc-3);
}

/*---8. default UL-Li---*/
ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul li {
  background-image: var(--default-bullet);
  background-position: 4px 10px;
  /*R T*/
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px 0px 0 20px;
}

.NoBullet>li {
  background-image: none;
  background-position: 0px;
  /*R T*/
  background-repeat: no-repeat;
  margin: 0px;
  /*T R B L*/
  padding: 0px;
  /*T R B L*/
}

/*---9 .EditorText default UL-OL css---*/
.EditorText ul {
  display: flow-root;
}

.EditorText ul li {
  background-image: var(--default-bullet);
  background-position: 4px 13px;
  /*R T*/
  background-repeat: no-repeat;
  margin: 0px;
  padding: 1px 0px 0 20px;
  text-align: left;
}

.EditorText ul li+li {
  margin-top: 8px;
}

.EditorText ol li {
  background: none !important;
  border-bottom: 0px solid #d5d5d5;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 1px 0px 1px 0px;
  border: 0px solid;
  display: list-item;
  text-align: left;
}

.EditorText a {
  color: var(--sc-3);
  text-decoration: underline;
}

.EditorText a:hover {
  text-decoration: none;
}

.EditorText td.col-display {
  /* font-weight: 700; */
  font-family: var(--site-font-sb);
  color: #000000;
}

.EditorText h1,
.EditorText h2,
.EditorText h3,
.EditorText h4,
.EditorText h5,
.EditorText h6 {
  margin-bottom: 20px;
  color: var(--sc-3);
  font-family: var(--site-font-b);
}

/*---10. FullWidth, HideImg, ResImg, MaxWidth100---*/
.FullWidth {
  float: none !important;
  display: block !important;
  margin: 0 auto !important;
  width: 100% !important;
}

.HideImg,
.ResImg {
  display: none !important;
}

.MaxWidth100 {
  max-width: 100%;
}

/*---11. grop ClearBoth , Table, Cell---*/
.group:after {
  content: "";
  display: table;
  clear: both;
}

.ClearBoth {
  clear: both;
  min-height: 1px;
}

.Table {
  display: table;
  margin: 0px auto;
  width: 100%;
}

.Cell {
  display: table-cell;
  vertical-align: middle;
}

/*---12. LeftRightFloat---*/
.flow-root {
  display: flow-root;
}

.LeftFloat,
.left-float {
  float: left;
}

.RightFloat,
.right-float {
  float: right;
}

/*---13. TextColor---*/
.color-1 {
  color: #ffffff;
}

.color-2 {
  color: #000000;
}

.color-3 {
  color: var(--sc-1);
}

.color-4 {
  color: var(--sc-2);
}

.color-5 {
  color: var(--sc-3);
}

.color-6 {
  color: var(--sc-4);
}

.color-7 {
  color: var(--sc-5);
}

.color-8 {
  color: #1a1a1a;
}


/*---14. BgColor---*/
.bg-color-1 {
  background-color: #ffffff;
}

.bg-color-2 {
  background-color: #000;
}

.bg-color-3 {
  background-color: var(--sc-3);
}

.bg-color-4 {
  background-color: var(--sc-3l);
}

.bg-color-5 {
  background-color: var(--sc-4);
}

.bg-color-6 {
  background-color: var(--sc-4);
}

.bg-color-7 {
  background-color: var(--sc-5);
}

/*---15. TopArrow---*/
.TopArrow {
  text-align: center;
  display: none;
  width: 100%;
  padding: 20px 0 0;
}

.TopArrow a {
  color: var(--sc-1);
  font-size: 1.2rem;
  line-height: 1.6;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}

.TopArrow a:hover {
  color: #fff;
}

.TopArrow .fa-stack-2x {
  font-size: 34px;
}

.TopArrow .fa-inverse {
  color: #ffffff;
}

.TopArrow .fa-inverse:hover {
  color: var(--sc-1);
}

/*---17. font-size---*/
.FParagraph p {
  margin-bottom: 15px;
  /*  Paragraph after spacing  */
}

.FParagraph1 p {
  margin-bottom: 20px;
  /*  Paragraph after spacing  */
}

.FParagraph p:last-child,
.FParagraph1 p:last-child {
  margin-bottom: 0px;
  line-height: 1.9;
}

.TAC {
  text-align: center;
  /*  For Text aling  */
}

.TAL {
  text-align: left;
  /*  For Text aling  */
}

.TAR {
  text-align: right;
  /*  For Text aling  */
}

.FSize12 {
  font-size: 12px;
}

.FSize13 {
  font-size: 13px;
}

.FSize14 {
  font-size: 14px;
}

.FSize15 {
  font-size: 15px;
}

.FSize16 {
  font-size: 16px;
}

.FSize17 {
  font-size: 17px;
}

.FSize18 {
  font-size: 18px;
}

.FSize19 {
  font-size: 19px;
}

.FSize20 {
  font-size: 20px;
}

.FSize22 {
  font-size: 22px;
}

.FSize24 {
  font-size: 24px;
}

.FSize25 {
  font-size: 25px;
}

.FSize28 {
  font-size: 28px;
}

.FSize30 {
  font-size: 30px;
}

.FSize32 {
  font-size: 32px;
}

.FSize34 {
  font-size: 34px;
}

.FSize35 {
  font-size: 35px;
}

.FSize40 {
  font-size: 40px;
}

.FSize42 {
  font-size: 42px;
}

.FSize45 {
  font-size: 45px;
}

.FSize48 {
  font-size: 48px;
}

.FSize50 {
  font-size: 50px;
}

/*---19. Padding---*/
.Padding5 {
  padding: 5px;
}

.Padding10 {
  padding: 10px;
}

.Padding15 {
  padding: 15px;
}

.Padding20 {
  padding: 20px;
}

.Padding25 {
  padding: 25px;
}

.Padding30 {
  padding: 30px;
}

.PaddingTB2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.PaddingTB5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.PaddingTB {
  padding-top: 10px;
  padding-bottom: 10px;
}

.PaddingTB15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.PaddingTB20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.PaddingTB25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.PaddingTB40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.PaddingLR5 {
  padding-left: 5px;
  padding-right: 5px;
}

.PaddingLR {
  padding-left: 10px;
  padding-right: 10px;
}

.PaddingLR15 {
  padding-left: 15px;
  padding-right: 15px;
}

.PaddingLR20 {
  padding-left: 20px;
  padding-right: 20px;
}

.PaddingLR25 {
  padding-left: 25px;
  padding-right: 25px;
}

.PaddingLR40 {
  padding-left: 40px;
  padding-right: 40px;
}

/*---20. margin---*/
.MarginBottom5 {
  margin-bottom: 5px;
}

.MarginBottom10 {
  margin-bottom: 10px;
}

.MarginBottom15 {
  margin-bottom: 15px;
}

.MarginBottom20 {
  margin-bottom: 20px;
}

.MarginBottom25 {
  margin-bottom: 25px;
}

.MarginBottom30 {
  margin-bottom: 30px;
}

.MarginBottom35 {
  margin-bottom: 35px;
}

.MarginBottom40 {
  margin-bottom: 40px;
}

.MarginBottom45 {
  margin-bottom: 45px;
}

.MarginBottom50 {
  margin-bottom: 50px;
}

.MarginTop5 {
  margin-top: 5px;
}

.MarginTop10 {
  margin-top: 10px;
}

.MarginTop15 {
  margin-top: 15px;
}

.MarginTop20 {
  margin-top: 20px;
}

.MarginTop25 {
  margin-top: 25px;
}

.MarginTop30 {
  margin-top: 30px;
}

.MarginTop35 {
  margin-top: 35px;
}

.MarginTop40 {
  margin-top: 40px;
}

.MarginTop45 {
  margin-top: 45px;
}

.MarginTop50 {
  margin-top: 50px;
}

/*---21. LineHeight---*/
.Caps {
  text-transform: uppercase;
}

.Capitalize {
  text-transform: capitalize;
}

.LineHeightNormal {
  line-height: normal;
}

.LineHeight18 {
  line-height: 18px;
}

.LineHeight22 {
  line-height: 22px;
}

.LineHeight24 {
  line-height: 24px;
}

.LineHeight27 {
  line-height: 27px;
}

.LineHeight30 {
  line-height: 30px;
}

.LineHeight32 {
  line-height: 32px;
}

.LineHeight34 {
  line-height: 34px;
}

.LineHeight35 {
  line-height: 35px;
}

.LineHeight36 {
  line-height: 36px;
}

.LineHeight38 {
  line-height: 38px;
}

.LineHeight40 {
  line-height: 40px;
}

.LineHeight42 {
  line-height: 42px;
}

.LineHeight48 {
  line-height: 48px;
}

.LineHeight52 {
  line-height: 52px;
}

.LineHeight55 {
  line-height: 55px;
}

.legend-container .four-box-wrapper {
  display: flex;
  gap: 15px;
}

.legend-container .flex {
  display: block;
}

.flex-grid-container {
  --width: 300px;
  --mx: 20px;
  --my: var(--mx);
}

.flex-grid-container .WithoutSlider>ul.NoBullet,
.flex-grid-container>ul.NoBullet {
  display: flex;
  flex-wrap: wrap;
  margin: calc(var(--my) * -1) calc(var(--mx) * -1);
}

.flex-grid-container .WithoutSlider>ul.NoBullet>li,
.flex-grid-container>ul.NoBullet>li {
  flex: 0 1 var(--width);
  margin: var(--my) var(--mx);
}

body {
  overflow-x: hidden;
}

.FooterLogo,
.Logo {
  line-height: 0;
}

.img,
.icon {
  line-height: 0;
}

.MainWrapper {
  margin: 0 auto;
}

body:has(.pin-section-wrapper) .TopHeader {
  position: relative;
}

.TopHeader {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  /* padding: 20px 0; */
  /* padding: 5px 0; */
  padding: 0;
  background-color: var(--sc-1);
  z-index: 1;
}

.Logo {
  /* font-size: initial;
  position: absolute;
  left: calc(50% - 65px);
  top: 15px; */
}

.Logo a {
  display: inline-block;
  line-height: 0;
}

.FooterWrap {
  background: var(--sc-2);
}

.FooterWrap .InnerContainWrapper {
  /* padding: 24px 0; */
  padding: 20px 0;
}

.FooterLogo a {
  display: inline-block;
  line-height: 0;
}

.FooterWrap .InnerContainWrapper .FooterLogo img {
  mix-blend-mode: multiply;
}

.about-container {
  position: relative;
}

.about-container .flex {
  display: flex;
  margin: 0;
}

.about-container .img {
  width: 100%;
}

.about-container .img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.about-container .desc {
  line-height: 1.9;
  font-family: var(--site-font-b);
}

.about-container .desc a {
  color: var(--sc-3);
  transition: all .3s ease-in-out;
}

.about-container .desc a:hover {
  color: var(--sc-5);
}

/* .about-container h4.title {
  font-size: 22px;
  line-height: 1.3;
  font-family: var(--site-font-sb);
  color: var(--sc-3);
} */

.about-container .InnerContainWrapper {
  flex-wrap: wrap;
}

.about-container .full-width {
  flex: 0 0 100%;
}


@media (min-width: 1025px) {

  .about-container .InnerContainWrapper {
    position: relative;
    z-index: 2;
    padding: 70px 0;
  }

  .about-container .InnerContainWrapper .left {
    min-width: 420px;
    max-width: 420px;
    float: left;
    margin: 0 75px 95px 0px;
  }
}

@media (max-width: 1025px) {
  .EditorText table {
    margin-left: auto;
    margin-right: auto;
  }

  .about-container .left {
    margin: 0 auto 20px;
  }
}

.four-box-wrapper .text {
  font-size: var(--fz15);
  line-height: 1.5;
  color: #666666;
  font-family: var(--sf-r);
}

.four-box-wrapper .icon {
  line-height: 0;
  min-width: 40px;
  text-align: center;
}

.four-box-wrapper .icon img {
  filter: brightness(0) saturate(100%) invert(24%) sepia(72%) saturate(2372%) hue-rotate(191deg) brightness(94%) contrast(97%);
  width: auto;
}

.four-box-wrapper .item .NoBullet {
  margin-top: 10px;
}

.four-box-wrapper li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.four-box-wrapper li+li {
  margin-top: 10px;
}

.legend-container.desktop .four-box-wrapper li+li {
  margin-top: 20px;
}

@media (max-width: 1025px) {
  .four-box-wrapper {
    margin: 0 auto;
  }

  .four-box-wrapper .item {
    margin: 5px;
    flex: 0 1 calc(50% - 20px);
    min-width: 300px;
  }

  .text-blocks>.icon {
    position: static;
    margin: 0 auto 10px;
  }

  .FParagraph li {
    text-align: left;
  }
}

/*@media (max-width: 1025px) and (min-width: 769px) {
  .four-box-wrapper .item {
    margin: 5px;
    flex: 0 1 calc(50% - 20px);
    min-width: 300px;
    max-width: 450px;
  }

}*/

.heading-title .InnerContainWrapper {
  padding: 0px 0 0;
}

.heading-title h2.title {
  font-size: 25px;
  line-height: 1.2;
  font-family: var(--site-font-h);
  color: var(--sc-3);
}

.heading-title h3.title {
  font-size: 20px;
  line-height: 1.2;
  font-family: var(--site-font-h);
  color: var(--sc-3);
}

.LegendWrap .LegendListWrap {
  box-sizing: border-box;
  width: 1012px;
  margin: 40px auto 0;
  padding: 60px;
}

.LegendWrap ul.LegendUL {
  position: relative;
}

.LegendWrap ul.LegendUL::after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
}

.LegendWrap ul.li_cont3.LegendUL::after {
  display: none;
}

.LegendWrap ul.li_cont3.NoBullet.LegendUL {
  width: 215px !important;
}

.LegendWrap ul.li_cont1.NoBullet.LegendUL {
  width: 265px !important;
  margin-right: 40px;
  padding-right: 40px;
}

.LegendWrap ul.li_cont2.LegendUL {
  margin-right: 40px;
  padding-right: 40px;
}

.LegendWrap.ResLegendWrap .LegendListWrap {
  width: 100%;
  overflow-y: scroll;
  height: 205px;
  display: block;
}

.LegendWrap.ResLegendWrap .LegendListWrap ul li a .Col {
  transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.LegendWrap.ResLegendWrap .LegendListWrap ul li a.active {
  background: var(--sc-1);
}

.LegendWrap.ResLegendWrap .LegendListWrap ul li .FilterBtn {
  font-family: var(--sf-r);
  font-weight: 600;
  color: white;
  font-size: var(--fz16);
  line-height: 1;
}

.TableWrap .InnerContainWrapper {
  padding: 40px 0;
}

.TableWrap .TableContentWrap {
  overflow: hidden;
}

.TableWrap table {
  width: 100%;
  text-align: center;
}

.TableWrap .Icon {
  display: inline-block;
  width: 50%;
  min-width: 40px;
}

.TableWrap .Icon img {
  filter: brightness(0) invert(1);
}

.TableWrap .city {
  min-width: 80px;
  box-sizing: border-box;
}

.TableWrap .country,
.TableWrap .state {
  min-width: 90px;
  box-sizing: border-box;
}


.TableWrap tr.IconTR th {
  color: #000;
}

.TableWrap tr.IconTR th span {
  font-size: 12px;
}

.TableWrap tr.IconTR th .sprite {
  margin: 0 auto 10px;
}

.TableWrap tr.IconTR th:last-child .tooltip-toggle::before {
  left: auto;
  right: -10px;
  margin-left: auto;
}

.TableWrap tr th,
.TableWrap tr td {
  /* min-width: 60px;
  max-width: 60px; */
  min-width: 50px;
  max-width: 50px;
}

.TableWrap tr th.big-col,
.TableWrap tr td.big-col {
  min-width: 75px;
  /* max-width: 70px; */
}

.TableWrap tr th:first-child,
.TableWrap tr td:first-child {
  --wd: 35px;
  width: var(--wd);
  min-width: var(--wd);
}

.TableWrap .tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  /*white image*/
  /* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
  background-repeat: no-repeat;
  background-position: 50% 92%;
  white-space: normal;
  cursor: pointer;
  fill: #fff;
}

.TableWrap .tablesorter-headerDesc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

.TableWrap .tablesorter-headerAsc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
  /*white image*/
  /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */

}

.TableWrap .sorter-false.tablesorter-header {
  background-image: none;
}

.TableContentWrap th {
  font-family: var(--sf-r);
  font-weight: 800;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  padding: 17px 5px;
  box-sizing: border-box;
  border: 1px solid #fff;
  vertical-align: middle;
}

.TableContentWrap th.city {
  min-width: 90px;
}

.TableContentWrap td {
  border-collapse: collapse;
  padding: 15px 3px 15px;
  border: 1px solid #fff;
  background-color: var(--sc-2);
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 1;
  font-size: 13px;
  line-height: 1.4;
  color: #000000;
  font-weight: 500;
  font-family: var(--site-font-r);
}

.TableContentWrap tr:nth-child(odd) td {
  background-color: #edf3f6;
}

/* .TableContentWrap tr:nth-child(even) td:first-child,
.TableContentWrap tr td:first-child {
  background-color: #2699f7;
} */

.TableContentWrap tr:nth-child(even) td {
  background-color: #d9e3e9;
}

.TableContentWrap table tr td .sprite {
  text-indent: -99999px;
}

.tooltip-toggle {
  position: relative;
}

.tooltip-toggle:focus::before {
  opacity: 1;
  transition: all 0.75s ease;
}

.tooltip-toggle:focus::after {
  opacity: 1;
  transition: all 0.75s ease;
}

.tooltip-toggle:hover::before {
  opacity: 1;
  transition: all 0.75s ease;
}

.tooltip-toggle:hover::after {
  opacity: 1;
  transition: all 0.75s ease;
}

.tooltip-toggle::before {
  color: #ffffff;
  font-size: 13px;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  font-family: var(--site-font-sb);
  font-weight: 600;
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -90px;
  background-color: #000000;
  border-radius: 3px;
  content: attr(aria-label);
  text-transform: none;
  transition: all 0.5s ease;
  width: 180px;
  padding: 8px 5px;
  box-sizing: border-box;
  z-index: 9999;
  letter-spacing: normal;
}

.tooltip-toggle::after {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  font-family: var(--site-font-r);
  font-weight: 800;
  position: absolute;
  top: 30px;
  left: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--sc-1);
  content: " ";
  margin-left: -5px;
  width: 0;
  z-index: 99;
}

.sorter-false {
  cursor: default !important;
}

.ResLegendWrap {
  display: none;
}

.ResLegendWrap .TableCol1,
.ResLegendWrap .TableCol2,
.ResLegendWrap .TableCol3,
.ResLegendWrap .TableCol4,
.ResLegendWrap .TableCol5,
.ResLegendWrap .TableCol6,
.ResLegendWrap .TableCol7,
.ResLegendWrap .TableCol8,
.ResLegendWrap .TableCol9,
.ResLegendWrap .TableCol10,
.ResLegendWrap .TableCol11,
.ResLegendWrap .TableCol12,
.ResLegendWrap .TableCol13,
.ResLegendWrap .TableCol14,
.ResLegendWrap .TableCol15,
.ResLegendWrap .TableCol16,
.ResLegendWrap .TableCol17,
.ResLegendWrap .TableCol18,
.ResLegendWrap .TableCol19,
.ResLegendWrap .TableCol20,
.ResLegendWrap .TableCol21 {
  display: block !important;
}

.ResLegendWrap h5.SubTitle {
  color: #fff;
  font-size: var(--fz16);
  line-height: 1.2;
  font-family: var(--sf-r);
  font-weight: 800;
  background-color: var(--sc-1);
  padding: 12px 10px 15px;
  letter-spacing: 1px;
}

.blue {
  background-color: var(--sc-3) !important;
}

.purple {
  background-color: var(--sc-1) !important;
}

.yellow {
  background-color: var(--sc-6) !important;
}

.lightyellow {
  background-color: var(--sc-4) !important;
}

.pink {
  background-color: var(--sc-2) !important;
}

.dodge-blue {
  background-color: #495d75 !important;
}

.tablesorter-sticky-wrapper {
  background: white;
}

.flex {
  display: flex;
}

.TableTabWrapper ul {
  display: flex;
  justify-content: center;
  gap: 30px 63px;
}

.TableTabWrapper ul li {
  min-width: 260px;
  max-width: 260px;
  position: relative;
}

.TableTabWrapper ul li+li::after {
  content: '';
  position: absolute;
  background-color: #d9d9d9;
  width: 1px;
  height: 100%;
  top: 50%;
  left: -33px;
  transform: translateY(-50%);
}

.TableTabWrapper ul li.small-box {
  width: 120px;
}

.TableTabWrapper ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 18px 0;
  border-radius: 5px 5px 0px 0px;
  transition: all 0.3s ease-in-out;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 4px solid #d9dadc;
}

.TableTabWrapper ul li a i {
  color: var(--sc-3);
}

.TableTabWrapper ul li a h6 {
  color: #000;
  font-family: var(--site-font-b);
}



.TableTabWrapper ul li a img {
  margin-right: 5px;
  vertical-align: -6px;
}

.TableTabWrapper ul li a.on {
  border-bottom: 4px solid var(--sc-3);
}

.TableTabWrapper ul li a.on h6 {
  color: var(--sc-3);
  font-family: var(--site-font-b);
}

.TableTabWrapper ul li a.on i {
  rotate: 90deg;
}


.TableTabWrapper ul li a:hover::after,
.TableTabWrapper ul li a.on::after {
  opacity: 1;
}

.TableTabWrapper ul li h5 {
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
}

.TableTabWrapper ul li h5 span {
  display: block;
  font-size: 16px;
}

.TebSliderWrap .InnerContainWrapper {
  position: relative;
}

.TebSliderWrap {
  position: relative;
  z-index: 9;
}

.menuNew-link {
  display: block;
}

.MenuNewStyle {
  background-color: var(--sc-1);
  padding: 6px 45px 10px 20px;
  font-weight: 700;
  font-family: var(--sf-r);
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  vertical-align: middle;
  border-bottom: 5px solid var(--sc-2);
  position: relative;
}

.MenuNewStyle i {
  font-size: 26px;
  position: absolute;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  right: 12px;
}

.menuNew,
.menuNew>ul ul {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-outt;
  transition: all 0.8s ease-in-out;
  position: absolute;
  z-index: 111;
  width: 100%;
}

.menuNew.active,
.menuNew>ul ul.active {
  max-height: 880px;
}

.menuNew ul li {
  border-bottom: 1px solid #6f1a5d;
}

.menuNew ul li a {
  display: block;
  padding: 10px 20px 15px;
  text-align: left;
  background-color: var(--sc-1);
}

.menuNew ul li a .title {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.5px;
}

.menuNew ul li a.on {
  background-color: var(--sc-2);
}

.menuNew ul li .Col h5.title {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
}

.menuNew ul li .Col h5.title span {
  font-size: 14px;
  display: block;
  font-weight: 400;
  line-height: 1.5;
}

.menuNew ul li .Col {
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 1025px) {
  .TebSliderWrap {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .TableTabWrapper {
    display: block;
  }

  .TebSliderWrap {
    display: block;
  }

  .TAC {
    text-align: left;
  }

  .sepline {
    margin: 15px 0 !important;
  }
}

@media (min-width: 1025px) {
  .four-box-container .InnerContainWrapper {
    padding: 0px 0 20px;
  }

  .four-box-container .four-box-wrapper {
    /* margin-top: 28px; */
  }

  .four-box-container .four-box-wrapper .item {
    flex: 1 1 calc(50% - 30px);
  }

  .method-container .InnerContainWrapper {
    width: 1260px;
    padding: 50px 0;
  }

  .TableWrap .InnerContainWrapper {
    /* padding: 30px 0 40px; */
    padding: 30px 30px 40px;
  }

  .TableWrap+.method-container .InnerContainWrapper {
    padding-top: 0;
  }

  .text-blocks .col-1 {
    gap: 40px;
  }

  .header-container .top .images {
    min-height: 688px;
    display: flex;
  }
}

.TableWrap+.TableWrap .InnerContainWrapper {
  padding-top: 20px;
}

@media (max-width: 1025px) {
  .four-box-container .InnerContainWrapper {
    padding-top: 0;
  }

  .TableWrap .heading {
    text-align: center;
  }

  .MainWrapper,
  .Footer,
  .TopMainWrapper,
  .IdxContainWrapper,
  .InnerContainWrapper {
    width: 94% !important;
    margin: 0 auto;
  }

  h1.title {
    text-align: center;
  }

  :root {
    --fz60: clamp((60px/1.6), 5vw, 60px);
    --fz45: clamp((45px/1.5), 5vw, 45px);
    --fz40: clamp((40px/1.5), 5vw, 40px);
    --fz32: clamp((32px/1.4), 5vw, 32px);
    --fz30: clamp((30px/1.4), 5vw, 30px);
    --fz27: clamp((27px/1.3), 5vw, 27px);
    --fz25: clamp((25px/1.3), 5vw, 25px);
    --fz26: clamp((26px/1.1), 5vw, 26px);
    --fz20: clamp((20px/1.1), 5vw, 20px);
    --fz18: clamp((18px/1.2), 5vw, 18px);
    --fz16: 16px;
    --fz15: 15px;
    --fz14: 14px;
    --fz13: 13px;
  }

  body {
    margin: 0;
  }

  .TopHeader {
    position: static;
    text-align: center;
    /* padding: 20px 0 25px; */
    padding: 10px 0;
    /* background: var(--sc-2); */
  }

  .TopTR,
  .TableCol0,
  .TableCol1,
  .TableCol2,
  .TableCol3,
  .TableCol4,
  .TableCol5,
  .TableCol6,
  .TableCol7,
  .TableCol8,
  .TableCol9,
  .TableCol10,
  .TableCol11,
  .TableCol12,
  .TableCol13,
  .TableCol14,
  .TableCol15,
  .TableCol16,
  .TableCol17,
  .TableCol18,
  .TableCol19,
  .TableCol20,
  .TableCol21 {
    display: none;
  }

  .TopTR.active,
  .TableCol0.active,
  .TableCol1.active,
  .TableCol2.active,
  .TableCol3.active,
  .TableCol4.active,
  .TableCol5.active,
  .TableCol6.active,
  .TableCol7.active,
  .TableCol8.active,
  .TableCol9.active,
  .TableCol10.active,
  .TableCol11.active,
  .TableCol12.active,
  .TableCol13.active,
  .TableCol14.active,
  .TableCol15.active,
  .TableCol16.active,
  .TableCol17.active,
  .TableCol18.active,
  .TableCol19.active,
  .TableCol20.active,
  .TableCol21.active {
    display: table-cell;
  }

  .LegendWrap ul.li_cont3.NoBullet.LegendUL,
  .LegendWrap ul.li_cont2.NoBullet.LegendUL,
  .LegendWrap ul.li_cont1.NoBullet.LegendUL,
  .LegendWrap ul.LegendUL {
    position: relative;
    float: none !important;
    width: 100% !important;
    margin-right: 0;
    padding-right: 0;
  }

  .LegendWrap {
    display: none;
  }

  .LegendWrap ul.LegendUL::after {
    display: none;
  }

  .LegendWrap .LegendListWrap {
    box-sizing: border-box;
    width: 100%;
    margin: 30px auto 0;
    background-color: var(--sc-2);
    padding: 0;
  }

  .LegendWrap.ResLegendWrap {
    display: block;
  }

  .LegendWrap.ResLegendWrap h5.SubTitle {
    text-transform: uppercase;
  }

  .LegendWrap.ResLegendWrap .LegendListWrap {
    margin-top: 0;
  }

  .LegendWrap.ResLegendWrap .LegendListWrap ul li {
    margin: 0;
  }

  .LegendWrap.ResLegendWrap .LegendListWrap ul li a {
    padding: 12px 20px;
    border-bottom: 1px solid #cacaca;
    display: flex;
    align-items: center;
  }

  .LegendWrap.ResLegendWrap .LegendListWrap ul li:last-child:not(:only-child) a {
    border-bottom: 0 solid #cacaca;
  }

  .LegendWrap.ResLegendWrap .InstructionsWrap {
    margin-bottom: 40px;
  }

  .LegendWrap.ResLegendWrap .InnerContainWrapper {
    padding: 0px;
    /*0px 0 40px*/
  }

  .LegendListWrap li .group {
    display: flex;
    align-items: center;
  }

  .LegendListWrap li .Icon {
    min-width: 35px;
    vertical-align: middle;
    line-height: 0;
    text-align: center;
  }

  .LegendListWrap li .Text {
    width: calc(100% - 35px);
    font-size: 18px;
    margin-left: 10px;
    line-height: 1;
    color: white;
  }

  .LegendListWrap li .Text:only-child {
    text-align: center;
  }

  .four-box-container .heading {
    text-align: center;
    margin: 0 auto 30px;
  }

  .header-container .flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .header-container .flex .right {
    margin-bottom: 30px;
    order: -1;
  }

  .about-container {
    /* text-align: center; */
    margin-top: 0px;
  }

  .four-box-container .flex {
    display: block;
  }

  .four-box-container .flex .four-box-wrapper+.four-box-wrapper {
    margin-top: 20px;
  }

  .four-box-container .flex .four-box-wrapper h6.title {
    flex: 0 0 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .four-box-container .flex .four-box-wrapper h6.title:only-child {
    margin-bottom: 0;
  }

  .method-container {
    /* text-align: center; */
  }

  .FooterWrap {
    text-align: center;
  }

  .LegendWrap.ResLegendWrap .LegendListWrap ul li h6.title {
    display: block !important;
    padding: 10px 20px;
    border-bottom: 1px solid #cacaca;
    align-items: center;
    font-family: var(--sf-r);
    font-weight: 600;
    color: black;
    background: var(--sc-2);
    line-height: 1;
    text-align: center;
  }
}

@media (max-width: 480px) and (min-width: 320px) {




  .TableWrap tr th:last-child,
  .TableWrap tr td:last-child {
    min-width: 80px;
  }

  .TableWrap tr.IconTR th {
    padding: 25px 5px 30px;
    min-width: initial;
  }

  .TableWrap tr th,
  .TableWrap tr td {
    min-width: initial;
    padding: 25px 5px 30px;
  }

  .TableWrap .InnerContainWrapper {
    width: 100% !important;
    padding: 40px 5px;
  }

  .TableWrap+.TableWrap .InnerContainWrapper {
    padding-top: 0;
  }

  .TableWrap .country,
  .TableWrap .city {
    min-width: 40px;
    max-width: 50px;
  }

  .LegendWrap.ResLegendWrap .LegendListWrap ul li h6.title {
    font-size: 18px;
  }

  .menuNew ul li a {
    padding: 8px 12px;
  }

  .MenuNewStyle {
    padding: 10px 45px 10px 12px;
  }

  .menuNew ul li .Col h5.title {
    font-size: 16px;
  }

  .menuNew ul li .Col h5.title span {
    font-size: 13px;
  }

  .TebSliderWrap h5.title {
    font-size: 20px;
  }
}



.rank-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px 30px;
}

.rank-list>li {
  flex: 0 0 200px;
}

.rank-list .icon {
  margin: 0 auto 15px;
  width: 90px;
  height: 90px;
  background-color: var(--sc-1);
  border-radius: 50%;
  border: 1px solid #dedede;
}

.rank-list .icon img {
  border-radius: 50%;
}

.EditorText table {
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}

.EditorText td,
.EditorText th {
  text-align: center;
  padding: 12px 10px;
  border: 1px solid #e3e3e3;
  /* font-size: var(--fz14); */
  font-weight: 400;
  font-family: var(--site-font-r);
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  text-transform: capitalize;
}

/* .four-box-container .InnerContainWrapper */
.EditorText th {
  background-color: var(--sc-3);
  color: white;
  padding: 10px 15px;
  text-transform: uppercase;
  /* border-bottom: 4px solid var(--sc-3); */
  font-family: var(--site-font-m);
}

.EditorText tr {
  background-color: #f7f9fb;
  font-size: 14px;
  line-height: 1.2;
  font-family: var(--site-font-b);
}

.EditorText tr:nth-child(even) {
  background-color: var(--sc-2);
}

.info-data {
  min-width: 745px;
  margin-bottom: 30px;
}

.info-data tr {
  background-color: #f7f9fb;
  font-size: 14px;
  line-height: 1.2;
  font-family: var(--site-font-b);
}

.info-data th {
  background-color: var(--sc-3);
  color: white;
  padding: 10px 15px;
  text-transform: uppercase;
  border-bottom: 4px solid var(--sc-3);
  font-family: var(--site-font-m);
}

.info-data tr:nth-child(even) {
  background-color: var(--sc-2);
}

.info-data td,
.info-data th {
  text-align: center;
  padding: 13px;
  border: 1px solid #fff;
  font-size: var(--fz14);
}

.strong-text+.info-data {
  margin-top: 20px;
}

.Sources {
  color: var(--sc-3);
  font-size: 15px;
  line-height: 1.5;
  font-family: var(--site-font-r);
  margin-top: 45px;
}

@media (max-width: 1025px) {
  .rank-list {
    gap: 50px 20px;
  }

  .rank-list>li {
    flex: 0 0 300px;
  }
}

@media (max-width: 768px) {
  .rank-list {
    gap: 50px 20px;
  }

  .rank-list>li {
    flex: 0 0 200px;
  }

  .four-box-wrapper .item {
    margin: 0px;
    flex: 1 1;
  }
}



.TableWrap .InnerContainWrapper {
  /* width: 1260px; */
  width: 100%;
  max-width: 1460px;
}

.header-container {
  /* min-height: 516px; */
  min-height: 688px;
  /* margin-top: 90px; */
  margin-top: 108px;
  position: relative;
  background: #036CC2;
  background: linear-gradient(90deg, rgba(3, 108, 194, 1) 0%, rgba(38, 153, 247, 1) 50%);
}

/* .header-container::after {
  content: '';
  position: absolute;
  background-color: var(--sc-3);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 1%, 200% 45%, -15% 100%);
} */

.header-container .InnerContainWrapper {
  display: flex;
  flex-direction: row-reverse;
  padding: 0;
  width: 100%;
  max-width: 1460px;
  /* align-items: flex-start; */
  z-index: 1;
  position: relative;
  padding: 0 30px;
  gap: 70px;
  align-items: center;
}

.header-container .text {
  min-width: 570px;
  max-width: calc(50% - 70px);
  /* min-width: 50%;
  max-width: 50%; */
  /* float: right; */
  /* padding: 50px 30px; */
  padding: 50px 10px;
  text-align: center;
  /* min-height: 688px; */
  align-content: center;
  flex: 1 0 0%;
}

.header-container .text .shortdesc {
  color: #fff;
  margin-top: 30px;
  font-size: 18px;
  line-height: 30px;
}

.header-container .top {
  width: 50%;
  text-align: end;
  /* margin-top: 3px; */
}

.header-container .top .images {
  position: relative;
  min-width: 100%;
  max-width: 100%;
  line-height: 0;
  overflow: hidden;
}

/* .header-container .top .images::after {
  content: '';
  position: absolute;
  background-image: url(../images/imgs/shap2.png);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 2;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
} */

.header-container .title {
  /* margin-top: 125px; */
  width: 100%;
  text-align: left;
}

.header-container .img {
  width: 100%;
  height: 100%;
}

.header-container img {
  object-fit: cover;
  width: 100%;
}

.header-container .header {
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
}

.header-container .header h1.title {
  font-size: 36px;
  font-weight: var(--site-font-r);
}

.journalists-Wrapper .InnerContainWrapper {
  padding: 0 0 0;
}

/* .journalists-Wrapper h2.title {
  font-size: 25px;
  font-family: var(--site-font-h);
  font-weight: 700;
  color: #000;
} */

.journalists-Wrapper .InnerContainWrapper .icon {
  margin-bottom: 15px;
}

.legend-container .InnerContainWrapper {
  padding: 50px 0;
}

.four-box-wrapper .item {
  flex: inherit;
  width: 100%;

}

.four-box-wrapper .item h6.title {
  font-size: 16px;
  line-height: 1.2;
  font-family: var(--site-font-b);
  color: var(--sc-3);
  margin-bottom: 20px;
}

.four-box-wrapper .item .d-flex {
  display: flex;
  gap: 15px;
}

.four-box-wrapper .item ul {
  background-color: var(--sc-2);
  padding: 30px;
  /* min-width: 300px; */
  /* max-width: 300px; */
}

.legend-container.desktop .four-box-wrapper .item ul {
  width: 100%;
  column-count: 4;
  column-gap: 80px;
  column-rule: 1px solid #d9e3e9;
  /* padding: 0; */
  margin: 0;
}

.legend-container.desktop .four-box-wrapper .item ul li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.four-box-wrapper li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.four-box-wrapper .text {
  font-size: 14px;
  line-height: 22px;
  color: #000000;

  font-family: var(--site-font-b);
}

/* .four-box-wrapper .icon {
  width: 27px;
  min-width: 27px;
  text-align: center;
} */

.legend-container .four-box-wrapper h6.title.fz20 {
  color: #8a5f27;
  font-size: 18px;
  font-family: var(--site-font-h);
  font-weight: 700;
}

.TableTabWrapper .InnerContainWrapper {
  padding: 30px 0 30px;
}

.TableTabWrapper .heading h2.title {
  /* font-size: 28px;
  line-height: 1.2;
  font-family: var(--site-font-sb); */
  text-align: center;
}

.TableTabWrapper .heading .desc {
  font-size: 15px;
  font-family: var(--site-font-r);
  font-weight: 500;
  color: #1a1a1a;
  letter-spacing: 0.5px;
}

.TableTabWrapper ul li .Col h6.title {
  font-size: 11px;
  font-family: var(--site-font-h);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  line-height: 1.2;
}

.IconTR th {
  position: relative;
}

/* .IconTR th::after {
  content: '';
  position: absolute;
  background-color: var(--sc-3);
  width: 100%;
  height: 4px;
  bottom: 0;
  left: 0;
} */

.IconTR th.bg-color-8::after {
  background-color: var(--sc-3);
}

.IconTR th.bg-color-14::after {
  background-color: var(--sc-3);
}

.IconTR th.bg-color-15::after {
  background-color: var(--sc-3);
}

.TableWrap .TableContentWrap table thead tr th {
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-family: var(--site-font-m) !important;
  font-weight: 500 !important;
  color: var(--sc-1) !important;
  text-transform: uppercase !important;

}

.TableWrap .TableContentWrap table td.TableCol16 {
  max-width: 180px !important;
  min-width: 180px !important;
}

.TableWrap .TableContentWrap table thead tr.IconTR th .tablesorter-header-inner {
  font-family: var(--site-font-r) !important;
}

.TableWrap .TableContentWrap table thead tr th.TableCol9,
.TableWrap .TableContentWrap table thead tr th.country,
.TableWrap .TableContentWrap table thead tr th.city {
  font-size: 14px;
}

.filter-white {
  /*filter: invert(96%) sepia(8%) saturate(1%) hue-rotate(66deg) brightness(107%) contrast(100%);*/
}

.FillDeafualtBtn {
  display: inline-block;
}

.FillDeafualtBtn a {
  display: block;
  color: #fff;
  font-size: 17px;
  line-height: 1.5;
  font-family: var(--site-font-r);
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px 30px;
  border-radius: 5px;
  background-color: var(--sc-3);
  /* border: 2px solid #9d7846;*/
  transition: all 0.3s ease-in-out;
}

.FillDeafualtBtn a:hover {
  background-color: #000;
}

.method-container h2.title {
  /* color: #000;
  font-family: var(--site-font-sb);
  font-size: 28px;
  margin-bottom: 25px; */
}

.sepline {
  width: 150px;
  height: 4px !important;
  background-color: var(--sc-3);
  margin: 15px auto;
  opacity: 1;
}

.method-container .sub-title {
  font-size: 25px;
  line-height: 1.3;
  font-family: var(--site-font-sb);
  color: var(--sc-3);
  margin: 20px 0 25px;
}

.method-container .text-blocks.no-pad .desc.EditorText.FParagraph {
  font-family: var(--site-font-r);
  font-size: 16px;
  line-height: 1.9;
  color: #1a1a1a;
  /* margin: 25px 0 35px; */
}

.textWrapper h2.title {
  color: #000;
  font-family: var(--site-font-sb);
  font-size: 25px;
  line-height: 1.2;
  margin-bottom: 15px;
}

.textWrapper .FParagraph p {
  margin-bottom: 40px;
}

.black-sep-line {
  width: 500px;
  height: 2px;
  background-color: #dedede;
  margin: 0px 0 20px;
  display: inline-block;
}

.textWrapper h2.title.fz25 {
  font-size: 25px;
}

strong {
  color: #1a1a1a;
  font-family: var(--site-font-b);
}

.infoWrapper .InnerContainWrapper {
  max-width: 1260px;
  padding: 60px 0;
}

.infoWrapper+.infoWrapper .InnerContainWrapper {
  padding-top: 20px !important;
}

.infoWrapper.short-info .InnerContainWrapper {
  padding: 50px 0 50px;
  /* max-width: 1000px; */
}

.infoWrapper.short-info .InnerContainWrapper .desc {
  margin-top: 40px;
}

.infoWrapper.short-info .InnerContainWrapper .desc ul {
  column-count: 2;
  column-gap: 50px;
}

.infoWrapper.short-info .InnerContainWrapper .desc ul li+li {
  margin-top: 12px;
}

.infoWrapper.color-change1.short-info .text-blocks .col-1 .icon,
.infoWrapper.color-change1 .text-blocks .col-1 .icon {
  background-color: var(--sc-3);
}

.infoWrapper .sepline+.top-col {
  margin-top: 50px;
}

.infoWrapper .top-col+.top-col {
  margin-top: 40px;
}

.infoWrapper .top-col {
  padding-bottom: 40px;
  border-bottom: 1px solid #d7dde4;
  position: relative;
}

.infoWrapper .top-col::after {
  content: '';
  position: absolute;
  background-color: #d7dde4;
  width: 350px;
  height: 2px;
  bottom: 0;
  left: 0;
}

.infoWrapper h2.title {
  /* color: #000;
  font-family: var(--site-font-sb);
  font-size: 25px;
  line-height: 1.2; */
  margin-bottom: 15px;
}

.infoWrapper .text-blocks h6.title {
  font-size: 25px;
  line-height: 30px;
  color: #000000;
  font-family: var(--site-font-sb);
}

.infoWrapper .sub-text {
  color: #000000;
  font-size: 20px;
  line-height: 1.5;
  font-family: var(--site-font-b);
  margin-bottom: 10px;
}

.infoWrapper .text-blocks .sub-text {
  color: var(--sc-3);
  font-size: 20px;
  line-height: 1.5;
  font-family: var(--site-font-sb);
  margin-bottom: 10px;
}

.infoWrapper .text-blocks h6.title span {
  color: var(--sc-3);
  font-size: 20px;
  line-height: 1.5;
}

.infoWrapper .text-blocks .sepline {
  margin: 15px 0;
  width: 70px;
}

.infoWrapper .text-blocks .col-2 h6 {
  font-family: var(--site-font-h);
  font-size: 15px;
  padding-bottom: 10px;
  color: #1a1a1a;
}

.textWrapper .InnerContainWrapper {
  padding: 0;
  max-width: 1020px;
}

.infoWrapper .col .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  margin: 0 70px;
}

.text-wrapper .InnerContainWrapper {
  max-width: 1020px;
}

.text-wrapper .col h6.text-title {
  font-size: 20px;
  line-height: 1.2;
  font-family: var(--site-font-sb);
  color: #000;
  margin-bottom: 20px;
}

.infoWrapper.short-info .top-col {
  min-width: 470px;
  max-width: 470px;
}

.infoWrapper.short-info .text-blocks .col-1 .more-text {
  min-width: 85px;
  max-width: 85px;
}

.infoWrapper.short-info .Sources {
  margin-top: 0;
}

.infoWrapper.short-info .top-col {
  padding-bottom: 20px;
}

.infoWrapper.short-info .top-col::after {
  width: 85px;
}

.infoWrapper.short-info .row {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  margin-top: 50px;
}

.infoWrapper.short-info .top-col+.top-col {
  margin-top: 0;
}

.i .infoWrapper .flex .text-blocks .col-2 {
  position: absolute;
  bottom: 0;
}

.text-blocks hr.black-sep-line {
  margin: 15px 0 0px;
}

.about-container .right {
  width: 100%;
}

.TopHeader .manu ul {
  display: flex;
}

.TopHeader ul li {
  background-image: none;
  margin-left: 55px;
  padding: 0;
  line-height: 1.3;
  text-align: center;
}

.TopHeader .left {
  float: left;
}

.TopHeader .right {
  float: right;
}

.TopHeader ul li a {
  color: #1a1a1a;
  font-size: 17px;
  font-family: var(--site-font-r);

}

.TopHeader ul li a:hover {
  color: #000;
}

.header-container .title h2 {
  font-size: 60px;
  line-height: 1.3;
  font-family: var(--site-font-r);
  color: #fff;
  font-weight: normal;
}

.header-container .title .BtnWrapper {
  margin: 50px 0 0 0;
}

.four-box-wrapper .item.four li {
  padding: 14px 12px;
}

.TopHeader ul {
  display: flex;
}

.ResponsiveMenu {
  position: relative;
  width: 100%;
  top: 0px;
  height: 50px;
  background-color: #333;
  display: none;
}

.about-container .InnerContainWrapper {
  padding-top: 85px;
  padding-bottom: 85px;
  max-width: 1260px;
}

.about-container .flex {
  flex-direction: column;
  /* border-left: 1px solid #d9d9d9; */
  /* padding-left: 50px; */
}

.about-container .flex .left {
  min-width: 100%;
  max-width: 100%;
  /* margin: 0 0 25px 0; */
  margin: 0;
  font-size: 24px;
}

.about-container .flex .right .desc {
  font-size: 16px;
  line-height: 30px;
  /* padding-bottom: 30px; */
  font-family: var(--site-font-r);
}

.about-container .flex .right .desc strong {
  font-family: var(--site-font-b);
}

/* .journalists-Wrapper .InnerContainWrapper h2.title {
  font-size: 28px;
  line-height: 35px;
} */

.header-container .title {
  text-align: center;
  /* margin: 50px 0; */
}

/* .journalists-Wrapper .InnerContainWrapper {
  padding: 50px 0;
} */
/* 141025 chintan start*/
.about-container .title {
  color: #000;
  margin-bottom: 25px;
}

.journalists-Wrapper h4.title {
  font-size: 25px;
  line-height: 1.3;
  font-family: var(--site-font-sb);
  color: var(--sc-3);
  margin-bottom: 15px;
}

.journalists-Wrapper .desc ul+p {
  margin-top: 20px;
}

.journalists-Wrapper .InnerContainWrapper {
  padding-bottom: 50px;
}

.TableTabWrapper ul li {
  max-width: inherit !important;
  flex: 1 0 0%;
}

.addition-images-wrapper {
  text-align: center;
}

.addition-images-wrapper .images {
  line-height: 0;
}

/* 141025 chintan end */



/* map-responsive-wrapper Start */


.WithoutSlider .swiper-btn {
  display: none;
}

.JcarouselSlider {
  position: relative;
}

.WithoutSlider .swiper-wrapper {
  justify-content: center;
}

.map-responsive-wrapper {
  position: relative;
}

.map-responsive-wrapper .creative-showcase--slider .swiper-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 590px;
}

.map-responsive-wrapper .creative-showcase--slider .slide-bg {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.map-responsive-wrapper .swiper-pagination {
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.map-responsive-wrapper .swiper-pagination .swiper-pagination-bullet {
  background: transparent;
  margin: 0 10px !important;
}

.map-responsive-wrapper .swiper-pagination .swiper-pagination-bullet .path {
  display: none;
}

.map-responsive-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .path {
  display: inline-block !important;
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: dash linear 10s;
  animation-iteration-count: unset;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

/* map-responsive-wrapper Start */




@media only screen and (min-width: 320px) and (max-width: 1224px) {
  .map-responsive-wrapper {
    display: block !important;
  }

  /* .pin-section-wrapper {
    display: none;
  } */


  .infoWrapper.short-info .InnerContainWrapper .desc ul {
    column-count: 1;
  }

  .addition-images-wrapper+.addition-images-wrapper .InnerContainWrapper {
    padding-top: 30px;
  }

  .TableTabWrapper ul li .small-box a,
  .TableTabWrapper ul li a {
    border-bottom: 1px solid #000;
  }

  .infoWrapper .col .flex {
    margin: 0;
  }

  .section-title {
    font-size: 35px;
    line-height: 1.2;
  }

  .infoWrapper .text-blocks .sepline {
    margin: 15px 0 30px;
  }

  .about-container .flex {
    margin: 0;
  }

  .infoWrapper h6 {
    padding-bottom: 10px;
  }

  .infoWrapper .flex .text-blocks {
    padding-bottom: 50px;
  }

  .textWrapper .FParagraph p br {
    display: none;
  }

  .header-container {
    min-height: initial;
    margin-top: 0;
    background-color: var(--sc-3);
  }

  .header-container .InnerContainWrapper {
    flex-direction: column;
    padding: 0;
    gap: 0;
    width: 100% !important;
  }

  .header-container .top .images {
    /* background-color: #fff;
    padding: 20px; */
    /* transform: rotate(90deg); */
  }

  .header-container .title {
    margin: 0;
  }

  .header-container .text {
    min-width: 100%;
    max-width: 100%;
    float: inherit;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    padding: 50px 3%;
    background-color: var(--sc-5);
  }

  .header-container .top {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }

  .header-container::after,
  .header-container .top .images::after {
    display: none;
  }


  .legend-container .four-box-wrapper .item.five ul li a .text {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
  }

  .legend-container .four-box-wrapper .item.five ul li {
    background-color: #000;
  }

  .four-box-wrapper li {
    display: block;
    /* padding: 10px 15px; */
    padding: 5px 10px;
  }

  .four-box-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    width: 93%;
  }

  .four-box-wrapper .icon {
    display: inline-block;
    vertical-align: middle;
  }

  .TableTabWrapper ul li a::after {
    display: none;
  }

  .four-box-wrapper .item {
    min-width: 100%;
    max-width: 100%;
  }

  .four-box-wrapper {
    display: block !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    width: 100%;
    /* height: 300px; */
    /* overflow: auto; */
    border: 1px solid #ddd;
    padding: 0;
    /* overflow: hidden; */
    position: relative;
  }

  .legend-container.ResLegendWrap {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .legend-container.ResLegendWrap .InnerContainWrapper {
    padding-bottom: 0;
  }

  .legend-container.ResLegendWrap .item ul {
    min-width: 100%;
    padding: 10px;
  }

  .legend-container.ResLegendWrap .item ul li {
    background-color: var(--sc-1);
    width: 100%;
    margin-top: 0 !important;
  }

  .legend-container.ResLegendWrap .item ul li+li {
    border-top: 1px solid #dddddd;
  }

  .legend-container.ResLegendWrap .item ul li a {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
  }

  /* .legend-container.ResLegendWrap .item ul li.third-show {
    display: none;
  }

  body:has(.TableTabWrapper li.small-box .third_tab.on) .legend-container.ResLegendWrap .item ul li.third-show {
    display: block !important;
  }

  body:has(.TableTabWrapper li.small-box .third_tab.on) .legend-container.ResLegendWrap .item ul li.third-hide {
    display: none;
  } */

  .TableWrap .Icon {
    width: 25%;
  }

  .TopHeader .left,
  .TopHeader .right {
    display: none;
  }

  .legend-container {
    display: none;
  }

  .Logo {
    font-size: initial;
    position: inherit;
    left: inherit;
    top: inherit;
  }

  .ResponsiveMenu {
    display: block;
    z-index: 99;
  }

  .menu {
    display: block;
    width: 100%;
    text-align: left;
  }

  a.menu-link {
    display: block;
    float: right;
    width: auto;
    padding: 6px 8px;
    text-align: center;
    margin-right: 8px;
    margin-top: 8px;
    position: relative;
  }

  a.menu-link i {
    color: #fff;
    font-size: 25px;
  }

  .menu {
    clear: both;
    min-width: inherit;
    float: none;
  }

  .menu,
  .menu>ul ul {
    /* For Nav Background Color and Style */
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-outt;
    transition: all 0.8s ease-in-out;
    position: absolute;
    z-index: 111;
    top: 50px;
  }

  .menu>li>ul.sub-menu {
    padding: 0px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }

  .menu.active,
  .menu>ul ul.active {
    max-height: 880px;
  }

  .menu ul {
    display: inline;
  }

  .menu>ul {
    /* For Nav Border */
    border-top: 1px solid #d573ba;
  }

  .menu li,
  .menu>ul>li {
    display: block;
    background-image: none;
    background-color: #333;
    border-top: 1px solid #222;
    padding: 0;
  }

  .menu li a {
    display: block;
    padding: 1px;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 20px;
  }

  .menu li a br {
    display: none;
  }

  .menu li.has-submenu>a:after {
    content: '+';
    position: absolute;
    top: -10px;
    right: 0;
    display: block;
    font-size: 28px;
    padding: 8px 10px;
    color: #FFF;
  }

  .menu li.has-submenu>a.active:after {
    content: "-";
    font-size: 28px;
    right: 5px;
  }

  .menu li.has-submenu span {
    display: none !important;
  }

  .menu ul ul>li a {
    /* For Sub Nav style */
    color: #FFF;
    height: auto;
    padding: 7px 10px 7px 40px;
  }

  .menu ul ul,
  .menu ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    box-shadow: none;
    border: none;
  }

  .menu li .has-submenu {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 111;
    width: 38px;
    height: 38px;
    color: #fff;
    line-height: 38px;
    font-size: 18px;
    text-align: center;
    border-left: 1px solid #3A4D80;
    cursor: pointer;
  }

  .TopHeader {
    padding: 10px 0;
  }

  .header-container .title .BtnWrapper {
    margin: 30px 0;
  }

  .TableTabWrapper ul {
    flex-wrap: wrap;
  }

  .TableTabWrapper ul li {
    width: 100%;
    margin-bottom: 1px;
    border-radius: 0;
    margin: 0px 0px;
  }

  .heading-title .InnerContainWrapper {
    padding: 20px 0 0;
  }

  .TableTabWrapper ul li.small-box {
    width: inherit;
  }

  .TableTabWrapper ul li:first-child {
    border-radius: 5px 5px 0 0;
  }

  .TableTabWrapper ul li:last-child {
    border-radius: 0 0 5px 5px;
  }

  .TableTabWrapper .InnerContainWrapper {
    padding: 0px 0;
  }

  .TableTabWrapper ul li .Col h6.title br {
    display: none;
  }

  .about-container .flex {
    display: block;
    z-index: 1;
    position: relative;
  }

  .about-container .right {
    width: inherit;
  }

  .infoWrapper .col .flex {
    display: block;
  }

  .infoWrapper .flex .text-blocks {
    width: inherit;
    margin: 0 40px 40px;
  }

  .text-blocks>.icon {
    margin: 0 0 15px;
  }

  .infoWrapper .InnerContainWrapper {
    padding: 50px 0;
  }

  .infoWrapper .top-col+.top-col {
    margin-top: 50px;
  }

  .infoWrapper.short-info .top-col {
    padding-bottom: 40px;
  }

  .legend-container .InnerContainWrapper {
    padding: 0px 0 40px;
  }

  .journalists-Wrapper .InnerContainWrapper {
    padding-top: 30px;
    /* text-align: center; */
  }

  .about-container .InnerContainWrapper {
    padding: 50px 0;
  }

  .TableTabWrapper ul li {
    min-width: 190px;
    max-width: 190px;
  }

  .text-blocks .col-1 {
    flex-direction: column;
    justify-content: center;
    /* text-align: center; */
  }

  .text-blocks .col-1 .more-text {
    min-width: 100%;
  }

  /* .text-blocks .col-1 .icon {
    margin: 0 auto 20px;
  } */

  .text-blocks .month {
    column-count: 1;
    column-gap: 0;
    text-align: left;
  }

  .info-data {
    max-width: 600px;
    min-width: 300px;
    overflow: auto;
    margin: 0 auto 50px;
  }

  .info-data table {
    overflow-x: scroll;
  }

  .infoWrapper .top-col::after {
    display: none;
  }

  .infoWrapper.short-info .top-col {
    min-width: 100%;
  }

  .infoWrapper.short-info .text-blocks .col-1 .more-text {
    margin: 0 auto 20px;
  }

  .text-wrapper {
    text-align: center;
  }

  .about-container .flex {
    border-left: 0px solid #d9d9d9;
    padding-left: 0;
  }

  /* .infoWrapper .top-col .info-data tbody{
    width: 100%;
    overflow: auto;

  } */
  /* .infoWrapper .top-col .info-data tbody{
    overflow: scroll;
    min-width: 500px;
    max-width: 500px;
  } */

  .legend-container.ResLegendWrap .menuNew-link {
    display: block !important;
    background-color: var(--sc-3);
    padding: 10px 15px;
    position: relative;
    z-index: 99;
  }

  .legend-container.ResLegendWrap .MenuNewclick {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    /* font-size: 20px; */
    font-size: 16px;
    color: #fff;
    font-family: var(--site-font-sb);
  }

  .legend-container.ResLegendWrap .MenuNewclick i {
    font-size: 20px;
  }

  .menulist-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0;
    background-color: #d9dadc;
    padding: 0 !important;
    border-radius: 0 !important;
    min-width: 100%;
    max-width: 100%;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    position: absolute;
    z-index: 9;
    top: 57px;
    left: 0;
    width: 100%;
    overflow: hidden;
    margin: 0 !important;
  }

  #slectcityname.title {
    text-align: center;
    font-size: 30px;
    margin-top: 40px;
    display: block !important;
  }

  .menulist-wrapper ul {
    max-height: 0;
    margin-top: 0 !important;
  }

  .menulist-wrapper.active {
    max-height: 2000px !important;
    opacity: 1;
    visibility: visible;
  }

  .menulist-wrapper.active ul {
    max-height: 2000px;
  }

  .TableTabWrapper ul {
    background-color: #edf3f6;
    border-radius: 10px;
    padding: 10px;
    gap: 0 !important;
  }

  .TableTabWrapper ul li a.on {
    background-color: #d9e3e9;
    padding: 12px 10px;
  }

  .TableTabWrapper ul li a.on h6 {
    font-size: 18px;
  }

  .TableTabWrapper ul li:last-child a {
    border-bottom: 0 !important;
  }

  .TableTabWrapper ul li a {
    padding: 12px 10px;
    border-radius: 0;
  }

  .TableTabWrapper ul li a.second_tab.on {
    border-bottom: 4px solid var(--sc-3) !important;
    /* border-top: 4px solid var(--sc-3) !important; */
    border-radius: 0;
  }

  .TableTabWrapper ul li a.first_tab.on {
    border-radius: 5px 5px 0 0;
  }

  .TableTabWrapper ul li a.third_tab.on {
    border-top: 4px solid var(--sc-3) !important;
    border-radius: 0 0 5px 5px;
  }

  .TableTabWrapper ul:has(a.second_tab.on) .first_tab {
    border-bottom: 0 !important;
  }

  .TableTabWrapper ul:has(a.third_tab.on) .second_tab {
    border-bottom: 0 !important;
  }

  .responsivetext {
    display: flex !important;
    text-align: center;
    color: #ff0600;
    /* filter: invert(15%) sepia(100%) saturate(6629%) hue-rotate(357deg) brightness(91%) contrast(122%); */
    font-size: 14px;
    font-family: var(--site-font-b);
    margin-top: 40px;
    position: relative;
    gap: 15px;
    justify-content: center;
    align-items: center;
    padding: 0 3%;
  }

  .responsivetext img {
    /* filter: brightness(0) saturate(100%) invert(24%) sepia(89%) saturate(6712%) hue-rotate(355deg) brightness(101%) contrast(122%);  */
    filter: invert(15%) sepia(100%) saturate(6629%) hue-rotate(357deg) brightness(91%) contrast(122%);
  }

  .TableTabWrapper ul li a h6 {
    color: #a3a3a3;
  }

  .TableTabWrapper ul li a i {
    color: #a3a3a3;
  }

  .TableTabWrapper ul li a {
    border-bottom: 1px solid #a3a3a3;
  }

  .TableTabWrapper ul li a.on i {
    color: var(--sc-3);
  }

  .TableTabWrapper ul li a h6 {
    font-size: 16px;
  }
}

.scroll-down {
  /* position: absolute; */
  /* z-index: 99; */
  /* left: 50%; */
  /* margin-left: -9.5px; */
  /* bottom: 45px; */
  /* font-size: 30px; */
  color: var(--sc-3);
  animation: bounce 1s infinite;
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-20px);
  }

  60% {
    transform: translateY(-10px);
  }
}


@media(min-width:481px) and (max-width:768px) {
  .map-responsive-wrapper .creative-showcase--slider .swiper-slide {
    min-height: 440px;
  }


  .heading-title h2.title {
    font-size: 20px;
  }

  .heading-title h3.title {
    font-size: 18px;
  }

  /* .infoWrapper h6 {
    text-align: center;
  } */

  .header-container .title h2 {
    font-size: 43px;
  }

  .black-sep-line {
    width: 450px;
  }

  .black-sep-line {
    width: 350px;
  }

  /* .text-blocks .col-1 .icon {
    margin: 0 auto 10px;
  } */

  .infoWrapper .flex .text-blocks {
    margin: 30px 15px;
  }

}

@media (max-width: 575.98px) {
  .map-responsive-wrapper .creative-showcase--slider .swiper-slide {
    min-height: 330px;
  }

  .two-col {
    flex-direction: column;
  }
}

@media(min-width:320px) and (max-width:481px) {

  .map-responsive-wrapper .creative-showcase--slider .swiper-slide {
    min-height: 270px;
  }

  .header-container .title h2 {
    font-size: 35px;
  }

  /* .header-container .text .shortdesc br {
    display: none;
  } */

  .heading-title h2.title {
    font-size: 18px;
  }

  .heading-title h3.title {
    font-size: 16px;
  }

  .tablesorter-header-inner {
    font-size: 12px;
  }

  /* .text-blocks .col-1 .icon {
    margin: 0 auto 10px;
  } */

  .infoWrapper .text-blocks h6.title {
    /* text-align: center; */
    padding-bottom: 0;
  }

  .four-box-wrapper .text {
    width: 88%;
  }

  .four-box-wrapper .text {
    width: 80%;
  }

  .four-box-wrapper .item .NoBullet {
    margin-top: 0px;
  }

  .TableTabWrapper ul li {
    margin: 0px 0px;
  }

  .rank-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px 40px;
  }

  .rank-list>li {
    flex: 0 0 115px;
  }

  .text-blocks>.icon {
    margin: 0 auto 10px;
  }

  .infoWrapper .flex .text-blocks {
    margin: 30px 5px;
  }

  .black-sep-line {
    width: 210px;
  }

  .TableTabWrapper ul li {
    min-width: 100%;
    max-width: 100%;
  }

  .TableTabWrapper ul li+li::after {
    display: none;
  }

  .TableTabWrapper ul {
    gap: 10px;
  }

  .info-data {
    margin: 0 auto;
  }

  .info-data+.msg-text {
    display: block !important;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    margin: 10px 0 50px;
    text-align: left;
  }
}

@media (max-width: 1280px) and (min-width: 1280px) {
  .header-container::after {
    clip-path: polygon(0 0, 100% 1%, 200% 47.5%, -15% 100%);
  }
}

/* 19022026 */
.formula-wrap {
  background-color: #eef7ff;
  margin: 16px 0 25px;
  overflow: hidden;
  border-radius: 10px;
}

.formula-title {
  background-color: var(--sc-4);
  padding: 8px 16px;
  font-size: 14px;
  font-family: var(--site-font-sb);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #fff;
}

.formula-body {
  padding: 16px 20px;
  font-size: 14px;
  line-height: 1.8;
  overflow-x: auto;
  letter-spacing: 0.8px;
}

.formula-body .hi {
  color: #000000;
  font-family: var(--site-font-b);
}

.formula-body .cm {
  font-style: italic;
}

.formula-body .gr {
  color: var(--sc-3);
}

.callout {
  background: var(--sc-2);
  border-left: 3px solid var(--sc-3l);
  /* border-radius: 0 var(--radius) var(--radius) 0; */
  padding: 14px 18px;
  margin: 20px 0;
}

.callout-warn {
  border-left-color: #d4a017;
  background: #fefbf0;
}

.callout-tag {
  font-size: 15px;
  font-family: var(--site-font-b);
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--sc-3);
  margin-bottom: 6px;
}

.callout-warn .callout-tag {
  color: #8a6000;
}

.callout p {
  font-size: 14px;
  margin: 0;
}

.two-col {
  display: flex;
  /* grid-template-columns: 1fr 1fr; */
  gap: 20px;
  margin: 16px 0;
}

.panel {
  background: var(--sc-2);
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 20px;
}

.panel-title {
  font-size: 14px;
  font-family: var(--site-font-b);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--sc-3);
}

.panel p {
  font-size: 14px;
}


.counters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-top: 50px;
  background-color: var(--sc-2);
  padding: 30px 0;
}

.counter_box {
  flex: 1 0 0%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 20px;
  border-right: 1px solid #d7d8d9;
}

.counter_box:last-child {
  border-right: 0;
  border-bottom: 0;
}

.counter_box .counter {
  line-height: 1;
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  height: clamp(1.875rem, 1.402rem + 2.0182vw, 3.125rem);
  font-size: clamp(1.875rem, 1.402rem + 2.0182vw, 3.125rem);
  font-weight: 700;
  color: var(--sc-3);
}

.counter_box .counter>span {
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 1s ease;
  transform: translateY(0);
  line-height: 1;
  align-items: center;
}

.counter_box .counter>span span {
  flex: 0 0 100%;
  height: 100%;
}

.counter_box .counter_text {
  /* font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem); */
  font-size: 18px;
  line-height: 1.3;
  color: #000000;
  font-family: var(--site-font-sb);
}


@media only screen and (max-width: 1024px) {
  .select2-container {
    width: 100% !important;
  }

  .TableTabWrapper ul li+li::after {
    display: none;
  }
  .us-mission-body:has(.TableTabWrapper a.first_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol19),
  .us-mission-body:has(.TableTabWrapper a.first_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol20),
  .inter-mission-body:has(.TableTabWrapper a.first_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol19),
  .inter-mission-body:has(.TableTabWrapper a.first_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol20){
    display: none;
    opacity: 0;
    visibility: hidden;
  }
  .us-mission-body:has(.TableTabWrapper a.second_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol16),
.us-mission-body:has(.TableTabWrapper a.second_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol17),
  .us-mission-body:has(.TableTabWrapper a.second_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol18),
.inter-mission-body:has(.TableTabWrapper a.second_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol16),
.inter-mission-body:has(.TableTabWrapper a.second_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol17),
  .inter-mission-body:has(.TableTabWrapper a.second_tab.on) .legend-container.ResLegendWrap .item ul li:has(a.TableCol18){
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}

@media only screen and (max-width: 575px) {
  .counters {
    flex-direction: column;
    padding: 0 30px;
  }

  .counter_box {
    padding: 20px 0;
    min-width: 100%;
    max-width: 100%;
    border-right: 0;
    border-bottom: 1px solid #d7d8d9;
  }
}