*       {box-sizing: border-box;padding:0;margin: 0;list-style:none;outline:none;transition: 0.5s;}
:root   {--primary-color:#DD9000; --grey-link-color:#858585;--grey-text:#707070;}
body    {font-family: 'Poppins', sans-serif;font-size: 16px;overflow-x: hidden}
body.home {background: #000;}
body.information {background: #000;}
a       {text-decoration: none;color:inherit;}
h1      {font-size:2rem;margin-bottom: 20px;line-height: 48px;}
h2      {font-size:1.5rem;margin-bottom: 15px;line-height: 42px}
h4    	{font-size: 1.2rem;margin-bottom: 10px;line-height: 30px;font-weight: bold; float: left;width:100%;} 
p 		{font-size: 12px;margin-bottom: 15px;line-height: 22px;}
.container    	{float: none;margin: 0 auto; max-width:1000px;}
.container-sm  	{float: none;margin: 0 auto; max-width:500px;}
.btn a			{padding: 10px 20px;font-size: 0.8rem;border-radius: 10px} 

.log-btn {border-radius: 10px;padding: 11px;font-family: 'Poppins', sans-serif;}
.remforg {float:left;width:100%;color:#000;font-size: 0.8rem;}
.rem {float:left;width:50%;}	
.forg {float:right;width:50%;text-align:right;}
.rem label {float: left;width: 100%;display: flex;align-items: center;}
#remember_me {float: left;width: auto;margin: 0 5px;}
.preform-txt {font-size: 0.85rem;margin-bottom: 30px;}

.small-text {font-size: 12px;}
.mb-3 label p {margin: 0 0 6px !important;}
.sam-img {float:left;width:100%;margin:10px 0 20px;}
.sam-img img {float:left;width:100%;height:auto;}
.text-red-600 {color: red;}
.alert {border-radius: 0;position: absolute;bottom: 0; font-size:13px; font-weight:normal;float: left;width: 100%;text-align: center;padding: 10px;}
.alert-success {background:#208f20;color:#fff;}
.alert-message {background:#6134c2;color:#fff;}
.alert-danger {background:red;color:#fff;}

.profile-btn {float:left;width:100%;text-align: center;margin-top: 24px;border-radius: 8px;padding: 8px;}
.primary-btn a, .log-btn, .profile-btn	{background: var(--primary-color); border: 1px solid var(--primary-color); color: #fff}
.primary-btn a:hover, .log-btn:hover, .profile-btn:hover { background:#b97800;color: #fff;}

.secondary-btn a	{background: transparent; border: 1px solid var(--primary-color); color: #fff}
.secondary-btn a:hover { background: #fff;color: #000;}

button.or-btn  {cursor: pointer;float: left;width: 100%;border: none;font-family: 'Poppins', sans-serif;background: var(--primary-color);color: #fff;border-radius: 8px;padding: 10px;margin: 10px 0;}


.right-btn 		{float: right;}
.mt-btn 		{margin-top: 40px;}
.center-txt 	{text-align: center;}

.home table, .home th, .home td 	{border: 1px solid #6D6D6D;border-collapse: collapse;}
.home table 			{float: left;width:100%;text-align: left;}
.home thead 			{background: #6D6D6D;}
.home th, .home td 			{padding: 12px 30px;}
.home tbody tr:hover  	{background-color:#38383861;cursor: pointer;}
.home tr:nth-child(even) {background-color:#b7972317;}
.home .td-icon-name 	{display: inline-block; width: 50px;height: 50px;}
.home .td-icon-name {float:left;}
.home .td-name {float: left;padding: 15px 15px;}
.home .td-icon-name img {margin-right:10px;width: 70px;}


.dashboard .table-box  {float:left;width:100%;margin:20px 0;}
.dashboard table       {font-family: 'Poppins', sans-serif;border-collapse: collapse;width: 100%;background: #fff;border-radius: 20px;overflow: hidden;}
.dashboard .table-link a     {text-decoration: none;color: inherit;}
.dashboard .table-link a:hover {color:orange}
.dashboard td, .dashboard th      {text-align: left;padding: 8px;font-weight:normal;}
.dashboard th          {font-weight: bold;font-size: 12px;padding: 15px 20px;}
.dashboard td          {font-size:13px;text-transform: capitalize;padding: 15px 20px;}
.dashboard tr {border-bottom: 1px solid #F2F2F2;}
.dashboard tr:nth-child(even) {background-color:#F6F6F6;}
.dashboard tbody tr:hover  {background-color:#10dd0026;cursor: pointer;}
.dashboard table .primary-btn a {float: left;margin: 0 4px;}
.dashboard table .secondary-btn a {float: left;font-size: 12px;padding: 10px;width: auto;text-align: center;background:#dd9000ab;color: #fff;}
.dashboard table .secondary-btn a:hover {background:#dd9000e6;}
.dashboard table .tertiary-btn a {float: left;font-size: 12px;padding: 10px;width: 69px;text-align: center;background: #ff000082;border: 1px solid #ff0000;color: #fff;}
.dashboard table .tertiary-btn a:hover {background:#ff0000cf;}
.tertiary-btn button {border:none;outline:none;background:transparent;color: #fff;cursor:pointer;}
.dashboard td.btns {width: 433px;padding-right: 0;}

.dashboard td.btns2 {width: 398px;padding-right: 0;}

.dashboard td.btns3 {width: 228px;padding-right: 0;}

.dashboard td.btns-sm {width: 165px;padding-right: 0;}
.dashboard td.btns .btn a, .dashboard td.btns2 .btn a, .dashboard td.btns-sm .btn a, .dashboard td.btns3 .btn a {margin: 0 4px;}
.dashboard .tableimg {width: 60px;border-radius: 100px;height: 60px;}

#title-with-button, #title-with-button-margin {float:left;width:100%;}
#title-with-button-margin {margin-bottom:60px;}
#title-with-button h1, #title-with-button-margin h1 {float: left;width:auto;margin-bottom: 0 !important;}
#title-with-button .btn, #title-with-button-margin .btn {float: right;margin-top: 10px;}
#title-with-button .secondary-btn a, #title-with-button-margin .secondary-btn a {color:#DD9000}


.faq-excerpt {float: left;width: 45%;margin-left: 0;}
.faq-item {border-bottom: 0;background: #272727;margin-bottom: 20px;color: #CACACA;border-radius: 8px;}
.faq-question {background: none;border: none;width: 100%;text-align: left;font-size: 18px;font-weight: bold;padding: 15px;cursor: pointer;position: relative;color: #CACACA;}
.faq-question::after {content: '+';position: absolute;right: 20px;font-size: 20px;transition: transform 0.3s;}
.faq-question.active::after {content: '−';}
.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.4s ease, padding 0.4s ease;padding: 0 15px;}
.faq-answer.show {max-height: 500px;padding: 10px 15px 20px;}


#header 		{float: left;width:100%;position: absolute;z-index: 9;}
.header-inner 	{display: flex;flex-direction:row;justify-content: space-between;align-items: center;}
#header .logo 	{float: left; width:auto;}
#header .logo:hover 	{opacity: 0.95;}
#header .menu 			{float: left; width:auto;}
#header .menu ul li 	{display: inline-block; margin: 0 20px;}
#header .menu ul li a 	{color:#fff;}
#header .menu ul li a.active 	{color: var(--grey-link-color);}
#header .menu ul li a:hover 	{color: var(--primary-color);}
#header .hamburger 				{display: none;}

/*Hero section 01*/
/*#hero-section 		{float: left;width:100%;position: relative;background: url('img/hero-bg.png') no-repeat top left;background-size: cover;height: 100vh;}*/
/*.hero-content 		{position: absolute;bottom: 100px;width: 100%;}*/
/*.hero-content h1, .hero-content p {color:#fff;box-sizing: border-box;padding-right: 45%;}*/
/*.hero-content h1 	{font-size:3rem; line-height: 60px;overflow: hidden;display: block;word-break: break-word;overflow-wrap: break-word;}*/
/*.hero-content p     {font-size: 13px;}*/

/*.hero-content h1::after {content: "|";display: inline-block;animation: blink 0.7s infinite;}*/
/*@keyframes blink 		{50% { opacity: 0; }}*/


/*Hero section 02*/
.hero-slider { position: relative; width: 100%; height: 60vh; overflow: hidden; background:#000;}
.hero-slide { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out; }
.hero-slide.active { opacity: 1; }
.hero-content { position: absolute; bottom: 60px; width: 100%; text-align: left; color: #fff; }
.hero-content h1 {font-size: 2.5rem;line-height: 28px;}
/*.hero-content h1 {font-size: 5rem;line-height: 77px;}*/
.hero-content p {font-size: 17px;line-height: 25px;padding-right: 22%;}

#main-content 		{float: left;width: 100%;background: url('img/main-content-bg.png') no-repeat top left;background-size:cover;padding: 80px 0;color: #fff;}
.home #main-content {padding:40px 0;}
#main-content p a 	{color: var(--primary-color);}
#main-content p b 	{font-size: 20px;margin: 20px 0 10px;float: left;width: 100%;}
#main-content ul 	{margin-bottom: 15px;float: left;width: 100%;}
#main-content ul li {list-style: disc;margin-left: 32px;font-size: 14px;float: left;}
#main-content h1 	{margin-bottom: 50px;margin-top: 50px;}
#main-content h2 	{background: url('img/line.png') no-repeat bottom center;padding-bottom: 20px;}
.home #main-content h2 	{background: url('img/line.png') no-repeat bottom center;padding-bottom: 10px;}
.information #main-content {padding-top:250px;}
.information #main-content p {font-size: 12px;color: #F2F2F2;}
#main-content .leftbox {float: left;}
#main-content .rightbox {float: right;}
#main-content .leftbox, #main-content .rightbox {width:45%;}
#main-content .table {border-radius: 10px;float: left;width: 100%;overflow: hidden;border: 1px solid #6D6D6D;margin-top: 10px;}
.cta 		{float: left;width: 100%;text-align: center;margin-top: 50px;}
.cta p 		{margin-bottom: 20px;}
.cta span 	{margin: 0 20px;}
p.callus 	{background: url('img/call.png') no-repeat center left;}
p.mailus 	{background: url('img/mail.png') no-repeat center left;}
p.callus,p.mailus {font-size: 18px !important;padding: 10px 0 10px 45px;margin: 0;}

#refer-section 		{float: left;width: 100%;background: url('img/refer-bg.png') no-repeat top left; background-size:cover;}
#refer-section .inner 				{float: left;width: 100%;background: url('img/refer-image.png') no-repeat bottom left; background-size:90%;padding-top:40px;}
#refer-section .content 			{float: left;width:100%;box-sizing: border-box;padding:30px 55% 200px 0;color: #fff;}
#refer-section .content p 			{font-size: 14px;line-height: 22px;}

#footer {float: left;width: 100%;padding: 20px 0;background: #fff;}
#footer .menu {float: left; width: 100%;margin: 10px 0}
#footer .menu ul li {display: inline-block;font-size: 13px;margin-right: 25px;}
#footer .menu ul li a {color: #000;}
#footer .menu ul li a.active {color: var(--grey-link-color);}
#footer .menu ul li a:hover {color: var(--primary-color);}
#footer .copy {float: left;width: auto;font-size: 12px;color: #4a4a4a;}
#footer .copy img {float: right; margin: 2px 0 0 10px;}
#footer .copy a {color: inherit;}
#footer .copy a:hover {color: var(--primary-color);}


.form-box {float: left;width: 100%;background: #F2F2F2;border-radius: 20px;padding: 30px;margin-bottom: 20px;}
.form-box input, .form-box textarea, .form-box select {font-family: 'Poppins', sans-serif;float: left;width:100%;background: #fff;border:1px solid #E7E9D9;outline: none;padding: 12px;margin-bottom: 10px;border-radius: 12px;}
.form-box textarea {min-height:100px;font-family: 'Poppins', sans-serif;}
.form-box select {padding:7px;}
.form-box button {float: left;width: 100%;border: 0;margin-top: 19px;background: var(--primary-color);color: #fff;padding: 8px;border-radius: 12px;font-family: 'Poppins', sans-serif;font-size: 15px;}
input:-internal-autofill-selected {background-color: #fff !important;}

.dashboard .form-box {background:#fff;}
.form-box-left {float:left;}
.form-box-right {float:right;}
.form-box-left, .form-box-right {width:49%;}

.form-box .mt-4 label {color:#333;font-size: 11px;}

/*Hamburger styles*/

.hamburger          {display:none; margin: 4px 0 0 20px;float: right;width: 30px;height: 30px;flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 1000;}
.hamburger .line    {width: 100%;margin-bottom: 6px;border-radius: 2px;height: 5px;background-color: #fff;transition: transform 0.3s ease, opacity 0.3s ease;}
.hamburger.active .line:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.hamburger.active .line:nth-child(2) {opacity: 0;}
.hamburger.active .line:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}

.b-header-inner .hamburger          {display:none; margin: 3px 0 0 20px;float: right;width: 30px;height: 23px;flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 1000;}
.b-header-inner .hamburger .line    {width: 100%;height: 4px;background-color: #333;transition: transform 0.3s ease, opacity 0.3s ease;}
.b-header-inner .hamburger.active .line:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.b-header-inner .hamburger.active .line:nth-child(2) {opacity: 0;}
.b-header-inner .hamburger.active .line:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}

#sideMenu {display: none;position: absolute;right: 7%;top: 55px;background: #fff;border-radius: 10px;padding: 20px;font-size: 15px;}
#sideMenu ul li {display: block}
#sideMenu ul li a {color: #000;margin-bottom: 10px;float: left;width: 100%;border-bottom: 1px solid #e9e9e9;}
#sideMenu ul li a:hover {color: var(--primary-color);}
#sideMenu ul li.btn {text-align: center;}
#sideMenu ul li.btn a {color:#fff;}
button {cursor:pointer;}


/* Dashboard */
body.dashboard {background: #F2F2F2;}
.dashboard #header {background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);padding:3px 35px 0;position: fixed;}
.dashboard #header .content {display: flex;justify-content: space-between;align-items: center;}
.dashboard #header .profile-img-plus {float: left;width: 70px;height: 70px;overflow: hidden;position: relative;margin-left: 20px;}
.dashboard #header .profile-img-plus .profile-img {position: relative;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;}
.dashboard #header .profile-img-plus .profile-img img {width: 100%;height: 100%;}
.dashboard #header .plus {position:absolute;bottom: 12px;right: 0;}
.dashboard #header .right-ct {margin-top: -5px;}
.dashboard #header p {width: auto;margin-right: 20px;float: right;font-size: 0.8rem;line-height: 27px;margin-bottom: 0;color: var(--grey-text);}

.dashboard #sidebar {background: #4E4E4E;float: left;width:250px;padding: 110px 17px 0;height: 100vh;position:fixed; overflow-y: hidden;}
.dashboard #sidebar ul {margin-bottom: 50px;}
.dashboard #sidebar ul li {float: left;width: 100%;border-bottom: 1px solid #5a5a5a;}
.dashboard #sidebar ul li a {color: #fff;font-size: 12px;padding: 8px 0;float: left;width: 100%;border-radius: 10px;}
.dashboard #sidebar ul li a:hover, .dashboard #sidebar ul li a.active {background: var(--primary-color); padding:8px;text-align: center;font-size: 12px;}

.dashboard #main {float: left;width: calc(100% - 250px);margin-left: 213px;padding:110px 0px 100px 80px;height: 100vh;overflow-y: scroll;}
.dashboard #main h1 {font-size: 2rem;margin-bottom: 100px;line-height: 48px;font-weight:bold;}
.dashboard #main p {font-size: 0.85rem;margin-bottom: 0px;color:var(--grey-text)}
.shortcut-box {float: left;width: 100%;margin: 20px 0;display: flex;justify-content: space-between;}
.shortcut-box .box, .box {float: left;width: 23%;background: #4E4E4E; padding: 20px;border-radius: 20px;height: 155px;position:relative;overflow: hidden;}
.shortcut-box .box h2, .box h2 {line-height: 18px;color: #fff;font-size: 0.9rem;margin-bottom: 25px;font-weight: bold;text-align: center;}
.shortcut-box .box .btn a, .box .btn a {width: 108px;float: none;margin: 0 auto;display: block;text-align: center;}
.shortcut-box .box .btn, .box .btn {float: left;width: 100%;display: none;}
.shortcut-box .box .border, .box .border {float: left;width: calc(100% - 40px);position: absolute;bottom: -4px;background: url('img/tob.png') no-repeat bottom center;height: 14px;}
.shortcut-box .box:hover > .btn, .box:hover > .btn {display: block;}
.shortcut-box .box:hover > .border, .box:hover > .border {display: none;}
.shortcut-box .box:hover, .box:hover {background: #383838;cursor: pointer;}

.transact-user {background: #ffe4b3;float: right;padding: 27px;box-sizing: border-box;width: 40%;border-radius: 20px;}

.pimg {float:left;width:20%;position:relative;}
.pedits {float:right;width:75%;}
.edit-limg {position:absolute;bottom: -29px;right: -29px;}
.verifiy-notice {float:left;width:auto;padding:10px 0;margin-top: 10px;}
.verifiy-notice p {float:left !important;width:auto;margin-left: 15px;}
.verifiy-notice .btn {float:left;}
.verifiy-notice .secondary-btn a {color:var(--grey-text);}
.verifiy-notice .secondary-btn a:hover {background: var(--primary-color);color: #fff;}

.fields-box {float:left;width:100%;margin-bottom: 10px;}
.fields-box label {float:left;width:100%;font-size: 10px;margin-bottom: 5px;}
.fields-box input, .fields-box select {float:left;width:100%;padding: 8px 10px;margin-top:-1px; border-radius: 10px;border: 1px solid #E7E9D9;}
.fields-box input[type='file'] {padding: 7px;}
.fields-left {float:left;}
.fields-right {float:right;}
.fields-left, .fields-right {width:48%;margin-bottom: 10px;}

.fields-box button {display:block; cursor: pointer;float: left;width: 100%;border: none;outline: none;padding: 13px 0;font-family: 'Poppins', sans-serif;background: var(--primary-color);color: #fff;border-radius: 12px;font-size: 14px;}
.earn-small {font-size: 13px !important;margin: 0 !important;padding:0 0 50px;text-align: center;}

button.btn-button {cursor: pointer;float: left;font-size: 12px;padding: 10px;width: auto;text-align: center;background: #dd9000ab;color: #fff;border: 1px solid var(--primary-color);font-family: 'Poppins', sans-serif;border-radius: 8px;}

.wide-form {float:left;width:100%;margin-bottom: 20px;background: #fff; border-radius: 20px;padding: 50px 30%;}
.wide-form .form-box {background: transparent;border-radius: 0;padding: 0;margin-top: 20px;}
.wide-form label {font-size:12px;line-height: 18px;margin-bottom: 10px;float: left;}
.wide-form .form-box button {margin-top: 12px;background: var(--primary-color);color: #fff;padding: 10px;border-radius: 10px;font-family: 'Poppins', sans-serif;font-size: 16px;}

.red-notice, .text-danger {color:red;font-weight: bold;}
.center-txt {text-align:center;}

#search-clear {float:left;width:100%;margin-bottom:20px;}
.search-container {float: left;width:86%;margin-top: 10px;}
.search-container input {float: left;width: 87%;border: none;padding: 13px;border-radius: 12px;}
.search-container button {float: left;width: 100%;border:none;color: #fff;border-radius: 12px;padding: 12px;background: #dd9000;cursor:pointer;}
#search-clear .btn {float:right;width:12%;}
#search-clear .secondary-btn {margin-top:7px;}
#search-clear .secondary-btn a {color:#DD9000; float:right;padding: 10px;}

#verification-info-comment {float:left;width:100%;margin-top:0px;}
.verification-info {float:left;width:55%;padding:20px;border-radius:20px;background:#fff;}
.verification-info-item {float:left;width:100%;border-bottom:1px solid #f3f3f3;padding-bottom:15px;margin-bottom:15px;}
.verification-comment {float:right;width:100%;padding:20px;border-radius:20px;background:#fff;}
.float-left {float:left;width:50%;font-size:12px}
.float-right {float:right;width:50%;font-size:12px;text-align: right;}
.dashboard .float-right .tableimg {width: 130px;border-radius:0;height: 70px;float: right;}
.dashboard textarea {float: left;width: 100%;border: 1px solid #ccc;border-radius: 12px;min-height: 137px;margin-bottom: 10px;padding:10px;font-family: 'Poppins', sans-serif;}
.verification-comment .btn button {float: left;width: 100%;border: none;outline: none;padding: 13px;border-radius: 12px;font-family: 'Poppins', sans-serif;color: #fff;background: var(--primary-color);cursor:pointer;}
.verification-comment .btn button a {color:#fff}
.verification-comment .btn button:hover {background: #b97800;}
.verification-comment p {line-height: 16px;margin: 10px 0 30px !important;font-size: 11px !important;}
.upload_receipt {margin-top: 20px;float: left;width: 100%;}

.summary-box {background: #e8d2aa;padding: 20px 20px 10px;border-radius: 20px;margin: 10px 0 20px;}
.summary-box .verification-info-item {padding-bottom: 5px;}
.summary-box button {margin-top:0;}
.whats-btn {float:left;width:100%;}
.whats-btn p {padding-bottom: 0;margin-top: 20px !important;margin-bottom: 7px !important;font-size: 12px !important;color: #000 !important;}
.whats-btn button {background: #009688 !important;}

.referrer-code-box {background: #fff;border-radius: 15px;padding: 22px 20px 23px;margin:7px 0 40px;float: left;width: 100%;}
.referrer-code-box p {float: left;width:auto;font-size: 20px !important;padding-top: 5px;}
.referrer-code-box .btn {float: right;}
.referrer-earnings-box {background: #fff;border-radius: 15px;padding: 22px 20px 23px;margin: 7px 0;float: left;width: 100%;}
.referrer-earnings-box p {float:left;width:100%;text-align: center;padding:100px 0;font-size: 25px !important;}

.full-width {width:100%;float:left;}
.seventy-wide {width:50%;float:left;}
.seventy-wide .wide-form {padding: 30px 5% 20px;}
.thirty-wide {width:45%;float:right;height: auto;overflow-y: scroll;border-radius: 20px;}
.dashboard .thirty-wide .tableimg {width: 40px;border-radius: 100px;height: 40px;}
.seventy-five-wide {float:left;width:75%;}
.twenty-wide {float: right;width:20%;}
.twenty-wide .box {float:left;width:100%;margin-bottom:20px;}
.left-half, .right-half {width:48%;}
.left-half {float:left;}
.right-half {float:right;}
h4 .right-half {text-align:right;}
.awaiting {color: #594def;}
.pending {color:#e78da8;}
.completed {color: #22c522;}
.canceled {color: #ff0000;}

.awaiting, .pending, .completed {border-radius: 20px;width: auto;display: block;font-size: 13px;line-height: 16px;font-weight:bold;}
.countbox {background: #fff;color: var(--primary-color);padding: 4px;border-radius: 40px;display: inline-block;width: 20px;height: 20px;font-size: 10px;text-align: center;}

.table-responsive nav {display: flex;justify-content: center;margin: 20px 0 40px;}
.table-responsive nav ul {list-style: none;display: flex;gap: 10px;padding: 0;}
.table-responsive nav li {margin: 0;}
.table-responsive nav a,
.table-responsive nav span {display: block;padding: 8px 12px;text-decoration: none;border: 1px solid #ddd;border-radius: 4px;transition: background-color 0.3s, color 0.3s;}
.table-responsive nav a {color:var(--primary-color);}
.table-responsive nav span {color:#000;}
.table-responsive nav a:hover {background-color:var(--primary-color);color: white;}
.table-responsive nav .active span {background-color:var(--primary-color);color: white;border-color:var(--primary-color);}

.paid-earnings {float:left;}
.unpaid-earnings {float: right;}
.paid-earnings, .unpaid-earnings {padding-bottom: 30px;color:#9b8a4c;}
.thirty-wide {border-radius: 0;}

#xfeeds {float: left;width: 100%;margin: 40px 0;}

.float-wa {position:fixed;bottom:20px;right:20px;}
.float-wa p {background:#fff;color:#000;width:auto;float:left;border-radius:20px;padding:0 6px;}
.float-wa img {float:right;width:50px;height:auto;margin-top:-15px;background:#dd9000;border-radius:16px;padding:10px;margin-left:2px;}

/* Responsive */
/* Mobile */
@media(max-width:1024px){
	.hamburger {display: flex;}
	h1 {font-size: 2.2rem;margin-bottom: 13px;}
	.container {max-width: 86%;}
	#hero-section {padding: 50px 0;}
	.hero-content h1, .hero-content p {padding-right: 10%;}
	.hero-content h1 {font-size: 2rem;line-height: 25px;}
	.hero-content p {font-size:13px;line-height:18px;}
	#refer-section .content {padding: 30px 48% 140px 0;}
	#footer .menu ul li {font-size: 0.85rem;}
	#footer .copy {font-size: 0.8rem;}
	#footer .copy img {margin-top: -2px;}

	.dashboard #sidebar {display:none;}
	.dashboard #main {float: left;width: 100%;margin-left: 0;}
	.dashboard #header .hamburger {display: block;margin-top: 0;}
	.dashboard .hamburger .line {border-radius: 18px;background-color: #b97800;}
	.dashboard #sideMenu {right: 2%;top: 54px;font-size: 13px;}
	.dashboard #sideMenu .countbox {background: var(--primary-color);color: #fff;}
	.dashboard #sideMenu a.active {background: #f5f5f5;text-align: center;border-radius: 4px;padding: 10px 0;}
	#sideMenu ul li a {padding-bottom: 10px;margin-bottom: 10px;}
	.dashboard .container {max-width: 100%;}
	.fields-box button {text-align: center;display: block;}

	#search-clear .secondary-btn {width: 130px;}
	#search-clear .primary-btn {width:100px;}
	.search-container input {width: 86%;}
	.search-container {width: 85%;}
	.thirty-wide {height:auto;}
	.seventy-five-wide {overflow-x: scroll;border-radius: 20px;}
	.verifiy-notice {display: none;}
}


@media (max-width: 1000px) {
    .hero-content h1, .hero-content p {padding-right: 30%;}
    .dashboard #main {padding:110px 5%;}
}


@media (max-width: 800px) {
	#header .menu {display: none;}
    #header .hamburger 	{display: block;}
    #header .right-btn 	{display: none;}
	#header #sideMenu .right-btn {display: block; float:left;width:100%;}
	#header #sideMenu .right-btn a {width: 100%;display: block;text-align: center;}
    .hero-content h1, .hero-content p {padding-right: 0;}
    #refer-section .content {padding: 30px 36% 100px 0;}

	.search-container {width: 80%;}
	.search-container input {width: 80%;}
	.dashboard .table-responsive {float: left;width: 100%;overflow-x: scroll;border-radius: 20px;}
	.dashboard table {width: 1024px;}
	.wide-form {padding: 50px 10%;}
	.dashboard .thirty-wide table {width: 100%;}
	.dashboard .thirty-wide td {font-size: 13px;padding: 8px;text-align: center;}
	.dashboard .thirty-wide .tableimg {margin: 0 auto;}
	.dashboard #header .right-btn {display: block;}

	.dashboard td.btns .btn a, .dashboard td.btns2 .btn a, .dashboard td.btns-sm .btn a, .dashboard td.btns3 .btn a {margin: 5px 4px;}
	
	.hero-slider {height: auto;min-height: 400px;}
	.hero-content h1 {line-height:34px;font-size:36px;}
	.hero-content p {font-size: 16px;line-height:22px;}
		
	#header .logo {width: 70px;height: auto;}
	#header .logo img {width: 100%;height: auto;float:left}
	#hero-section {height: auto;padding: 400px 0 0;}
	.hero-content {bottom: 50px;}
	#main-content {padding: 30px 0 50px;}
	#main-content .table {margin-top:0;}
}

@media (max-width:768px){
	.seventy-wide, .thirty-wide  {width: 100%;float: left;}
	.thirty-wide {margin-top: 30px;}
	.dashboard .thirty-wide td {text-align: left;padding: 5px 20px;}
	.dashboard .thirty-wide .tableimg {margin: 0;}
	.verification-info {width: 100%;}
	.verification-comment {margin-top: 30px;float: left;width: 100%;}
	.seventy-five-wide {width: 100%;}
	.twenty-wide {width: 100%;margin-top: 30px;}
	.shortcut-box {gap: 40px;justify-content: flex-start;flex-wrap: wrap;}
	.shortcut-box .box {width: 47%;}
	.pimg {margin-bottom: 50px;width: 100%;padding: 0 35%;}
	.edit-limg {right: 30%;}
	.pedits {float: left;width: 100%;}
	#search-clear .secondary-btn {width: auto;}
	.left-half, .right-half {width: 100%;}
	.transact-user {width: 100%;margin-top: 40px;}
	.dashboard #main h1 {width: 100%;}
	#title-with-button .btn, #title-with-button-margin .btn {float: left;margin: 30px 10px;}
}

@media (max-width:600px) {
	#main-content .leftbox, #main-content .rightbox {width: 100%;}
	#main-content .leftbox {margin-bottom: 50px;}
	#footer .copy {line-height: 1px;}
	#footer .copy img {margin-top: 4px;float: none;}
	#footer .copy {font-size: 0.7rem;}
	#footer .menu {margin: 10px 0 20px;}
	#refer-section .content p, .hero-content p {font-size:12px;margin-bottom: 15px;line-height: 16px;}
	#main-content p {line-height: 24px}
	h1 {font-size: 1.8rem;margin-bottom: 6px;}
	h2 {font-size: 1.3rem;margin-bottom: 12px;line-height: 20px;}
	#refer-section .content {padding: 30px 22% 100px 0;}
	.td-icon-name img {width: 55px;}


	.shortcut-box {gap: 30px;}
	.pimg {padding: 0 32%;}
	.fields-left, .fields-right {width: 100%;}
	.edit-limg {right: 25%;}
	.search-container {width: 74%;}
	.search-container input {width: 72%;}
	.form-box-left, .form-box-right {width: 100%;}
	.dashboard #main h1 {float: left;width: 60%;font-size: 1.5rem;margin-bottom: 60px;line-height: 30px;}
	.dashboard #main h2 {margin-bottom: 30px;}
	#title-with-button, #title-with-button-margin {margin-bottom: 20px;}
}

@media (max-width:450px){
	.container-sm {max-width: 86%;}
	h1 {margin-bottom: 16px;line-height: 30px;}
	.dashboard #header .right-btn {display: none;}
	.dashboard #header p {display: none;}
	.dashboard #main h1 {width: 100%;margin-bottom: 30px;}
	.shortcut-box {gap: 21px;}
	.shortcut-box .box {width: 100%;}
	.pimg {padding: 0 18%;}
	.search-container {width: 100%;margin-bottom: 7px;}
	.search-container input {width: 70%;}
	#title-with-button .btn, #title-with-button-margin .btn {margin-top: 20px;}
	.paid-earnings {padding-bottom: 0px;} 
	.unpaid-earnings {float: left;}
	.dashboard #sideMenu {width: 100%;right: 0;top: 77px;font-size: 13px;height: 100vh;overflow-y: scroll;}
	.dashboard #sideMenu a.active {background: #f5f5f5;text-align: left;border-radius: 10px;padding: 5px 12px;}
	.referrer-earnings-box p {font-size: 16px !important;}
	h3 {font-size: 14px;}
	.hero-content h1 {font-size: 23px;line-height: 42px;margin:0;}
	.home .td-name {padding: 15px 15px;}
	.home .td-icon-name {width: 50px;height: 50px;}
	.home th, .home td {padding: 10px 15px;font-size: 13px;}
	h2 {line-height: 27px;}
	#main-content h2 {background: none;padding-bottom: 2px;line-height: 22px;font-size:17px;}
	.eapps-twitter-feed .eui-widget-title {font-size: 18px !important;text-align: left !important;line-height: 22px !important;}
	.information #main-content {padding-top: 100px;}
	#main-content h1 {margin-bottom: 30px;}
	.hero-slider {min-height:310px;}
}

@media (max-width:414px){
    #footer .menu ul li {font-size: 0.85rem;width: 50%;margin: 0 0 10px 0;box-sizing: border-box;float: left;}
    h2 {line-height: 30px;}
    #main-content .table {overflow-x: scroll;}
    table {width: 500px;}
	.dashboard #main p {font-size: 11px;line-height: 15px;}
	.dashboard #header .logo {float: left;width: 50px;margin-top: 3px;}
	.dashboard #header .logo img {float: left;width: 100%;}
	.dashboard #header .profile-img-plus {float: left;width: 50px;height: 50px;}
	.dashboard #header .profile-img-plus .profile-img {position: relative;width: 45px;height: 45px;}
	.dashboard #header .plus {bottom: -4px;right: -8px;}
	.dashboard #header .plus img {width:80%;}
	.dashboard #header {padding: 11px 15px;}
	.home .td-icon-name {margin-left: 16px;}
	.home .td-name {padding: 0px 15px;}
	.dashboard #main {padding: 110px 15px;}
	.home th, .home td {min-width: 119px !important;}
	.cta span {margin: 0 2px;}
}
@media (max-width:360px){
    .search-container input {width: 66%;}
    .home th, .home td {min-width: 97px !important;font-size: 11px;}
    .hero-content h1 {font-size: 26px;line-height: 26px;}
    .hero-content p {font-size: 13px;line-height: 15px;margin-top:10px;}
    #hero-slider {min-height:344px;}
}

@media (max-width:320px){
	h1 {font-size: 1.6rem;}
}