@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body.home {
  background-image: linear-gradient(180deg, #FFFFFF 25%, #F8F8F8 50%);
}


*, *: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;}
body{font-family: "Inter", Helvetica; font-size:17px;font-weight:400;line-height:1.5;color:#333;}
h1, h2, h3, h4, h5, h6{font-family:"Inter", sans-serif;font-weight:700;text-rendering:optimizeLegibility;margin-top:0px; color:#1a1a1a; word-wrap: break-word;}
/*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:600; }
a{color:#12ae65 !important;text-decoration:none;line-height:inherit;}
a:hover{color:#12ae65 !important;text-decoration:none;}
a:focus{color:#12ae65 !important;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 20px;padding:0;}
img{vertical-align:middle;max-width:100%;height:auto;-ms-gellixpolation-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:1170px;width:100%;position:relative;z-index:9;margin: 0 auto;}
#header{position:relative;transition: all 0.5s ease; z-index:999; background:#fff; }
#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:16px 0; z-index:999; background:#fff; }
#content{ padding:0px 0 0px;margin:0px 0 0;min-height:350px;position:relative;z-index:99;}
#footer{ padding:60px 0 30px; background:#fff; position:relative; margin-top:0px;z-index: 999;}


.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-weight:400;font-size:17px;line-height:1.5;margin-bottom:20px;text-align:left; word-wrap: break-word; color: #030303;}
.post p.lead{font-size:17px;line-height:30px;margin-bottom:25px;}
.page-banner-content p.lead{ margin-bottom:0 !important; }
.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; word-wrap: break-word;}
.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:50px;line-height:1.1;margin-bottom:15px; font-weight: 700; font-family: "Inter", sans-serif;}
.post h2{font-size:36px;line-height:1.1;margin-bottom:15px; font-weight: 800; font-family: "Inter", sans-serif; color: #000;}
.post h3{font-size:25px;line-height:30px; font-weight: 600; color:#020553; font-family: "Inter", sans-serif;}
.post h4{font-size:22px;line-height:20px;font-weight: 500; margin-bottom: 20px; font-family: "Inter", sans-serif;}
.post h5{font-size:14px;line-height:20px;font-weight: 500; font-family: "Inter", sans-serif;}
.post h6{font-size:12px;line-height:18px;}
.post code{font-weight:bold;background:#111111;}
.post ul, .post ol, .post dl{font-size:17px;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; padding-left: 15px;}
.post ul li{font-family: "Inter", sans-serif; margin:0 0 15px; padding:0 0 0 30px; display:block; color: #030303; background:url(../images/check-icon.png) no-repeat 0 3px; line-height: 1.5;font-size: 17px; font-weight:400; text-align:left;}
.post ul li a{color:#fc5353;}
.post ul li a:hover{color:#fc5353;}
.post ol{margin-left:25px;}
.post ol li ul, .post ol li ol{margin-left:20px;margin-bottom:0;}
.post ul li ol{ list-style:armenian;}
.post ul li ol li{ background:none !important; font-family: "Inter", sans-serif; font-size: 17px; font-weight:400;}
.post ol li {margin:0 0 15px;padding:0 0 0 0px; color: #030303; line-height: 1.6; font-size: 17px; font-weight:400; font-family: "Inter", sans-serif; }

.logo{z-index:9999;padding:0px 0 0 0; margin-right: 20px; text-align:left; width:100%; max-width:300px; float: left; position:relative;}
#top-bar.white-bg .logo{ margin-top: 0px; padding-top: 0px; max-width: 260px;}
#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:#fff !important; padding: 10px 0;}

#top-bar.white-bg .nav__container, #top-bar.white-bg .nav__mobile{ background:transparent;}

#header .apply-btn,{font-size:18px;line-height:20px;margin:0px auto 0;padding:13px 25px;text-align:center;background:#3e7df1;}
#header .apply-btn:hover{color:#fff; background: #5c44ec; -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);}

.home-banner { background: #fff; padding:0px; position: relative;}
.home-banner .pucnline-top h1 { font-size: 32px; font-weight: 700; line-height:1.15; color: #222; margin-bottom: 20px;}
.cycleman { width: 50px; position: relative; margin-top: -15px; margin-bottom: 25px;}
#top-punchline-wpr {padding: 70px 0 100px; position: relative; text-align: center; }
.pucnline-top {max-width: 560px; margin: 0 auto; padding: 0 0px; position: relative;}
.three-collumn .center h2 {
  font-weight: 700;
  font-size: 40px;
}
/*body.faqs{ background:#1f2933;}
body.faqs #header, body.faqs #top-bar, body.faqs .home-banner{ background:transparent !important;}
body.faqs p, body.faqs ul li, body.faqs li a, body.faqs #content h2, body.faqs #content h3, body.faqs #content h4{color:#fff !important;}
body.faqs #footer p{color:#000 !important;}
body.faqs #content h1{color:#92dda9 !important;}
*/

.pucnline-top p{font-size: 17px; font-weight: 400; line-height: 1.7; text-align:center;padding: 0 50px;}
.tile-inner { height:155px;  background: radial-gradient(50% 103%, #FFE236 18%, #EFB529 100%); box-shadow: 0 16px 40px 0 rgba(178, 146, 31, 0.5); border-radius: 10px; background-size: contain; background-position: center 8px, center center; padding: 18px 18px 0px 18px; display: block; justify-content: center; align-items: flex-end; z-index: 1; position:relative;}
.tile-inner img {bottom: 0; position: absolute; left: 0; padding: 0px 20px 0px 20px; max-height: 146px; width: 100%; height: 100%; object-fit: contain;}
.tile-inner span { position: absolute; left: 50%; bottom: 8px; text-align: center; font-size: 16px; color: #fff; display: block; text-align: center; margin-left: -30px; font-weight: 600;}
.tile-inner:before{content: ""; display: block; opacity: 0.2; background: #F2D83F; border-radius: 8.4px; position: absolute; z-index: 0; bottom: -35px; left: -40px; width: 128px; height: 128px;}

.tile { position: relative; margin-top: 150px;}
.tile-inner1 { background:radial-gradient(50% 103%, #F8C1BE 18%, #F99A94 100%); box-shadow: 0 16px 40px 0 rgba(183, 107, 102, 0.52); border-radius: 10px; height: 140px;}
.tile-inner1:before{top: auto; bottom: 30%; left: 40%; right: auto; background: #F8C1BE;}
.tile-inner1 img {bottom: 0; position: absolute; left: 0; padding: 0px 20px 0px 20px; max-height: 125px; width: 100%; height: 100%; object-fit: contain;}

.numbx{ position:relative; background: #F2D83F; color:#fff; border-radius: 8.4px; width: 50px; height: 50px; margin: 0 0 24px; display: inline-grid; justify-content: center; align-items: center; font-weight: 700;}
.leftbox{ text-align:right; padding-left: 60px;}
.leftbox p, .rightbox p { font-size: 14px; line-height: 1.7;}
.leftbox p, .leftbox h3, .leftbox span{ text-align:right;}
.greennum{background: #89D59A;}
.pinknumber{background: #F8C1BE;}
.purplenum{background: #B393C5;}
.Gig-Worker-apply { text-align: center; max-width: 264px; margin: 0 auto; position: relative;}
.leftbox h3, .rightbox h3 { font-size: 18px; font-weight: 600; color: #000;}
.bottom-mar { margin-bottom: 50px; display: block;margin-top: 80px;}
.scroll-explore { text-align: center; display: block; margin-bottom: 50px; color: #ccc; font-size: 12px;}
.rightbox { padding-right: 50px; position:relative;}
.three-collumn .col-md-4 { padding: 0;}

@media (max-width:1000px){
.bottom-mar { margin-top: 0;}
.Gig-Worker-apply { margin-bottom: 50px;}
.three-collumn .col-md-4 { padding: 0 15px;}
}

@media (max-width:767px){
#top-bar, #top-bar.white-bg{ padding: 15px 0;}
.apply-btn{font-size: 17px;}
#top-bar.white-bg .logo{ max-width: 200px;}
}

#main ul li {
  margin-bottom: 15px !important;
}

header{  width:100%; background-color:#fff;}
.nav__container {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:stretch; -ms-flex-align:stretch;
 align-items:stretch; padding:20px}
 #top-bar .fade {opacity: 1 !important;}
.nav__mobile .nav__btn { display:block;margin-top: 0px; }
.nav__mobile { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.nav__menu {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; overflow:hidden;}
.showing { max-height:37rem; -webkit-transition:all .5s; transition:all .5s;}
.nav__menu li { list-style:none; position:relative; white-space:nowrap; padding:17px 0 0;}
.nav__menu li a {display:block; font-size:17px; color:#222 !important; text-decoration:none; margin-top: 0px; font-weight:600;}

.nav-toggle { display:block; background-color:transparent; width:40px; cursor:pointer; padding:4px;}
.nav-toggle span { position:relative; display:block; height:4px; border-radius:35px; width:100%; margin-top:0; background-color:#000; -webkit-transition:all .25s; transition:all .25s;}
.nav-toggle span.mrg { margin-top:5px;}
.nav-toggle.open span:first-child { -webkit-transform:rotate(45deg) translate(6.2px,6.2px); transform:rotate(45deg) translate(6.2px,6.2px);}
.nav-toggle.open span:nth-child(2) { width:0; opacity:0;}
.nav-toggle.open span:last-child { -webkit-transform:rotate(-45deg) translate(6.2px,-6.2px); transform:rotate(-45deg) translate(6.2px,-6.2px);}
.nav__menu .dropdown ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position:static; padding:0; max-height:0; overflow:hidden;
 -webkit-transition:all .4s; transition:all .4s;}
.nav__menu .dropdown ul.show { max-height:20rem; -webkit-transition:all .4s; transition:all .4s;}
.nav__menu .dropdown li a { display:block; font-size:15px; text-transform:capitalize; color:#222; text-decoration:none;}
nav__menu li a:hover { color:#0062a3}
.nav__menu .dropdown>a:after { content:"\f107"; font-family:Font Awesome\ 5 Free; font-weight:900; font-size:16px; padding-left:5px; color:#7e7e7e;}
.nav__menu .active.dropdown>a:after { content:"\f106";}
.nav__menu .dropdown .dropdown>a:after { content:"\f107"; font-family:Font Awesome\ 5 Free; font-weight:900; font-size:16px; padding-left:5px; color:#7e7e7e;}
.nav__menu .dropdown .active.dropdown>a:after { content:"\f106";}
.menu-toggle { max-height:0; overflow:hidden;}
.menu-toggle,.menu-toggle.active { -webkit-transition:all .4s ease; transition:all .4s ease;}
.menu-toggle.active { max-height:100vh;}
.resize-animation-stopper * {-webkit-transition:none!important;transition:none!important; -webkit-animation:none!important; animation:none!important}
#top-bar ul li.last-btn{ padding:0; float: right;}
#top-bar ul li.last-btn a:hover,  #top-bar ul li.last-btn.active a { background: #c0edcd; color: #12a83f !important;}
#top-bar ul li.last-btn a {padding: 9px 18px; border-radius: 10px; letter-spacing: 0.39px margin: 0; position: relative; text-align: center; color: #fff !important; background: #12ae65; transition: all 0.5s ease; font-weight: 500; border: 0; text-transform: uppercase; font-size: 14px;}
#top-bar ul li.last-btn a:before{ display:none;}
.nav__menu li.credit-check{ margin:0 5px 0 0; padding:0;}
.nav__menu li.credit-check a { background: #fce9e8; padding: 7px 16px;border-radius: 5px; color: #de1e17 !important; letter-spacing: .3px; font-weight: 600; margin-top:0 !important; margin: 0 10px 0 0;}
.nav__menu li.credit-check a:before{ display:none;}
.inner-nav ul li a { color: #222 !important;}
.nav__menu li.active a:before{ width:100% !important; background:#7000ff; }
body.page #top-bar .nav-toggle span{ background:#000 !important;}
body.inner-page nav ul li a{color:#212529 !important;}
body.inner-page ul li a:hover, body.inner-page ul li.active a{color:#12ae65 !important}
body.inner-page #top-bar ul li.last-btn a{ padding: 10px 30px 10px 30px;}

.apply-btn-content{text-align: center; max-width: 210px !important; width: 100%; position:relative;background: #7559ff; border: 1px solid #7559ff; display:inline-block; border-radius: 5px; color: #fff !important; transition: all 0.5s ease; z-index:99;padding: 16px 20px; font-weight:600; font-size: 17px;}
.apply-btn-content:hover{ color:#fff !important;}
.apply-btn-content:before{ background-color: #212529; border-radius: 5px !important; bottom: 0; content: ""; left: 0; position: absolute; right: 100%; top: 0; transition: all .35s; z-index:-1; -webkit-transition: all .35s;}
.apply-btn-content:hover:before{ bottom: -1px; left: -1px; right: -1px; top: -1px;}
.apply-btn-content .svg-image{ position: relative; top: 5px; right:-2px; transition: all 0.5s ease; font-weight:600;}
.apply-btn-content:hover svg.svg-image{ right:-10px;}

.team-img img{ width: 100%; margin-top: 0px;border-radius: 10px;}
.social-account{ padding-top:5px;}
.social-account ul{ padding:0;}
.social-account ul li{background: none; padding: 0; display: inline-block; margin-right: 5px;}
.profile-content h4{ font-size: 18px; margin-bottom:10px;}
.profile-content h3{ margin-bottom: 10px; margin-top: 20px;}
.collum-row{ margin-bottom: 30px;}
.team-section{ position:relative;}
.team-section .center{ text-align: center; max-width: 770px; margin: 0 auto 50px;}
.team-section .center p{ text-align:center;}
.team-section .center h2{ font-size:35px; font-weight:700;}

.support-section{ position:relative; background:#2a3035; padding:50px 0;}
.support-section p{color:#fff !important;}
.support-section h2{color: #fff; font-size: 28px; font-weight: 800;}
.support-section .inner{ max-width:660px; margin:0 auto; text-align:center;}
.support-section .inner p{ text-align:center}
.support-section .inner .small-text{ font-size: 13px !important;}
.support-section .inner .apply-btn-content{ margin:20px 0;}

@media screen and (max-width:1000px) {
 .nav__container{ padding:0 0px;}
}

@media screen and (min-width:800px) {
 .menu-toggle {width: 100%;
  display:-webkit-box!important;
  display:-ms-flexbox!important;
  display:block !important;
  max-height:100vh;
  overflow:visible; text-align: center;
 }
 .nav__container {
  width:100%;
  max-width:1260px;
  margin:auto;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  padding:0 10px;
 }
 .nav__container,
 .nav__mobile {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .nav__mobile .nav__btn {
  display:none
 }
 .nav__logo img {
  width:100%;
  max-width:58px
 }
 .nav__menu { margin-bottom:0; padding-left:0;
  display:-webkit-box;
  display:-ms-flexbox; width: 100%;
  display:block;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  max-height:100%;
  overflow:visible
 }
 .nav__menu li {
  list-style:none;
  position:relative;
  white-space:nowrap; display: inline-block;
  padding:0;
 }
 .nav__menu li a {font-family: 'Inter';
  font-size:16px; position:relative;
  color:#fff; font-weight: 300; padding:9px 15px; border-radius:7px;
  text-decoration:none; 
 }
 
 /* .nav__menu li a:before{ width:0; height:3px; background:#fff; content:""; display:block; position:absolute; left:0; bottom:-15px; transition: all 0.5s ease;}
  .nav__menu li.active a:before{ width:100%;}
  .nav__menu li a:hover:before{ width:100%;}*/
  .nav__menu li.credit-check span img { position: relative; margin-top: -7px; display: inline-table;}
 
 .nav__menu li a:hover, .nav__menu li.active a { border:0 !important; color:#3da864 !important; }
 .nav__menu .dropdown {
  position:relative
 }
 .nav__menu .dropdown ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:absolute;
  top:100%;
  left:-30px;
  opacity:0;
  visibility:hidden;
  overflow:visible;
  padding:0 17px;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
 }
 .nav__menu .dropdown:hover>ul {
  top:100%;
  left:0;
  opacity:1;
  visibility:visible;
  overflow:visible;
  padding:0 17px;
 }
 .nav__menu .dropdown ul li {
  padding:8px 15px;
  background-color:#1076c9;
  position:relative
 }
 .nav__menu .dropdown ul li:hover {
  background-color:#3493e0;
 }
 .nav__menu .dropdown ul li a {
  display:block;
  color:#fff;
  text-transform:capitalize;
 }
 .nav__menu .dropdown ul li a:hover {
  display:block;
  color:#c7e0f5
 }
 .nav__menu .dropdown>a:after {
  content:"\f107"
 }
 .nav__menu .dropdown:hover>a:after,
 .nav__menu .dropdown>a:after {
  font-family:Font Awesome\ 5 Free;
  font-weight:900;
  font-size:16px;
  padding-left:5px;
  color:#7c7c7c
 }



 .nav__menu .dropdown:hover>a:after {
  content:"\f106"
 }
 .nav__menu .dropdown .dropdown>a:after {
  content:"\f105"
 }
 .nav__menu .dropdown .dropdown:hover>a:after,
 .nav__menu .dropdown .dropdown>a:after {
  font-family:Font Awesome\ 5 Free;
  font-weight:900;
  font-size:16px;
  padding-left:10px;
  color:#fff
 }
 .nav__menu .dropdown .dropdown:hover>a:after {
  content:"\f104"
 }
 .nav__menu .dropdown .dropdown:hover>ul {
  position:absolute;
  top:0;
  right:calc(100% - 17px);
  left:auto;
  opacity:1;
  visibility:visible
 }
 .nav__menu .dropdown .dropdown ul {
  position:absolute;
  top:0;
  right:calc(100% - 17px);
  left:auto;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
 }
}


@media (max-width:900px){
	.nav__menu li a { font-size: 15px;}
	 .nav__menu { padding-left:0;}
}

@media (max-width:780px){
.nav__container { padding:0 20px !important;}
.nav__menu{ padding-left:0;}
#top-bar ul li.last-btn{ margin-top: 10px;}
.nav__menu li.credit-check { margin-top: 20px;}
.nav__menu > li > a{ font-weight: 400; color: #fff; font-size: 17px;}
.nav__menu li.credit-check a{margin-right:0 !important;}
#top-bar ul li.last-btn a { padding: 10px 30px;}
}

/*-- Home page accordian--*/
.apply-btn{line-height: 1.5; color: #fff !important; background: #12ae65; font-size: 16px; font-weight: 500; transition: all 0.5s ease; padding:10px 16px; display: inline-block; border-radius: 10px; margin-bottom: 20px; text-align:center; margin-top: 10px;text-transform: uppercase;}  
.apply-btn:hover{background:#129e5c; color:#fff !important;}
.punchline .apply-btn{ margin-bottom: 25px;font-size: 20px;padding: 15px 60px;}

#accordion h3 { font-size: 20px; font-weight:500; color:#222;margin-bottom:0; padding:25px 15px 25px 23px; line-height: 1.2; cursor: pointer; /*box-shadow: 0px 18px 20px 1px rgba(0,0,0,0.15);border-radius: 3px;*/}
#accordion .accordion-wrp{font-size: 20px; border-radius:10px;  font-weight: 500; color: #92DDA9; border: 4px solid #92DDA9; padding:0; margin-bottom: 15px; line-height: 1.2; cursor: pointer; box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.10);}

#accordion ul{ margin:10px 0; padding-bottom:0;}
.ui-icon{margin-right: 10px; width:14px;height:20px;background-size: cover;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;}.ui-icon,.ui-widget-content .ui-icon{background-position:0 1px;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 0px;background-repeat:no-repeat; background-position: 0px -18px; background-size: cover;}.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:pogellix;border-bottom:1px solid rgba(0,0,0,0.12);position:relative} #accordion h3:before{background:none}.ui-accordion-content{padding:15px 0 0px 0;background:none;}
.accordion-wrp {padding: 30px 20px 30px 32px; border-bottom: 0; margin-bottom: 5px; border-radius: 5px; }
.accordion-wrp h2 { cursor: pointer;}
.faqlist ul li{ background:none; padding-left:0; color:#262c2f; font-weight:700; margin-bottom: 25px;}
.icon {max-width: 180px; margin: 0 auto;}
#faqs-wpr{padding: 70px 0;background: #f9f9f9; position:relative;}
#faqs-wpr.home{ background:#cfdefd; padding:0;}

#accordion { max-width: 900px; position: relative; margin:0 auto; }
.accordion-wrp { padding: 0; border-radius: 10px; width: 95%; margin: 0 auto 10px;}
#accordion p { font-size: 18px;}
#faqs-wpr .accordion-wrp ul li{ background:url(../images/dot.png) no-repeat 0 8px; padding-left: 16px;}
#faqs-wpr .center{ text-align:center; padding: 50px 0 30px;}
#faqs-wpr .center h4{ color:#286ff5; text-transform: uppercase; font-size: 18px; margin-bottom: 10px;border: 0;}

body.faqs .home-banner, body.faqs #top-bar { background: #f9f9f9;}
.still-question { padding: 100px 0 0 0 !important; position: relative; display: block; float: right;}
#faqs-wpr.faqs-page #accordion h2 { text-align: center;  margin: 50px 0;}
.ui-accordion-content { padding:0px 20px 20px;}
.ui-state-active {border: 0 !important; color:#2d991c;}

.banner-img { padding-top: 0px; position:relative; }

.smalltoo { color:#0c59c1 !important; font-size: 18px !important; margin: 0px 0 0 !important; padding:0 !important; line-height:1.3 !important;}
.trustpilot { border-right: 1px solid #0c59c1; position:relative;padding-right: 0px;}

.brandicon { max-width: 104px; display: block; text-align: center; width:100%;margin: 0 auto;}
.brandicon img{ width:100px; display:block; object-fit: cover !important;}

.brandicon.lyft { max-width: 65px;}
.brandicon.postmates{ max-width: 65px;}
.brandicon.uber{ max-width: 65px;}
.brandicon.ups{ max-width: 55px;}
.brandicon.wag{ max-width: 60px;}
.brandicon.doordash{ max-width: 135px; display:block; text-align:center;}
.brandicon.taskrabbit{max-width: 130px; display:block; text-align:center;}
.brandicon.instacart{max-width: 130px; display:block; text-align:center;}

#brandlogo h3.platform{display: block; font-size: 13px; font-weight: 800; color: #222; text-transform: uppercase; margin-bottom: 0; letter-spacing: 3px;}
#brandlogo { position: relative; padding: 70px 0 40px; vertical-align: middle; border-top: 1px solid #ececec;  border-bottom: 1px solid #ececec; margin-top: 80px; margin-bottom: 30px;}

.innertxt { max-width: 600px; margin: 0 auto 70px; position: relative; text-align:center;}
.innertxt p{ margin-bottom: 20px;}
.innertxt .apply-btn{ margin-top: 30px;font-size: 16px;}
.planheading { max-width: 650px; margin: 0 auto; position: relative;}
.imgfaqs { padding-top: 120px;}

/*--application page ---*/
.wrp-box1.app-page { position:relative; padding-top: 40px;}
.wrp-box1.app-page:before{ background:#1b1e27; position:absolute; left:0; top:0; width:50%; height:100%; content:"";}
.app-content h2, .app-content p { color: #fff;}
.pagelogo { margin-bottom: 30px;}
.wrp-box1.app-page .container { max-width: 1600px !important;}
.phone-img { max-width: 450px; margin: 50px auto; position: relative;}
.app-content { padding-top: 50px;width: 85%;}
.app-content h2 { line-height: 1.3;}
.app-content p { color: #97a8bf; font-size: 22px;}
.full-layout-twobox .cont-sec p { line-height: 1.3;}

.bottom-content { position: relative; max-width: 900px; margin: 50px auto; background: #fff; padding:30px 0px 30px 30px; border-radius: 20px;}
.bottom-content h2{ font-size: 22px; margin-bottom: 10px;}
.bottom-content p{ margin-bottom:0;}
.applyrwpr{ text-align:center;}
.applyrwpr .apply-btn{ background:#edf4fe; color:#0b51d7 !important;}
.applyrwpr .apply-btn:hover{ background:#cfdefd;}
.center.faqsh2 h2 { color: #000; margin-bottom: 50px;font-size: 50px; font-weight: 600;}

.whyus{ position:relative; margin-bottom: 40px; }
.whyus p{ text-align:center;}
.ctcbanrimg { border-radius: 15px; overflow: hidden; margin-bottom: 30px; position: relative; text-align: center;}
.workers-wrapper .inner{ padding:0 0 50px 20px;}
.address1{ margin-bottom: 50px;}
@media (max-width:1300px){
.innertxt { max-width: 600px;
  margin: 50px auto 70px;
  position: relative;
  text-align: center;}
}

@media (max-width:1000px){
.planheading { margin: 0 auto 50px;}
.logo { margin-right: 65px; max-width: 160px;}
#top-punchline-wpr { padding: 20px 0;}
.tile { position: relative; max-width: 165px; margin: 50px auto 70px;}
.leftbox { text-align: center;}
.leftbox p, .leftbox h3, .leftbox span{text-align: center;}
.bottom-mar, .rightbox, .rightbox p {text-align: center;}
#brandlogo h3.platform{margin-bottom: 50px; text-align:center;}
.inner-page .pucnline-top { width: 100%;}
.owl-controls { display: none;}
.leftbox, .rightbox { padding: 0;  }
.pucnline-top p{padding: 0 5px;}
.carousel.platforms { padding: 0 40px;}
}


@media (max-width:767px){
.platforms {text-align: center;margin-bottom: 50px !important;}
}


/**-Footer --*/
#footer .navigation{text-align:left;padding:0 0 0 0px; margin:0px 0 0px; }
#footer .navigation ul{list-style:none;margin:0 0 15px;padding:0px; text-align:right;}
#footer .navigation ul li{position: relative;position: relative; margin: 0 0 7px 0; padding: 0; display: block; text-align: left;}
#footer .navigation ul li a{color: #000 !important; font-size: 14px; font-weight: 400; text-decoration: none; transition: all 0.5s ease;}
#footer .navigation ul li a:hover{opacity:1;}
#footer h3{color:#647190; font-size: 14px; font-weight: 600; text-transform:capitalize; margin-bottom: 5px; padding-bottom: 5px; letter-spacing: -0.5px; opacity: 0.8;}
.copyright{padding:20px 0px;margin-bottom:20px; text-align:left;  }
.copyright p{color: #647190 !important; font-size: 14px !important; font-weight: 300 !important; line-height: 1.5; margin-bottom: 15px;}
.disclaimer p{color: #647190 !important; font-size: 14px !important; font-weight: 300 !important; line-height: 1.5; margin-bottom: 15px;}
.disclaimer h3{color:#1a1a1a; font-size: 18px; opacity: 0.8;}
.disclaimer { position:relative;}
.disclaimer .inner{border-bottom: 1px solid rgba(202,209,215,.25); padding-bottom: 10px; margin-bottom: 15px;}
.copyright p a{color:#1a1a1a;}

.foot-logo { max-width: 150px; margin-bottom: 20px;}
#scroll {position: absolute; z-index: 999; background: #fff; border-radius: 20px; border: 1px solid #59aaf9; width: 30px; height: 60px; right: 50px; bottom: 50px; padding: 5px; line-height: 42px;}
.social-media{ position:relative;}
.social-media ul{ margin:0 0 30px 0; padding:0;}
.social-media ul li{ display:inline-block; max-width:20px;color:#222; margin:0 2px;}
.social-media ul li svg{ color: #222 !important; font-size: 20px !important;  max-width: 25px; width: 100%;}
.social-media ul li a{ color:#222; display:block;}
.social-media ul li.last-child{ max-width:25px;}

.disclaimer p strong{ opacity: 0.95;}
.leftbox-foot { width: 50%; float: left;}
.rightbox-foot { width: 50%; float: right;}
.contact-form ul li { background: none;}
.formbox label { color: #000; font-weight: 400;}
.contact-form input, .contact-form textarea {display: block; width: 100%; padding: 7px 15px; border-radius: 0; box-shadow: none; border-bottom: 2px solid #ccc; background: none; border-top: 0; border-left: 0; border-right: 0; margin-bottom: 30px; color: #000;}


.socialmedia{padding:10px 0 20px;display: block;}
.socialmedia ul{ text-align:right; margin:0; padding:0;}
.socialmedia ul li{ width: 30px; height:30px; vertical-align:middle; border:0; border-radius:50%; display:inline-block; text-align:center; line-height: 30px; transition: all 0.5s ease; cursor:pointer; color:#647190; font-size: 15px;}
.socialmedia ul li a{color:#647190 !important;font-size: 15px;}
.socialmedia ul li:hover, .socialmedia ul li a:hover{ color:#000;}
.navigation.navigation-privy { display: inline-block;}
.soc-privcywpr { float: right;}
.footlogo { max-width: 130px; margin-bottom: 20px;}
.foot1 { border-bottom: 1px solid #e7ecf4; margin-bottom: 30px; padding-bottom: 15px; position: relative;}
.play-store h2 { font-size: 12px; color:#647190;}
#faqs-wpr.faqs-page #accordion { padding: 20px 0px;}

.header-top { text-align: left; padding-top: 20px; width: 85%;}
.about-hero-keys { max-width: 250px; padding-top: 50px;}
.header-top.aboupage h1 { font-size: 20px; color: #666;font-weight: 600;}
.header-top.aboupage h2 { font-size: 50px;font-weight: 700;}

.common-timeline { margin-top: 65px; display: flex; justify-content: center; align-items: flex-start;}
.common-timeline > svg { transform: translate(8px, -31px);}
.common-timeline .timeline-container { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.common-timeline .timeline-container .content-block { max-width: 280px; width:100%; font-size: 16px; font-weight: 300; text-align: left; padding-left: 27px;  padding-bottom: 60px;}
.common-timeline .timeline-container .content-block .timeline-title { display: flex; align-items: center; transform: translate(-38px, -31px);}
.common-timeline .timeline-container .content-block .timeline-title .circle { width: 22px; height: 22px; border: 1px solid #3da864; box-sizing: border-box;border-radius: 15px;background: white;}
.common-timeline .timeline-container .content-block .timeline-title .h-dash { width: 22px; height: 1px; border-top: 1px solid #3da864; box-sizing: border-box;}
.common-timeline .timeline-container .content-block .timeline-title .date { padding: 10px; border: 1px solid #3da864; box-sizing: border-box; text-transform: uppercase; color: #000000;}
.common-timeline .timeline-container .content-block .timeline-title .date h5 { margin-bottom: 0px;}
.common-timeline .timeline-container .content-block img { width: 121px; height: auto; display: block; margin-bottom: 26px;}
.about-us-new .split-sections img { width: 100%; max-width: 100%;}
.inner-content { padding-top: 30px; position: relative;}

.header-top.hiw-page { width: 90%; position:relative; padding-top:0;}
.hiw-page h1{ font-size: 18px !important;text-transform: uppercase;letter-spacing: 1.5px;}
.hiw-page h2{ font-size: 50px; line-height: 1.1; margin-bottom: 20px;font-weight: 800;}
#brandlogo.how-it-wrk { border: 0; padding: 60px 0; text-align: center; max-width: 960px; margin: 0 auto;}
#brandlogo.how-it-wrk h3{ margin-bottom: 50px !important; text-align: left; letter-spacing: 2px; font-size: 14px;}
.pagelogo-white{ max-width: 230px;}

.how-it-wrk .brandicon { max-width: 83px;}
.center, .center p{ text-align:center;}

.threebox-wpr{ position:relative;}
.threebox-wpr .box{ text-align:center; padding: 50px 20px;}
.threebox-wpr .box p{ text-align:center; font-size: 15px;}
.threebox-wpr .box h3{font-size: 18px; margin-bottom: 15px; font-weight: 700; color: #000;}
.threebox-wpr .box .image{ margin-bottom: 30px;}
.right-image-wrapper .ctcbanrimg { max-width: 450px; margin: 0px auto 0; position: relative;}
.twoboxtop .ctcbanrimg {max-width: 450px; margin: 50px auto 0; position: relative;}
.twoboxbottom .inner2 { padding-top: 50px;}
.inner2 { padding-top: 20px;width: 95%;}
.workers-wrapper.workers-containr .container { max-width: 960px;}
.twoboxtop { margin-bottom: 60px;}
.twoboxbottom { margin-bottom: 50px;}
.twoboxtop .inner1 h3, .inner2 h3 { font-size: 30px !important; font-weight: 700; color: #000 !important;line-height: 1.2;}

.header-top.hiw-page p { font-size: 24px; line-height: 1.5;font-weight: 300;}
.carousel-hitwork { padding-top: 0 !important;}

.black-btn{ position: relative;
  width: max-content;
  display: block;
  text-decoration: none !important;
  cursor: pointer !important;
  border: 2px solid #4CCB68 !important;
  border-color: none !important;
  border-radius: 24px !important;
  padding: 14px 24px;
  outline: none;
  overflow: hidden;
  color: #0F0F0F !important;
  transition: border 0.3s 0.1s ease-out, box-shadow 0.3s 0.1s ease-out !important;
  text-align: center;
  background-color: #4CCB68 !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 14px !important;
  line-height: 17px !important;
  letter-spacing: 0.38889px !important;
  text-transform: uppercase !important;
  z-index: 0;
  border: 2px solid #1F2933 !important;
    border-top-color: rgb(31, 41, 51);
    border-right-color: rgb(31, 41, 51);
    border-bottom-color: rgb(31, 41, 51);
    border-left-color: rgb(31, 41, 51);
  color: #FFFFFF !important;
  background-color: #1F2933 !important;
  letter-spacing: 0.1em !important;
  }

.black-btn:hover {
  border-color: #1F2933 !important;
  color: #1F2933 !important;
  background-color: #e7f9ec !important;
}

.termwpr { position: relative; max-width: 960px; margin: 55px auto;}
.wrp-box1.terms-banner { background: #f9f9f9;}
.termwpr h2 { font-size: 25px !important;}

.contact-top{ background:#89d59a; padding: 50px 0; position:relative;}
.contact-page { padding: 50px 0; position: relative;}
#contact-formbox {margin: 0 auto 80px; background: #f9f9f9; padding: 30px 10px 30px 10px; border-radius: 10px;}

#contact-formbox input{display: block; width: 100% !important; height: 50px;padding: 6px 12px;font-size: 16px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none; font-weight:300; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius: 5px;margin-bottom: 25px;}
#contact-formbox select { background-color: #fff; font-weight:33; width: 100%; padding:0 15px; height: 50px;color:#555; font-weight:300;   border: 1px solid #ccc;  border-radius: 5px;margin-bottom: 25px;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#contact-formbox textarea{display: block; width: 100% !important; height: 150px;padding: 6px 12px;font-size: 16px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none; border: 1px solid #ccc;  border-radius: 5px;margin-bottom: 25px;font-weight:300; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#contact-formbox {margin: 0 auto 80px; background: #f9f9f9; padding: 0px 30px 30px 30px; border-radius: 10px;}
#contact-formbox .btn.dark.widen-btn{padding: 9px 32px 12px 32px; border:0;border-radius: 100px;margin: 0;position: relative;text-align: center;color: #fff;background: #0ac0b0;transition: all 0.5s ease;font-weight: 400;}
.blue{color:#3e7df1;}

.phone-img {
  max-width: 450px;
  margin: 50px auto;
  position: relative;
}

.wrp-box1.app-page::before {
  background: #1b1e27;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  content: "";
}

@media (max-width:1000px){
.hiw-page h2 { font-size: 40px;}
.header-top.hiw-page { width: 100%;}
.howitwork-img {  max-width: 450px;}
.threebox-wpr .box .image { max-width: 400px; margin: 0 auto 30px;}
.header-top {width: 100%;padding-top: 30px;}
#contact-formbox{padding: 30px 10px 30px 10px; }
.phone-img { display: none; }
.pagelogo { text-align: center;}
.app-content { padding: 20px 0; width: 100%; text-align: center;}
.wrp-box1.app-page::before {width: 100%;height: 50%;}
.pagelogo-white { max-width: 230px; margin: 0 auto;}
.app-content p { text-align: center;}
}

@media (max-width:767px){
	.header-top{width: 100%;}
	.common-timeline .timeline-container .content-block { max-width: 480px; width:100%;}
	.header-top h1 { font-size: 42px; margin-bottom: 30px; letter-spacing:-1px;}
	.header-top h2 { font-size: 32px;}
	.header-top.hiw-page { width: 100%;}
	}
 


#footer .foot1 h3 { font-size: 20px !important;  color: #000 !important; margin-bottom: 20px !important;}
#footer .col1foot p { font-size: 30px; font-weight: 700; color: #000 !important;line-height: 1.3; letter-spacing: 0.5px;}
#footer .col1foot{ width: 90%; font-weight:700;}
@media (max-width:767px){
#footer .col1foot {width: 100%; margin-bottom: 50px;}
#footer .col1foot p { font-size: 22px;}
}

@media (max-width:480px){
#footer .navigation ul li a {font-size: 12px;}
#footer .navigation ul li{padding: 0 3px;}
.copyright { padding: 0;}
}


/*--Blog--*/
.bran-sec {
  border-bottom: 1px solid #999 !important;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.tablecontent ol li {
  margin-bottom: 10px;
}

.pros ul, .cons ul {
  list-style: none !important;
  padding-left: 0px !important;
  margin-left: 0 !important;
}

.pros, .cons {margin-bottom: 40px;
  margin-top: 20px;
}

#main .bran-sec ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

.pros ul li {
  background: url(../images/check-icon.png) no-repeat 0 2px;
  padding-left: 25px;margin-bottom: 15px;
}
.cons ul li {
  background: url(../images/cross-red.png) no-repeat 0 2px;
  padding-left: 25px;margin-bottom: 15px;
}

.brand-logo-wpr {
  border-bottom:2px solid #f1f1f1;
  margin-bottom:50px;
  position:relative;
  padding:0 0 40px
}
.leftheading {
  position:relative
}
.leftheading h2 {
  font-weight:700;
  font-size:23px;
  line-height:30px;
  font-family:'supria_sans';
  margin-bottom:17px!important
}
.leftheading a {
  position:relative;
  width:100%;
  display:block;
  text-decoration:none!important;
  cursor:pointer!important;
  border:2px solid #4CCB68!important;
  border-color:none!important;
  border-radius:24px!important;
  padding:14px 20px;
  outline:none;
  overflow:hidden;
  color:#0F0F0F!important;
  transition:border 0.3s 0.1s ease-out,box-shadow 0.3s 0.1s ease-out!important;
  text-align:center;
  background-color:#4CCB68!important;
  font-style:normal!important;
  font-weight:bold!important;
  font-size:14px!important;
  line-height:17px!important;
  letter-spacing:0.38889px!important;
  text-transform:uppercase!important;
  z-index:0;
  border:2px solid #1F2933!important;
  border-top-color:rgb(31,41,51);
  border-right-color:rgb(31,41,51);
  border-bottom-color:rgb(31,41,51);
  border-left-color:rgb(31,41,51);
  color:#FFFFFF!important;
  background-color:#1F2933!important;
  letter-spacing:0.1em!important
}
.leftheading a:hover {
  border-color:#1F2933!important;
  color:#1F2933!important;
  background-color:transparent!important
}
#sharethis {
  text-align:center;
  position:relative;
  display:block;
  max-width:30px;
  margin:0 auto
}
#sharethis #st-1.st-has-labels .st-btn.st-remove-label {
  height:auto!important;
  min-width:30px;
  float:left;
  width:100%;
  margin-bottom:10px;
  display:block!important;
  max-width:30px;
  clear:both
}
.Requirements {
  color:#00a5b8!important;
  font-size:22px
}
.distext {
  color:#666!important;
  font-style:italic;
  line-height:1.4
}
.job-wpr h2 {
  margin-bottom:30px!important;
  color:#fff;
  padding:15px;
  background:#f88000;
  border-radius:5px 0 5px;
  text-align:center
}
.brand-logo-wpr h3 {
  color:#0cb2eb!important;
  font-weight:800;
  font-size:30px!important
}
.author-box ul li {
  display:inline-block;
  background:none!important;
  padding:0!important;
  margin:0 10px 0 0!important
}
#main-content .blog-heading {
  position:relative;
  max-width:700px;
  margin:0 auto 50px
}
#main-content .blog-heading h1 {
  position:relative;
  font-size:45px;
  margin:0;
  font-weight:800;
  padding:0 35px;
  line-height:1.3;
  text-align:center;
  margin-bottom:15px;
  word-wrap:break-word
}
#main-content .blog-heading p {
  text-align:center
}
#main-content .blog-heading h1:before {
  background:var(--wpr-bg-98aa5cbe-2374-441b-8637-014b0560c00e) no-repeat 0 0;
  position:absolute;
  left:-60px;
  bottom:-10px;
  width:65px;
  height:76px;
  content:"";
  z-index:-1
}
#main-content .blog-heading h1:after {
  background:var(--wpr-bg-b3c3d7a1-7f20-48c2-8158-049b92330395) no-repeat 0 0;
  position:absolute;
  right:-60px;
  top:-10px;
  width:65px;
  height:76px;
  content:"";
  z-index:-1
}
#main-content .gride-box {
  background:transparent;
  border-radius:10px;
  border:none;
  padding-left:0;
  padding-right:0;
  animation-name:fade-in;
  animation-fill-mode:both;
  animation-duration:0.6s;
  transition:all ease 0.2s
}
.gride-box .blog-block-latest-single-item .latest-post-thumbnail-wrap img {
  border-radius:5px 5px 0 0!important
}
.gride-box .latest-post-block-content {
  padding:0 25px 25px 25px
}
.gride-box h3 {
  font-size:22px!important
}
.gride-box .single-meta-left-infos div {
  margin-right:5px!important
}
.main-container.blog-spacing {
  padding-top:50px!important
}
#main-content.inner-post-custm img {
  border-radius:10px
}
.disclouser-box {
  position:relative;
  width:100%
}
#show-hidden-menu {
  float:none;
  margin-top:0px;
  border:0;
  color:#222;
  background:none;
  font-style:italic;
  font-size:13px;
  text-decoration:none
}
.disclouser-box .hidden-menu {
  width:100%;
  float:right;
  border:2px solid #f1f1f1;
  margin-top:20px;
  padding:10px 14px 10px 15px;
  border-radius:10px;
  margin-bottom:15px
}
.disclouser-box .distext {
  font-size:13px!important
}
#sidebar.leftheading {
  padding-top:60px!important
}
.main-content-inner .post-block-wrapper-latest {
  width:31%;
  box-shadow:4px 4px 20px rgba(0,0,0,.1);
  border-radius:5px;
  height:100%;
  background:#fff;
  margin:0 10px 20px 10px;
  margin-bottom:20px;
  display:inline-table
}
.latest-post-thumbnail-wrap,
.latest-post-thumbnail-wrap img {
  min-height:220px;
  position:relative
}
.body-inner-content {
  overflow-x:hidden
}
#main-content .gride-box h3 {
  font-size:20px!important;
  line-height:1.3!important
}
.borderbox {
  border-bottom:1px solid #999;
  padding-bottom:50px;
  margin-bottom:50px;
  position:relative
}

#boxwpr-post ul li { display: inline-block; font-size: 13px;}
#boxwpr-post ul li a{color:#222; font-size: 13px;}
.heading-wpr { padding-top: 45px; position:relative;}
#headertop{ position:relative; margin-bottom: 50px;}

/*
	Screen CSS
	Copyright (c) 2013 by SPOILED MILK
	http://www.spoiledmilk.com
*/

/* NORMALIZE ............................................ */
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
height: 100%;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body, div, dl, dt, dd, pre, form, fieldset, input, table, th, td, embed, object {
margin: 0;
padding: 0;
}
:focus {
outline: 0
}
:link, :visited {
text-decoration: none
}
/* clearfix */
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/* HTML ELEMENTS....................................... */

/* Main ................ */
.inside {
background-color: #f4f4f4;
padding: 15px;
  border-radius: 10px;
  display: block;
  position: relative;
}

.authorbox p {
  font-size: 12px;
}

#sidebar-left {
  max-width: 370px;
}

.fixedcontet {
  float: none;
  padding-left: 20px;
}

#sidebar-left.sticky {
float: none;
position: fixed;
top: 120px !important;
z-index: 6;
left: auto; transition: all 0.5s ease;
}

#ez-toc-container {
  background: transparent !important;
  border: 0 !important;
 box-shadow: none !important;
 }
 
 div#ez-toc-container ul li a {
  color: #555 !important;
  font-weight: 400 !important;
}

div#ez-toc-container ul li {
  padding: 10px 0 !important;
}

.tablecontent{ padding: 25px;}
#main ul, #main ol {
  padding-left: 25px !important;
}

#catpost select { display: block; width: 100%; max-width: 360px; margin-bottom: 20px;}
#catpost select {font-size: 15px; display: block; width: 100%; max-width: 360px; margin-bottom: 20px; background: #fff; padding: 10px 20px 10px 10px; border-radius: 6px; border: 1px solid #dfdfdf;}
#main-content .gride-box h3 a { color: #222 !important;}

@media (max-width:1120px) {
  #sidebar-left { max-width: 340px; width: 100%;}
}

@media (max-width:1050px) {
  #sidebar-left { max-width: 310px; width: 100%;}
}

@media (max-width:950px) {
#sidebar-left.sticky {
  float: none; position: relative;}
  }
  
@media (max-width:767px) {
.heading-wpr { padding-top: 0;}
#sidebar-left.sticky { float: none; position: relative; top:0 !important;margin-bottom: 50px;}
#sidebar-left {   max-width: 100%;   width: 100%;   top: 0 !important;  position: relative !important; }
#main-content.inner-post-custm img { float: none; margin: 20px 0;}
#main-content .bran-sec img{ max-width: 150px !important;}
}







/*--Filter --*/

#list {
  width: 100vw;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#list div{
  background-color: rgb(70,70,70);
  width: 200px;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px;
  color: white;
  border-radius: 5px;
}
#list div h2{
  font-size: 20px;
  margin: 0;
}

.dropdown {
  width: 200px;
  position: relative;
  z-index: 5;
  margin: 0 10px;
}
#dropdownBtnSort, #dropdownBtnFilter {
  width: 100%;
  text-align: left;
  padding: 10px;
  border: 2px solid white;
  cursor: pointer;
  border-radius: 5px;
  background-color: #302E2E;
  color: white;
  position: relative;
  --active-col: #302E2E;
}
#dropdownBtnSort i, #dropdownBtnFilter i {
  float: right;
  transform: rotate(0deg);
}

#dropdownBtnSort::before {
  position: absolute;
  content: '';
  height: 2px;
  width: calc(100% - 20px);
  background-color: var(--active-sort-col);
  left: 10px;
  top: 2px;
}

#dropdownBtnFilter::before {
  position: absolute;
  content: '';
  height: 2px;
  width: calc(100% - 20px);
  background-color: var(--active-filter-col);
  left: 10px;
  top: 2px;
}

#dropdownSortOptions, #dropdownFilterOptions {
  display: none;
  background-color: #302E2E;
  flex-direction: column;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  border: 2px solid white;
}
#dropdownFilterOptions {
  display: none;
  background-color: #302E2E;
  flex-direction: column;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  border: 2px solid white;
}
.sortOption, .filterOption {
  padding: 10px;
  color: white;
  text-decoration: none;
}
.sortOption span, .filterOption span {
 float: right;
}

.sortOption:hover, .filterOption:hover {
  background-color: #6E6E6E;
}

.selected {
  position: relative;
  color: #F5B32F;
}
.selected::before {
  position: absolute;
  content: '';
  height: 2px;
  width: calc(100% - 20px);
  background-color: #F5B32F;
  left: 10px;
  bottom: 7px;
}

#clearBtn {
  height: 38.5px;
  padding: 0 10px;
  border: 2px solid white;
  cursor: pointer;
  border-radius: 5px;
  background-color: #302E2E;
  color: white;
  margin-left: 20px;
}


#relatedpost-wpr {
  position: relative;
  background: #fff;
  z-index: 9999;
  padding: 70px 0;
}

.single-one-bwrap{ padding-bottom:0 !important;}
#min-relatedpost h3 {
  font-size: 20px !important;
  margin-top: 15px !important;
}