html {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, sans-serif;
  line-height: 1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  scroll-behavior:smooth;
}


body {
  width: 100%;
  font-family: Articulat CF !important;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2a2a2a;
  background: #ffffff;
  user-select: none;
  -webkit-overflow-scrolling: touch;
}

html,
body {
  height: 100%;
}

@font-face {
  font-family: 'Articulat CF Demi';
  src: local('Articulat CF Demi Bold'), local('ArticulatCF-DemiBold'), url('../fonts/ArticulatCF-DemiBold.woff2') format('woff2'), url('../fonts/ArticulatCF-DemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Bold Oblique'), local('ArticulatCF-BoldOblique'), url('../fonts/ArticulatCF-BoldOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-BoldOblique.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF Extra';
  src: local('Articulat CF Extra Bold Oblique'), local('ArticulatCF-ExtraBoldOblique'), url('../fonts/ArticulatCF-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-ExtraBoldOblique.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF Extra';
  src: local('Articulat CF Extra Bold'), local('ArticulatCF-ExtraBold'), url('../fonts/ArticulatCF-ExtraBold.woff2') format('woff2'), url('../fonts/ArticulatCF-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF Extra';
  src: local('Articulat CF Extra Light'), local('ArticulatCF-ExtraLight'), url('../fonts/ArticulatCF-ExtraLight.woff2') format('woff2'), url('../fonts/ArticulatCF-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF Demi';
  src: local('Articulat CF Demi Bold Oblique'), local('ArticulatCF-DemiBoldOblique'), url('../fonts/ArticulatCF-DemiBoldOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-DemiBoldOblique.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Bold'), local('ArticulatCF-Bold'), url('../fonts/ArticulatCF-Bold.woff2') format('woff2'), url('../fonts/ArticulatCF-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF Normal';
  src: local('Articulat CF Normal Oblique'), local('ArticulatCF-NormalOblique'), url('../fonts/ArticulatCF-NormalOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-NormalOblique.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Heavy Oblique'), local('ArticulatCF-HeavyOblique'), url('../fonts/ArticulatCF-HeavyOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-HeavyOblique.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF Extra';
  src: local('Articulat CF Extra Light Oblique'), local('ArticulatCF-ExtraLightOblique'), url('../fonts/ArticulatCF-ExtraLightOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-ExtraLightOblique.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Medium'), local('ArticulatCF-Medium'), url('../fonts/ArticulatCF-Medium.woff2') format('woff2'), url('../fonts/ArticulatCF-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Heavy'), local('ArticulatCF-Heavy'), url('../fonts/ArticulatCF-Heavy.woff2') format('woff2'), url('../fonts/ArticulatCF-Heavy.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Light'), local('ArticulatCF-Light'), url('../fonts/ArticulatCF-Light.woff2') format('woff2'), url('../fonts/ArticulatCF-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF Normal';
  src: local('Articulat CF Normal'), local('ArticulatCF-Normal'), url('../fonts/ArticulatCF-Normal.woff2') format('woff2'), url('../fonts/ArticulatCF-Normal.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Medium Oblique'), local('ArticulatCF-MediumOblique'), url('../fonts/ArticulatCF-MediumOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-MediumOblique.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Light Oblique'), local('ArticulatCF-LightOblique'), url('../fonts/ArticulatCF-LightOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-LightOblique.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Regular Oblique'), local('ArticulatCF-RegularOblique'), url('../fonts/ArticulatCF-RegularOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-RegularOblique.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Thin Oblique'), local('ArticulatCF-ThinOblique'), url('../fonts/ArticulatCF-ThinOblique.woff2') format('woff2'), url('../fonts/ArticulatCF-ThinOblique.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Regular'), local('ArticulatCF-Regular'), url('../fonts/ArticulatCF-Regular.woff2') format('woff2'), url('../fonts/ArticulatCF-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Articulat CF';
  src: local('Articulat CF Thin'), local('ArticulatCF-Thin'), url('../fonts/ArticulatCF-Thin.woff2') format('woff2'), url('../fonts/ArticulatCF-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Opera Stencil';
  src: local('Opera Stencil'), local('OperaStencil'),
    url('../fonts/OperaStencil.woff2') format('woff2'),
    url('../fonts/OperaStencil.woff') format('woff'),
    url('../fonts/OperaStencil.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

::-webkit-scrollbar {
  display: none;
}

img {
  max-width: 100%;
  border-style: none;
}

dl,
ol,
ul {
  margin-bottom: 24px;
}


/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}


/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/

a:active,
a:hover {
  outline-width: 0;
}


/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/

b,
strong {
  font-weight: inherit;
}


/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
  font-weight: bolder;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  max-width: 100%;
  border-style: none;
}

h1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 24px;
}

h2 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 24px;
}

h3 {
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 24px;
}

/**
* Hide the overflow in IE.
*/

svg:not(:root) {
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:focus {
  outline: none;
}

p {
  margin: 0;
}

/* Forms
  ========================================================================== */

/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}


/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
  text-transform: none;
}


/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}


/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}


/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/** color style **/
:root {
  --white: #ffffff;
  --whiteSmokeColor: #F3F3F3;
  --black: #000000;
  --baseColor: #1F1F1F;
  --nightRiderColor: #2E2E2E;
  --dimGrayColor: #666666;
  --eclipseColor: #383838;
  --charcoalColor: #424242;
  --veryLightGreyColor: #CCCCCC;
  --whisperColor: #E6E6E6;
  --gainsboroColor: #D9D9D9;
  --silverColor: #BFBFBF;
  --navyBlueColor: #0078E9;
  --dodgerBlueColor: #2F8FE9;
  --caribbeanGreenColor: #00BF8A;
  --christiColor: #68BF00;
  --sunglowColor: #FFCD3E;
  --scarletColor: #E51717;
  --sailColor: #A3C7E9;
  --darkCeruleanColor: #014A79;
  --steelBlueColor: #427FA6;
  --jadeColor: #09B272;
  --selectiveYellowColor: #FCB400;
  --kournikovaColor: #FCCA4C;
  --midnightBlueColor: #191970;

}

/** Color Style **/
.black {
  color: var(--black) !important;
}

.black10 {
  color: var(--baseColor) !important;
}

.white10 {
  color: var(--whiteSmokeColor) !important;
}

/** Common style **/

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

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

.justify-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.align-start {
  align-items: flex-start;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.flex-1 {
  flex: 1;
}

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

.text-right {
  text-align: right;
}

/** Font style **/

.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}

.text-16 {
  font-size: 16px;
}

.text-24 {
  font-size: 24px;
}

.text-28 {
  font-size: 28px;
}

.text-36 {
  font-size: 36px;
}

/** spacing **/
.pt38 {
  padding-top: 38px;
}

.pb12 {
  padding-bottom: 12px;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb24 {
  padding-bottom: 24px;
}

.mr12 {
  margin-right: 12px;
}

.mr24 {
  margin-right: 24px;
}

.mt8 {
  margin-top: 8px;
}

.mt12 {
  margin-top: 12px;
}

.mt24 {
  margin-top: 24px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb28 {
  margin-bottom: 28px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb36 {
  margin-bottom: 36px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb42 {
  margin-bottom: 42px;
}

.link {
  color: var(--baseColor);
}

.link:hover {
  color: var(--baseColor);
}

.sectionTitle {
  font-size: 36px;
  font-weight: 700;
  color: var(--baseColor);
  line-height: 1.35;
}

.sectionSubTitle {
  font-size: 14px;
  font-weight: 500;
  color: var(--dimGrayColor);
  line-height: 1.7;
}

.sectionLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sectionSeeLink {
  font-size: 16px;
  font-weight: 500;
  color: var(--dodgerBlueColor);
  margin-left: 10px;
}

.sectionSeeLink:hover {
  color: var(--dodgerBlueColor);
  text-decoration: underline;
}

.loadMoreBtn {
  display: flex;
  align-items: center;
  height: 44px;
  font-size: 18px;
  font-weight: 500;
  color: var(--navyBlueColor);
  padding: 0 24px;
  border: 1px solid var(--navyBlueColor);
  border-radius: 44px;
}

.loadMoreBtn:hover {
  color: var(--whiteSmokeColor);
  background: var(--navyBlueColor);
  border: 1px solid var(--whiteSmokeColor);
}

.blackBtn {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: var(--whiteSmokeColor);
  background: var(--baseColor);
  padding: 0 20px;
  border-radius: 40px;
}

.blackBtn:hover {
  color: var(--whiteSmokeColor);
  background: var(--dimGrayColor);
}

.blueBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: var(--whiteSmokeColor);
  background: var(--navyBlueColor);
  padding: 0 20px;
  border-radius: 40px;
  cursor: pointer;
}

.blueBtn:hover {
  color: var(--whiteSmokeColor);
  opacity: 0.8;
}

/** Slider Slick Style **/
.sliderCarousel .slick-slide>div {
  display: flex;
}

.sliderSlick {
  padding: 0 0px;
}

.sliderSlick .slick-slide {
  margin-right: 24px;
}

.sliderCarousel .slick-slide {
  margin-right: 0 !important;
}

.sliderSlick .slick-arrow {
  width: 40px;
  height: 100%;
}

.sliderSlick .slick-next {
  /* background-image: linear-gradient(to left, #1f1f1f 13%, rgba(105, 105, 105, 0.5) 99%); */
  /* background-image: linear-gradient(to left, rgba(255, 255, 255, 0.5) 13%, rgba(255, 255, 255, 0.5) 99%); */
  background-image: none;
  right: -3%;
}

.sliderSlick .slick-next::before {
  content: '' !important;
  display: flex;
  width: 18px;
  height: 18px;
  opacity: 0.5;
  border-top: 4px solid #1F1F1F;
  border-right: 4px solid #1F1F1F;
  transform: rotate(45deg);
  margin-left: 6px;
}

.sliderSlick .slick-prev {
  /* background-image: linear-gradient(to right, #1f1f1f 13%, rgba(105, 105, 105, 0.5) 99%); */
  /* background-image: linear-gradient(to left, rgba(255, 255, 255, 0.5) 13%, rgba(255, 255, 255, 0.5) 99%); */
  background-image: none;
  left: -3%;
  z-index: 9;
}

.sliderSlick .slick-prev::before {
  content: '' !important;
  display: flex;
  width: 18px;
  height: 18px;
  opacity: 0.5;
  border-top: 4px solid #1F1F1F;
  border-left: 4px solid #1F1F1F;
  transform: rotate(-45deg);
  margin-left: 15px;
}

.sliderSlick .slick-next:hover::before,
.sliderSlick .slick-prev:hover::before {
  opacity: 1;
}

.pld-like-dislike-wrap .pld-common-wrap {
  margin-right: 15px !important;

}

.pld-like-dislike-wrap {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

.article-action-item {
  margin-right: 0px !important;
  font-size: 20px !important;
}

.article-details li {
  font-size: 16px;
  font-weight: 400;
  color: var(--baseColor);
  line-height: 1.4;
  margin-bottom: 32px;
}

.article-details ul {
  padding-left: 1rem;
}

.pld-common-wrap {
  min-width: 0px !important;
}

.far {
  font-weight: 200 !important;
  color: var(--bs-blue) !important;
}


/** Menu Section Style **/
.menuSection {
  position: fixed;
  top: 0;
  z-index: 999;
}

.menuOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background-color: #000;
}

.menuSection.show .menuOverlay {
  opacity: 0.7;
  visibility: visible;
}

.menuContainer {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  top: 0;
  width: 310px;
  height: 100%;
  background: #ffffff;
  overflow-y: auto;
  transition: transform 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translateX(200%);
}

.menuSection.show .menuContainer {
  transform: translateX(0);
}

.headerMenu {
  width: 100%;
  height: 68px;
  background: var(--whiteSmokeColor);
  padding: 16px;
}

.menuDetailSection {
  background: var(--white);
  padding: 24px 0;
  overflow-y: scroll;
}

.menuLoginInfo {
  display: flex;
  justify-content: space-between;
  padding: 0 24px 18px;
}

.registerBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  color: var(--navyBlueColor);
  background: var(--white);
  border: 1px solid var(--navyBlueColor);
  padding: 0 20px;
  border-radius: 40px;
  cursor: pointer;
  margin-right: 16px;
}

.registerBtn:hover {
  color: var(--white);
  background: var(--navyBlueColor);
}

.loginBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  color: var(--whiteSmokeColor);
  background: var(--navyBlueColor);
  padding: 0 20px;
  border-radius: 40px;
  cursor: pointer;
}

.loginBtn:hover {
  color: var(--whiteSmokeColor);
  opacity: 0.8;
}

.menuLink {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menuLink .accordion-item {
  border: 0 !important;
}

.menuLink .accordion-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 15px !important;
  line-height: 1.5;
  font-weight: 500 !important;
  color: var(--baseColor) !important;
  padding: 6px 24px !important;
  position: relative;
  box-shadow: none;
}

.menuLink .accordion-button img {
  margin-left: 10px;
}

.menuLink .accordion-button:hover {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--baseColor) !important;
  box-shadow: none;
  background: var(--whiteSmokeColor);
}

.menuLink .accordion-button::after {
  display: none;
}

.menuLink .accordion-button .showIcon img {
  transform: rotate(135deg);
  transition: all 300ms ease-in-out;
}

.menuLink .accordion-button.collapsed .showIcon img {
  transform: rotate(0deg);
}

.menuLink .accordion-button:not(.collapsed) {
  background: var(--whiteSmokeColor);
}

.menuLink .accordion-body {
  padding: 0;
}

.menuLink .menu-expand-container {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.menuLink .menu-expand-container a {
  padding: 6px 24px 6px 40px;
}

.menuLink li a {
  display: flex;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--baseColor);
  padding: 6px 24px;
}

.menuLink li a:hover {
  background: var(--whiteSmokeColor);
}

.menuSpace {
  border-top: 1px solid var(--dimGrayColor);
  padding-bottom: 10px;
  margin: 10px 24px 0;
}

.menuSubscribeBox {
  padding: 26px 24px 0;
}

.menuSubscribeProject {
  height: 16px;
}

.menuSubscribeInput {
  display: flex;
  align-items: center;
  margin-top: 16px;
  height: 32px;
  border-radius: 40px;
  background: var(--whiteSmokeColor);
}

.menuSubscribeInput input {
  width: 100%;
  font-size: 11px;
  font-weight: 500;
  color: var(--dimGrayColor);
  background: transparent;
  border: none;
  height: 28px;
  border-radius: 40px;
  padding: 6px 12px;
  flex: 1;
}

.menuSubscribeInput .menuSubscribeBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  font-size: 12px;
  font-weight: 500;
  color: var(--whiteSmokeColor);
  background: var(--navyBlueColor);
  padding: 0 12px;
  border-radius: 30px;
  cursor: pointer;
}

.menuSubscribeInput .menuSubscribeBtn:hover {
  color: var(--whiteSmokeColor);
  opacity: 0.8;
}

.menuSocialLink {
  margin: 32px 0 24px;
}

.menuSocialLink ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menuSocialLink ul li {
  display: inline-block;
  height: 20px;
}

.menuSocialLink ul li:not(:last-child) {
  margin-right: 16px;
}

.menuSubscribePluc {
  height: 24px;
}

.menuCopy {
  font-size: 11px;
  color: var(--baseColor);
  line-height: 1.3;
  padding-top: 8px;
}

/** Header Section **/
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 80px;
  padding: 18px 70px;
  background: var(--baseColor);
}

header .container-fluid {
  padding: 0;
}

.logoInfo {
  height: 44px;
}

.headerTopRight {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.loginInfo {
  display: flex;
  align-items: center;
  margin-right: 40px;
}

.userPic {
  width: 40px;
  height: 40px;
  margin-left: 40px;
}

.userPic img {
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.signInInfo {
  display: flex;
  margin-right: 32px;
}

.signBtn {
  display: flex;
  align-items: center;
  height: 44px;
  font-size: 18px;
  color: var(--navyBlueColor);
  font-weight: 500;
  background: transparent;
  border-radius: 44px;
  padding: 0 24px;
  border: 1px solid var(--navyBlueColor);
  cursor: pointer;
  margin-right: 24px;
  white-space: nowrap;
}

.signBtn:hover {
  background: var(--navyBlueColor);
  color: var(--whiteSmokeColor);
}

.createBtn {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: var(--whiteSmokeColor);
  font-weight: 500;
  background: var(--navyBlueColor);
  height: 44px;
  border-radius: 44px;
  padding: 0 24px;
  border: 1px solid var(--navyBlueColor);
  cursor: pointer;
  white-space: nowrap;
}

.createBtn:hover {
  color: var(--whiteSmokeColor);
  opacity: 0.8;
}

.searchBtn {
  border-radius: 40px;
  margin-right: 24px;
}

.searchBtn.selected {
  background: var(--eclipseColor);
}

.menuBtn {
  cursor: pointer;
}

.topHeaderSpace {
  height: 80px;
  background: var(--baseColor);
}

/** Slider Section **/
.sliderCarouselInfo {
  width: 100%;
}

/* .sliderSection .container-fluid {
  padding: 0;
} */
.sliderCarouselInfo .slick-arrow {
  display: none !important;
}

.sliderCarousel {
  height: 680px;
  margin-bottom: 0 !important;
}

.sliderCarousel .slick-dots {
  bottom: 72px;
  z-index: 10;
}

.sliderCarousel .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 8px;
}

.sliderCarousel .slick-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
}

.sliderCarousel .slick-dots li.slick-active button::before {
  color: var(--whiteSmokeColor);
}

.sliderCarousel .slick-dots button::before {
  font-size: 22px;
  color: var(--whiteSmokeColor);
  width: 8px;
  height: 8px;
  line-height: 8px;
  opacity: 1;
}

.carouselItem {
  position: relative;
  height: 680px;
}

.carouselImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carouselImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carouselItemData {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.carouselItemData .container {
  height: 100%;
  display: flex;
}

.carouselDataBox {
  width: 560px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.carouselTag {
  font-size: 16px;
  font-weight: 500;
  color: var(--whiteSmokeColor);
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.carouselTitle {
  font-size: 46px;
  font-weight: 700;
  color: var(--whiteSmokeColor);
  line-height: 1.3;
  margin-bottom: 24px;
}

.carouselTitle a {
  color: var(--whiteSmokeColor);
}

.carouselTitle a.link {
  color: var(--whiteSmokeColor);
}

.carouselDetails {
  font-size: 16px;
  font-weight: 500;
  color: var(--whiteSmokeColor);
  line-height: 1.3;
}

.post-section {
  display: flex;
}

.post-img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  overflow: hidden;
  margin-right: 16px;
}

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

.post-data {
  display: flex;
  flex-direction: column;
}

.post-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--whiteSmokeColor);
  line-height: 1.7;
}

.post-name a {
  /* color: var(--whiteSmokeColor); */
}

.post-date {
  font-size: 11px;
  font-weight: 500;
  color: var(--silverColor);
  line-height: 1.2;
}


/** Nav Tab Section  **/
.navBarSection {
  background: var(--dodgerBlueColor);
  height: 64px;
}

.navList {
  margin: 0;
  padding: 14px 0;
  list-style-type: none;
  text-align: center;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  overflow-x: scroll;
}

.navList li {
  display: inline-block;
}

.navList li a {
  font-size: 11px;
  color: var(--baseColor);
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 10px 20px;
}

.navList li a:hover,
.navList li a.active {
  color: var(--whiteSmokeColor);
}

/** Recommended Section **/
.recommendedSection {
  background: var(--white);
  padding: 120px 0;
}

.itemCard {
  border: 1px solid var(--gainsboroColor);
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 40px;
  overflow: hidden;
  /* min-height: 215px; */
}

.itemCard:hover {
  box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.25);
}

.itemCardType {
  font-size: 12px;
  font-weight: 500;
  color: var(--dimGrayColor);
  line-height: 1.2;
  padding-bottom: 8px;
  text-transform: uppercase;
}

.itemCardTitle {
  font-size: 24px;
  font-weight: 700;
  color: var(--baseColor);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.itemCardDetails {
  font-size: 16px;
  color: var(--baseColor);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.itemPostSection {
  display: flex;
  justify-content: space-between;
}

.itemPostRight {
  display: flex;
  margin: 0 0 0 10px;
}

.itemCardLink {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 0 12px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.itemCardLink a {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: var(--navyBlueColor);
  margin-right: 12px;
}

.itemBannerImg {
  width: 100%;
  height: 204px;
}

.itemBannerImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.itemCardDetailBox {
  padding: 16px 24px 24px;
  min-height: 200px;
}

.circleArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--baseColor);
  border-radius: 40px;
}

.sectionInfo {
  background: var(--white);
  padding: 0 0 120px;
}

.articleContainer {
  background: var(--navyBlueColor);
  border-radius: 10px;
  padding: 56px 98px;
  overflow: hidden;
  position: relative;
}

.itemTag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 14px;
  color: var(--whiteSmokeColor);
  font-weight: 500;
  background: var(--baseColor);
  border-bottom-right-radius: 10px;
  letter-spacing: 0.1em;
  padding: 0 24px;
  text-transform: uppercase;
}

.featureTag {
  top: 24px;
  border-top-right-radius: 10px;
}

.articleImage {
  width: 100%;
  height: 338px;
}

.articleImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.videoContainer {
  background: var(--caribbeanGreenColor);
}

.playTimeInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--whiteSmokeColor);
  background: var(--baseColor);
  border-radius: 40px;
  padding: 0 16px;
}

