@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

:root {
    --main-font-family: 'Roboto', sans-serif;
    --heading-font-family: 'Barlow', sans-serif;
    --main-color: #dda63a;
    --optional-color: #ffc956;
    --white-color: #ffffff;
    --black-color: #141414;
    --paragraph-color: #646464;
    --gradient-color: linear-gradient(to top, #e09900, #ffc956, #e09900, #ffc956, #e09900);
    --font-size: 16px;
    --transition: .6s
}

body {
    padding: 0;
    margin: 0;
    font-family: var(--main-font-family);
}
a{
    text-decoration: none !important;
}
a.default-btn.btn-2 {
    margin-right: 40px;
}
    @media only screen and (max-width: 767px) {
    .main-responsive-nav .main-responsive-menu.mean-container .others-options .option-item .default-btn {
        position: absolute;
        top: -3px;
        right: 45px;
        padding: 8px 38px 10px 10px;
        font-size: 8px !important;
        margin: 0;
    }
    a.default-btn.btn-2 {
        margin-right: 125px !important;
    }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px){
        a.default-btn.btn-2 {
            margin-right: 125px !important;
        }
    }
    @media only screen and (max-width: 1199px){
        a.default-btn.btn-2 {
            margin-right: 125px !important;
        }
    }


    font-size:var(--font-size)


a {
    text-decoration: none;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--black-color);
    display: inline-block
}

a:hover,
a:focus {
    color: var(--main-color);
    text-decoration: none
}

button {
    outline: 0 !important
}

p {
    margin-bottom: 15px;
    line-height: 1.8;
    color: var(--paragraph-color);
    font-weight: 400;
    font-family: var(--main-font-family);
    font-size: var(--font-size)
}

p:last-child {
    margin-bottom: 0
}

i {
    line-height: normal
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.pt-100 {
    padding-top: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-75 {
    padding-bottom: 75px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--black-color);
    font-family: var(--heading-font-family);
    font-weight: 800
}

.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0
}

.selectize-input {
    -webkit-box-shadow: unset;
    box-shadow: unset
}
/* new  */
.default-btn-0{
    padding: 11px 54px 11px 20px !important;
}
.default-btn-0 i{
    right: 5px !important;
}
.default-btn {
    padding: 10px 30px 10px 30px;
    text-align: center;
    border:none;
    color: var(--white-color) !important;
    font-size: var(--font-size);
    font-weight: 600;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 8px;
    z-index: 0;
    background: var(--main-color);
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--heading-font-family)
}

.default-btn i {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    display: inline-block;
    height: 38px;
    width: 38px;
    line-height: 40px;
    color: var(--white-color);
    border-radius: 8px;
    background: var(--gradient-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.default-btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 550px;
    height: 550px;
    margin: auto;
    background: var(--gradient-color);
    border-radius: 8px;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
    transform: translateX(-50%) translateY(-5%) scale(.4);
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s
}

.default-btn:hover {
    color: var(--white-color) !important
}

.default-btn:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-45%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.section-title-wrap {
    margin-bottom: 45px
}

.section-title-wrap .title-content h2 {
    font-size: 42px;
    margin-bottom: 0
}

.section-title-wrap .title-btn {
    text-align: end
}

.section-title {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 45px;
    position: relative
}

.section-title h2 {
    font-size: 42px;
    margin-bottom: 20px
}

.section-title .section-layer-shape {
    position: absolute;
    top: 40%;
    right: 20%;
    -webkit-transform: translateY(-40%) translateX(-20%);
    transform: translateY(-40%) translateX(-20%)
}

.preloader-area {
    position: fixed;
    top: 0;
    background: var(--gradient-color);
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    text-align: center
}

.preloader-area .spinner {
    width: 4em;
    height: 4em;
    -webkit-transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
    transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    margin-left: auto;
    margin-right: auto
}

.preloader-area .spinner .disc {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: .3em dotted var(--white-color)
}

.preloader-area .spinner .disc:nth-child(1) {
    -webkit-animation: rotate 12s linear infinite;
    animation: rotate 12s linear infinite
}

.preloader-area .spinner .disc:nth-child(2) {
    -webkit-animation: rotateDisc2 12s linear infinite;
    animation: rotateDisc2 12s linear infinite
}

.preloader-area .spinner .disc:nth-child(3) {
    -webkit-animation: rotateDisc3 12s linear infinite;
    animation: rotateDisc3 12s linear infinite
}

.preloader-area .spinner .inner {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: sphereSpin 6s linear infinite;
    animation: sphereSpin 6s linear infinite
}

.preloader-area .spinner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    border: 2px dotted var(--white-color);
    margin: -15px
}

@-webkit-keyframes sphereSpin {
    0% {
        -webkit-transform: rotateX(360deg) rotateY(0deg);
        transform: rotateX(360deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateX(0deg) rotateY(360deg);
        transform: rotateX(0deg) rotateY(360deg)
    }
}

@keyframes sphereSpin {
    0% {
        -webkit-transform: rotateX(360deg) rotateY(0deg);
        transform: rotateX(360deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateX(0deg) rotateY(360deg);
        transform: rotateX(0deg) rotateY(360deg)
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateDisc2 {
    from {
        -webkit-transform: rotateX(90deg) rotateZ(0deg);
        transform: rotateX(90deg) rotateZ(0deg)
    }

    to {
        -webkit-transform: rotateX(90deg) rotateZ(360deg);
        transform: rotateX(90deg) rotateZ(360deg)
    }
}

@keyframes rotateDisc2 {
    from {
        -webkit-transform: rotateX(90deg) rotateZ(0deg);
        transform: rotateX(90deg) rotateZ(0deg)
    }

    to {
        -webkit-transform: rotateX(90deg) rotateZ(360deg);
        transform: rotateX(90deg) rotateZ(360deg)
    }
}

@-webkit-keyframes rotateDisc3 {
    from {
        -webkit-transform: rotateY(90deg) rotateZ(0deg);
        transform: rotateY(90deg) rotateZ(0deg)
    }

    to {
        -webkit-transform: rotateY(90deg) rotateZ(360deg);
        transform: rotateY(90deg) rotateZ(360deg)
    }
}

@keyframes rotateDisc3 {
    from {
        -webkit-transform: rotateY(90deg) rotateZ(0deg);
        transform: rotateY(90deg) rotateZ(0deg)
    }

    to {
        -webkit-transform: rotateY(90deg) rotateZ(360deg);
        transform: rotateY(90deg) rotateZ(360deg)
    }
}

.main-banner-area {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #f9f9f9
}

.main-banner-content {
    position: relative
}

.main-banner-content h1 {
    font-size: 85px;
    font-weight: 900;
    margin-bottom: 15px
}

.main-banner-content p {
    margin-bottom: 0
}

.main-banner-content .banner-btn {
    margin-top: 35px
}

.main-banner-content .layer-shape {
    position: absolute;
    top: 40%;
    left: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

.main-banner-area-with-bg-image {
    background-image: url(../images/main-banner/banner-two/banner-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 270px;
    padding-bottom: 180px
}

.main-banner-area-with-bg-image .container-fluid {
    padding-left: 30px;
    padding-right: 30px
}

.main-banner-content-with-search {
    max-width: 1050px
}

.main-banner-content-with-search h1 {
    font-size: 100px;
    color: var(--white-color)
}

.main-banner-content-with-search .banner-search-form {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 5px;
    margin-top: 30px;
    padding: 5px 15px
}

.main-banner-content-with-search .banner-search-form .row .col-lg-3 {
    padding-left: 2px;
    padding-right: 2px
}

.main-banner-content-with-search .banner-search-form .form-group {
    margin: 0;
    position: relative
}

.main-banner-content-with-search .banner-search-form .form-group label {
    z-index: 9;
    display: block;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    color: var(--main-color);
    font-size: 20px;
    top: 24px;
    line-height: 1
}

.main-banner-content-with-search .banner-search-form .form-group .form-control {
    height: 70px;
    display: inline-block;
    padding: 12px 15px 15px 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    background-color: #e1e1e1;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.main-banner-content-with-search .banner-search-form .form-group .form-control::-webkit-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.main-banner-content-with-search .banner-search-form .form-group .form-control:-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.main-banner-content-with-search .banner-search-form .form-group .form-control::-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.main-banner-content-with-search .banner-search-form .form-group .form-control::placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.main-banner-content-with-search .banner-search-form .form-group .form-control:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.main-banner-content-with-search .banner-search-form .form-group .form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.main-banner-content-with-search .banner-search-form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent
}

.main-banner-content-with-search .banner-search-form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent
}

.main-banner-content-with-search .banner-search-form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent
}

.main-banner-content-with-search .banner-search-form .form-group .form-control:focus::placeholder {
    color: transparent
}

.main-banner-content-with-search .banner-search-form .form-group .selectize-input {
    display: inline-block;
    padding: 22px 20px 22px 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    background-color: #e1e1e1;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    overflow: inherit;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.main-banner-content-with-search .banner-search-form .form-group .selectize-input:after {
    content: "\ea4e";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px !important;
    margin-top: 1px;
    font-size: 22px;
    width: unset;
    height: unset;
    border-style: unset;
    border-width: unset;
    border-color: #6f8ba4;
    font-family: remixicon
}

.main-banner-content-with-search .banner-search-form .form-group .selectize-input>* {
    line-height: 1.5 !important;
    text-align: start
}

.main-banner-content-with-search .banner-search-form .form-group .selectize-input input {
    font-size: var(--font-size);
    line-height: 1.5 !important;
    text-align: start
}

.main-banner-content-with-search .banner-search-form .form-group .selectize-input:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.main-banner-content-with-search .banner-search-form .form-group .selectize-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 0
}

.main-banner-content-with-search .banner-search-form .form-group .selectize-dropdown [data-selectable] {
    font-size: 14px;
    border-radius: 0;
    padding: 10px 15px;
    border-radius: 0
}

.main-banner-content-with-search .banner-search-form .search-btn {
    padding: 22px 30px;
    text-align: center;
    color: var(--white-color) !important;
    font-size: var(--font-size);
    font-weight: 500;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 5px;
    z-index: 0;
    background: var(--main-color);
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--heading-font-family);
    border: none;
    width: 100%
}

.main-banner-content-with-search .banner-search-form .search-btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 550px;
    height: 550px;
    margin: auto;
    background: var(--gradient-color);
    border-radius: 8px;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
    transform: translateX(-50%) translateY(-5%) scale(.4);
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s
}

.main-banner-content-with-search .banner-search-form .search-btn i {
    margin-left: 20px
}

.main-banner-content-with-search .banner-search-form .search-btn:hover {
    color: var(--white-color) !important
}

.main-banner-content-with-search .banner-search-form .search-btn:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-45%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.main-banner-area-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.main-banner-area-wrap .container-fluid {
    padding-left: 30px;
    padding-right: 30px
}

.main-banner-area-wrap::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--white-color);
    height: 20px
}

.main-banner-content-wrap {
    margin-top: -50px
}

.main-banner-content-wrap h1 {
    font-size: 80px;
    margin-bottom: 15px
}

.main-banner-content-wrap p {
    margin-bottom: 0
}

.main-banner-content-wrap .banner-search-form {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 5px;
    margin-top: 30px;
    padding: 5px 92px 5px 15px;
    position: relative;
    z-index: 1
}

.main-banner-content-wrap .banner-search-form .row .col-lg-4 {
    padding-left: 2px;
    padding-right: 2px
}

.main-banner-content-wrap .banner-search-form .form-group {
    margin: 0;
    position: relative
}

.main-banner-content-wrap .banner-search-form .form-group label {
    z-index: 9;
    display: block;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    color: var(--main-color);
    font-size: 20px;
    top: 24px;
    line-height: 1
}

.main-banner-content-wrap .banner-search-form .form-group .form-control {
    height: 70px;
    display: inline-block;
    padding: 12px 15px 15px 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    background-color: #e1e1e1;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    position: relative;
    z-index: 1
}

.main-banner-content-wrap .banner-search-form .form-group .form-control::-webkit-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.main-banner-content-wrap .banner-search-form .form-group .form-control:-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.main-banner-content-wrap .banner-search-form .form-group .form-control::-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.main-banner-content-wrap .banner-search-form .form-group .form-control::placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.main-banner-content-wrap .banner-search-form .form-group .form-control:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.main-banner-content-wrap .banner-search-form .form-group .form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.main-banner-content-wrap .banner-search-form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent
}

.main-banner-content-wrap .banner-search-form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent
}

.main-banner-content-wrap .banner-search-form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent
}

.main-banner-content-wrap .banner-search-form .form-group .form-control:focus::placeholder {
    color: transparent
}

.main-banner-content-wrap .banner-search-form .form-group .selectize-input {
    display: inline-block;
    padding: 22px 20px 22px 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    background-color: #e1e1e1;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    overflow: inherit;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.main-banner-content-wrap .banner-search-form .form-group .selectize-input:after {
    content: "\ea4e";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px !important;
    margin-top: 1px;
    font-size: 22px;
    width: unset;
    height: unset;
    border-style: unset;
    border-width: unset;
    border-color: #6f8ba4;
    font-family: remixicon
}

.main-banner-content-wrap .banner-search-form .form-group .selectize-input>* {
    line-height: 1.5 !important;
    text-align: start
}

.main-banner-content-wrap .banner-search-form .form-group .selectize-input input {
    font-size: var(--font-size);
    line-height: 1.5 !important;
    text-align: start
}

.main-banner-content-wrap .banner-search-form .form-group .selectize-input:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.main-banner-content-wrap .banner-search-form .form-group .selectize-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 0
}

.main-banner-content-wrap .banner-search-form .form-group .selectize-dropdown [data-selectable] {
    font-size: 14px;
    border-radius: 0;
    padding: 10px 15px;
    border-radius: 0
}

.main-banner-content-wrap .banner-search-form .search-btn {
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: end
}

.main-banner-content-wrap .banner-search-form .search-btn button {
    border: none;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 25px;
    text-align: center;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: var(--main-color);
    color: var(--white-color);
    border-radius: 5px
}

.main-banner-content-wrap .banner-search-form .search-btn button:hover {
    background-color: var(--optional-color)
}

.main-banner-bg-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.main-banner-bg-shape img {
    width: 100%
}

.play-video-image img {
    border: 1px solid #eee
}

.play-video-content {
    position: relative;
    margin-left: 45px
}

.play-video-content .play-btn {
    margin-bottom: 45px
}

.play-video-content .play-btn .video-btn {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 110px;
    background: var(--gradient-color);
    border-radius: 50%;
    color: var(--white-color);
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 35px
}

.play-video-content .play-btn .video-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--optional-color);
    -webkit-animation: ripple 5s linear 1s infinite;
    animation: ripple 5s linear 1s infinite
}

.play-video-content .play-btn .video-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--optional-color);
    -webkit-animation: ripple 5s linear infinite;
    animation: ripple 5s linear infinite
}

.play-video-content h3 {
    font-size: 42px;
    margin-bottom: 0
}

.play-video-content .layer-shape {
    position: absolute;
    bottom: -15px;
    left: 30% !important;
    -webkit-transform: translateX(-30%) !important;
    transform: translateX(-30%) !important
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.play-video-inner-box-image {
    position: relative
}

.play-video-inner-box-image .video-content {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 120px;
    padding-right: 50px;
    background-color: #f9f9f9
}

.play-video-inner-box-image .video-content .play-btn {
    position: absolute;
    left: -35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.play-video-inner-box-image .video-content .play-btn .video-btn {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 110px;
    background: var(--gradient-color);
    border-radius: 50%;
    color: var(--white-color);
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 35px
}

.play-video-inner-box-image .video-content .play-btn .video-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--optional-color);
    -webkit-animation: ripple 5s linear 1s infinite;
    animation: ripple 5s linear 1s infinite
}

.play-video-inner-box-image .video-content .play-btn .video-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--optional-color);
    -webkit-animation: ripple 5s linear infinite;
    animation: ripple 5s linear infinite
}

.play-video-inner-box-image .video-content h3 {
    font-size: 42px;
    margin-bottom: 0
}

.play-video-inner-box-image .video-content .layer-shape {
    position: absolute;
    bottom: 32px;
    right: 75px
}

.top-category-area {
    background-color: #fbfbfb
}

