/*
Dark green : #32a748;
*/
@import url("https://use.fontawesome.com/releases/v5.8.1/css/all.css");

@font-face {
    font-family: 'Nunito';
    src: url('../../font/Nunito-Regular.woff2') format('woff2'),
        url('../../font/Nunito-Regular.woff') format('woff'),
        url('../../font/Nunito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('../../font/Nunito-Bold.woff2') format('woff2'),
        url('../../font/Nunito-Bold.woff') format('woff'),
        url('../../font/Nunito-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('../../font/Nunito-ExtraBold.woff2') format('woff2'),
        url('../../font/Nunito-ExtraBold.woff') format('woff'),
        url('../../font/Nunito-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

body {
    font-family: 'Nunito', sans-serif;
    font-weight: normal;
}

/*====================================
  NAVBAR
======================================*/
nav.navbar.navbar-expand-lg {
    padding: 25px 0px;
}

.hidle-logo:hover {
    filter: brightness(1.2);
    transition: 0.3s;
}

.logo-footer:hover {
    filter: brightness(0.8);
    transition: 0.3s;
}

div#main-navbar ul li a {
    padding: 8px 20px;
    color: #2C313D;
    font-size: 18px;
    line-height: 1.1;
}

div#main-navbar ul li.nav-item.active a,
div#main-navbar ul li.nav-item:hover a {
    color: #80C342;
}

.top-bar {
    box-shadow: 0px 1px 3px #E5E5E5;
    padding: 7px 0;
}

.top-bar ul.social {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 3px;
}

.top-bar ul.social li {
    display: inline;
    margin-right: 20px;
}

.social i.fab.fa-facebook-f:hover {
    color: #3b5998;
}

.social i.fab.fa-twitter:hover {
    color: #1da1f2;
}

.social i.fab.fa-youtube:hover {
    color: #f00;
}

.social i.fab.fa-linkedin:hover {
    color: #0073b0;
}

.social i.fab.fa-instagram:hover {
    color: #d2278e;
}

.social i.fab.fa-vimeo:hover {
    color: #1ab7ea;
}

.top-bar ul.social li .fab {
    font-size: 20px;
    color: black;
}

.top-bar .middle {
    text-align: center;
    font-size: 14px;
    color: #8B8B8B;
}

.top-bar .right {
    text-align: right;
    font-weight: 600;
    font-size: 15px;
}

.top-bar .right a {
    color: #2C313D;
}

.register-btn>a {
    direction: ltr;
    border: 2px solid #0061AF;
    background-color: #0061AF;
    color: #fff;
    padding: 13px 25px;
    border-radius: 10px;
    display: block;
    min-width: 195px;
    text-align: center;
}

.register-btn>a:hover {
    background-color: #005396;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.register-btn ul.sub-menu {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style-type: none;
    left: 0px;
    top: 40px;
    padding-top: 5px;
}

div#main-navbar ul.sub-menu li a {
    padding: 8px 20px;
    display: block;
}

/*div#main-navbar ul.sub-menu li {
    padding: 7px;
}*/
div#main-navbar ul.sub-menu li:hover {
    background-color: #0061af;
    color: #fff;
    transition: 0.3s;
}

div#main-navbar ul.sub-menu li:hover a,
div#main-navbar ul.sub-menu li a:hover {
    color: #fff;
    text-decoration: none;
}

.register-btn {
    position: relative;
}

.register-btn:hover>.sub-menu {
    display: block;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 97, 175)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: rgb(0, 97, 175);
}

/*====================================
  HOW DOES IT WORK
======================================*/
section.how-does-it-works {
    padding: 80px 0 80px;
    background-color: #2C313D;
}

section.how-does-it-works .title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 0;
    padding: 15px 0 40px;
    text-align: center;
}

ul.nav.nav-tabs-items li a.active {
    color: #2c313d;
    background-color: #fff;
}