.playArrow {
  width: 14px;
  height: 14px;
  margin: -2px 4px 0 0;
  cursor: pointer;
}

.storyBannerInfo {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.storyBannerInfo::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.storyBannerImg {
  width: 100%;
  height: 285px;
}

.storyBannerImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.storyBannerText {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--whiteSmokeColor);
  transform: translate(-50%, -50%);
}

.showImageInfo {
  height: auto;
  margin-bottom: 40px;
  width: 100%;
  aspect-ratio: 3 / 4;
}

.showImageInfo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.renewContainer {
  background: var(--sunglowColor);
  border-radius: 10px;
  padding: 56px 72px;
  overflow: hidden;
}

.sliderItem {
  /* width: calc(100% - 24px) !important; */
  border: 1px solid var(--gainsboroColor);
  background: var(--white);
  border-radius: 10px;
  margin: 0 12px 10px !important;
}

.sliderItem:hover {
  box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.25);
}

.categoryItem {
  padding: 40px 24px;
}

.categoryItemImg {
  display: flex;
  justify-content: center;
  height: 80px;
  margin-bottom: 24px;
}

.categoryItemImg img {
  width: auto;
  height: 100%;
}

.categoryItemText {
  font-size: 21px;
  color: #1F1F1F;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.categoryItemText a {
  color: #1F1F1F;
}

.creatorItem {
  padding: 24px;
  text-align: center;
}

.creatorImage {
  width: 104px;
  height: 104px;
  border-radius: 100px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 16px;
}

.creatorImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.creatorName {
  font-size: 18px;
  font-weight: 700;
  color: var(--black);
  line-height: 1.3;
  margin-bottom: 4px;
}

.creatorDesignation {
  font-size: 14px;
  font-weight: 500;
  color: var(--dimGrayColor);
  line-height: 1.5;
}

.creatorLocation {
  display: flex;
  justify-content: center;
  padding-top: 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--silverColor);
  line-height: 12px;
}

.creatorLocation img {
  height: 12px;
  margin-right: 4px;
}

.scanSnapCodeContainer {
  background: var(--whiteSmokeColor);
  border-radius: 12px;
  overflow: hidden;
  padding: 80px;
}

.scanSnapTitle {
  font-size: 36px;
  font-weight: 700;
  color: var(--baseColor);
  line-height: 1.3;
  margin-bottom: 24px;
}

.scanCodeDetails p {
  font-size: 16px;
  font-weight: 500;
  color: var(--dimGrayColor);
  line-height: 1.3;
}

.scanCodeDetails p:not(:last-child) {
  margin-bottom: 24px;
}

.scanCodeImage {
  text-align: right;
}

.partnerSection {
  background: var(--dodgerBlueColor);
  padding: 48px 0;
}

.partnerTitle {
  font-size: 14px;
  font-weight: 500;
  color: var(--whiteSmokeColor);
  line-height: 1.4;
  margin-bottom: 32px;
  text-align: center;
}