.top-category-card {
    background-color: #f2fbff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    z-index: 1;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    margin-bottom: 25px
}

.top-category-card::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--gradient-color);
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border-radius: 10px
}

.top-category-card .category-image {
    display: inline-block;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: var(--white-color);
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    margin-bottom: 20px
}

.top-category-card .category-image img {
    width: auto;
    display: inline-block
}

.top-category-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0
}

.top-category-card h3 a {
    color: var(--black-color)
}

.top-category-card h3 span {
    font-size: 18px;
    font-weight: 600;
    color: var(--main-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.top-category-card:hover::before {
    opacity: 1;
    visibility: visible
}

.top-category-card:hover h3 a {
    color: var(--white-color)
}

.top-category-card:hover h3 span {
    color: var(--white-color)
}

.top-category-slides.owl-theme .owl-dots .owl-dot {
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.top-category-slides.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: var(--optional-color);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border-radius: 50px
}

.top-category-slides.owl-theme .owl-dots .owl-dot:hover span,
.top-category-slides.owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--optional-color);
    width: 30px
}

.top-category-slides.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0
}

.featured-candidates-area {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.featured-candidates-area .container-fluid {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.featured-candidates-image .row .col-lg-4:nth-child(1) .image {
    margin-bottom: 25px;
    position: relative;
    top: 80px
}

.featured-candidates-image .row .col-lg-4:nth-child(2) .image {
    margin-bottom: 25px
}

.featured-candidates-image .row .col-lg-4:nth-child(3) .image {
    margin-bottom: 25px;
    position: relative;
    top: 95px
}

.featured-candidates-image .image img {
    border-radius: 100px
}

.featured-candidates-item {
    padding-left: 50px
}

.featured-candidates-item .featured-candidates-btn {
    text-align: right
}

.featured-candidates-item .featured-candidates-btn a {
    font-size: var(--font-size);
    font-weight: 700;
    color: var(--optional-color)
}

.featured-candidates-item .featured-candidates-btn a i {
    font-size: 20px;
    position: relative;
    top: 5px;
    color: var(--main-color)
}

.featured-candidates-content {
    margin-bottom: 35px;
    position: relative
}

.featured-candidates-content h3 {
    font-size: 42px;
    margin-bottom: 15px;
    line-height: 1.4
}

.featured-candidates-content p {
    margin-bottom: 0
}

.featured-candidates-content .layer-shape {
    position: absolute;
    top: 28%;
    right: 2%;
    -webkit-transform: translateY(-28%) translateX(-2%);
    transform: translateY(-28%) translateX(-2%)
}

.featured-candidates-box {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 25px
}

.featured-candidates-box .candidates-box-content {
    position: relative;
    padding-left: 150px
}

.featured-candidates-box .candidates-box-content .image {
    position: absolute;
    left: 0;
    top: 0
}

.featured-candidates-box .candidates-box-content .image img {
    border-radius: 5px
}

.featured-candidates-box .candidates-box-content .content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px
}

.featured-candidates-box .candidates-box-content .content h3 a {
    color: var(--black-color)
}

.featured-candidates-box .candidates-box-content .content span {
    color: var(--paragraph-color);
    font-size: 15px;
    font-weight: 400
}

.featured-candidates-box .candidates-box-content .content .rating {
    margin-top: 12px;
    margin-bottom: 14px
}

.featured-candidates-box .candidates-box-content .content .rating i {
    color: #ffc850;
    font-size: 15px
}

.featured-candidates-box .candidates-box-content .content .rating span {
    font-size: 15px;
    color: var(--main-color);
    font-weight: 400;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.featured-candidates-box .candidates-box-content .content .job-info {
    padding: 0;
    margin-bottom: 0
}

.featured-candidates-box .candidates-box-content .content .job-info li {
    display: inline-block;
    list-style-type: none;
    color: var(--paragraph-color);
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font-family);
    position: relative;
    margin-right: 20px;
    padding-left: 20px
}

.featured-candidates-box .candidates-box-content .content .job-info li:last-child {
    margin-right: 0
}

.featured-candidates-box .candidates-box-content .content .job-info li i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--font-size);
    color: var(--main-color)
}

.featured-candidates-box .featured-candidates-hire {
    text-align: center
}

.featured-candidates-box .featured-candidates-hire .job-other-info {
    padding: 0;
    margin-bottom: 25px
}

.featured-candidates-box .featured-candidates-hire .job-other-info li {
    list-style-type: none;
    display: inline-block;
    background-color: #ebf9ff;
    color: var(--optional-color);
    font-size: 14px;
    font-weight: 400;
    padding: 5px 8px;
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.featured-candidates-box .featured-candidates-hire .job-other-info li:last-child {
    margin-right: 0
}

.featured-candidates-box .featured-candidates-hire .job-other-info li.featured {
    background-color: #fff4f3;
    color: #ff6f6d
}

.featured-candidates-box .featured-candidates-hire .job-other-info li:hover {
    background-color: var(--main-color);
    color: var(--white-color)
}

.featured-candidates-search-box {
    margin-bottom: 30px
}

.featured-candidates-search-box h3 {
    font-size: 42px;
    margin-bottom: 30px
}

.featured-candidates-search-box .candidates-search-form {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 5px;
    padding: 5px 92px 5px 15px;
    position: relative;
    z-index: 1
}

.featured-candidates-search-box .candidates-search-form .row .col-lg-4 {
    padding-left: 2px;
    padding-right: 2px
}

.featured-candidates-search-box .candidates-search-form .form-group {
    margin: 0;
    position: relative
}

.featured-candidates-search-box .candidates-search-form .form-group label {
    z-index: 9;
    display: block;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    color: var(--main-color);
    font-size: 20px;
    top: 24px;
    line-height: 1
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control {
    height: 70px;
    display: inline-block;
    padding: 12px 15px 15px 50px;
    width: 100%;
    border: 1px solid #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    position: relative;
    z-index: 1
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control::-webkit-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control:-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control::-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control::placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent
}

.featured-candidates-search-box .candidates-search-form .form-group .form-control:focus::placeholder {
    color: transparent
}

.featured-candidates-search-box .candidates-search-form .form-group .selectize-input {
    display: inline-block;
    padding: 22px 20px 22px 50px;
    width: 100%;
    border: 1px solid #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    overflow: inherit;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.featured-candidates-search-box .candidates-search-form .form-group .selectize-input:after {
    content: "\ea4e";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px !important;
    margin-top: 1px;
    font-size: 22px;
    width: unset;
    height: unset;
    border-style: unset;
    border-width: unset;
    border-color: #6f8ba4;
    font-family: remixicon
}

.featured-candidates-search-box .candidates-search-form .form-group .selectize-input>* {
    line-height: 1.5 !important;
    text-align: start
}

.featured-candidates-search-box .candidates-search-form .form-group .selectize-input input {
    font-size: var(--font-size);
    line-height: 1.5 !important;
    text-align: start
}

.featured-candidates-search-box .candidates-search-form .form-group .selectize-input:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.featured-candidates-search-box .candidates-search-form .form-group .selectize-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 0
}

.featured-candidates-search-box .candidates-search-form .form-group .selectize-dropdown [data-selectable] {
    font-size: 14px;
    border-radius: 0;
    padding: 10px 15px;
    border-radius: 0
}

.featured-candidates-search-box .candidates-search-form .search-btn {
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: end
}

.featured-candidates-search-box .candidates-search-form .search-btn button {
    border: none;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 25px;
    text-align: center;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: var(--main-color);
    color: var(--white-color);
    border-radius: 5px
}

.featured-candidates-search-box .candidates-search-form .search-btn button:hover {
    background-color: var(--optional-color)
}

.featured-candidates-map-sticky #map {
    margin-top: 0
}

.featured-candidates-map-sticky #map iframe {
    width: 100%;
    height: 100vh;
    border: 1px solid #e6edf6;
    border-radius: 0;
    margin-bottom: -10px
}

.featured-candidates-with-max-width {
    max-width: 980px
}

.featured-candidates-with-max-width .featured-candidates-box .featured-candidates-hire {
    text-align: end
}

.featured-candidates-shape {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: -1
}

.featured-candidates-more-item {
    display: none
}

.review-area {
    background-image: url(../images/review/review-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.review-title {
    position: relative;
    margin-bottom: 45px
}

.review-title h2 {
    font-size: 42px;
    margin-bottom: 0
}

.review-title .layer-shape {
    position: absolute;
    left: 0;
    bottom: -10px
}

.review-single-card {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    padding: 30px;
    border-radius: 10px;
    position: relative;
    z-index: 1
}

.review-single-card::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--gradient-color);
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border-radius: 10px
}

.review-single-card .review-info {
    position: relative;
    padding-left: 125px
}

.review-single-card .review-info .image {
    position: absolute;
    left: 0;
    top: 0
}

.review-single-card .review-info .image img {
    display: inline-block;
    width: auto;
    border-radius: 5px
}

.review-single-card .review-info .content {
    position: relative;
    top: 7px
}

.review-single-card .review-info .content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.review-single-card .review-info .content span {
    color: var(--paragraph-color);
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.review-single-card .review-info .content .rating {
    margin-top: 8px
}

.review-single-card .review-info .content .rating i {
    color: #ffc850;
    font-size: 15px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.review-single-card .review-content {
    margin-top: 35px
}

.review-single-card .review-content i {
    font-size: 30px;
    color: var(--optional-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.review-single-card .review-content p {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--heading-font-family);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.review-single-card:hover::before {
    opacity: 1;
    visibility: visible
}

.review-single-card:hover .review-info .content h3 {
    color: var(--white-color)
}

.review-single-card:hover .review-info .content span {
    color: var(--white-color)
}

.review-single-card:hover .review-info .content .rating i {
    color: var(--white-color)
}

.review-single-card:hover .review-content i {
    color: var(--white-color)
}

.review-single-card:hover .review-content p {
    color: var(--white-color)
}

.review-slides {
    max-width: 950px
}

.review-slides.owl-theme .owl-nav {
    margin-top: 0;
    -webkit-transition: 1s;
    transition: 1s;
    line-height: .01
}

.review-slides.owl-theme .owl-nav [class*=owl-] {
    color: var(--main-color);
    margin: 0;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    background: var(--white-color);
    border-radius: 50px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 55px;
    text-align: center;
    font-size: 35px;
    opacity: 0;
    visibility: hidden
}

.review-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: 20px
}

.review-slides.owl-theme .owl-nav [class*=owl-]:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.review-slides.owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
    visibility: visible;
    left: -30px
}

.review-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: -30px
}

.partner-area {
    overflow: hidden
}

.partner-area.bg-F5F5F5 {
    background-color: #f5f5f5
}

.partner-image .row .col-lg-4:nth-child(1) .image {
    margin-bottom: 55px
}

.partner-image .row .col-lg-4:nth-child(2) .image {
    margin-bottom: 55px
}

.partner-image .row .col-lg-4:nth-child(3) .image {
    margin-bottom: 55px
}

.partner-content {
    position: relative
}

.partner-content h3 {
    font-size: 42px;
    margin-bottom: 15px;
    line-height: 1.4
}

.partner-content .layer-shape {
    position: absolute;
    top: 28%;
    left: 60%;
    -webkit-transform: translateY(-28%) translateX(-60%);
    transform: translateY(-28%) translateX(-60%)
}

.partner-content p {
    margin-bottom: 0
}

.partner-slides .image-box {
    text-align: center
}

.partner-slides .image-box img {
    display: inline-block;
    max-width: 100%;
    width: auto;
    margin: auto
}

.mobile-app-area {
    background-color: #fbfbfb;
    position: relative;
    z-index: 1
}

.mobile-app-area .container-fluid {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.mobile-app-content {
    max-width: 635px;
    margin: 0 0 0 auto;
    position: relative
}

.mobile-app-content.left-content {
    margin: 0 auto
}

.mobile-app-content h3 {
    font-size: 42px;
    margin-bottom: 20px;
    line-height: 1.4
}

.mobile-app-content p {
    margin-bottom: 0
}

.mobile-app-content .mobile-app-btn-list {
    padding: 0;
    margin-bottom: 0;
    margin-top: 35px
}

.mobile-app-content .mobile-app-btn-list li {
    display: inline-block;
    margin-right: 15px
}

.mobile-app-content .mobile-app-btn-list li:last-child {
    margin-right: 0
}

.mobile-app-content .mobile-app-btn-list li .playstote-btn {
    padding: 15px 25px;
    text-align: center;
    color: var(--white-color) !important;
    font-size: var(--font-size);
    font-weight: 600;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 8px;
    z-index: 0;
    background: var(--main-color);
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--heading-font-family)
}

.mobile-app-content .mobile-app-btn-list li .playstote-btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 550px;
    height: 550px;
    margin: auto;
    background: var(--gradient-color);
    border-radius: 8px;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
    transform: translateX(-50%) translateY(-5%) scale(.4);
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s
}

.mobile-app-content .mobile-app-btn-list li .playstote-btn i {
    position: relative;
    top: 1px;
    margin-left: 10px
}

.mobile-app-content .mobile-app-btn-list li .playstote-btn:hover {
    color: var(--white-color) !important
}

.mobile-app-content .mobile-app-btn-list li .playstote-btn:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-45%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.mobile-app-content .mobile-app-btn-list li .applestore-btn {
    padding: 15px 25px;
    text-align: center;
    color: var(--white-color) !important;
    font-size: var(--font-size);
    font-weight: 600;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 8px;
    z-index: 0;
    background: var(--optional-color);
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--heading-font-family)
}

.mobile-app-content .mobile-app-btn-list li .applestore-btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 550px;
    height: 550px;
    margin: auto;
    background: var(--gradient-color);
    border-radius: 8px;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
    transform: translateX(-50%) translateY(-5%) scale(.4);
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s
}

.mobile-app-content .mobile-app-btn-list li .applestore-btn i {
    position: relative;
    top: 1px;
    margin-left: 10px
}

.mobile-app-content .mobile-app-btn-list li .applestore-btn:hover {
    color: var(--white-color) !important
}

.mobile-app-content .mobile-app-btn-list li .applestore-btn:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-45%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.mobile-app-content .layer-shape {
    position: absolute;
    top: 20%;
    right: 18%;
    -webkit-transform: translateY(-20%) translateX(-18%);
    transform: translateY(-20%) translateX(-18%)
}

.mobile-app-image {
    background-color: #edf0f5;
    padding: 50px
}

.mobile-app-image .row .col-lg-4:nth-child(1) .image {
    margin-top: 0
}

.mobile-app-image .row .col-lg-4:nth-child(2) .image {
    margin-top: 30px
}

.mobile-app-image .row .col-lg-4:nth-child(3) .image {
    margin-top: 50px
}

.mobile-app-shape {
    position: absolute;
    top: 10%;
    left: 5%;
    z-index: -1;
    -webkit-transform: translateY(-10%) translateX(-5%);
    transform: translateY(-10%) translateX(-5%)
}

.mobile-app-shape-2 {
    position: absolute;
    top: 10%;
    left: 55%;
    z-index: -1;
    -webkit-transform: translateY(-10%) translateX(-55%);
    transform: translateY(-10%) translateX(-55%)
}

.single-pricing-table {
    background-color: #00a6e5;
    padding: 35px;
    margin-bottom: 25px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-pricing-table.active {
    background-color: var(--main-color);
    position: relative;
    overflow: hidden;
    padding: 50px 35px
}

.single-pricing-table.active .pricing-btn .default-btn {
    background-color: var(--white-color);
    padding: 15px 70px 16px 25px;
    color: var(--main-color) !important
}

.single-pricing-table.active .pricing-btn .default-btn i {
    opacity: 1;
    visibility: visible
}

.single-pricing-table.active .most-popular {
    background-color: var(--white-color);
    display: inline-block;
    color: var(--main-color);
    padding: 5px 50px;
    position: absolute;
    top: 30px;
    right: -50px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-pricing-table.active:hover .most-popular {
    background-color: var(--optional-color);
    color: var(--white-color)
}

.single-pricing-table .pricing-icon {
    position: relative;
    margin-top: 25px;
    margin-bottom: 30px
}

.single-pricing-table .pricing-icon i {
    font-size: 90px;
    color: var(--white-color)
}

.single-pricing-table .pricing-icon .back-icon {
    position: absolute;
    top: -25px;
    right: 0;
    left: 0
}

.single-pricing-table .pricing-icon .back-icon i {
    font-size: 115px;
    color: var(--white-color);
    opacity: 10%
}

.single-pricing-table .pricing-header h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--white-color)
}