ul.nav.nav-tabs-items li a {
    color: #fff;
    background-color: #3D4556;
    padding: 15px 15px;
    width: 100%;
    display: block;
    font-size: 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

ul.nav.nav-tabs-items li a:hover {
    text-decoration: none;
}

ul.nav.nav-tabs-items li {
    width: 50%;
    text-align: center;
}

ul.nav.nav-tabs-items li:first-child {
    padding-right: 8px;
}

ul.nav.nav-tabs-items li:last-child {
    padding-left: 8px;
}

ul.nav.nav-tabs-items {
    margin-left: 60px;
    border-bottom: 2px solid #fff;
}

.how-does-it-works .tab-content {
    padding-top: 40px;
    margin-left: 60px;
}

section.how-does-it-works .tab-content .content .title {
    font-size: 18px;
    margin-top: 10px;
    padding: 0;
    text-align: left;
}

section.how-does-it-works .tab-content .content .subtitle {
    color: #fff;
    line-height: 1.2;
    margin-top: 10px;
}

section.how-does-it-works .tab-content .icon {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

.bottom {
    margin-top: 12px;
}

.bottom a.btn-list {
    color: #fff;
    background-color: #0061AF;
    display: block;
    width: calc(50% - 8px);
    float: left;
    text-align: center;
    padding: 13px;
    border-radius: 10px;
    border: 1px solid none;
}

.bottom a.btn-list:hover {
    color: #fff;
    background-color: #005396;
    transition: 0.3s;
    text-decoration: none;
}

.bottom a.btn-list:first-child {
    margin-right: 8px;
}

.bottom a.btn-list:last-child {
    margin-left: 8px;
}

.drpdown-menu {
    position: relative;
    display: inline-block;
}

.dropbtn {
    background-color: transparent;
    color: white;
    /* padding: 14px; */
    font-size: 16px;
    border: none;
    text-align: left;
    font-weight: 600;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style-type: none;
    left: 5px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #0061af;
    color: #fff !important;
}

.drpdown-menu:hover>.dropdown-content {
    display: block;
}

.drpdown-menu:hover .dropbtn {
    background-color: transparent;
}

/*====================================
 HIDLER HEADER
======================================*/
section.header-hidler {
    background-image: url(../../images/hidle-banner.jpg);
    width: auto;
    height: 583px;
    background-position: center;
}

section.header-hidler select {
    -webkit-appearance: none;
    /* for webkit (safari, chrome) compatibility */
    -moz-appearance: none;
    /* for firefox compatibility */
    appearance: none;
}

.search-hidle {
    padding-top: 190px;
    padding-bottom: 176px;
}

section.header-hidler .txt1 {
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    color: white;
}

.content-bottom {
    width: 700px;
    bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.content-bottom .left {
    width: 50%;
    float: left;
    text-align: center;
}

.content-bottom .right {
    width: 50%;
    float: left;
}

.content-bottom .left .title {
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    margin: 4px 0 0px;
}

.content-bottom .left .subtitle {
    font-size: 18px;
    color: #fff;
    line-height: 1;
}

.content-bottom .right a.btn-banner {
    color: #fff;
    background-color: #0061AF;
    display: block;
    text-align: center;
    padding: 13px;
    border-radius: 10px;
    border: 3px solid none;
}

.content-bottom .right a.btn-banner:hover {
    color: white;
    background-color: #005396;
    transition: 0.3s;
    text-decoration: none;
}

section.main-content {
    background-color: #80C342;
}

.main-content .content-menu {
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    margin-bottom: 68px;
}

.main-content .content-menu .list {
    width: 25%;
    float: left;
}

.main-content .content-menu a {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 8px;
    display: block;
    text-align: center;
    position: relative;
}

.main-content .content-menu a.active,
.main-content .content-menu a:hover {
    color: #80c342;
    background-color: #fff;
    transition: 0.3s;
    text-decoration: none;
}

.main-content .content-menu a.active:after,
.main-content .content-menu a:hover:after {
    position: absolute;
    content: '';
    width: -webkit-fill-available;
    height: 2px;
    background-color: #80c342;
    left: 0;
    bottom: 9px;
    margin: 0 25px;
}

/*====================================
  SEARCH BAR
======================================*/
/*DROPDOWN*/
.custom-dropdown {
    position: relative;
    background-image: url(../../images/arrow-down1.png);
    background-repeat: no-repeat;
    background-position: 77px 24px;
    padding: 6px 12px 6px 28px;
    margin-left: -2px;
    border: 1px solid #ddd;
    color: #ABABAB;
    padding-left: 3px;
    background-color: white;
    display: inline-block;
    width: 100px;
}

.custom-dropdown:hover {
    background-image: url(../../images/arrow-down.png);
}

.custom-dropdown select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-image: url(../../images/arrow-down1.png);
    background-repeat: no-repeat;
    background-position: 170px 15px;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
    color: black;
    padding: 8px 16px;
    /*	border: 1px solid transparent;*/
    /*  	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
    cursor: pointer;
    user-select: none;
    /*	border-bottom: 1px solid grey;*/
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: #F5F5F5;
    color: green;
}

/*DROPDOWN*/
section.search-bar {
    background-color: #2C313D;
    height: 75px;
}

.search-col {
    width: auto;
    height: 54px;
    text-align: center;
    padding-top: 11.1px;
}

.type-col {
    background-image: url(../../images/search.png);
    background-position: 14px 16px;
    background-repeat: no-repeat;
    width: 402px;
    font-size: 18px;
    padding: 12px 20px 13px 40px;
    border: 1px solid #ddd;
    margin-bottom: 1px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.addr-col {
    background-image: url(../../images/address.png);
    background-position: 14px 16px;
    background-repeat: no-repeat;
    width: 228px;
    font-size: 18px;
    padding: 12px 20px 13px 40px;
    border: 1px solid #ddd;
    margin-bottom: 1px;
    margin-left: -2px;
}

.button-col {
    padding: 15px 75px 15px 67px;
    margin-left: -2px;
    border: 1px solid #ddd;
    color: white;
    background-color: #80C342;
    border: 1px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.button-col:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

section.search-bar select {
    -webkit-appearance: none;
    /* for webkit (safari, chrome) compatibility */
    -moz-appearance: none;
    /* for firefox compatibility */
    appearance: none;
}

/*====================================
  HOMEPAGE
======================================*/
section.hompage-slider .content {
    position: absolute;
    top: 50%;
    color: #fff;
    left: 10%;
    max-width: 600px;
}

section.hompage-slider .content h1 {
    font-size: 40px;
}

section.hompage-slider .content .sub-title {
    margin-top: 15px;
    margin-bottom: 30px;
}

section.hompage-slider .content a.btn-slider {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

/*====================================
  HOW DOES IT WORK
======================================*/
section.how-does-it-works {
    padding: 50px 0 127px;
    background-color: #2C313D;
}

section.how-does-it-works .title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 0;
}

section.how-does-it-works .tab-content .content .title {
    font-size: 18px;
    margin-top: 10px;
}

section.how-does-it-works .tab-content .content .subtitle {
    color: #fff;
    line-height: 1.2;
    margin-top: 10px;
}

section.how-does-it-works .tab-content .icon {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
}

section.how-does-it-works .video-player img {
    max-width: 100%;
    height: 402px;
}

.computer-list-i {
    width: 529px;
    height: 435px;
    position: absolute;
}

.video-hdiw-i {
    width: 468px;
    height: 269px;
    margin-top: 14px;
    margin-left: 17px;
    position: relative;
    /* border: 1px solid white; */
}

/*====================================
  ACKNOWLEDGEMENT
======================================*/
section.acknowledgements {
    padding: 100px 0 100px;
}

.owl-acknowledgement .item img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    /*    max-height: 80px;*/
}

/*.owl-acknowledgement .owl-dots {
    position: absolute;
    bottom: -80px;
    right: 50%;
}*/
.owl-acknowledgement .owl-dots {
    position: relative;
    bottom: -60px;
    right: 0%;
    text-align: center;
}

.owl-acknowledgement .owl-dots span {
    width: 25px;
    height: 25px;
    background-color: #fff;
    display: block;
    border-radius: 50%;
    border: 1px solid #80C342;
    margin: 0 6px;
}

.owl-acknowledgement .owl-dots .owl-dot.active span {
    background-color: #80C342;
}

.owl-acknowledgement {
    position: relative;
}

section.acknowledgements .section-header {
    text-align: center;
    margin-bottom: 50px;
}

section.acknowledgements .title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
    color: #2C313D;
    margin-bottom: 0;
}

section.acknowledgements .sub-title {
    font-size: 18px;
    color: #D63A95;
    font-weight: bold;
}

/*====================================
  STAY CONNECTED
======================================*/
section.stay-connected {
    background-color: #D63A95;
    padding: 40px 0;
}

section.stay-connected .left .content {
    float: left;
    width: calc(100% - 90px);
}

section.stay-connected .left .img {
    float: left;
    margin-right: 30px;
}

section.stay-connected .left .content .title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
}

section.stay-connected .left .content .sub-title {
    color: #fff;
    font-size: 18px;
}

/*
section.stay-connected .email {
	padding-left: 125px;
}*/
.stay-connected .right {
    padding-left: 125px;
}

.btn-subscribe {
    background-color: #80C342;
    border: 1px none;
    margin-left: 2px;
    width: 178px;
    color: white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 54px;
}

.btn-subscribe:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

section.stay-connected .email-form {
    background-image: url(../../images/mail.png);
    background-position: 14px 20px;
    background-repeat: no-repeat;
    width: calc(100% - 180px);
    height: 54px;
    border: 1px none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 43px;
    float: left;
}

div#mce-error-response {
    text-align: center;
    color: #ffffff;
}

div#mce-error-response a {
    color: #80c342;
    display: block;
    margin-bottom: 8px;
}

div#mce-success-response {
    text-align: center;
    margin-bottom: 8px;
    color: #fff;
}

section.stay-connected .subscribe {
    /*display: flex;*/
}

/*====================================
  FOOTER
======================================*/
footer.footer {
    background-color: #2C313D;
    background-image: url(../../images/footer-bg.png);
}

.footer-top {
    padding-top: 80px;
}

.footer-top h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 800;
}

.footer-top .box {
    float: left;
    width: 17%;
    padding-right: 15px;
    margin-bottom: 20px;
    margin-right: 8%;
}

/*
.align-row {
    max-width: 17%;
    margin-right: 88px;
}
*/
.footer-top .box img {
    max-width: 100%;
}

.footer-top .about {
    color: #fff;
    margin-top: 30px;
    font-size: 18px;
    /*  max-width: 225px;*/
}

.footer-top ul.social {
    list-style: none;
    margin: 0;
    padding: 00;
    margin-top: 20px;
}