.partnerList {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.partnerList li {
  height: 48px;
  display: inline-block;
  padding: 0 32px;
}

.partnerList li img {
  height: 100%;
}

/** Footer Section Style **/

.footerSection {
  background: var(--baseColor);
  padding: 80px;
}

.footerTop {
  padding-bottom: 40px;
}

.footerLogo {
  height: 42px;
  margin-bottom: 32px;
}

.footerPoweredBy {
  height: 17px;
}

.footerLinkInfo {
  padding-right: 56px;
}

.footerTitle {
  font-size: 16px;
  font-weight: 500;
  color: var(--dimGrayColor);
  line-height: 1.3;
  padding-bottom: 24px;
}

.footerLink {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footerLink li {
  padding: 4px 0;
}

.footerLink li a {
  display: flex;
  font-size: 14px;
  color: var(--whiteSmokeColor);
  line-height: 1.7;
}

.footerLink li a:hover {
  color: var(--dodgerBlueColor);
}

.subscribeText {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: var(--whiteSmokeColor);
  line-height: 16px;
}

.subscribeText img {
  height: 16px;
  margin-left: 8px;
}

.subscribeInput {
  display: flex;
}

.subscribeInput input {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: var(--whisperColor);
  height: 40px;
  background: var(--eclipseColor);
  border: 0;
  border-radius: 4px;
  padding: 0 16px;
}

.subscribeInput input::placeholder {
  color: var(--silverColor);
}

.footerBottom {
  border-top: 1px solid var(--dimGrayColor);
  padding-top: 40px;
}

.footerSocial {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footerSocial li {
  display: inline-block;
  padding: 0 12px;
}

.footerSocial li a {
  display: flex;
}

.footerSocial li img {
  height: 20px;
}

.footerCopy {
  font-size: 12px;
  color: var(--dimGrayColor);
  line-height: 20px;
  text-align: right;
}

.bannerSection {
  width: 100%;
  height: 360px;
  overflow: hidden;
  position: relative;
}

.bannerSection::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(31, 31, 31, 0.5), rgba(31, 31, 31, 0.5));
}

.bannerHiddenOverlay::after {
  display: none;
}

.bannerImage {
  width: 100%;
  height: 100%;
}

.bannerImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bannerHeading {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 64px;
  font-weight: 700;
  color: var(--whiteSmokeColor);
  line-height: 1.2;
  transform: translate(-50%, -50%);
}

.subNewsletterSection {
  background: var(--whiteSmokeColor);
  border-radius: 12px;
  overflow: hidden;
  padding: 80px 116px;
}

.subscribeTitle {
  margin-bottom: 16px;
}

.subNewsletterInput {
  display: flex;
  align-items: center;
  margin-top: 40px;
  height: 44px;
  border-radius: 40px;
  background: var(--whisperColor);
}

.subNewsletterInput input {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: var(--baseColor);
  background: transparent;
  border: none;
  height: 40px;
  border-radius: 40px;
  padding: 6px 16px;
  flex: 1;
}

.mc4wp-form-theme-light .subNewsletterInput input {
  width: 100% !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--baseColor) !important;
  background: transparent !important;
  border: none !important;
  height: 40px !important;
  border-radius: 40px !important;
  padding: 6px 16px !important;
  flex: 1 !important;
}

.subNewsletterInput input::placeholder {
  color: var(--dimGrayColor);
}

.subNewsletterBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: var(--whiteSmokeColor) !important;
  background: var(--navyBlueColor) !important;
  padding: 0 20px;
  border-radius: 30px;
  cursor: pointer;
}

.mc4wp-form-theme-light button.subNewsletterBtn {
  color: var(--whiteSmokeColor) !important;
  background: var(--navyBlueColor) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--whiteSmokeColor) !important;
  background: var(--navyBlueColor) !important;
  padding: 0 20px !important;
  border-radius: 30px !important;
  cursor: pointer !important;
}

.subNewsletterBtn:hover {
  color: var(--whiteSmokeColor);
  opacity: 0.8;
}

.mc4wp-form-theme-light button.subNewsletterBtn:hover {
  color: var(--whiteSmokeColor) !important;
  background: var(--navyBlueColor) !important;
}

.storyTellSection {
  background: var(--whiteSmokeColor);
  border-radius: 12px;
  overflow: hidden;
  padding: 80px 150px;
}

.articleLeftSide {
  width: 100%;
  margin-bottom: 32px;
}

.articlelabel {
  font-size: 11px;
  color: var(--silverColor);
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.articleDetail {
  font-size: 14px;
  color: var(--baseColor);
  line-height: 1.6;
}

.articleLink {
  font-size: 12px;
  font-weight: 600;
  color: var(--navyBlueColor);
}

.articleLink:hover {
  color: var(--navyBlueColor);
  text-decoration: underline;
}

.articleLink:not(:last-child) {
  margin-right: 16px;
}

.articleSocialLink img {
  width: 16px;
  height: 16px;
}

.articleSocialLink:not(:last-child) {
  margin-right: 16px;
}

.badgeLinkSection {
  width: 100%;
  margin: 0 0 40px;
}

.badgeLinkInfo {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.badgeLinkInfo li {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: 500;
  color: var(--baseColor);
  line-height: 1;
  text-transform: uppercase;
  padding-right: 8px;
}

.badgeLinkInfo li a {
  display: flex;
  font-size: 11px;
  font-weight: 400;
  color: var(--silverColor);
  line-height: 1;
  text-transform: uppercase;
}

.badgeLinkInfo li a:hover {
  color: var(--dimGrayColor);
}

.badgeLinkInfo li:last-child {
  padding-right: 0;
}

.article-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--baseColor);
  line-height: 1.4;
}

.article-action {
  display: flex;
}

.article-action-item {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--navyBlueColor);
  margin-right: 16px;
}

.article-action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: var(--navyBlueColor);
  margin-right: 6px;
  display: none;
}

.article-action-icon:hover,
.article-action-icon.selected {
  background: var(--dodgerBlueColor);
  box-shadow: 0px 0px 6px rgba(47, 143, 233, 0.95);
}

.article-action-icon:hover svg path,
.article-action-icon.selected svg path {
  fill: #ffffff;
}

.article-heading {
  font-size: 18px;
  font-weight: 500;
  color: var(--baseColor);
  line-height: 1.35;
}

.article-details p {
  font-size: 16px;
  font-weight: 400;
  color: var(--baseColor);
  line-height: 1.4;
  margin-bottom: 32px;
}

.article-details p:last-child {
  margin-bottom: 0;
}

.article-banner img {
  width: 100%;
}

.articleSeparatorLine {
  width: 100%;
  margin-top: 80px;
  border-top: 1px solid var(--silverColor);
}

.videoData {
  width: 100%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}

.publishSection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(191, 191, 191, 0.5);
}

.publishDetails {
  display: flex;
  align-items: center;
}

.publishDate {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--charcoalColor);
  margin-right: 16px;
}

.publishViewer {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--charcoalColor);
  display: none;
}

.viewerCount {
  font-size: 14px;
  padding-right: 8px;
}

.action-post-icon {
  width: 32px;
  height: 32px;
}

.postCreatorData {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(191, 191, 191, 0.5);
}

.postCreatorTitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  color: var(--charcoalColor);
}

.postCreator-img {
  width: 48px;
  height: 48px;
}

.postDataDetails {
  padding: 24px 0;
  border-bottom: 1px solid rgba(191, 191, 191, 0.5);
}

.postDataText {
  font-size: 16px;
  line-height: 1.7;
  color: var(--dimGrayColor);
}

.postLinkData {
  display: flex;
  margin: 4px 0 16px;
}

.postSeeMoreBtn {
  display: none;
  align-items: center;
  height: 28px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--baseColor);
  padding: 0 12px;
  cursor: pointer;
}

.postSeeMoreBtn:hover {
  color: var(--baseColor);
}

.postSeeMoreBtn span {
  display: flex;
  width: 12px;
  margin-left: 4px;
}

.nextPostData {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nextPostHeading {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--baseColor);
}

.nextPostSection {
  padding: 22px 24px;
  border-radius: 10px;
  border: 1px solid var(--gainsboroColor);
}

.nextPostTag {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--caribbeanGreenColor);
}

.nextPostTitle {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--baseColor);
  margin-bottom: 12px;
}

.nextPostTitle a {
  color: var(--baseColor);
}

.nextPost-img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

.nextPost-name {
  font-size: 12px;
  font-weight: 400;
}





.dashboardSection {
  background: var(--white);
  padding: 120px 0;
}

.accountHeading {
  font-size: 14px;
  color: var(--dimGrayColor);
  line-height: 1.7;
}

.userAccountLink {
  margin: 48px 0 0;
  padding: 0;
  list-style-type: none;
}

.userAccountLink li {
  display: flex;
  padding-bottom: 16px;
}

.userAccountLink li a {
  font-size: 12px;
  font-weight: 600;
  color: var(--dimGrayColor);
  line-height: 1.4;
}

.userAccountLink li a:hover,
.userAccountLink li a.active {
  color: var(--navyBlueColor);
}

.logout {
  color: var(--scarletColor) !important;
}

.dashboardUserInfo {
  display: flex;
  margin-top: 124px;
  position: relative;
}

.dashboardUserPic {
  width: 120px;
  height: 120px;
  border-radius: 100px;
  overflow: hidden;
  margin-right: 24px;
}

.dashboardUserPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.userBtn {
  font-size: 14px;
  height: 36px;
  padding: 0 16px;
}

.dashboardBanner {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 460px;
}

.userFormData {
  display: flex;
  flex-direction: column;
}

.formHeading {
  font-size: 21px;
  font-weight: 600;
  color: var(--baseColor);
  line-height: 1.6;
}

.formInputRow {
  display: flex;
  flex-direction: column;
}

.inputLabel {
  font-size: 12px;
  font-weight: 400;
  color: var(--charcoalColor);
  line-height: 1.4;
}

.formInput {
  display: flex;
  align-items: center;
  position: relative;
}

.formInput input {
  width: 360px;
  height: 40px;
  font-size: 16px;
  color: var(--baseColor);
  background: var(--white);
  padding: 8px 16px;
  border-radius: 40px;
  border: 1px solid var(--silverColor);
}

.formInput input::placeholder {
  color: var(--veryLightGreyColor);
}

.formInput input:focus {
  border: 1px solid var(--baseColor);
}

.formInput input:placeholder-shown {
  background: var(--whiteSmokeColor);
}

.formInput input.error {
  border: 1px solid var(--scarletColor);
}

.inputBox {
  position: relative;
}

.inputBox .greenTick {
  content: '';
  position: absolute;
  top: 13px;
  right: 19px;
  width: 5px;
  height: 11px;
  pointer-events: none;
  border: 1px solid var(--christiColor);
  border-top-width: 0;
  border-left-width: 0;
  transform: rotate(45deg);
}

.formInput textarea {
  width: 360px;
  height: 140px;
  font-size: 16px;
  color: var(--baseColor);
  background: var(--white);
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--silverColor);
  resize: none;
}

.formInput textarea::placeholder {
  color: var(--veryLightGreyColor);
}

.formInput select {
  width: 360px;
  height: 40px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  appearance: none;
  cursor: pointer;
  font-size: 16px;
  color: var(--baseColor);
  background: var(--white);
  padding: 8px 16px 8px 44px;
  border-radius: 40px;
  border: 1px solid var(--silverColor);
}

.selectBox select::-ms-expand {
  display: none;
}

.selectBox::after {
  content: '';
  position: absolute;
  top: 14px;
  left: 20px;
  width: 8px;
  height: 8px;
  pointer-events: none;
  border: 1px solid var(--baseColor);
  ;
  border-top-width: 0;
  border-left-width: 0;
  transform: rotate(45deg);
}

.selectBox select:focus {
  border: 1px solid var(--dodgerBlueColor);
  box-shadow: 0px 0px 6px rgba(47, 143, 233, 0.95);
}

.inputNoteText {
  font-size: 11px;
  color: var(--dimGrayColor);
  line-height: 1.4;
}

.formLink {
  font-size: 12px;
  font-weight: 500;
  color: var(--navyBlueColor);
  line-height: 1.4;
  margin-left: 16px;
}

.formLink:hover {
  color: var(--navyBlueColor);
}

.addAccountRow {
  display: flex;
}

.addIcon {
  display: flex;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.addAccountRow a {
  display: flex;
  align-items: center;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--navyBlueColor);
  cursor: pointer;
}

.addAccountRow a:hover {
  color: var(--navyBlueColor);
}

.addAccountRow a span {
  display: flex;
  padding-top: 2px;
}

