@import url('https://fonts.googleapis.com/css2?family=Russo+One&family=Sora:wght@100..800&display=swap');
/* font-family: "Sora", sans-serif;
font-family: "Russo One", sans-serif; */

body{ background:#000; margin:0; font-family: "Sora", sans-serif; padding:0;}
.body { margin:0; }
#main-content .container{ max-width:100%; margin:0; padding:0; }
.page{ margin:0; }

[contenteditable=true]:focus, [href]:focus, [tabindex]:not([tabindex="-1"]):focus, button:focus, details:focus, input:focus, select:focus, textarea:focus { outline: none !important; outline-offset: 1px!important; }

.landing-page-wrapper::after, .landing-page-wrapper::before{ border-radius: 320px; opacity: 0.6; background: #FA8B07; filter: blur(202px); width:320px; height:320px; position:absolute; content:''; right:-100px; top:-130px; z-index:9; }
.landing-page-wrapper::after{ right:auto; left:-130px; top:-130px; }
.landing-page-wrapper{ padding:0; overflow:hidden; position:relative; }
.logo-wrapper{ position:relative; text-align:center; }
.logo{ position:relative; }
.logo-tagline{ position:absolute; width:100%; text-align:center; color: #FFF; font-size: 23px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 3.91px; text-transform: uppercase; bottom:40px; z-index:999; } 
.logo-tagline span{ color: #616161; }

.companies-listing-wrapper { padding:60px 0; }
#main-content .companies-listing-wrapper .container{ margin:0 auto; display: flex; flex-wrap: wrap; gap: 45px; justify-content:space-between; }
.companies-listing-wrapper .company-list-box {  width:calc(50% - 24px); transition:all ease 0.5s; position:relative; }
.companies-listing-wrapper .company-list-box.company-second .company-list-img{ border: 1px solid #e9d1c7; }
.companies-listing-wrapper .company-list-box.company-third .company-list-img{ border: 1px solid #ffc7c5; }
.companies-listing-wrapper .company-list-box.company-four .company-list-img{ border: 1px solid #d7fec0; }
.company-list-img{ border: 1px solid #fff3c2; position:relative; }
.company-list-img-inner{ margin:10px; overflow:hidden; }
.companies-listing-wrapper .company-list-box img{ transition:all ease 0.5s; }
.companies-listing-wrapper .company-list-box:hover img{ transform:scale(1.05); }
.company-list-content{ text-align:left; max-width:500px; padding:10px 0 20px 25px; }
.company-list-content h2{ margin:20px 0 10px; color: #FECB01; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; font-family: "Russo One", sans-serif; }
.company-list-box.company-second .company-list-content h2{ color: #FF9036; }
.company-list-box.company-third .company-list-content h2{ color: #FF443D; }
.company-list-box.company-four .company-list-content h2{ color: #84FF74; }
.company-list-content p{ color: #FFF; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin:0; }
.companies-listing-wrapper .company-list-box a{ position:absolute; right:0; border-radius: 25px; background: #FFF; color: #000; font-size: 16px; font-style: normal; font-weight: 700; text-decoration:none; display:inline-block; padding:13px 30px; line-height: normal; bottom: -90px; }

.companies-listing-wrapper .company-list-box a:hover{ background:#ddd; }

.real-stories{ padding:150px 20px 60px 20px; text-align:center; }
.real-stories h2{ color:rgba(255,255,255,0.2); font-family: "Russo One", sans-serif; font-size: 90px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; margin:0 0 15px; }
.real-stories p{ max-width:750px; margin:0 auto; color: #FFF; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }

.desktop-hide{ display:none; }
.youtube-wrapper{ position:relative; text-align:center; }
.youtube-wrapper-stripe{ position:absolute; top:0; width:100%; max-width:1450px; margin:0 auto; left:0; right:0;  }
.youtube-wrapper-stripe > div{ position:relative; padding:18px 20px; color: #FFF; font-size: 30px; font-style: normal; font-weight: 400; font-family: "Russo One", sans-serif; line-height:1.2; z-index:1; }
.youtube-wrapper-stripe > div::after{ opacity: 0.5; background: linear-gradient(90deg, rgba(254, 203, 1, 0.00) 0%, #FECB01 50%, rgba(254, 203, 1, 0.00) 100%); position:absolute; content:''; width:100%; height:100%; left:0; right:0; top:0; z-index: -1;}
.youtube-wrapper-stripe div span{ color: #D7B935; display:inline-block; padding:0 15px; }
.youtube-wrapper-content { position: absolute; top: 55%; transform: translateY(-55%); left: 0; right: 0; margin: 0 auto; max-width:500px; }
.youtube-wrapper-content p{ color: #FFF; max-width:450px; margin:0 auto ; font-size: 27px; font-style: normal; font-weight: 600;margin-top:30px; margin-bottom:40px; }

.play-icon { position: relative; z-index: 2; left: 0; right: 0; margin: 0 auto; width: 88px; height: 88px; background-color: #fff; border-radius: 50%;display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: visible; transition: all 0.5s ease; }
.play-icon::before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(255, 255, 255, 1); animation: wavePulse 1.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite; z-index: -1; }
@keyframes wavePulse {
      0% {
          transform: scale(1);
          opacity: 0.9;
      }
      70% {
          transform: scale(1.5);
          opacity: 0;
      }
      100% {
          transform: scale(2);
          opacity: 0;
      }
}

.choose-marketplace-wrapper { padding: 160px 0 130px; text-align:center; }
.choose-marketplace-wrapper .container { max-width: 1580px !important; margin: 0 auto !important; padding:0 15px; }
.choose-marketplace-wrapper h3{color: #FFF; font-size: 45px; font-style: normal; font-weight: 400; text-transform: uppercase; font-family: "Russo One", sans-serif; margin:0 0 10px; }
.choose-marketplace-wrapper p{ color: #929292; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.2; max-width:770px; margin:0 auto; }
.choose-marketplace-listing { display: flex; justify-content: center; gap: 25px; padding-top:60px;  }
.choose-marketplace-box{ width:100%; border: 1px solid #5C5C5C; padding:15px; transition:all ease 0.5s; position:relative; }
.choose-marketplace-box:hover{ border: 1px solid #fff; }
.choose-marketplace-box h4{ color: #FFF; font-size: 44px; font-style: normal; font-weight: 400; text-transform: uppercase; font-family: "Russo One", sans-serif; margin:30px 0 75px; }
.choose-marketplace-box h4 span{ display:block; color: #636363; font-size: 24px; font-style: normal; font-weight: 600; 
letter-spacing: 9.84px; text-transform: uppercase; font-family: "Sora", sans-serif; }
.choose-marketplace-box a{ border-radius: 50px; border: 1px solid #5C5C5C; background: #000; display:inline-block; padding:20px 30px; position:absolute; margin:0 auto; left:0; right:0; bottom:-40px; width:240px;  }

.footer-main{ background: #0C0C0C; margin:30px 0 0 0; padding:50px 0 0 0; }
#main-content .container .container{ max-width:1580px; padding:0 15px; margin:0 auto; }
.footer-main .container{ display:flex; gap:20px; }
.footer-company-intro{ width:50%; }
.footer-quick-links { width: 33%; }
.footer-contact-info{ width:17%; }
.footer-main .footer-company-intro h3{ font-size:30px; }
.footer-main h3{ margin:20px 0 20px; color: #FFF; font-size: 26px; font-style: normal; font-weight: 400; text-transform: uppercase; font-family: "Russo One", sans-serif; }
.footer-company-intro p{ max-width:450px; color: #C9C9C9; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.footer-quick-links ul { margin:0; }
.footer-quick-links ul li{ list-style:none; width:45%; display:inline-block; vertical-align:top; padding:0 0 14px; }
.footer-quick-links ul li a, .copyright-main p a{ color: #C9C9C9; font-size: 15px; font-style: normal; font-weight: 400; text-decoration:none; }
.footer-contact-info p, .footer-contact-info p a{ color: #C9C9C9; font-size: 15px; font-style: normal; font-weight: 400; text-decoration:none; }
.footer-quick-links ul li a:hover, .footer-contact-info p a:hover, .copyright-main p a:hover{ color:#fff; }
.footer-contact-info p span{ display:block; color:#3D3D3D; }
.copyright-main{ background:#000000; text-align:center; padding:20px 15px; margin-top:50px; }
.copyright-main p{ color: #C9C9C9; font-size: 15px; font-style: normal; font-weight: 400; display:inline-block; margin:0; }
.copyright-main span{ color:#4E4C4C; padding:0 15px; display:inline-block; }


@media (max-width: 1500px){
.company-list-content h2{ font-size:34px; }
#main-content .companies-listing-wrapper .container{ gap:24px; }
.companies-listing-wrapper .company-list-box { width: calc(50% - 12px); }
.real-stories { padding: 0 20px 50px 20px; }
.real-stories h2{ font-size:70px; }
.youtube-wrapper-content { position: absolute; top: 65%; transform: translateY(-65%); }
.choose-marketplace-wrapper { padding: 90px 0; }
.choose-marketplace-box h4 { font-size: 34px; }
.footer-company-intro { width: 40%; }
.footer-quick-links { width: 36%; }
.footer-contact-info { width: 24%; }
}

@media (max-width: 1360px){
.company-list-content h2{ font-size:30px; }	
.company-list-content p{ font-size:16px; max-width:300px; }
.real-stories h2{ font-size:50px; }
.youtube-wrapper-content img{ max-width:240px; }
.youtube-wrapper-content p { font-size: 20px; margin-top: 25px; margin-bottom: 25px; }
}

@media (max-width: 1199px){
.company-list-content{ padding-left:0; }
.choose-marketplace-wrapper h3{ font-size:35px; }
.choose-marketplace-box h4 { font-size: 26px; }
.choose-marketplace-box h4 span {font-size: 18px; }
}

@media (max-width: 1100px){
.companies-listing-wrapper .company-list-box a { margin: 0 auto; left: 0; right: 0; width: 150px; text-align: center; bottom: 30px; }	
.company-list-content, .company-list-content p{ max-width:100%; text-align:center; }
.play-icon a img{ max-width:60px; }
.play-icon{ width: 60px; height: 60px; }
.youtube-wrapper-content img { max-width: 200px; }
.youtube-wrapper-stripe > div { padding: 10px 20px; font-size: 22px; }

}

@media (max-width: 1024px){
.landing-page-wrapper::after, .landing-page-wrapper::before{ display:none; }		
}

@media (max-width: 991px){
.logo-tagline{ font-size:16px; bottom:20px; }	
.real-stories h2{ font-size:40px; }
.real-stories p{ font-size:16px; }
.youtube-wrapper-container > img{ min-height:320px; object-fit:cover; }
.footer-main { padding: 10px 0 0 0; }
.footer-company-intro { width: 43%; }
.footer-quick-links { width: 27%; }
.footer-contact-info { width: 30%; }
.footer-main .footer-company-intro h3, .footer-main h3 { font-size: 24px; }
.footer-quick-links ul li{ width:100%; }
.copyright-main{ margin-top:25px; }
}

@media (max-width: 900px){
.choose-marketplace-wrapper { padding: 60px 0 20px; }
.choose-marketplace-wrapper h3 { font-size: 28px; }
.choose-marketplace-listing{ padding-top:40px; }
.choose-marketplace-wrapper h3 { line-height: 1.2; }
.choose-marketplace-listing { flex-wrap: wrap; }
.choose-marketplace-box{  margin-bottom:50px;}
}


@media (max-width: 800px){
.company-list-content h2 { font-size: 24px; }
.copyright-main span{ display:none; }
.copyright-main p{ display:block; }
.footer-quick-links ul li a, .copyright-main p a, .copyright-main p{ font-size:13px; }
}

@media (min-width: 767px){
.sticky-toolbar{ display:none; }
}

@media (max-width: 767px){
.logo-tagline{ position:relative; }
.companies-listing-wrapper { padding: 20px 0 0; }
.companies-listing-wrapper .company-list-box a{ font-size:14px; width: 130px; padding:10px; bottom:20px; }
#main-content .container .container{ flex-wrap:wrap; gap:0; }
.footer-main { padding-bottom: 65px; }
.footer-company-intro, .footer-quick-links, .footer-contact-info{ width:100%; }
.footer-info-list { display: none; padding:20px 0 10px; position:relative; border-bottom:solid 1px #484848;}
.footer-info-col{ padding:0 10px; }
.footer-contact-info .footer-info-list{ border:0; }
.footer-info-heading-mobile { position: relative; cursor: pointer; color: #BC7A55; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; border-top:solid 1px #484848; margin:0 !important; padding:25px 0; }
.copyright-main{ margin-top:5px; }
.footer-info-heading-mobile::after { content: '+'; position: absolute; right: 25px; color:rgba(255,255,255,0.3);}
.footer-info-heading-mobile.is-open::after { content: '−'; }
.footer-info-list[style="display: block;"]::after{ position:absolute; content:''; background:#484848; top:0; width:80px; left:0; height:1px; }
.footer-company-intro p{ max-width:100%; }
.footer-company-intro { padding-bottom:15px; }
.footer-company-intro h3{ margin-bottom:12px; }
.footer-quick-links ul li{ padding-bottom:5px; }
.footer-contact-info .footer-info-list p:last-child{ margin-bottom:0; }
.footer-quick-links ul li a{ font-size:14px; }

.sticky-toolbar{ position:fixed; bottom:0; background: #151515; z-index:980; left:0; width:100%; }
.sticky-toolbar ul{ margin:0; padding:11px 10px; display:flex; justify-content: space-between; align-items: center; }
.sticky-toolbar ul li{ list-style:none; text-align:center; position:relative; width:100%; }
.sticky-toolbar ul li:last-child::after{ display:none; }
.sticky-toolbar ul li p{ margin:2px 0 0 0; color: #FFF; font-size: 13px; font-style: normal; font-weight: 500; line-height: normal; text-align: center; }
.sticky-toolbar ul li:hover p,
.sticky-toolbar ul li a.active p{ color:#FECB01; text-decoration:none; }
.sticky-toolbar ul li a{ text-decoration:none; }
.sticky-toolbar ul li:hover svg path,
.sticky-toolbar ul li:hover svg{  opacity:1 !important; fill:#FECB01; }
.sticky-toolbar ul li a.active svg path,
.sticky-toolbar ul li a.active svg{ stroke:#FECB01; fill:#FECB01; opacity:1 !important; }

}

@media (max-width: 640px){
#main-content .companies-listing-wrapper .container{ gap:0; }
.companies-listing-wrapper .company-list-box{ width:100%; }
.company-list-content h2{ margin-top:5px; }
.company-list-box{ margin-bottom:20px; }
.company-list-img-inner{ margin:5px; }
.youtube-wrapper-stripe > div { padding:14px 10px; font-size: 16px;  }
.youtube-wrapper-content p{ padding-left:10px; padding-right:10px; font-size:16px; }
.youtube-wrapper-content img { max-width: 170px; }
.youtube-wrapper-stripe div span { padding: 0 5px; }
}

@media (max-width: 479px){
.logo-tagline { font-size: 14px; letter-spacing: 3px; }
.mobile-hide{ display:none; }
.desktop-hide{ display:block; }
.youtube-wrapper-content { top: 55%; transform: translateY(-55%); }
.youtube-wrapper-content p { padding-left: 15%; padding-right: 15%; }
}