.footer-top ul.social li {
    display: inline;
    margin-right: 20px;
}

.footer-top ul.social li .fab {
    font-size: 20px;
    color: #fff;
}

ul.footer-link {
    margin: 0;
    padding: 0;
    list-style: none;
    /*    max-width: 200px;*/
}

ul.footer-link li {
    margin-bottom: 10px;
}

ul.footer-link li a {
    color: #fff;
    font-size: 18px;
}

.footer-copyright {
    padding: 20px 0px 20px;
}

.footer-copyright .left {
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
}

.footer-copyright .left a {
    color: #32a748;
}

.footer-copyright .right {
    text-align: right;
}

/*===========================================*/
@media (min-width: 1200px) {
    .container {
        max-width: 1500px;
    }
}

/*====================================
  FAQs
======================================*/
section.banner {
    height: 335px;
    position: relative;
    background-position: center;
}

@media (min-width: 1200px) {
    section.banner .container {
        max-width: 100%;
    }
}

section.banner .inner-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2;
    cursor: pointer;
}

section.faq-info {
    position: relative;
}

section.banner .txt-banner {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    transform: translate(0px, -50%);
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    line-height: 1.2;
}

section.faq-info .txt1 {
    margin-top: 70px;
    font-weight: 900;
    font-size: 30px;
    text-align: center;
}

section.faq-info .txt2 {
    margin-bottom: 70px;
    font-weight: 450;
    font-size: 20px;
    text-align: center;
}

section.faq-info .txt3 {
    font-size: 18px;
    margin-left: 20px;
    width: 80%;
}

.accordion {
    background-color: rgb(238, 238, 238);
    color: rgb(68, 68, 68);
    cursor: pointer;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 15px;
    padding: 18px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    transition: all 0.4s ease 0s;
    border-radius: 2px;
    position: relative;
}

.accordion:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    color: #80C342;
    font-weight: 900;
    float: right;
    top: 21px;
    position: absolute;
    right: 24px;
}

.accordion.active:after {
    content: "\f106";
}

.accrd-item {
    margin-bottom: 10px;
}

.panel {
    display: none;
    background-color: white;
    padding: 18px 18px;
    overflow: hidden;
    width: 100%;
    border: 2px solid #F5F5F5;
}

.submenu-item a.contains-sub-menu {
    color: #5c8c30;
    font-size: 15px;
    font-weight: 900;
    margin-left: 5%;
}
.submenu-item {
    padding: 0;
    margin-left: -55px;
}
li.child-menu2 {
/*    margin-left: -36%;*/
    list-style: none;
    color: #80c342;
    border-bottom: 2px solid #f5f5f5;
    height: 50px;
    padding: 12px 20px;
}

.child-item>li.child-menu:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    color: #80C342;
    font-weight: 900;
    float: right;
    top: 21px;
    position: absolute;
    right: 24px;
}

.child-item>li.child-menu.active:after {
    content: "\f106";
}

/*====================================
    Contact Us
======================================*/
section.contact-us .container {
    margin-top: 70px;
    margin-bottom: 70px;
}

section.contact-us .txt4 {
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 10px;
}

.contact-form {
    width: 350px;
    height: 48px;
    border-radius: 5px;
    border: 1 px solid #8B8B8B;
    margin-bottom: 10.2px;
    padding-right: 40px;
}

select.form-control.contact-form1.select-contact {
    width: 727px;
    height: 48px
}

textarea.form-control.contact-form.select-contact {
    width: 727px;
    height: 128.23px;
}

.contact-box {
    height: 365.24px;
    width: 593px;
    background-color: #F5F5F5;
    margin-left: 100px;
    margin-bottom: 29.8px;
}

.contact-box1 {
    height: 142px;
    width: 593px;
    background-color: #F5F5F5;
    margin-left: 100px;
    margin-bottom: 29.8px;
}

section.contact-us .dropdown-content {
    display: block;
}

