/* Solving image show problem when logged in to wp*/

.sidebar_news-item {
    background: #84cc16;
}


/* Footer */

.footer .ratings {
  padding-top: 40px;
  padding-bottom: 5px;
	text-align: left;
}

.socials {
  padding-top: 10px;
}

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

.title.title-centered {
  padding-bottom: 35px;
  padding-top: 35px;
}

.media-holder .media a {
  border-radius: 0px;
}

#container .ann {
  background-image: none;
  padding-bottom: 0;
}

#container .header {
  height: 136px;
  padding-top: 30px;
  padding-bottom: 30px;
}

#container .news {
  padding-top: 0;
}

/* ===== DEFAULT STYLES (ALL BUTTONS) ===== */

.interactive-services .btn,
.advertisement .btn,
.news .btn {
  /* Gradient Background */
  background-image: linear-gradient(to right, #E093B2 0%, #1d4ed8 51%, #E093B2 100%) !important;
  background-size: 200% auto !important;
  background-position: left center !important;
  /* Text & Layout */
  color: #fff !important;
  margin: 10px auto;
  padding: 0px 75px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  /* Visual Styling */
  border: none !important;
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(238, 238, 238, 0.7) !important;
  cursor: pointer;
  /* Font */
  font-weight: 600;
  font-size: 12px;
  font-family: inherit;
  /* Transition */
  transition: all 0.5s ease !important;
  display: inline-block;
}

/* ===== HOVER STATE (ALL BUTTONS) ===== */

.interactive-services .btn:hover,
.advertisement .btn:hover,
.news .btn:hover {
  background-position: right center !important;
  color: #fff !important;
}

/* ===== ACTIVE/FOCUS STATES (ALL BUTTONS) ===== */

.interactive-services .btn:active,
.interactive-services .btn:focus,
.advertisement .btn:active,
.advertisement .btn:focus,
.news .btn:active,
.news .btn:focus {
  outline: none !important;
  background-position: right center !important;
}


/* Block LR arrows icons color */
.news-carousel-nav .slick-arrow,
.advertisement-carousel-nav .slick-arrow,
.useful-links-carousel-nav .slick-arrow,
.ann-carousel-nav .slick-arrow {
  background: #9ca3af;
}
.news-carousel-nav .slick-arrow.slick-disabled,
.advertisement-carousel-nav .slick-arrow.slick-disabled,
.useful-links-carousel-nav .slick-arrow.slick-disabled,
.ann-carousel-nav .slick-arrow.slick-disabled {
  background: #d1d5db;
}

/* Menu BG */
.desktop_device .navigation.is_sticky {
  background-color: #06457F;
}
.navigation {
  background-color: #06457F;
}
.navigation .navigation-links {
    font-weight: 600;
}
/* Footer BG*/
.footer {
  background-color: #082f49;
}

/* Block title */
h2, .h2, h2 a {
    font-size: 1.875rem;
    font-weight: 500;
}


/* Modern Gradient Card with Smooth Interactions */
/* Modern Gradient Card with Smooth Interactions */

.media-holder {
  /* Structure */
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 30px;
  border-radius: 4px;
  overflow: hidden;
  /* Gradient (Deep Blue → Purple) */
  /*background: #0f2027;
  background-image: linear-gradient(to top, #b224ef 0%, #7579ff 100%);
	*/
  background: #1488CC;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #2B32B2, #1488CC);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #2B32B2, #1488CC);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-size: 200% 200%;
  background-position: 0% 0%;
  /* Content Styling */
  color: white;
  box-shadow: 0 4px 20px rgba(15, 32, 39, 0.3);
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Icon Style */
.media-holder .icon {
  font-size: 2rem;
  color: white;
  margin-bottom: 15px;
  transition: all 0.4s ease;
}

/* Text Content */
.media-holder h3 {
  font-size: 1.25rem;
  margin-bottom: 12px;
  font-weight: 600;
}

.media-holder p {
  font-size: 0.9rem;
  line-height: 1.6;
  opacity: 0.9;
}

/* ---- Interactive States ---- */
.media-holder:hover {
  /* Gradient Flow */
  background-position: 100% 100%;
  box-shadow: 0 8px 30px rgba(115, 75, 109, 0.5);
  transform: translateY(-5px);
}

.media-holder:hover .icon {
  transform: scale(1.1);
}

/* Active State */
.media-holder:active {
  background-position: 80% 80%;
  transform: translateY(-2px);
}

/* Focus State */
.media-holder:focus {
  outline: none;
  background-position: 90% 90%;
}

/* Smooth Reset */
.media-holder:not(:hover):not(:active):not(:focus) {
  background-position: 0% 0%;
  transform: none;
  box-shadow: 0 4px 20px rgba(15, 32, 39, 0.3);
  transition: all 0.6s ease;
}