@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');




@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo-Medium.eot');
  src: url('../fonts/Heebo-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Heebo-Medium.woff2') format('woff2'),
      url('../fonts/Heebo-Medium.woff') format('woff'),
      url('../fonts/Heebo-Medium.ttf') format('truetype'),
      url('../fonts/Heebo-Medium.svg#Heebo-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo-Thin.eot');
  src: url('../fonts/Heebo-Thin.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Heebo-Thin.woff2') format('woff2'),
      url('../fonts/Heebo-Thin.woff') format('woff'),
      url('../fonts/Heebo-Thin.ttf') format('truetype'),
      url('../fonts/Heebo-Thin.svg#Heebo-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo-Bold.eot');
  src: url('../fonts/Heebo-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Heebo-Bold.woff2') format('woff2'),
      url('../fonts/Heebo-Bold.woff') format('woff'),
      url('../fonts/Heebo-Bold.ttf') format('truetype'),
      url('../fonts/Heebo-Bold.svg#Heebo-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo-Regular.eot');
  src: url('../fonts/Heebo-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Heebo-Regular.woff2') format('woff2'),
      url('../fonts/Heebo-Regular.woff') format('woff'),
      url('../fonts/Heebo-Regular.ttf') format('truetype'),
      url('../fonts/Heebo-Regular.svg#Heebo-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo-ExtraBold.eot');
  src: url('../fonts/Heebo-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Heebo-ExtraBold.woff2') format('woff2'),
      url('../fonts/Heebo-ExtraBold.woff') format('woff'),
      url('../fonts/Heebo-ExtraBold.ttf') format('truetype'),
      url('../fonts/Heebo-ExtraBold.svg#Heebo-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo-Light.eot');
  src: url('../fonts/Heebo-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Heebo-Light.woff2') format('woff2'),
      url('../fonts/Heebo-Light.woff') format('woff'),
      url('../fonts/Heebo-Light.ttf') format('truetype'),
      url('../fonts/Heebo-Light.svg#Heebo-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo-Black.eot');
  src: url('../fonts/Heebo-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Heebo-Black.woff2') format('woff2'),
      url('../fonts/Heebo-Black.woff') format('woff'),
      url('../fonts/Heebo-Black.ttf') format('truetype'),
      url('../fonts/Heebo-Black.svg#Heebo-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}





html {
  scroll-behavior: smooth;
}


:root {
  --primary:#21467B;
  --secondary: #06FECA;
  --black: #000;
  --text-color: #282828;
  --white: #fff;
  --text-accent: #6d6e71;
}

* {
  margin: 0;
  padding: 0;
}


body {
  position: relative;
  font-weight: 400;
  overflow-x: hidden;
  font-family: 'Heebo';
}

a, button {
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover, button:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

ul {
  list-style: none;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

p {
  margin: 0;
  font-size: 1.025rem;
  line-height: 1.83em;
  color: var(--text-color);
}

h1, h2, h3 {
  color: var(--white);
  text-transform: uppercase;
}

::placeholder {
  text-transform: capitalize;
  color: #d6d5d5;
  font-size: 1rem;
}


figure {
  margin: 0;
  position: relative;
}

.themeBtn:hover {
  background: linear-gradient(276deg, #01F5CB 10%, #1078B1 90%);
  color: var(--white);
}

section {
  position: relative;
  padding: 3rem 0 0;
}

.sectionHeading {
  font-size: 3rem;
  font-weight: 900;
  color: var(--black);
  text-transform: capitalize;
}


/* header */

.logo {
  text-decoration: none;
  color: #FF6704 !important;
  font-size: 20px;
  font-weight: 600;
}
.navigation{
  padding-block: 10px;
}
.navigation .navbar-nav .nav-link {
  color: black;
  font-size: 15px;
  font-family: 'Roboto';
  padding: 0;
  position: relative;
}
.navigation .navbar-nav .nav-link:hover {
  color: black;
}

.navigation .navbar-nav .nav-item {
  padding: 0 15px;
}

.navigation .navbar-nav .nav-link:after {
  content: '';
  height: 2px;
  width: 0;
  position: absolute;
  bottom: -3px;
  background: #ff8b00;
  left: 0;
  transition: .3s all ease-in-out;
  right: 0;
}
.navigation .navbar-nav .nav-item.active .nav-link:after {
  width: 100%;
}
.navigation .navbar-nav .nav-link:hover:after {
  width: 100%;
}
/* header */


/* banner */
.mainBanner {
  background: url(../images/banBg.webp);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
  padding: 100px 0;
  text-align: center;
  font-style: italic;
  position: relative;
}
.banCont h2 {
  text-align: center;
  font-size: 3rem;
  text-transform: none;
  margin: 0;
}
.mainBanner:before {
  content: '';
  height: 100%;
  width: 100%;
  background: black;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.35;
}
.banCont ul li {
  color: white;
  font-size: 1.25rem;
}
.banCont h2 {
  font-style: normal;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 2rem;
  position: relative;
  padding-bottom: 1rem;
}
.marginZero {
  margin: 0 !important;
}
.banCont p {
  margin: 30px 0;
  font-size: 1.125rem;
}

.banCont p:first-child {
  margin: 0 !important;
}
.banCont p {
  color: white;
  font-size: 1.125rem;
  font-style: italic;
  text-align: center;
}
.banCont h2:after {
  content: '';
  height: 3px;
  width: 45px;
  background: white;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.mapSect {
  padding: 0;
}
.mapCont iframe {
  filter: grayscale(1);
}
.banCont p i {
  color: #00b050;
}
.getCont {
  background: #f4f4f4;
  padding: 3rem;
}

.getCont h3 {
  color: #414345;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 1rem;
}

.getCont h4 {
  color: #7e7e7e;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}

.getCont p {
  color: #7e7e7e;
  font-size: 1rem;
  font-family: 'Heebo';
  margin-top: 1rem;
}

.getCont ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 2rem;
}

.getCont ul li a {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #313131;
  border-radius: 50%;
  color: #313131;
}

.get-sect {
  padding: 3rem 0;
}
/* banner */


/* footer */
footer {
  background: #242424;
  padding: 5rem 0;
}

.footLogo img {
  width: 50%;
}
.footCont p {
  color: white;
  font-size: 1rem;
}

.footCont ul.listIcon {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}

.footCont ul.listIcon li a {
  color: white;
  font-size: 1.35rem;
}
.footLogo ul {
  margin: 2rem 0 0;
}

.footLogo ul li a {
  color: white;
  font-size: 1rem;
}

.footLogo ul li {
  padding: 5px 0;
}
/* footer end */


/* mobile menu rmp */
.menuToggle {
  display: block;
  position: relative;
  top: 32px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
.menuToggle a {
  text-decoration: none;
  color: #272a2f;
  transition: all 0.3s ease;
  font-size: 16px;
  font-family: 'Poppins';
  line-height: 1;
}
.menuToggle a:hover {
  color: tomato;
}
.menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: 0;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}
.menuToggle span {
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  margin-bottom: 5px;
  position: relative;
  background: black;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
.menuToggle span:first-child {
  transform-origin: 0% 0%;
}
.menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

.menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}
.menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
.menuToggle input:checked ~ .menuItem {
  transform: none;
}

.menuItem {
  position: fixed;
  width: 75%;
  padding: 30px;
  padding-top: 125px;
  background: white;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  height: 100%;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menuItem li {
  padding: 0px 0;
  font-size: 22px;
}

.menu--left {
  position: relative;
  width: 50%;
}
.menu--left .menuToggle {
  top: 5px;
  left: 0;
}
.menu--left .menuToggle input {
  left: 15px;
}
.menu--left .menuToggle span {
  left: 15px;
}
.menu--left .menuItem {
  left: 50px;
  margin: 0 0 0 -50px;
  transform: translate(-100%, 0);
}
.headerMobile {
  display: none;
}
.mobileList .btn {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff8b00;
  border-radius: 50px;
  margin-top: 1rem;
  color: white;
  font-size: 1.125rem;
  font-weight: 700;
  font-family: 'Poppins';
}
.mobIcon {
  display: flex;
  align-items: center;
  gap: 24px;
}

.mobIcon li a {
  color: #272a2f;
  font-size: 22px;
}
/* mobile menu rmp end */




/* article section */
.artCont h2 {
  color: black;
  font-size: 10rem;
  line-height: 1;
}
.artCont p {
  font-size: 1rem;
  margin: 30px 0;
}
.artCont h3 {
  color: black;
  font-size: 1.5rem;
  text-transform: none;
  margin: 10px 0 20px;
}
.article-sect {
  padding: 5rem 0;
}
.artCont img {
  height: 850px;
  margin-bottom: 2rem;
  object-fit: cover;
  object-position: top;
}
/* article section end */


/* forbes footer */
.forbesFooter .container {
  max-width: 1600px;
}

.forbLogo svg {
  width: 100%;
}

footer.forbesFooter {
  background: #f0f0f0;
  color: #181716;
  padding: 2.5rem 0 1rem;
}
.forbLogo {
  display: flex;
  align-items: center;
  gap: 40px;
  border-bottom: 2px solid;
  padding: 0 0 2rem;
  margin-bottom: 2rem;
}
.forbLogo a {
  flex: 0 0 10%;
}

.forbLogo ul {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 30px;
}
.copyText p {
  color: #181716;
  font-size: 11px;
}

.copyText ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}

.copyText ul li a {
  color: #181716;
  font-size: 11px;
  padding: 0 10px;
  position: relative;
}

.copyText ul li + li a:after {
  content: '';
  height: 10px;
  width: 1px;
  background: #181716;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.forbLogo ul li a {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Poppins';
  color: #181716;
}
.headerMobile.headerForbes {
  display: block;
  background: #181716;
  padding: 1rem 0;
}
/* forbes footer */


/* forbes Header */
.mobileLogoFrobes svg {
  color: white;
  filter: brightness(0) invert(1);
  width: 60%;
}
.headerMobile.headerForbes .menuItem {
  background: #171717;
  position: fixed;
  width: 15%;
  overflow-y: scroll;
  padding: 5rem 0 2rem;
  overflow-x: hidden;
}
.headerMobile.headerForbes .menuToggle {
  top: 10px;
  flex: 0 0 16%;
}
.mobileLogoFrobes figure {
  text-align: center;
}
.headerMobile.headerForbes .menuToggle span {
  background: white;
}
.forbBtn {
  text-align: end;
}
.ForbesMenu li a {
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  font-size: 18px;
}
.headerMobile.headerForbes .menuItem::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
  display: none;
}
.headerMobile.headerForbes .menuItem:before {
  content: '';
  height: 70px;
  width: 15%;
  position: fixed;
  background: #171717;
  top: 0;
  left: 0;
}
.headerMobile.headerForbes .menuItem::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
  display: none;
}
.ForbesMenu li a:hover {
  background: #ffffff14;
  color: white;
}
.headerMobile.headerForbes .menuItem::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
  display: none;
}
.forbesmenuSmall li a {
  font-size: 10px;
  display: flex;
  align-items: center;
  padding: 12px 14px;
  color: #fcfcfc;
}
.forbesmenuSmall li a:hover {
  color: #fcfcfc;
}
.forbesDrop.menuItem {
  left: 34.5%;
  display: none;
  transition: .3s all ease-in-out;
  position: fixed;
}
.forbesDrop.menuItem li a {
  color: #fcfcfc;
  font-size: 14px;
  padding: 15px 12px;
  display: flex;
  align-items: center;
}
.headerMobile.headerForbes .menu--left {
  display: flex;
  align-items: center;
}

.subsBtb {
  padding: 10px 20px;
  position: relative;
  top: 6px;
}
.forbBtn .headBtn {
  height: 45px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 8px;
  border: none;
}

.forbBtn {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

.forbBtn .headBtn:first-child {
  background: #dc0000;
  color: white;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 8px;
}

.forbBtn .headBtn:focus {
  outline: none;
  box-shadow: none;
  border: none;
}
.subsBtb a {
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
}
.forbBtn .headBtn:nth-child(2) {
  background: transparent;
  color: white;
}

.forbBtn .headBtn:last-child {
  background: transparent;
  height: unset;
  width: unset;
  color: white;
  display: unset;
}
.ForbesMenu li:hover .forbesDrop.menuItem {
  display: block;
  width: 17%;
}
.headerMobile.headerForbes.headerMobileTwo {
  display: none;
}
/* forbes Header end */


/* search */
.forbBtn .input{
  border: 0;
  background: transparent;
  width: 0%;
  outline: none;
  font-family: sans-serif;
  font-size: 18px;
  color: #fff;
  font-style: italic;
  transition: all 0.3s ease;
  position: relative;
}

.forbBtn .wrap .fa{
  color: #fff;
  position: absolute;
  right: 27px;
  top: 11px;
  font-size: 22px;
  cursor: pointer;
}

.forbBtn .wrap.active{
  width: 250px;
  padding-left: 25px;
  transition: all 0.5s ease;
  border: 1px solid white;
  padding: 6px;
  border-radius: 5px;
}
.forbBtn .wrap {
  width: 3%;
}
.forbBtn .input.active{
  width: 98%;
  padding-left: 5px;
  transition: all 0.5s 0.8s ease;
}

.forbBtn input::placeholder {
  color: #fff;
}
/* search end */

.mobileLogoFrobes a{
  color: white;
  text-decoration: none;
  font-size: 28px;
  font-weight: 600;
}