section.contact-us .txt {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: 73px;
    text-align: center;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

section.contact-us .txt1 {
    font-size: 18px;
    color: #D63A95;
    font-weight: 600;
    text-align: center;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

section.contact-us .txt2 {
    font-size: 20px;
    color: #2C313D;
    font-weight: 600;
    text-align: center;
    right: 0;
    left: 0;
    /* margin-left: 0px; */
    margin-right: auto;
    margin-top: 30px;
}

section.contact-us .txt3 {
    font-size: 18px;
    color: #2C313D;
    text-align: center;
    right: 0;
    left: 0;
    margin-top: 40px;
}

.col-md-6.logo-phone {
    margin-left: 56px;
}

.col-md-6.no-phone {
    margin-left: -166px;
    /* margin-right: -22px; */
}

.phone-num {
    margin-left: 0px;
    margin-top: 0px;
}

section.contact-us .social-media {
    right: 0;
    left: 0;
    text-align: center;
}

.social-media i.fab.fa-facebook-f:hover {
    color: #3b5998;
}

.social-media i.fab.fa-twitter:hover {
    color: #1da1f2;
}

.social-media i.fab.fa-youtube:hover {
    color: #f00;
}

.social-media i.fab.fa-instagram:hover {
    color: #d2278e;
}

.social-media i.fab.fa-vimeo:hover {
    color: #1ab7ea;
}

section.contact-us a {
    font-size: 20px;
    color: black;
    padding: 10px;
}

section.contact-us .btn-submit {
    border: 1px none;
    color: white;
    background-color: #80C342;
    width: 200px;
    height: 54px;
    border-radius: 5px;
}

section.contact-us .btn-submit:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

/*====================================
    Terms Conditions
======================================*/
section.term {
    padding-top: 25px;
}

.term-box:nth-child(even) {
    background-color: #F5F5F5;
}

.term-header {
    font-size: 30px;
    font-weight: 900;
    margin-right: auto;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

.term-content {
    font-size: 18px;
    text-align: justify;
    margin-right: auto;
    margin-top: 20px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

/*====================================
    Confirm Your Hire
======================================*/
.row.major-hire {
    padding-top: 75px;
    padding-bottom: 75px;
}

.row.detail-item {
    /*margin-left: -85px;*/
}

img.img-hire {
    max-width: 100%;
    width: 100%;
    height: auto;
}

section.hire-confirmation .txt1 {
    padding-top: 44px;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

textarea.form-control.contact-form.comment-area {
    width: 560px;
    height: 218px;
}

.hire-type {
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
}

.hire-address {
    font-size: 20px;
    color: #80C342;
}

.hire-address:hover {
    font-size: 20px;
    color: #80C342;
    text-decoration: underline #80C342;
}

.price-day {
    width: fit-content;
    height: 60px;
    background-color: #D63A95;
    border-radius: 6px;
    padding: 18px;
    font-size: 18px;
    font-weight: 300;
    color: white;
    /* position: absolute; */
    /* right: 0; */
    margin-left: 63px;
}

.hire-line {
    border: 1px solid #707070;
    width: 721.84px;
    max-width: 100%;
    opacity: 0.38;
    padding-left: -17px;
    /*margin-left: -71px;*/
}

.box-line {
    border: 1px solid #707070;
    width: 669px;
    opacity: 0.38;
    margin-top: -5px;
}

section.hire-confirmation .col-sm-4.right {
    position: relative;
}

.table-details {
    /*margin-left: -70px;*/
    margin-top: 60px;
    width: 726.1px;
    max-width: 100%;
    height: 208.85px;
    border: 5px solid #E2E2E2;
    border-radius: 5px;
}

.table-price {
    /*margin-left: -70px;*/
    margin-top: 40px;
    width: 726.1px;
    max-width: 100%;
    height: 233.85px;
    border: 5px solid #E2E2E2;
    border-radius: 5px;
}

section.hire-confirmation .profile-pic {
    width: 71.36px;
    height: 71.36px;
    border-radius: 36px;
    border: 2px solid #E5E5E5;
}

.profile-detail {
    display: flex;
}

.profile-info {
    width: auto;
    position: absolute;
    padding-top: 65px;
    padding-left: 64px;
}

.hirer-name {
    float: right;
}

section.hire-confirmation .txt2 {
    font-size: 20px;
    font-weight: bold;
}

section.hire-confirmation .txt3 {
    font-size: 20px;
}

section.hire-confirmation .txt4 {
    font-size: 20px;
    font-weight: bold;
    color: #D63A95;
}

.txt3.name {
    padding-top: 17px;
}

.txt2.hirer {
    padding: 18px 12px;
}

.column.date {
    padding: 31px 71px;
}

.name {
    display: flex;
}

.date {
    display: flex;
    margin-top: 27px;
}

.row.price {
    padding: 20px 51px;
}

.txt2.price {
    padding: 20px 50px;
    text-align: right;
}

.column.total-price {
    padding: 5px 50px;
}

.column.title-price {
    padding: 5px 10px;
}

.price3 {
    padding-top: 10px;
}

.price2 {
    text-align: right;
    padding-top: 10px;
}

.button-hire {
    /*	margin-left: -70px;*/
    margin-top: 20px;
    width: 726.1px;
    max-width: 100%;
    height: 54px;
    color: white;
    background-color: #80C342;
    font-size: 18px;
    border: 1px;
    border-radius: 3px;
}

.button-hire:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

/*====================================
    Hire Agreement
======================================*/
.agreement-title {
    padding-top: 75px;
    padding-bottom: 50px;
}

section.agreement {
    padding-bottom: 50px;
}

section.agreement .txt {
    font-size: 30px;
    font-weight: 900;
}

.agreement-box:nth-child(even) {
    background-color: #F5F5F5;
    padding-bottom: 20px;
}

.main-txt {
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}

.content-txt {
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*====================================
    About Us
======================================*/
section.about-top .inner-box {
    padding-top: 75px;
    padding-bottom: 75px;
}

section.about-top .txt1 {
    text-align: center;
    font-size: 30px;
    font-weight: 900;
}

section.about-top .txt2 {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

section.about-mid {
    background-color: #2C313D;
}

.img-box {
    padding-top: 165.7px;
    padding-bottom: 165px;
}

.mid-img {
    /*    width:381px;
    height: 121px;*/
    align-content: center;
    max-width: 100%;
}

section.about-mid .txt1 {
    color: white;
    font-size: 30px;
    font-weight: 900;
}

section.about-mid .txt2 {
    color: white;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 20px;
}

.right-box {
    padding-top: 74px;
}

section.about-bottom {
    background-color: #F5F5F5;
}

.bottom-box {
    padding-top: 75px;
    padding-bottom: 75px;
}

section.about-bottom .txt1 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
}

section.about-bottom .txt2 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #D63A95;
    padding-bottom: 10px;
}

section.about-bottom .txt3 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.button-bot {
    padding-top: 30px;
    text-align: center;
}

.button-bot a {
    border: 2px solid #0061AF;
    background-color: #0061AF;
    color: #fff;
    padding: 13px 25px;
    border-radius: 10px;
    font-size: 18px;
    text-decoration: none;
}

.button-bot a:hover {
    background-color: #005396;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.button-1 {
    width: 328px;
    color: white;
    font-size: 18px;
    height: 54px;
    background-color: #0061AF;
    border: 1px;
    border-radius: 3px;
}

/*====================================
    How does it work
======================================*/
section.banner1 {
    height: 600px;
    position: relative;
    background-size: cover;
}

.banner-top {
    text-align: center;
    padding-top: 234px;
    font-size: 30px;
    font-weight: 900;
    color: white;
}

section.banner1 .row-padding {
    padding-top: 18px;
}

section.listing-item .row-padding {
    padding-top: 60px;
    padding-bottom: 82.9px;
}

.button-blue {
    width: 466px;
    height: 56px;
    color: white;
    background-color: #0061AF;
    border: 1px;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
}

.button-blue:hover {
    background-color: #005396;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.button-green2 {
    width: 466px;
    height: 56px;
    color: white;
    background-color: #80C342;
    border: 1px;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
}

.button-green2:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.button-green {
    width: 328px;
    height: 56px;
    color: white;
    background-color: #80C342;
    border: 1px;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    line-height: 54px;
}

.button-green:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.button-banner1 {
    text-align: right;
}

.button-banner2 {
    text-align: left;
}

.computer-list {
    width: 529px;
    height: 435px;
    position: absolute;
}

.video-hdiw {
    width: 492px;
    height: 277px;
    margin-top: 18px;
    margin-left: 21px;
    position: relative;
    border: 1px solid white;
}

.listing-box {
    border: 5px solid #E2E2E2;
    width: 753px;
    border-radius: 3px;
    padding-left: 43px;
    padding-right: 42px;
    padding-bottom: 92.9px;
}

.box-right {
    padding-left: 135px;
}

section.listing-item .txt1 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    padding-top: 92px;
}

section.listing-item .txt2 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 15px;
}

.button-blue1 {
    width: 328px;
    height: 54px;
    color: white;
    background-color: #0061AF;
    border: 1px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 54px;
}

.button-blue1:hover {
    background-color: #005396;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.txt-number {
    font-size: 30px;
    font-weight: 900;
    padding-left: 37.8px;
}

.txt-listing {
    font-size: 18px;
    font-weight: 900;
    padding-top: 6.7px;
}

.txt-listing2 {
    font-size: 20px;
    padding-top: 9.7px;
    width: 245px;
}

.listing-item-row {
    padding-bottom: 50px;
}

section.hiring-item {
    background-color: #2C313D;
}

.hiring-box {
    border: 5px solid rgba(192, 192, 192, 0.1);
    width: 753px;
    border-radius: 3px;
    padding-left: 43px;
    padding-right: 42px;
    padding-bottom: 92.9px;
    padding-top: 90px;
}

section.hiring-item .txt1 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    color: white;
}

section.hiring-item .txt2 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 15px;
    color: white;
}

section.hiring-item .row-padding {
    padding-top: 60px;
    padding-bottom: 82.9px;
}

.computer-hire {
    padding-left: 130px;
    position: absolute;
}

.video-hdiw2 {
    width: 492px;
    height: 277px;
    margin-top: 19px;
    margin-left: 151px;
    position: relative;
    border: 1px solid white;
}

.txt-hiring {
    font-size: 18px;
    font-weight: 900;
    padding-top: 6.7px;
    color: white;
}

.txt-hiring2 {
    font-size: 20px;
    padding-top: 9.7px;
    width: 245px;
    color: white;
}

.txt-number1 {
    font-size: 30px;
    font-weight: 900;
    padding-left: 37.8px;
    color: white;
}

.hdiw-accom {
    padding-top: 75px;
    padding-bottom: 75px;
}

section.hdiw-accomandation .txt1 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
}

