/*!
Theme Name: mountain-solar
Theme URI: https://msolarh.com/
Author: Genesis Web Technology
Author URI: https://www.genesiswtech.com/
Description: Incorporated in the year B.S. 2081, Mountain Solar Holdings Pvt. Ltd. has successfully received the largest number of Letter of Intent (LoI) from the Nepal Electricity Authority to develop 230 MW of grid-connected solar power plants across 17 locations in Western Nepal.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mountain-solar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

mountain-solar is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
:root {
  --primary: #0094bf;
  --secondary: #34c2e0;
  --light: #c2d5ff;
  --dark: #1d1d1d;
  --primary-font: "Mulish", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

a,
a:hover,
a:active {
  text-decoration: none;
}

body {
  font-family: var(--primary-font);
}

h1,
h2,
h3,
h5,
h4,
h6 {
  font-family: var(--primary-font);
  font-weight: 500;
}

.site-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.site-branding .custom-logo {
  width: 215px;
  padding: 25px 0;
  filter: brightness(0) invert(1);
}

.main-navigation > div > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.main-navigation > div > ul > li:not(:last-child) {
  margin-right: 25px;
}

.main-navigation > div > ul > li > a {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}

.main-navigation > div > ul > li > a:hover {
  color: var(--dark);
}

.main-navigation > div > ul > li {
  position: relative;
}

.main-navigation > div > ul > li > ul {
  position: absolute;
  top: 250%;
  left: 0;
  width: 200px;
  background-color: #fff;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-radius: 8px;
  opacity: 0;
  transition: 0.3s linear;
  visibility: hidden;
}

.main-navigation > div > ul > li > ul > li {
  padding: 5px 15px;
  border-bottom: 1px solid #11111109;
}

.main-navigation > div > ul > li > ul > li:last-child {
  border-bottom: none;
}

.main-navigation > div > ul > li > ul > li > a {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: var(--dark);

  &:hover {
    color: var(--primary);
  }
}

.main-navigation > div > ul > li i {
  font-size: 14px;
  color: #fff;
}

.main-navigation > div > ul > li:hover i,
.main-navigation > div > ul > li:hover a {
  color: var(--dark);
}

.main-navigation > div > ul > li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
  transition: 0.3s linear;
}

.banner-img figure {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.btn {
  display: inline-block;
  padding: 12px 17px;
  background: var(--primary);
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}

.btn:hover {
  background: var(--secondary);
  color: #111;
}

.btn-white {
  background: #fff;
  color: var(--primary);
}

.header-right {
  display: flex;
  align-items: center;
  gap: 25px;
}

.banner__section {
  position: relative;
  height: 100dvh;
  background: #cbedf4;
}

.banner__section::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 25%;
  background: linear-gradient(180deg, #000000b4 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 11;
}

.banner__section::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0, #0094bf 0%, rgba(0, 148, 191, 0) 100%);

  z-index: 11;
}

.banner-img {
  height: 100dvh;
}

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

.banner__text {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
  z-index: 12;
}

.banner__text > div {
  width: 100%;
}

.banner-title {
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-bottom: 30px;
}

.section {
  padding-top: 80px;
}

.about__section .heading-wrap p {
  margin-top: 50px;
}

.about--content p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #4b4b4b;
}

.project__container {
  position: relative;
  padding: 50px;
  padding-bottom: 60px;
  background: radial-gradient(
      50% 50% at 28.36% 41.85%,
      #ffffff 0%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    rgba(50, 194, 221, 0.3);
  border-radius: 25px;
}

polygon {
  fill: var(--secondary);
  stroke: var(--secondary);
}

/* Nepal Map CSS */

.nepalmaptext {
  font-weight: 700;
  font-size: 10px;
  line-height: 18px;
  fill: #ffffff;
}

.project__section {
  margin-top: 80px;
}

.project__section .project__container > svg {
  margin-top: -140px;
}

.project__container--text {
  max-width: 1187px;
  width: 100%;
  margin: auto;
  margin-top: -100px;
}

.project__facts {
  display: inline-block;
  margin-top: 14px;
  padding-top: 34px;
  border-top: 1px solid #fff;
}

.project__facts > div {
  display: inline-block;
}

.project__facts > div:not(:last-child) {
  margin-right: 50px;
  padding-right: 50px;
  border-right: 1px solid #fff;
}
.project__facts span {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  display: block;
  color: #4b4b4b;
}