.single-pricing-table .price {
    font-size: 45px;
    color: var(--white-color);
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 18px
}

.single-pricing-table .price span {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    left: -8px
}

.single-pricing-table .pricing-features-list {
    padding: 0;
    margin-bottom: 0
}

.single-pricing-table .pricing-features-list li {
    list-style-type: none;
    font-size: var(--font-size);
    color: var(--white-color);
    margin-bottom: 15px
}

.single-pricing-table .pricing-features-list li:last-child {
    margin-bottom: 0
}

.single-pricing-table .pricing-btn {
    margin-top: 30px
}

.single-pricing-table .pricing-btn .default-btn {
    background-color: transparent;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    padding: 15px 35px
}

.single-pricing-table .pricing-btn .default-btn i {
    line-height: 38px;
    opacity: 0;
    visibility: hidden
}

.single-pricing-table .pricing-btn .default-btn:hover {
    border: 1px solid var(--optional-color)
}

.single-pricing-table:hover {
    background-color: var(--main-color)
}

.single-pricing-table:hover .pricing-btn .default-btn {
    background-color: var(--white-color);
    padding: 15px 70px 16px 25px;
    color: var(--main-color) !important
}

.single-pricing-table:hover .pricing-btn .default-btn i {
    opacity: 1;
    visibility: visible
}

.pricing-list-tabs {
    text-align: center
}

.pricing-list-tabs .nav {
    margin-bottom: 45px;
    list-style-type: none;
    display: inline-block;
    border: none;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border-radius: 10px
}

.pricing-list-tabs .nav .nav-item {
    display: inline-block
}

.pricing-list-tabs .nav .nav-item .nav-link {
    color: #2f4858;
    border: none;
    background-color: transparent;
    font-size: var(--font-size);
    font-weight: 600;
    font-family: var(--heading-font-family);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    padding: 15px 30px;
    border-radius: 10px
}

.pricing-list-tabs .nav .nav-item .nav-link:hover,
.pricing-list-tabs .nav .nav-item .nav-link.active {
    background-color: var(--main-color);
    color: var(--white-color)
}

.newsletter-area {
    background-color: #f3f3f3;
    overflow: hidden
}

.newsletter-content {
    position: relative
}

.newsletter-content h3 {
    font-size: 42px;
    margin-bottom: 15px;
    line-height: 1.4
}

.newsletter-content p {
    margin-bottom: 0
}

.newsletter-content .newsletter-form {
    margin-top: 35px
}

.newsletter-content .newsletter-form .form-group {
    margin-bottom: 15px
}

.newsletter-content .newsletter-form .form-group .input-newsletter {
    display: inline-block;
    background-color: var(--white-color);
    border: 1px solid #80dcff;
    border-radius: 5px;
    height: 60px;
    width: 100%;
    padding: 15px 20px;
    outline: 0
}