section.hdiw-accomandation .txt2 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
    height: 135px;
}

section.hdiw-accomandation .txt4 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    padding-top: 43px;
    padding-bottom: 10px;
}

section.hdiw-accomandation .txt5 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 15px;
    padding-left: 44px;
    padding-right: 44px;
}

.row.hdiw-accom2 {
    padding-bottom: 75px;
}

.question-button {
    color: white;
    background-color: #80C342;
    width: 59%;
    height: 54px;
    border: 1px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height: 54px;
    margin: 0px;
}

.question-button:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.button-left {
    left: 19%;
}

.button-right {
    text-align: left;
}

.question-box {
    width: 100%;
    height: 269px;
    border: 5px solid #E5E5E5;
    border-radius: 5px;
    margin-top: 68px;
}

/*====================================
    Sign In Register
======================================*/
section.sign-in-reg {
    background-color: #F5F5F5;
}

.sir {
    padding-top: 73.9px;
}

.register-form {
    background-color: white;
    max-width: 100%;
    /* margin-left: 135px; */
    margin-bottom: 75px;
}

section.sign-in-reg .txt1 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    padding-top: 36px;
}

section.sign-in-reg .txt2 {
    font-size: 18px;
    text-align: center;
    color: #D63A95;
    padding-bottom: 18px;
    font-weight: normal;
}

.left-column {
    padding-left: 44px;
}

.right-column {
    padding-left: 0px;
}

section.sign-in-reg .txt3 {
    font-size: 20px;
    font-weight: 900;
    padding-left: 30px;
    padding-bottom: 10px;
}

section.sign-in-reg select option {
    width: 240px;
}

section.sign-in-reg select {
    width: 90%;
    height: 49px;
    border: 1px solid #8B8B8B;
    border-radius: 5px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

section.sign-in-reg select option {
    width: 240px;
}

section.sign-in-reg .txt4 {
    padding-left: 30px;
    padding-bottom: 10px;
    font-size: 18px;
}

section.sign-in-reg .txt5 {
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 18px;
}

section.sign-in-reg .txt6 {
    font-size: 18px;
    text-align: center;
    color: #80C342;
    padding-bottom: 18px;
    font-weight: 600;
}

.column-reg {
    width: 90%;
    height: 49px;
    border: 1px solid #8B8B8B;
    border-radius: 5px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    /* text-align: center; */
}

.column-reg1 {
    width: 90%;
    height: 49px;
    border: 1px solid #8B8B8B;
    border-radius: 5px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    /* text-align: center; */
}

.chckbox-sg {
    width: 25px;
    height: 25px;
    border: 1px;
    border-radius: 5px;
    color: white;
}

.txt-tac {
    color: #80C342;
    text-decoration: underline;
}

.register-button {
    width: 490px;
    height: 54px;
    margin-left: 30px;
    background-color: #80C342;
    color: white;
    border: 1px;
    border-radius: 5px;
    margin-bottom: 37px;
}

.register-button:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.column.sign-in-box {
    padding-top: 50px;
}

.sign-in-txt {
    padding-left: 150px;
}

.sign-in-frm {
    padding-left: 10%;
}

.sign-in-column {
    margin-left: 15px;
    width: 490px;
    height: 49px;
    border: 0px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding-left: 10px;
    /* text-align: center; */
}

.login-button {
    width: 490px;
    height: 54px;
    background-color: #80C342;
    color: white;
    border: 1px;
    border-radius: 5px;
    margin-left: 17px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.login-button:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

section.sign-in-reg .social-media {
    right: 0;
    left: 0;
    text-align: center;
}

a.soc-med {
    font-size: 26px;
    color: black;
    padding: 10px;
}

section.sign-in-reg .txt7 {
    padding-bottom: 10px;
    font-size: 18px;
    text-align: center;
}

.sign-in-contact {
    height: 142px;
    width: 593px;
    background-color: #F5F5F5;
    margin-left: 63px;
    margin-bottom: 29.8px;
}

section.hdiw-banner {
    background-color: #2C313D;
}

section.hdiw-banner .txt1 {
    font-size: 30px;
    font-weight: 900;
    color: white;
    text-align: center;
    padding-bottom: 42px;
}

.left-hdiw {
    padding-top: 118px;
    padding-bottom: 95px;
}

.row.item1 {
    padding-left: 40px;
}

p.verify-stat#failed {
    text-align: center;
    font-size: 43px;
    font-weight: 900;
    color: red;
    margin-top: 7%;
    margin-bottom: 7%;
}

p.verify-stat#success {
    text-align: center;
    font-size: 43px;
    font-weight: 900;
    color: #80c342;
    margin-top: 7%;
    margin-bottom: 7%;
}

button.btn-login {
    margin: 0 auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    padding: 10px 64px;
    /* width: 17%; */
    font-size: 20px;
    font-weight: 900;
    background-color: #0061af;
    color: white;
    border: 1px solid;
    border-radius: 5px;
}

/*====================================
    Home Featured Item
======================================*/
.nav-right {
    float: right;
}

.box-featured img {
    transition: transform .5s ease;
    width: 100%;
}

.box-featured {
    height: 210px;
    overflow: hidden;
    border: 2px solid whitesmoke;
    position: relative;
}

