/*
Theme Name: SSD
Theme URI: https://superseedstudio.com
Template: hello-elementor
Author: Superseed Digital
Author URI: https://superseedstudio.com
Description: Based on Hello
Version: 1.1655299352
Updated: 2022-06-15 13:22:32
*/

/* NEW FUTURE FAMOUS */

/* INDEX 
*  PADDING
*  GLOBAL BUTTONS
*  GLOBAL STYLES
*  GLOBAL FORMS
*  CASE STUDIES
*/

:root {
  --color-gold: #C79756;
  --color-grey: #F4F4F4;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --vfx: all 0.3s ease-in-out;
}

/* PADDING */

.pad-top {
  padding-top: 6rem;
}

.pad-bot {
  padding-bottom: 6rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.pad-tb {
  padding: 6rem 3rem;
}

.pad-sides {
  padding-left: 3rem;
  padding-right: 3rem;
}

.pad-col-right {
  padding-right: 6rem;
}

.pad-col-left {
  padding-left: 6rem;
}

.pad-tb-small {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* GLOBAL BUTTONS */

.btn-grey a {
  background: var(--color-grey) !important;
  border: solid 2px var(--color-grey) !important;
  color: var(--color-black) !important;
  transition: var(--vfx) !important;
}

.btn-grey a:hover {
  background: transparent !important;
  border: solid 2px var(--color-gold) !important;
  color: var(--color-gold) !important;
}

.btn-gold a {
  background: var(--color-gold) !important;
  border: solid 2px var(--color-gold) !important;
  color: var(--color-white) !important;
  transition: var(--vfx) !important;
}

.btn-gold a:hover {
  background: transparent !important;
  border: solid 2px var(--color-black) !important;
  color: var(--color-black) !important;
}

.btn-txt-gold a {
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
  color: var(--color-gold) !important;
}

.btn-txt-gold a::after {
	content: '' !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 0 !important;
	height: 1px !important;
	background: var(--color-gold) !important;
	display: inline-block !important;
	transition: var(--vfx) !important;
}

.btn-txt-gold a:hover::after { /* Apply hover to the <a> */
	width: 100% !important;
}

/* GLOBAL STYLES */

html,
body {
  overflow-x: hidden;
  width: 100%;
  scroll-behavior: smooth;
}

/* .main-header p {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
} */

.jet-popup--animation-slide-in-down {
  transition: var(--vfx) !important;
}

.header-email-link a {
  color: var(--color-black);
  transition: var(--vfx);
}

.header-email-link a:hover {
  color: var(--color-gold);
}

.burger-menu .elementor-icon::before {
  transition: var(--vfx) !important;
  opacity: 0;
}

/* .burger-menu:hover::before {
  content: "Menu" !important;
  font-size: 15px !important;
  color: var(--color-gold) !important;
  position: absolute !important;
  bottom: 5px !important;
  right: 30px !important;
  opacity: 1 !important;
  display: inline-block !important;
  transition: var(--vfx) !important;
} */

.main-header p {
  padding-bottom: 7px !important;
  margin-bottom: 0 !important;
}

.burger-menu:hover .elementor-icon {
	content: url("/wp-content/uploads/2025/02/burger-menu-hover-state.svg") !important;
  display: inline-block !important;
  position: inherit !important;
  width: 20px !important;
  height: 20px !important;
  bottom: 0 !important;
  right: 0 !important;
}

/* MENU ITEM HOVERS */
.menu-item-get-started a::after {
	content: url("/wp-content/uploads/2025/02/menu-item-get-started-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -30px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
  opacity: 0 !important;
  transition: var(--vfx) !important;
}

.menu-gold-underline a::after {
	content: url("/wp-content/uploads/2025/02/menu-item-get-started-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -30px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
  	opacity: 0 !important;
  	transition: var(--vfx) !important;
}

.menu-item-our-mission a::after {
	content: url("/wp-content/uploads/2025/02/menu-our-mission-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -30px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
  opacity: 0 !important;
  transition: var(--vfx) !important;
}

.menu-item-lead-generation a::after {
	content: url("/wp-content/uploads/2025/02/menu-lead-generation-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -30px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
  opacity: 0 !important;
  transition: var(--vfx) !important;
}

.menu-item-free-tools a::after {
	content: url("/wp-content/uploads/2025/02/menu-lead-generation-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -30px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
  opacity: 0 !important;
  transition: var(--vfx) !important;
}

.menu-item-case-studies a::after {
	content: url("/wp-content/uploads/2025/02/menu-case-studies-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -30px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
  opacity: 0 !important;
  transition: var(--vfx) !important;
}

.menu-item-careers a::after {
	content: url("/wp-content/uploads/2025/02/menu-careers-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -30px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
  opacity: 0 !important;
  transition: var(--vfx) !important;
}

.menu-item-contact-us a::after {
	content: url("/wp-content/uploads/2025/02/menu-contact-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -30px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
  opacity: 0 !important;
  transition: var(--vfx) !important;
}

.menu-item-get-started a:hover::after,
.menu-item-our-mission a:hover::after,
.menu-item-lead-generation a:hover::after,
.menu-item-case-studies a:hover::after,
.menu-item-careers a:hover::after,
.menu-item-contact-us a:hover::after,
.menu-item-free-tools a:hover::after,
.menu-item-get-started a:hover::after,
.menu-gold-underline a:hover::after,
.menu-item-contact-us .elementor-item-active::after,
.menu-gold-underline .elementor-item-active::after,
.menu-item-careers .elementor-item-active::after,
.menu-item-case-studies .elementor-item-active::after,
.menu-item-lead-generation .elementor-item-active::after,
.menu-item-our-mission .elementor-item-active::after,
.menu-item-get-started .elementor-item-active::after,
.menu-item-free-tools .elementor-item-active::after {
  opacity: 1 !important;
}

/* MENU ITEM HOVERS END */

/* GLOBAL CUSOM UNDERLINES */

.strong-txt.underline-arrow-left,
.strong-txt.underline-arrow-right,
.strong-txt.underline-twirl {
  position: relative !important;
}

.underline-arrow-right::after {
	content: url("/wp-content/uploads/2025/02/menu-item-get-started-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -20px !important;
	left: 50% !important;
  transform: translateX(-50%) !important;
	width: fit-content !important;
}

.underline-arrow-left::after {
	content: url("/wp-content/uploads/2025/02/menu-lead-generation-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
	width: fit-content !important;
}

.underline-twirl::after {
	content: url("/wp-content/uploads/2025/02/menu-our-mission-underline.svg") !important;
	display: inline-block !important;
	position: absolute !important;
	bottom: -20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
	width: fit-content !important;
}

/* GLOBAL CUSOM UNDERLINES END */

/* VIDEO HOVER EFFECTS */

.trigger-container .jet-video__overlay {
	transition: var(--vfx) !important;
}

.trigger-container:hover .jet-video__overlay {
	transform: scale(1.1) !important;
}

/* .hero-video {
  position: relative !important;
} */

/* .hero-video::after {
	content: "" !important;
	position: absolute !important;
	top: 6rem !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: inline-block !important;
	height: 1px !important;
	background-color: #1E1E1E40 !important;
	width: 90vw !important;
} */

.trigger-container .hero-video .jet-video__play-button {
	transition: var(--vfx) !important;
}

.trigger-container:hover .hero-video .jet-video__play-button {
	content: url("/wp-content/uploads/2025/02/hover-play-button-icon.svg") !important;
	display: inline-block !important;
  transform: scale(1) !important;
}

.kicker-txt p {
  color: var(--color-gold);
}

.h1-small h1 {
	font-size: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
}

.h2-large h2 {
	font-size: clamp(1.75rem, 1.5rem + 1.25vw, 3rem);
}

.h3-small h3 {
	font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
}

.strong-txt {
	font-weight: 700 !important;
}

.global-list ul {
  padding-left: 0;
}

.global-list li {
  list-style: none; /* Removes default markers */
  position: relative;
  padding-left: 2.5rem !important;
  padding-bottom: 1rem !important;
}

.global-list li::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 1rem;
  transform: translateY(-1rem);
  width: 30px;
  height: 30px;
  background-image: url('/wp-content/uploads/2025/02/career-marker-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.main-menu-container {
  background-color: #0000004F !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important; 
}

.client-logo-gallery img {
	width: 100% !important;
	height: 75px !important;
	background-color: var(--color-white) !important;
	object-fit: contain !important;
	filter: grayscale(1) !important;
}

.page-id-357 .client-logo-gallery img {
	width: 100% !important;
	height: 75px !important;
	background-color: var(--color-grey) !important;
	object-fit: contain !important;
	filter: grayscale(1) !important;
}

.client-logo-gallery .gallery {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.client-logo-gallery .gallery-icon {
  width: 150px;
}

.client-logo-gallery img:hover {
	filter: grayscale(0) !important;
}

.global-img-caro img {
	border-radius: 20px !important;
}

/* .service-icon-box h3::before {
	content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 110px;
	width: 100%;
	height: 1px;
	background: var(--color-gold);
} */

/* TESTIMONIALS */

.testimonial-item {
	transition: var(--vfx);
}

.testimonial-item:hover {
	border-radius: 20px;
}

.testimonial-item .testimonial-play-btn {
  transition: var(--vfx) !important;
}

.testimonial-item:hover .testimonial-play-btn {
  content: url("/wp-content/uploads/2025/02/hover-play-button-icon.svg") !important;
  display: inline-block !important;
}

/* Base styles for figure */
.bdt-remote-thumbs .bdt-thumbs-wrapper .bdt-item figure {
  margin: 0 !important;
  display: block !important; /* Ensure figure displays correctly */
}

.page-id-285 figcaption {
	text-align: left !important;
	margin-top: 5px !important;
	font-family: 'Inter', sans-serif !important;
	font-style: normal !important;
	color: rgba(30, 30, 30, 0.5) !important; /* Using rgba instead of hex with opacity */
	transition: all 0.3s ease !important; /* Explicit transition instead of var */
}

.testimonial-item img {
  transition: var(--vfx) !important;
}

.testimonial-item:hover img {
  transform: scale(1.1) !important;
}

.testimonial-item::before {
	transition: var(--vfx) !important;
}

.testimonial-item:hover::before {
	opacity: 0 !important;
}

/* Styles for figcaption */
.bdt-remote-thumbs .bdt-thumbs-wrapper .bdt-item figcaption{
  text-align: left !important;
  margin-top: 5px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-style: normal !important;
  color: rgba(30, 30, 30, 0.5) !important; /* Using rgba instead of hex with opacity */
  transition: all 0.3s ease !important; /* Explicit transition instead of var */
}

/* Active state */
.page-id-285 .testimonial-caption-active {
  color: #1E1E1E !important;
}

.images-with-line::after {
	content: '' !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(-50%);
	display: inline-block !important;
	width: 70vw !important;
	height: 1px !important;
	background-color: var(--color-gold);
}

/* GLOBAL FORMS */

/* SINGLE CASE STUDY PAGE */

.case-study-content a {
	color: var(--color-gold) !important;
}

.case-study-content h2,
.case-study-content h3 {
	margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.reading-time {
  color: var(--color-white) !important;
  font-size: 18px !important;
}

.case-study-content .rt-reading-time {
	display: none !important;
}

.case-study-content img {
  border-radius: 20px !important;
}

/* SINGLE CAREERS PAGE */

.career-content ul {
  padding-left: 0 !important;
  padding-top: 1rem !important;
}

.career-content p strong {
  display: inline-block; /* or block */
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.career-content li {
  list-style: none; /* Removes default markers */
  position: relative;
  padding-left: 2.5rem !important;
  padding-bottom: 1rem !important;
}

.career-content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  transform: translateY(-1rem);
  width: 30px;
  height: 30px;
  background-image: url('/wp-content/uploads/2025/02/career-marker-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}


/* TABLET - 1024px */
@media (width <= 64em) {

  .pad-top {
    padding-top: 3rem;
  }
  
  .pad-bot {
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .pad-tb {
    padding: 3rem 2rem;
  }
  
  .pad-sides {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .pad-col-right {
    padding-right: 2rem;
  }
  
  .pad-col-left {
    padding-left: 2rem;
  }
  
  .pad-tb-small {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .main-menu-container {
    background-color: #0000004F !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important; 
  }

	.header-email-link a {
    font-size: 15px !important;
  }
}

/* MOBILE - 767px */
@media (width <= 47.938em) {

  .pad-top {
    padding-top: 2rem;
  }
  
  .pad-bot {
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .pad-tb {
    padding: 2rem 1rem;
  }
  
  .pad-sides {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .pad-col-right {
    padding-right: 0;
  }
  
  .pad-col-left {
    padding-left: 0;
  }
  
  .pad-tb-small {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .main-menu-container {
    background-color: #0000004F !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important; 
  }
  
  .client-logo-gallery .gallery {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .underline-arrow-right::after {
    content: url("/wp-content/uploads/2025/02/menu-item-get-started-underline.svg") !important;
    display: inline-block !important;
    position: absolute !important;
    bottom: -15px !important;
    left: 50% !important;
      transform: translateX(-50%) scale(0.5) !important;
    width: fit-content !important;
  }
  
  .underline-arrow-left::after {
    content: url("/wp-content/uploads/2025/02/menu-lead-generation-underline.svg") !important;
    display: inline-block !important;
    position: absolute !important;
    bottom: -15px !important;
      left: 50% !important;
      transform: translateX(-50%) scale(0.5) !important;
    width: fit-content !important;
  }
  
  .underline-twirl::after {
    content: url("/wp-content/uploads/2025/02/menu-our-mission-underline.svg") !important;
    display: inline-block !important;
    position: absolute !important;
    bottom: -15px !important;
      left: 50% !important;
      transform: translateX(-50%) scale(0.5) !important;
    width: fit-content !important;
  }

  .testimonial-item .mobile-testimonial-play-btn {
    transition: var(--vfx) !important;
  }
  
  .mobile-testimonial-item:hover .testimonial-play-btn {
    content: url("/wp-content/uploads/2025/02/hover-play-button-icon.svg") !important;
    display: inline-block !important;
  }

  .bdt-remote-thumbs .bdt-thumbs-wrapper .bdt-item figcaption{
    font-size: 12px !important;
  }

  .bdt-remote-thumbs .bdt-thumbs-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .page-id-285 .testimonial-caption-active {
    color: #1E1E1E !important;
    font-size: 12px !important;
  }

  .page-id-285 figcaption {
    font-size: 12px !important;
  }
}