.agreeTerms {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.4;
  color: var(--baseColor);
}

.agreeCheckbox {
  width: 16px;
  height: 16px;
  margin-right: 12px;
}

.dashboardBtnInfo {
  margin: 40px 0 0;
}

.cancelBtn {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--navyBlueColor);
  cursor: pointer;
  margin-right: 24px;
}

.cancelBtn:hover {
  color: var(--navyBlueColor);
}

.accountText {
  font-size: 16px;
  line-height: 1.4;
  color: var(--dimGrayColor);
  margin: 72px 0 16px;
}

.accountTextDetails {
  font-size: 14px;
  line-height: 1.4;
  color: var(--baseColor);
}

.accountTextDetails a {
  color: var(--navyBlueColor);
}

.accountTextDetails a:hover {
  color: var(--navyBlueColor);
  text-decoration: underline;
}


.teamMemberModal .modal-dialog {
  max-width: 572px;
}

.teamMemberModal .modal-body {
  padding: 1.2rem;
}

.teamMemberModal .memberImg {
  width: 100%;
}

.teamMemberModal h2 {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
  color: var(--black);
}

.teamMemberModal p {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 24px;
}

.teamMemberModal .blueBtn {
  height: 28px;
}

.passwordShow {
  font-size: 11px;
  color: var(--eclipseColor);
  line-height: 1.6;
  cursor: pointer;
}

.passwordShow img {
  width: 16px;
  margin-right: 4px;
}

.passwordShow:hover {
  color: var(--eclipseColor);
}

.errorDetails {
  width: 360px;
  margin-top: 8px;
}

.errorList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.errorListRow {
  width: 50%;
  font-size: 11px;
  color: var(--dimGrayColor);
  line-height: 1.6;
  position: relative;
  padding: 0 0 0 14px;
  margin-bottom: 4px;

}

.errorListRow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--dimGrayColor);
  transform: translateY(-50%);
  margin-top: -1px;
}

.errorMessage {
  font-size: 11px;
  color: var(--scarletColor);
  line-height: 1.6;
}

.errorMessage img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.errorListRow.errorMessage::before {
  background: var(--scarletColor);
}

.savedLinkData {
  display: flex;
  align-items: flex-start;
  margin-top: 6px;
}

.savedLinkData a {
  display: flex;
  margin-left: 12px;
}

.editBtn {
  margin-right: 60px;
}

.btnLink {
  font-size: 12px;
  font-weight: 500;
  color: var(--navyBlueColor);
  line-height: 1.3;
}

.savedItemCard {
  display: flex;
}

.saveCheck {
  display: flex;
  align-items: flex-start;
  margin: 2px 4px 0 0;
}


.searchSection {
  padding: 0 70px;
  background: var(--nightRiderColor);
}

.searchBoxData {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.searchIconInfo {
  width: 24px;
  margin-right: 16px;
}

.searchInput {
  width: calc(100% - 80px);
  font-size: 14px;
  color: var(--whiteSmokeColor);
  line-height: 1.7;
  background: transparent;
  border: none;
}

.searchCross {
  width: 24px;
  margin-left: 16px;
  cursor: pointer;
}

.searchResultSection {
  padding: 120px 0 44px;
  background: var(--white);
}

.searchItem {
  width: 20%;
  padding: 0 0.75rem;
}

.searchItemBox {
  width: 100%;
  border: 1px solid var(--gainsboroColor);
  border-radius: 10px;
  padding: 16px;
  overflow: hidden;
}

.searchItemBox:hover {
  box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.25);
}

.searchImage {
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.searchImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.itemSearch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.itemTopIcon {
  display: flex;
  width: 24px;
}

.searchCategoryList {
  display: flex;
  flex-wrap: wrap;
}

.searchCardTitle {
  font-size: 18px;
  font-weight: 700;
  color: var(--baseColor);
  line-height: 1.4;
}

.searchCateTab {
  display: flex;
  align-items: center;
  height: 24px;
  font-size: 12px;
  font-weight: 500;
  color: var(--silverColor);
  padding: 0 8px;
  background: var(--white);
  border: 1px solid var(--silverColor);
  border-radius: 40px;
  margin-right: 8px;
  cursor: pointer;
}

.searchCateTab:hover {
  color: var(--dimGrayColor);
  border: 1px solid var(--dimGrayColor);
}

.searchCardBottom {
  display: flex;
}

.searchCardBottom span {
  font-size: 11px;
  font-weight: 500;
  color: var(--silverColor);
  text-transform: uppercase;
  letter-spacing: 0.14rem;
}

.searchCardBottom span::after {
  content: '|';
  padding: 0 6px;
}

.searchCardBottom span:last-child::after {
  display: none;
}





.signSection {
  background: #0078E9;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0078E9 0%, #0078E9 52%, #E5E5E5 52%, #E5E5E5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0078E9 0%, #0078E9 52%, #E5E5E5 52%, #E5E5E5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0078E9 0%, #0078E9 52%, #E5E5E5 52%, #E5E5E5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078E9', endColorstr='#E5E5E5', GradientType=1);
  /* IE6-9 */

}

.signLeftBg {
  padding: 40px 30px 92px 0;
  background: var(--navyBlueColor);
}

.signRightBg {
  padding: 40px 40px 124px 97px;
  background: var(--whisperColor);
}

.signUpLeftTitle {
  font-size: 28px;
  font-weight: 700;
  color: var(--whiteSmokeColor);
  line-height: 1.45;
  padding-right: 20px;
}

.signUpLeftDetails {
  margin-bottom: 40px;
}

.signUpLeftDetails p {
  font-size: 14px;
  font-weight: 400;
  color: var(--whiteSmokeColor);
  line-height: 1.7;
  padding-bottom: 24px;
}

.signUpLeftDetails p:last-child {
  padding-bottom: 0;
}

.signUpLeftImage {
  width: 92%;
}

.signUpLeftImage img {
  width: 100%;
}

.signUpAccount {
  font-size: 12px;
  font-weight: 500;
  color: var(--baseColor);
  line-height: 1.4;
}

.signUpAccount a {
  font-size: 12px;
  font-weight: 500;
  color: var(--navyBlueColor);
  margin-left: 8px;
}

.signUpAccount a:hover {
  color: var(--navyBlueColor);
  text-decoration: underline;
}

.signUpTitle {
  font-size: 36px;
  font-weight: 700;
  color: var(--baseColor);
  line-height: 1.35;
}

.signUpWithLink {
  display: flex;
}

.signUpWithLink a:not(:last-child) {
  margin-right: 24px;
}

.signUpBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--navyBlueColor);
  height: 36px;
  border: 1px solid var(--navyBlueColor);
  border-radius: 40px;
  padding: 6px 20px;
}

.signUpBtn img {
  width: 14px;
  margin-right: 4px;
}

.signUpBtn span {
  padding-top: 2px;
}

.signUpBtn:hover {
  background: var(--white);
  color: var(--navyBlueColor);
}

.fullInput {
  width: 100% !important;
}

.signUpAgree {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--baseColor);
  line-height: 1.7;
}

.signUpAgree .signUpAgreeRadio {
  margin-right: 6px;
  padding-top: 3px;
}

.signUpAgree a {
  font-weight: 500;
  color: var(--navyBlueColor);
}

.signUpAgree a:hover {
  color: var(--navyBlueColor);
  text-decoration: underline;
}

.signUpButton {
  display: flex;
  width: 100%;
}

.signUpButton a {
  width: 100%;
  height: 44px;
}

.forgotLink {
  margin-top: 28px;
}

.forgotLink a {
  font-size: 14px;
  font-weight: 500;
  color: var(--navyBlueColor);
  line-height: 1.5;
}

.forgotLink a:hover {
  color: var(--navyBlueColor);
  text-decoration: underline;
}

.forgotLeftImage {
  width: 100%;
  margin: 95px 0 40px;
}

.forgotDetailsInfo {
  padding: 196px 0 108px;
}

.sendLinkEmail {
  font-size: 12px;
  font-weight: 500;
  color: var(--baseColor);
  line-height: 1.4;
}

.poll-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

.wp-polls .Buttons {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: var(--whiteSmokeColor);
  font-weight: 500;
  background: var(--navyBlueColor);
  height: 44px;
  border-radius: 44px;
  padding: 0 24px;
  border: 1px solid var(--navyBlueColor);
  cursor: pointer;
  white-space: nowrap;
  line-height: normal;
}

.wp-polls-ans p {
  text-align: left !important;
    margin-top: 5%;
}

.poll-wrap ul {
  padding-left: 0rem !important;
}

.wp-polls-ul {
  margin: 0px 0px 0px 0px !important;
}

.wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li {
  text-align: left;
  background-image: none;
  display: block;
  border: 1px solid #d9d9d9;
  padding: 16px;
  margin: 10px 0;
  border-radius: 10px;
}

.aboutTopSection {
  background: var(--white);
  padding: 0 0 72px;
}

.aboutSubTitle {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--baseColor);
}

.aboutDetailsText {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--baseColor);
}

.aboutJourneyDetails {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.aboutJourneyRow {
  display: flex;
  width: 100%;
  margin-top: 24px;
}

.journeyArrowRight {
  position: relative;
  border-bottom: 1px solid var(--dodgerBlueColor);
  padding-bottom: 30px;
  margin-bottom: 48px;
}

.journeyArrowRight::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -48px;
  height: 48px;
  border-left: 1px solid var(--dodgerBlueColor);
}

.journeyArrowRight::before {
  content: '';
  position: absolute;
  left: -1.5px;
  bottom: -48px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: var(--dodgerBlueColor);
}

.journeyArrowRight .journeyDetailsSection {
  position: relative;
  border-right: 1px solid var(--dodgerBlueColor);
}

.journeyArrowRight .journeyDetailsSection::after {
  content: '';
  position: absolute;
  right: -1px;
  bottom: -30px;
  height: 34px;
  width: 1px;
  background: var(--dodgerBlueColor);
}

.journeyArrowLeft {
  padding-bottom: 30px;
  margin-bottom: 48px;
  position: relative;
}

.journeyArrowLeft::after {
  content: '';
  position: absolute;
  left: 0;
  width: calc(50% + 12px);
  bottom: -48px;
  height: 48px;
  border-top: 1px solid var(--dodgerBlueColor);
  border-right: 1px solid var(--dodgerBlueColor);
}

.journeyArrowLeft::before {
  content: '';
  position: absolute;
  right: 50%;
  bottom: -48px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: var(--dodgerBlueColor);
  margin-right: -13.5px;
}

.journeyArrowLeft .journeyLeftSection {
  position: relative;
}

.journeyArrowLeft .journeyLeftSection::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -30px;
  height: 30px;
  border-left: 1px solid var(--dodgerBlueColor);
}

.journeyLeftSection {
  display: flex;
  flex-direction: column;
  width: 50%;
  flex: 1;
  margin-right: 24px;
}

.journeyImage {
  width: 100%;
}

.journeyDetailsSection {
  display: flex;
  flex-direction: column;
  width: 50%;
  flex: 1;
}

.journeyTitle {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--navyBlueColor);
  position: relative;
}

.journeyTitle::after {
  content: '';
  position: absolute;
  top: 0;
  right: -2px;
  width: 4px;
  height: 48%;
  background: var(--white);

}

.journeyTitleline {
  min-width: 10px;
  flex: 1;
  margin-left: 46px;
  position: relative;
  border-bottom: 1px solid var(--dodgerBlueColor);
}

.journeyTitleline::before {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: var(--dodgerBlueColor);
  margin-top: -1.5px;
}

.journeyDownline {
  flex: 1;
  margin-top: 46px;
  position: relative;
  border-left: 1px solid var(--dodgerBlueColor);
}

.journeyDownline::before {
  content: '';
  position: absolute;
  left: -2.5px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: var(--dodgerBlueColor);
}

.journeyDetailsText {
  font-size: 16px;
  line-height: 1.5;
  color: var(--baseColor);
  padding-right: 10px;
}

.signupNewsletterSection {
  background: var(--whiteSmokeColor);
  border-radius: 10px;
  overflow: hidden;
  padding: 36px 124px;
}

.signupNewsTitle {
  padding-top: 26px;
}

.signupNewsInputInfo {
  height: 56px;
  background: var(--whisperColor);
  border-radius: 10px;
  position: relative;
  z-index: 2;
}