.box-featured.rented:after {
    content: '';
    height: 100%;
    width: 100%;
    background-image: url('../../images/hidle-unavailable.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    top: 0;
    left: 0;
    position: absolute;
}

.box-featured img:hover {
    filter: brightness(0.9);
    transition: 0.3s;
    transform: scale(1.2);
}

.item-content-margin {
    margin-bottom: 20px;
}

.content-featured {
    position: relative;
}

.content-featured.rented {
    pointer-events: none;
}

.content-featured .title {
    font-size: 20px;
    font-weight: 400;
    margin-top: 5px;
    line-height: 1;
    color: black;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-featured .title a {
    color: black;
}

.content-featured .title a:hover {
    text-decoration: none;
}

.content-featured .address {
    font-size: 18px;
    font-weight: 400;
    color: #80C342;
    line-height: 1;
}

.content-featured .price {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    font-weight: 400;
    color: white;
    border: 1px;
    background-color: #80C342;
    text-align: center;
    padding: 18px 10px;
    border-radius: 5px;
    width: 120px;
}

.content-featured .price:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.price-addr-box {
    background-color: #F5F5F5;
    border: 0px;
    border-radius: 5px;
    padding: 10px 10px;
    right: 0;
    top: 0;
    width: calc(100% - 127px);
    margin-top: 6px;
}

section.item-content .row {
    margin-bottom: 75px;
    margin-top: 75px;
}

.owl-featured-item .owl-dots {
    position: absolute;
    top: 23px;
    right: 59px;
}

.owl-featured-item .owl-nav {
    position: absolute;
    top: 37px;
    right: 0;
}

.owl-featured-item {
    position: relative;
}

/*owl dot*/
.owl-featured-item button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0px !important;
    font: inherit;
    margin-left: 27px;
}

.owl-featured-item button.owl-dot span:before {
    position: absolute;
    content: "";
    width: 23px;
    border-radius: 50%;
    height: 23px;
    border: 2px solid #80C342;
    background-color: white;
}

.owl-featured-item button.owl-dot.active span:before {
    background-color: #80C342;
    border: 2px solid #80C342;
}

.owl-featured-item i.fas.fa-chevron-left {
    border: 1px solid;
    border-radius: 5px;
    top: 0;
    right: 125px;
    padding: 5px 6px;
    background-color: white;
    color: #80C342;
    position: absolute;
}

.owl-featured-item i.fas.fa-chevron-right {
    border: 1px solid;
    border-radius: 5px;
    top: 0;
    right: 0;
    padding: 5px 6px;
    background-color: white;
    color: #80C342;
    position: absolute;
}

.owl-featured-item i.fas.fa-chevron-left:hover {
    background-color: #6EA839;
    color: white;
}

.owl-featured-item i.fas.fa-chevron-right:hover {
    background-color: #6EA839;
    color: white;
}

/*====================================
    Home Featured Categories
======================================*/
.categories .img-categories {
    position: relative;
    margin-bottom: 30px;
    max-width: 100%;
    border-radius: 10px;
}

.categories .img-categories:hover {
    filter: brightness(0.7);
    transition: 0.3s;
}

.categories .img-categories img {
    max-width: 100%;
}

section.categories-list .container {
    padding-bottom: 95px;
}

.categories .title1 {
    position: absolute;
    top: 85px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: white;
}

.categories .title2 {
    position: absolute;
    top: 85px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #D63A95;
}

.categories .title3 {
    position: absolute;
    top: 85px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #00BEBE;
}

.categories .title4 {
    position: absolute;
    top: 85px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #AC6647;
}

.categories .title5 {
    position: absolute;
    top: 85px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #6F3998;
}

.categories .title6 {
    position: absolute;
    top: 85px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #C42020;
}

/*====================================
    Item Listing
======================================*/
section.item-listing {
    margin-top: 32px;
}

.slick-small-photo .slick-list.draggable {
    width: calc(100% - 100px);
    margin: 0 auto;
    position: relative;
}

.slick-small-photo img {
    padding: 0 2px;
    height: 98px;
    object-fit: cover;
}

.slick-small-photo img:hover {
    filter: brightness(0.9);
    transition: 0.3s;
}

.slick-big-photo img {
    height: 424px;
    object-fit: cover;
}

.fa-chevron-left.slick-arrow {
    position: absolute;
    top: 40%;
    left: 0;
    border-radius: 4px;
}

.fa-chevron-right.slick-arrow {
    position: absolute;
    top: 40%;
    right: 0;
    border-radius: 4px;
}

.slick-arrow {
    border: 1px solid #80c342;
    color: #80c342;
    padding: 5px;
}

.slick-arrow:hover {
    border: 1px solid #6EA839;
    color: white;
    padding: 5px;
    background-color: #6EA839;
    transition: 0.3s;
}

.mini-title a {
    text-decoration: none;
    color: black;
}

.item-image {
    padding-top: 20px;
    padding-bottom: 20px;
}

.item-listing .img-show {
    width: 100%;
}

section.item-listing .type {
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
}

section.item-listing .address {
    font-size: 20px;
    color: #80C342;
}

section.item-listing .address:hover {
    font-size: 20px;
    color: #80C342;
    text-decoration: underline
}

section.item-listing .price {
    width: fit-content;
    height: 60px;
    background-color: #D63A95;
    border-radius: 6px;
    padding: 18px;
    font-size: 18px;
    font-weight: 300;
    color: white;
    float: right;
}

section.item-listing .line {
    border: 1px solid #707070;
    opacity: 0.38;
}

section.item-listing .col-lg-6.right {
    padding-left: 72px;
    padding-top: 38px;
}

section.item-listing .item-date-price {
    position: relative;
    left: 203px;
    top: -5px;
    max-width: 58%;
    text-indent: 4px;
}

section.item-listing .profile {
    border: 5px solid #E5E5E5;
    border-radius: 5px;
    position: relative;
}

section.item-listing .row.date {
    line-height: 9px;
}

section.item-listing .box-footer {
    text-align: center;
    border: 3px solid #E5E5E5;
    background-color: #E5E5E5;
    width: 100%;
    height: 54px;
    margin-top: -7px;
    padding-top: 8px;
    font-size: 20px;
    color: #616161;
    border-radius: 5px;
}

.row.date-pick {
    margin-left: 1px;
}

section.item-listing .title-date {
    font-size: 20px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 10px;
}

section.item-listing .txtarea-msg {
    width: 100%;
    height: 138px;
    border: 1px solid none;
    border-radius: 5px;
    padding: 15px 15px;
    border: 1px solid #80C342;
}

section.item-listing .submit-btn {
    width: 100%;
    height: 54px;
    background-color: #80C342;
    color: white;
    border: 1px none;
    border-radius: 5px;
    margin-top: 10px;
}
section.item-listing input#photoid {
    border: 1px solid #80C342;
    border-radius: 5px;
    width: 200px;
    height: 49px;
    padding: 15px;
}
section.item-listing .submit-btn:hover {
    background-color: #6EA839;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

section.item-listing .date-listing {
    padding-left: 15px;
    background-image: url(../../images/calendar.png);
    background-position: 168px 12px;
    background-repeat: no-repeat;
    width: 200px;
    height: 49px;
    border: 1px solid #80C342;
    border-radius: 5px;
}
section.item-listing input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

section.item-listing .mid-to {
    margin: 8px 34px 6px 34px;
    border: 1px solid black;
    border-radius: 18px;
    height: 35px;
    width: 35px;
    text-align: center;
    padding-top: 3px;
}

.row.name-hirer {
    position: absolute;
    /* right: 0px; */
    left: 179px;
    top: 76px;
}

section.item-listing .hirer {
    font-weight: 600;
    font-size: 20px;
}

section.item-listing .name {
    font-size: 20px;
}

section.item-listing .profile-pic {
    width: 71px;
    height: 71px;
    border-radius: 36px;
    border: 2px solid #E5E5E5;
    margin: 58px 64px;
}

section.item-listing .hirer-name {
    max-width: 100%;
}

section.item-listing .text-title {
    padding-top: 20px;
    font-weight: 600;
    font-size: 20px;
}

section.item-listing .text-content {
    padding-top: 0px;
    font-size: 20px;
}

.text-content span {
    font-weight: 900;
    font-size: 25px;
}

.owl-image-slide i.fas.fa-chevron-left {
    border: 1px solid;
    border-radius: 5px;
    top: 0;
    right: 314px;
    padding: 5px 6px;
    background-color: white;
    color: #80C342;
    position: absolute;
}

.owl-image-slide i.fas.fa-chevron-right {
    border: 1px solid;
    border-radius: 5px;
    top: 0;
    left: 358px;
    padding: 5px 6px;
    background-color: white;
    color: #80C342;
    position: absolute;
}

.owl-image-slide i.fas.fa-chevron-left:hover {
    background-color: #80C342;
    color: white;
}

.owl-image-slide i.fas.fa-chevron-right:hover {
    background-color: #80C342;
    color: white;
}

.owl-image-slide .owl-nav {
    position: absolute;
    top: 40px;
    left: 338px;
}

.col-md-3.image-slider {
    padding: 4px;
}

.row.image-slider {
    width: 90%;
    margin-left: 35px;
}

.desc-title {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 18px;
}

.desc-content {
    font-size: 18px;
    width: 637px;
    padding-bottom: 75px;
    min-height: 205px;
    height: 100%;
}

section.item-listing .listing-line {
    border: 1px solid #8B8B8B;
    opacity: 0.3;
}

section.similar-item .title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 3px;
}