.project__facts p {
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;

  letter-spacing: -0.05em;
  margin: 0;
  margin-top: 12px;
  background: linear-gradient(90deg, #0094bf 0%, #32c2dd 64.47%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.project__facts p small {
  font-weight: 800;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.05em;
  color: #0094bf;
  margin-left: -8px;
}

.services__card > a {
  display: block;
  width: 100%;
  height: 100%;
}

.services__card > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16 /9;
  border-radius: 10px;
}

.services__card h3 {
  margin: 0;
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #0094bf;
  margin-top: 20px;
}

.services__card h3 a {
  color: var(--primary);
}

.services__card p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #4b4b4b;
  width: 75%;
  margin-top: 6px;
}

.services__slider .owl-nav {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
}

.services__slider .owl-nav .arrow-next,
.services__slider .owl-nav .arrow-prev {
  width: 48px;
  height: 48px;
  line-height: 48px;
  background: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
  border: 1px solid var(--primary);
}

.services__slider .owl-nav button.owl-prev,
.services__slider .owl-nav button.owl-next {
  position: absolute;
}

.services__slider .owl-nav button.owl-prev {
  left: -75px;
}

.services__slider .owl-nav button.owl-next {
  left: auto;
  right: -75px;
}

.services__slider .owl-nav .arrow-next i,
.services__slider .owl-nav .arrow-prev i {
  color: var(--primary);
}

.services__slider .owl-nav .arrow-next:hover,
.services__slider .owl-nav .arrow-prev:hover {
  background: var(--primary);
  color: #fff;
}

.services__slider .owl-nav .arrow-next:hover i,
.services__slider .owl-nav .arrow-prev:hover i {
  color: #fff;
}

.site-footer {
  background: var(--primary);
  padding: 50px 0;
  margin-top: 50px;
  padding-bottom: 0;
  position: relative;
}

.site-footer::before {
  content: "";
  background: url("./assets/img/mountain-solar-favicon.png");
  max-width: 330px;
  width: 100%;
  position: absolute;
  right: 150px;
  bottom: 0;
  height: 100%;
  opacity: 0.1;
}

.site-footer > div {
  position: relative;
}

.footer-logo {
  margin-right: 30px;
}

.footer-contact,
.projects__links,
.footer__links {
  margin-top: 30px;
}

.footer-contact span,
.projects__links span,
.footer__links span {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  display: block;
  letter-spacing: -0.02em;
  color: #ffffff;
  border-image: linear-gradient(to right, #fff 0%, transparent 100%) 1;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.footer-contact p {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
  color: #ffffff;
  margin-bottom: 12px;
}

.footer-contact p a {
  color: #fff;
}

.projects__links ul {
  margin: 0;
  padding: 0;
  column-count: 3;
  padding-left: 14px;
  color: #fff;
}

.footer__links {
  text-align: right;
}

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

.projects__links ul li,
.footer__links ul li {
  margin-bottom: 5px;
}

.projects__links ul li a,
.footer__links ul li a {
  color: #fff;

  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
}

.projects__links ul li a:hover,
.footer__links ul li a:hover {
  text-decoration: underline;
}

.copyright-info {
  padding: 10px 0;
  background: #00000020;
  margin-top: 50px;
}

.copyright-info p {
  margin: 0;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
}

.copyright-info p a {
  color: #fff;
}

@keyframes flicker {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 0.4;
  }
  30% {
    opacity: 0.8;
  }
  45% {
    opacity: 0.2;
  }
  60% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}

.burger__menu {
  color: #fff;
  font-size: 24px;
}

.flicker {
  animation: flicker 5s infinite;
  transition: opacity 5s ease-out;
  cursor: pointer;
}

.solar-container {
  border-radius: 15px;
  display: inline-block;
  box-shadow: 0 0 2px #000;
  min-width: 250px;
}

.solar-container h3 {
  margin: 0;
  background: #fff;
  border-radius: 15px 15px 0 0;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: ;
  border-bottom: 1px solid #eee;
}

.solar-item {
  background: #fff;
}

.solar-items {
  background: #fff;
  padding: 20px;
}

.solar-items:first-child {
  border-radius: 0;
}

.solar-items:last-child {
  border-radius: 0 0 15px 15px;
}

.solar-items span {
  display: block;

  font-weight: 700;
  font-size: 14px;
  line-height: 13px;

  letter-spacing: -0.02em;

  color: #4b4b4b;
}

.solar-items span:first-child {
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;

  letter-spacing: -0.02em;
  text-decoration-line: underline;
  color: var(--primary);
}