.newsletter-content .newsletter-form .form-group .input-newsletter::-webkit-input-placeholder {
    color: var(--paragraph-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.newsletter-content .newsletter-form .form-group .input-newsletter:-ms-input-placeholder {
    color: var(--paragraph-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.newsletter-content .newsletter-form .form-group .input-newsletter::-ms-input-placeholder {
    color: var(--paragraph-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.newsletter-content .newsletter-form .form-group .input-newsletter::placeholder {
    color: var(--paragraph-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.newsletter-content .newsletter-form .form-group .input-newsletter:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.newsletter-content .newsletter-form .form-group .input-newsletter:focus::-webkit-input-placeholder {
    color: transparent
}

.newsletter-content .newsletter-form .form-group .input-newsletter:focus:-ms-input-placeholder {
    color: transparent
}

.newsletter-content .newsletter-form .form-group .input-newsletter:focus::-ms-input-placeholder {
    color: transparent
}

.newsletter-content .newsletter-form .form-group .input-newsletter:focus::placeholder {
    color: transparent
}

.newsletter-content .newsletter-form .default-btn {
    border: none;
    width: 100%
}

.newsletter-content .newsletter-form .default-btn::before {
    width: 1050px;
    height: 1050px
}

.newsletter-content .newsletter-form .validation-danger {
    color: red;
    margin-top: 10px
}

.newsletter-content .layer-shape {
    position: absolute;
    top: 15%;
    right: 30%;
    -webkit-transform: translateY(-15%) translateX(-30%);
    transform: translateY(-15%) translateX(-30%)
}

.newsletter-image {
    position: relative;
    z-index: 1;
    text-align: end
}

.newsletter-image .circle-pattern {
    position: absolute;
    content: "";
    background: var(--optional-color);
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 550px;
    height: 550px;
    border-radius: 50%;
    z-index: -1
}

.newsletter-area-without-color {
    overflow: hidden
}

.blog-area .container-fluid {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.blog-item-box .content {
    margin-bottom: 45px;
    margin-left: 30px;
    position: relative
}

.blog-item-box .content h3 {
    font-size: 42px;
    margin-bottom: 0;
    line-height: 1.4
}

.blog-item-box .content .layer-shape {
    position: absolute;
    top: 45%;
    left: 25%;
    -webkit-transform: translateY(-45%) translateX(-25%);
    transform: translateY(-45%) translateX(-25%)
}

.blog-item-box.left-box .content {
    margin-right: 30px;
    text-align: end
}

.blog-item-box.left-box .content .layer-shape {
    top: 45%;
    left: 82%;
    -webkit-transform: translateY(-45%) translateX(-82%);
    transform: translateY(-45%) translateX(-82%)
}

.blog-item-box.left-box .blog-slides {
    margin-left: 150px
}

.blog-single-card {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    margin-bottom: 25px
}

.blog-single-card .blog-image a img {
    display: inline-block;
    border-radius: 5px
}

.blog-single-card .blog-content {
    margin-top: 20px
}

.blog-single-card .blog-content h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.5
}

.blog-single-card .blog-content h3 a {
    color: var(--black-color)
}

.blog-single-card .blog-content span {
    font-size: var(--font-size);
    font-weight: 500;
    color: var(--paragraph-color);
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 22px
}

.blog-single-card .blog-content span i {
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--main-color);
    font-size: 15px
}

.blog-single-card .blog-content .blog-btn {
    font-size: var(--font-size);
    font-weight: 500;
    color: var(--main-color);
    font-family: var(--heading-font-family);
    float: right;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.blog-single-card .blog-content .blog-btn i {
    font-size: 20px;
    position: relative;
    top: 5px
}

.blog-single-card:hover .blog-content h3 a {
    color: var(--main-color)
}

.blog-single-card:hover .blog-content .blog-btn {
    opacity: 1;
    visibility: visible;
    letter-spacing: 1px
}

.blog-slides {
    margin-left: -150px
}

.blog-slides.owl-theme .owl-nav {
    margin-top: 0;
    -webkit-transition: 1s;
    transition: 1s;
    line-height: .01
}

.blog-slides.owl-theme .owl-nav [class*=owl-] {
    color: var(--main-color);
    margin: 0;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    background: var(--white-color);
    border-radius: 50px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 55px;
    text-align: center;
    font-size: 35px;
    opacity: 0;
    visibility: hidden
}

.blog-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: 20px
}

.blog-slides.owl-theme .owl-nav [class*=owl-]:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.blog-slides.owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
    visibility: visible;
    left: -30px
}

.blog-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: -30px
}

.blog-more-item {
    display: none
}

.blog-more-item-two {
    display: none
}

.blog-details-area .widget-area {
    padding-left: 0;
    padding-right: 20px
}

.blog-details-desc .article-content h3 {
    font-size: 42px;
    margin-bottom: 25px;
    line-height: 1.4
}

.blog-details-desc .article-content .entry-meta {
    padding-left: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee
}

.blog-details-desc .article-content .entry-meta li {
    list-style-type: none;
    display: inline-block;
    color: #a4a4a4;
    margin-right: 20px;
    position: relative;
    padding-left: 25px
}

.blog-details-desc .article-content .entry-meta li:last-child {
    margin-right: 0
}

.blog-details-desc .article-content .entry-meta li i {
    color: var(--main-color);
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog-details-desc .article-content .main-color {
    color: var(--main-color)
}

.blog-details-desc .article-content .article-image {
    margin-top: 25px;
    margin-bottom: 30px
}

.blog-details-desc .article-content .article-image img {
    border-radius: 10px
}

.blog-details-desc .article-content .article-list {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px
}

.blog-details-desc .article-content .article-list li {
    list-style-type: none;
    color: #535353;
    font-weight: 400;
    margin-bottom: 12px;
    position: relative;
    padding-left: 42px
}

.blog-details-desc .article-content .article-list li::before {
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    border: 1px solid var(--paragraph-color)
}

.blog-details-desc .article-content .article-list li:last-child {
    margin-bottom: 0
}

.blog-details-desc .article-content .article-footer {
    margin-top: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px
}

.blog-details-desc .article-content .article-footer .article-tags span {
    display: inline-block;
    color: var(--black-color);
    font-size: var(--font-size);
    font-weight: 700;
    margin-right: 5px
}

.blog-details-desc .article-content .article-footer .article-tags a {
    display: inline-block;
    background: #f9f9f9;
    color: var(--paragraph-color);
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    font-size: var(--font-size);
    margin-right: 5px;
    font-family: var(--heading-font-family)
}

.blog-details-desc .article-content .article-footer .article-tags a:last-child {
    margin-right: 0
}

.blog-details-desc .article-content .article-footer .article-tags a:hover,
.blog-details-desc .article-content .article-footer .article-tags a:focus {
    color: var(--white-color);
    background-color: var(--main-color)
}

.blog-details-desc .article-content .article-footer .article-share .social {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
    margin-bottom: 0
}

.blog-details-desc .article-content .article-footer .article-share .social li {
    display: inline-block;
    margin-right: 5px
}

.blog-details-desc .article-content .article-footer .article-share .social li:last-child {
    margin-right: 0
}

.blog-details-desc .article-content .article-footer .article-share .social li span {
    display: inline-block;
    color: var(--black-color);
    font-size: var(--font-size);
    font-weight: 700
}

.blog-details-desc .article-content .article-footer .article-share .social li a {
    display: inline-block;
    color: var(--main-color);
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #eee;
    text-align: center;
    font-size: var(--font-size)
}

.blog-details-desc .article-content .article-footer .article-share .social li a:hover {
    color: var(--white-color);
    background-color: var(--main-color);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    border: 1px solid var(--main-color)
}

.blog-details-desc .article-content .article-post-navigation {
    margin-top: 30px;
    padding-bottom: 35px;
    border-bottom: 1px solid #eee
}

.blog-details-desc .article-content .article-post-navigation .nav-previous a {
    font-size: var(--font-size);
    color: var(--main-color);
    font-weight: 600;
    font-family: var(--heading-font-family)
}

.blog-details-desc .article-content .article-post-navigation .nav-previous a i {
    margin-right: 2px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 20px;
    position: relative;
    top: 4px
}

.blog-details-desc .article-content .article-post-navigation .nav-previous a:hover i {
    margin-right: 0
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info {
    position: relative;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    padding: 25px;
    margin-top: 15px;
    border-radius: 5px
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info h4 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 42px
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info h4::before {
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    border: 1px solid var(--black-color)
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info h4 a {
    display: inline-block;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--black-color)
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info h4 a:hover {
    color: var(--main-color)
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info span {
    font-size: var(--font-size);
    font-weight: 500;
    color: #a4a4a4;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 24px
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info span i {
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--main-color);
    font-size: var(--font-size)
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info .arrow-icon {
    position: absolute;
    right: 25px;
    bottom: 25px;
    line-height: 1;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info .arrow-icon i {
    font-size: 20px;
    color: var(--main-color)
}

.blog-details-desc .article-content .article-post-navigation .nav-previous .info:hover .arrow-icon {
    opacity: 1;
    visibility: visible
}

.blog-details-desc .article-content .article-post-navigation .nav-next {
    text-align: end
}

.blog-details-desc .article-content .article-post-navigation .nav-next a {
    font-size: var(--font-size);
    color: var(--main-color);
    font-weight: 600;
    font-family: var(--heading-font-family)
}

.blog-details-desc .article-content .article-post-navigation .nav-next a i {
    margin-right: 2px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 20px;
    position: relative;
    top: 5px
}

.blog-details-desc .article-content .article-post-navigation .nav-next a:hover i {
    margin-right: 0
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info {
    position: relative;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    padding: 25px;
    margin-top: 15px;
    border-radius: 5px;
    text-align: start
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info h4 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 42px
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info h4::before {
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    border: 1px solid var(--black-color)
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info h4 a {
    display: inline-block;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--black-color)
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info h4 a:hover {
    color: var(--main-color)
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info span {
    font-size: var(--font-size);
    font-weight: 500;
    color: #a4a4a4;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 24px
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info span i {
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--main-color);
    font-size: var(--font-size)
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info .arrow-icon {
    position: absolute;
    right: 25px;
    bottom: 25px;
    line-height: 1;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info .arrow-icon i {
    font-size: 20px;
    color: var(--main-color)
}

.blog-details-desc .article-content .article-post-navigation .nav-next .info:hover .arrow-icon {
    opacity: 1;
    visibility: visible
}

.blog-details-desc .article-comments {
    margin-top: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 45px
}

.blog-details-desc .article-comments h4 {
    margin-bottom: 35px;
    font-size: 25px;
    font-weight: 700
}

.blog-details-desc .article-comments .comments-list {
    position: relative;
    padding-left: 105px;
    margin-bottom: 45px
}

.blog-details-desc .article-comments .comments-list:last-child {
    margin-bottom: 0
}

.blog-details-desc .article-comments .comments-list img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    max-width: 90px
}

.blog-details-desc .article-comments .comments-list h5 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600
}

.blog-details-desc .article-comments .comments-list h5 span {
    display: inline-block;
    font-size: 14px;
    color: #a4a4a4;
    margin-left: 5px;
    font-weight: 400
}

.blog-details-desc .article-comments .comments-list p {
    margin-bottom: 0;
    font-size: 15px
}

.blog-details-desc .article-comments .comments-list .reply-btn {
    font-size: var(--font-size);
    font-weight: 600;
    font-family: var(--heading-font-family);
    color: var(--main-color);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.blog-details-desc .article-comments .comments-list .reply-btn i {
    position: relative;
    top: 2px;
    margin-left: 5px
}

.blog-details-desc .article-comments .comments-list .reply-btn:hover {
    color: var(--optional-color)
}

.blog-details-desc .article-comments .comments-list.children {
    margin-left: 50px
}

.blog-details-desc .article-leave-comment {
    margin-top: 30px
}

.blog-details-desc .article-leave-comment h4 {
    margin-bottom: 35px;
    font-size: 25px;
    font-weight: 700
}

.blog-details-desc .article-leave-comment form .form-group {
    margin-bottom: 25px
}

.blog-details-desc .article-leave-comment form .form-group .form-control {
    height: 65px;
    padding: 15px 25px;
    line-height: initial;
    color: var(--paragraph-color);
    background-color: var(--white-color);
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 15px;
    font-weight: 400
}

.blog-details-desc .article-leave-comment form .form-group .form-control::-webkit-input-placeholder {
    color: #a4a4a4
}

.blog-details-desc .article-leave-comment form .form-group .form-control:-ms-input-placeholder {
    color: #a4a4a4
}

.blog-details-desc .article-leave-comment form .form-group .form-control::-ms-input-placeholder {
    color: #a4a4a4
}

.blog-details-desc .article-leave-comment form .form-group .form-control::placeholder {
    color: #a4a4a4
}

.blog-details-desc .article-leave-comment form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.blog-details-desc .article-leave-comment form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.blog-details-desc .article-leave-comment form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.blog-details-desc .article-leave-comment form .form-group .form-control:focus::placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.blog-details-desc .article-leave-comment form .form-group textarea.form-control {
    height: 150px;
    padding: 15px;
    line-height: 1.5rem
}

.blog-details-desc .article-leave-comment form .form-cookies-consent {
    margin-bottom: 0
}

.blog-details-desc .article-leave-comment form .form-cookies-consent a {
    color: var(--main-color)
}

.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:checked,
.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:not(:checked) {
    display: none
}

.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:checked+label,
.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    color: #888;
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font-family)
}

.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:checked+label:before,
.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 4px;
    width: 20px;
    height: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid #707070;
    border-radius: 5px;
    background: #eee
}

.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:checked+label:after,
.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--main-color);
    position: absolute;
    top: 8.5px;
    left: 8px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 30px
}

.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:hover+label:before {
    border-color: var(--main-color)
}

.blog-details-desc .article-leave-comment form .form-cookies-consent [type=checkbox]:checked+label:before {
    border-color: var(--main-color)
}

.blog-details-desc .article-leave-comment form button {
    margin-top: 22px;
    border: none
}

.about-area {
    overflow: hidden
}

.about-content {
    padding-left: 35px
}

.about-content h3 {
    font-size: 42px;
    margin-bottom: 20px
}

.about-content .about-fun-fact {
    background-color: #fbfbfb;
    padding: 30px;
    margin-top: 15px
}

.about-content .about-fun-fact h3 {
    font-size: 50px;
    color: var(--main-color);
    margin-bottom: 5px
}

.about-content .about-fun-fact h3 .sign-icon {
    font-size: 50px;
    color: var(--main-color);
    position: relative;
    top: 2px
}

.about-content .about-fun-fact p {
    color: var(--main-color);
    opacity: 50%;
    margin-bottom: 0;
    font-size: var(--font-size);
    font-weight: 600
}

.about-content .about-btn {
    margin-top: 30px
}

.about-content .about-btn .default-btn {
    background: var(--gradient-color)
}

.about-content .about-btn .default-btn::before {
    background: var(--optional-color)
}

.about-content .about-btn .default-btn i {
    background: var(--main-color)
}

.job-seeker-area .row .col-lg-4 {
    position: relative
}

.single-job-seeker-card {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 30px 30px 50px;
    position: relative;
    max-width: 285px;
    margin: 0 auto 25px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-job-seeker-card .seeker-image {
    margin-bottom: 35px
}

.single-job-seeker-card h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--main-color)
}

.single-job-seeker-card .step {
    font-size: 85px;
    color: var(--main-color);
    opacity: 5%;
    font-weight: 900;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.single-job-seeker-card:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.seeker-arrow-icon {
    position: absolute;
    right: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 120px
}

.job-list-area .container-fluid {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.single-job-list-card {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border-radius: 15px;
    padding: 35px 30px 45px;
    position: relative;
    margin-bottom: 50px;
    margin-left: 10px;
    margin-right: 10px
}

.single-job-list-card .job-information {
    position: relative;
    padding-left: 72px;
    padding-right: 30px
}

.single-job-list-card .job-information .company-logo {
    display: inline-block;
    height: 58px;
    width: 58px;
    line-height: 58px;
    background-color: var(--white-color);
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    position: absolute;
    left: 0;
    top: 0
}

.single-job-list-card .job-information .company-logo img {
    width: auto;
    display: inline-block;
    max-width: 35px
}

.single-job-list-card .job-information h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.single-job-list-card .job-information h3 a {
    color: var(--black-color)
}

.single-job-list-card .job-information h3 a:hover {
    color: var(--main-color)
}

.single-job-list-card .job-information span {
    font-size: 14px;
    color: var(--paragraph-color);
    font-weight: 600;
    font-family: var(--heading-font-family)
}

.single-job-list-card .job-information .bookmark-btn {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-job-list-card .job-information .bookmark-btn i {
    font-size: 25px;
    color: var(--main-color)
}

.single-job-list-card .job-information .hover-bookmark-btn {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.single-job-list-card .job-information .hover-bookmark-btn i {
    font-size: 25px;
    color: var(--main-color)
}

.single-job-list-card .job-tag-list {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 20px
}

.single-job-list-card .job-tag-list li {
    list-style-type: none;
    display: inline-block;
    background-color: #fff4f3;
    color: #f81815;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-job-list-card .job-tag-list li:last-child {
    margin-right: 0
}

.single-job-list-card .job-tag-list li.urgent {
    background-color: #e8fff0;
    color: #00b441
}

.single-job-list-card .job-tag-list li.private {
    background-color: #ebf9ff;
    color: #00a6e5
}

.single-job-list-card .job-tag-list li:hover {
    background-color: var(--main-color);
    color: var(--white-color)
}

.single-job-list-card .location-information {
    padding: 0;
    margin-bottom: 0
}

.single-job-list-card .location-information li {
    list-style-type: none;
    margin-bottom: 12px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 20px
}

.single-job-list-card .location-information li:last-child {
    margin-bottom: 0
}

.single-job-list-card .location-information li i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--font-size);
    color: var(--main-color)
}

.single-job-list-card .job-btn {
    position: absolute;
    bottom: -30px;
    left: -45px;
    right: 0;
    text-align: center;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-job-list-card:hover .job-information .bookmark-btn {
    opacity: 0;
    visibility: hidden
}

.single-job-list-card:hover .job-information .hover-bookmark-btn {
    opacity: 1;
    visibility: visible
}

.single-job-list-card:hover .job-btn {
    left: 0;
    opacity: 1;
    visibility: visible
}

.single-job-list-box {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border-radius: 15px;
    padding: 30px 25px;
    margin-bottom: 25px
}

.single-job-list-box .job-information {
    position: relative;
    padding-left: 72px;
    padding-right: 30px
}

.single-job-list-box .job-information .company-logo {
    display: inline-block;
    height: 58px;
    width: 58px;
    line-height: 58px;
    background-color: var(--white-color);
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    position: absolute;
    left: 0;
    top: 0
}

.single-job-list-box .job-information .company-logo img {
    width: auto;
    display: inline-block;
    max-width: 35px
}

.single-job-list-box .job-information h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.single-job-list-box .job-information h3 a {
    color: var(--black-color)
}

.single-job-list-box .job-information h3 a:hover {
    color: var(--main-color)
}

.single-job-list-box .job-information span {
    font-size: 14px;
    color: var(--paragraph-color);
    font-weight: 600;
    font-family: var(--heading-font-family)
}

.single-job-list-box .job-information .bookmark-btn {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-job-list-box .job-information .bookmark-btn i {
    font-size: 25px;
    color: var(--main-color)
}

.single-job-list-box .job-information .hover-bookmark-btn {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.single-job-list-box .job-information .hover-bookmark-btn i {
    font-size: 25px;
    color: var(--main-color)
}

.single-job-list-box .job-tag-list {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 20px
}

.single-job-list-box .job-tag-list li {
    list-style-type: none;
    display: inline-block;
    background-color: #fff4f3;
    color: #f81815;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-job-list-box .job-tag-list li:last-child {
    margin-right: 0
}

.single-job-list-box .job-tag-list li.urgent {
    background-color: #e8fff0;
    color: #00b441
}

.single-job-list-box .job-tag-list li.private {
    background-color: #ebf9ff;
    color: #00a6e5
}

.single-job-list-box .job-tag-list li:hover {
    background-color: var(--main-color);
    color: var(--white-color)
}

.single-job-list-box .location-information {
    padding: 0;
    margin-bottom: 0
}

.single-job-list-box .location-information li {
    list-style-type: none;
    margin-bottom: 12px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 20px
}

.single-job-list-box .location-information li:last-child {
    margin-bottom: 0
}

.single-job-list-box .location-information li i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--font-size);
    color: var(--main-color)
}

.single-job-list-box .job-btn {
    margin-top: 25px
}

.single-job-list-box:hover .job-information .bookmark-btn {
    opacity: 0;
    visibility: hidden
}

.single-job-list-box:hover .job-information .hover-bookmark-btn {
    opacity: 1;
    visibility: visible
}

.browse-jobs-btn {
    text-align: center
}

.browse-jobs-btn .default-btn {
    background: var(--gradient-color)
}

.browse-jobs-btn .default-btn::before {
    background: var(--optional-color)
}

.browse-jobs-btn .default-btn i {
    background: var(--main-color)
}

.browse-jobs-main-btn {
    margin-top: 45px;
    text-align: center
}

.job-block-item {
    margin-bottom: 25px
}

.company-box-logo {
    display: inline-block;
    height: 100%;
    width: 100%;
    line-height: 165px;
    background-color: var(--white-color);
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09)
}

.company-box-logo img {
    width: auto;
    display: inline-block
}

.job-list-inner-box {
    background-color: var(--white-color);
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    padding: 30px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.job-list-inner-box .job-list-box .job-information {
    position: relative;
    padding-left: 190px
}

.job-list-inner-box .job-list-box .job-information .title-box {
    position: absolute;
    left: 0;
    top: 0
}

.job-list-inner-box .job-list-box .job-information .title-box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.job-list-inner-box .job-list-box .job-information .title-box h3 a {
    color: var(--black-color)
}

.job-list-inner-box .job-list-box .job-information .title-box h3 a:hover {
    color: var(--main-color)
}

.job-list-inner-box .job-list-box .job-information .title-box span {
    font-size: 14px;
    color: var(--paragraph-color);
    font-weight: 600;
    font-family: var(--heading-font-family)
}

.job-list-inner-box .job-list-box .job-information .job-tag-list {
    padding: 0;
    margin-bottom: 0
}

.job-list-inner-box .job-list-box .job-information .job-tag-list li {
    list-style-type: none;
    display: inline-block;
    background-color: #fff4f3;
    color: #f81815;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.job-list-inner-box .job-list-box .job-information .job-tag-list li:last-child {
    margin-right: 0
}

.job-list-inner-box .job-list-box .job-information .job-tag-list li.urgent {
    background-color: #e8fff0;
    color: #00b441
}

.job-list-inner-box .job-list-box .job-information .job-tag-list li.private {
    background-color: #ebf9ff;
    color: #00a6e5
}

.job-list-inner-box .job-list-box .job-information .job-tag-list li:hover {
    background-color: var(--main-color);
    color: var(--white-color)
}

.job-list-inner-box .job-list-box .location-information {
    padding: 0;
    margin-top: 50px;
    margin-bottom: 0
}

.job-list-inner-box .job-list-box .location-information li {
    display: inline-block;
    list-style-type: none;
    margin-right: 20px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 20px
}

.job-list-inner-box .job-list-box .location-information li:last-child {
    margin-right: 0
}

.job-list-inner-box .job-list-box .location-information li i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--font-size);
    color: var(--main-color)
}

.job-list-inner-box .job-list-optional {
    text-align: end
}

.job-list-inner-box .job-list-optional .default-btn {
    background-color: transparent;
    border: 1px solid var(--main-color);
    color: var(--main-color) !important
}

.job-list-inner-box .job-list-optional .default-btn::before {
    background: var(--main-color)
}

.job-list-inner-box .job-list-optional .save-text {
    margin-top: 20px;
    text-align: center;
    margin-left: 70px
}

.job-list-inner-box .job-list-optional .save-text span {
    font-size: var(--font-size);
    font-weight: 600;
    font-family: var(--heading-font-family);
    color: var(--main-color)
}

.job-list-inner-box:hover {
    background-color: #f2fbff;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.job-list-inner-box:hover .job-list-optional .default-btn {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: var(--white-color) !important
}

.job-list-search-box {
    margin-bottom: 30px
}

.job-list-search-box h3 {
    font-size: 42px;
    margin-bottom: 30px
}

.job-list-search-box .job-list-search-form {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 5px;
    padding: 5px 92px 5px 15px;
    position: relative;
    z-index: 1
}

.job-list-search-box .job-list-search-form .row .col-lg-4 {
    padding-left: 2px;
    padding-right: 2px
}

.job-list-search-box .job-list-search-form .form-group {
    margin: 0;
    position: relative
}

.job-list-search-box .job-list-search-form .form-group label {
    z-index: 9;
    display: block;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    color: var(--main-color);
    font-size: 20px;
    top: 24px;
    line-height: 1
}

.job-list-search-box .job-list-search-form .form-group .form-control {
    height: 70px;
    display: inline-block;
    padding: 12px 15px 15px 50px;
    width: 100%;
    border: 1px solid #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    position: relative;
    z-index: 1
}

.job-list-search-box .job-list-search-form .form-group .form-control::-webkit-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.job-list-search-box .job-list-search-form .form-group .form-control:-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.job-list-search-box .job-list-search-form .form-group .form-control::-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.job-list-search-box .job-list-search-form .form-group .form-control::placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.job-list-search-box .job-list-search-form .form-group .form-control:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.job-list-search-box .job-list-search-form .form-group .form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.job-list-search-box .job-list-search-form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent
}

.job-list-search-box .job-list-search-form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent
}

.job-list-search-box .job-list-search-form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent
}

.job-list-search-box .job-list-search-form .form-group .form-control:focus::placeholder {
    color: transparent
}

.job-list-search-box .job-list-search-form .form-group .selectize-input {
    display: inline-block;
    padding: 22px 20px 22px 50px;
    width: 100%;
    border: 1px solid #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    overflow: inherit;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.job-list-search-box .job-list-search-form .form-group .selectize-input:after {
    content: "\ea4e";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px !important;
    margin-top: 1px;
    font-size: 22px;
    width: unset;
    height: unset;
    border-style: unset;
    border-width: unset;
    border-color: #6f8ba4;
    font-family: remixicon
}

.job-list-search-box .job-list-search-form .form-group .selectize-input>* {
    line-height: 1.5 !important;
    text-align: start
}

.job-list-search-box .job-list-search-form .form-group .selectize-input input {
    font-size: var(--font-size);
    line-height: 1.5 !important;
    text-align: start
}

.job-list-search-box .job-list-search-form .form-group .selectize-input:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.job-list-search-box .job-list-search-form .form-group .selectize-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 0
}

.job-list-search-box .job-list-search-form .form-group .selectize-dropdown [data-selectable] {
    font-size: 14px;
    border-radius: 0;
    padding: 10px 15px;
    border-radius: 0
}

.job-list-search-box .job-list-search-form .search-btn {
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: end
}

.job-list-search-box .job-list-search-form .search-btn button {
    border: none;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 25px;
    text-align: center;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: var(--main-color);
    color: var(--white-color);
    border-radius: 5px
}

.job-list-search-box .job-list-search-form .search-btn button:hover {
    background-color: var(--optional-color)
}

.job-list-map-sticky #map {
    margin-top: 0
}

.job-list-map-sticky #map iframe {
    width: 100%;
    height: 100vh;
    border: 1px solid #e6edf6;
    border-radius: 0;
    margin-bottom: -10px
}

.job-list-with-max-width {
    max-width: 980px
}

.job-more-item {
    display: none
}

.job-details-desc h2 {
    font-size: 42px;
    margin-bottom: 15px;
    line-height: 1.4
}

.job-details-desc p {
    margin-bottom: 0
}

.job-details-desc .job-details-content {
    margin-top: 25px
}

.job-details-desc .job-details-content h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.job-details-desc .job-details-content .list {
    padding: 0;
    margin-bottom: 0
}

.job-details-desc .job-details-content .list li {
    list-style-type: none;
    color: #535353;
    font-weight: 400;
    margin-bottom: 12px;
    position: relative;
    padding-left: 32px
}

.job-details-desc .job-details-content .list li::before {
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    border: 1px solid var(--main-color)
}

.job-details-desc .job-details-content .list li:last-child {
    margin-bottom: 0
}

.job-details-desc .job-article-footer {
    margin-top: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px
}

.job-details-desc .job-article-footer .article-tags span {
    display: inline-block;
    color: var(--black-color);
    font-size: var(--font-size);
    font-weight: 700;
    margin-right: 5px
}

.job-details-desc .job-article-footer .article-tags a {
    display: inline-block;
    background: #f9f9f9;
    color: var(--paragraph-color);
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    font-size: var(--font-size);
    margin-right: 5px;
    font-family: var(--heading-font-family)
}

.job-details-desc .job-article-footer .article-tags a:last-child {
    margin-right: 0
}

.job-details-desc .job-article-footer .article-tags a:hover,
.job-details-desc .job-article-footer .article-tags a:focus {
    color: var(--white-color);
    background-color: var(--main-color)
}

.job-details-desc .job-article-footer .article-share .social {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
    margin-bottom: 0
}

.job-details-desc .job-article-footer .article-share .social li {
    display: inline-block;
    margin-right: 5px
}

.job-details-desc .job-article-footer .article-share .social li:last-child {
    margin-right: 0
}

.job-details-desc .job-article-footer .article-share .social li span {
    display: inline-block;
    color: var(--black-color);
    font-size: var(--font-size);
    font-weight: 700
}

.job-details-desc .job-article-footer .article-share .social li a {
    display: inline-block;
    color: var(--main-color);
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #eee;
    text-align: center;
    font-size: var(--font-size)
}

.job-details-desc .job-article-footer .article-share .social li a:hover {
    color: var(--white-color);
    background-color: var(--main-color);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    border: 1px solid var(--main-color)
}

.job-details-desc .job-details-image {
    margin-bottom: 25px
}

.job-details-desc .job-details-image img {
    border-radius: 10px
}

.related-jobs-box {
    margin-top: 35px
}

.related-jobs-box h3 {
    font-size: 25px;
    margin-bottom: 0;
    font-weight: 700
}

.related-jobs-box .single-job-list-box {
    margin-top: 25px;
    margin-bottom: 0
}

.job-details-information {
    background-color: #f2fbff;
    padding: 35px;
    border-radius: 10px
}

.job-details-information .information-box {
    position: relative;
    padding-left: 100px
}

.job-details-information .information-box .company-logo {
    display: inline-block;
    height: 82px;
    width: 82px;
    line-height: 82px;
    background-color: var(--white-color);
    text-align: center;
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    position: absolute;
    left: 0;
    top: 0
}

.job-details-information .information-box .company-logo img {
    width: auto;
    display: inline-block
}

.job-details-information .information-box h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--main-color)
}

.job-details-information .information-box span {
    font-size: 14px;
    color: var(--paragraph-color);
    font-weight: 500;
    font-family: var(--heading-font-family)
}

.job-details-information .information-list-box {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
    list-style-type: none
}

.job-details-information .information-list-box li {
    border-bottom: 1px solid #d8f4ff;
    color: #888;
    font-size: var(--font-size);
    font-family: var(--heading-font-family);
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px
}

.job-details-information .information-list-box li:first-child {
    border-top: 1px solid #d8f4ff
}

.job-details-information .information-list-box li span {
    font-weight: 500;
    color: #2f4858;
    font-size: var(--font-size);
    font-family: var(--heading-font-family)
}

.job-details-information .information-list-box li span i {
    font-size: 20px;
    position: relative;
    top: 4px;
    margin-right: 5px;
    color: var(--main-color)
}

.job-details-information .job-details-btn-box {
    text-align: center;
    margin-top: 25px
}

.job-details-information .job-details-btn-box .default-btn {
    width: 100%
}

.overview-area {
    position: relative;
    z-index: 1
}

.overview-area .container-fluid {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.overview-content {
    max-width: 635px;
    margin: 0 0 0 auto
}

.overview-content h3 {
    font-size: 42px;
    margin-bottom: 18px
}

.overview-content p {
    margin-bottom: 0
}

.overview-content .overview-btn {
    margin-top: 30px
}

.overview-image {
    background-color: #edf0f5;
    padding: 50px;
    border-radius: 100px 0 0 100px
}

.overview-shape {
    position: absolute;
    left: 2%;
    top: 5%;
    z-index: -1
}

.single-candidates-card {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 25px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    margin-bottom: 25px
}

.single-candidates-card .candidates-information-box {
    position: relative;
    padding-left: 150px
}

.single-candidates-card .candidates-information-box .image {
    position: absolute;
    left: 0;
    top: 0
}

.single-candidates-card .candidates-information-box .image img {
    border-radius: 5px
}

.single-candidates-card .candidates-information-box .content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px
}

.single-candidates-card .candidates-information-box .content h3 a {
    color: var(--black-color)
}

.single-candidates-card .candidates-information-box .content span {
    color: var(--paragraph-color);
    font-size: 15px;
    font-weight: 400
}

.single-candidates-card .candidates-information-box .content .rating {
    margin-top: 12px;
    margin-bottom: 14px
}

.single-candidates-card .candidates-information-box .content .rating i {
    color: #ffc850;
    font-size: 15px
}

.single-candidates-card .candidates-information-box .content .rating span {
    font-size: 15px;
    color: var(--main-color);
    font-weight: 400;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.single-candidates-card .candidates-information-box .content .job-info {
    padding: 0;
    margin-bottom: 0
}

.single-candidates-card .candidates-information-box .content .job-info li {
    display: inline-block;
    list-style-type: none;
    color: var(--paragraph-color);
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font-family);
    position: relative;
    margin-right: 20px;
    padding-left: 20px
}

.single-candidates-card .candidates-information-box .content .job-info li:last-child {
    margin-right: 0
}

.single-candidates-card .candidates-information-box .content .job-info li i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--font-size);
    color: var(--main-color)
}

.single-candidates-card:hover {
    background-color: #f2fbff;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.candidates-more-item {
    display: none
}

.candidates-details-desc .candidates-details-image {
    margin-bottom: 35px
}

.candidates-details-desc .candidates-details-image img {
    border-radius: 5px
}

.candidates-details-desc .candidates-desc-content {
    margin-bottom: 50px
}

.candidates-details-desc .candidates-desc-content.mb-30 {
    margin-bottom: 30px
}

.candidates-details-desc .candidates-desc-content.mb-0 {
    margin-bottom: 0
}

.candidates-details-desc .candidates-desc-content h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee
}

.candidates-details-desc .candidates-desc-content h3 i {
    display: block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background: var(--gradient-color);
    color: var(--white-color);
    font-size: var(--font-size);
    text-align: center;
    border-radius: 50%;
    float: right
}

.candidates-details-desc .candidates-desc-content p {
    margin-bottom: 0
}

.candidates-details-desc .candidates-desc-content .candidates-desc-list {
    position: relative;
    margin-left: 10px
}

.candidates-details-desc .candidates-desc-content .candidates-desc-list::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    border-left: 1px solid var(--optional-color)
}

