@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'franklin_gothic';
    src: url('../fonts/franklingothic-webfont.woff2') format('woff2'),
         url('../fonts/franklingothic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'franklin_gothic';
    src: url('../fonts/frankgo-webfont.woff2') format('woff2'),
         url('../fonts/frankgo-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'franklin_gothic';
    src: url('../fonts/frahv1-webfont.woff') format('woff'),
         url('../fonts/frahv1-webfont.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}


 

*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
}

body{font-family:"Inter", Verdana, Arial, Helvetica, sans-serif; font-size:17px;font-weight:500;line-height:30px;color:#686c73;   -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6{font-family:"Inter", Arial, Helvetica, sans-serif;font-weight:700;text-rendering:optimizeLegibility;margin-top:0px; color:#242a2f;}
/*h1, h2, h3, h4, h5, h6{font-family:'fs_elliot', Arial, Helvetica, sans-serif;font-weight:bold;text-rendering:optimizeLegibility;margin-top:0px;}*/
p{font-weight:normal;margin-top:0px;}
b, strong{font-weight:700;}
a{color:#fc5353;text-decoration:none;line-height:inherit;}
a:hover{color:#fc5353;text-decoration:none;}
a:focus{color:#fc5353;outline:none;}
p a, p a:visited{line-height:inherit;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0px 0 10px;padding:0;}
img{vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.left{float:left;}
.right{float:right;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
img.alignleft{float:left;margin:0 10px 10px 0;display:inline;}
img.alignright{float:right;margin:0 0px 10px 10px;display:inline;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:150%;}
.hidden{display:none !important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.group:after{content:"";display:table;clear:both;}
.floatbox{overflow:hidden;}
.clear{clear:both;height:1px;line-height:1px;}
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/*-- Parent Class --*/
#container{min-width:320px;overflow:hidden; position:relative;}
.container{max-width:1060px;width:100%;position:relative;z-index:9;}
#header{position:relative;transition: all 0.5s ease; z-index:999; background:#f8f4f0; }

#main-navigation{position: relative; padding: 0px 0; z-index: 999; width: 70%; float: right;}
#top-bar{ position: relative; transition: top 0.5s ease-in-out; width: 100%; padding: 10px 0 20px 0; z-index:999;}
#content{padding:0px 0 0px;margin:0px 0 0;min-height:350px;position:relative;z-index:99;background:#fff;}
#footer{padding:30px 0;background:#222; position:relative; margin-top:0px;z-index: 99;}

.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4,
.post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td{margin:0;padding:0;font-size:15px;direction:ltr;}
.post p{font-family:inherit;font-weight:400;font-size:16px;line-height:1.6;margin-bottom:20px;color:#222222;text-align:left;}
.post p.lead{font-size:18px;line-height:30px;margin-bottom:25px;}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{font-weight:normal;font-style:normal; color:#1c1e21; text-rendering:optimizeLegibility;line-height:1.1;margin-bottom:14px;margin-top:0px;}
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small{font-size:60%;color:#1c1e21;line-height:0;}
.post h1{font-size:55px;line-height:1.1;margin-bottom:15px; font-weight: 900; font-family:"Inter", sans-serif;}
.post h2{font-size:30px;line-height:1.1;margin-bottom:15px; font-weight: 700; font-family:"Inter", sans-serif;}
.post h3{font-size:20px;line-height:1.1; font-weight: 700;}
.post h4{font-size:16px;line-height:20px;font-weight: 600;}
.post h5{font-size:14px;line-height:20px;font-weight: 700;}
.post h6{font-size:12px;line-height:18px;}
.post code{font-weight:bold;background:#111111;}
.post ul, .post ol{ padding-left: 10px;}
.post ul, .post ol, .post dl{font-size:16px;line-height:1.5;margin-bottom:20px;list-style-position:outside;}
.post ul li ul, .post ul li ol{margin-left:20px;margin-bottom:0;}
.post ul{list-style:none;}
.post ul li{margin:0 0 15px;padding:0 0 0 15px;display:block; color:#222222; background:url(../images/dot-list.png) no-repeat 0 8px;  line-height: 1.5;font-size: 16px; font-weight:400;}
.post ul li a{color:#fc5353;}
.post ul li a:hover{color:#fc5353;}
.post ol{margin-left:15px;}
.post ol li ul, .post ol li ol{margin-left:20px;margin-bottom:0;}

.post ol li {margin:0 0 15px;color:#222222; line-height: 1.6;font-size: 16px; font-weight:400;}

.logo{z-index:9999;padding:0px 0 0 0; margin-right: 90px; text-align:left; width:100%; max-width:150px; min-width: 100px;float: left; position:relative;}
  
#top-bar.white-bg .logo{ margin-top: 0px; padding-top: 0px; max-width: 120px;}
#top-bar.white-bg{position:fixed; top:0; left:0; width: 100%; min-height: 45px; display:block; z-index:9999; transition: all 0.5s ease; opacity: 1; background:#f8f4f0; padding-bottom: 10px;}

#header .apply-btn, #header1 .apply-btn{font-size:18px;line-height:20px;margin:0px auto 0;padding:13px 25px;text-align:center;background:#d21181;}
#header .apply-btn:hover, #header1 .apply-btn:hover{color:#fff; background: #ea6e6e; -webkit-box-shadow:5px 5px 5px 0px rgba(50, 50, 50, 0.50);-moz-box-shadow:5px 5px 5px 0px rgba(50, 50, 50, 0.50);box-shadow:5px 5px 5px 0px rgba(50, 50, 50, 0.50);}

.punchline { padding: 20px 0 0; display:block; position:relative;}
.punchline ul{ list-style:none; margin:0; padding:0;}
.punchline ul li{ background:url(../images/tickicon.svg) no-repeat 0 8px; padding:0 0 0 25px; margin-bottom: 15px;float:left; width:50%; color:#000; font-size: 15px;text-align: left;}

.punchline h1{ font-weight: 900 !important; font-size: 64px; line-height: 0.95; color:#000; letter-spacing: -2.6px; margin-bottom: 15px;font-family: 'franklin_gothic', sans-serif;}
.punchline p{color:#000; font-size:18px; line-height: 1.3; margin-bottom: 20px;font-weight: 400;}
.punchline p strong{ font-size: 18px;}
.punchline .btn-box{ text-align: left;}
.punchline .btn{ margin:0; background:#1d6ae5; border-color: transparent; border-radius:0;}
.punchline .btn:hover{ background:#1555ba; border-color: transparent;}
.green{color:#35a61a;}
.punchline p.small {font-weight: 600; background: rgba(83,109,140,0.3); font-size: 14px; display: inline-block; padding: 8px 30px; border-radius: 30px; margin: 0 0 15px 0;}
.wrp-box1 {position:relative;transition: all 0.5s ease; z-index:999; background:#f8f4f0; padding: 25px 0 40px 0;}
.wrp-box1 .container{ max-width:1060px; margin:0 auto; width:100%;}
.centerlogo {text-align: center; display: block; width: 100%;}
.centerlogo .logo{float: none; margin: 0px auto; padding: 30px 0;}
.punchline.applypage {padding: 0px 0 0; display: block; position: relative; text-align: center;}
.punchline.punchline1 h1{ font-size: 58px;}
.orange-yellow{color:#e59d4b;}
.punchline.whouses-punchline p, .punchline.whouses-punchline p strong { font-size: 17px !important;}
.small1{ font-size: 12px !important;}

@media (max-width:1100px){
.punchline{padding: 20px 0 0;}
}

@media (max-width:1000px){
#main-navigation{width: 65%;}
}
@media (max-width:900px){
.punchline{ padding:0;}
.punchline h1{font-size: 40px;line-height: 1.2;}
.logo { margin-right: 63px; max-width: 153px;}

}

@media (max-width:767px){
.punchline{ width: 100%;padding:15px 30px 50px; margin-bottom: 0px; text-align: center;}
#top-bar .container{ padding:0;}
.logo { padding: 5px 0 0px 20px; margin-right: 0; text-align: left; width: 165px; float: none;}
.punchline h1 { font-size: 40px; line-height: 1.3; margin: 0px 0 20px; text-align:center;}
.punchline p { text-align: center; margin-bottom: 20px; font-size: 20px;}
.punchline .btn-box{ text-align: center;}
#header .container { padding: 0;}
.wrp-box1 {padding: 0px 0 40px 0;}
.punchline ul li{ float:left; width:50%; margin-bottom: 10px;}
#top-bar.white-bg .logo{ max-width: 120px; padding: 0 0 0 15px;}

}

@media (max-width:540px){
.punchline { padding: 30px 15px 50px;}
}

@media (max-width:440px){
.punchline ul li { float: none; width: 100%;}
.punchline { padding: 10px 5px 30px;}

}

nav {
  margin: 0;
  padding: 10px 0 0 0;
/*  background-color: #f8f4f0;*/
}

#top-bar.white-bg nav { padding: 6px 0 0 0;} 
 
nav:after {
  content: "";
  display: table;
  clear: both;
}
 
nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
 
nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
}
 
nav a {
  display: block;
  padding: 0 17px 20px;
  color: #aaaaaa;
  font-size: 17px; font-weight: 700;
  line-height: 36px;
  text-decoration: none;
}

/*nav ul li ul li.last-btn a{background: #35a61a; color: #fff;}*/
nav#nav ul li.last-btn a{padding: 5px 16px;
  border-radius: 7px;
  margin: 0;
  position: relative;
  text-align: center;
  color: #222222;
  background: #f8f4f0;
  transition: all 0.5s ease;
  font-weight: 800;
  font-size: 15px;
  display: block;
  border: 2px solid #aaa;}
  nav#nav ul li.last-btn a:hover{ background:#ececec;}
 
nav ul li ul li:hover { background: #093; }
nav ul li ul li a:hover { background: #093; color:#fff;}
nav a:hover { background-color: transparent; color:#6a6a6a;}
 
nav ul ul {
  display: none;
  position: absolute;
  top: 50px;
  background:#fff; border-radius:5px;
}
 
nav ul li:hover > ul { display: inherit; }
 
nav ul ul li {
  width: 270px; line-height:22px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul li a{color:#000; line-height:22px; padding:13px 15px; font-size:15px; position:relative;}
nav ul ul li.frist-child:before { background:url(../images/arrow-nav.png) no-repeat 0 0; position:absolute; left:40px; top:-11px; width:12px; height:11px; content:"";}
 nav ul ul li.frist-child{ position:relative;}
nav ul ul ul li { position: relative; top: -60px; left: 170px;}
.downn { font-size: 30px; display: inline-block; line-height: 22px; position: absolute; top: -8px;}
/*li > a:after { content: '˯'; font-size:45px; position: relative;top: -9px;}*/
.toggle, [id^=drop] {display: none;}
li > a:only-child:after { content: ''; }

@media all and (max-width : 900px) {
nav a{ font-size:16px;}
}

@media all and (max-width : 800px) {
nav a{ font-size:15px;}
}

/*Responsive Styles*/
@media all and (max-width : 768px) {
	#top-bar.white-bg nav { padding: 0;}
	nav a {
  padding: 5px 20px 5px 20px;}
	nav ul {
  float: none;}
#logo {
  display: block;
max-width: 130px;
padding: 0 0 0px 20px;
  width: 100%;
  text-align: center;
  float: none;
}
 nav ul li{border-bottom: 1px solid #f3eae2;}
  nav ul li ul li{ border:1px dashed #f3eae2;}
nav { margin: 0; }
.toggle + a,
 .menu { display: none; }
.toggle {position: relative;
  display: block;
  padding: 0 20px;
  color: #000;
  font-size: 16px; font-weight:500;
  line-height: 60px;
  text-decoration: none;
  border: none;
}

.downn{top: 0px; right: 17px;}
#nav {
  padding-top: 10px;
}
#top-bar.white-bg .burgermenu {margin-top: -30px; top:0px;}
#top-bar.white-bg{padding: 14px 0;}
.burgermenu { float: right; cursor: pointer;position: relative;z-index: 999;margin-top: -60px;}
.menu.group { background: #f8f4f0; margin-top: 0px; padding-top: 20px;}
.toggle:hover { background-color: #f8f4f0; }
[id^=drop]:checked + ul { display: block; }
nav ul li { display: block; width: 100%;}
nav ul ul .toggle,
nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover,
 nav ul ul ul a { background-color:transparent; }
nav ul li ul li .toggle,
 nav ul ul a { background-color: #fff; }
 label {margin-bottom: 0;}
nav ul ul { float: none;  position: static; color: #ffffff;}

nav ul ul li:hover > ul,

nav ul li:hover > ul { display: none; }

 nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { 
   position: static;
}
}


@media all and (max-width : 767px) {
.burgermenu {margin-top: -30px;}
#nav { padding-top: 0px;}
.punchline.dailgig-punchline h1 { font-size: 40px; margin-top: 20px;}
}

@media all and (max-width : 480px) {
#top-bar.white-bg .burgermenu {margin-top: -30px; top:-0px;}
.burgermenu{margin-top: -30px;}
#top-bar.white-bg nav ul li a { padding-bottom: 7px;}
}
 
@media all and (max-width : 330px) {
nav ul li { display: block; width: 94%;}
}

/*-- Navigation --*/

@media (max-width:380px){
.punchline h1 { font-size: 34px;}
.punchline ul li{ float:none; margin-bottom: 10px; width:100%;}
}



/*-- Home page accordian--*/
.apply-btn{color:#fff; background: #35a61a; font-size: 16px; font-weight:600; display: inline-block; transition: all 0.5s ease; padding: 13px 50px; border-radius: 10px;box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.25);} 
.apply-btn:hover{background: #287d14; color:#fff; }

.two-layout2 .box .header-img { max-width: 110px; margin-bottom: 30px;}
.two-layout2 .box .header-img.paydayicon { max-width: 88px; margin-bottom: 25px;}
.header-img.paydayicon img {width: 100%; display: block;}

.box .header-img1 { max-width: 65px; margin-bottom: 20px;}
.two-layout2 .box{ max-width: 375px; margin:0 auto 50px;}
.two-layout2 .box h3 { margin: 0 0 10px; font-size: 30px; font-weight: 900;}
.two-layout2 h4{font-weight: 900; font-size: 22px;}
.two-layout2 .green-list ul li{ background:url(../images/icon-plus-green.svg) no-repeat 0 4px; padding-left: 26px; color:#000; margin-bottom: 10px;}
.two-layout2 .orange-list ul li{ background:url(../images/icon-plus-orange.png) no-repeat 0 4px; padding-left: 26px; color:#000; margin-bottom: 10px;}
.orange{color:#e39d49;}
.box.orange-list { padding-left: 20px;}
.two-layout2 { position: relative; margin-bottom: 30px; padding: 70px 0 50px;}
.two-layout2 .wrpbox{ position:relative; padding: 0 0 0px 0; margin-bottom: 40px;}
.two-layout2 .wrpbox::after { width: 2px; height: 100%; position: absolute; background: #ececec; left: 50%; top: 0; content: "";}
.two-layout2 .box p{color: #000; font-size: 18px; font-weight: 600; line-height: 1.3; margin-bottom: 30px;}
.two-layout2 .box .apply-btn{ padding: 5px 30px; display: block; text-align: center;}
.two-layout2 .box .apply-btn:hover{ background:#287d14;}
.red{color:#f50c0c;}
.light-red{color:#ea5a1b;}
.orange-btn{ background:#e39d49;}
.two-layout2 .box .orange-btn:hover{ background:#aa7637;}
.two-layout2 .box .blue-btn{ background:#007aec;}
.two-layout2 .box .blue-btn:hover{ background:#0764bb;}

.heading-box {width: 60%; margin-bottom: 70px; padding-right: 50px;}
.heading-box p{ padding-right: 50px;}
.heading-box h2, .two-layout3 h2{ font-size: 50px; font-weight: 900; line-height:1.0; letter-spacing: -2px; font-family: 'franklin_gothic', sans-serif;}
.heading-box h2 .orange{color:#e39d49;}
.blue{color:#007aec;}
.two-layout2 .container, .two-layout3{ max-width: 1050px; margin:0 auto;}
.small { font-weight: 700; color: #aaaaaa;}
.two-layout3{ margin-bottom: 50px; border-bottom: 2px solid #ececec;}
.two-layout3 .box { width: 90%;}
.two-layout3 .box h2{ padding-right: 20px;}
.two-layout3 ul li{ margin-bottom: 5px;}
.two-layout3 .lightblue{color:#7898ea;}
.two-layout3 .percentage{ display:block; text-align:center; font-weight:500;font-size: 50px; color:#7898ea;}
.two-layout3 ul li{ background:none; text-align:center; width: 50%; float: left; padding: 0 8px;}
.two-layout3 ul li p{color:#8a8a98; text-align:center; display:block;}
.people-group { max-width: 90%; margin: 0 auto;padding-top: 70px;}
.two-layout3 .box p, .two-layout3 .box p strong{ font-size: 18px; line-height:1.4;}
.two-layout3 ul li p { line-height: 1.3;}
.two-layout3 .box ul { margin-top: 50px; padding-left:0;}
.faqs-section {background: #f9f9f9; padding: 80px 0 60px; position: relative;z-index: 99;}
.single-layout { position: relative; padding: 0 0 0px;}

.bottom-punchline{ position:relative; background:#f8f5f0; padding: 80px 0; z-index: 99;}
.bottom-punchline .box { padding-left: 0px;}
.content-image{ max-width:500px; width:100%;}
.bottom-punchline h2 {font-size: 64px; font-weight: 900; line-height: 62px; margin-bottom: 50px; font-family: 'franklin_gothic'; letter-spacing: -0.5px !important;}
.yellow{color:#fdc51a;display: inline-block;}
.navy{color:#332199;display: inline-block;}
.light-pink{color:#aa7ab7;display: inline-block;}
.light-red{ color:#e8581e;display: inline-block;}
.light-blue{color:#7898ea;display: inline-block;}
.bottom-punchline .box h2 span { display: block; margin: 0 !important; line-height: 1.0; letter-spacing: -1px; font-family: 'franklin_gothic'; font-weight: 900;}
.bottom-punchline .box{ padding-left: 80px;}
.applybox.applybox-bottom a {display: block; text-align: center; width: 100%; max-width: 320px; margin: 0 auto;}
#accordion h3 { font-size: 22px; font-weight:700; color:#30363d; padding: 40px 30px; border-bottom: 1px solid #f1f1f1; margin-bottom:0; line-height: 24px;cursor: pointer; box-shadow: 0px 18px 20px 1px rgba(0,0,0,0.15);border-radius: 3px;}
#accordion ul li{margin-bottom: 15px; font-weight: 400 !important; line-height: 21px;}

.ui-icon{width:25px;height:26px;display:inline-block;vertical-align:middle;margin-top:2px;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;float:right;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.nums{font-weight:700;color:#0c64b3;font-family:Verdana,Geneva,sans-serif}.ui-icon,.ui-widget-content .ui-icon{background-position:0 -22px;background-image:url(../images/plu-minus.png);background-repeat:no-repeat}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background:url(../images/plu-minus.png);background-position:0 2px;background-repeat:no-repeat}.section4 #accordion h3{font-size:18px;line-height:23px;margin-bottom:0;font-weight:700;display:block;background:#f9f9f9;color:#171717;text-align:left;padding:20px 16px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,0.12);position:relative}.section4 #accordion h3:before{background:none}.ui-accordion-content{padding:30px;background:#f9f9f9}

.faqs-section .inner-box { max-width: 800px; margin: 0 auto;}
.faqs-section .inner-box h2{ font-size: 45px; line-height:50px; margin-bottom: 50px; text-align:center; font-weight: 900;}
.faqs-section .applybox.applybox-bottom {text-align: center; margin: 60px auto 40px;}
.faqs-section .applybox.applybox-bottom p{ text-align:center; margin-top: 10px;}
.faqs-section .applybox.applybox-bottom p a{ display:inline-block; width:auto;}

#accordion h3:focus-visible{ outline: none;}

.piggy { display: inline-block; max-width: 80px;}
.how-it-works h2, .how-it-works h3{ text-align:center;}
.how-it-works h3{ margin-bottom: 10px;}
.how-it-works .centerbox{ text-align:center; margin-bottom: 30px;}
.how-it-works .centerbox p{ text-align:center;}
.number {float: left; color: #3da864; font-size: 35px; font-weight: 500; line-height: 60px;padding-right: 10px;}
.how-it-works .box p {line-height: 23px; font-size: 20px;}
.how-it-works .box p strong{ font-size: 20px;}
.how-it-works .icon {display: block; text-align: center; max-width: 80px; margin: 0 auto 20px;}
.icon.borrow-money img { width: 75%;}
.how-it-works h2 {font-size: 50px; font-weight: 900;}
.how-it-works {background: #edf6f0; padding:50px 30px 40px; position: relative; margin-bottom: 50px; border-radius: 5px;}

.threebox{ text-align:center; position:relative; padding: 70px 0;}
.threebox .center{ margin-bottom: 60px;}
.threebox .center, .threebox .center h2, .threebox .center p{ text-align:center;}
.threebox .box{ background:#f9f9f9; padding:20px; border-radius:10px; min-height:360px; border-bottom: 1px solid #ccc;}
.threebox .box p{ text-align:center;}
.threebox .box h3{color:#222;font-size: 22px;margin-bottom: 8px;}
.threebox h2 { font-size: 40px;}
.threebox .box .icon{ margin-bottom: 20px; text-align:center;}
.supprt h2{ font-style: italic; line-height:1.3; font-size: 40px; text-align:center; font-weight: 400;}
.supprt p{ text-align:center; font-size: 20px; font-weight: 400; font-style: italic;}
.applybox.center{ padding: 30px 0;}
.applybox.center, .applybox.center p { text-align: center; }
.applybox p{ margin-top: 5px; font-size: 14px;}
.main-section { position: relative; padding: 30px 0 0;}
.greybox{ background:#f9f9f9; padding:30px; margin-bottom:25px; border-radius:10px;}
.list-none ul li{ padding:0; background:none;}

.small-container .container {max-width: 900px;}
.greybox h2, .green {color:#32a816; margin-bottom: 30px !important;}


.contact-form { max-width: 600px; margin: 0 auto; position:relative;}
.contact-form p{ text-align:center;}
.contact-form ul li label {padding-left: 20px;}
.contact-form ul li { position: relative; margin: 0 0 10px; padding: 0; background: none;}
.contact-form ul li input {width: 100%;position: relative; box-sizing: border-box; z-index: 18; height: 48px;left: 0; top: 0;border: 1px solid #e3e3e3; background-color: #fff;
  border-radius: 40px; font-size: 16px;color: #000;padding: 0 20px; transition: border-color 200ms ease 0s,box-shadow 200ms ease 0;}
.contact-form ul li .bodytext { width: 100%;position: relative;box-sizing: border-box;z-index: 5;height: 100px;left: 0;top: 0; border: 1px solid #e3e3e3; background-color: #fff;  border-radius: 16px; font-family: Open Sans; font-size: 16px; color: #000; line-height: 1; padding: 12px 20px; margin-bottom: 20px; transition: border-color 200ms ease 0s,box-shadow 200ms ease 0;}
.contact-form ul li input { width: 100%; position: relative; box-sizing: border-box; z-index: 18; height: 48px; left: 0; top: 0; border: 1px solid #e3e3e3; background-color: #fff; border-radius: 40px; font-size: 16px; color: #000; padding: 0 20px; transition: border-color 200ms ease 0s,box-shadow 200ms ease 0;}
.btn-submit { background: #0ba990 !important; color:#fff !important; }
.contact-form ul li label { padding-left: 20px;}
.contact-form ul li .bodytext { width: 100%; position: relative;  box-sizing: border-box; z-index: 5; height: 100px; left: 0; top: 0; border: 1px solid #e3e3e3; background-color: #fff; border-radius: 16px; font-family: Open Sans; font-size: 16px; color: #000;
  line-height: 1; padding: 12px 20px; margin-bottom: 20px; transition: border-color 200ms ease 0s,box-shadow 200ms ease 0;}

.breadcrumb{ position:relative; background: transparent; margin: 0; padding: 0; position:relative;}
.breadcrumb ul{ text-align:center;}
.breadcrumb ul li{ display:inline-block; position:relative; margin-bottom: 10px; background:none; padding-left: 7px;color: #111; width: auto; float: none;}
.breadcrumb ul li a span{ font-size: 13px; color:#1574aa;}
.breadcrumb ul li a.bread-last span{color:#858585;}
.brand-wpr .box{ background:#f9f9f9; padding:30px; border-radius:10px; min-height: 340px; margin-bottom: 30px;}
.brand-wpr .box .brand-logo{ margin-bottom: 20px; text-align:center;}
.brand-wpr .box h3{color:#b5b5b5; text-align:center; margin-bottom: 10px; font-size: 25px;}
.brand-wpr .box p{ text-align:center; font-size:16px; line-height:1.5; color:#000;}
.brand-wpr .box .brand-logo { margin: 0 auto 30px; text-align: center; max-width: 150px; border-bottom: 1px solid #ccc; padding-bottom: 20px; height: auto;}
.brand-wpr .box .brand-logo img { width: 100%; height: auto;}
.brand-wpr .view-details-btn{background: #27aa9f; padding: 3px 25px; color: #fff; font-size: 14px; max-width: 150px; margin: 0 auto; display: block; border-radius: 5px; text-align: center;}
.box.Lyft .brand-logo img{ height:100%;}
.latest-news{ background:#f8f4f0; position:relative; margin:0; padding:60px 0 40px;}
.latest-news h2 {font-size: 45px; margin-bottom: 35px;}
.list-none ul li{ background:none;}
.latest-news ul li a { font-size: 25px;}
body.service-page #top-bar{ padding:15px 0; margin-bottom: 0px;}
body.service-page #top-bar .logo {max-width: 140px; padding:0}
body.service-page #top-bar #main-navigation { padding: 11px 0 0 0;}
.service-inner-page .container{ max-width: 1050px;}
.service-inner-page .greybox{ margin:30px 0; padding:30px;}
.service-inner-page .greybox .gig-worker-img{ padding-top: 50px; margin-bottom: 40px;}
.gig-worker-img.gig-worker-img1 { margin: 0 !important; padding: 0 !important;}
.gig-worker-img.gig-worker-img-installment { padding-top: 80px;}
.service-table td {padding: 15px 20px !important; color:#222222 !important;}
.service-table{ padding:50px 0 !important; position: relative;}
.service-table th { font-size: 20px; padding: 20px !important; background: #35a61a; color: #fff !important; border-radius: 0;}

.light-green-section{ background:#eefff4; padding: 50px 0; position:relative;}
.light-green-section p{color:#000;}
.section-white{ padding: 50px 0; position:relative; margin-bottom:30px;}
.services{position:relative; padding:50px 0;background: #f3f3f3; border-top: 1px dotted #999;z-index: 99;}
.services h2{ margin-bottom: 40px; color:#000; font-size: 40px;}
.services ul{ padding-left:0;}
.services ul li{ background:none; border:1px solid #dadce0; border-radius:50px; display:inline-block; padding:0; overflow:hidden; margin-bottom: 10px;}
.services ul li a{ padding:7px 25px; display:block; color:#202124; transition: all 0.5s ease; font-size: 14px;}
.services ul li a:hover{ background:#f1f3f4;color:#202124;}

.inner-services{ position:relative; padding:50px 0; background:#f8f4f0; margin-bottom: 30px;}

body.service-page .inner-services{background: #f8f4f0;}

.sidebar-service h2{ border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; margin-bottom: 20px; font-size: 25px; color:#000;}
.sidebar-service ul li{ background:none; padding:0; margin-bottom: 20px;}
.sidebar-service ul li a{ transition: all 0.5s ease; color:#2f7b8c; font-weight: 600; font-size: 15px; display:block;}  
.sidebar-service ul li a:hover{color: #24dc9d; text-decoration: underline;}
.applybox.applybox-left .small, .applybox.applybox-bottom .small { font-size: 12px;}

.sidebar-banner.article-sidebar{ transition: all 0.5s ease;}
.js-sidebar-menu.scroll-to-fixed-fixed { margin-top: 100px;}
.table-responsive td, .table-responsive th { padding: 14px 15px !important;}
.sidebar-service {background: #f9f9f9; padding: 20px 25px 10px;border-radius: 10px; position:relative;}
.left-sidebar-wpr { position: relative; padding-bottom: 50px;}

.autthor{ padding-top:0px; border-radius: 50px; overflow: hidden; width: 30px; display: inline-table;position: relative; top: 9px;}
.author-wpr .col-sm-2 { padding-right: 0;}
.author-wpr { margin-bottom: 30px; position:relative;}
.author-wpr a { color: #222; font-size: 15px;}
.small-autor { font-size: 11px !important; padding-left: 34px !important; line-height: 10px !important;}
.disclr p { font-size: 12px; border: 1px solid #a0d6ff; padding: 10px; border-radius: 5px; background: #f7fcff;}
.disclr strong{ font-size: 12px;}
.small {margin-bottom: 20px; display: block; font-size: 16px !important;}

.punchline.aboutpunchline{ text-align: center; max-width: 900px; margin:0 auto;}
.punchline.aboutpunchline p{ text-align:center;line-height: 1.4;}
.punchline.aboutpunchline .iner{ max-width: 600px; margin:0 auto;}
.wrpbox-tw .image { max-width: 220px; margin: 0 auto;}
.wrpbox-tw .center { text-align: center; margin: 70px 0 60px; position: relative;}
.wrpbox-tw .center h2 {font-size: 45px; font-weight: 900;}
.wrpbox-tw .center h2 .green{ display:block;}
.wrpbox-tw { max-width: 780px; margin: 0 auto;}
.wrpbox-tw .box { width: 100%; padding-top: 0px;}
.wrpbox-tw .box h3 { font-size: 35px; font-weight: 900; line-height: 1.1; letter-spacing: -1px;}
.wrpbox-tw .box.box1 { float: right;}
.wrpbox-tw .row{ margin-bottom: 40px;}
.authorbox-wr { text-align: center; position: relative;}
.authorbox-wr p{ text-align:center;}
.authorbox-wr .name { display: block; text-align: center;}
.lightgrey { color: #999; font-size: 15px;}
.ericimg { margin-bottom: 20px; max-width: 350px; margin: 0 auto 20px;}
.authorbox-wr { text-align: center; position: relative;max-width: 780px;margin: 0 auto; padding: 70px 0 20px;}
.white-section p.bigtext { max-width: 860px; margin: 0 auto; text-align: center; font-size: 35px; font-weight: 900; line-height: 1.2;margin-bottom: 50px;}
.white-section p.bigtext .light-blue { display: inline;}

.punchline.whouses-punchline h1 {font-size: 18px; color: #b9b9b9;letter-spacing: 0; font-weight: 700 !important;}
.wrp-box1.wrp-box1-white{ background: #fff; padding-bottom: 10px;}
.innerx{ padding: 60px 0 20px; position:relative;}
.innerx.innerx-legalpage { padding-top: 30px; max-width: 650px; margin: 0 auto;}
.innerx.innerx-legalpage h2{ font-weight: 700 !important;}
.punchline.legalpage-punchline h1 { text-align: center;}
.table-responsive.tablecustom tr td { padding: 25px 17px !important;color: #222; font-weight: 600;}
.table-responsive.tablecustom tr td .applyhere:hover { background: #0049c0; color: #fff;}
.white-section.whouse .bigtext { text-align: left; max-width: 100%;}
.lightred{color:#e7686f;}
body.innerpage #content .container{ max-width: 780px; margin:0 auto;}
body.innerpage #content h2{ font-weight: 900;}
.red-btn.apply-btn { background: #ec656b;}
.center, .center .apply-btn{ text-align:center;}
body.innerpage #content .punchline.whouses-punchline h2 { font-weight: 900; font-size: 35px !important;}
.table-responsive.tablecustom tr td .applyhere .Button-icon { position: relative; top: 3px;}
.brandlogo { max-width: 80px; margin: 0; vertical-align: middle;padding-top: 0px;}
.applyhere { background: #0157ff; color: #fff; display: block; text-align: center; padding: 10px 12px; border-radius: 5px; position: relative; font-size: 13px;}

.table-responsive.tablecustom thead { background: #00143d; border-radius: 5px 5px 0 0 !important;  overflow: hidden; padding-left: 20px;}
.table-responsive.tablecustom thead tr th { color: #fff;}
.table-responsive.tablecustom .table > thead > tr > th{padding: 18px !important; font-size: 15px;}
.table-responsive.tablecustom { border-radius: 10px !important; border-bottom: 1px solid #ccc; margin-bottom: 30px;overflow: hidden;}
.Partner-with-GigsCheck { padding: 90px 0 0;}
.bottom-box-wpr { border: 1px solid #d5e3fd; padding: 50px; border-radius: 10px; display: block; max-width: 900px; margin: 0 auto 50px; background:#f6faff; box-shadow: 0 0 1px #1515151a,0 2px 8px -1px #15151533;}
.punchline.dailgig-punchline h1 { text-align: center; font-size: 45px;}
body.innerpage .table-responsive.tablecustom { border-bottom: 0;}
.punchline.legalpage-punchline h1 { font-size: 40px; font-weight: 700 !important; margin: 0;}
.white-section.white-section-page { padding: 50px 0; position: relative;}
.white-section.white-section-page .container { max-width: 750px; margin: 0 auto;}

body.contact .wrp-box1{padding: 25px 0 0px 0 !important; display:block; position:relative;}
body.contactpages .wrp-box1 {  position: relative; transition: all 0.5s ease; z-index: 999; background: #f8f4f0; padding: 25px 0 0px 0;}
.center, .center p{ text-align:center;} 
.punchline.aboutpunchline.contacpage h2 { font-weight: 900; font-size: 40px;}

.brand-layout { background:#f9f9f9; display:block; border-radius:10px; padding: 50px 50px 30px 50px; margin-bottom: 50px; box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.25);}
.brand-layout ul{ text-align:center; margin-bottom:0;}
.brand-layout ul li{ list-style: none; background: none; display: inline-table; width: 24%; margin:0 0px 15px 0; padding: 0;}
.brand-layout ul li a{color:#000;}
.brand-layout ul li .brandlogo{margin:0 7px 5px 0;}

.number-box { position:relative; background: #f9faf9; padding: 30px; margin-bottom: 15px; border-radius: 10px;}
.tablebox.gigtable tr td { padding: 20px !important;}

@media (max-width:800px){
.wrpbox-tw .box { width: 90%;}
.two-layout2.wrpbox { margin: 0 auto 70px !important;}
}


@media (max-width:767px){
	.table-responsive.tablecustom { border-radius: 10px 10px 0 0 !important; overflow:auto;}
	.wrpbox-tw .center h2 { font-size: 35px;}
	.heading-box { width: 100%; margin-bottom: 50px; padding-right: 0;}
	.two-layout2 .wrpbox::after{display:none;}
	.two-layout2 {margin-bottom: 0; padding: 70px 0 30px;}
	.how-it-works h2 { font-size: 38px;}
	.piggy{ margin-top:10px;}
	.how-it-works .box { margin-bottom: 40px; text-align: center;}
	.two-layout3 ul li{padding: 0 10px;}
	.two-layout2 .box { max-width: 700px;}
	.faqs-section .inner-box h2 {font-size: 40px;}	
	#accordion h3{font-size: 18px; padding: 30px 25px; line-height: 24px;}
	.heading-box h2, .two-layout3 h2 { font-size: 36px;}
	.bottom-punchline .box { padding-left: 0px;}
	.bottom-punchline h2 { font-size: 40px; line-height: 45px;}
	.apply-btn{padding: 13px 37px;}
	.brand-wpr .box{min-height: auto;}
	.service-inner-page .greybox .gig-worker-img{ padding-top: 0px;}
	body.service-page #top-bar .logo {max-width: 145px; padding:0 0 0 15px;}
	.sidebar-service{ display:none;}
	.bottom-punchline .box h2 span {line-height: 1.2;}
	.wrpbox-tw .box { width: 100%; padding-top: 20px; text-align: center;}
	.wrpbox-tw .box p { text-align: center;}
	.wrpbox-tw .center { margin: 20px 0 60px;}
	.wrpbox-tw .image { max-width: 130px;}
	.wrpbox-tw .box h3 { font-size: 26px;}
	.ericimg { max-width: 250px; margin: 0 auto 30px;}
	.Partner-with-GigsCheck { padding: 20px 0 0;margin-bottom: 30px;}
	.innerx { padding: 0px 0 20px;}
	.bottom-box-wpr { padding: 30px;}
	
	.brand-layout ul li { width: 47%; margin: 0 0px 30px 0; text-align: center; padding: 0;}
	.brand-layout ul li .brandlogo { margin: 0 0px 10px 0;}
	.brand-layout { padding: 50px 50px 15px 50px;}
	}
	
	@media (max-width:380px){
	.applybox.applybox-bottom a { width: 92%;}	
	}

#footer .container { max-width: 900px;}
#footer nav.navigation{text-align: left; padding: 0 0 0 20px; margin: 0px 0 30px; border-right: 1px solid #3d3d3d; min-height: 250px; height:100%; background:none;}
#footer nav.navigation.last{ border-right:0;}
#footer nav.navigation ul{list-style:none;margin:0 0 15px;padding:0px;text-align:left;float: none;}
#footer nav.navigation ul li{display: block; margin: 0 0px 10px 0; padding: 0px 0px 0px 0px;  line-height: 12px; text-align: left; background:none !important; color:#cbcbcb; float:none;}
#footer nav.navigation ul li a{ color:#fff; font-size: 18px; font-weight:600;padding: 0;}
#footer nav.navigation h3{color:#737373; font-size: 16px; font-weight: 400; text-transform:capitalize; margin-bottom: 30px; padding-top: 10px;}
.copyright{padding:0px;margin-bottom:20px; text-align:left;  }
.copyright p, .disclaimer p{color:#737373; font-size: 13px; font-weight:400; line-height:1.6; margin-bottom: 20px;}
.copyright p a{color:#737373;}
.disclaimer p strong{ font-size: 13px;}
.disclaimer { padding-top: 0px; margin: 20px auto 0; max-width: 700px;}
#scroll {position: fixed; right: 20px; bottom: 50px; background: #3da864; color: #fff; text-decoration: none; padding: 8px 8px 0px 8px; z-index: 999; font-size: 22px; border-radius: 50px;}

@media (max-width:767px){
#footer .navigation{min-height: auto;}
#footer nav.navigation{min-height: auto;}
#footer nav.navigation ul li{ border-bottom:0;}
#footer nav.navigation ul li a{ display:inline-block;}
}




/*---applicatio page ------*/
#two-layout-appbox{ position: relative; padding: 0px 0 80px;}
#two-layout-appbox .contbox{ padding:130px 20px 0 0; position:relative;} 
#two-layout-appbox .bg-text{ background:#ffe23d; color:#000; padding:8px 20px; border-radius:20px; font-size: 16px; display:inline-block; text-align:center;}
#two-layout-appbox ul li{ background:url(../images/check-icon.webp) no-repeat 0 2px; padding:0 0 5px 30px; font-weight: 500;}
#two-layout-appbox .contbox h2 { margin-bottom: 30px;font-weight: 500; font-size: 40px; line-height: 1.1;}
.green-section{ background:#ecfeee; padding: 70px 0; position:relative;}
.green-section .box h2 { font-size: 50px; text-align: center;}
.green-section .box{ text-align:center;}
.green-section .box p{ text-align:center; font-size: 20px; font-weight: 500;}
#two-layout-appbox .green{color:#01a872; font-weight:700;}
.applogo ul{ padding:0; list-style:none;}
.applogo ul li { display: inline-block; background: none; padding: 0;  margin: 0 6px 0 0; max-width: 140px;}
body.application #footer{ background:#fff; padding: 50px 0;}
body.application #footer p, body.application #footer p a{color:#222;}
.applogo h3 { margin-bottom: 20px; font-size: 20px;}

body.application .disclaimer { padding-top: 0px; margin: 20px auto 0; max-width: 100%;}
body.application #header #top-bar .logo { max-width: 170px; padding: 0; margin: 0 auto 50px; float: none;}
.pagetable th{ background:#4ec070; color: #fff;}
.pagetable td{color:#222222; font-size: 16px;}

.pros ul li{ background:url(../images/pros.png) no-repeat 0 2px; padding-left: 25px; background-size:20px;} 
.cons ul li{ background:url(../images/cons.png) no-repeat 0 4px; padding-left: 25px; background-size:20px;} 

.white-section.white-section-page ul li a { color: #222;}
#riveisbox .custmr-img { max-width: 48%; display: inline-grid; padding-right: 10px;margin-bottom: 30px;}
#riveisbox h2 { margin: 30px 0; position: relative;}
body.innerpage-dailygig .breadcrumb ul { text-align: left !important;}
body.service-page .breadcrumb ul { text-align: left;}

#articlewpr{ position:relative; padding: 50px 0;}
.seemore { position: relative; color: #222;  text-align: right; float: right; margin-top: -35px; font-weight: 300; font-size: 13px;}
.headingsec { margin-bottom: 30px; border-bottom: 4px solid #0049b2; padding-bottom: 10px;}
#articlewpr .postimg { display: block; margin-bottom: 20px; border-radius: 10px; overflow: hidden; height:200px;}
#articlewpr .date { font-size: 13px !important; margin: 0 0 7px 0 !important; font-weight: 300 !important;}
#articlewpr h3{color:#260032; font-size: 19px !important;}

#articlewpr .postimg img { height: 100%; width: 100%; object-fit: cover;}

@media (max-width:1000px){
#two-layout-appbox .contbox { padding: 50px 20px 0 0;}
.green-section .box h2 { font-size: 40px;}
.green-section .box { margin-bottom: 50px;}
.green-section { padding: 50px 0 10px;}
#articlewpr .postbox { position: relative; margin-bottom: 50px; border-bottom: 1px solid #222; padding-bottom: 30px; }
#articlewpr .postimg{ height:auto;}
#articlewpr .postimg img{ height:auto; height:auto;}
}


@media (max-width:767px){
#two-layout-appbox .contbox h2 { font-size: 32px;}
body.application .logo{margin: 0 auto;}
}