.signupNewsInputInfo input {
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: var(--baseColor);
  background: transparent;
  border: none;
  padding: 16px 24px;
}

.signupNewsInputInfo input::placeholder {
  color: var(--dimGrayColor);
}

.signupNewsInputInfo .signupArrow {
  display: flex;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 24px;
  z-index: -1;
}

.signupNewsInputInfo .signupArrow img {
  width: 24px;
}

.signupNewsImage img {
  height: 328px;
}

#gform_wrapper_3 {
  margin-top: 0px;
}
#gform_3 #gform_3 #field_3_1 .gform_wrapper .field_sublabel_below {
  margin-bottom: 0px !important;
}
#gform_submit_button_3  {
  font-size: 16px;
    color: #fff !important;
    font-weight: normal;
    border: none !important;
    font-size: 16px !important;
    background: #0078e9 !important;
}

#field_3_1 .gform_wrapper .field_sublabel_below {
  margin-bottom: 0px;
}



.addressLabel {
  font-size: 12px;
  color: var(--dimGrayColor);
  line-height: 1.2;
  text-transform: uppercase;
}

.addressText {
  font-size: 16px;
  color: var(--baseColor);
  line-height: 1.2;
  font-weight: 500;
  padding: 0 15px;
}

.contactForm {
  padding: 40px 15% 0;
}

.contactForm textarea {
  height: 288px;
}


.contentSection {
  display: flex;
  flex-direction: column;
}

.contentSection:not(:last-child) {
  margin-bottom: 80px;
}

.contentTitle {
  font-size: 28px;
  font-weight: 700;
  color: var(--baseColor);
  line-height: 1.4;
}

.contentSection p {
  font-size: 16px;
  color: var(--baseColor);
  line-height: 1.5;
}

.contentSection p:not(:last-child) {
  margin-bottom: 24px;
}

.contentSection a {
  color: var(--navyBlueColor);
}

.contentSection a:hover {
  color: var(--navyBlueColor);
  text-decoration: underline;
}

.contentList {
  padding: 0 0 0 24px;
  margin: 0 0 24px 0;
  list-style-type: disc;
}

.contentList li {
  font-size: 16px;
  color: var(--baseColor);
  line-height: 1.5;
}

.openingHeading {
  border-bottom: 1px solid var(--gainsboroColor);
  padding: 40px 0 8px;
}