.solar-items span:nth-child(2) {
  font-weight: 800;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.05em;
  color: #32c2dd;
  margin-top: 4px;
  margin-bottom: 8px;
}

.solar-items:nth-child(even) {
  background: #ebf9fc;
  border-width: 1px 0px;
  border-style: solid;
  border-color: rgba(50, 194, 221, 0.25);
}

.offcanvas {
  display: none;
}

.site-header.uk-sticky-fixed {
  background: var(--primary);
}

.header-default.site-header {
  background: var(--primary);
  position: static;
}

.site-header.uk-sticky-fixed .custom-logo,
.header-default.site-header .custom-logo {
  width: 150px;
  padding: 15px 0;
}

.solar-main-container {
  position: absolute;
  left: 0;
  top: 0;
}

.solar-main-container .solar-container {
  display: none;
}

.project__container svg g {
  cursor: pointer;
  pointer-events: visiblePainted; /* or just 'auto' */
}

.solar-close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: red;
  font-size: 18px;
}

.content__area,
.content__area p {
  font-size: 17px;
  line-height: 32px;
  color: #000000;
}

.content__area p {
  margin-bottom: 15px;
}

.content__area a {
  color: var(--primary);
  text-decoration: underline;
}

.content__area h1,
.content__area h2,
.content__area h3,
.content__area h4,
.content__area h5,
.content__area h6 {
  font-family: var(--banner-font);
  font-weight: 600;
  color: #000000;
  margin-bottom: 15px;
}

.content__area h2 {
  font-size: 35px;
}

.content__area h3 {
  font-size: 26px;
  line-height: 32px;
}

.content__area h4 {
  font-size: 21px;
  line-height: 24px;
}

.content__area ul,
.content__area ol {
  padding-left: 15px;
}

.content__area ul li,
.content__area ol li {
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #333;
}

.content__area figure {
  margin-bottom: 15px;
  text-align: center;
}

.content__area figure img {
  width: auto;
  margin: auto;
}

.heading-wrap {
  margin-bottom: 30px;
}

.heading-wrap h1,
.heading-wrap h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
  margin-bottom: 8px;
}

.heading-wrap h1 span {
  color: var(--primary);
}

.heading-wrap p {
  font-weight: 700;
  margin: 0;
  line-height: 24px;
  letter-spacing: 0.01em;
  background: linear-gradient(90deg, #0094bf 0%, #004559 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.default__banner {
  padding: 50px 0;
  background: radial-gradient(
      50% 50% at 28.36% 41.85%,
      #ffffff 0%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    rgba(50, 194, 221, 0.3);
  text-align: center;
}

.default__banner h1 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: -0.03em;
  color: var(--dark);
  margin: 0;
}

.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

.breadcrumb > li > a {
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 500;
}
.breadcrumb li:not(:last-child):after {
  content: "";
  display: inline-block;
  margin: 0 12px;
  width: 4px;
  height: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNCA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMTM3MzI0IDYuODYyOTFDMC4zMTk3OTggNy4wNDU3IDAuNjEzOTkxIDcuMDQ1NyAwLjc5NjQ2NSA2Ljg2MjkxTDMuODkxMDcgMy43NjI5OUM0LjAzNjMxIDMuNjE3NTEgNC4wMzYzMSAzLjM4MjQ5IDMuODkxMDcgMy4yMzcwMUwwLjc5NjQ2NSAwLjEzNzA5QzAuNjEzOTkxIC0wLjA0NTY5NjYgMC4zMTk3OTkgLTAuMDQ1Njk2NiAwLjEzNzMyNCAwLjEzNzA5Qy0wLjA0NTE0OTMgMC4zMTk4NzcgLTAuMDQ1MTQ5MyAwLjYxNDU3NSAwLjEzNzMyNCAwLjc5NzM2MkwyLjgzMzQ3IDMuNTAxODdMMC4xMzM2MDEgNi4yMDYzN0MtMC4wNDUxNDkzIDYuMzg1NDIgLTAuMDQ1MTQ5OCA2LjY4Mzg1IDAuMTM3MzI0IDYuODYyOTFaIiBmaWxsPSIjOTA5MDkxIi8+Cjwvc3ZnPgo=");
}

.team__card {
  text-align: center;
  padding: 40px 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 2px #00000046;
}

.team__card:hover {
  box-shadow: 0 0 4px #00000046;
}

.team__card h3 {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  color: var(--primary);
}

.team__card span {
  font-size: 15px;
  color: var(--dark);
  font-weight: 500;
}

.contact__wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.contact__wrapper {
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #0000001a;
  padding-bottom: 1.25rem;
}

.contact__icon {
  display: flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #34c3e04b;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  -ms-border-radius: 9999px;
  -o-border-radius: 9999px;
}

.contact__icon svg {
  height: 32px;
}

.contact__details {
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  color: #000;
  margin-left: 10px;
}

.contact__details a {
  display: block;
  color: var(--primary);
}

/* .contact__social h2 {
  font-weight: 500;
  color: var(--primary);
  margin-bottom: 12px;
} */

.contact__social a {
  color: #111;
  margin-right: 15px;
  font-size: 20px;
}

.contact-iframe iframe {
  width: 100%;
}

.contact__form p {
  margin-top: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #1d3141;
}

.contact__form form {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 15px;
}

.contact__form form p {
  margin: 0;
  grid-column: span 6;
}

.contact__form form p label {
  font-size: 14px;
}
.post-thumbnail {
  margin-bottom: 30px;
}

.post-thumbnail img {
  width: 100%;
}

.contact__form form p input,
.contact__form form p textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid rgba(30, 50, 66, 0.3);
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #1d3141;
  height: 43px;
  padding: 0 15px;
  font-family: var(--primary-font);
  margin-top: 8px;
}