.similar-title {
    font-size: 20px;
}

.similar-item-column {
    padding-top: 20px;
    padding-bottom: 50px;
}

/* width */
.txtarea-msg::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.txtarea-msg::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.txtarea-msg::-webkit-scrollbar-thumb {
    background: #D5D5D5;
}

/* Handle on hover */
.txtarea-msg::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/*====================================
    Categories Search
======================================*/
/*owl dot*/
.owl-categories-item button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0px !important;
    font: inherit;
    margin-left: 27px;
}

.owl-categories-item button.owl-dot span:before {
    position: absolute;
    content: "";
    width: 23px;
    border-radius: 50%;
    height: 23px;
    border: 2px solid #80C342;
    background-color: white;
}

.owl-categories-item button.owl-dot.active span:before {
    background-color: #80C342;
    border: 2px solid #80C342;
}

.owl-categories-item i.fas.fa-chevron-left {
    border: 1px solid;
    border-radius: 5px;
    top: 0;
    right: 125px;
    padding: 5px 6px;
    background-color: white;
    color: #80C342;
    position: absolute;
}

.owl-categories-item i.fas.fa-chevron-right {
    border: 1px solid;
    border-radius: 5px;
    top: 0;
    right: 0;
    padding: 5px 6px;
    background-color: white;
    color: #80C342;
    position: absolute;
}

.owl-categories-item i.fas.fa-chevron-left:hover {
    background-color: #6EA839;
    color: white;
}

.owl-categories-item i.fas.fa-chevron-right:hover {
    background-color: #6EA839;
    color: white;
}

.owl-categories-item .owl-dots {
    position: absolute;
    top: 23px;
    right: 69px;
}

.owl-categories-item .owl-nav {
    position: absolute;
    top: 37px;
    right: 0;
}

.owl-categories-item {
    position: relative;
}

section.categories-search .item {
    padding-top: 75px;
    padding-bottom: 75px;
}

section.categories-search .box-featured {
    height: 194px;
    overflow: hidden;
    border: 2px solid #f5f5f5;
}

section.categories-search .content-featured .title {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
    line-height: 1;
    color: black;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

section.categories-search .content-featured .title a {
    color: black;
}

section.categories-search .content-featured .title a:hover {
    text-decoration: none;
}

section.categories-search .content-featured .address {
    font-size: 16px;
    font-weight: 400;
    color: #80C342;
    line-height: 1;
    margin-top: 6px;
}

section.categories-search .box-featured img {
    transition: transform .5s ease;
}

section.categories-search .box-featured img:hover {
    filter: brightness(0.9);
    transition: 0.3s;
    transform: scale(1.2);
}
/*
section.categories-search .price-addr-box {
    background-color: #F5F5F5;
    border: 0px;
    border-radius: 5px;
    padding: 10px 10px;
    right: 0;
    top: 0;
    width: 202px;
    margin-top: 6px;
}*/

section.categories-search .title-left {
    font-size: 30px;
    font-weight: 900;
    padding-top: 75px;
}

section.categories-search .left-menu {
    padding-left: 80px;
}

section.categories-search .line {
    border: 1px solid #8B8B8B;
    opacity: 0.3;
    margin-top: 0px;
}

i.fa.fa-angle-down.down-icon {
    float: right;
    padding-top: 5px;
}

i.fa.fa-angle-right.right-icon {
    float: right;
    padding-top: 5px;
    color: #80C342;
}

ul.child-item {
    list-style: none;
}

li.child-menu {
    border-bottom: 2px solid #f5f5f5;
    margin-left: -57px;
    height: 50px;
    padding: 12px 20px;
    position: relative;
}

li.child-menu3 {
    border-bottom: 2px solid #f5f5f5;
    margin-left: -57px;
    height: 50px;
    padding: 12px 20px;
    position: relative;
}

.child-menu3 a {
    color: #80C342;
    text-decoration: none;
}

section.categories-search .accordion {
    border: 0px solid;
    width: 100%;
    height: 60px;
    padding: 13px 19px;
    font-size: 20px;
    font-weight: 600;
    list-style: none;
    background-color: #F5F5F5;
    border-radius: 5px;
    margin-top: 15px;
}

section.categories-search .panel {
    padding: 0 18px 18px;
    overflow: hidden;
    border: 0px solid #F5F5F5;
    width: 100%;
    font-size: 18px;
}

.child-menu a {
    color: #80C342;
    text-decoration: none;
}

section.popular-cat {
    margin-bottom: 45px;
}

section.popular-cat .line {
    border: 1px solid #8B8B8B;
    opacity: 0.3;
    margin-bottom: 75px;
}

section.popular-cat .title {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 10px;
}

section.popular-cat img {
    width: 363px;
    height: 345px;
    border-radius: 10px;
}

.owl-popular-cat i.fas.fa-chevron-left {
    border: 1px solid;
    border-radius: 5px;
    top: 0;
    right: 31px;
    padding: 5px 6px;
    background-color: white;
    color: #80C342;
    position: absolute;
}

.owl-popular-cat i.fas.fa-chevron-right {
    border: 1px solid;
    border-radius: 5px;
    top: 0;
    right: 0;
    padding: 5px 6px;
    background-color: white;
    color: #80C342;
    position: absolute;
}

.owl-popular-cat i.fas.fa-chevron-left:hover {
    background-color: #6EA839;
    color: white;
}

.owl-popular-cat i.fas.fa-chevron-right:hover {
    background-color: #6EA839;
    color: white;
}

.owl-popular-cat .owl-nav {
    position: absolute;
    top: -48px;
    left: 338px;
}

.owl-popular-cat {
    position: relative;
}

.img-popular-cat {
    position: relative;
}

.img-popular-cat:hover {
    position: relative;
    filter: brightness(0.7);
    transition: 0.3s;
}

.cat-title1 {
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: white;
}

.cat-title2 {
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #D63A95;
}

.cat-title3 {
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #00BEBE;
}

.cat-title4 {
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #AC6647;
}

.cat-title5 {
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #6F3998;
}

.cat-title6 {
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #C42020;
}

.cat-title7 {
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #80C342;
}

.cat-title8 {
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #D63A95;
}

/*FORGET PASSWORD*/
.column.statement-msg {
    font-size: 35px;
    padding: 90px 99px;
    font-weight: 900;
}

input.email-col {
    margin: 0 auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center;
    /* border: none; */
    border-width: 0 0 1px 0;
    border-color: #ddd;
    padding: 15px 0px 15px 0px;
    font-size: 20px;
}

input.btn-btn-submit {
    display: block;
    margin: 4% auto 4% auto;
    width: 17%;
    padding: 1%;
    font-size: 18px;
    font-weight: 900;
    border: 2px solid #d63a95;
    background-color: white;
    border-radius: 30px;
    cursor: pointer;
}

input.btn-btn-submit:hover {
    border: 2px solid white;
    background-color: #d63a95;
    color: white;
}

a.btn-btn-login {
    display: block;
    margin: 4% auto 4% auto;
    width: 17%;
    padding: 1%;
    font-size: 18px;
    font-weight: 900;
    border: 2px solid #d63a95;
    background-color: white;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    color: black;
    text-decoration: none;
}

a.btn-btn-login:hover {
    border: 2px solid white;
    background-color: #d63a95;
    color: white;
}

/* my profile */
section.my-profile .container {
    margin-top: 70px;
    margin-bottom: 70px;
}

.my-profile .tab-content {
    padding: 30px 0;
    /*    max-width: 1000px;
    margin: 0 auto;*/
}
.my-profile .transaction-table {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.my-profile .transaction-table a.button {
    background-color: #0061AF;
    padding: 8px 20px;
    border-radius: 10px;
    color: #fff;
    border: 2px solid #0061AF;
    margin-right: 0;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.my-profile ul.nav.nav-tabs li a {
    padding: 10px 30px;
    background-color: #0061af;
    color: #fff;
    border: 2px solid #0061af;
}

.my-profile ul.nav.nav-tabs li a:hover,
.my-profile ul.nav.nav-tabs li a.active {
    color: #0061af;
    background-color: #fff;
    text-decoration: none;
}

.my-profile ul.nav.nav-tabs {
    padding-bottom: 10px;
    /*    max-width: 1000px;
    margin: 0 auto;*/
}

.my-profile a.button {
    background-color: #0061AF;
    padding: 8px 20px;
    border-radius: 10px;
    color: #fff;
    border: 2px solid #0061AF;

}

.my-profile a.button:hover {
    color: #0061af;
    background-color: #fff;
    transition: 0.3s;
    text-decoration: none;
}

div#my-items a.myitems {
    color: black;
}

div#my-items a.myitems:hover {
    text-decoration: none;
    color: #0061af;
}

#hire-items td.product-thumbnail a {
    color: #d63a95;
    font-size: 14px;
    font-weight: bold;
}