.openingDetails {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.openingDetails li {
  margin-bottom: 16px;
}

.applyLink {
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  color: var(--navyBlueColor);
  line-height: 1.7;
}

.applyLink:hover {
  color: var(--navyBlueColor);
  text-decoration: underline;
}

.openingPostData {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.openingPostTitle {
  font-size: 18px;
  font-weight: 600;
  color: var(--baseColor);
  line-height: 1.3;
  padding-right: 10px;
}

.openingPost {
  font-size: 14px;
  color: var(--dimGrayColor);
  line-height: 1.7;
}

.contentHeading {
  font-size: 21px;
  font-weight: 700;
  color: var(--baseColor);
  line-height: 1.15;
}

.contentListDecimal {
  padding: 0 0 0 14px;
  margin: 0 0 40px 0;
  list-style-type: decimal;
}

.sendingEmailInfo {
  font-size: 16px;
  font-weight: 500;
  color: var(--baseColor);
  line-height: 1.4;
  background: var(--sailColor);
  border-radius: 10px;
  padding: 12px;
}



.languageSection {
  width: 100%;
  background: var(--nightRiderColor);
  position: relative;
  z-index: 10;
}

.languageBoxData {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.languageText {
  font-size: 12px;
  color: var(--veryLightGreyColor);
  line-height: 1.4;
  margin-right: 16px;
}

.languageDropDown {
  width: 130px;
  height: 24px;
  position: relative;
  margin-right: 120px;
}

.languageDropLabel {
  display: flex;
  align-items: center;
  width: 100%;
  height: 24px;
  font-size: 12px;
  color: var(--whiteSmokeColor);
  line-height: 1.4;
  background: var(--charcoalColor);
  border-radius: 30px;
  padding: 0 12px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.flagIcon {
  width: 16px;
  margin-right: 8px;
}

.dropdownArrow {
  position: absolute;
  top: 4px;
  right: 12px;
}

.languageDropDownList {
  display: none;
  position: absolute;
  width: 100%;
  top: 50%;
  z-index: 1;
  background: var(--nightRiderColor);
  border-radius: 0 0 12px 12px;
  padding: 12px 0 6px;
  margin: 0;
  list-style-type: none;
  overflow: hidden;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
}

.languageDropDownList li {
  font-size: 12px;
  color: var(--whiteSmokeColor);
  line-height: 1.4;
  padding: 6px 12px;
  cursor: pointer;
}

.languageDropDownList li:hover {
  background: var(--charcoalColor);
}

.languageDropDown:hover .languageDropDownList {
  display: block;
}

.locationPopup {
  position: fixed;
  top: 60%;
  right: 10%;
  z-index: 10;
  width: 260px;
  background: var(--whiteSmokeColor);
  border-radius: 20px;
  padding: 24px;
}

.locationPopupText {
  font-size: 16px;
  color: var(--baseColor);
  line-height: 1.6;
  text-align: center;
}

.locationPopupButton {
  display: flex;
  margin-top: 24px;
}

.locationPopupButton a+a {
  margin-left: 16px;
}

.locationBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 28px;
  font-size: 12px;
  color: var(--navyBlueColor);
  font-weight: 500;
  line-height: 1;
  background: transparent;
  border-radius: 30px;
  padding: 6px 12px;
  border: 1px solid var(--navyBlueColor);
  cursor: pointer;
  white-space: nowrap;
}

.locationBtn:hover {
  background: var(--navyBlueColor);
  color: var(--whiteSmokeColor);
}

.locationBlueBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 12px;
  color: var(--whiteSmokeColor);
  font-weight: 500;
  line-height: 1;
  background: var(--navyBlueColor);
  height: 28px;
  border-radius: 30px;
  padding: 6px 12px;
  border: 1px solid var(--navyBlueColor);
  cursor: pointer;
  white-space: nowrap;
}

.locationBlueBtn:hover {
  color: var(--whiteSmokeColor);
  opacity: 0.8;
}

.creatorProfileSection {
  padding: 108px 0;
}

.creatorProfileSectionBottom {
  padding-bottom: 108px;
}

.creatorBoxInfo {
  display: flex;
}

.creatorProfileDetails {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.creatorProfileName {
  font-size: 21px;
  color: var(--baseColor);
  font-weight: 600;
  line-height: 1.5;
}

.creatorDesignationInfo {
  font-size: 14px;
  color: var(--dimGrayColor);
  font-weight: 500;
  line-height: 1.7;
  margin-top: 8px;
}

.creatorLocationInfo {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--silverColor);
  font-weight: 500;
  line-height: 1.4;
  margin-top: 8px;
}

.creatorLocationInfo img {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}

.creatoProfileDataInfo {
  font-size: 16px;
  color: var(--baseColor);
  font-weight: 400;
  line-height: 1.6;
  margin-top: 24px;
}

.creatorSocialInfo {
  display: flex;
  margin-top: 24px;
}

.creatorSocialInfo a {
  margin-right: 16px;
}

.creatorSocialInfo a img {
  width: 20px;
  height: 20px;
}






/* City Future Styling */
.cityFutureSection {
  background: var(--black);
}

.cityFutureInfo {
  position: relative;
  padding: 128px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.cityFutureInfo::after {
  content: '';
  position: absolute;
  right: -122px;
  bottom: -100px;
  width: 290px;
  height: 286px;
  background: url(../img/city-sessions-bottom-img.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.cityFutureInfo::before {
  content: '';
  position: absolute;
  top: -143px;
  left: -138px;
  width: 290px;
  height: 286px;
  background: url(../img/city-sessions-bottom-img.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.cityFutureDetailInfo {
  display: flex;
  flex-direction: column;
}

.cityFutureTitle {
  font-size: 120px;
  color: var(--white);
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.cityFutureTitle img {
  width: 460px;
  display: flex;
}

.cityFutureListInfo {
  margin-top: 24px;
}

.cityFutureListInfo ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.cityFutureListInfo ul li {
  font-size: 16px;
  color: var(--white);
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  padding: 0 10px;
}

.cityFutureListInfo ul li::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 10px;
  background: var(--white);
  transform: translateY(-50%);
}

.cityFutureListInfo ul li:first-child {
  padding-left: 0;
}

.cityFutureListInfo ul li:first-child::after {
  display: none;
}

.cityFutureRightBg {
  background: var(--darkCeruleanColor) url(../img/city-future-rightBg.png) no-repeat right bottom;
  background-size: contain;
}

/* Partnership Styling */

.partnershipSection {
  background: var(--whiteSmokeColor);
  padding: 30px 0 26px;
}

.partnershipTextInfo {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  color: var(--dimGrayColor);
  font-weight: 500;
  line-height: 1.3;
}

.partnershipTextInfo img {
  margin-left: 26px;
  width: 68px;
}

/* City Session List Details Styling */
.cityDetailsSection {
  background: var(--white);
  padding: 120px 0;
}

.citySessionList {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 358px;
}

.blueList {
  background: url(../img/city-sessions-blue-circle.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.yellowList {
  background: url(../img/city-sessions-yellow-circle.png.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.greenList {
  background: url(../img/city-sessions-green-circle.png.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.cityListTitle {
  font-family: Opera Stencil;
  font-size: 46px;
  color: var(--black);
  line-height: 1;
}

.cityListDate {
  font-size: 16px;
  color: var(--black);
  font-weight: 500;
  line-height: 1.5;
  padding-top: 16px;
}

.cityListRegister {
  font-size: 18px;
  color: var(--black);
  font-weight: 500;
  line-height: 1.5;
  padding-top: 16px;
}

.textLineThrough {
  text-decoration: line-through;
}

.btnRegisterNow {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--whiteSmokeColor);
  background: var(--darkCeruleanColor);
  cursor: pointer;
  margin-top: 16px;
  border: none;
  padding: 0 20px;
}

.btnRegisterNow:hover {
  opacity: 0.7;
  color: var(--whiteSmokeColor);
}

button.btnRegisterNow a {
  color: var(--whiteSmokeColor);
}

/* City Session Item Styling */
.cityItemSection {
  padding: 0 0 80px;
}

.cityItemRow {
  margin-bottom: 80px;
}

.cityItemTitle {
  font-family: Opera Stencil;
  font-size: 46px;
  color: var(--black);
  line-height: 1.5;
}

.cityItemImageInfo {
  height: 320px;
}

.cityItemImageInfo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cityItemText {
  font-size: 16px;
  color: var(--baseColor);
  line-height: 1.5;
}

/* City Edition Styling */
.cityEditionSection {
  background: var(--darkCeruleanColor);
  width: 100%;
  position: relative;
}

.cityEditionDataSection {
  padding: 172px 0;
}

.cityEditionImageSection {
  display: flex;
  align-items: flex-end;
}

.cityEditionImageSection img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 50%;
}

/* .cityEditionSection1 {
  background:  var(--darkCeruleanColor) url(../img/city-future-newDelhi-bg.png) no-repeat top right;
  background-size: contain;
  padding: 172px 0;
} */
.cityEditionTitle {
  font-family: Opera Stencil;
  font-size: 64px;
  color: var(--white);
  line-height: 1;
}

.cityTitle {
  color: var(--black);
}

.cityEditionDate {
  font-size: 16px;
  color: var(--white);
  font-weight: 500;
  line-height: 1.5;
}

.cityEditionText {
  font-size: 16px;
  color: var(--white);
  line-height: 1.5;
}

/* Mentor Schedule Session Styling */

.mentorsScheduleSection {
  background: var(--steelBlueColor);
  padding: 120px 0;
}

.mentorsScheduleItemDetails {
  width: 100%;
  display: flex;
  margin-top: 56px;
}

.mentorsScheduleItem {
  width: 20%;
  padding: 0 28px;
}

.mentorsItemIcon {
  width: 170px;
  height: 170px;
  border-radius: 170px;
  overflow: hidden;
  background: var(--gainsboroColor);
  margin: 0 auto;
}

.mentorsItemIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mentorsItemName {
  font-size: 18px;
  color: var(--white);
  font-weight: 600;
  line-height: 1.35;
}

.mentorsItemDetails {
  font-size: 14px;
  color: var(--white);
  line-height: 1.5;
}

.mentorsButtonRow {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}

.btnScheduleHere {
  display: flex;
  align-items: center;
  height: 44px;
  font-size: 18px;
  font-weight: 500;
  color: var(--black);
  line-height: 1.4;
  border-radius: 44px;
  border: none;
  padding: 0 24px;
}

.btnScheduleHere:hover {
  opacity: 0.7;
}

/* City Teams Session Styling */

.cityTeamsSection {
  background: var(--white);
  padding: 120px 0 80px;
}

.cityTeamsDetails {
  margin-top: 80px;
}

.cityTeamsItem {
  border-radius: 10px;
  border: 1px solid var(--gainsboroColor);
  overflow: hidden;
}

.cityTeamsImage {
  height: 204px;
  background: var(--veryLightGreyColor);
  overflow: hidden;
}

.cityTeamsImage img {
  width: 100%;
  height: auto;
  object-fit: fill;
}

.cityTeamsData {
  padding: 16px 24px 24px;
  min-height: 156px;
}

.cityTeamsTitle {
  font-size: 24px;
  color: var(--black);
  font-weight: 700;
  line-height: 1.35;
}

.cityTeamsName {
  font-size: 16px;
  color: var(--black);
  font-weight: 500;
  line-height: 1.5;
}

.cityTeamsText {
  font-size: 16px;
  color: var(--black);
  font-weight: 500;
  line-height: 1.5;
}

/* City Video Section Styling  */

.cityVideoSection {
  padding: 80px 0;
  background: var(--black);
  margin-bottom: 120px;
}

.cityVideoData {
  width: 100%;
  height: 544px;
}

/* City Gallery Section Styling  */

.cityGallerySection {
  padding: 120px 0 0;
  background: var(--white);
}

.cityGalleryBox {
  margin-top: 80px;
}

/* City See Solution Section Styling  */

.citySeeSolutionSection {
  background: url(../img/city-solution-left-img.png) no-repeat left -50px, url(../img/city-solution-right-img.png) no-repeat right -50px;
  background-size: contain;
  position: relative;
  padding: 84px 0;
  margin: 120px 0;
}

.citySeeSolutionTitle {
  font-size: 36px;
  color: var(--black);
  font-weight: 700;
  line-height: 1.35;
}

.citySeeSolutionText {
  font-size: 21px;
  color: var(--black);
  font-weight: 500;
  line-height: 1.5;
  padding-top: 4px;
}

.citySeeButtonInfo {
  display: flex;
  justify-content: center;
}

.btnCitySeeDownload {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 24px;
  font-size: 18px;
  line-height: 1.3;
  color: var(--white);
  font-weight: 500;
  background: var(--darkCeruleanColor);
  border: none;
  border-radius: 44px;
  cursor: pointer;
  flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.btnCitySeeDownload:hover {
  opacity: 0.9;
}

.cityEditionYellowSection {
  background: var(--selectiveYellowColor);
  /* background:  var(--selectiveYellowColor) url(../img/city-future-chennai-bg.png) no-repeat top right;
  background-size: contain;
  padding: 172px 0; */
}

.mentorsScheduleYellowSection {
  background: var(--kournikovaColor);
  padding: 120px 0;
}

.cityEditionGreenSection {
  background: var(--jadeColor);
  /* background:  var(--jadeColor) url(../img/city-future-mumbai-bg.png) no-repeat top right;
  background-size: contain;
  padding: 172px 0; */
}

.imagesBox {
  padding-top: 120px;
}

.imagesBox .imageItem+.imageItem {
  /* margin-top: 16px; */
}

.carouselDetails a {
  color: var(--whiteSmokeColor);
}




.lmbCopSection {
  background-color: var(--midnightBlueColor);
  /* margin-bottom: 120px; */
}
.lmbCopDetails {
  padding: 230px 15%;
}
.lmbCopHeading {
  font-size: 44px;
  color: var(--whiteSmokeColor);
  font-weight: 700;
  line-height: 1.2;
}
.lmbCopSubText {
  font-size: 16px;
  color: var(--gainsboroColor);
  line-height: 1.5;
}

.lmbCopRightBg {
  background: url(../img/unsplash_PEm_sLmJT-w.jpg) no-repeat right bottom;
  background-size: cover;
}

.lmbCopRightBg-1 {
  background: url(../img/unsplash_PEm_sLmJT-w.png) no-repeat right bottom;
  background-size: cover;
}

.lmbCopSection-1 {
  background-color: var(--black);
  /* margin-bottom: 120px; */
}
.lmbCopDetails-1 {
  padding: 230px 15%;
}
.lmbCopHeading-1 {
  font-size: 44px;
  color: var(--whiteSmokeColor);
  font-weight: 700;
  line-height: 1.2;
}
.lmbCopSubText-1 {
  font-size: 16px;
  color: var(--gainsboroColor);
  line-height: 1.5;
}

.fullBannerSection {
  width: 100%;
  background: var(--dimGrayColor);
  margin-bottom: 120px;
}
.fullBannerInfo {
  width: 100%;
  height: 400px;
}

.fullBannerInfo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.gform_wrapper #gform_wrapper_3 .field_sublabel_below {
  margin-top: 0px !important;
}



@media screen and (min-width: 1920px) {
  .container, .container-fluid {
    max-width: 1680px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .itemPostSection {
    flex-direction: column;
  }

  .itemPostRight {
    justify-content: center;
    margin: 20px 0 0 10px;
  }

  .publishSection {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .publishDetails {
    margin-bottom: 14px;
  }

  .signUpLeftImage {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pb24 {
    padding-bottom: 20px;
  }

  .pt38 {
    padding-top: 30px;
  }

  .mt24 {
    margin-top: 20px;
  }

  .mt40 {
    margin-top: 30px;
  }

  .mb16 {
    margin-bottom: 14px;
  }

  .mb24 {
    margin-bottom: 20px;
  }

  .mb28 {
    margin-bottom: 22px;
  }

  .mb32 {
    margin-bottom: 26px;
  }

  .mb36 {
    margin-bottom: 28px;
  }

  .mb40 {
    margin-bottom: 30px;
  }

  .mb42 {
    margin-bottom: 32px;
  }

  header {
    padding: 18px 40px;
  }

  .signBtn {
    height: 44px;
    font-size: 16px;
    padding: 0 20px;
    margin-right: 20px;
  }

  .createBtn {
    font-size: 14px;
    height: 42px;
    padding: 0 20px;
  }

  .signInInfo {
    margin-right: 28px;
  }

  .searchBtn {
    margin-right: 20px;
  }

  .carouselTag {
    font-size: 14px;
  }

  .carouselItem {
    height: auto;
  }

  .carouselTitle {
    font-size: 36px;
    margin-bottom: 20px;
  }

  .carouselDetails {
    font-size: 14px;
  }

  .navBarSection {
    height: 52px;
  }

  .navList {
    padding: 8px 0;
  }

  .recommendedSection {
    padding: 80px 0;
  }

  .sectionTitle {
    font-size: 30px;
  }

  .itemCard {
    padding: 20px;
    margin-bottom: 34px;
  }

  .itemCardTitle {
    font-size: 20px;
  }

  .articleContainer {
    padding: 46px 60px;
  }

  .articleImage {
    height: 300px;
  }

  .itemCardLink a {
    margin-right: 10px;
  }

  .sectionInfo {
    padding: 0 0 80px;
  }

  .imagesBox {
    padding-top: 80px;
  }

  .itemCardDetailBox {
    padding: 14px 20px 20px;
  }

  .storyBannerText {
    font-size: 30px;
  }

  .storyBannerImg {
    height: 250px;
  }

  .renewContainer {
    padding: 40px 60px;
  }

  .circleArrow {
    width: 34px;
    height: 34px;
  }

  .itemTag {
    height: 40px;
    font-size: 12px;
    padding: 0 20px;
  }

  .blackBtn {
    font-size: 14px;
  }

  .blueBtn {
    font-size: 14px;
  }

  .loadMoreBtn {
    height: 38px;
    font-size: 16px;
    padding: 0 20px;
  }

  .categoryItem {
    padding: 32px 20px;
  }

  .categoryItemImg {
    height: 70px;
    margin-bottom: 20px;
  }

  .categoryItemText {
    font-size: 18px;
  }

  .creatorItem {
    padding: 20px;
  }

  .creatorImage {
    width: 94px;
    height: 94px;
  }

  .creatorName {
    font-size: 16px;
  }

  .scanSnapCodeContainer {
    padding: 60px;
  }

  .scanSnapTitle {
    font-size: 30px;
    margin-bottom: 20px;
  }

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

  .scanCodeDetails p:not(:last-child) {
    margin-bottom: 20px;
  }

  .partnerSection {
    padding: 40px 0;
  }

  .partnerList li {
    height: 42px;
    padding: 0 28px;
  }

  .footerLinkInfo {
    padding-right: 40px;
  }

  .footerTitle {
    font-size: 14px;
    padding-bottom: 20px;
  }

  .subscribeText {
    display: inline-block;
  }

  .subscribeInput input {
    height: 34px;
    padding: 0 14px;
  }

  .sliderCarousel {
    height: auto;
  }

  .sliderCarousel .slick-dots {
    bottom: 20px;
  }

  .bannerSection {
    height: 260px;
  }

  .bannerHeading {
    font-size: 52px;
  }

  .subNewsletterSection {
    padding: 60px 70px;
  }

  .subscribeTitle {
    margin-bottom: 16px;
  }

  .subNewsletterInput {
    margin-top: 32px;
  }

  .subNewsletterBtn {
    font-size: 14px;
  }

  .storyTellSection {
    padding: 60px 90px;
  }

  .articleLeftSide {
    margin-bottom: 24px;
  }

  .articlelabel {
    margin-bottom: 6px;
  }

  .articleLink:not(:last-child) {
    margin-right: 12px;
  }

  .articleSocialLink:not(:last-child) {
    margin-right: 12px;
  }

  .badgeLinkSection {
    margin: 0 0 30px;
  }

  .badgeLinkInfo li {
    padding-right: 6px;
  }

  .article-title {
    font-size: 30px;
  }

  .article-heading {
    font-size: 16px;
  }

  .article-details p {
    font-size: 14px;
    margin-bottom: 26px;
  }

  .articleSeparatorLine {
    margin-top: 60px;
  }

  .videoData {
    height: 380px;
  }

  .postCreator-img {
    width: 44px;
    height: 44px;
  }

  .nextPostHeading {
    font-size: 22px;
  }

  .nextPostSection {
    padding: 18px 20px;
  }

  .nextPostTitle {
    font-size: 16px;
  }

  .dashboardSection {
    padding: 80px 0;
  }

  .userAccountLink {
    margin: 38px 0 0;
  }

  .userAccountLink li {
    padding-bottom: 14px;
  }

  .dashboardUserInfo {
    margin-top: 108px;
  }

  .dashboardUserPic {
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }

  .dashboardBanner {
    bottom: 110%;
    width: 350px;
  }

  .formHeading {
    font-size: 19px;
  }

  .formInput input {
    font-size: 14px;
  }

  .formInput textarea {
    font-size: 14px;
  }

  .selectBox select {
    font-size: 14px;
  }

  .dashboardBtnInfo {
    margin: 30px 0 0;
  }

  .accountText {
    margin: 52px 0 14px;
  }

  .searchSection {
    padding: 0 40px;
  }

  .searchBoxData {
    height: 70px;
  }

  .searchResultSection {
    padding: 80px 0 40px;
  }

  .searchItem {
    width: 33.3%;
  }

  .searchItemBox {
    padding: 14px;
  }

  .itemSearch {
    padding: 14px;
  }

  .searchCardTitle {
    font-size: 16px;
  }

  .signLeftBg {
    padding: 30px 20px 40px 0;
  }

  .signRightBg {
    padding: 30px 10px 60px 60px;
  }

  .signUpLeftTitle {
    font-size: 24px;
    padding-right: 0;
  }

  .signUpLeftDetails {
    margin-bottom: 32px;
  }

  .signUpLeftDetails p {
    padding-bottom: 20px;
  }

  .signUpLeftImage {
    width: 100%;
  }

  .signUpTitle {
    font-size: 30px;
  }

  .signUpWithLink {
    flex-direction: column;
  }

  .signUpWithLink a:not(:last-child) {
    margin-right: 0;
    margin-bottom: 12px;
  }

  .signUpAgree {
    align-items: flex-start;
  }

  .signUpButton a,
  .signUpButton input {
    height: 40px;
  }

  .forgotLink {
    margin-top: 24px;
  }

  .forgotLeftImage {
    margin: 80px 0 20px;
  }

  .forgotDetailsInfo {
    padding: 120px 0 80px;
  }


  .aboutTopSection {
    padding: 0 0 52px;
  }

  .aboutSubTitle {
    font-size: 20px;
  }

  .aboutDetailsText {
    font-size: 16px;
  }

  .journeyTitle {
    font-size: 20px;
  }

  .journeyTitleline {
    margin-left: 30px;
  }

  .journeyDetailsText {
    font-size: 14px;
  }

  .signupNewsletterSection {
    padding: 30px 60px;
  }

  .signupNewsTitle {
    padding-top: 30px;
  }

  .signupNewsInputInfo {
    margin-bottom: 30px;
  }

  .signupNewsImage img {
    width: 100%;
    height: auto;
  }



  .addressText {
    font-size: 14px;
  }

  .contactForm {
    padding: 30px 10% 0;
  }

  .contactForm textarea {
    height: 240px;
  }



  .contentSection:not(:last-child) {
    margin-bottom: 60px;
  }

  .contentTitle {
    font-size: 24px;
  }

  .contentSection p {
    font-size: 15px;
  }

  .contentSection p:not(:last-child) {
    margin-bottom: 18px;
  }

  .contentList {
    margin: 0 0 18px 0;
  }

  .contentList li {
    font-size: 15px;
  }




  .openingHeading {
    padding: 30px 0 6px;
  }

  .openingDetails li {
    margin-bottom: 14px;
  }

  .openingPostData {
    margin-bottom: 6px;
  }

  .openingPostTitle {
    font-size: 16px;
  }

  .contentHeading {
    font-size: 18px;
  }

  .contentListDecimal {
    margin: 0 0 34px 0;
  }

  .sendingEmailInfo {
    font-size: 14px;
    padding: 10px;
  }

  .languageText {
    margin-right: 14px;
  }

  .languageDropDown {
    margin-right: 60px;
  }


  .creatorProfileSection {
    padding: 60px 0;
  }

  .creatorProfileSectionBottom {
    padding-bottom: 60px;
  }

  .creatorProfileName {
    font-size: 19px;
  }

  .creatorDesignationInfo {
    font-size: 14px;
  }

  .creatoProfileDataInfo {
    margin-top: 18px;
  }

  .creatorSocialInfo {
    margin-top: 18px;
  }

  .creatorSocialInfo a {
    margin-right: 14px;
  }

  .cityFutureInfo {
    padding: 80px 0;
  }

  .cityFutureInfo::after {
    width: 180px;
    height: 178px;
    bottom: -60px;
    right: -75px;
  }

  .cityFutureInfo::before {
    width: 180px;
    height: 178px;
    top: -89px;
    left: -84px;
  }

  .cityFutureTitle {
    font-size: 100px;
  }

  .cityFutureTitle img {
    width: 350px;
  }

  .cityFutureListInfo {
    margin-top: 20px;
  }

  .cityFutureListInfo ul li {
    font-size: 14px;
  }

  /* Partnership Styling */

  .partnershipSection {
    padding: 24px 0 20px;
  }

  .partnershipTextInfo img {
    margin-left: 26px;
    width: 60px;
  }

  /* City Session List Details Styling */
  .cityDetailsSection {
    background: var(--white);
    padding: 80px 0;
  }

  .citySessionList {
    height: 250px;
  }

  .cityListTitle {
    font-size: 30px;
  }

  .cityListDate {
    font-size: 14px;
    padding-top: 14px;
  }

  .cityListRegister {
    font-size: 16px;
    padding-top: 14px;
  }

  .btnRegisterNow {
    height: 32px;
    font-size: 14px;
    margin-top: 14px;
    padding: 0 16px;
  }

  /* City Session Item Styling */
  .cityItemSection {
    padding: 0 0 50px;
  }

  .cityItemRow {
    margin-bottom: 50px;
  }

  .cityItemTitle {
    font-size: 36px;
  }

  .cityItemImageInfo {
    height: 290px;
  }

  .cityItemText {
    font-size: 14px;
  }

  /* City Edition Styling */

  .cityEditionDataSection {
    padding: 110px 0;
  }

  .cityEditionImageSection img {
    width: 45%;
  }

  .cityEditionTitle {
    font-size: 52px;
  }

  .cityEditionDate {
    font-size: 14px;
  }

  .cityEditionText {
    font-size: 14px;
  }

  /* Mentor Schedule Session Styling */

  .mentorsScheduleSection {
    padding: 80px 0;
  }

  .mentorsScheduleItemDetails {
    width: 100%;
    display: flex;
    margin-top: 42px;
  }

  .mentorsScheduleItem {
    width: 20%;
    padding: 0 15px;
  }

  .mentorsItemIcon {
    width: 110px;
    height: 110px;
  }

  .mentorsItemName {
    font-size: 16px;
  }

  .mentorsItemDetails {
    font-size: 14px;
  }

  .mentorsButtonRow {
    margin-top: 60px;
  }

  .btnScheduleHere {
    height: 36px;
    font-size: 16px;
    padding: 0 20px;
  }

  /* City Teams Session Styling */

  .cityTeamsSection {
    background: var(--white);
    padding: 80px 0 50px;
  }

  .cityTeamsDetails {
    margin-top: 60px;
  }

  .cityTeamsImage {
    height: 180px;
  }

  .cityTeamsData {
    padding: 14px 20px 20px;
  }

  .cityTeamsTitle {
    font-size: 20px;
  }

  .cityTeamsName {
    font-size: 14px;
  }

  .cityTeamsText {
    font-size: 14px;
  }

  /* City Video Section Styling  */

  .cityVideoSection {
    padding: 60px 0;
  }

  .cityVideoData {
    width: 100%;
    height: 410px;
  }

  /* City Gallery Section Styling  */

  .cityGallerySection {
    padding: 80px 0 0;
  }

  .cityGalleryBox {
    margin-top: 60px;
  }

  /* City See Solution Section Styling  */

  .citySeeSolutionSection {
    background: url(../img/city-solution-left-img.png) no-repeat left -40px, url(../img/city-solution-right-img.png) no-repeat right -40px;
    background-size: contain;
    position: relative;
    padding: 35px 0;
    margin: 80px 0;
  }

  .citySeeSolutionTitle {
    font-size: 29px;
  }

  .citySeeSolutionText {
    font-size: 17px;
  }

  .btnCitySeeDownload {
    height: 36px;
    padding: 0 20px;
    font-size: 16px;
  }

  .cityEditionYellowSection {
    /* background:  var(--selectiveYellowColor) url(../img/city-future-chennai-bg.png) no-repeat top right;
  background-size: contain;
  padding: 110px 0; */
  }

  .mentorsScheduleYellowSection {
    padding: 80px 0;
  }

  .cityEditionGreenSection {
    /* background:  var(--jadeColor) url(../img/city-future-mumbai-bg.png) no-repeat top right;
  background-size: contain;
  padding: 110px 0; */
  }

.lmbCopSection {
  margin-bottom: 80px;
}
.lmbCopDetails {
  padding: 120px 15%;
}
.lmbCopHeading {
  font-size: 46px;
}
.lmbCopSubText {
  font-size: 14px;
}

.fullBannerSection {
  margin-bottom: 80px;
}
.fullBannerInfo {
  width: 100%;
  height: 310px;
}


}

@media screen and (min-width: 310px) and (max-width: 767px) {
  .pb24 {
    padding-bottom: 18px;
  }

  .pt38 {
    padding-top: 30px;
  }

  .mt24 {
    margin-top: 18px;
  }

  .mt40 {
    margin-top: 28px;
  }

  .mb16 {
    margin-bottom: 14px;
  }

  .mb24 {
    margin-bottom: 18px;
  }

  .mb28 {
    margin-bottom: 20px;
  }

  .mb32 {
    margin-bottom: 24px;
  }

  .mb40 {
    margin-bottom: 28px;
  }

  .mb42 {
    margin-bottom: 30px;
  }

  header {
    height: 74px;
    padding: 15px;
  }

  .topHeaderSpace {
    height: 74px;
  }

  header .container-fluid .row>div {
    flex: 1;
  }

  .signInInfo {
    display: none;
  }

  .signBtn {
    height: 44px;
    font-size: 16px;
    padding: 0 20px;
    margin-right: 20px;
  }

  .createBtn {
    font-size: 14px;
    height: 42px;
    padding: 0 20px;
  }

  .signInInfo {
    margin-right: 28px;
  }

  .searchBtn {
    margin-right: 20px;
  }

  .carouselTag {
    font-size: 14px;
  }

  .carouselItem {
    height: 510px;
  }

  .carouselDataBox {
    width: 330px;
  }

  .carouselTitle {
    font-size: 32px;
    margin-bottom: 18px;
  }

  .carouselDetails {
    font-size: 14px;
  }

  .navBarSection {
    height: 52px;
  }

  .navList {
    padding: 8px 0;
  }

  .recommendedSection {
    padding: 60px 0;
  }

  .sectionTitle {
    font-size: 26px;
  }

  .itemCard {
    padding: 20px;
    margin-bottom: 34px;
  }

  .itemCardTitle {
    font-size: 20px;
  }

  .articleContainer {
    padding: 50px 30px;
  }

  .articleImage {
    margin-top: 30px;
    height: 260px;
  }

  .itemCardLink a {
    margin-right: 10px;
  }

  .sectionInfo {
    padding: 0 0 30px;
  }

  .navList {

  }

  .imagesBox {
    padding-top: 60px;
  }

  .itemCardDetailBox {
    padding: 14px 20px 20px;
  }

  .storyBannerText {
    font-size: 26px;
  }

  .storyBannerImg {
    height: 230px;
  }

  .renewContainer {
    padding: 30px;
  }

  .showImageInfo {
    height: 320px;
  }

  .itemBannerImg {
    height: 180px;
  }

  .circleArrow {
    width: 34px;
    height: 34px;
  }

  .itemTag {
    height: 40px;
    font-size: 12px;
    padding: 0 20px;
  }

  .blackBtn {
    font-size: 14px;
  }

  .blueBtn {
    font-size: 14px;
  }

  .loadMoreBtn {
    height: 38px;
    font-size: 16px;
    padding: 0 20px;
  }

  .categoryItem {
    padding: 32px 20px;
  }

  .categoryItemImg {
    height: 70px;
    margin-bottom: 20px;
  }

  .categoryItemText {
    font-size: 18px;
  }

  .creatorItem {
    padding: 20px;
  }

  .creatorImage {
    width: 94px;
    height: 94px;
  }

  .creatorName {
    font-size: 16px;
  }

  .scanSnapCodeContainer {
    padding: 30px 40px;
  }

  .scanCodeImage {
    margin-top: 40px;
  }

  .scanSnapTitle {
    font-size: 30px;
    margin-bottom: 20px;
  }

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

  .scanCodeDetails p:not(:last-child) {
    margin-bottom: 20px;
  }

  .partnerSection {
    padding: 40px 0;
  }

  .partnerTitle {
    margin-bottom: 28px;
  }

  .partnerList li {
    height: 42px;
    padding: 0 28px;
    margin: 15px 0;
  }

  .footerSection {
    padding: 40px 30px;
  }

  .footerPoweredBy {
    margin-bottom: 30px;
  }

  .footerLinkInfo {
    width: 50%;
    padding-right: 0;
  }

  .footerTitle {
    font-size: 14px;
    padding-bottom: 20px;
  }

  .subscribeText {
    display: inline-block;
    margin-top: 40px;
  }

  .subscribeInput input {
    height: 34px;
    padding: 0 14px;
  }

  .footerSocial {
    justify-content: center;
  }

  .footerCopy {
    text-align: center;
    margin-top: 30px;
  }

  .sliderCarousel {
    height: auto;
  }

  .sliderCarousel .slick-dots {
    bottom: 20px;
  }

  .bannerSection {
    height: 200px;
  }

  .bannerHeading {
    font-size: 38px;
  }

  .subNewsletterSection {
    padding: 50px 40px;
  }

  .subscribeTitle {
    margin-bottom: 16px;
  }

  .subNewsletterInput {
    margin-top: 32px;
  }

  .subNewsletterBtn {
    font-size: 14px;
  }

  .storyTellSection {
    padding: 50px 40px;
  }

  .sliderSlick {
    padding: 0;
  }

  .slick-slide {
    padding: 0 0px;
  }

  .imageItem  {
    margin-bottom: 15px;
  }

  .imageItem img {
    width: 100%;
  }
  .sliderItem {
    margin: 0 12px 10px;
  }
  .itemCardDetailBox {
    min-height: 0px;
}

  .articleLeftSide {
    margin-bottom: 24px;
  }

  .articlelabel {
    margin-bottom: 6px;
  }

  .articleLink:not(:last-child) {
    margin-right: 12px;
  }

  .articleSocialLink:not(:last-child) {
    margin-right: 12px;
  }

  .articleSocialLink img {
    width: 20px;
    height: 20px;
  }

  .articleTopSpace {
    margin-top: 40px;
  }

  .badgeLinkSection {
    margin: 0 0 30px;
  }

  .badgeLinkInfo li {
    padding-right: 6px;
  }

  .article-title {
    font-size: 26px;
  }

  .article-heading {
    font-size: 16px;
  }

  .article-details p {
    font-size: 14px;
    margin-bottom: 26px;
  }

  .articleSeparatorLine {
    margin-top: 60px;
  }

  .videoData {
    height: auto;
  }

  .publishSection {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .publishDetails {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 14px;
  }

  .postCreator-img {
    width: 42px;
    height: 42px;
  }

  .nextPostData {
    margin-top: 24px;
  }

  .nextPostHeading {
    font-size: 22px;
  }

  .nextPostSection {
    padding: 18px 20px;
  }

  .nextPostTitle {
    font-size: 16px;
  }




  .dashboardSection {
    padding: 60px 0;
  }

  .userAccountLink {
    margin: 30px 0 0;
  }

  .userAccountLink li {
    padding-bottom: 14px;
  }

  .dashboardUserInfo {
    margin-top: 100px;
  }

  .dashboardUserPic {
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }

  .dashboardBanner {
    bottom: 105%;
    width: 280px;
  }

  .formHeading {
    font-size: 19px;
  }

  .formLabel {
    width: 300px;
  }

  .formInput input {
    width: 300px;
    font-size: 14px;
  }

  .formInput textarea {
    width: 300px;
    font-size: 14px;
  }

  .formInput select {
    width: 300px;
  }

  .selectBox select {
    font-size: 14px;
  }

  .dashboardBtnInfo {
    margin: 30px 0 0;
  }

  .accountText {
    margin: 50px 0 14px;
  }

  .formControlArea {
    margin-top: 40px;
  }

  .errorDetails {
    width: 100%;
  }

  .searchSection {
    padding: 0 15px;
  }

  .searchBoxData {
    height: 60px;
  }

  .searchResultSection {
    padding: 60px 0 40px;
  }

  .searchItem {
    width: 100%;
  }

  .searchItemBox {
    padding: 14px;
  }

  .searchImage {
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
  }

  .itemSearch {
    padding: 14px;
  }

  .searchCardTitle {
    font-size: 16px;
  }

  .signLeftBg {
    padding: 30px 15px 40px;
  }

  .signRightBg {
    padding: 40px 15px 60px;
  }

  .signUpLeftTitle {
    font-size: 24px;
    padding-right: 0;
  }

  .signUpLeftDetails {
    margin-bottom: 32px;
  }

  .signUpLeftDetails p {
    padding-bottom: 20px;
  }

  .signUpLeftImage {
    width: 100%;
  }

  .signUpTitle {
    font-size: 30px;
  }

  .signUpWithLink {
    flex-direction: column;
  }

  .signUpWithLink a:not(:last-child) {
    margin-right: 0;
    margin-bottom: 12px;
  }

  .signUpAgree {
    align-items: flex-start;
  }

  .signUpButton a,
  .signUpButton input {
    height: 40px;
  }

  .forgotLink {
    margin-top: 24px;
  }

  .forgotLeftImage {
    margin: 40px 0 20px;
  }

  .forgotDetailsInfo {
    padding: 80px 0 60px;
  }

  .aboutTopSection {
    padding: 0 0 52px;
  }

  .aboutSubTitle {
    font-size: 20px;
  }

  .aboutDetailsText {
    font-size: 16px;
  }

  .aboutJourneyRow {
    flex-direction: column;
  }

  .journeyLeftSection {
    width: 100%;
  }

  .journeyDetailsSection {
    width: 100%;
    margin-top: 20px;
  }

  .journeyArrowLeft {
    flex-direction: column-reverse !important;
  }

  .journeyArrowLeft .journeyLeftSection {
    margin-top: 20px !important;
  }

  .journeyArrowLeft .journeyDetailsSection {
    margin-top: 0 !important;
  }

  .journeyTitle {
    font-size: 20px;
  }

  .journeyTitleline {
    margin-left: 30px;
  }

  .journeyDetailsText {
    font-size: 14px;
  }

  .signupNewsletterSection {
    padding: 20px 40px 50px;
  }

  .signupNewsTitle {
    padding-top: 30px;
  }

  .signupNewsInputInfo {
    margin-bottom: 30px;
  }

  .signupNewsImage img {
    width: 100%;
    height: auto;
  }

  .addressText {
    font-size: 14px;
  }

  .contactForm {
    padding: 30px 10% 0;
  }

  .contactForm textarea {
    height: 240px;
  }

  .contentSection:not(:last-child) {
    margin-bottom: 60px;
  }

  .contentTitle {
    font-size: 22px;
  }

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

  .contentSection p:not(:last-child) {
    margin-bottom: 16px;
  }

  .contentList {
    margin: 0 0 16px 0;
  }

  .contentList li {
    font-size: 14px;
  }

  .openingHeading {
    padding: 28px 0 6px;
  }

  .openingDetails li {
    margin-bottom: 14px;
  }

  .openingPostData {
    margin-bottom: 6px;
  }

  .openingPostTitle {
    font-size: 16px;
  }

  .applyLink,
  .openingPost {
    font-size: 12px;
  }

  .contentHeading {
    font-size: 16px;
  }

  .contentListDecimal {
    margin: 0 0 30px 0;
  }

  .sendingEmailInfo {
    font-size: 14px;
    padding: 10px;
  }

  .languageText {
    margin-right: 10px;
  }

  .languageDropDown {
    margin-right: 30px;
  }


  .creatorProfileSection {
    padding: 40px 0;
  }

  .creatorProfileSectionBottom {
    padding-bottom: 40px;
  }

  .creatorBoxInfo .dashboardUserPic {
    width: 80px;
    height: 80px;
  }

  .creatorProfileName {
    font-size: 18px;
  }

  .creatorDesignationInfo {
    font-size: 14px;
    margin-top: 4px;
  }

  .creatorLocationInfo {
    margin-top: 4px;
  }

  .creatoProfileDataInfo {
    font-size: 15px;
    margin-top: 14px;
  }

  .creatorSocialInfo {
    margin-top: 14px;
  }

  .creatorSocialInfo a {
    margin-right: 12px;
  }

  .cityFutureInfo {
    padding: 60px 20px;
  }

  .cityFutureInfo::after {
    width: 140px;
    height: 138px;
    bottom: -45px;
    right: -60px;
  }

  .cityFutureInfo::before {
    width: 140px;
    height: 138px;
    top: -70px;
    left: -64px;
  }

  .cityFutureTitle {
    font-size: 100px;
  }

  .cityFutureTitle img {
    width: 350px;
  }

  .cityFutureListInfo {
    margin-top: 20px;
  }

  .cityFutureListInfo ul li {
    font-size: 14px;
  }

  .cityFutureRightBg {
    height: 340px;
    background-size: cover;
  }

  /* Partnership Styling */

  .partnershipSection {
    padding: 24px 0 20px;
  }

  .partnershipTextInfo img {
    margin-left: 26px;
    width: 60px;
  }

  /* City Session List Details Styling */
  .cityDetailsSection {
    padding: 60px 0;
  }

  .citySessionList {
    height: 250px;
    margin-bottom: 20px;
  }

  .cityListTitle {
    font-size: 30px;
  }

  .cityListDate {
    font-size: 14px;
    padding-top: 14px;
  }

  .cityListRegister {
    font-size: 16px;
    padding-top: 14px;
  }

  .btnRegisterNow {
    height: 32px;
    font-size: 14px;
    margin-top: 14px;
    padding: 0 16px;
  }

  /* City Session Item Styling */
  .cityItemSection {
    padding: 0 0 20px;
  }

  .cityItemRow {
    margin-bottom: 40px;
  }

  .cityItemTitle {
    font-size: 36px;
    text-align: left;
}

  .cityItemImageInfo {
    height: 290px;
  }

  .cityItemText {
    font-size: 14px;
    text-align: left;
  }

  .cityItemFirstImg {
    margin-top: 40px;
  }

  .cityItemFirstImg .cityItemImageInfo {
    margin-bottom: 20px;
  }

  /* City Edition Styling */

  .cityEditionDataSection {
    padding: 80px 15px;
  }

  .cityEditionImageSection {
    padding: 0;
  }

  .cityEditionImageSection img {
    width: 100%;
    position: relative;
  }

  .cityEditionTitle {
    font-size: 44px;
  }

  .cityEditionDate {
    font-size: 14px;
  }

  .cityEditionText {
    font-size: 14px;
  }

  .poll-wrap {
    margin: 0% 5%;
  }

  .poll-wrap ul {
    padding-left: 0rem;
  }

  .wp-polls-ul {
    margin: 0px 0px 0px 0px !important;
  }



  

  /* Mentor Schedule Session Styling */

  .mentorsScheduleSection {
    padding: 60px 0;
  }

  .mentorsScheduleItemDetails {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .mentorsScheduleItem {
    width: 100%;
    padding: 0 0 40px;
  }

  .mentorsItemIcon {
    width: 170px;
    height: 170px;
  }

  .mentorsItemName {
    font-size: 16px;
  }

  .mentorsItemDetails {
    font-size: 14px;
  }

  .mentorsButtonRow {
    margin-top: 40px;
  }

  .btnScheduleHere {
    height: 36px;
    font-size: 16px;
    padding: 0 20px;
  }

  /* City Teams Session Styling */

  .cityTeamsSection {
    padding: 60px 0 40px;
  }

  .cityTeamsDetails {
    margin-top: 40px;
  }

  .cityTeamsImage {
    height: 180px;
  }

  .cityTeamsData {
    padding: 14px 20px 20px;
  }

  .cityTeamsTitle {
    font-size: 20px;
  }

  .cityTeamsName {
    font-size: 14px;
  }

  .cityTeamsText {
    font-size: 14px;
  }

  /* City Video Section Styling  */

  .cityVideoSection {
    padding: 60px 0;
  }

  .cityVideoData {
    width: 100%;
    height: 350px;
  }

  /* City Gallery Section Styling  */

  .cityGallerySection {
    padding: 60px 0 0;
  }

  .cityGalleryBox {
    margin-top: 40px;
  }

  /* City See Solution Section Styling  */

  .citySeeSolutionSection {
    background: url(../img/city-solution-left-img.png) no-repeat left -30px, url(../img/city-solution-right-img.png) no-repeat right -30px;
    background-size: contain;
    position: relative;
    padding: 0;
    margin: 60px 0;
  }

  .citySeeSolutionTitle {
    font-size: 24px;
  }

  .citySeeSolutionText {
    font-size: 15px;
  }

  .btnCitySeeDownload {
    height: 36px;
    padding: 0 20px;
    font-size: 16px;
  }

  .cityEditionYellowSection {
    /* background:  var(--selectiveYellowColor) url(../img/city-future-chennai-bg.png) no-repeat top right;
  background-size: contain;
  padding: 110px 0; */
  }

  .mentorsScheduleYellowSection {
    padding: 80px 0;
  }

  .cityEditionGreenSection {
    /* background:  var(--jadeColor) url(../img/city-future-mumbai-bg.png) no-repeat top right;
  background-size: contain;
  padding: 110px 0; */
  }





.lmbCopSection {
  margin-bottom: 60px;
}
.lmbCopDetails {
  padding: 130px 6%;
}
.lmbCopHeading {
  font-size: 26px;
}
.lmbCopSubText {
  font-size: 14px;
}
.lmbCopRightBg {
  height: 340px;
}
.fullBannerSection {
  margin-bottom: 60px;
}
.fullBannerInfo {
  height: 260px;
}


}