.contact__form form p:nth-last-child(2),
.contact__form form p:nth-last-child(3),
.contact__form form p:nth-last-child(4) {
  grid-column: span 12;
}

.contact__form form p textarea {
  height: 150px;
  padding: 5px 15px;
}

.contact__form form p input[type="submit"] {
  border: none;
  font-family: "Mulish", sans-serif;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;

  background: linear-gradient(90deg, #36b9fa 0%, #0da1ec 100%);
}

.contact__form form p input[type="submit"]:hover {
  background: #0d4f7c;
}

.about__page__content p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;

  color: #000000;
  opacity: 0.7;
}

.about__page__content h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: -0.03em;
  color: #34c2e0;
}

.about__history__section {
  margin-top: 30px;
}
.about__history__col {
  height: 100%;
  padding: 30px;
  background: rgba(52, 194, 224, 0.05);
  border: 1px solid rgba(52, 194, 224, 0.2);
}

.about__history__col h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.03em;
  color: #0094bf;
  margin-bottom: 30px;
}

.about__history__col p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;

  color: #000000;
  opacity: 0.7;
}

.history__accordion .uk-accordion-title {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #0094bf;
}

.history__accordion .uk-accordion-content ul li,
.history__accordion .uk-accordion-content p {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  opacity: 0.7;
  margin-bottom: 12px;
  list-style: disc;
}

.about__current__status {
  margin-top: 30px;
}

.about__current__status h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.03em;
  color: #0094bf;
}

.about__current__status ul li,
.about__current__status p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  opacity: 0.7;
  margin-bottom: 8px;
}

.status__col {
  margin-top: 30px;
}

.status__col .uk-accordion-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;

  letter-spacing: -0.03em;

  color: #0094bf;
}

.uk-accordion-title::before {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  color: #0094bf;
  font-weight: 900;
  font-size: 14px;
  text-align: center;
  background: none;
  transition: 0.3s linear;
}

.uk-open > .uk-accordion-title::before {
  background: none;
  transition: 0.3s linear;
  transform: rotate(180deg);
}

.history__accordion .uk-accordion-content ul {
  padding-left: 13px;
}

.flash__news {
  background: radial-gradient(
      50% 50% at 28.36% 41.85%,
      #ffffff 0%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    rgba(50, 194, 221, 0.3);
  padding: 15px 0;
  overflow: hidden;
}

.flash__news ul {
  display: flex;
  flex-wrap: nowrap;
  animation: scroll 30s linear infinite;
  margin: 0;
  padding: 0;
}

.flash__news ul:hover {
  animation-play-state: paused;
}

.flash__news ul li {
  color: #1d1d1d;
  font-size: 14px;
  margin-right: 50px;
}

.flash__news ul a {
  color: #1d1d1d;
  text-decoration: none;
  font-weight: bold;
  text-wrap: nowrap;
  transition: color 0.3s ease;
}

.flash__news ul a:hover {
  color: #ff9900;
}

/* Animation for scrolling */
@keyframes scroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.project__container--text .btn {
  margin-top: 12px;
}