<!doctype html>
<html lang="en-US" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<!--Jquery CDN -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" defer></script>
<style>
@font-face {
font-family: AmericanCaptain;
src: url(https://recyclingmedia.com/wp-content/uploads/2024/01/American-Captain.otf);
}
@font-face {
font-family: DMSans;
src: url(/wp-content/uploads/2024/01/DMSans_18pt-Regular.ttf);
}
body
{
font-family: DMSans !important;
}
p,a{
font-family: DMSans !important;
font-weight: Regular !important;
}
h1,h2,h3,h4,h5{
font-family:AmericanCaptain !important;
font-weight: lighter !important;
}
* {
box-sizing: border-box;
}
/* Header CSS */
header.cs-h-site-header {
position: relative;
}
.cs-site-header
{
z-index: 99;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.cs-h-navbar
{
z-index: 999;
background-color: transparent;
border-bottom: 1px solid transparent;
flex-direction: column;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: static;
overflow: visible;
}
.cs-w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.cs-h-shadow-bg {
opacity: 0;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
box-shadow: 1px 1px 20px rgba(0,0,0,.08);
}
.cs-h-container.cs-h-nav-container {
height: 90px;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.cs-h-container
{
z-index: 5;
width: 100%;
max-width: 1340px;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.cs-h-header-col-left {
align-items: flex-end;
display: flex;
}
.cs-h-header-col-right {
align-items: center;
display: flex;
}
.cs-h-header-col-left > a > img {
display: block;
width: 120px;
}
.cs-h-header-col-left > a > img {
display: block;
width: 150px;
}
.cs-h-nav-menu {
align-items: center;
margin-right: 20px;
display: flex;
}
.cs-h-nav-links-new {
align-items: center;
display: flex;
position: static;
}
.cs-h-nav-links-new ul > li > a {
opacity: 1;
color: #ffffff;
letter-spacing: 1px;
border-bottom: 1px solid transparent;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: 15px;
margin-right: 15px;
padding-left: 0;
padding-right: 0;
font-size: 18px;
font-family: 'DMSans' !important;
animation-iteration-count
transition: color .2s,opacity .2s;
display: flex;
position: relative;
overflow: hidden;
max-width: 100%;
font-weight: 400;
}
.cs-h-nav-links-new ul > li {
display: flex;
align-items: center;
}
.cs-h-nav-links-new ul > li > a:hover
{
opacity: .8;
color: #ffffff;
}
.cs-h-nav-links-new ul > li > a:after {
content: '';
will-change: background;
background-color: rgb(0 0 0);
width: 0%;
height: 1px;
transition: all .3s;
}
.cs-h-nav-links-new ul > li > a:hover:after {
content: '';
will-change: background;
background-color: rgb(0 0 0);
width: 100%;
height: 1px;
}
.cs-lets-btn > a {
z-index: 99;
min-width: 110px;
color: #091030;
text-align: center;
background-color: #f5d2fc;
background-image: url(https://assets-global.website-files.com/5e43ed0…/62d90fc…_62d8607…_62cd3ee…_6160253…_BTN%20Shape%201%201%201.svg);
background-position: 50% 200%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
flex-direction: column;
justify-content: center;
padding: 14px 20px;
font-size: 16px;
line-height: 1em;
transition: background-position 1s cubic-bezier(.39,.575,.565,1),color .2s cubic-bezier(.6,-.28,.735,.045);
display: flex;
position: relative;
align-items: center !important;
}
.cs-lets-btn > a:hover {
background-color: #f5d2fc;
background-position: 50% 0;
}
.cs-lets-btn a:after {
all: unset !important;
}
@media only screen and (max-width: 1024px) {
header.cs-h-site-header {
z-index: 99;
}
.cs-h-nav-links-new {
width: 100%;
}
.cs-h-nav-links-new > div > ul li:hover {
background: #0b96f3;
}
.cs-h-nav-links-new > div > ul
{
background: black;
}
.cs-h-nav-links-new > div > ul li {
padding: 10px;
border-bottom: 1px solid;
}
.cs-h-nav-links-new > div {
position: absolute;
left: 100%;
width: 100%;
padding: 30px 0px;
top: 85px;
transition: all 1s;
}
.menu-toggle {
display: block !important;
}
}
.cs-active {
position: relative;
left: 0 !important;
transition: all 1s;
}
</style>
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
<title>Professional Website Design and Development Agency - Recycling Media</title><style id="rocket-critical-css">html{overflow-x:hidden}body{overflow-x:hidden}.cs-h-nav-links-new ul>li>a{color:white!important}.cs-h-nav-links-new ul>li>a:after{background-color:rgb(255 255 255)!important}.wb-btn-color{background-color:#0a1030!important;border:1px solid #0a1030!important}@media only screen and (max-width:1366px){.services-jumbo{font-size:100px!important;line-height:115px!important}.new-services-jumbo{font-size:45px!important;line-height:60px!important}}@media only screen and (max-width:1100px){.services-jumbo{font-size:95px!important;line-height:100px!important}.new-services-jumbo{font-size:45px!important;line-height:55px!important}.faq_container .faq li{padding:15px!important}}@media only screen and (max-width:1024px){.consul_btn{padding:13px 85px 13px 35px;font-size:16px}}@media only screen and (max-width:860px){.services-jumbo{font-size:75px!important;line-height:85px!important}.new-services-jumbo{font-size:33px!important;line-height:45px!important}}@media only screen and (max-width:768px){a.consul_btn img{width:25px!important}.consul_btn{font-size:16px!important}iframe{max-width:100%;width:100%}}@media only screen and (max-width:767px){.hero-section{padding-top:200px!important}.services-jumbo{font-size:65px!important;line-height:75px!important}.new-services-jumbo{font-size:30px!important;line-height:40px!important}}@media only screen and (max-width:600px){.services-jumbo{font-size:55px!important;line-height:65px!important}.new-services-jumbo{font-size:26px!important;line-height:35px!important}.hero-section{padding-top:180px!important}}@media only screen and (max-width:450px){.cs-h-header-col-left>a>img{width:100px!important}button{padding:8px 10px!important}button.menu-toggle img{width:25px!important}.services-jumbo{font-size:40px!important;line-height:54px!important}.arrow-logo{width:115px!important}.services-arrow-image.absolute{max-width:30px!important}.clutch{height:30px!important;max-width:65px!important}.strong-button{width:175px!important;height:86px!important}}@media only screen and (max-width:390px){.services-jumbo{font-size:38px!important;line-height:51px!important}}:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px}.sib-form *{box-sizing:border-box}.entry__error{display:none;margin-top:6px;margin-bottom:6px;background:rgba(0,0,0,0)}.input--hidden{display:none!important}input::-webkit-input-placeholder{color:#bfcad8}input::-moz-placeholder{color:#bfcad8}input:-ms-input-placeholder{color:#bfcad8}input:-moz-placeholder{color:#bfcad8}.sib-form-message-panel{margin:0 0 1.25rem 0;width:100%;padding:.4375rem;border:1px solid;display:none}.sib-form-message-panel__text{display:flex;align-items:center;margin:0;padding:.5rem}.sib-form-message-panel__text .sib-icon{contain:strict;display:inline-block;fill:currentColor}.sib-form-message-panel__text .sib-notification__icon{height:1.5em;width:1.5em;flex-shrink:0;margin-right:calc(1rem - 1px)}.sib-hide-loader-icon{display:none}.sib-form .entry__error{max-width:40em}.sib-form .entry__error{display:block}.sib-form .entry__error{display:none;color:#ff4949;font-size:.87055056rem;line-height:1rem}.sib-form .clickable__icon{height:1.5rem;vertical-align:bottom;width:1.5rem}.sib-form .clickable__icon:not(.sib-icon_standalone){margin-right:calc(.7002rem - 1px)}.sib-form .progress-indicator__icon{-webkit-animation:indicator-spin 1.3s cubic-bezier(0.46,0.35,0.39,0.85) infinite;animation:indicator-spin 1.3s cubic-bezier(0.46,0.35,0.39,0.85) infinite}@-webkit-keyframes indicator-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes indicator-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}ul{box-sizing:border-box}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}a{background-color:transparent}b{font-weight:bolder}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button{text-transform:none}button{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}body,button,input,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}h1{clear:both}p{margin-bottom:1.5em}body{background:#fff}ul{margin:0 0 1.5em 3em}ul{list-style:disc}iframe{max-width:100%}img{height:auto;max-width:100%}a{color:#4169e1}a:visited{color:#800080}button{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,0.8);line-height:1;padding:0.6em 1em 0.4em}input[type="text"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}textarea{width:100%}.main-navigation{display:block;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation li{position:relative}.main-navigation a{display:block;text-decoration:none}.menu-toggle{display:block}@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation ul{display:flex}}.page{margin:0 0 1.5em}.custom-logo-link{display:inline-block}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.grecaptcha-badge{visibility:hidden}:root{--fluentform-primary:#1a7efb;--fluentform-secondary:#606266;--fluentform-danger:#f56c6c;--fluentform-border-color:#dadbdd;--fluentform-border-radius:7px}</style><link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Open%20Sans&display=swap" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open%20Sans&display=swap" media="print" onload="this.media='all'" /><noscript><link rel="preload" href="https://fonts.googleapis.com/css?family=Open%20Sans&display=swap" data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'" /></noscript><link rel="preload" href="https://recyclingmedia.com/wp-content/cache/min/1/63a230290eb1d40a75ec4faaba819c0f.css" data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'" media="all" data-minify="1" />
<meta name="description" content="We are a professional Website Design and Development Agency helping clients build their credibility through eye-catching websites."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://recyclingmedia.com/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Professional Website Design and Development Agency - Recycling Media" />
<meta property="og:description" content="We are a professional Website Design and Development Agency helping clients build their credibility through eye-catching websites." />
<meta property="og:url" content="https://recyclingmedia.com/" />
<meta property="og:site_name" content="Recycling Media" />
<meta property="og:updated_time" content="2024-02-16T14:29:52+00:00" />
<meta property="og:image" content="https://recyclingmedia.com/wp-content/uploads/2023/12/BACKCARD-Copy.jpg" />
<meta property="og:image:secure_url" content="https://recyclingmedia.com/wp-content/uploads/2023/12/BACKCARD-Copy.jpg" />
<meta property="og:image:width" content="514" />
<meta property="og:image:height" content="308" />
<meta property="og:image:alt" content="Website Design and Development" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="article:published_time" content="2023-07-10T12:55:28+00:00" />
<meta property="article:modified_time" content="2024-02-16T14:29:52+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Professional Website Design and Development Agency - Recycling Media" />
<meta name="twitter:description" content="We are a professional Website Design and Development Agency helping clients build their credibility through eye-catching websites." />
<meta name="twitter:image" content="https://recyclingmedia.com/wp-content/uploads/2023/12/BACKCARD-Copy.jpg" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://recyclingmedia.com/#place","address":{"@type":"PostalAddress","streetAddress":"618 Mashrique Center, Block 14","addressLocality":"Gulshan-e-Iqbal","addressRegion":"Karachi","postalCode":"74550","addressCountry":"Pakistan"}},{"@type":"Organization","@id":"https://recyclingmedia.com/#organization","name":"Recycling Media","url":"https://recyclingmedia.com","sameAs":["https://www.facebook.com/recyclingmedia"],"address":{"@type":"PostalAddress","streetAddress":"618 Mashrique Center, Block 14","addressLocality":"Gulshan-e-Iqbal","addressRegion":"Karachi","postalCode":"74550","addressCountry":"Pakistan"},"logo":{"@type":"ImageObject","@id":"https://recyclingmedia.com/#logo","url":"https://recyclingmedia.com/wp-content/uploads/2023/07/logofinal-1.png","contentUrl":"https://recyclingmedia.com/wp-content/uploads/2023/07/logofinal-1.png","caption":"Recycling Media","inLanguage":"en-US","width":"252","height":"136"},"contactPoint":[{"@type":"ContactPoint","telephone":"+923463194749","contactType":"customer support"}],"location":{"@id":"https://recyclingmedia.com/#place"}},{"@type":"WebSite","@id":"https://recyclingmedia.com/#website","url":"https://recyclingmedia.com","name":"Recycling Media","publisher":{"@id":"https://recyclingmedia.com/#organization"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://recyclingmedia.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://recyclingmedia.com/wp-content/uploads/2023/12/BACKCARD-Copy.jpg","url":"https://recyclingmedia.com/wp-content/uploads/2023/12/BACKCARD-Copy.jpg","width":"514","height":"308","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://recyclingmedia.com/#webpage","url":"https://recyclingmedia.com/","name":"Professional Website Design and Development Agency - Recycling Media","datePublished":"2023-07-10T12:55:28+00:00","dateModified":"2024-02-16T14:29:52+00:00","about":{"@id":"https://recyclingmedia.com/#organization"},"isPartOf":{"@id":"https://recyclingmedia.com/#website"},"primaryImageOfPage":{"@id":"https://recyclingmedia.com/wp-content/uploads/2023/12/BACKCARD-Copy.jpg"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://recyclingmedia.com/author/admin/","name":"admin","url":"https://recyclingmedia.com/author/admin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/e9f584cdbdfd5d23927b27cb5c15ff0e?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/e9f584cdbdfd5d23927b27cb5c15ff0e?s=96&d=mm&r=g","caption":"admin","inLanguage":"en-US"},"sameAs":["https://recyclingmedia.com"],"worksFor":{"@id":"https://recyclingmedia.com/#organization"}},{"@type":"Article","headline":"Professional Website Design and Development Agency - Recycling Media","keywords":"Website Design and Development","datePublished":"2023-07-10T12:55:28+00:00","dateModified":"2024-02-16T14:29:52+00:00","author":{"@id":"https://recyclingmedia.com/author/admin/","name":"admin"},"publisher":{"@id":"https://recyclingmedia.com/#organization"},"description":"We are a professional Website Design and Development Agency helping clients build their credibility through eye-catching websites.","name":"Professional Website Design and Development Agency - Recycling Media","@id":"https://recyclingmedia.com/#richSnippet","isPartOf":{"@id":"https://recyclingmedia.com/#webpage"},"image":{"@id":"https://recyclingmedia.com/wp-content/uploads/2023/12/BACKCARD-Copy.jpg"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://recyclingmedia.com/#webpage"}}]}</script>
<meta name="google-site-verification" content="1-z_7XzRt7eg3hKlurh_JVtGPu9V-KLOCOiTnS_FTuk" />
<!-- /Rank Math WordPress SEO plugin -->
<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
<link rel="alternate" type="application/rss+xml" title="Recycling Media » Feed" href="https://recyclingmedia.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Recycling Media » Comments Feed" href="https://recyclingmedia.com/comments/feed/" />
<style id='wp-emoji-styles-inline-css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="https://api.w.org/" href="https://recyclingmedia.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://recyclingmedia.com/wp-json/wp/v2/pages/23" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://recyclingmedia.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.7.1" />
<link rel='shortlink' href='https://recyclingmedia.com/' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://recyclingmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Frecyclingmedia.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://recyclingmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Frecyclingmedia.com%2F&format=xml" />
<meta name="generator" content="Site Kit by Google 1.160.1" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<style type="text/css">.broken_link, a.broken_link {
text-decoration: line-through;
}</style> <style type="text/css">
.site-title,
.site-description {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
</style>
<script id="google_gtagjs" src="https://www.googletagmanager.com/gtag/js?id=G-7198XRTLY4" async></script>
<script id="google_gtagjs-inline">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-7198XRTLY4', {} );
</script>
<style>
div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label {
font-size: 0px !important;
color: rgba(0, 0, 0, 0);
}
div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label:after {
font-size: 11px !important;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.asl_w_container {
width: 100%;
margin: 0px 0px 0px 0px;
min-width: 200px;
}
div[id*='ajaxsearchlite'].asl_m {
width: 100%;
}
div[id*='ajaxsearchliteres'].wpdreams_asl_results div.resdrg span.highlighted {
font-weight: bold;
color: rgba(217, 49, 43, 1);
background-color: rgba(238, 238, 238, 1);
}
div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image {
width: 70px;
height: 70px;
object-fit: cover;
}
div[id*='ajaxsearchlite'].asl_r .results {
max-height: none;
}
div[id*='ajaxsearchlite'].asl_r {
position: absolute;
}
div.asl_r.asl_w.vertical .resdrg {
display: flex;
flex-wrap: wrap;
}
div.asl_r.asl_w.vertical .results .item {
min-width: 200px;
width: 24%;
flex-grow: 1;
box-sizing: border-box;
border-radius: 0;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
div.asl_r.asl_w.vertical .results .item {
min-width: 200px;
}
}
@media only screen and (max-width: 640px) {
div.asl_r.asl_w.vertical .results .item {
min-width: 200px;
}
}
</style>
<link rel="icon" href="https://recyclingmedia.com/wp-content/uploads/2023/12/fav.icon_.png" sizes="32x32" />
<link rel="icon" href="https://recyclingmedia.com/wp-content/uploads/2023/12/fav.icon_.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://recyclingmedia.com/wp-content/uploads/2023/12/fav.icon_.png" />
<meta name="msapplication-TileImage" content="https://recyclingmedia.com/wp-content/uploads/2023/12/fav.icon_.png" />
<style id="wp-custom-css">
.cs-sec2-col-1 img {
width: 100%;
max-width: 520px !important;
background: radial-gradient(circle, rgba(9, 16, 48, 0.5) 0%, #c1ccff 30%, rgba(173, 216, 230, 0.5) 100%);
border-radius: 20px;
}
form#fluentform_5 .ff-btn-submit{
}
img.entered.litespeed-loaded {
width: 41px;
}
span.nav-subtitle {
font-size: 23px;
font-weight: 700;
}
.sec_post_hero:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: 0.8 !important;
}
.cs-service-h2 {
font-size: 48px !important;
line-height: 55.2px;
font-weight: 600;
color: #111456;
}
p.paragraph-53 {
font-size: 22px !important;
line-height: 35px;
color: #000000 !important;
}
.cs-sec3-service-box span{
font-size: 30px !important;
}
.cs-sec6-hire-box h3 a {
font-size: 22px !important;
}
.faq_container .faq li.a {
font-size: 18px !important;
}
.faq_container .faq li.q{
font-size: 22px !important;
}
.pf-card-para p{
font-size:18px !important;
}
p,a{
font-family: DMSans !important;
}
h1,h2,h3,h4,h5{
font-family:AmericanCaptain !important;
font-weight: lighter !important;
}
@media only screen and (max-width: 768px) {
.pf-card-para p {
display:none;
}
}
form#fluentform_5 input {
border: 0;
border-bottom: 3px solid;
border-radius: 0;
border-bottom: 3px solid gray !important;
background: none !important;
}
form#fluentform_5 .ff-el-input--content textarea {
min-height: 200px;
background: none !important;
border-bottom: 3px solid gray !important;
}
form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit {
color:black !important;
}
button.ff-btn.ff-btn-submit {
background: none !important;
border: solid 1px black !important;}
button.ff-btn.ff-btn-submit:hover {
background: none !important;
border: solid 1px black !important;}
form#fluentform_5 input, form#fluentform_5 .ff-el-input--content textarea {
color: black !important;
}
form#fluentform_5 .ff-btn-submit {
background: #FE9B02 !important;
color:white !important;
border:none !important;
font-size:18px !important;
}
form.fluent_form_4 .wpf_has_custom_css.ff-btn-submit {
color: #000000 !important;
}
form#fluentform_4 input{
background: none !important;
}
form#fluentform_4 .ff-el-input--content textarea{
background: none !important;
}
form#fluentform_4 .ff-btn-submit {
background: #1a7efb !important;
color:white !important;
border:none !important;
font-size:18px !important;
}
form.fluent_form_6 .ff-btn-submit {
background-color: white !important;
color: #0f0f0f !important;
border:none !important;
width: 100%;
}
textarea#ff_6_description{
background:none;
}
select.ff-el-form-control:not([size]):not([multiple]) {
height: 50px !important;
}
.cs-h-sec-quotation {
background: #091030 !important;
padding-bottom: 50px;
position: sticky;
}
.cs-h-s-containerr {
padding: 50px;
box-shadow: 0 15px 25px rgba(0,0,0,.6);
backdrop-filter: blur(3px);
border-radius: 50px;
font-family: 'AmericanCaptain';
letter-spacing: 2px;
font-size:22px;
color: #FE9B02 ;
}
select.ff-el-form-control:not([size]):not([multiple]) {
height: 50px !important;
background: none;
color: white;
}
input#ff_6_input_text {
background: none;
color:white !important;
}
.fluentform .ff-el-form-control{
background:none;
color:white;
}
.ff-t-cell.ff-t-column-1{
row-gap: 10px!important
}
.ff-t-container{
gap: 30px !important;
}
</style>
<script>
/*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */
(function(w){"use strict";if(!w.loadCSS){w.loadCSS=function(){}}
var rp=loadCSS.relpreload={};rp.support=(function(){var ret;try{ret=w.document.createElement("link").relList.supports("preload")}catch(e){ret=!1}
return function(){return ret}})();rp.bindMediaToggle=function(link){var finalMedia=link.media||"all";function enableStylesheet(){link.media=finalMedia}
if(link.addEventListener){link.addEventListener("load",enableStylesheet)}else if(link.attachEvent){link.attachEvent("onload",enableStylesheet)}
setTimeout(function(){link.rel="stylesheet";link.media="only x"});setTimeout(enableStylesheet,3000)};rp.poly=function(){if(rp.support()){return}
var links=w.document.getElementsByTagName("link");for(var i=0;i<links.length;i++){var link=links[i];if(link.rel==="preload"&&link.getAttribute("as")==="style"&&!link.getAttribute("data-loadcss")){link.setAttribute("data-loadcss",!0);rp.bindMediaToggle(link)}}};if(!rp.support()){rp.poly();var run=w.setInterval(rp.poly,500);if(w.addEventListener){w.addEventListener("load",function(){rp.poly();w.clearInterval(run)})}else if(w.attachEvent){w.attachEvent("onload",function(){rp.poly();w.clearInterval(run)})}}
if(typeof exports!=="undefined"){exports.loadCSS=loadCSS}
else{w.loadCSS=loadCSS}}(typeof global!=="undefined"?global:this))
</script></head>
<body data-rsssl=1 class="home page-template page-template-cs-home page-template-cs-home-php page page-id-23 wp-custom-logo">
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#primary">Skip to content</a>
<header class="cs-h-site-header">
<div data-animation="over-right" class="cs-h-navbar cs-h-w-nav">
<div class="cs-h-container cs-h-nav-container">
<div class="cs-h-header-col-left">
<a href="https://recyclingmedia.com/" class="custom-logo-link" rel="home" aria-current="page"><img width="252" height="136" src="https://recyclingmedia.com/wp-content/uploads/2023/07/logofinal-1.png" class="custom-logo" alt="Recycling Media" decoding="async" /></a> <p class="site-title"><a href="https://recyclingmedia.com/" rel="home">Recycling Media</a></p>
<p class="site-description">Professional Website Design and Development Agency</p>
</div>
<div class="cs-h-header-col-right">
<nav id="site-navigation" class="main-navigation cs-h-nav-menu cs-h-w-nav-menu">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><img style="width: 30px;" src="https://recyclingmedia.com/wp-content/uploads/2023/08/hamburger.png" /></button>
<div class="cs-h-nav-links-new">
<div class="menu-main-menu-container"><ul id="primary-menu" class="menu"><li id="menu-item-169" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-169"><a href="https://recyclingmedia.com/about-us/">About Us</a></li>
<li id="menu-item-84" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-84"><a href="https://recyclingmedia.com/services/">Services</a></li>
<li id="menu-item-357" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357"><a href="https://recyclingmedia.com/case-studies/">Case Studies</a></li>
<li id="menu-item-12012" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12012"><a href="https://recyclingmedia.com/blogs/">Blogs</a></li>
<li id="menu-item-340" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-340"><a href="https://recyclingmedia.com/hire-us/">Hire Us</a></li>
<li id="menu-item-276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-276"><a href="https://recyclingmedia.com/contact-us/">Contact Us</a></li>
</ul></div> </div>
</nav>
</div>
</div>
</div>
</header>
<style>
h1,h2,h3,h4,h5,a,p
{
margin: 0;
outline: none;
}
h1,h2,h3,h4,h5{
font-family:AmericanCaptain !important;
font-weight: lighter !important;
}
.cs-h-nav-links-new ul > li > a, .cs-h-nav-links-new ul > li > a:hover
{
color: white;
}
.cs-lets-btn > a
{
color: black !important;
}
.cs-h-nav-links-new ul > li > a:after, .cs-h-nav-links-new ul > li > a:hover:after {
background-color: white;
}
.hero-section {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
background-image:url(/wp-content/uploads/2024/01/1920x1000.png) !important;
display: flex;
position: relative;
padding-top: 250px;
padding-bottom: 111px;
overflow: hidden;
margin-top: -111px;
background-size: cover;
background-repeat: no-repeat;
}
.hero-container {
z-index: 5;
width: 100%;
max-width: 1340px;
padding-left: 24px;
padding-right: 24px;
position: relative;
justify-content: center;
display: flex;
}
.hero-bg-image {
z-index: -1;
width: 100vw;
height: auto;
max-width: none;
object-fit: fill;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
background: #091030;
}
.hero-bg-image-mobile {
z-index: -1;
width: 100vw;
height: auto;
max-width: none;
object-fit: fill;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
transform: scale(1.5);
}
.hero-content {
width: 100%;
max-width: 1086px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.hero-col-1 {
width: 100%;
text-align: center;
}
.strong-button {
z-index: 2;
width: 200px;
height: 86px;
background-color: transparent;
border-bottom: 1px #000;
border-radius: 82px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
top: 0%;
bottom: auto;
right: 0;
}
.clutch {
width: 100%;
height: 34px;
max-width: 81px;
object-fit: contain;
}
.clutch-review-2, .clutch-review-new {
width: 100%;
height: 22px;
max-width: 145px;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-embed:after {
clear: both;
}
.clutch-button {
stroke-dashoffset: 0;
transition: stroke-dashoffset 1.2s cubic-bezier(.86, 0, .12, 1);
stroke-dasharray: 508 508;
will-change: stroke-dashoffset;
-webkit-animation: beat 2s infinite;
animation: beat 2s infinite;
}
.strong-button:hover .clutch-button {
stroke-dashoffset: 384;
transition: stroke-dashoffset .9s cubic-bezier(.86, 0, .12, 1);
}
@-webkit-keyframes beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
58% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
62% {
-webkit-transform: scale(1);
transform: scale(1);
}
66% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}@keyframes beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
58% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
62% {
-webkit-transform: scale(1);
transform: scale(1);
}
66% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.embed-border {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
transform: rotate(180deg);
}
.hero-col-2 {
position: relative;
}
.hero-h1-wrapper {
width: 100%;
display: flex;
flex-direction: column;
position: relative;
flex-wrap: wrap;
}
/* ._wf-logo {
position: absolute;
bottom: 0%;
left: 0%;
right: auto;
display: block;
top: 50px;
} */
.services-h-wrap {
width: 94px;
height: 94px;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
a.herobtn.consul_btn.wb-btn-color {
background: #FE9B02 !important;
}
span.dfclr {
color: #FE9B02;
}
.typed-cursor {
opacity: 1;
color: #FE9B02;
font-size: 81px;
position: relative;
top: -18px;
left: 5px;
}
.services-jumbo {
color: white;
font-size: 110px;
font-weight: lighter !important;
line-height: 110px;
font-family:AmericanCaptain !important;
}
.new-services-jumbo {
color: white;
font-family: DMSans !important;
font-weight: 400;
line-height: 1.3em;
font-size: 30px;
display: block;
margin-top: 30px;
margin-bottom: 30px;
text-align:center;
}
.hero-outer {
width: 100%;
height: auto;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.hero-inner {
width: 100%;
max-width: 1086px;
align-items: center;
display: flex;
justify-content: center;
column-gap: 30px;
margin-top: 35px;
}
.arrow-logo {
justify-content: center;
align-items: center;
display: flex;
position: relative;
border: 1px solid;
border-radius: 100px;
}
.services-arrow-image.absolute {
width: 100%;
max-width: 45px;
margin-left: auto;
margin-right: auto;
position: absolute;
animation: arrowAnimation 1.9s infinite;
}
.cs-h-col-strong-btn {
position: relative;
}
@keyframes arrowAnimation {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-12px);
}
}
.hero-text {
width: 100%;
max-width: 100%;
justify-content: flex-start;
align-items: flex-start;
display: flex;
text-align: center;
}
.text-xl.services {
margin-bottom: 0;
}
.text-xl {
letter-spacing: 0;
font-size: 22px;
font-weight: 500;
line-height: 1.6em;
}
.text-neutral {
color: #fff;
}
/* Sec 2 CSS */
.cs-h-sec2 {
background: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
min-height: 60vh;
background-image: url('/wp-content/uploads/2024/01/Bg-2.png');
background-size: cover;
background-repeat: no-repeat;
justify-content: center;
}
.supa_wwd {
font-size: 110px;
line-height: 100px;
font-weight: lighter !important;
text-align: center;
transition: all 0.9s;
position: relative;
/* bottom: -190px; */
/* color: #111633; */
background-color: #FE9B02 !important;
margin-top: 0;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.cs-h-services-wrapper {
align-items: center;
display: flex;
flex-direction: row;
gap: 20px;
justify-content: center;
max-width: 1280px;
padding: 0;
/* transform: translateY(-40vh);
transform-style: preserve-3d; */
width: 100%;
z-index: 10;
}
.service-card {
border-radius: 32px;
flex-direction: column;
gap: 50px;
height: 100%;
width: 100%;
max-width: 100%;
padding: 20px;
}
.service-card>.name {
align-items: flex-start;
display: flex;
width: 100%;
}
.service-card>.name {
color: black;
flex-direction: row;
font-size: 64px;
font-style: normal;
font-weight: 500;
line-height: 70px;
opacity: 0.8;
padding: 0;
text-align: center;
justify-content: center;
}
.consul_btn:hover .consul_btn_icon2 {
right: 40px !important;
}
.service-card.design>.name>img {
transform: scaleY(-1);
}
.sc-about-ct-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
opacity: 0.8;
color: black;
}
p.sc-about-subtitle {
font-size: 30px;
margin: 0;
font-weight: 500;
color: white;
}
p.sc-about-para {
margin: 0;
margin-top: 0px;
font-size: 28px;
}
/* Sec 3 */
.cs-h-sec3 {
position: relative;
padding: 50px 0 0px 0;
}
.tab-parent {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
}
.tab-top {
width: 100%;
height: 7em;
border-top: 1px #7a7a7a;
align-items: flex-end;
margin-top: 0;
padding-bottom: 3em;
display: flex;
position: relative;
}
.container-tabs.is--tab {
width: 100%;
max-width: 1280px;
border-bottom: 1px rgba(9,20,27,.28);
margin-top: 0;
padding-top: 0;
padding-bottom: 0.8em;
padding-left: 0;
top: 40px;
}
.tab-btn-parent {
width: 100%;
display: flex;
position: relative;
}
/*
p.teb-text-selector:active {
color: white !important;
} */
.tab-button-selector {
width: 20%;
height: 100%;
color: #fff;
background-color: #FE9B02;
border: 1px solid #e5f8fc;
border-radius: 0;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
transition: all 0.3s;
}
.tab-btn-child {
cursor: pointer;
flex: 1;
justify-content: center;
align-items: center;
padding-top: 0.7em;
padding-bottom: 0.7em;
text-decoration: none;
display: flex;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.div-hide-2 {
text-decoration: none;
position: relative;
overflow: hidden;
}
.teb-text-selector {
color: #111633;
font-weight: bold;
font-family: DMSans !important;
font-size: 16px !important;
}
.teb-text-selector.one {
margin-bottom: 0;
text-decoration: none;
font-weight: bold;
}
.tab-h2.text-white {
max-width: none;
color: #fff;
font-weight: lighter;
font-size: 48px;
line-height: 48px;
}
.tab-h2 {
margin-bottom: 10px;
font-size: 3.2em;
font-weight: 600;
}
.text-white {
color: #fff;
}
.span-text {
display: inline-block;
}
.span-text.one {
max-width: 600px;
letter-spacing: 0;
font-size: 22px;
line-height: 30px;
}
.cs-h-bk-container {
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
background: hsla(0,0%,100%,.02);
}
/* Tab New Css */
.section-tabs-service {
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
height: 38em;
background: #121632;
}
.left-tab-slide-parent {
width: 50%;
height: 100%;
overflow: hidden;
}
.right-tab-slide-parent {
width: 50%;
height: 100%;
background: #111633;
overflow: hidden;
}
.tab-slide-child {
display: flex;
transition: all 0.6s;
transform: translateX(-400%);
}
.img-parent.is--tab.mob-hidden {
width: 100%;
min-width: 100%;
}
.tab-panels-contain {
display: flex;
min-width: 100%;
height: 100%;
transition: all 0.6s;
}
.tab-panel.bg-black {
width: 100%;
min-width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 100px;
color: #fff;
}
.img-parent {
min-width: 100%;
width: 100%;
margin-left: -4px;
}
p.supa_wwd_para {
text-align: center;
font-size: 28px;
max-width: 1280px;
margin: 0 auto;
margin-bottom: 50px;
padding: 0 20px;
}
/* Section 4 */
.cs-h-sec4 {
width: 100%;
padding: 100px 20px 100px 20px;
}
.cs-h-s4-container {
display: flex;
flex-wrap: wrap;
max-width: 1085px;
margin: 0 auto;
padding-top:60px;
column-gap: 2%;
row-gap: 25px;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
background: hsla(0,0%,100%,.02);
}
.portfolio-card {
background-size: cover!important;
border-radius: 32px;
cursor: pointer;
overflow: hidden;
padding: 20px;
position: relative;
height: 600px;
border: 1px solid black;
}
/* .portfolio-card:nth-child(even)
{
width: 52%;
}
.portfolio-card:nth-child(odd) {
width: 46%;
} */
.portfolio-card:first-of-type {
width: 46%;
}
.portfolio-card:nth-of-type(2) {
width: 52%;
}
.portfolio-card:nth-of-type(3) {
width: 52%;
}
.portfolio-card:nth-of-type(4) {
width: 46%;
}
.portfolio-card:nth-of-type(5) {
width: 46%;
}
.portfolio-card:nth-of-type(6) {
width: 52%;
}
.portfolio-card:nth-of-type(7) {
width: 52%;
}
.portfolio-card:nth-of-type(8) {
width: 46%;
}
.portfolio-card > .pf-card-text {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 5px;
padding: 10px;
width: 100%;
color: white;
}
.pf-card-h
{
font-weight: 200 !important;
font-size: 30px;
line-height: 35.2px;
font-weight: 600;
letter-spacing: 2px !important;
}
.pf-card-para
{
line-height: 21px;
font-weight: 200;
}
.portfolio-card a.pf-icon-go
{
opacity: 0;
}
.portfolio-card a.pf-icon-go {
align-items: flex-start;
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
background: hsla(0,0%,100%,.02);
border-radius: 99px;
content: url(wp-content/uploads/2023/07/arrow-up-right.svg);
display: flex;
flex-direction: row;
gap: 15px;
height: 64px;
justify-content: center;
padding: 20px;
position: absolute;
right: 20px;
top: 20px;
width: 64px;
transition: all .3s;
margin-top: 25px;
}
.portfolio-card:hover a.pf-icon-go {
margin-top: 0;
opacity: 1;
scale: .9;
}
/* Section 5 */
.cs-h-sec5 {
width: 100%;
padding-bottom: 0px;
}
.achievement_wrappper {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.achievement_row {
display: flex;
flex-wrap: wrap;
padding-top: 40px;
}
.achievement_container {
padding: 100px 20px;
background: white;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
background-repeat: no-repeat;
background-size: cover;
}
.achievement_col_1, .achievement_col_2 {
width: 100%;
text-align: center;
display:flex;
justify-content:center;
align-items:center;
padding: 10px 0px;
}
.achievement_col_1 > p {
font-size: 28px;
color: #091030;
font-weight: 400;
margin-bottom: 15px;
}
.achievement_col_1 > span {
font-size: 15px;
color: white;
}
/*.achievement_col_1 {
padding-right: 20px;
} */
.achievement_col_2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 30px;
width:100%
}
.achievement_count_box {
width: 48%;
display: flex;
flex-direction: column;
text-align: center;
height: 300px;
background: #091030;
justify-content: center;
box-shadow: 0px 0px 12px 2px #fe9b0266;
}
span.achievement_cb_h1 {
font-size: 70px;
font-weight: bold;
line-height: 95px;
color: #FE9B02 ;
font-family: 'AmericanCaptain' !important;
letter-spacing: 5px;
}
span.achievement_cb_para {
color: white;
font-size: 22px;
font-weight: 400;
}
.achievement_col_3
{
width: 100%;
}
.achievement_col_3 > p {
margin-top: 50px;
font-size: 18px;
color: white;
font-weight: 400;
line-height: 35px;
}
/* Section 6 */
section.cs-h-sec6 {
width: 100%;
padding-bottom: 100px;
padding: 0px 20px 100px 20px;
}
.blog_container {
width: 100%;
max-width: 100%;
margin: 0 auto;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
max-width: 1000px;
}
.blog_col-1, .blog_col-2 {
width: 100%;
}
.blog_c1_decs {
display: flex;
justify-content: space-between;
margin: 10px 0px 40px 0px;
align-items: center;
}
.blog_c1_decs > p {
font-size: 28px;
line-height: 1.5;
margin: auto;
text-align: center;
display: flex;
}
a.all_blog_btn {
background: #091030;
padding: 10px 60px;
text-decoration: none;
display: flex;
margin: auto;
color: white;
border-radius: 23px;
font-size: 18px;
transition: 0.3s;
}
a.all_blog_btn:hover {
background: #FE9B02 ;
}
.blog_row {
width: 100%;
margin: 0 auto;
}
.blog_article {
background-size: cover!important;
border-radius: 18px;
display: flex;
min-height: 275px!important;
position: relative;
width: 48%;
flex-direction: column;
padding: 25px;
}
a.blog_read {
padding: 10px 20px;
background: #FE9B02;
border-radius: 20px;
font-size: 14px;
text-decoration: none;
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 25px;
transition: 0.3s;
opacity: 0;
z-index: 2;
}
.blog_article:hover a.blog_read {
margin-top: 0;
opacity: 1;
}
.blog_top_btn {
width: 100%;
display: flex;
justify-content: space-between;
color: white;
margin-bottom: 25px;
}
.blog_btn_1 {
padding: 8px 40px;
background: #091030;
border-radius: 20px;
font-size: 18px;
font-weight: 400;
color: white;
text-decoration: none;
}
.blog_btn_1:visited, .blog_btn_1:focus, .blog_btn_1:active {
color: white;
}
.blog_btn_2
{
font-size: 14px;
font-weight: 400;
}
.blog_content_con > h3 {
font-family: 'DMSans' !important;
font-size: 22px !important;
line-height: 25px !important;
color: white;
font-weight: 400 !important;
margin-bottom: 25px;
}
.blog_content_con p {
font-size: 18px;
line-height: 24px;
color: lightgray;
}
.blog_top_btn, .blog_content_con
{
z-index: 1;
}
/* .blog_article:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: black;
left: 0;
top: 0;
opacity: 0.6;
border-radius: 20px;
} */
.blog_c2_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 40px;
}
/* Section 7 */
.sample-slider{
width:100%;
}
.sec7_container {
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
}
.swiper-wrapper.partner-wrapper {
display: flex;
column-gap: 32px;
}
.swiper-slide{
height: 300px;
width: 300px;
color: #fff;
font-size: 25px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.sample-slider .swiper-wrapper.partner-wrapper{
transition-timing-function: linear;
}
section.cs-h-sec7 {
width: 100%;
padding: 100px 20px;
}
/* Section Consultation */
.sec-consultation-container {
max-width: 100%;
color: #091030;
text-align: center;
background-color: #091030;
background-position: 0 0;
margin-left: auto;
margin-right: auto;
padding: 125px 50px;
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
}
.sec-consultation-container h2 {
font-size: 70px;
line-height: 70px;
margin-bottom: 30px;
color: #FE9B02;}
.wb-btn-color-2 {
background-color: #FE9B02 !important;
border: 1px solid #FE9B02!important;
}
.qutoe{
margin-bottom:30px;
font-size: 22px;
line-height:31px;
color:white;
}
.consul_btn {
box-shadow: none;
color: #fff !important;
letter-spacing: 0;
background-color: #FE9B02 !important;
border: 1px solid #FE9B02!important;
padding: 15px 90px 15px 50px;
font-size: 18px;
font-weight: bold;
line-height: 28px;
text-decoration: none;
transition: all .3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
position: relative;
border-radius: 10px;
text-transform: uppercase;
letter-spacing: 2px;
}
.consul_btn:hover {
color: #fff;
background-color: #0c171f;
border-color: #f8f8f8;
box-shadow: 5px 5px #042825;
}
a.consul_btn img {
width: 30px;
position: absolute;
transition: all .3s;
}
.tab-col-hd {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.tab-col-hd h3 {
margin-left: 15px;
}
a.consul_btn:hover img {
right: 50px;
}
.tab-col-hd img {
width: 100px;
}
/* Section 8 */
section.cs-h-sec8 {
width: 100%;
}
section.cs-h-sec8 {
width: 100%;
}
.sec8_row {
width: 100%;
background: black;
margin: 0 auto;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
padding: 100px 20px;
}
.swiper-slide.testi-slide
{
height: 500px !important;
}
.sec8_container {
width: 100%;
max-width: 1280px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.sec8_col_1 {
width: 45%;
}
.sec8_col_2 {
width: 55%;
}
.testi-box {
display: flex;
padding: 20px;
background: #404040;
border: 2px solid #FE9B02;
border-radius: 50px;
margin: 0 40px;
height: 500px;
flex-direction: column;
align-items: center;
justify-content: center;
width: 85%;
}
.testi_img {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 0px !important;
}
.testi_col_1, .testi_col_2 {
display: flex;
width: 100%;
}
.testi_col_2 {
flex-wrap: wrap;
justify-content: center;
}
.testi_col_2 span, .testi_col_2 p {
width: 100%;
display: flex;
justify-content: center;
text-align: center;
}
.testi_img img {
max-width: 140px;
border-radius: 100px;
}
.testi_col_2 span {
font-size: 30px;
letter-spacing: 1px;
font-weight: 400;
margin-bottom: 10px;
font-family: 'AmericanCaptain';
}
.testi_col_2 p {
font-size: 18px !important;
padding: 0px 0px !important;
}
.sec8_col_2 {
width: 55%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
/* Section 9 */
.faq_container .faq {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.faq_container .faq li { padding: 20px; }
.faq_container .faq li.q {
font-weight: bold;
font-size: 120%;
border: 1px #ddd solid;
border-radius: 15px 15px 0px 0px;
cursor: pointer;
margin-top: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.faq_container .faq li.a {
background: black;
display: none;
color:#fff;
}
.faq_container .faq li.q i {
float: right;
transition: transform 0.3s ease-in-out;
}
.faq_container .faq li.q.rotate i::before {
content: "\f068"; /* Cross icon */
}
.faq_container .faq li.q i::before {
content: "\f067"; /* Plus icon */
}
.faq_container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.sec9_row {
width: 100%;
padding: 100px 20px;
}
span.q-col-1 {
width: 94%;
}
span.q-col-3{
font-size:18px;
}
h2.supaa.supa_wwd {
line-height: 100px !important;
}
h2.ah{
color:#FE9B02 !important;
}
a.consul_btn.herobtn:hover {
box-shadow: 3px 3px white !important;
}
h2.abouthead {
font-size: 110px;
line-height: 100px;
font-weight: lighter !important;
text-align: center;
transition: all 0.9s;
position: relative;
background-color: #111633;
margin-top: 0;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.herobtn {
outline: none !important;
box-shadow: none;
color: #fff !important;
letter-spacing: 0;
background-color: #4053ff;
border: 1px solid #4053ff;
padding: 15px 90px 15px 50px;
font-size: 18px;
font-weight: bold;
margin: auto;
line-height: 28px;
text-decoration: none;
transition: all .3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
position: relative;
border-radius: 10px;
text-transform: uppercase;
letter-spacing: 2px;
}
@media only screen and (max-width: 1600px) {
.section.cs-h-sec3 h2, section.cs-h-sec7 h2,.supa_wwd {
line-height: 100px !important;
font-size: 110px !important;
}
}
@media only screen and (max-width: 1100px){
.typed-cursor {
font-size: 70px !important;
top: -16px !important;
left: 3px;
}
}
@media only screen and (max-width: 860px){
.typed-cursor {
font-size: 56px !important;
top: -12px !important;
}
}
@media only screen and (max-width: 1366px){
.new-services-jumbo {
font-size: 30px!important;
line-height: 30px !important;
}
font-size: 74px !important;
top: -17px !important;
left: 3px;
}
}
@media only screen and (max-width: 660px){
.typed-cursor {
font-size: 41px !important;
top: -10px !important;
left: 3px;
}
}
@media only screen and (max-width: 1100px) {
.service-card>.name {
font-size: 30px!important;
line-height: 36px!important;
padding-top: 10px;
}
p.sc-about-para {
margin: 0!important;
margin-top: 0px!important;
font-size: 28px!important;
padding: 0px 20px;
}
}
@media only screen and (max-width: 960px) {
.tab-btn-parent {
flex-wrap: wrap;
row-gap: 0px !important;
flex-direction: column;
}
.typed-cursor {
color: #FE9B02;
font-size: 56px;
position: relative;
top: -13px;
left: 5px;
}
}
@media only screen and (max-width: 1024px)
.span-text.one {
font-size: 18px!important;
line-height: 24px!important;
}
@media only screen and (max-width: 768px) {
.supa_wwd,h2.abouthead {
font-size: 48px!important;
line-height: 75px!important;
margin-bottom: 0px;
}
.achievement_col_1 > p{
font-size: 18x!important;
}
section.cs-h-sec7 h2,.sec-consultation-container h2,span.achievement_cb_h1{
font-size: 48px!important;
line-height: 50px!important;
}
a.herobtn.consul_btn.wb-btn-color {
font-size: 13px !important;
padding: 10px 70px !important;
}
img.consul_btn_icon {
right: 35px !important;
top: 13px;
}
.new-services-jumbo {
font-size: 22px!important;
line-height: 30px !important;
}
h2.ah.supa_wwd {
margin-bottom: -10px;
}
.typed-cursor{
font-size: 51px !important;
top: -11px !important;
left:3px;
}
.service-hero-title {
padding-bottom: 20px;
}
h2.hs.supa_wwd {
margin-bottom: -15px;
}
.service-hero-title {
padding-bottom: 20px;
}
.cs-h-sec2 {
padding: 15px 0!important;
}
.cs-h-s4-container{
padding-top: 10px;
}
.cs-h-sec5 {
padding-bottom: 10px!important;
}
.cs-h-sec4 {
padding-top: 20px!important;
padding-bottom: 70px!important;
}
.blog_c1_decs.responsive-para {
padding-top: 0px !important;
}
span.achievement_cb_para,.span-text.one{
font-size: 18px !important;
}
p.supa_wwd_para,p.sc-about-para,.blog_c1_decs > p {
margin-bottom: 10px;
font-size: 18px !important;
}
h3.pf-card-h {
font-size: 30px;
line-height: 30px;
letter-spacing: 2px !important;
}
.section.cs-h-sec3 h2, section.cs-h-sec7 h2 ,.sec-consultation-container h2 , {
line-height: 50px !important;
font-size: 48px!important;
line-height: 48px!important;
}
.achievement_container {
padding: 20px 20px 70px!important;
}
.achievement_row {
padding-top: 5px;
}
.blog_c1_decs.responsive-para{
padding-top: 20px;
}
.service-card {
padding: 0px!important;
}
h2.supaa.supa_wwd {
line-height: 45px !important;
}
}
@media only screen and (max-width: 450px) {
.service-card span {
font-size: 26px;
line-height: 36px;
padding: 0px 10px;
}
.achievement_container {
padding: 20px 20px 0px!important;
}
.sec8_col_1 {
padding: 20px !important;
}
.cs-h-sec2 {
padding: 0px 0px 25px 0px!important;
}
a.herobtn.consul_btn.wb-btn-color {
font-size: 13px !important;
padding: 10px 70px !important;
}
img.consul_btn_icon {
right: 35px !important;
top: 13px;
}
.cs-h-sec3 {
padding: 30px 0 0px 0;
}
h2.abouthead{
padding-top: 30px;
padding-bottom: 10px;
line-height: 60px!important;
}
p.sc-about-para{
margin:0px !important;
}
h3.pf-card-h {
font-size: 25px;
line-height: 30px;
}
.new-services-jumbo {
font-size: 22px!important;
line-height: 30px !important;
}
.typed-cursor{
font-size: 31px !important;
top: -7px !important;
left:3px
}
}
</style>
<section class="hero-section" style="background-image:url(">
<div class="hero-container">
<div class="hero-content">
<div class="hero-outer">
<div class="hero-h1-wrapper mobile-vertical">
<div class="hero-col-1">
<!-- <h1 class="services-jumbo">We create websites that <br> <span class="dfclr" > ENGAGE, GENERATE, & REVOLUTIONIZE </span> <br> your business</h1> -->
<h1 class="services-jumbo">
Create websites that <br/>
<span class="text-type dfclr"></span><br/>
your business
</h1>
</div>
<div class="hero-col-2">
<!-- <div class="_wf-logo"><img src="wp-content/uploads/2023/07/Vectors-Wrapper.svg" loading="eager" alt="Webflow Logo" class="services-h-wrap"></div> -->
<span class="new-services-jumbo">Get a Premium Website That Will Build The Standard High and <b>ACCELERATE YOUR SALES TO MILLIONS.</b><br>Join our satisfied community of 250+ clients.</span>
<!-- <div class="hero-text">
<div class="text-xl services text-neutral responsive-para">At Recycling Media, we specialize in harnessing the full potential of your business by delivering cutting-edge website development solutions. We're passionate about propelling emerging businesses to new revenue heights, providing tailored support to amplify your success.</div>
</div>-->
<a class="herobtn consul_btn wb-btn-color" href="#testimonial" class="home_hero_cta_btn">Know More About Our Wealthy Tribe <img class="consul_btn_icon" style="right: 50px;" src="wp-content/uploads/2023/07/648b4432c6dce13102df37c5_Arrow.png"></a>
</div>
</div>
</div>
<div class="hero-inner">
<div class="arrow-logo">
<img class="services-arrow-image" src="https://recyclingmedia.com/wp-content/uploads/2023/07/arrowbg.svg" />
<img src="https://recyclingmedia.com/wp-content/uploads/2023/07/abArrow.svg" loading="eager" alt="Arrow Pointing Down" class="services-arrow-image absolute">
</div>
<div class="cs-h-col-strong-btn">
<a class="strong-button">
<div class="embed-border w-embed">
<svg class="clutch-button" width="100%" height="100%" viewBox="0 0 206 86" fill="none" xmlns="http://www.w3.org/2000/svg">
<path stroke="#fff" stroke-width="1.35135" d="M43 0.6757h119.7424s42.3243 0 42.3243 42.3243v0.0001s0 42.3243 -42.3243 42.3243h-119.7424s-42.3243 0 -42.3243 -42.3243v-0.0001s0 -42.3243 42.3243 -42.3243"></path>
</svg>
</div>
<img src="https://recyclingmedia.com/wp-content/uploads/2023/07/Google_2015_logo.svg.png" loading="eager" alt="Clutch Logo" class="clutch">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/07/ratingsss.svg" loading="eager" alt="Clutch Rating" class="clutch-review-new">
</a>
</div>
</div>
</div>
</div>
</section>
<section class="cs-h-sec2">
<div data-aos="fade-up"
data-aos-duration="2000">
<h2 class="abouthead" style="color: #FE9B02;">About Us</h2>
</div>
<div class="cs-h-services-wrapper">
<div class="service-card design">
<div class="sc-about-ct-wrapper">
<!-- <p class="sc-about-subtitle">
High Perfomance and quality Driven digital agency
</p> -->
<p class="sc-about-para responsive-para">
At RECYCLING MEDIA, we aim to boost your business to new peaks through expert website development. Our mission is to attract high-ticket clients, showcase your expertise, and build a portfolio that position you as a true industry expert.
</p>
</div>
</div>
</div>
</section>
<!-- Section 03 -->
<section class="cs-h-sec3 cs-tab-slider-sec">
<div data-aos="fade-up" data-aos-duration="2000">
<h2 class="supaa supa_wwd" style="font-size: 110px;line-height: 120px;margin-bottom: 20px;">Services</h2>
</div>
<div class="cs-h-bk-container">
<p class="supa_wwd_para para-responsive">Choose the Perfect Service for Your Business Journey! <br><br> From user friendly web development to a premium quality web design, we cover each aspect of your business website's journey. Probe our vast web services and choose the best that suits your goals.</p>
<div class="tab-parent" >
<div id="top" class="tab-top">
<div class="container-tabs is--tab">
<div class="tab-btn-parent">
<div class="tab-button-selector"></div>
<span class="tab-btn-child "><div class="div-hide-2"><p class="teb-text-selector">Webflow Services</p></div></span>
<span class="tab-btn-child "><div class="div-hide-2"><p class="teb-text-selector">Wordpress Services</p></div></span>
<span class="tab-btn-child "><div class="div-hide-2"><p class="teb-text-selector">Web Design Services</p></div></span>
<span class="tab-btn-child "><div class="div-hide-2"><p class="teb-text-selector">Website Expert Services</p></div></span>
<span class="tab-btn-child "><div class="div-hide-2"><p class="teb-text-selector">Digital Marketing Services</p></div></span>
</div>
</div>
</div>
</div>
<div class="section-tabs-service">
<div class="left-tab-slide-parent">
<div class="tab-slide-child">
<div class="img-parent">
<div class="img-child">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/12/digital-marketing-scaled.jpg"/>
</div>
</div>
<div class="img-parent">
<div class="img-child">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/12/website-expert-services-scaled.jpg"/>
</div>
</div>
<div class="img-parent">
<div class="img-child">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/12/web-design-scaled.jpg"/>
</div>
</div>
<div class="img-parent">
<div class="img-child">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/12/business-chart-visual-graphics-report-concept-scaled.jpg"/>
</div>
</div>
<div class="img-parent">
<div class="img-child">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/12/Untitled-1-scaled.jpg"/>
</div>
</div>
</div>
</div>
<div class="right-tab-slide-parent">
<div class="tab-panels-contain">
<div class="tab-panel bg-black">
<div class="tab-content-parent">
<div class="tab-col-hd">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/08/Webflow.svg" class="service-img-mob design">
<h3 class="tab-h2 text-white">Webflow<br>Services</h3>
</div>
<p class="text-white">
<span class="span-text one">We offer Webflow design & development services that are tailored to your unique business needs. From stunning visuals to user-friendly navigation. We create websites that engage and convert visitors into customers.
<br><br>
Then implementing the design on the Webflow website by following your business requirements, and design. Finally Finishing up by making the website responsive. Following are core development we use to do in Webflow</span>
</p>
<a class="consul_btn wb-btn-color-2" style="margin: 0 0 auto;margin-top: 30px;" href="https://recyclingmedia.com/webflow-services/">READ MORE<img class="consul_btn_icon consul_btn_icon2" style="right: 50px;" src="https://recyclingmedia.com/wp-content/uploads/2023/07/648b4432c6dce13102df37c5_Arrow.png"></a>
</div>
</div>
<div class="tab-panel bg-black">
<div class="tab-content-parent">
<div class="tab-col-hd">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/08/WordPress-Service.svg" class="service-img-mob design">
<h3 class="tab-h2 text-white">Wordpress<br>Services</h3>
</div>
<p class="text-white">
<span class="span-text one">We offer quality WordPress services to Businesses, to convert visitors into Customers using user-friendly, easy-to-load, and responsive websites on WordPress.
<br><br>
WordPress has liberty, which means the website will be fully customized as per your requirements. Get your website as per your brand Now. </span>
</p>
<a class="consul_btn wb-btn-color-2" style="margin: 0 0 auto;margin-top: 30px;" href="https://recyclingmedia.com/wordpress-services/">READ MORE<img class="consul_btn_icon consul_btn_icon2" style="right: 50px;" src="https://recyclingmedia.com/wp-content/uploads/2023/07/648b4432c6dce13102df37c5_Arrow.png"></a>
</div>
</div>
<div class="tab-panel bg-black">
<div class="tab-content-parent">
<div class="tab-col-hd">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/08/Web-Design.svg" class="service-img-mob design">
<h3 class="tab-h2 text-white">Web Design<br>Services</h3>
</div>
<p class="text-white">
<span class="span-text one">We design websites as per the Brand. We have helped more than 5,000 Businesses to have designs that are as per the brand, user-friendly, fast to load, animations, and many more.
<br><br>
We used to have meetings with clients to understand requirements in a better way. then we go for implementing requirements, and functionality in design. </span>
</p>
<a class="consul_btn wb-btn-color-2" style="margin: 0 0 auto;margin-top: 30px;" href="https://recyclingmedia.com/web-design-services/">READ MORE<img class="consul_btn_icon consul_btn_icon2" style="right: 50px;" src="https://recyclingmedia.com/wp-content/uploads/2023/07/648b4432c6dce13102df37c5_Arrow.png"></a>
</div>
</div>
<div class="tab-panel bg-black">
<div class="tab-content-parent">
<div class="tab-col-hd">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/08/Website-Expert.svg" class="service-img-mob design">
<h3 class="tab-h2 text-white">Website Expert<br>Services</h3>
</div>
<p class="text-white">
<span class="span-text one">We are well-known for providing personal assistance in website design, developing, and marketing the brand. Our trainers will help you to understand platforms in a better way and answer your queries.
<br><br>
Sitting with an expert for 30 minutes is better than wasting one day figuring out the IT solution. Mark the calendar, before it is too late. </span>
</p>
<a class="consul_btn wb-btn-color-2" style="margin: 0 0 auto;margin-top: 30px;" href="https://recyclingmedia.com/website-expert-services/">READ MORE<img class="consul_btn_icon consul_btn_icon2" style="right: 50px;" src="https://recyclingmedia.com/wp-content/uploads/2023/07/648b4432c6dce13102df37c5_Arrow.png"></a>
</div>
</div>
<div class="tab-panel bg-black">
<div class="tab-content-parent">
<div class="tab-col-hd">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/08/Digital-Marketing.svg" class="service-img-mob design">
<h3 class="tab-h2 text-white">Digital Marketing<br>Services</h3>
</div>
<p class="text-white">
<span class="span-text one">Congratulations you have launched a Business, but you need to do the marketing of the brand. Branding isn't complete without a campaign, we can do Digital marketing on social media, google ads, camping, and many more.
<br><br>
We have helped many businesses, and their Sales have increased by 40%. Take your company's revenue up to the next level with us.</span>
</p>
<a class="consul_btn wb-btn-color-2" style="margin: 0 0 auto;margin-top: 30px;" href="https://recyclingmedia.com/digital-marketing-services/">READ MORE<img class="consul_btn_icon consul_btn_icon2" style="right: 50px;" src="https://recyclingmedia.com/wp-content/uploads/2023/07/648b4432c6dce13102df37c5_Arrow.png"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 04 -->
<section class="cs-h-sec4">
<div data-aos="fade-up" data-aos-duration="2000">
<h2 class="supa_wwd">Portfolio</h2>
</div>
<div class="cs-h-s4-container">
<div class="portfolio-card" style="background: url(https://recyclingmedia.com/wp-content/uploads/2023/07/4-1120x1200-1.png)"
onclick="window.location.href='https://recyclingmedia.com/portfolio/onyxmedia-io/'">
<div class="pf-card-text">
<h3 class="pf-card-h">Onyxmedia.io</h3>
<div class="pf-card-para"><p>The seamless transformation of the Figma design into a website powered by Webflow not only fulfilled but surpassed the expectations set by Onyx Media.</p>
</div>
</div>
</div>
<div class="portfolio-card" style="background: url(https://recyclingmedia.com/wp-content/uploads/2023/07/1-1120x1200-1.png)"
onclick="window.location.href='https://recyclingmedia.com/portfolio/rehaapp/'">
<div class="pf-card-text">
<h3 class="pf-card-h">RehaApp</h3>
<div class="pf-card-para"><p>RehaApp now stands as a distinctive offering in the realm of astrology applications. </p>
</div>
</div>
</div>
<div class="portfolio-card" style="background: url(https://recyclingmedia.com/wp-content/uploads/2023/12/final-06-01.jpg)"
onclick="window.location.href='https://recyclingmedia.com/portfolio/dl-food-processing-machinery/'">
<div class="pf-card-text">
<h3 class="pf-card-h">DL Food Processing Machinery</h3>
<div class="pf-card-para"><p>The revamped website now stands as a comprehensive online catalog, effectively highlighting DL Leasing’s extensive inventory</p>
</div>
</div>
</div>
<div class="portfolio-card" style="background: url(https://recyclingmedia.com/wp-content/uploads/2023/12/final-02-1.jpg)"
onclick="window.location.href='https://recyclingmedia.com/portfolio/canadian-gifts/'">
<div class="pf-card-text">
<h3 class="pf-card-h">Canadian Gifts</h3>
<div class="pf-card-para"><p>The intuitive design and smooth functionality have contributed to increased user engagement and customer satisfaction.</p>
</div>
</div>
</div>
<div class="portfolio-card" style="background: url(https://recyclingmedia.com/wp-content/uploads/2023/12/01-1.jpg)"
onclick="window.location.href='https://recyclingmedia.com/portfolio/panda-dao/'">
<div class="pf-card-text">
<h3 class="pf-card-h">Panda dao</h3>
<div class="pf-card-para"><p>We utilized Figma, a collaborative design tool, to bring our creative vision to life</p>
</div>
</div>
</div>
<div class="portfolio-card" style="background: url(https://recyclingmedia.com/wp-content/uploads/2023/12/03.jpg)"
onclick="window.location.href='https://recyclingmedia.com/portfolio/midas-analytics/'">
<div class="pf-card-text">
<h3 class="pf-card-h">Midas Analytics</h3>
<div class="pf-card-para"><p>Our team embarked on the challenge of design to showcase.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section Consultation -->
<section class="sec-consultation">
<div class="sec-consultation-container" style="background-image:url(https://recyclingmedia.com/wp-content/uploads/2024/01/1920x1000.png)">
<h2>
Ready to transform your business fate? </h2>
<p class="qutoe responsive-para">
Let's start the journey together </p>
<a class="consul_btn wb-btn-color" style="margin: 0 auto;" href='https://recyclingmedia.com/quotation/'>GET YOUR QUOTE<img class="consul_btn_icon" style="right: 50px;" src="https://recyclingmedia.com/wp-content/uploads/2023/07/648b4432c6dce13102df37c5_Arrow.png"></a>
</div>
</section>
<!-- Section 05 -->
<section class="cs-h-sec5">
<div class="achievement_container")>
<div data-aos="fade-up" data-aos-duration="2000">
<h2 class="supa_wwd" style="margin-bottom: 0;">Achievements</h2>
</div>
<div class="achievement_col_1">
<p class="achievement_para responsive-para">Our Expertise Has Driven an Average 90% Increase in Business Revenue During the First Year of Partnership!</p>
<!-- <span> Sample text. Click to select the Text Element. </span> -->
</div>
<div class="achievement_wrappper">
<div class="achievement_row">
<div class="achievement_col_2">
<div class="achievement_count_box">
<span class="achievement_cb_h1" id="counter">1k+</span>
<span class="achievement_cb_para">Projects Completed On Fiverr</span>
</div>
<div class="achievement_count_box">
<span class="achievement_cb_h1" id="counter">10M</span>
<span class="achievement_cb_para">Revenue Generated for Clients</span>
</div>
<div class="achievement_count_box">
<span class="achievement_cb_h1" id="counter">100%</span>
<span class="achievement_cb_para">Top Rated on Upwork and Fiverr</span>
</div>
<div class="achievement_count_box">
<span class="achievement_cb_h1" id="counter">100+</span>
<span class="achievement_cb_para">Reviews on All Platforms</span>
</div>
</div>
<!-- <div class="achievement_col_3">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
molestiae quas vel sint <br> commodi repudiandae consequuntur voluptatum laborum
numquam blanditiis harum quisquam eius sed <br> odit fugiat iusto fuga praesentium
optio, eaque rerum! Provident similique accusantium nemo autem.</p>
</div> -->
</div>
</div>
</div>
</section>
<!-- Section 06 -->
<section class="cs-h-sec6">
<div data-aos="fade-up" data-aos-duration="2000">
<h2 class="hs supa_wwd">Our blog</h2>
</div>
<div class="blog_container">
<div class="blog_row">
<div class="blog_col-1">
<div class="blog_c1_decs responsive-para">
<p class="blog_c1_para">
We share news from the IT world, insiders of our studio and revive the genre of text interviews </p>
</div>
</div>
<div class="blog_col-2">
<div class="blog_c2_wrapper">
<div class="blog_article" style="background: linear-gradient(0deg, rgba(25, 25, 25, 0.85), rgba(25, 25, 25, 0.75)) center center, url(https://recyclingmedia.com/wp-content/uploads/2025/08/ChatGPT-Image-Aug-25-2025-08_28_53-PM.png);">
<a href="https://recyclingmedia.com/figma-to-webflow-agency/" class="blog_read"><img>Read</a>
<div class="blog_top_btn">
<a class="blog_btn_1" href="https://recyclingmedia.com/category/uncategorized/">Uncategorized</a><!-- <span class="blog_btn_1">Array</span> -->
<span class="blog_btn_2">August 25, 2025</span>
</div>
<div class="blog_content_con">
<h3>Figma to Webflow Agency | Seamless Webflow Development & Unlimited Support</h3>
<p><p>Figma to Webflow Agency: The Perfect Partner for Seamless Web Development In today’s fast-paced digital […]</p>
</p>
</div>
</div>
<div class="blog_article" style="background: linear-gradient(0deg, rgba(25, 25, 25, 0.85), rgba(25, 25, 25, 0.75)) center center, url(https://recyclingmedia.com/wp-content/uploads/2025/02/Top-Web-Design-and-Marketing-Automation-Trends-to-Watch-in-2025.png);">
<a href="https://recyclingmedia.com/top-web-design-and-marketing-automation-trends-to-watch-in-2025/" class="blog_read"><img>Read</a>
<div class="blog_top_btn">
<a class="blog_btn_1" href="https://recyclingmedia.com/category/uncategorized/">Uncategorized</a><!-- <span class="blog_btn_1">Array</span> -->
<span class="blog_btn_2">February 24, 2025</span>
</div>
<div class="blog_content_con">
<h3>Top Web Design and Marketing Automation Trends to Watch in 2025</h3>
<p><p>As we navigate through 2025, the digital landscape continues to evolve rapidly. Staying updated with […]</p>
</p>
</div>
</div>
<div class="blog_article" style="background: linear-gradient(0deg, rgba(25, 25, 25, 0.85), rgba(25, 25, 25, 0.75)) center center, url();">
<a href="https://recyclingmedia.com/webflow-wizards-crafting-your-website-with-ease/" class="blog_read"><img>Read</a>
<div class="blog_top_btn">
<a class="blog_btn_1" href="https://recyclingmedia.com/category/uncategorized/">Uncategorized</a><!-- <span class="blog_btn_1">Array</span> -->
<span class="blog_btn_2">October 9, 2024</span>
</div>
<div class="blog_content_con">
<h3>Webflow Wizards: Crafting Your Website with Ease</h3>
<p><p>One tool in particular stands out as a game-changer in web design, where creativity and […]</p>
</p>
</div>
</div>
<div class="blog_article" style="background: linear-gradient(0deg, rgba(25, 25, 25, 0.85), rgba(25, 25, 25, 0.75)) center center, url();">
<a href="https://recyclingmedia.com/boost-your-coaching-business-with-custom-funnels-a-comprehensive-guide/" class="blog_read"><img>Read</a>
<div class="blog_top_btn">
<a class="blog_btn_1" href="https://recyclingmedia.com/category/uncategorized/">Uncategorized</a><!-- <span class="blog_btn_1">Array</span> -->
<span class="blog_btn_2">September 5, 2024</span>
</div>
<div class="blog_content_con">
<h3>Boost Your Coaching Business with Custom Funnels: A Comprehensive Guide</h3>
<p><p>In today’s digital age, coaches need more than just expertise to succeed—they need the right […]</p>
</p>
</div>
</div>
<a href='https://recyclingmedia.com/blogs/' class="all_blog_btn">All articles</a>
</div>
</div>
</div>
</div>
</section>
<!-- Section Consultation -->
<section class="sec-consultation">
<div class="sec-consultation-container" style="background-image:url(https://recyclingmedia.com/wp-content/uploads/2024/01/1920x600.png)">
<h2>
Ready to transform your business fate? </h2>
<p class="qutoe responsive-para">
Let's start the journey together </p>
<a class="consul_btn wb-btn-color" style="margin: 0 auto;" href='https://recyclingmedia.com/quotation/'>GET YOUR QUOTE<img class="consul_btn_icon" style="right: 50px;" src="wp-content/uploads/2023/07/648b4432c6dce13102df37c5_Arrow.png"></a>
</div>
</section>
<!-- Section 7 -->
<section class="cs-h-sec7">
<div data-aos="fade-up" data-aos-duration="2000">
<h2 class="supa_wwd" style="font-size: 110px;line-height: 120px;margin-bottom: 20px;">We Won The Trust of Well-Known Brands </h2>
<p class="supa_wwd_para responsive-para">Discover why industry leaders believe in our services that can transform your business into a brand.
<br>
Our track record with these brands speaks volumes about what our services can do for your business.
</p>
</div>
<div class="sec7_container">
<div class="swiper sample-slider">
<div class="swiper-wrapper partner-wrapper">
<div class="swiper-slide partner-slide"><img src='https://recyclingmedia.com/wp-content/uploads/2023/07/1-1.jpg' /></div>
<div class="swiper-slide partner-slide"><img src='https://recyclingmedia.com/wp-content/uploads/2023/07/2-2.png' /></div>
<div class="swiper-slide partner-slide"><img src='https://recyclingmedia.com/wp-content/uploads/2023/07/3-1.png' /></div>
<div class="swiper-slide partner-slide"><img src='https://recyclingmedia.com/wp-content/uploads/2023/07/6-1.jpg' /></div>
<div class="swiper-slide partner-slide"><img src='https://recyclingmedia.com/wp-content/uploads/2023/07/7-1.jpg' /></div>
<div class="swiper-slide partner-slide"><img src='https://recyclingmedia.com/wp-content/uploads/2023/07/8-1.jpg' /></div>
<div class="swiper-slide partner-slide"><img src='https://recyclingmedia.com/wp-content/uploads/2023/07/11.jpg' /></div>
<div class="swiper-slide partner-slide"><img src='https://recyclingmedia.com/wp-content/uploads/2023/07/9-1.jpg' /></div>
</div>
</div>
</div>
</section>
<div id="testimonial">
<style>
section.cs-h-sec8 {
width: 100%;
}
section.cs-h-sec8 {
width: 100%;
}
.sec8_row {
width: 100%;
background: black;
margin: 0 auto;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
padding: 100px 20px !important;
background-size: cover;
background-repeat: repeat;
}
/* .swiper-slide.testi-slide
{
height: 500px !important;
} */
.sec8_container {
width: 100%;
max-width: 1280px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.sec8_col_1 {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
gap:50px;
padding: 80px 0px !important;
}
.sec8_col_2 {
width: 80% !important;
}
.testi-box {
display: flex;
padding: 20px;
background: #091030;
border-radius: 0px;
margin: 0 40px;
height: 500px;
flex-direction: column;
align-items: center;
justify-content: flex-start;
border: 2px solid #FE9B02;
width: 85%;
}
.testi_img {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.testi_col_1, .testi_col_2 {
display: flex;
width: 100%;
}
.testi_col_2 span {
font-size: 30px;
font-weight: bold;
margin-bottom: 10px;
color: #FE9B02;
}
.testi_col_2 {
flex-wrap: wrap;
justify-content: center;
color: white;
}
.testi_col_2 span, .testi_col_2 p {
width: 100%;
display: flex;
justify-content: center;
text-align: center;
}
.testi_img img {
max-width: 140px;
border-radius: 100px;
}
.testi_col_2 span {
font-size: 30px;
font-weight: bold;
margin-bottom: 10px;
}
.testi_col_2 p {
font-size: 16px;
padding: 0 50px;
}
.sec8_col_2 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin:auto;
}
/* popup Css*/
.video_popup_mian {
background: #0b102fa3;
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 558;
backdrop-filter: blur(2px);
display: none;
align-items: center;
justify-content: center;
}
.close_Btn_vid {
position: absolute;
width: 37px;
top: 52px;
right: 52px;
cursor: pointer;
}
.vide_one, .vide_two {
display: none;
}
img.ids_gm_v{
cursor: pointer;
}
.active_popup {
display: flex;
animation-name: fadeIn;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.vide_visla_active {
display: block !important;
}
@media only screen and (max-width: 600px) {
.sec8_row {
padding: 50px 20px !important;
}
.service-hero-title {
font-size: 45px !important;
line-height: 55px !important;
}
}
@media only screen and (max-width: 767px) {
.service-hero-title {
font-size: 80px !important;
line-height: 90px !important;
}
.sec8_col_1{
padding-bottom: 80px !important;
}
.testi-box {
width: 100% !important;
}
.service-hero-title {
font-size: 70px !important;
line-height: 75px !important;
}
.sec8_col_2 {
width: 100% !important;
}
}
@media only screen and (max-width: 425px) {
.sec8_col_1{
padding-top:0px !important
}
}
</style>
<section class="cs-h-sec8">
<div class="sec8_row" style="background-image:url(https://recyclingmedia.com/wp-content/uploads/2024/01/1920x1000.png)">
<div data-aos="fade-up" data-aos-duration="2000">
<h2 class="supa_wwd service-hero-title" style="margin-bottom: 0;">Testimonials</h2>
</div>
<div class="sec8_container">
<div class="sec8_col_1">
<div class="vid_one">
<img src="https://recyclingmedia.com/wp-content/uploads/2024/01/Untitled-3-2.png" class="ids_gm_v isx_V1"/>
</div>
<div class="vid_two">
<img src="/wp-content/uploads/2024/01/Untitled-4.png" class="ids_gm_v isx_V2"/>
</div>
<!-- <iframe width="540" height="315" src="https://www.youtube.com/embed/_kchbFMJg80" title="Client Review about Recycling Media - Website Development Company" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="540" height="315" src="https://www.youtube.com/embed/6rTp8Cfe3RU" title="Client Review about Recycling Media - Website development Company" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> -->
</div>
</div>
<div class="sec8_col_2">
<div class="swiper testi-slider">
<div class="swiper-wrapper testi-wrapper">
<div class="swiper-slide testi-slide">
<div class="testi-box">
<div class="testi_col_1">
<div class="testi_img">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/11/fiver-PNG-2.png" />
</div>
</div>
<div class="testi_col_2">
<span>lmarchitecture</span>
<p>
<p>Bilal was extremely patient with us and custom coded exactly what we wanted! He’s extremely hard working and knew how to resolve most of the intricate details on our website. I can’t recommend him highly enough.</p>
</p>
</div>
</div>
</div>
<div class="swiper-slide testi-slide">
<div class="testi-box">
<div class="testi_col_1">
<div class="testi_img">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/11/fiver-PNG-1.png" />
</div>
</div>
<div class="testi_col_2">
<span>m_bazergan</span>
<p>
<p>We love the work you’ve done ! You made it look easy ! But we know how much work goes into it. We really appreciate how collaborative Bilal was with all the comments we had and reiterations. We understand there is a lot of back and forth with visual services so patience is a necessary attribute. Thank you Bilal, you did a really great job making our vision a reality.</p>
</p>
</div>
</div>
</div>
<div class="swiper-slide testi-slide">
<div class="testi-box">
<div class="testi_col_1">
<div class="testi_img">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/11/fiver-PNG.png" />
</div>
</div>
<div class="testi_col_2">
<span>sanri96</span>
<p>
<p>This seller is great! He will get the job done.</p>
</p>
</div>
</div>
</div>
<div class="swiper-slide testi-slide">
<div class="testi-box">
<div class="testi_col_1">
<div class="testi_img">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/11/webflow.png" />
</div>
</div>
<div class="testi_col_2">
<span>Webflow Website Developer</span>
<p>
<p>“Bilal was fantastic throughout this project. Managed expectations according to the scope. Delivered great results. Highly recommended.”</p>
</p>
</div>
</div>
</div>
<div class="swiper-slide testi-slide">
<div class="testi-box">
<div class="testi_col_1">
<div class="testi_img">
<img src="https://recyclingmedia.com/wp-content/uploads/2023/11/upwork-PNG.png" />
</div>
</div>
<div class="testi_col_2">
<span>WordPress Gravity Forms Customization Expert</span>
<p>
<p>What a great team. Responsive and knowledgeable. Present and quick. Give them a shot, you won’t regret it.</p>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="video_popup_mian">
<span class="close_Btn_vid"><img src="https://recyclingmedia.com/wp-content/uploads/2024/01/rec_close.svg" class="cx_bt"/></span>
<div class="vide_one">
<iframe width="540" height="315" src="https://www.youtube.com/embed/_kchbFMJg80" title="Client Review about Recycling Media - Website Development Company" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="vide_two">
<iframe width="540" height="315" src="https://www.youtube.com/embed/6rTp8Cfe3RU" title="Client Review about Recycling Media - Website development Company" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</section>
</div>
<!-- Section 9 -->
<section class="cs-h-sec9">
<div class="sec9_row">
<div data-aos="fade-up" data-aos-duration="2000">
<h2 class="supa_wwd" style="margin-bottom: 0;">FAQ</h2></div>
<div class="faq_container">
<ul class="faq">
<li class="q"><span class="q-col-1">What services does your agency offer?</span> <span class="q-col-2"><i class="fas fa-plus"></i></span></li>
<li class="a"><span class="q-col-3">At Recycling Media, we specialize in a wide range of services, including WordPress website design and development, Webflow website creation, Shopify store development, and more. Our team is dedicated to crafting unique online solutions tailored to your business needs.</span></li>
<li class="q"><span class="q-col-1">Why should I choose WordPress for my website?</span> <span class="q-col-2"><i class="fas fa-plus"></i></span></li>
<li class="a"><span class="q-col-3">WordPress is a versatile and user-friendly content management system (CMS) that empowers businesses with customizable and dynamic websites. Our expertise in WordPress ensures your site is not only visually appealing but also functional and easily manageable.</span></li>
<li class="q"><span class="q-col-1">What is Webflow and how can it benefit my business?</span> <span class="q-col-2"><i class="fas fa-plus"></i></span></li>
<li class="a"><span class="q-col-3">Webflow is a modern web design and development platform that offers visually stunning and interactive websites. With Webflow, we create seamless user experiences and responsive designs, giving your brand a competitive edge in the digital landscape.</span></li>
<li class="q"><span class="q-col-1">Can you help me set up and customize my Shopify store?</span> <span class="q-col-2"><i class="fas fa-plus"></i></span></li>
<li class="a"><span class="q-col-3">Absolutely! Our skilled team excels in Shopify store development. We'll collaborate with you to design, build, and optimize your online store, creating an engaging shopping experience for your customers.</span></li>
<li class="q"><span class="q-col-1">Are your websites responsive and mobile-friendly?</span> <span class="q-col-2"><i class="fas fa-plus"></i></span></li>
<li class="a"><span class="q-col-3">Yes, all our websites are designed with responsiveness in mind. Whether your audience is browsing on a desktop, tablet, or smartphone, your site will adapt seamlessly to provide an optimal user experience.</span></li>
<li class="q"><span class="q-col-1">How long does it take to develop a website with your agency?</span> <span class="q-col-2"><i class="fas fa-plus"></i></span></li>
<li class="a"><span class="q-col-3">The timeline for website development varies based on the complexity and specific requirements of each project. We prioritize delivering high-quality work efficiently, and we'll provide you with a clear project timeline during our initial discussions.</span></li>
<li class="q"><span class="q-col-1">Can you redesign my existing website to give it a fresh look?</span> <span class="q-col-2"><i class="fas fa-plus"></i></span></li>
<li class="a"><span class="q-col-3">Certainly! Our team is experienced in website redesign projects. We'll work closely with you to understand your goals and revamp your website to align with your brand's updated vision.</span></li>
<li class="q"><span class="q-col-1">Do you provide ongoing support after the website is launched?</span> <span class="q-col-2"><i class="fas fa-plus"></i></span></li>
<li class="a"><span class="q-col-3">Yes, we offer ongoing support and maintenance services to ensure your website continues to operate smoothly. Whether you need updates, troubleshooting, or enhancements, we're here to assist you</span></li>
</ul>
</div>
</div>
</section>
<style>
body {
margin-bottom: 0 !important;
}
a {
outline: none !important;
}
.rebrand-h1 {
font-family: 'AmericanCaptain';
letter-spacing: 2px;
}
.footer_container {
width: 100%;
max-width: 1340px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
footer#custom_footer {
width: 100%;
z-index: 1;
color: #fff;
background-color: #091030;
flex-direction: column;
/* justify-content: center;
align-items: center; */
display: flex;
position: relative;
overflow: hidden;
padding: 112px 20px 0 20px;
}
.footer_m_col_1,
.footer_m_col_2 {
width: 100%;
}
span.think_span {
font-family: DMSans !important;
display: block;
font-size: 16px;
line-height: 16px;
font-weight: 500;
margin-bottom: 20px;
}
a.start_a {
display: flex;
font-size: 64px;
align-items: center;
text-decoration: none;
line-height: 70.4px;
border-bottom: 3px solid;
color: white;
font-weight: 600;
margin-bottom: 60px;
position: relative;
}
.footer-white-arrow {
width: 3.0625rem;
height: 2.625rem;
object-fit: contain;
margin-left: 1.5rem;
transition: 0.3s;
position: absolute;
right: 0;
}
a.start_a:hover .footer-white-arrow {
margin-left: 2.5rem;
right: -25px;
}
p.rebrand-paragraph-l {
font-size: 24px;
line-height: 38.4px;
font-weight: 500;
margin-bottom: 20px;
}
.footer_m_col_3 {
width: 100%;
padding-top: 100px;
padding-bottom: 30px;
display: flex;
justify-content: space-between;
}
.footer_m_col_1 {
padding-right: 0;
}
.footer_c22_col_2 {
width: 28%;
}
form#fluentform_2 label:after {
all: unset;
}
form#fluentform_2 label {
font-size: 16px;
line-height: 16px;
font-weight: 600;
margin-bottom: 10px;
}
form#fluentform_2 input {
width: 100%;
height: 3.625rem;
background-color: rgba(0, 0, 0, .1);
border-width: 0.0625rem;
border-color: rgba(255, 255, 255, .5);
border-radius: 0.25rem;
margin-bottom: 1rem;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: white;
}
form#fluentform_2 input:hover,
form#fluentform_2 input:focus,
form#fluentform_2 input:active {
border-color: white;
}
form#fluentform_2 .fluentform .ff-el-group {
margin-bottom: 0 !important;
}
button.ff-btn.ff-btn-submit {
font-size: 17px !important;
line-height: 19.6px;
font-weight: 500;
border-width: 0.0625rem;
border-color: rgba(255, 255, 255, .5);
border-radius: 0.25rem;
height: 3.625rem !important;
}
button.ff-btn.ff-btn-submit:hover {
background-color: white !important;
border-color: rgba(245, 210, 252, 1) !important;
color: black !important;
opacity: 1 !important;
}
.footer_cc2_col_1 {
width: 68%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer_m_col_2 {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
align-self: auto;
}
.footer_cc2_col_wrapper>span,
.footer_c22_col_2>span {
display: block;
font-size: 28px;
line-height: 28px;
font-weight: 500;
margin-bottom: 30px;
font-family: 'AmericanCaptain';
letter-spacing: 2px;
}
.footer_ccm_col_2 {
width: 100%;
margin-bottom: 20px;
}
.footer_cc2_col_wrapper>div ul {
font-family: DMSans !important;
list-style: none;
padding: 0;
margin: 0;
}
.footer_cc2_col_wrapper>div>ul>li>a {
font-family: DMSans !important;
display: block;
text-decoration: none;
color: white;
margin-bottom: 10px;
opacity: 0.7;
}
.footer_c22_col_2>div>span {
margin-bottom: 35px;
display: block;
}
.footer_c22_col_2>span {
border-bottom: 1px solid #b5b8c1;
padding-bottom: 25px;
}
.footer_c22_col_2>div>p {
font-size: 14px;
line-height: 21px;
font-weight: 400;
opacity: 0.6;
}
.footer_m_col_3>a {
text-decoration: none;
font-size: 12px;
line-height: 18px;
color: white;
}
.footer_c22_col_2 {
width: 28%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.footer_ccm_col_2>p {
margin-top: 10px;
font-size: 14px;
line-height: 21px;
opacity: 0.7;
}
.footer_ccm2_box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-end;
}
.footer_cc2_col_wrapper {
width: 30%;
margin-bottom: 20px;
}
div[data-name="ff_cn_id_1"] .ff-el-group,
div[data-name="ff_cn_id_2"] .ff-el-group {
margin-bottom: 10px;
}
.ff-el-form-check-label {
background: #091030;
color: white;
padding: 13px 20px;
display: block;
}
.footer_ccm_col_2>a {
font-size: 14px;
line-height: 21px;
opacity: 0.7;
text-decoration: none;
color: white;
}
/* Responsive */
@media only screen and (max-width: 1200px) {
.footer_cc2_col_1 {
width: 100% !important;
}
.footer_c22_col_2 {
width: 100% !important;
}
}
@media only screen and (max-width: 800px) {
.footer_cc2_col_wrapper {
width: 50% !important;
}
}
@media only screen and (max-width: 680px) {
.footer_cc2_col_wrapper {
width: 100% !important;
}
a.start_a:hover .footer-white-arrow {
margin-left: 0 !important;
right: 0 !important;
}
a.start_a {
font-size: 50px !important;
line-height: 60px !important;
margin-bottom: 35px !important;
}
footer#custom_footer {
padding: 80px 20px 0 20px;
}
}
@media only screen and (max-width: 445px) {
a.start_a {
font-size: 45px !important;
line-height: 60px !important;
}
.footer_m_col_3 {
padding-top: 50px;
}
}
@media only screen and (max-width: 425px) {
a.start_a {
font-size: 35px !important;
line-height: 50px !important;
}
.footer-white-arrow {
width: 40px !important;
height: 40px !important;
}
}
}
</style>
<footer id="custom_footer" class="custom_footer">
<div class="footer_container">
<div class="footer_m_col_1">
<span class="think_span">Think we can help?</span>
<a href="https://recyclingmedia.com/quotation/" class="start_a">
<div class="rebrand-h1">Start a project</div>
<img class="footer-white-arrow" src="https://assets-global.website-files.com/5e43ed0b04c33630b256cf8d/648b4432c6dce13102df37c5_Arrow.png" />
</a>
</div>
<div class="footer_m_col_2">
<div class="footer_cc2_col_1">
<div class="footer_cc2_col_wrapper">
<span>Company</span>
<div>
<ul>
<li><a href="https://recyclingmedia.com/about-us/">About us</a></li>
<li><a href="https://recyclingmedia.com/services/">Services</a></li>
<li><a href="https://recyclingmedia.com/case-studies/">Case Studies</a></li>
<li><a href="https://recyclingmedia.com/hire-us/">Hire Us</a></li>
<li><a href="https://recyclingmedia.com/contact-us/">Contact Us</a></li>
</ul>
</div>
</div>
<div class="footer_cc2_col_wrapper">
<span>Webflow Services</span>
<div>
<ul>
<li><a href="https://recyclingmedia.com/webflow-website-design/">Webflow Website Design</a></li>
<li><a href="https://recyclingmedia.com/webflow-website-development/">Webflow Website Development</a></li>
<li><a href="https://recyclingmedia.com/adobe-xd-to-webflow/">Adobe Xd to Webflow</a></li>
<li><a href="https://recyclingmedia.com/figma-to-webflow/">Figma to Webflow</a></li>
<li><a href="https://recyclingmedia.com/webflow-website-maintenance/">Webflow Website Maintenance</a></li>
<li><a href="https://recyclingmedia.com/webflow-seo/">Webflow SEO</a></li>
</ul>
</div>
</div>
<div class="footer_cc2_col_wrapper">
<span>Wordpress Services</span>
<div>
<ul>
<li><a href="https://recyclingmedia.com/Wordpress-Website-Design/">Wordpress Website Development</a></li>
<li><a href="https://recyclingmedia.com/Adobe-Xd-to-Wordpress/">Adobe Xd to Wordpress</a></li>
<li><a href="https://recyclingmedia.com/Figma-to-Wordpress/">Figma to Wordpress</a></li>
<li><a href="https://recyclingmedia.com/Wordpress-Migration/">Wordpress Migration</a></li>
<li><a href="https://recyclingmedia.com/Wordpress-Website-for-Non-Profit/">Wordpress-Website-for-Non-Profit</a></li>
<li><a href="https://recyclingmedia.com/Wordpress-Website-for-eCommerce/">Wordpress Website for eCommerce</a></li>
</ul>
</div>
</div>
<div class="footer_cc2_col_wrapper">
<span>Hire Us</span>
<div>
<ul>
<li><a href="https://recyclingmedia.com/hire-a-professional-wordpress-website-design/">Hire a Wordpress Developer</a></li>
<li><a href="https://recyclingmedia.com/webflow-website-development-3/">Hire a Webflow Developer</a></li>
<li><a href="https://recyclingmedia.com/hire-a-professional-figma-to-webflow/">Hire a Figma to Webflow</a></li>
<li><a href="https://recyclingmedia.com/hire-a-professional-wordpress-website-for-ecommerce/">Hire a Ecommerce Developer</a></li>
<li><a href="https://recyclingmedia.com/hire-a-professional-sales-landing-page/">Hire a Sales Landing Page Designer</a></li>
<li><a href="https://recyclingmedia.com/hire-a-professional-custom-php-web-development/">Hire a Custom PHP Web Developer</a></li>
<li><a href="https://recyclingmedia.com/hire-a-professional-social-media-marketing/">Hire a Social Media Marketer</a></li>
</ul>
</div>
</div>
<div class="footer_cc2_col_wrapper">
<span>Web Design Services</span>
<div>
<ul>
<li><a href="https://recyclingmedia.com/website-design/">Website Design</a></li>
<li><a href="https://recyclingmedia.com/website-redesign/">Website Redesign</a></li>
<li><a href="https://recyclingmedia.com/landing-page-design/">Landing Page Design</a></li>
<li><a href="https://recyclingmedia.com/sales-landing-page/">Sales Landing Page</a></li>
<li><a href="https://recyclingmedia.com/website-design-in-figma/">Website Design in Figma </a></li>
<li><a href="https://recyclingmedia.com/website-design-in-adobe-xd/">Website Design in Adobe XD</a></li>
</ul>
</div>
</div>
<div class="footer_cc2_col_wrapper">
<span>Digital Marketing Services</span>
<div>
<ul>
<li><a href="https://recyclingmedia.com/SEO-Services/">SEO Services</a></li>
<li><a href="https://recyclingmedia.com/Social-Media-Marketing/">Social Media Marketing</a></li>
<li><a href="https://recyclingmedia.com/PPC-Advertising/">PPC Advertising</a></li>
<li><a href="https://recyclingmedia.com/Website-SEO-Copywriting/">Website SEO Copywriting</a></li>
<li><a href="https://recyclingmedia.com/Email-Marketing-Services/">Email Marketing Services</a></li>
</ul>
</div>
</div>
</div>
<div class="footer_c22_col_2">
<!-- <div class="footer_Form">
<p class="rebrand-paragraph-l">Join our Ninja Community to<br>get the latest updates.</p>
<div class='fluentform ff-default fluentform_wrapper_2 ffs_default_wrap'><form data-form_id="2" id="fluentform_2" class="frm-fluent-form fluent_form_2 ff-el-form-top ff_form_instance_2_1 ff-form-loading ff_has_v3_recptcha ffs_default" data-form_instance="ff_form_instance_2_1" method="POST" data-recptcha_key="6Le6MtsqAAAAACkmag9_9yL0CuHzTjF0IVtvOzIt" ><fieldset style="border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;">
<legend class="ff_screen_reader_title" style="display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;">Subscription Form</legend><input type='hidden' name='__fluent_form_embded_post_id' value='23' /><input type="hidden" id="_fluentform_2_fluentformnonce" name="_fluentform_2_fluentformnonce" value="1759557e6f" /><input type="hidden" name="_wp_http_referer" value="/" /><div data-type="name-element" data-name="names" class=" ff-field_container ff-name-field-wrapper" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class="ff-el-input--label ff-el-is-required asterisk-right"><label for='ff_2_names_first_name_' >Name</label></div><div class='ff-el-input--content'><input type="text" name="names[first_name]" id="ff_2_names_first_name_" class="ff-el-form-control" aria-invalid="false" aria-required=true></div></div></div></div></div><div class='ff-el-group'><div class="ff-el-input--label ff-el-is-required asterisk-right"><label for='ff_2_email' aria-label="Email">Email</label></div><div class='ff-el-input--content'><input type="email" name="email" id="ff_2_email" class="ff-el-form-control" data-name="email" aria-invalid="false" aria-required=true></div></div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type="submit" class="ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css" >Get latest updates</button></div></fieldset></form><div id='fluentform_2_errors' class='ff-errors-in-stack ff_form_instance_2_1 ff-form-loading_errors ff_form_instance_2_1_errors'></div></div> <script type="text/javascript">
window.fluent_form_ff_form_instance_2_1 = {"id":"2","settings":{"layout":{"labelPlacement":"top","helpMessagePlacement":"with_label","errorMessagePlacement":"inline","asteriskPlacement":"asterisk-right"},"restrictions":{"denyEmptySubmission":{"enabled":false}}},"form_instance":"ff_form_instance_2_1","form_id_selector":"fluentform_2","rules":{"names[first_name]":{"required":{"value":true,"message":"This field is required"}},"names[middle_name]":{"required":{"value":false,"message":"This field is required"}},"names[last_name]":{"required":{"value":false,"message":"This field is required"}},"email":{"required":{"value":true,"message":"This field is required"},"email":{"value":true,"message":"This field must contain a valid email"}}},"debounce_time":300};
</script>
</div> -->
<div class="footer_Form2">
<!-- Begin Brevo Form -->
<!-- START - We recommend to place the below code in head tag of your website html -->
<style>
@font-face {
font-family: AmericanCaptain;
src: url(https://recyclingmedia.com/wp-content/uploads/2024/01/American-Captain.otf);
}
@font-face {
font-family: DMSans;
src: url(/wp-content/uploads/2024/01/DMSans_18pt-Regular.ttf);
}
#sib-container input:-ms-input-placeholder {
text-align: left;
color: #c0ccda;
}
#sib-container input::placeholder {
text-align: left;
color: #c0ccda;
}
#sib-container textarea::placeholder {
text-align: left;
color: #c0ccda;
}
span.tt {
letter-spacing: 2px;
font-family: 'AmericanCaptain';
color: white !important;
font-size: 28px !important;
}
input#EMAIL {
font-family: DMSans !important;
}
#sib-container {
background: none !important;
margin: -20px 0px auto !important;
}
.sib-form-block {
padding: 0px !important;
}
.sib-form {
padding: 0px 0px 32px !important; }
.sib-form .entry__field {
align-items: center;
height: 50px !important;
background: #ff000000 !important;
border: 2px solid white !important;
border-radius: 5px;
display: inline-flex;
margin: 0.25rem 0;
max-width: 100%;
}
</style>
<!-- END - We recommend to place the above code in head tag of your website html -->
<!-- START - We recommend to place the below code where you want the form in your website html -->
<div class="sib-form" style="text-align: center;
background-color: none;">
<div id="sib-form-container" class="sib-form-container">
<div id="error-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" />
</svg>
<span class="sib-form-message-panel__inner-text"> Your subscription could not be saved. Please try again. </span>
</div>
</div>
<div></div>
<div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z" />
</svg>
<span class="sib-form-message-panel__inner-text"> Your subscription has been successful. </span>
</div>
</div>
<div></div>
<div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center; background-color:#111633 !importanrt; padding:0px !important; max-width:540px; border-radius:3px; border-style:none; direction:ltr">
<form id="sib-form" method="POST" action="https://3b0b58d3.sibforms.com/serve/MUIFALe6MfIUcCvfGas84bs1D7vhDfUyvaQwbtOfBZeIMm7c-b-1SONmTkhF0VhIx_CtnBnSxMYNfIXRFytLDpC6uS_bYxI7ejmB724EWt1jj0LIOs_DDIVD46ejAkbTxUzOSdvbE5SD22DBMvPUWi_U0xjSW91I0jFiDIuk4T4S_lh0xOCGF3tlZfr0mhcZ24kmQEgbi2X_ItkK" data-type="subscription">
<div style="padding: 8px 0;">
<div class="sib-form-block" style="font-size:32px; text-align:left; font-weight:400; font-family:AmericanCaptain !important; color:#3C4858; background-color:transparent; text-align:left">
<span class="tt">Newsletter</span>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-form-block" style="font-size:16px; text-align:left; font-family:DMSans; color:white; padding-top:6px !important; background-color:transparent; text-align:left">
<div class="sib-text-form-block">
<p>Subscribe to our newsletter and stay updated.</p>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
<label class="entry__label" style="font-weight: 400; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:DMSans; color:white; background:none;" for="EMAIL" data-required="*">Enter your email address to subscribe</label>
<div class="entry__field">
<input class="input " type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="EMAIL" data-required="true" required />
</div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
<label class="entry__specification" style="font-size:14px; text-align:left; font-family:DMSans;, sans-serif; color:white; text-align:left"> Provide your email address to subscribe. For e.g abc@xyz.com </label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-captcha sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
<div class="g-recaptcha sib-visible-recaptcha" id="sib-captcha" data-sitekey="6LebAUMpAAAAAN61KlqdDSPpMDpMtwbkpFuQ4-1V" data-callback="handleCaptchaResponse" style="direction:ltr"></div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-form-block" style="text-align: left">
<button class="sib-form-block__button sib-form-block__button-with-loader" style="font-size:16px; text-align:center; width:100%; font-weight:700; font-family:DMSans; color:#FFFFFF; background: none !important; border: 2px solid white !important; height: 60px !important; border-radius:5px;" form="sib-form" type="submit">
<svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512">
<path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" />
</svg> SUBSCRIBE </button>
</div>
</div>
<input type="text" name="email_address_check" value="" class="input--hidden">
<input type="hidden" name="locale" value="en">
</form>
</div>
</div>
</div>
<!-- END - We recommend to place the below code where you want the form in your website html -->
<!-- START - We recommend to place the below code in footer or bottom of your website html -->
<script src="https://www.google.com/recaptcha/api.js?hl=en"></script>
<!-- END - We recommend to place the above code in footer or bottom of your website html -->
<!-- End Brevo Form -->
</div>
<div class="footer_ccm2_box">
<div class="footer_ccm_col_2">
<span>Contact</span>
<div class="address_container_1">
<b>UK Office Address</b>
<p> Unit 134593, PO Box 7169,<br> Poole, BH15 9EL </p>
</div>
<a class="ct-link" href="mailto:info@recyclingmedia.com">info@recyclingmedia.com</a>
<div class="address_container_2">
<b>PK Office Address</b>
<p> 618 Mashrique Center, Block 14 Gulshan-e-Iqbal, <br> Karachi, Karachi City, Sindh 74550 </p>
<a class="ct-link" href="tel:447446254418">+44 7446254418</a>
</div>
</div>
<div class="footer_ccm_col_2">
<a href="https://www.facebook.com/recyclingmedia" target="_blank"><img src="https://recyclingmedia.com/wp-content/uploads/2023/07/facebook.png" width="40" /></a>
<a href="https://www.pinterest.com/recyclingmedia/" target="_blank"><img src="https://recyclingmedia.com/wp-content/uploads/2023/07/pinterest-1.png" width="40" /></a>
<a href="https://www.instagram.com/recyclingmediaa/" target="_blank"><img src="https://recyclingmedia.com/wp-content/uploads/2023/07/instagram.png" width="40" /></a>
<a href="https://www.linkedin.com/company/recyclingmedia/mycompany/" target="_blank"><img src="https://recyclingmedia.com/wp-content/uploads/2023/08/linkedin_icon.png" width="40" /></a>
</div>
</div>
</div>
</div>
<div class="footer_m_col_3">
<span>© copyright 2025 - All rights reserved</span>
<!-- <a href="#">Back to Top</a> -->
</div>
</div>
<!--Start of Tawk.to Script-->
<!--End of Tawk.to Script-->
</footer>
</div><!-- #page --> <style>
.grecaptcha-badge {
visibility: hidden;
}
</style><style>form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit { background-color:rgba(245, 210, 252, 0);border-color:rgba(255, 255, 255, 1);color:#000000;border-radius:5px;min-width:100%; }form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover { background-color:#ffffff;border-color:#1a7efb;color:#1a7efb; } </style>
<script id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"\/(.+\/)?feed\/?.+\/?|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/|\/wp-login.php","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/recyclingmedia.com","onHoverDelay":"100","rateThrottle":"3"};
</script>
<script id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
</script>
<script src="https://www.google.com/recaptcha/api.js?render=6Le6MtsqAAAAACkmag9_9yL0CuHzTjF0IVtvOzIt&ver=5.2.12" id="google-recaptcha-js"></script>
<script src="https://recyclingmedia.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js" defer></script>
<script id="fluent-form-submission-js-extra">
var fluentFormVars = {"ajaxUrl":"https:\/\/recyclingmedia.com\/wp-admin\/admin-ajax.php","forms":[],"step_text":"Step %activeStep% of %totalStep% - %stepTitle%","is_rtl":"","date_i18n":{"previousMonth":"Previous Month","nextMonth":"Next Month","months":{"shorthand":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"longhand":["January","February","March","April","May","June","July","August","September","October","November","December"]},"weekdays":{"longhand":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"shorthand":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},"daysInMonth":[31,28,31,30,31,30,31,31,30,31,30,31],"rangeSeparator":" to ","weekAbbreviation":"Wk","scrollTitle":"Scroll to increment","toggleTitle":"Click to toggle","amPM":["AM","PM"],"yearAriaLabel":"Year","firstDayOfWeek":1},"pro_version":"5.1.1","fluentform_version":"5.2.12","force_init":"","stepAnimationDuration":"350","upload_completed_txt":"100% Completed","upload_start_txt":"0% Completed","uploading_txt":"Uploading","choice_js_vars":{"noResultsText":"No results found","loadingText":"Loading...","noChoicesText":"No choices to choose from","itemSelectText":"Press to select","maxItemText":"Only %%maxItemCount%% options can be added"},"input_mask_vars":{"clearIfNotMatch":false},"nonce":"8705086195"};
</script>
<style id="fluentform_custom_css_2" type="text/css">
.fluent_form_2 button.ff-btn.ff-btn-submit {
color: #ffffff;
border: solid 0.8px white !important;
}
.fluent_form_2 form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit {
background-color: rgba(245, 210, 252, 1);
border-color: rgba(245, 210, 252, 1);
color: #ffffff;
border-radius: 5px;
min-width: 100%;
} </style>
<script>"use strict";var wprRemoveCPCSS=function wprRemoveCPCSS(){var elem;document.querySelector('link[data-rocket-async="style"][rel="preload"]')?setTimeout(wprRemoveCPCSS,200):(elem=document.getElementById("rocket-critical-css"))&&"remove"in elem&&elem.remove()};window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script><script src="https://recyclingmedia.com/wp-content/cache/min/1/e67ff4c4f679d3b127513e7d548769e5.js" data-minify="1" defer></script><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open%20Sans&display=swap" /><link rel="stylesheet" href="https://recyclingmedia.com/wp-content/cache/min/1/63a230290eb1d40a75ec4faaba819c0f.css" media="all" data-minify="1" /></noscript></body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1757373204 -->