#hire-items td.product-thumbnail .icon-pencil {
    margin-right: 5px;
}

div#my-review td.product-name.reviewer span {
    font-size: 12px;
    font-weight: bold;
}

div#my-review td.product-quantity {
    width: 50%;
}

/* hired */
.my-profile .hired {
    text-align: center;
}

.my-profile .hired h1.status-code-title {
    font-size: 4vw;
}

.my-profile .hired h2.title-medium {
    font-size: 1vw;
    font-weight: bold;
    margin-bottom: 20px;
}

.my-profile .hired p.color-red {
    color: red;
    margin-bottom: 60px;
}

/* my review */
section.my-review .container {
    margin-top: 70px;
    margin-bottom: 70px;
}

.my-review h3 {
    font-weight: bold;
    margin-bottom: 30px;
}

.my-review .field-wrapper textarea {
    padding: 15px;
    border-radius: 10px;
    width: 100%;
}

.my-review .form-submit {
    background-color: #0061AF;
    padding: 8px 20px;
    border-radius: 10px;
    color: #fff;
    border: 2px solid #0061AF;
    margin-right: 5px;
    min-width: 200px;
}

.my-review .form-submit:hover {
    color: #0061af;
    background-color: #fff;
    transition: 0.3s;
    text-decoration: none;
}

/* PAGINATION */
.pagination-3 ul {
    list-style: none;
    display: inline-block;
}

.pagination-3 .column.width-12 {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.pagination-3 a.pagination-previous.disabled,
.pagination-3 a.pagination-next.disabled {
    pointer-events: none;
    color: #d63a95;
}

.pagination-3 ul li a {
    background-color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    text-align: center;
    padding: 7px 0;
    border: 2px solid #d63a95;
    color: #d63a95;
    transition: 0.3s;
}

.pagination-3 ul li a:hover,
.pagination-3 ul li a.current {
    background-color: #d63a95;
    color: #fff;
    text-decoration: none;
}

.pagination-3 ul li {
    margin-right: 8px;
    float: left;
}

/*CHANGE PASSWORD*/
.change-pword {
    text-align: center;
    margin: 100px;
    border: 1px #9ca3a3;
    padding: 100px;
}

.column-fill {
    margin-bottom: 35px;
}

.form-base {
    width: 75%;
    text-align: center;
    border-width: 0 0 1px 0;
    padding-bottom: 15px;
    font-weight: 900;
    font-size: 17px;
}

.cp-btn-submit {
    width: 30%;
    padding: 10px;
    font-size: 17px;
    font-weight: 900;
    border: 2px solid white;
    border-radius: 20px;
    color: white;
    background-color: #d63a95;
    cursor: pointer;
}

.cp-btn-submit:hover {
    border: 2px solid #d63a95;
    color: #d63a95;
    background-color: white;
}

/*LIST ITEM*/
section.list-item .title {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 25px;
    font-weight: 900;
}

.list-item-attr {
    padding: 15px 85px 15px 85px;
}

.box-list-item {
    border: 2px solid #9ca3a3;
    margin-bottom: 100px;
}

input.form-fname {
    width: 100%;
    margin-top: 3%;
    border-bottom: 1px solid #a3a8a8;
    padding-bottom: 10px;
}

.column.file-input {
    text-align: center;
    margin-bottom: 25px;
    width: 100%;
}

span.span-title {
    color: red;
}

select.select-input {
    /* border-bottom: 1px solid black; */
    border: none;
    width: 100%;
    padding-bottom: 10px;
}

.column.file-input.select-border {
    border-bottom: 1px solid #9ca3a3;
}

input.form-fname.item-form {
    border: none;
}

.column.rate-border {
    width: 100%;
}

input.width-11.form-lname.form-element.large {
    width: 100%;
    margin: 5% -3% 3% 0%;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #9ca3a3;
}

input.width-11.form-lname.form-element.large2 {
    width: 96%;
    margin: 5% -3% 3% 0%;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #9ca3a3;
}

.row.rate-border {
    width: 100%;
}

span.text-to {
    padding: 34px;
    font-size: 17px;
    font-weight: 900;
}

textarea.text-area-item {
    width: 100%;
    margin-top: 3%;
    border: none;
}

input.form-submit-btn {
    width: 17%;
    padding: 8px;
    font-size: 16px;
    font-weight: 900;
    border: 1px solid white;
    background-color: #d63a95;
    color: white;
    border-radius: 11px;
    cursor: pointer;
}

input.form-submit-btn:hover {
    border: 1px solid #d63a95;
    background-color: white;
    color: #d63a95;
}

section.edit-list-item .title {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 25px;
    font-weight: 900;
}

.column.items-row {
    margin-bottom: 3rem;
    width: 100%;
    text-align: center;
}

.column.item-row-2 {
    width: 100%;
    text-align: center;
}

.column.item-row-3 {
    width: 50%;
    text-align: center;
}

.column.item-row-4 {
    width: 41.66667%;
    text-align: center;
}

.column.item-row-5 {
    width: 8.33333%;
    text-align: center;
}

.row.width-12 {
    margin: 0 auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* TEXT-ALIGN: center; */
}

.product-rating {
    margin-bottom: 25px;
}

ul.ul-dec {
    list-style: none;
}

/* PAGE 404 */
section.page-404 {
    padding: 80px 0;
    text-align: center;
}

section.page-404 h1 {
    font-size: 100px;
}

section.page-404 h3 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 50px;
}

section.page-404 h4 {
    margin-top: 45px;
    font-weight: bold;
    font-size: 18px;
}