.candidates-details-desc .candidates-desc-content .candidates-desc-list .list-box {
    padding-left: 30px;
    margin-bottom: 30px;
    position: relative
}

.candidates-details-desc .candidates-desc-content .candidates-desc-list .list-box h4 {
    color: #2f4858;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.candidates-details-desc .candidates-desc-content .candidates-desc-list .list-box span {
    font-size: 14px;
    color: #858585;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 5px
}

.candidates-details-desc .candidates-desc-content .candidates-desc-list .list-box p {
    margin-bottom: 0;
    position: relative;
    top: 8px
}

.candidates-details-desc .candidates-desc-content .candidates-desc-list .list-box::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border-radius: 5px;
    background: var(--gradient-color);
    z-index: 2
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list {
    position: relative;
    padding-left: 105px;
    margin-top: 35px
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    max-width: 90px
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list h5 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list h5 span {
    display: inline-block;
    font-size: 14px;
    color: #a4a4a4;
    margin-left: 5px;
    font-weight: 400
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list p {
    margin-bottom: 0;
    font-size: 15px
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list .rating {
    position: absolute;
    right: 0;
    top: 0
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list .rating label {
    float: right;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0 2px
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list .rating label:before {
    content: "\2605";
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 27px;
    color: #ccc;
    line-height: 1
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list .rating input {
    display: none
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list .rating input:checked~label:before,
.candidates-details-desc .candidates-desc-content .candidates-comments-list .rating:not(:checked)>label:hover:before,
.candidates-details-desc .candidates-desc-content .candidates-comments-list .rating:not(:checked)>label:hover~label:before {
    color: #f6b500
}

.candidates-details-desc .candidates-desc-content .candidates-comments-list.children {
    margin-left: 50px
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment {
    margin-top: 20px;
    position: relative
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .rating {
    position: absolute;
    right: 0;
    top: -65px
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .rating label {
    float: right;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0 2px
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .rating label:not(:first-of-type) {
    padding-right: 5px
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .rating label:before {
    content: "\2605";
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 27px;
    color: #ccc;
    line-height: 1
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .rating input {
    display: none
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .rating input:checked~label:before,
.candidates-details-desc .candidates-desc-content .candidates-leave-comment .rating:not(:checked)>label:hover:before,
.candidates-details-desc .candidates-desc-content .candidates-leave-comment .rating:not(:checked)>label:hover~label:before {
    color: #f6b500
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group {
    margin-bottom: 25px
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group .form-control {
    height: 65px;
    padding: 15px 25px;
    line-height: initial;
    color: var(--paragraph-color);
    background-color: var(--white-color);
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 15px;
    font-weight: 400
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group .form-control::-webkit-input-placeholder {
    color: #a4a4a4
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group .form-control:-ms-input-placeholder {
    color: #a4a4a4
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group .form-control::-ms-input-placeholder {
    color: #a4a4a4
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group .form-control::placeholder {
    color: #a4a4a4
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group .form-control:focus::placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-group textarea.form-control {
    height: 150px;
    padding: 15px;
    line-height: 1.5rem
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent {
    margin-bottom: 0
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent a {
    color: var(--main-color)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:checked,
.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:not(:checked) {
    display: none
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:checked+label,
.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    color: #888;
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font-family)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:checked+label:before,
.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 25px;
    height: 25px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid #707070;
    border-radius: 5px;
    background: #eee
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:checked+label:after,
.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--main-color);
    position: absolute;
    top: 8.5px;
    left: 8px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 30px
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:hover+label:before {
    border-color: var(--main-color)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment .form-cookies-consent [type=checkbox]:checked+label:before {
    border-color: var(--main-color)
}

.candidates-details-desc .candidates-desc-content .candidates-leave-comment button {
    margin-top: 22px;
    border: none
}

.candidates-details-information {
    background-color: #f2fbff;
    padding: 35px;
    border-radius: 10px;
    margin-right: 20px
}

.candidates-details-information .information-box {
    position: relative;
    padding-left: 115px
}

.candidates-details-information .information-box img {
    position: absolute;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    top: 5px !important;
  
}
.candidates-details-information .information-box .noImage {
    position: absolute;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    top: -21px !important;
  
}

.candidates-details-information .information-box h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--main-color)
}

.candidates-details-information .information-box span {
    font-size: 14px;
    color: var(--paragraph-color);
    font-weight: 500;
    font-family: var(--heading-font-family)
}

.candidates-details-information .information-box .social-links {
    padding: 0;
    margin-bottom: 0;
    margin-top: 15px
}

.candidates-details-information .information-box .social-links li {
    list-style-type: none;
    display: inline-block;
    margin-right: 20px
}

.candidates-details-information .information-box .social-links li:last-child {
    margin-right: 0
}

.candidates-details-information .information-box .social-links li a i {
    font-size: var(--font-size);
    color: var(--optional-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.candidates-details-information .information-box .social-links li a i:hover {
    color: var(--main-color)
}

.candidates-details-information .information-list-box {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
    list-style-type: none
}

.candidates-details-information .information-list-box li {
    border-bottom: 1px solid #d8f4ff;
    color: #888;
    font-size: var(--font-size);
    font-family: var(--heading-font-family);
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px
}

.candidates-details-information .information-list-box li:first-child {
    border-top: 1px solid #d8f4ff
}

.candidates-details-information .information-list-box li span {
    font-weight: 500;
    color: #2f4858;
    font-size: var(--font-size);
    font-family: var(--heading-font-family)
}

.candidates-details-information .information-list-box li span i {
    font-size: 20px;
    position: relative;
    top: 4px;
    margin-right: 5px;
    color: var(--main-color)
}

.candidates-details-information .information-list-box li a {
    color: #888
}

.candidates-details-information .candidates-details-btn-box {
    text-align: center;
    margin-top: 25px
}

.candidates-details-information .candidates-details-btn-box .default-btn {
    width: 100%
}

.page-banner-area {
    background-image: url(../images/page-banner/banner-1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 550px;
    position: relative;
    z-index: 1
}

.page-banner-area::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    opacity: .3
}

.page-banner-area.item-bg-two {
    background-image: url(../images/page-banner/banner-2.jpg)
}

.page-banner-area.item-bg-three {
    background-image: url(../images/page-banner/banner-3.jpg)
}

.page-banner-area.item-bg-four {
    background-image: url(../images/page-banner/banner-4.jpg)
}

.page-banner-content {
    text-align: center;
    margin-top: 100px
}

.page-banner-content h2 {
    font-size: 80px;
    color: var(--white-color);
    font-weight: 700
}

.faq-box-content h3 {
    font-size: 42px;
    margin-bottom: 15px
}

.faq-box-content p {
    margin-bottom: 0
}

.faq-box-content .faq-search-form {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 5px;
    margin-top: 30px;
    padding: 5px 80px 5px 5px;
    position: relative
}

.faq-box-content .faq-search-form .form-group {
    position: relative
}

.faq-box-content .faq-search-form .form-group label {
    z-index: 1;
    display: block;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    color: var(--main-color);
    font-size: 20px;
    top: 24px;
    line-height: 1
}

.faq-box-content .faq-search-form .form-group .form-control {
    height: 70px;
    display: inline-block;
    padding: 12px 15px 15px 50px;
    width: 100%;
    border: 1px solid #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.faq-box-content .faq-search-form .form-group .form-control::-webkit-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.faq-box-content .faq-search-form .form-group .form-control:-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.faq-box-content .faq-search-form .form-group .form-control::-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.faq-box-content .faq-search-form .form-group .form-control::placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.faq-box-content .faq-search-form .form-group .form-control:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.faq-box-content .faq-search-form .form-group .form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.faq-box-content .faq-search-form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent
}

.faq-box-content .faq-search-form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent
}

.faq-box-content .faq-search-form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent
}

.faq-box-content .faq-search-form .form-group .form-control:focus::placeholder {
    color: transparent
}

.faq-box-content .faq-search-form .search-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: end
}

.faq-box-content .faq-search-form .search-btn button {
    border: none;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 25px;
    text-align: center;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: var(--main-color);
    color: var(--white-color);
    border-radius: 5px
}

.faq-box-content .faq-search-form .search-btn button:hover {
    background-color: var(--optional-color)
}

.faq-accordion {
    padding-left: 30px
}

.faq-accordion .accordion-item {
    border: none;
    margin-bottom: 15px !important
}

.faq-accordion .accordion-item:last-child {
    margin-bottom: 0 !important
}

.faq-accordion .accordion-item .accordion-button {
    background-color: #f9f9f9;
    color: var(--black-color);
    position: relative;
    text-align: start;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    margin-bottom: 0;
    display: block;
    border: none;
    width: 100%;
    text-transform: capitalize;
    font-size: var(--font-size);
    font-family: var(--heading-font-family);
    font-weight: 700;
    padding: 30px 55px 30px 30px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.faq-accordion .accordion-item .accordion-button::before {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\ea4e";
    font-family: remixicon;
    font-size: 20px
}

.faq-accordion .accordion-item .accordion-button.collapsed::before {
    content: "\ea78"
}

.faq-accordion .accordion-item .accordion-button:not(.collapsed) {
    color: var(--main-color)
}

.faq-accordion .accordion-item .accordion-body {
    padding: 30px;
    border-top: 1px solid var(--main-color);
    background-color: #f9f9f9
}

.faq-accordion .accordion-item .accordion-body p {
    font-size: 15px
}

.faq-accordion .accordion-item .accordion-body p a {
    color: var(--main-color)
}

.faq-accordion .accordion-item .accordion-body p strong {
    color: var(--black-color)
}

.faq-accordion .accordion-item .accordion-body ul li {
    margin-bottom: 12px;
    color: var(--paragraph-color)
}

.faq-accordion .accordion-item .accordion-body ul li:last-child {
    margin-bottom: 0
}

.single-gallery-item {
    margin-bottom: 25px;
    border-radius: 5px;
    overflow: hidden;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.single-gallery-item a {
    display: block;
    border-radius: 5px
}

.single-gallery-item a img {
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-gallery-item:hover a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.profile-authentication-tabs {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    max-width: 750px;
    margin: auto;
    border-radius: 15px
}

.profile-authentication-tabs .authentication-tabs-list {
    text-align: center
}

.profile-authentication-tabs .authentication-tabs-list .nav {
    list-style-type: none;
    display: inline-block;
    border: none;
    border-radius: 10px;
    background-color: #f5f5f5;
    margin: 12px 0 0
}

.profile-authentication-tabs .authentication-tabs-list .nav .nav-item {
    display: inline-block;
    margin: 5px
}

.profile-authentication-tabs .authentication-tabs-list .nav .nav-item .nav-link {
    color: #2f4858;
    border: none;
    background-color: transparent;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--heading-font-family);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    padding: 25px 75px;
    border-radius: 10px
}

.profile-authentication-tabs .authentication-tabs-list .nav .nav-item .nav-link.active {
    background-color: var(--white-color);
    color: var(--main-color);
    font-weight: 700
}

.profile-authentication-tabs .tab-content {
    padding: 30px 45px 45px
}

.profile-authentication-tabs .aess-authentication-form form .form-group {
    margin-bottom: 30px
}

.profile-authentication-tabs .aess-authentication-form form .form-group .form-control {
    height: 55px;
    padding: 15px 20px;
    line-height: initial;
    color: var(--paragraph-color);
    background-color: var(--white-color);
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 15px;
    font-weight: 400
}

.profile-authentication-tabs .aess-authentication-form form .form-group .form-control::-webkit-input-placeholder {
    color: #a4a4a4
}

.profile-authentication-tabs .aess-authentication-form form .form-group .form-control:-ms-input-placeholder {
    color: #a4a4a4
}

.profile-authentication-tabs .aess-authentication-form form .form-group .form-control::-ms-input-placeholder {
    color: #a4a4a4
}

.profile-authentication-tabs .aess-authentication-form form .form-group .form-control::placeholder {
    color: #a4a4a4
}

.profile-authentication-tabs .aess-authentication-form form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.profile-authentication-tabs .aess-authentication-form form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.profile-authentication-tabs .aess-authentication-form form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.profile-authentication-tabs .aess-authentication-form form .form-group .form-control:focus::placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap {
    margin-bottom: 0
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap a {
    color: var(--main-color)
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:checked,
.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:not(:checked) {
    display: none
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:checked+label,
.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    color: #888;
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font-family)
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:checked+label:before,
.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 4px;
    width: 20px;
    height: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid #707070;
    border-radius: 5px;
    background: #eee
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:checked+label:after,
.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--main-color);
    position: absolute;
    top: 8.5px;
    left: 8px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 30px
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:hover+label:before {
    border-color: var(--main-color)
}

.profile-authentication-tabs .aess-authentication-form form .remember-me-wrap [type=checkbox]:checked+label:before {
    border-color: var(--main-color)
}

.profile-authentication-tabs .aess-authentication-form form .lost-your-password-wrap {
    text-align: right
}

.profile-authentication-tabs .aess-authentication-form form .lost-your-password-wrap a {
    display: inline-block;
    position: relative;
    font-weight: 500;
    line-height: 1.4;
    color: var(--main-color);
    font-family: var(--heading-font-family)
}

.profile-authentication-tabs .aess-authentication-form form .lost-your-password-wrap a::before {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background-color: #eee
}

.profile-authentication-tabs .aess-authentication-form form .lost-your-password-wrap a::after {
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    bottom: 0;
    content: '';
    background-color: var(--main-color)
}

.profile-authentication-tabs .aess-authentication-form form .lost-your-password-wrap a:hover::before {
    width: 0
}

.profile-authentication-tabs .aess-authentication-form form .lost-your-password-wrap a:hover::after {
    width: 100%
}

.profile-authentication-tabs .aess-authentication-form form .default-btn {
    border: none;
    width: 100%;
    margin-top: 30px;
    border-radius: 10px;
    padding: 18px 70px 18px 25px
}

.profile-authentication-tabs .aess-authentication-form form .default-btn::before {
    width: 850px;
    height: 850px
}

.profile-authentication-tabs .aess-authentication-form .sub-title {
    text-align: center;
    display: block;
    color: #888;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 30px;
    z-index: 1;
    position: relative
}

.profile-authentication-tabs .aess-authentication-form .sub-title span {
    background-color: var(--white-color)
}

.profile-authentication-tabs .aess-authentication-form .sub-title::before {
    content: '';
    position: absolute;
    right: 0;
    top: 11px;
    height: 1px;
    width: 100%;
    z-index: -1;
    background: #f0f0f0
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul {
    padding: 0;
    margin-bottom: 0
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li {
    list-style-type: none;
    margin-bottom: 10px
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li:last-child {
    margin-bottom: 0
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .facebook {
    padding: 18px 30px;
    text-align: center;
    color: var(--white-color) !important;
    font-size: var(--font-size);
    font-weight: 600;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 8px;
    z-index: 0;
    background: #3b5998;
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--heading-font-family);
    width: 100%
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .facebook:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 850px;
    height: 850px;
    margin: auto;
    background: var(--gradient-color);
    border-radius: 8px;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
    transform: translateX(-50%) translateY(-5%) scale(.4);
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .facebook i {
    font-size: 20px;
    margin-left: 10px
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .facebook:hover {
    color: var(--white-color) !important
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .facebook:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-45%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .google {
    padding: 18px 30px;
    text-align: center;
    color: var(--white-color) !important;
    font-size: var(--font-size);
    font-weight: 600;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 8px;
    z-index: 0;
    background: #ea4335;
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--heading-font-family);
    width: 100%
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .google:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 850px;
    height: 850px;
    margin: auto;
    background: var(--gradient-color);
    border-radius: 8px;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
    transform: translateX(-50%) translateY(-5%) scale(.4);
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .google i {
    font-size: 20px;
    margin-left: 10px
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .google:hover {
    color: var(--white-color) !important
}

.profile-authentication-tabs .aess-authentication-form .login-with-account ul li .google:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-45%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.terms-of-service-content h3 {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 700
}

.terms-of-service-content .blockquote,
.terms-of-service-content blockquote {
    margin-top: 25px;
    margin-bottom: 30px;
    background-color: #e6f2f5;
    text-align: left !important;
    padding: 15px 25px !important;
    border-radius: 5px
}

.terms-of-service-content .blockquote p,
.terms-of-service-content blockquote p {
    margin-bottom: 0;
    line-height: 1.8;
    font-weight: 400
}

.terms-of-service-content .blockquote::after,
.terms-of-service-content blockquote::after {
    display: none
}

.terms-of-service-content .blockquote::before,
.terms-of-service-content blockquote::before {
    display: none
}

.terms-of-service-content ol,
.terms-of-service-content ul {
    margin-top: 20px
}

.terms-of-service-content ol li,
.terms-of-service-content ul li {
    margin-bottom: 10px;
    color: var(--font-size);
    line-height: 1.8;
    font-weight: 400;
    font-size: var(--font-size);
    color: var(--paragraph-color)
}

.privacy-policy-content h3 {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 700
}

.privacy-policy-content .blockquote,
.privacy-policy-content blockquote {
    margin-top: 25px;
    margin-bottom: 30px;
    background-color: #e6f2f5;
    text-align: left !important;
    padding: 15px 25px !important;
    border-radius: 5px
}

.privacy-policy-content .blockquote p,
.privacy-policy-content blockquote p {
    margin-bottom: 0;
    line-height: 1.8;
    font-weight: 400
}

.privacy-policy-content .blockquote::after,
.privacy-policy-content blockquote::after {
    display: none
}

.privacy-policy-content .blockquote::before,
.privacy-policy-content blockquote::before {
    display: none
}

.privacy-policy-content ol,
.privacy-policy-content ul {
    margin-top: 20px
}

.privacy-policy-content ol li,
.privacy-policy-content ul li {
    margin-bottom: 10px;
    color: var(--font-size);
    line-height: 1.8;
    font-weight: 400;
    font-size: var(--font-size);
    color: var(--paragraph-color)
}

.error-content {
    text-align: center
}

.error-content h3 {
    margin-top: 45px;
    margin-bottom: 20px;
    font-size: 35px
}

.error-content p {
    max-width: 550px;
    margin: auto
}

.error-content .default-btn {
    margin-top: 30px
}

.coming-soon-area {
    background-image: url(../images/coming-soon-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 150px
}

.coming-soon-content {
    max-width: 700px;
    background-color: var(--white-color);
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
    padding: 45px;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    margin: 0 auto 0 0
}

.coming-soon-content .logo {
    display: inline-block
}

.coming-soon-content h2 {
    font-size: 45px;
    margin-top: 35px;
    margin-bottom: 0
}

.coming-soon-content #timer {
    margin-top: 45px
}

.coming-soon-content #timer div {
    background-color: #f5f5f5;
    color: var(--main-color);
    width: 130px;
    height: 130px;
    border-radius: 50%;
    font-size: 40px;
    font-weight: 700;
    margin-left: 5px;
    margin-right: 5px
}

.coming-soon-content #timer div span {
    display: block;
    margin-top: -2px;
    font-size: 15px;
    font-weight: 500;
    color: var(--paragraph-color)
}

.coming-soon-content form {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}

.coming-soon-content form .form-group {
    margin-bottom: 15px
}

.coming-soon-content form .form-group .form-control {
    height: 60px;
    padding: 15px 25px;
    line-height: initial;
    color: var(--paragraph-color);
    background-color: #f3f7fb;
    border: none;
    border-radius: 30px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: var(--font-size);
    font-weight: 400
}

.coming-soon-content form .form-group .form-control::-webkit-input-placeholder {
    color: var(--paragraph-color)
}

.coming-soon-content form .form-group .form-control:-ms-input-placeholder {
    color: var(--paragraph-color)
}

.coming-soon-content form .form-group .form-control::-ms-input-placeholder {
    color: var(--paragraph-color)
}

.coming-soon-content form .form-group .form-control::placeholder {
    color: var(--paragraph-color)
}

.coming-soon-content form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.coming-soon-content form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.coming-soon-content form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.coming-soon-content form .form-group .form-control:focus::placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.coming-soon-content form .default-btn {
    padding: 18px;
    border-radius: 30px;
    width: 100%;
    border: none
}

.coming-soon-content form .default-btn::before {
    width: 850px;
    height: 850px
}

.coming-soon-content form .validation-danger {
    margin-top: 15px;
    color: red
}

.coming-soon-content form .validation-success {
    margin-top: 15px
}

.coming-soon-content form p {
    margin-bottom: 0;
    margin-top: 20px
}

.contact-address h3 {
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: 700
}

.contact-address .address-info {
    padding: 0;
    margin-bottom: 0;
    margin-right: 30px
}

.contact-address .address-info li {
    border-radius: 5px;
    list-style-type: none;
    color: var(--paragraph-color);
    margin-bottom: 25px;
    position: relative;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    padding: 30px 30px 30px 65px
}

.contact-address .address-info li:last-child {
    margin-bottom: 0
}

.contact-address .address-info li i {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 28px;
    background: var(--gradient-color);
    color: var(--white-color);
    border-radius: 2px;
    text-align: center;
    font-size: 12px
}

.contact-address .address-info li a {
    color: var(--paragraph-color)
}

.contact-address .address-info li a:hover {
    color: var(--main-color)
}

.contact-form h3 {
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: 700
}

.contact-form form .form-group {
    margin-bottom: 25px
}

.contact-form form .form-group .form-control {
    height: 65px;
    padding: 15px 25px;
    line-height: initial;
    color: var(--paragraph-color);
    background-color: var(--white-color);
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 15px;
    font-weight: 400
}

.contact-form form .form-group .form-control::-webkit-input-placeholder {
    color: #a4a4a4
}

.contact-form form .form-group .form-control:-ms-input-placeholder {
    color: #a4a4a4
}

.contact-form form .form-group .form-control::-ms-input-placeholder {
    color: #a4a4a4
}

.contact-form form .form-group .form-control::placeholder {
    color: #a4a4a4
}

.contact-form form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.contact-form form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.contact-form form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.contact-form form .form-group .form-control:focus::placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.contact-form form .form-group textarea.form-control {
    height: 150px;
    padding: 15px;
    line-height: 1.5rem
}

.contact-form form .form-group .help-block.with-errors ul {
    color: red;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: left
}

.contact-form form .form-group .help-block.with-errors ul li {
    font-size: 14px
}

.contact-form form .form-cookies-consent {
    margin-bottom: 0
}

.contact-form form .form-cookies-consent a {
    color: var(--main-color)
}

.contact-form form .form-cookies-consent [type=checkbox]:checked,
.contact-form form .form-cookies-consent [type=checkbox]:not(:checked) {
    display: none
}

.contact-form form .form-cookies-consent [type=checkbox]:checked+label,
.contact-form form .form-cookies-consent [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    color: #888;
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font-family)
}

.contact-form form .form-cookies-consent [type=checkbox]:checked+label:before,
.contact-form form .form-cookies-consent [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 4px;
    width: 20px;
    height: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid #707070;
    border-radius: 5px;
    background: #eee
}

.contact-form form .form-cookies-consent [type=checkbox]:checked+label:after,
.contact-form form .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--main-color);
    position: absolute;
    top: 8.5px;
    left: 8px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 30px
}

.contact-form form .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.contact-form form .form-cookies-consent [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.contact-form form .form-cookies-consent [type=checkbox]:hover+label:before {
    border-color: var(--main-color)
}

.contact-form form .form-cookies-consent [type=checkbox]:checked+label:before {
    border-color: var(--main-color)
}

.contact-form form button {
    margin-top: 22px;
    border: none
}

.contact-form form #msgSubmit {
    margin: 0;
    font-size: 1.3rem
}

.contact-form form #msgSubmit.text-danger,
.contact-form form #msgSubmit.text-success {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 700
}

#map {
    margin-top: 100px
}

#map iframe {
    width: 100%;
    height: 550px;
    border: 1px solid #e6edf6;
    border-radius: 10px;
    margin-bottom: -10px
}

.single-products-box {
    position: relative;
    margin-bottom: 25px
}

.single-products-box .products-image {
    text-align: center;
    position: relative;
    overflow: hidden
}

.single-products-box .products-image a {
    position: relative;
    display: block
}

.single-products-box .products-image a img {
    -webkit-transition: all 1.5s cubic-bezier(0, 0, .2, 1);
    transition: all 1.5s cubic-bezier(0, 0, .2, 1)
}

.single-products-box .products-image .sale-tag {
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: var(--optional-color);
    color: var(--white-color);
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.single-products-box .products-image .new-tag {
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: var(--main-color);
    color: var(--white-color);
    text-align: center;
    padding: 2px 8px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border-radius: 5px
}

.single-products-box .products-content {
    margin-top: 20px;
    position: relative
}

.single-products-box .products-content h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 700
}

.single-products-box .products-content h3 a {
    display: inline-block
}

.single-products-box .products-content .price {
    margin-top: 15px;
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family)
}

.single-products-box .products-content .price .old-price {
    text-decoration: line-through;
    color: #999;
    font-weight: 500
}

.single-products-box .products-content .add-to-cart {
    position: absolute;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: inline-block;
    color: var(--main-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family)
}

.single-products-box .products-content .add-to-cart:hover {
    color: var(--main-color)
}

.single-products-box:hover .products-image a img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0)
}

.single-products-box:hover .products-image .products-button ul li {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.products-details-image {
    border-radius: 5px
}

.products-details-image a {
    display: block;
    border-radius: 5px
}

.products-details-image a img {
    border-radius: 5px
}

.products-details-desc {
    padding-left: 30px
}

.products-details-desc h3 {
    margin-bottom: 18px;
    font-size: 30px
}

.products-details-desc .price {
    margin-bottom: 15px;
    color: var(--main-color);
    font-size: var(--font-size);
    font-weight: 600;
    font-family: var(--heading-font-family)
}

.products-details-desc .price .old-price {
    text-decoration: line-through;
    color: #828893
}

.products-details-desc .products-review {
    margin-bottom: 12px
}

.products-details-desc .products-review .rating {
    display: inline-block;
    font-size: 18px
}

.products-details-desc .products-review .rating i {
    color: #ffba0a;
    display: inline-block
}

.products-details-desc .products-meta {
    margin-top: 20px
}

.products-details-desc .products-meta span {
    display: block;
    color: var(--black-color);
    margin-bottom: 10px;
    font-weight: 600;
    font-family: var(--heading-font-family)
}

.products-details-desc .products-meta span span {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500
}

.products-details-desc .products-meta span span.sku {
    color: var(--main-color)
}

.products-details-desc .products-meta span span.in-stock {
    color: var(--paragraph-color)
}

.products-details-desc .products-meta span a {
    display: inline-block;
    color: var(--paragraph-color);
    font-weight: 500
}

.products-details-desc .products-meta span a:hover,
.products-details-desc .products-meta span a:focus {
    color: var(--main-color)
}

.products-details-desc .products-meta span:last-child {
    margin-bottom: 0
}

.products-details-desc .products-add-to-cart {
    margin-top: 25px
}

.products-details-desc .products-add-to-cart .input-counter {
    max-width: 165px;
    min-width: 165px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    position: relative
}

.products-details-desc .products-add-to-cart .input-counter span {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 50px;
    height: 100%;
    line-height: 55px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 20px
}

.products-details-desc .products-add-to-cart .input-counter span.minus-btn {
    left: 0
}

.products-details-desc .products-add-to-cart .input-counter span.plus-btn {
    right: 0
}

.products-details-desc .products-add-to-cart .input-counter span:hover {
    color: var(--main-color)
}

.products-details-desc .products-add-to-cart .input-counter input {
    height: 50px;
    color: var(--black-color);
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
    font-size: var(--font-size);
    font-weight: 600;
    border-radius: 30px
}

.products-details-desc .products-add-to-cart .input-counter input::-webkit-input-placeholder {
    color: var(--black-color)
}

.products-details-desc .products-add-to-cart .input-counter input:-ms-input-placeholder {
    color: var(--black-color)
}

.products-details-desc .products-add-to-cart .input-counter input::-ms-input-placeholder {
    color: var(--black-color)
}

.products-details-desc .products-add-to-cart .input-counter input::placeholder {
    color: var(--black-color)
}

.products-details-desc .products-add-to-cart .default-btn {
    padding: 12.5px 20px;
    border-radius: 30px;
    border: none;
    font-weight: 500
}

.products-details-desc .products-share {
    margin-top: 30px
}

.products-details-desc .products-share .social {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

.products-details-desc .products-share .social li {
    display: inline-block
}

.products-details-desc .products-share .social li span {
    display: inline-block;
    margin-right: 3px;
    font-weight: 700;
    position: relative;
    top: -2px
}

.products-details-desc .products-share .social li a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 34px;
    border-radius: 50%;
    background-color: var(--main-color);
    color: var(--white-color);
    border: 1px solid var(--main-color);
    text-align: center;
    font-size: 17px;
    margin-left: 2px
}

.products-details-desc .products-share .social li a:hover,
.products-details-desc .products-share .social li a:focus {
    color: var(--main-color);
    background-color: transparent
}

.products-details-desc .products-share .social li a.facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: var(--white-color)
}

.products-details-desc .products-share .social li a.facebook:hover,
.products-details-desc .products-share .social li a.facebook:focus {
    color: #3b5998;
    background-color: transparent
}

.products-details-desc .products-share .social li a.twitter {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: var(--white-color)
}

.products-details-desc .products-share .social li a.twitter:hover,
.products-details-desc .products-share .social li a.twitter:focus {
    color: #1da1f2;
    background-color: transparent
}

.products-details-desc .products-share .social li a.linkedin {
    background-color: #007bb5;
    border-color: #007bb5;
    color: var(--white-color)
}

.products-details-desc .products-share .social li a.linkedin:hover,
.products-details-desc .products-share .social li a.linkedin:focus {
    color: #007bb5;
    background-color: transparent
}

.products-details-desc .products-share .social li a.instagram {
    background-color: #c13584;
    border-color: #c13584;
    color: var(--white-color)
}

.products-details-desc .products-share .social li a.instagram:hover,
.products-details-desc .products-share .social li a.instagram:focus {
    color: #c13584;
    background-color: transparent
}

.products-details-tabs {
    margin-top: 50px
}

.products-details-tabs .nav {
    padding: 0;
    margin-bottom: 40px;
    list-style-type: none;
    display: block
}

.products-details-tabs .nav .nav-item {
    display: inline-block;
    margin-right: 20px
}

.products-details-tabs .nav .nav-item:last-child {
    margin-right: 0
}

.products-details-tabs .nav .nav-item .nav-link {
    color: var(--paragraph-color);
    border: none;
    border-bottom: 1px solid #eee;
    padding: 0;
    background-color: transparent;
    position: relative;
    padding-bottom: 8px;
    font-size: 20px;
    font-weight: 700
}

.products-details-tabs .nav .nav-item .nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--main-color);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    bottom: -2px
}

.products-details-tabs .nav .nav-item .nav-link:hover,
.products-details-tabs .nav .nav-item .nav-link.active {
    color: var(--main-color)
}

.products-details-tabs .nav .nav-item .nav-link:hover::before,
.products-details-tabs .nav .nav-item .nav-link.active::before {
    width: 100%
}

.products-details-tabs .tab-content .tab-pane p {
    line-height: 1.8
}

.products-details-tabs .tab-content .tab-pane ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 0
}

.products-details-tabs .tab-content .tab-pane ul li {
    margin-bottom: 12px;
    position: relative;
    color: var(--paragraph-color);
    padding-left: 18px;
    font-weight: 400
}

.products-details-tabs .tab-content .tab-pane ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--main-color)
}

.products-details-tabs .tab-content .tab-pane ul li:last-child {
    margin-bottom: 0
}

.products-details-tabs .tab-content .tab-pane .products-reviews h3 {
    margin-bottom: 12px;
    display: inline-block;
    font-size: 25px;
    font-weight: 700
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating span {
    font-size: var(--font-size);
    color: #cecfd2;
    margin-right: -2px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating span.checked {
    color: orange
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating-count {
    margin-top: 10px;
    margin-bottom: 20px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating-count span {
    display: block;
    color: var(--paragraph-color)
}

.products-details-tabs .tab-content .tab-pane .products-reviews .row {
    overflow: hidden;
    margin-left: 0;
    margin-right: 0
}

.products-details-tabs .tab-content .tab-pane .products-reviews .side {
    float: left;
    width: 9%;
    margin-top: 10px;
    padding-left: 0
}

.products-details-tabs .tab-content .tab-pane .products-reviews .side div {
    font-weight: 700
}

.products-details-tabs .tab-content .tab-pane .products-reviews .middle {
    margin-top: 14px;
    float: left;
    width: 82%
}

.products-details-tabs .tab-content .tab-pane .products-reviews .right {
    text-align: right
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: var(--white-color);
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-5 {
    width: 100%;
    height: 18px;
    background-color: #4caf50;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-4 {
    width: 75%;
    height: 18px;
    background-color: #2196f3;
    border-radius: 5px;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-3 {
    width: 50%;
    height: 18px;
    background-color: #00bcd4;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-2 {
    width: 25%;
    height: 18px;
    background-color: #ff9800;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-1 {
    width: 0;
    height: 18px;
    background-color: #f44336;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments {
    margin-top: 40px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments h3 {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 700
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0 20px 110px;
    position: relative
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img {
    position: absolute;
    left: 0;
    top: 20px;
    width: 90px;
    height: 90px;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .sub-comment {
    margin-bottom: 8px;
    font-weight: 500
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating {
    display: block;
    margin-bottom: 8px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars {
    display: inline-block
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars i {
    color: #cecfd2;
    font-size: var(--font-size);
    display: inline-block;
    margin-right: -2px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars i.checked {
    color: orange
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating span {
    color: var(--black-color);
    position: relative;
    top: -2px;
    font-weight: 600;
    margin-left: 5px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper {
    margin-top: 30px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 700
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper .comment-notes span {
    color: red
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form {
    margin-top: 20px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group {
    margin-bottom: 25px;
    text-align: left
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control {
    height: 60px;
    padding: 15px 25px;
    line-height: initial;
    color: var(--paragraph-color);
    background-color: #f3f7fb;
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: var(--font-size);
    font-weight: 400
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::-webkit-input-placeholder {
    color: var(--paragraph-color)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:-ms-input-placeholder {
    color: var(--paragraph-color)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::-ms-input-placeholder {
    color: var(--paragraph-color)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::placeholder {
    color: var(--paragraph-color)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group textarea.form-control {
    min-height: 120px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating {
    text-align: left;
    overflow: hidden;
    max-width: 115px;
    margin-top: -5px;
    margin-bottom: 30px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label {
    float: right;
    position: relative;
    width: 23px;
    height: 23px;
    cursor: pointer
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:not(:first-of-type) {
    padding-right: 5px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:before {
    content: "\2605";
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 27px;
    color: #ccc;
    line-height: 1
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input {
    display: none
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input:checked~label:before,
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked)>label:hover:before,
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked)>label:hover~label:before {
    color: #f6b500
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent {
    text-align: left;
    margin-bottom: 0
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked,
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked) {
    display: none
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label,
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 0;
    color: var(--paragraph-color);
    font-weight: 400
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label:before,
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    background: #f5f5f5
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label:after,
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--main-color);
    position: absolute;
    top: 4.5px;
    left: 6px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 50px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:hover+label:before {
    border-color: var(--main-color)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label:before {
    border-color: var(--main-color)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .default-btn {
    margin-top: 22px;
    border: none
}

.cart-table table {
    margin-bottom: 0
}

.cart-table table thead tr th {
    border-bottom-width: 0;
    vertical-align: middle;
    padding: 25px;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500
}

.cart-table table tbody tr td {
    vertical-align: middle;
    color: var(--paragraph-color);
    white-space: nowrap;
    padding: 25px;
    font-weight: 400;
    font-size: var(--font-size)
}

.cart-table table tbody tr td.product-thumbnail a {
    display: block
}

.cart-table table tbody tr td.product-thumbnail a img {
    width: 80px;
    border-radius: 5px
}

.cart-table table tbody tr td.product-name a {
    display: inline-block;
    font-weight: 500
}

.cart-table table tbody tr td.product-subtotal .remove {
    color: red;
    float: right;
    position: relative;
    top: -1px;
    font-size: 18px
}

.cart-table table tbody tr td.product-quantity .input-counter {
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    display: inline-block;
    position: relative
}

.cart-table table tbody tr td.product-quantity .input-counter span {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 60px;
    height: 100%;
    line-height: 65px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 22px
}

.cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
    left: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
    right: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.cart-table table tbody tr td.product-quantity .input-counter span:hover {
    color: var(--main-color)
}

.cart-table table tbody tr td.product-quantity .input-counter input {
    height: 60px;
    color: var(--black-color);
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
    font-size: var(--font-size);
    font-weight: 700;
    border-radius: 10px
}

.cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
    color: var(--black-color)
}

.cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
    color: var(--black-color)
}

.cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
    color: var(--black-color)
}

.cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
    color: var(--black-color)
}

.cart-table table tbody tr td.product-subtotal {
    overflow: hidden
}

.cart-buttons {
    margin-top: 30px;
    text-align: right
}

.cart-buttons .shopping-coupon-code {
    position: relative;
    max-width: 530px
}

.cart-buttons .shopping-coupon-code .form-control {
    display: block;
    width: 100%;
    height: 60px;
    outline: 0;
    background-color: #f4f8fc;
    border: 1px solid #e6edf6;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: var(--font-size)
}

.cart-buttons .shopping-coupon-code .form-control::-webkit-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.cart-buttons .shopping-coupon-code .form-control:-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.cart-buttons .shopping-coupon-code .form-control::-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.cart-buttons .shopping-coupon-code .form-control::placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.cart-buttons .shopping-coupon-code .form-control:focus {
    outline: 0;
    background-color: var(--white-color);
    border-color: var(--optional-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

.cart-buttons .shopping-coupon-code .form-control:focus::-webkit-input-placeholder {
    color: transparent
}

.cart-buttons .shopping-coupon-code .form-control:focus:-ms-input-placeholder {
    color: transparent
}

.cart-buttons .shopping-coupon-code .form-control:focus::-ms-input-placeholder {
    color: transparent
}

.cart-buttons .shopping-coupon-code .form-control:focus::placeholder {
    color: transparent
}

.cart-buttons .shopping-coupon-code button {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    background: var(--black-color);
    color: var(--white-color);
    border: none;
    padding: 0 25px;
    line-height: 58px;
    outline: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 15px;
    font-weight: 500
}

.cart-buttons .shopping-coupon-code button:hover {
    background-color: var(--main-color)
}

.cart-totals {
    background: var(--white-color);
    padding: 40px;
    max-width: 700px;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 5px;
    margin-top: 65px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px
}

.cart-totals h3 {
    margin-bottom: 25px;
    font-size: 25px;
    font-weight: 700
}

.cart-totals ul {
    padding-left: 0;
    margin: 0 0 25px;
    list-style-type: none
}

.cart-totals ul li {
    border: 1px solid #eaedff;
    padding: 15px 20px;
    color: var(--black-color);
    overflow: hidden;
    font-weight: 500;
    font-size: var(--font-size)
}

.cart-totals ul li:first-child {
    border-bottom: none
}

.cart-totals ul li:last-child {
    font-size: var(--font-size);
    border-top: none
}

.cart-totals ul li:last-child span {
    color: var(--black-color);
    font-weight: 500;
    font-size: 20px
}

.cart-totals ul li span {
    float: right;
    color: var(--optional-color)
}

.user-actions {
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    background: var(--white-color);
    padding: 15px 20px;
    border-top: 1px solid var(--main-color);
    position: relative;
    margin-bottom: 40px
}

.user-actions i {
    color: var(--main-color);
    margin-right: 2px;
    font-size: 20px;
    position: relative;
    top: 4px
}

.user-actions span {
    display: inline-block;
    color: var(--paragraph-color);
    font-weight: 400;
    font-size: var(--font-size)
}

.user-actions span a {
    display: inline-block;
    color: var(--main-color)
}

.billing-details .title {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 22px;
    font-weight: 700
}

.billing-details .title::before {
    content: '';
    position: absolute;
    background: var(--main-color);
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px
}

.billing-details .form-group {
    margin-bottom: 25px
}

.billing-details .form-group label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
    font-family: var(--heading-font-family)
}

.billing-details .form-group label .required {
    color: red
}

.billing-details .form-group .form-control {
    height: 60px;
    padding: 15px 25px;
    line-height: initial;
    color: var(--paragraph-color);
    background-color: var(--white-color);
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 15px;
    font-weight: 400
}

.billing-details .form-group .form-control::-webkit-input-placeholder {
    color: #a4a4a4
}

.billing-details .form-group .form-control:-ms-input-placeholder {
    color: #a4a4a4
}

.billing-details .form-group .form-control::-ms-input-placeholder {
    color: #a4a4a4
}

.billing-details .form-group .form-control::placeholder {
    color: #a4a4a4
}

.billing-details .form-group textarea.form-control {
    height: 150px;
    padding: 15px;
    line-height: 1.5rem
}

.billing-details .form-cookies-consent {
    margin-bottom: 0
}

.billing-details .form-cookies-consent a {
    color: var(--main-color)
}

.billing-details .form-cookies-consent [type=checkbox]:checked,
.billing-details .form-cookies-consent [type=checkbox]:not(:checked) {
    display: none
}

.billing-details .form-cookies-consent [type=checkbox]:checked+label,
.billing-details .form-cookies-consent [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    color: #888;
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font-family)
}

.billing-details .form-cookies-consent [type=checkbox]:checked+label:before,
.billing-details .form-cookies-consent [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 25px;
    height: 25px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid #707070;
    border-radius: 5px;
    background: #eee
}

.billing-details .form-cookies-consent [type=checkbox]:checked+label:after,
.billing-details .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--main-color);
    position: absolute;
    top: 8.5px;
    left: 8px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 30px
}

.billing-details .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.billing-details .form-cookies-consent [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.billing-details .form-cookies-consent [type=checkbox]:hover+label:before {
    border-color: var(--main-color)
}

.billing-details .form-cookies-consent [type=checkbox]:checked+label:before {
    border-color: var(--main-color)
}

.billing-details .col-lg-12:last-child .form-group {
    margin-bottom: 0
}

.order-details .title {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 22px;
    font-weight: 700
}

.order-details .title::before {
    content: '';
    position: absolute;
    background: var(--main-color);
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px
}

.order-details .order-table {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    margin-top: 30px;
    padding: 30px;
    border-radius: 5px
}

.order-details .order-table table {
    margin-bottom: 0
}

.order-details .order-table table thead tr th {
    border-bottom-width: 0;
    vertical-align: middle;
    border-color: #eaedff;
    padding: 12px 20px 10px;
    white-space: nowrap;
    font-size: var(--font-size);
    font-weight: 500
}

.order-details .order-table table tbody tr td {
    vertical-align: middle;
    color: var(--paragraph-color);
    white-space: nowrap;
    border-color: #eaedff;
    font-size: 15px;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px
}

.order-details .order-table table tbody tr td.product-name a {
    display: inline-block
}

.order-details .order-table table tbody tr td.order-subtotal span,
.order-details .order-table table tbody tr td.order-shipping span,
.order-details .order-table table tbody tr td.total-price span {
    color: var(--black-color);
    font-size: var(--font-size);
    font-weight: 500
}

.order-details .order-table table tbody tr td.shipping-price,
.order-details .order-table table tbody tr td.order-subtotal-price,
.order-details .order-table table tbody tr td.product-subtotal {
    color: var(--black-color);
    font-weight: 500;
    font-size: var(--font-size)
}

.order-details .payment-box {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    margin-top: 30px;
    padding: 30px;
    border-radius: 5px
}

.order-details .payment-box .payment-method p {
    font-size: 15px
}

.order-details .payment-box .payment-method p [type=radio]:checked,
.order-details .payment-box .payment-method p [type=radio]:not(:checked) {
    display: none
}

.order-details .payment-box .payment-method p [type=radio]:checked+label,
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label {
    padding-left: 27px;
    cursor: pointer;
    display: block;
    color: var(--black-color);
    position: relative;
    margin-bottom: 8px;
    font-weight: 500
}

.order-details .payment-box .payment-method p [type=radio]:checked+label::before,
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: var(--white-color)
}

.order-details .payment-box .payment-method p [type=radio]:checked+label::after,
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--main-color);
    position: absolute;
    top: 7px;
    left: 3px;
    border-radius: 50%;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.order-details .payment-box .payment-method p [type=radio]:checked+label::after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.order-details .payment-box .default-btn {
    margin-top: 10px
}

.single-employer-item {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 25px;
    position: relative
}

.single-employer-item .company-logo {
    display: inline-block;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: var(--white-color);
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    margin-bottom: 25px;
    position: relative
}

.single-employer-item .company-logo img {
    width: auto;
    display: inline-block
}

.single-employer-item h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px
}

.single-employer-item h3 a {
    color: var(--black-color)
}

.single-employer-item span {
    font-size: 15px;
    color: #7d789b;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
    display: inline-block;
    margin-bottom: 12px
}

.single-employer-item span i {
    color: var(--main-color);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.single-employer-item p {
    margin-bottom: 0
}

.single-employer-item .employer-tag-list {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0
}

.single-employer-item .employer-tag-list li {
    list-style-type: none;
    display: inline-block;
    background-color: #fff4f3;
    color: #f81815;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-employer-item .employer-tag-list li:last-child {
    margin-right: 0
}

.single-employer-item .employer-tag-list li.urgent {
    background-color: #e8fff0;
    color: #00b441
}

.single-employer-item .employer-tag-list li.private {
    background-color: #ebf9ff;
    color: #00a6e5
}

.single-employer-item .employer-tag-list li:hover {
    background-color: var(--main-color);
    color: var(--white-color)
}

.single-employer-item .bookmark-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-employer-item .bookmark-btn i {
    font-size: 25px;
    color: var(--main-color)
}

.single-employer-item .hover-bookmark-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.single-employer-item .hover-bookmark-btn i {
    font-size: 25px;
    color: var(--main-color)
}

.single-employer-item:hover h3 a {
    color: var(--main-color)
}

.single-employer-item:hover .bookmark-btn {
    opacity: 0;
    visibility: hidden
}

.single-employer-item:hover .hover-bookmark-btn {
    opacity: 1;
    visibility: visible
}

.employer-more-item {
    display: none
}

.employers-details-desc .employers-desc-content {
    margin-bottom: 25px
}

.employers-details-desc .employers-desc-content h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px
}

.employers-details-desc .employers-desc-content p {
    margin-bottom: 0
}

.employers-details-desc .employers-desc-content .responsibilities-list {
    padding: 0;
    margin-bottom: 0
}

.employers-details-desc .employers-desc-content .responsibilities-list li {
    list-style-type: none;
    font-size: var(--font-size);
    color: #858585;
    font-weight: 400;
    margin-bottom: 5px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 25px
}

.employers-details-desc .employers-desc-content .responsibilities-list li:last-child {
    margin-bottom: 0
}

.employers-details-desc .employers-desc-content .responsibilities-list li i {
    color: var(--main-color);
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 1px
}

.employers-details-desc .employers-desc-comments-content {
    margin-top: 50px
}

.employers-details-desc .employers-desc-comments-content h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list {
    position: relative;
    padding-left: 105px;
    margin-top: 35px
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    max-width: 90px
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list h5 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list h5 span {
    display: inline-block;
    font-size: 14px;
    color: #a4a4a4;
    margin-left: 5px;
    font-weight: 400
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list p {
    margin-bottom: 0;
    font-size: 15px
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list .rating {
    position: absolute;
    right: 0;
    top: 0
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list .rating label {
    float: right;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0 2px
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list .rating label:before {
    content: "\2605";
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 27px;
    color: #ccc;
    line-height: 1
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list .rating input {
    display: none
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list .rating input:checked~label:before,
.employers-details-desc .employers-desc-comments-content .employers-comments-list .rating:not(:checked)>label:hover:before,
.employers-details-desc .employers-desc-comments-content .employers-comments-list .rating:not(:checked)>label:hover~label:before {
    color: #f6b500
}

.employers-details-desc .employers-desc-comments-content .employers-comments-list.children {
    margin-left: 50px
}

.employers-details-desc .employers-desc-leave-comment-content {
    margin-top: 50px
}

.employers-details-desc .employers-desc-leave-comment-content h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment {
    margin-top: 30px
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group {
    margin-bottom: 25px
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group .form-control {
    height: 65px;
    padding: 15px 25px;
    line-height: initial;
    color: var(--paragraph-color);
    background-color: var(--white-color);
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 15px;
    font-weight: 400
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group .form-control::-webkit-input-placeholder {
    color: #a4a4a4
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group .form-control:-ms-input-placeholder {
    color: #a4a4a4
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group .form-control::-ms-input-placeholder {
    color: #a4a4a4
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group .form-control::placeholder {
    color: #a4a4a4
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group .form-control:focus::placeholder {
    color: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-group textarea.form-control {
    height: 150px;
    padding: 15px;
    line-height: 1.5rem
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent {
    margin-bottom: 0
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent a {
    color: var(--main-color)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:checked,
.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:not(:checked) {
    display: none
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:checked+label,
.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    color: #888;
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font-family)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:checked+label:before,
.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 25px;
    height: 25px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid #707070;
    border-radius: 5px;
    background: #eee
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:checked+label:after,
.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--main-color);
    position: absolute;
    top: 8.5px;
    left: 8px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 30px
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:hover+label:before {
    border-color: var(--main-color)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment .form-cookies-consent [type=checkbox]:checked+label:before {
    border-color: var(--main-color)
}

.employers-details-desc .employers-desc-leave-comment-content .employers-leave-comment button {
    margin-top: 22px;
    border: none
}

.employers-details-desc .employers-desc-image {
    margin-top: 35px
}

.employers-details-desc .employers-desc-image img {
    border-radius: 5px
}

.employers-details-information {
    background-color: #f2fbff;
    padding: 35px;
    border-radius: 10px;
    margin-left: 20px
}

.employers-details-information .information-box {
    position: relative;
    padding-left: 100px
}

.employers-details-information .information-box .company-logo {
    display: inline-block;
    height: 82px;
    width: 82px;
    line-height: 82px;
    background-color: var(--white-color);
    text-align: center;
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    position: absolute;
    left: 0;
    top: 0
}

.employers-details-information .information-box .company-logo img {
    width: auto;
    display: inline-block
}

.employers-details-information .information-box h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--main-color)
}

.employers-details-information .information-box span {
    font-size: 14px;
    color: var(--paragraph-color);
    font-weight: 500;
    font-family: var(--heading-font-family)
}

.employers-details-information .information-list-box {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
    list-style-type: none
}

.employers-details-information .information-list-box li {
    border-bottom: 1px solid #d8f4ff;
    color: #888;
    font-size: var(--font-size);
    font-family: var(--heading-font-family);
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px
}

.employers-details-information .information-list-box li:first-child {
    border-top: 1px solid #d8f4ff
}

.employers-details-information .information-list-box li span {
    font-weight: 500;
    color: #2f4858;
    font-size: var(--font-size);
    font-family: var(--heading-font-family)
}

.employers-details-information .information-list-box a {
    color: #888
}

.employers-details-information .employers-details-btn-box {
    text-align: center;
    margin-top: 25px
}

.employers-details-information .employers-details-btn-box .default-btn {
    width: 100%
}

.widget-area {
    padding-left: 20px
}

.widget-area .widget {
    margin-bottom: 30px
}

.widget-area .widget:last-child {
    margin-bottom: 0
}

.widget-area .widget .widget-title {
    margin-bottom: 20px;
    position: relative;
    font-size: 25px;
    font-weight: 700;
    color: var(--main-color)
}

.widget-area .widget_search form {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 5px;
    padding: 5px 80px 5px 5px;
    position: relative
}

.widget-area .widget_search form .form-group {
    position: relative
}

.widget-area .widget_search form .form-group label {
    z-index: 1;
    display: block;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    color: var(--main-color);
    font-size: 20px;
    top: 24px;
    line-height: 1
}

.widget-area .widget_search form .form-group .form-control {
    height: 70px;
    display: inline-block;
    padding: 12px 15px 15px 50px;
    width: 100%;
    border: 1px solid #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 5px;
    color: var(--paragraph-color);
    font-size: var(--font-size);
    font-weight: 500;
    font-family: var(--heading-font-family);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.widget-area .widget_search form .form-group .form-control::-webkit-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.widget-area .widget_search form .form-group .form-control:-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.widget-area .widget_search form .form-group .form-control::-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.widget-area .widget_search form .form-group .form-control::placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--paragraph-color)
}

.widget-area .widget_search form .form-group .form-control:hover {
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: var(--white-color);
    border: 1px solid var(--main-color)
}

.widget-area .widget_search form .form-group .form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.widget-area .widget_search form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent
}

.widget-area .widget_search form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent
}

.widget-area .widget_search form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent
}

.widget-area .widget_search form .form-group .form-control:focus::placeholder {
    color: transparent
}

.widget-area .widget_search form .search-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: end
}

.widget-area .widget_search form .search-btn button {
    border: none;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 25px;
    text-align: center;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: var(--main-color);
    color: var(--white-color);
    border-radius: 5px
}

.widget-area .widget_search form .search-btn button:hover {
    background-color: var(--optional-color)
}

.widget-area .widget_aess_posts_thumb .item {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 5px
}

.widget-area .widget_aess_posts_thumb .item:last-child {
    margin-bottom: 0
}

.widget-area .widget_aess_posts_thumb .item .info {
    position: relative
}

.widget-area .widget_aess_posts_thumb .item .info h4 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 42px
}

.widget-area .widget_aess_posts_thumb .item .info h4::before {
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    border: 1px solid var(--black-color)
}

.widget-area .widget_aess_posts_thumb .item .info h4 a {
    display: inline-block;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--black-color)
}

.widget-area .widget_aess_posts_thumb .item .info h4 a:hover {
    color: var(--main-color)
}

.widget-area .widget_aess_posts_thumb .item .info span {
    font-size: var(--font-size);
    font-weight: 500;
    color: #a4a4a4;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 24px
}

.widget-area .widget_aess_posts_thumb .item .info span i {
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--main-color);
    font-size: var(--font-size)
}

.widget-area .widget_aess_posts_thumb .item .info .arrow-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.widget-area .widget_aess_posts_thumb .item .info .arrow-icon i {
    font-size: 25px;
    color: var(--main-color)
}

.widget-area .widget_aess_posts_thumb .item .info:hover .arrow-icon {
    opacity: 1;
    visibility: visible
}

.widget-area .widget_categories ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.widget-area .widget_categories ul li {
    margin-bottom: 12px;
    font-size: var(--font-size);
    font-weight: 600;
    font-family: var(--heading-font-family);
    display: inline-block;
    border: 1px solid #d5d5d5;
    padding: 18px 20px;
    width: 100%
}

.widget-area .widget_categories ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_categories ul li a {
    color: var(--black-color)
}

.widget-area .widget_categories ul li a:hover {
    color: var(--main-color)
}

.widget-area .widget_categories ul li span {
    float: right;
    color: #bcbcbc
}

.widget-area .tagcloud a {
    display: inline-block;
    background: #f9f9f9;
    color: var(--paragraph-color);
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    font-size: var(--font-size);
    margin-top: 8px;
    margin-right: 5px;
    font-family: var(--heading-font-family)
}

.widget-area .tagcloud a:hover,
.widget-area .tagcloud a:focus {
    color: var(--white-color);
    background-color: var(--main-color)
}

.widget-area .widget_author .author-box {
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 5px
}

.widget-area .widget_author .author-box a img {
    border-radius: 50%;
    margin-bottom: 20px;
    display: inline-block
}

.widget-area .widget_author .author-box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px
}

.widget-area .widget_author .author-box p {
    margin-bottom: 0
}

.widget-area .widget_author .author-box .author-social-links {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0
}

.widget-area .widget_author .author-box .author-social-links li {
    list-style-type: none;
    display: inline-block;
    margin-right: 20px
}

.widget-area .widget_author .author-box .author-social-links li:last-child {
    margin-right: 0
}

.widget-area .widget_author .author-box .author-social-links li a i {
    font-size: var(--font-size);
    color: var(--main-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.widget-area .widget_author .author-box .author-social-links li a i:hover {
    color: var(--optional-color)
}

.pagination-area {
    margin-top: 30px;
    text-align: center
}

.pagination-area .page-numbers {
    width: 40px;
    height: 40px;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    color: var(--paragraph-color);
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    line-height: 40px;
    position: relative;
    margin: 0 5px;
    font-size: var(--font-size);
    font-weight: 600
}

.pagination-area .page-numbers:hover,
.pagination-area .page-numbers.current {
    color: var(--white-color);
    background-color: var(--main-color)
}

.pagination-area .page-numbers i {
    position: relative;
    top: 1.5px
}

.pagination-area span {
    color: var(--paragraph-color);
    font-size: var(--font-size)
}

.go-top {
    position: fixed;
    cursor: pointer;
    bottom: -100px;
    right: 20px;
    color: var(--white-color);
    background-color: var(--optional-color);
    z-index: 4;
    width: 45px;
    text-align: center;
    height: 45px;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    overflow: hidden;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.go-top i {
    position: absolute;
    right: 0;
    left: 0;
    top: 45%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    text-align: center;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto
}

.go-top.active {
    opacity: 1;
    visibility: visible;
    bottom: 50px
}

.go-top:hover {
    background-color: var(--main-color);
    color: var(--white-color);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.aess-grid-sorting {
    margin-bottom: 40px
}

.aess-grid-sorting .result-count p {
    font-weight: 400
}

.aess-grid-sorting .result-count p .count {
    font-weight: 700;
    color: var(--black-color)
}

.aess-grid-sorting .ordering {
    text-align: right
}

.aess-grid-sorting .ordering .selectize-input {
    display: block;
    padding: 15px 20px;
    width: 100%;
    border: none;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 10px;
    color: #6f8ba4;
    font-size: var(--font-size);
    font-weight: 400 !important;
    font-family: var(--heading-font-family);
    overflow: inherit;
    text-align: start
}

.aess-grid-sorting .ordering .selectize-input:after {
    content: "\ea4e";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px !important;
    margin-top: 1px;
    font-size: 18px;
    width: unset;
    height: unset;
    border-style: unset;
    border-width: unset;
    border-color: #6f8ba4;
    font-family: remixicon;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.aess-grid-sorting .ordering .selectize-input>* {
    line-height: 1.5 !important
}

.aess-grid-sorting .ordering .selectize-input input {
    font-size: var(--font-size);
    line-height: 1.5 !important;
    font-weight: 500
}

.aess-grid-sorting .ordering .selectize-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 10px;
    text-align: start;
    font-weight: 400
}

.aess-grid-sorting .ordering .selectize-dropdown [data-selectable] {
    font-size: 15px;
    border-radius: 0;
    padding: 15px 20px;
    border-radius: 15px;
    text-align: start;
    font-weight: 400
}

.load-more-btn {
    margin-top: 15px;
    text-align: center
}