body {padding: 0; margin: 0; font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 16px; background: #D4D4D8;}

:root {
	--bs-cardin-green: #17291E;
	--bs-cardin-green-rgb: 23, 41, 30;
	--bs-lemon-ginger: #8A842E;
	--bs-lemon-ginger-rgb: 138, 132, 46;
	--bs-dawn-pink: #e5d9ce;
	--bs-dawn-pink-rgb: 229, 217, 206;
	--bs-white: #ffffff;
	--bs-white-rgb: 255, 255, 255;
	--bs-black: #000;
	--bs-black-rgb: 0, 0, 0;
	--bs-pueblo: #6E2B22;
	--bs-mischka: #9CA3AF;
	--bs-french-grey: #BDBDBD;
}

.font-bigshoulderstext {font-family: 'Big Shoulders Text', cursive;}
.font-aktivgroteskcd {font-family: 'Francois One', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.font-weight-100 {font-weight: 100;}
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}

.btn {padding: 18px 24px; line-height: 1; font-weight: 600; font-size: 16px; letter-spacing: -0.01em; color: #FFFFFF; border-radius: 5px; border: 0px;}
.btn.btn-primary {background: #FF4925; color: #fff;}
.btn.btn-primary:hover {background: #D52B09;}

.btn.btn-danger {background: #0057E2; color: #fff;}
.btn.btn-danger:hover {background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #0057E2; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);}

.btn.btn-secondary {background: #142644; color: #fff;}
.btn.btn-secondary:hover {background: #08152b;}

.btn.btn-link {padding: 0px; font-size: 16px; color: rgba(0, 0, 0, 0.8); text-transform: none; text-decoration: none;}
.btn.btn-link:hover {color: #000;}

.container {max-width: 1290px;}

body.page-template-publisher-network-page {background: #fff;}
body.page-template-publisher-network-page header.navbar {background: #fff;}


/* header */
header.navbar {padding: 50px; z-index: 1; position: sticky; top: 0px; background: #D4D4D8; z-index: 3}
header.navbar .navbar-brand {display: block; padding: 0; margin: 0px;}
header.navbar .navbar-brand svg {fill: #000;}
header.navbar .navbar-brand .orange-color {fill: #FF4925;}
header.navbar ul.navbar-nav > li {margin-left: 17px;}
header.navbar ul.navbar-nav > li > a {display: block; font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: -0.01em; color: #000000; padding: 8px 16px; text-decoration: none; border: 4px solid transparent; border-radius: 23px; transition: all 0.5s;}
header.navbar ul.navbar-nav > li > a:hover, header.navbar ul.navbar-nav > li > a.active {border-color: #fff;}
header.navbar ul.navbar-nav > li:last-child > a {border: 0px; color: #fff; padding: 12px 20px;}

header.navbar ul.navbar-nav > li > ul.dropdown-menu {background: #000; border: 0px; padding: 30px 0; overflow: hidden; min-width: 18rem; border-radius: 0;}
header.navbar ul.navbar-nav > li > ul.dropdown-menu > li {margin: 0;}
header.navbar ul.navbar-nav > li > ul.dropdown-menu > li > a {color: #fff; padding: 10px 30px; font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: -0.01em;}
header.navbar ul.navbar-nav > li > ul.dropdown-menu > li > a:hover {color: #FF4925; background: transparent;}



.banner-section {display: flex; flex-wrap: wrap; position: relative; padding: 50px 40px;}
.banner-section .banner-content {display: block; position: relative;}
.banner-section .banner-content h1 {display: block; font-weight: 900; font-size: 176px; line-height: 1; letter-spacing: -4px; text-transform: uppercase; color: #FF4925; margin: 0 0 30px;}
.banner-section .banner-content h1.small-text {font-size: 135px;}
.banner-section .banner-content h1 span {color: #FFFFFF;}
.banner-section .banner-content p {display: block; font-weight: 600; font-size: 24px; line-height: 1.2; letter-spacing: -0.03em; color: #000000; margin: 0px;}
.banner-section .banner-video {display: block; position: relative; padding-bottom: 56.3%;}
.banner-section .banner-video video {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.banner-section .banner-video .video-control {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: transparent; border: 0px; padding: 0px; margin: 0px;}
.banner-section .banner-video .video-control svg {fill: #FF4925; fill-opacity: 0.7;}
.banner-section .banner-video .video-control svg.play-icon {display: block;}
.banner-section .banner-video .video-control svg.pause-icon {display: none;}

.banner-section .banner-video .video-control.playing {opacity: 0; visibility: hidden;}
.banner-section .banner-video .video-control.playing svg.play-icon {display: none;}
.banner-section .banner-video .video-control.playing svg.pause-icon {display: block;}
.banner-section .banner-video:hover .video-control.playing {opacity: 1; visibility: visible;}

.banner-section .banner-image {display: block; position: relative; padding: 56px;}
.banner-section .banner-image .about-bg {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); height: 100%; object-fit: cover; z-index: -1;}
.banner-section .banner-image .about-img {max-width: 100%; display: block; position: relative;}


.fullbackground-section {position: relative; display: block;}
.fullbackground-section img {display: block;}
.fullbackground-section .fullpage {margin-top: -1080px;}

ul#menu {display: block; position: sticky; top: 210px; width: 100%; z-index: 1; margin: 210px 0 ; padding: 0px; list-style: none;}
ul#menu.sticky {opacity: 1; visibility: visible;}
ul#menu li {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin-bottom: 40px;}
ul#menu li a {display: block; border-radius: 0px; width: auto; padding: 0px; font-weight: 900; font-size: 125px; text-decoration: none; line-height: 0.8; letter-spacing: -4px; text-transform: uppercase; border: 0px; white-space: nowrap; color: white; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: white; text-align: center;}
ul#menu li a sup {font-size: 50px; display: inline-flex; line-height: 0.5; margin-left: 15px; top: -80px;}
ul#menu li a:hover,
ul#menu li.active a {background: transparent; color: #FF4925; -webkit-text-fill-color: #FF4925; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: transparent;}
ul#menu li:last-child {margin: 0px;}

.count-section {display: block; position: relative; z-index: 1; background: #FF4925; padding: 140px 0 215px;}
.count-section p.count-content {display: block; font-weight: 600; font-size: 38px; line-height: 1.2; color: #FFFFFF; margin: 0 0 100px; text-align: center;}
.count-section .count-boxs {display: flex !important; flex-wrap: wrap; align-items: center; padding: 0 32px;}
.count-section .count-boxs h3 {display: block; margin: 0; font-weight: 900; font-size: 150px; line-height: 1; letter-spacing: 2.326px; text-transform: uppercase; color: #FFFFFF; flex: 1 0 0%;}
.count-section .count-boxs .count-boxs-content {flex: 1 0 0%; padding: 0 0 0 12px;}
.count-section .count-boxs .count-boxs-content .icon {display: block; margin-bottom: 14px;}
.count-section .count-boxs .count-boxs-content .icon svg {display: block; height: 40px; width: 40px;}
.count-section .count-boxs .count-boxs-content p {display: block; font-weight: 600; font-size: 20px; line-height: 1.2; letter-spacing: -0.01em; text-transform: capitalize; color: #000000; margin: 0px;}

.newsupdates-section {display: block; padding: 100px 0 25px 0;}
.newsupdates-section .newsletter-main {display: block; margin-bottom: 75px;}
.newsupdates-section .newsletter-main p {display: block; font-weight: 600; font-size: 38px; line-height: 1.2; color: #000000; margin: 0 0 32px; text-align: center;}
.newsupdates-section .newsletter-main .newsletter-box {max-width: 430px; margin: 0 auto; position: relative;}
.newsupdates-section .newsletter-main .newsletter-box .form-control {display: block; padding: 24px 148px 24px 24px; background: #FFFFFF; border-radius: 48px; font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.01em; color: #4F4F4F; border: 0px;}
.newsupdates-section .newsletter-main .newsletter-box .btn-newsletter {position: absolute; top: 10px; right: 12px; border-radius: 50px;}

.newsupdates-section .image {position: relative; display: block; padding: 54px; overflow: hidden; margin-bottom: 75px;}
.newsupdates-section .image img.news-bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.newsupdates-section .image img.news-img {position: relative; max-width: 100%; display: block;}
.newsupdates-section .news-content {display: block; padding: 0 0 0 40px;}
.newsupdates-section .news-content h4 {display: block; font-weight: 600; font-size: 20px; line-height: 1; color: #000000; margin: 0 0 14px;}
.newsupdates-section .news-content h2 {display: block; font-weight: 900; font-size: 66px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; color: #FF4925; margin: 0 0 14px;}
.newsupdates-section .news-content h2 a {color: #FF4925; text-decoration: none;}
.newsupdates-section .news-content p {display: block; max-width: 77%; font-weight: 400; font-size: 20px; line-height: 1.3; color: #000000; margin: 0px;}
.newsupdates-section .news-content.left-content {padding: 0 40px 0 0;}

footer {background: #000000; display: block; padding: 50px 0;}
footer .footer-logo {display: block; margin-bottom: 57px;}
footer .footer-logo svg {display: block; max-width: 100%;}
footer ul.social-media {display: flex; flex-wrap: wrap; padding: 0px; margin: 0px; list-style: none; gap: 12px;}
footer ul.social-media li {display: block;}
footer ul.social-media li a {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #fff;}
footer ul.social-media li a svg {display: block; width: 24px; height: 24px;}
footer ul.menu-list {display: block; padding: 0px; margin: 0px; list-style: none;}
footer ul.menu-list li {display: block;}
footer ul.menu-list li a {display: block; font-weight: 400; font-size: 16px; line-height: 1.8; color: #FFFFFF; text-decoration: none;}
footer ul.menu-list li a:hover {color: #FF4925;}
footer .subscribe-main {display: block; max-width: 347px; margin-left: auto;}
footer .subscribe-main p {display: block; font-weight: 600; font-size: 16px; line-height: 1.2; color: #FFFFFF; margin: 0 0 14px; text-align: right;}
footer .subscribe-main .subscribe-box {max-width: 100%; margin: 0; position: relative;}
footer .subscribe-main .subscribe-box .form-control {display: block; padding: 14px 108px 14px 24px; background: #FFFFFF; border-radius: 48px; font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.01em; color: #4F4F4F; border: 0px;}
footer .subscribe-main .subscribe-box .btn-subscribe {position: absolute; top: 2px; right: 2px; border-radius: 50px; padding: 15px 20px;}
footer .copyright {display: flex; flex-wrap: wrap; gap: 20px; margin-top: 95px;}
footer .copyright p {margin: 0px; font-weight: 400; font-size: 14px; line-height: 1.8; color: #FFFFFF;}

.join-drawer.offcanvas {--bs-offcanvas-width: 730px; border: 0px;}
.join-drawer.offcanvas .btn-close {background: transparent; position: absolute; top: 60px; right: 40px; width: 44px; height: 44px; padding: 0px;}
.join-drawer.offcanvas .btn-close:hover {opacity: 1;}
.join-drawer.offcanvas .btn-close:focus {opacity: 1; box-shadow: none;}
.join-drawer .offcanvas-header {padding: 60px 60px 20px 60px;}
.join-drawer .offcanvas-header h2 {display: block; width: 50%; font-weight: 900; font-size: 66px; line-height: 1; text-transform: uppercase; color: #FF4925; margin: 0px;}
.join-drawer .offcanvas-header h2 span {color: #000000;}
.join-drawer .offcanvas-body {padding: 0px 60px 60px 60px;}

.about-section {display: block; padding: 95px 0 40px;}
.about-section h5 {display: block; font-weight: 600; font-size: 24px; line-height: 1.3; letter-spacing: -0.03em; color: #000000; margin-bottom: 30px;}
.about-section p {display: block; font-weight: 400; font-size: 20px; line-height: 1.5; letter-spacing: -0.01em; color: #000000; margin-bottom: 30px;}

.featured-section {display: block; padding: 96px 0;}
.featured-section h4 {display: block; font-weight: 600; font-size: 38px; line-height: 1; color: #000000; margin-bottom: 48px; text-align: center;}
.featured-section .logos-mian {display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}

.partner-form {display: block; padding: 0;}
.partner-form .form-group {display: block; margin-bottom: 20px;}
.partner-form .form-group label {display: block; margin-bottom: 12px; font-weight: 500; font-size: 15px; line-height: 20px; color: #000; min-height: 20px;}
.partner-form .form-group label span {color: #FF4925;}
.partner-form .form-group .form-control {display: block; background: #FFFFFF; border: 1px solid #D4D4D8; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05); border-radius: 0; padding: 18px 20px; line-height: 1; font-weight: 400; font-size: 16px; color: #AFAFAF;}
.partner-form .form-group .form-control::-webkit-input-placeholder {color: #4F4F4F; opacity: 1}
.partner-form .form-group .form-control:-ms-input-placeholder {color: #4F4F4F; opacity: 1}
.partner-form .form-group .form-control::placeholder {color: #4F4F4F; opacity: 1}
.partner-form .form-group textarea.form-control {height: 110px;}
.partner-form .form-group select.form-control {background: #fff url(../images/arrow-down.png) right 15px center no-repeat;}
.partner-form .form-group h5 {display: block; margin-bottom: 15px; font-weight: 400; font-size: 15px; line-height: 1; letter-spacing: -0.01em; color: #4F4F4F; margin-top: -7px;}
.partner-form .btn.btn-submit {display: block; margin-top: 20px; width: 100%; border-radius: 0px; text-transform: uppercase; color: #000;}

/*.partner-form .form-group .form-control.select-multiple, .partner-form .form-group .form-control.select-multiple2 {position: absolute; left: 0px; top: 0px; opacity: 0; visibility: hidden;}*/

/*.partner-form .form-group .checkbox-list {display: block;}
.partner-form .form-group .checkbox-list .checkbox-group {display: block; position: relative; margin-bottom: 10px;}
.partner-form .form-group .checkbox-list .checkbox-group input {position: absolute; left: 0px; top: 0px; opacity: 0; width: 100%; height: 100%; margin: 0px; padding: 0px;}
.partner-form .form-group .checkbox-list .checkbox-group input + label {display: block; position: relative; font-weight: 500; font-size: 15px; line-height: 20px; color: #000000; padding-left: 28px; letter-spacing: -0.01em; cursor: pointer; z-index: 1;}
.partner-form .form-group .checkbox-list .checkbox-group input + label span {position: absolute; top: 0; left: 0px; width: 20px; height: 20px; background: #fff; border: 2px solid #FF4925; border-radius: 0;}
.partner-form .form-group .checkbox-list .checkbox-group input:checked + label span {background: #fff url(../images/tick.png) center center no-repeat; background-size: 12px auto;}
*/


/*.partner-form .form-group .form-control.select-multiple,
.partner-form .form-group .form-control.select-multiple2 {position: absolute; left: 0px; top: 0px; opacity: 0; visibility: hidden;}
*/
.partner-form .wpcf7-form-control-wrap {display: block;}
.partner-form .wpcf7-form-control-wrap .wpcf7-list-item {display: block; position: relative; margin-bottom: 10px;}
.partner-form .wpcf7-form-control-wrap .wpcf7-list-item input {position: absolute; left: 0px; top: 0px; opacity: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; cursor: pointer;}
.partner-form .wpcf7-form-control-wrap .wpcf7-list-item label {display: block; position: relative; margin: 0px;}
.partner-form .wpcf7-form-control-wrap .wpcf7-list-item label span {display: block; font-weight: 500; font-size: 15px; line-height: 20px; color: #000000; padding-left: 28px; letter-spacing: -0.01em; cursor: pointer; z-index: 1;}
.partner-form .wpcf7-form-control-wrap .wpcf7-list-item label span:before {content: ''; position: absolute; top: 0; left: 0px; width: 20px; height: 20px; background: transparent; border: 2px solid #FF4925; border-radius: 0;}
.partner-form .wpcf7-form-control-wrap .wpcf7-list-item input:checked + span:before {background: #fff url(../images/tick.png) center center no-repeat; background-size: 12px auto;}

.wpcf7 > .screen-reader-response {display: none;}
.wpcf7 .wpcf7-not-valid-tip {display: block; font-size: 16px; color: #f00; text-align: left; line-height: 1; margin-top: 5px;}
.wpcf7 .wpcf7-response-output {display: block; font-size: 16px; color: #000; text-align: left; line-height: 1;}
footer .subscribe-main .subscribe-box .wpcf7 .wpcf7-response-output {color: #fff;}

.brands-logos-section {display: block; background: #FF4925; padding: 54px 60px;}
.brands-logos-section .logos-boxs {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0;}
.brands-logos-section .logos-boxs .logos-box {display: block;}
.brands-logos-section .logos-boxs .logos-box a {display: block; width: 100%;}

.brands-section {display: block; position: relative;}
.brands-section .brands-banner-section {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 600px;}
.brands-section .brands-banner-section h2 {display: block; }
.brands-section .brands-banner-section h2 a {display: block; font-weight: 900; font-size: 176px; line-height: 1; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: white; text-transform: uppercase; text-decoration: none;}
.brands-section .brands-banner-section h2:hover a {color: #FF4925; -webkit-text-fill-color: #FF4925; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: transparent;}
.brands-section .brands-content {display: block; width: 100%; padding: 80px 0;}
.brands-section .brands-content .brands-logo {display: block; margin-bottom: 30px;}
.brands-section .brands-content .brands-logo a {display: block; width: auto;}
.brands-section .brands-content p {display: block; font-weight: 400; font-size: 24px; line-height: 1.5; letter-spacing: -0.01em; color: #000000; margin: 0px; max-width: 82%;}
.brands-section .brands-content p.full-width {max-width: 100%;}

.backtop {position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; background: transparent; border: 0px; padding: 0px; margin: 0px 0 50px;}
.backtop svg {display: block;}
.backtop span {display: block; width: 100%; font-weight: 600; font-size: 18px; line-height: 1.5; letter-spacing: -0.01em; color: #FF4925;}

.notfound-section {padding: 90px 0 110px;}
.notfound-section .notfound-img {padding: 30px; display: block; background-size: cover; background-repeat: no-repeat; background-repeat: no-repeat;}
.notfound-section h1 {display: block; font-weight: 900; font-size: 175px; line-height: 0.94; text-transform: uppercase; color: #FF4925; margin: 0 0 20px;}
.notfound-section h3 {display: block; font-weight: 600; font-size: 55px; line-height: 0.94; color: #FFFFFF; margin: 0 0 10px;}
.notfound-section p {display: block; font-weight: 600; font-size: 24px; line-height: 1; color: #000000; margin: 0;}
.notfound-section p a {color: #FF4925; text-decoration: none;}
.notfound-section p a:hover {text-decoration: underline;}

.knowledge-title {display: block; background: #0057E2 url(../images/knowledge-bg.png) right center no-repeat; padding: 125px 0;}
.knowledge-title h1 {display: block; font-size: 68px; line-height: 1; letter-spacing: -3px; color: #FFFFFF; margin: 0px;}

.knowledge-section {display: block; padding: 90px 0 140px; background: #F1F4F9 url(../images/knowledge-bg2.png) center center no-repeat; background-size: cover;}
.knowledge-section p {display: block; font-weight: 400; font-size: 24px; line-height: 1.5; color: #071C2D; margin: 0px;}
.knowledge-section .search-form {margin: 54px 0; width: 62%;}
.knowledge-section .search-form .form-group {display: flex; flex-wrap: wrap; width: 100%;}
.knowledge-section .search-form .form-group .form-control {display: block; background: #FFFFFF; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 18px 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #4F4F4F; border: 0px; width: calc(100% - 140px);}
.knowledge-section .search-form .form-group .btn {margin-left: auto;}

.knowledge-section .knowledge-boxs {display: block; background: #FFFFFF; border: 1px solid #F1F4F9; box-shadow: 0px 4px 52px rgba(0, 0, 0, 0.05); border-radius: 8px; padding: 32px; transition: all 0.5s; position: relative; transform: translateY(0);}
.knowledge-section .knowledge-boxs .img {display: block; margin: 0 0 15px; width: 78px; height: 78px; border-radius: 50%; overflow: hidden; position: relative;}
.knowledge-section .knowledge-boxs .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.knowledge-section .knowledge-boxs h5 {display: block; font-weight: 500; font-size: 16px; line-height: 1.5; color: #0057E2; opacity: 0.8; margin: 0 0 15px;}
.knowledge-section .knowledge-boxs h3 {display: block; font-weight: 700; font-size: 35px; line-height: 1; letter-spacing: -0.01em; color: #071C2D; margin: 0 0 15px; min-height: 110px; max-width: 100%;}
.knowledge-section .knowledge-boxs h3 a {display: block; color: #071C2D; text-decoration: none;}
.knowledge-section .knowledge-boxs p {display: block; font-weight: 400; font-size: 18px; line-height: 1.6; color: #4F4F4F; opacity: 0.8; margin: 0 0 15px;}
.knowledge-section .knowledge-boxs:hover {transform: translateY(-4px); box-shadow: 0px 28px 52px rgba(0, 0, 0, 0.25);}


.publisher-section {padding: 110px 0; display: block;}
.publisher-section .logo-boxs {display: block; width: 158px; margin-bottom: 20px;}
.publisher-section .logo-boxs a {display: block;}
.publisher-section h1 {display: block; font-weight: 400; font-size: 68px; line-height: 100%; letter-spacing: -3px; color: #0057E2; margin-bottom: 20px;}
.publisher-section p {display: block; font-weight: 400; font-size: 18px; line-height: 1.5; color: #4F4F4F; margin-bottom: 40px;}
.publisher-section .publisher-form {display: block; background: #F1F4F9 url(../images/publisher-form-bg.png) left bottom no-repeat; border-radius: 8px; padding: 42px 125px 0;}
.publisher-section .publisher-form .form-group {display: block; margin-bottom: 20px;}
.publisher-section .publisher-form .form-group label {display: block; margin-bottom: 12px; font-weight: 500; font-size: 15px; line-height: 20px; color: #142644; min-height: 20px;}
.publisher-section .publisher-form .form-group p {margin-bottom: 0px;}
.publisher-section .publisher-form .form-group label span {color: #0057E2;}
.publisher-section .publisher-form .form-group .form-control {display: block; background: #FFFFFF; border: 1px solid #AFAFAF; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 20px; line-height: 1; font-weight: 400; font-size: 16px; color: #4F4F4F;}
.publisher-section .publisher-form .form-group .form-control::-webkit-input-placeholder {color: #4F4F4F; opacity: 0.55}
.publisher-section .publisher-form .form-group .form-control:-ms-input-placeholder {color: #4F4F4F; opacity: 0.55}
.publisher-section .publisher-form .form-group .form-control::placeholder {color: #4F4F4F; opacity: 0.55}
.publisher-section .publisher-form .form-group textarea.form-control {height: 110px;}



/* 1600px */
@media (max-width: 1700px) {
	.banner-section .banner-content h1 {font-size: 145px;}
	.count-section {padding: 140px 0;}
	.count-section .count-boxs {padding: 0px;}
	.count-section .count-boxs h3 {font-size: 110px;}
}

/* 1440px */
@media (max-width: 1590px) {
	.banner-section .banner-content h1 {font-size: 130px;}
	.banner-section .banner-content p {font-size: 20px;}

	.count-section {padding: 90px 0;}
	.count-section p.count-content {margin-bottom: 50px;}
	.count-section .count-boxs h3 {font-size: 80px; flex: 0 1 auto;}
	.count-section .count-boxs .count-boxs-content .icon {margin-bottom: 10px;}
	.count-section .count-boxs .count-boxs-content p {font-size: 18px;}

	.newsupdates-section {padding: 70px 0 25px 0;}

	.knowledge-section .knowledge-boxs h3 {min-height: 160px;}
} 

/* 1280px */
@media (max-width: 1430px) {
	.container {max-width: 1180px;}
	.banner-section .banner-content h1 {font-size: 120px;}
	.banner-section .banner-content p {font-size: 18px;}

	.about-section {padding: 60px 0 40px;}

	ul#menu {margin: 150px 0;}
	ul#menu li a {font-size: 90px;}
	ul#menu li a sup {font-size: 35px; top: -60px;}

	.fullbackground-section .fullpage {margin-top: -820px;}

	.brands-logos-section {padding: 35px 40px;}
	.brands-logos-section .logos-boxs .logos-box a svg {width: 130px; height: auto;}
	.brands-section .brands-content p {max-width: 100%;}

	.notfound-section h3 {font-size: 50px;}

	.knowledge-section .knowledge-boxs h3 {font-size: 30px; min-height: 130px; max-width: 100%;}

}

/* 1024px */
@media (max-width: 1199px) {
	.container {max-width: 960px;}

	header.navbar {padding: 20px;}

	.banner-section {padding: 30px;}
	.banner-section .banner-content h1 {font-size: 96px; margin: 0 0 20px;}
	.banner-section .banner-content p {font-size: 16px;}

	.banner-section.partner-banner .banner-content h1.small-text {font-size: 100px;}

	.count-section {padding: 50px 0;}
	.count-section p.count-content {font-size: 28px; margin-bottom: 30px;}

	.newsupdates-section .newsletter-main {margin-bottom: 35px;}
	.newsupdates-section .newsletter-main p {font-size: 30px; margin: 0 0 25px;}
	.newsupdates-section .news-content {padding: 0px; margin-top: -55px;}
	.newsupdates-section .news-content.left-content {padding: 0px;}
	.newsupdates-section .news-content h4 {font-size: 18px;}
	.newsupdates-section .news-content h2 {font-size: 50px;}
	.newsupdates-section .news-content p {font-size: 18px; max-width: 100%;}
	.newsupdates-section .image {margin-bottom: 55px;}

	footer .copyright {margin-top: 40px;}

	.about-section {padding: 30px 0 0px;}
	.about-section h5 {font-size: 20px;}
	.about-section p {font-size: 18px;}
	.featured-section {padding: 46px 0;}
	.featured-section h4 {font-size: 34px; margin-bottom: 30px;}
	.featured-section .logos-mian {gap: 22px;}
	.featured-section .logos-mian .logos-boxs img {height: 30px;}

	ul#menu {top: 160px; margin: 120px 0;}
	.fullbackground-section .fullpage {margin-top: -760px;}

	.brands-logos-section {padding: 30px 20px;}
	.brands-logos-section .logos-boxs .logos-box a svg {width: 110px; height: auto;}
	.brands-section .brands-banner-section h2 a {font-size: 100px;}
	.brands-section .brands-banner-section {min-height: 390px;}
	.brands-section .brands-content p {font-size: 20px;}

	.notfound-section h1 {font-size: 135px;}
	.notfound-section h3 {font-size: 40px;}
	.notfound-section p {font-size: 18px;}

	.knowledge-title {padding: 80px 0; background-size: auto 100%;}
	.knowledge-title h1 {font-size: 60px;}

	.knowledge-section {padding: 50px 0 100px;}
	.knowledge-section p {font-size: 20px;}
	.knowledge-section .search-form {margin: 40px 0; width: 100%;}
	.knowledge-section .knowledge-boxs {padding: 20px;}

	.publisher-section .publisher-form {padding: 40px 40px 0;}

}

/* 768px */
@media (max-width: 991px) {
	.container {max-width: 100%;}

	header.navbar {padding: 16px 10px; background: #000;}
	header.navbar .navbar-brand {max-width: 160px;}
	header.navbar .navbar-brand svg {width: 100%; display: block; height: auto;}
	header.navbar .navbar-toggler {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 42px; height: 42px; border-color: transparent; border-radius: 4px; padding: 0px;}
	header.navbar .navbar-toggler svg {width: 1.125rem; height: 1.125rem;}
	header.navbar .navbar-toggler .list-icon path {stroke: #fff;}
	header.navbar .navbar-toggler .close-icon path {fill: #fff;}


	body.page-template-publisher-network-page header.navbar .navbar-toggler .list-icon path {stroke: #FF4925;}
	body.page-template-publisher-network-page header.navbar .navbar-toggler .close-icon path {fill: #FF4925;}

	header.navbar .navbar-toggler .list-icon {display: none;}
	header.navbar .navbar-toggler .close-icon {display: block;}
	header.navbar .navbar-toggler.collapsed .list-icon {display: block;}
	header.navbar .navbar-toggler.collapsed .close-icon {display: none;}
	header.navbar .navbar-toggler:focus {box-shadow: none;}
	header.navbar .navbar-collapse {position: absolute; top: 100%; left: 0; right: 0px; background: #000; transition: all 0.5s; overflow: auto; z-index: 1;}
	header.navbar ul.navbar-nav {gap: 0; padding: 0 20px 20px 20px;}
	header.navbar ul.navbar-nav li {margin-left: 0px; width: 100%; text-align: center;}
	header.navbar ul.navbar-nav li a {color: #fff;}
	header.navbar ul.navbar-nav > li > ul.dropdown-menu {padding: 0;}
	
	.banner-section {padding: 0px 0 65px; overflow: hidden;}
	.banner-section .container-fluid {padding: 0;}
	.banner-section .banner-content {position: relative; margin-top: -50px; padding: 0 20px;}
	.banner-section.about-banner {padding: 100px 0 60px 0;}
	.banner-section.about-banner .banner-content {margin-top: -40px;}
	.banner-section.about-banner .banner-content h1 {margin: 0px;}
	.banner-section .banner-content h1.small-text {font-size: 95px;}
	.banner-section .banner-video .video-control.playing {opacity: 1; visibility: visible;}
	.banner-section.partner-banner .banner-content {margin-top: 0px; padding: 0px; margin-bottom: 20px;}

	.count-section {padding: 50px 20px;}
	.count-section p.count-content {font-size: 18px; margin-bottom: 24px;}
	.count-section .count-boxs {display: block !important; text-align: center;}
	.count-section .count-boxs .icon {display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px;}
	.count-section .count-boxs .icon svg {display: block; width: 20px; height: 20px;}
	.count-section .count-boxs h3 {font-size: 56px; margin-bottom: 10px; line-height: 0.8;}
	.count-section .count-boxs p {display: block; font-weight: 600; font-size: 12px; line-height: 1.2; letter-spacing: -0.01em; text-transform: capitalize; color: #000000;}

	.newsupdates-section {padding: 52px 0 10px; overflow: hidden;}
	.newsupdates-section .container {padding: 0px;}
	.newsupdates-section h3 {display: block; font-weight: 600; font-size: 18px; line-height: 1.2; color: #000000; margin: 0 0 48px;}
	.newsupdates-section .image {padding: 25px; margin-bottom: 50px;}
	.newsupdates-section .news-content {padding: 0 20px 0 0; margin-top: -50px;}
	.newsupdates-section .news-content.left-content {padding: 0 0 0 20px;}
	.newsupdates-section .news-content h2 {font-size: 30px; margin: 0 0 12px;}
	.newsupdates-section .news-content p {font-size: 12px;}

	footer {padding: 50px 10px;}
	footer .subscribe-main {margin: 0 auto 20px;}
	footer .subscribe-main p {text-align: center;}
	footer .footer-logo {border-top: solid 1px #4F4F4F; padding: 20px 0 0 0; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: center;}
	footer .footer-logo svg {max-width: 115px; display: block; height: auto;}
	footer ul.social-media {justify-content: center; margin-bottom: 20px;}
	footer ul.menu-list {border-top: solid 1px #4F4F4F; text-align: center; padding: 20px 0;}
	footer .copyright {border-top: solid 1px #4F4F4F; text-align: center; padding: 20px 0 0; margin: 0px; display: block;}
	footer .copyright p {font-size: 12px;}

	.join-drawer.offcanvas {--bs-offcanvas-width: 680px;}
	.offcanvas-body {padding: 0px;}

	.about-section {padding: 20px 20px;}
	.featured-section .logos-mian .logos-boxs img {height: 25px;}

	ul#menu {top: 180px; margin: 70px 0;}
	ul#menu li {margin-bottom: 30px;}
	ul#menu li a {font-size: 70px; letter-spacing: -1px; -webkit-text-stroke-width: 2px;}
	ul#menu li a sup {font-size: 25px; top: -50px;}
	.fullbackground-section .fullpage {margin-top: -540px;}

	.brands-logos-section {padding: 30px 0;}
	.brands-logos-section .logos-boxs {gap: 35px;}
	.brands-logos-section .logos-boxs .logos-box {width: 100%;}
	.brands-logos-section .logos-boxs .logos-box a {display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
	.brands-logos-section .logos-boxs .logos-box a svg {width: 170px;}

	.notfound-section {padding: 70px 20px;}

	.knowledge-section .knowledge-boxs {padding: 15px;}
	.knowledge-section .knowledge-boxs .img {width: 60px; height: 60px;}
	.knowledge-section .knowledge-boxs h5 {font-size: 14px; margin: 0 0 10px;}
	.knowledge-section .knowledge-boxs h3 {font-size: 24px; min-height: 80px; margin: 0 0 10px}
	.knowledge-section .knowledge-boxs p {font-size: 14px; margin: 0 0 10px;}

	.publisher-section {padding: 50px 0;}

}

/* 736px */
@media (max-width: 767px) {
	.banner-section .banner-content h1 {max-width: 80%;}

	.newsupdates-section .image {padding: 20px 20px 20px 0; margin-left: -60px;}
	.newsupdates-section .image img.news-bg {height: 100%; object-fit: cover;}
	.newsupdates-section .image img.news-img {height: 255px; object-fit: cover;}
	.newsupdates-section .image.left-content {padding: 20px 0 20px 20px; margin-left: 0; margin-right: -60px;}

	.join-drawer.offcanvas {--bs-offcanvas-width: 400; --bs-offcanvas-height: 90vh;}
	.join-drawer.offcanvas.offcanvas-end {right: 0; left: 0; top: auto; height: var(--bs-offcanvas-height); max-height: 100%; transform: translateY(100%);}
	.join-drawer.offcanvas.offcanvas-end.show {transform: none;}
	.join-drawer.offcanvas .btn-close {width: 35px; height: 35px; top: 10px; right: 10px;}
	.join-drawer.offcanvas .btn-close svg {width: 100%; height: auto; display: block;}
	.join-drawer .offcanvas-header {padding: 20px;}
	.join-drawer .offcanvas-header h2 {font-size: 30px; width: 40%;}
	.join-drawer .offcanvas-body {padding: 0px 20px 20px 20px;}

	.banner-section.about-banner .container {padding: 0px;}
	.banner-section .banner-image {padding: 0px;}
	.banner-section.about-banner .banner-content h1 {max-width: 40%;}
	.banner-section.about-banner .banner-content h1.small-text {max-width: 70%; font-size: 65px;}

	.banner-section.about-banner.partner-banner {padding: 50px 20px 60px 20px;}


	.about-section {padding: 20px 10px 0;}
	.about-section h5 {font-size: 18px; margin-bottom: 20px;}
	.about-section p {font-size: 16px; margin-bottom: 15px;}
	.featured-section h4 {font-size: 18px;}
	.featured-section .logos-mian {gap: 14px;}
	.featured-section .logos-mian .logos-boxs img {height: 22px;}

	ul#menu {top: 140px; margin: 50px 0;}
	ul#menu li {margin-bottom: 20px;}
	ul#menu li a {font-size: 40px; -webkit-text-stroke-width: 1px;}
	ul#menu li a sup {font-size: 16px; top: -25px; margin-left: 5px;}
	.fullbackground-section .fullpage {margin-top: -340px;}

	.partner-form .form-group {margin-bottom: 12px;}
	.partner-form .form-group label {line-height: 1; min-height: inherit; margin-bottom: 8px; margin-top: 8px;}
	.partner-form .form-group .form-control {padding: 15px 16px; font-size: 14px; margin-bottom: 4px;}
	.partner-form .form-group h5 {margin-top: -3px;}

	.brands-section .brands-banner-section h2 a {font-size: 65px; line-height: 1; -webkit-text-stroke-width:2px; max-width: 78%;}
	.brands-section .brands-content {padding: 50px 0px;}

	.notfound-section {padding: 50px 0px 0;}
	.notfound-section h1 {padding: 0 24px; font-size: 155px; margin-bottom: 10px;}
	.notfound-section h3 {padding: 0 24px; font-size: 35px; margin-bottom: 20px;}
	.notfound-section p {padding: 0 24px; margin-bottom: 65px;}
	.notfound-section .notfound-img {padding: 20px;}

	.knowledge-title {padding: 50px 0;}
	.knowledge-title h1 {font-size: 36px; letter-spacing: -1px;}
	.knowledge-section .search-form .form-group .form-control {width: 100%; margin-bottom: 15px;}
	.knowledge-section .search-form .form-group .btn {width: 100%;}
	.knowledge-section .knowledge-boxs {margin-bottom: 20px;}
	.knowledge-section .knowledge-boxs h3 {min-height: inherit;}


	.publisher-section .logo-boxs {padding-left: 30px;}
	.publisher-section h1 {font-size: 36px; padding: 0 30px;}
	.publisher-section p {font-size: 18px; padding:0 30px;}
	.publisher-section .publisher-form {border-radius: 0px; background:#F1F4F9 url(../images/publisher-form-bg-mobile.png) left top no-repeat; margin: 0 -12px;}
	.publisher-section .publisher-form .form-group p {padding: 0px;}
	.publisher-section .publisher-form p {padding: 0px;}

}

/* 414px */
@media (max-width: 567px) {
	.banner-section .banner-content {margin-top: -30px;}
	.banner-section .banner-content h1 {font-size: 66px; margin: 0 0 10px;}
	.banner-section .banner-content p {font-size: 18px;}
	.banner-section .banner-video .video-control svg {width: 35px; height: auto;}

	.count-section .count-boxs h3 {font-size: 48px;}

	footer .subscribe-main {max-width: 100%;}

	.featured-section .logos-mian {gap: 10px;}
	.featured-section .logos-mian .logos-boxs img {height: 13px;}

	ul#menu {top: 210px; margin: 100px 0;}
	.fullbackground-section .fullpage {margin-top: -440px;}
	.fullbackground-section img {height: 565px; object-fit: cover;}

	.newsupdates-section .newsletter-main {display: block; padding: 0 20px;}
	.newsupdates-section .newsletter-main p {font-size: 18px;}
	.newsupdates-section .newsletter-main .newsletter-box .form-control {padding: 15px 120px 15px 15px; font-size: 14px;}
	.newsupdates-section .newsletter-main .newsletter-box .btn-newsletter {padding: 12px 20px; font-size: 14px; top: 6px; right: 7px;}


}