.progress-title p {
  color: #152037 !important;
}
.progress-title h4 {
  color: #152037 !important;
}

.progress-bar {
  background-color: #152037 !important;
}

#google_translate_element .goog-te-gadget {
    font-size: 0px !important;
}

#google_translate_element .VIpgJd-ZVi9od-l4eHX-hSRGPd, #google_translate_element .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, #google_translate_element .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited, #google_translate_element .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, #google_translate_element .VIpgJd-ZVi9od-l4eHX-hSRGPd:active{
    display: none;
}

#google_translate_element select.goog-te-combo {
    border: 0;
    color: #fff;
    margin-left: -23px;
}

#google_translate_element select.goog-te-combo option{
    color: #000;
}

.skiptranslate iframe {
    display: none;
}

body{
    top: 0px !important;
}

@media(max-width:481px){
    #google_translate_element select.goog-te-combo {
        border: 0;
        color: var(--gray-700);
        font-size: 14px;
        margin-left: 0;
    }
} 
 
 
 
 @font-face {
     font-family: 'gymkhana-bk';
     src: url('../fonts/gymkhana-bk.otf');
}
 ::-webkit-scrollbar {
     width: 8px;
}
 ::-webkit-scrollbar-thumb {
     border-radius: 50px;
     background-color:#0a66c2;
}
 ::-webkit-scrollbar-track {
     background-color: #000;
}
 ::selection {
     background-color: #000;
     color: #fff;
}
 *{
     padding: 0;
     margin: 0;
     box-sizing: border-box;
}
 body{
     font-family: 'Poppins', sans-serif;
     background: #f3f2ee;
}
 h1,h2,h3,h4,h5,h6{
     font-family: gymkhana-bk!important;
}
 p{
     margin:0!important;
}
 a,button,ul,ol,li,p,h1,h2,h3,h4,h5,h6{
     padding: 0;
     margin: 0;
}
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{
     appearance: none;
}
 input[type="number"]{
     -moz-appearance: textfield;
}
 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #9fa3b1;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: #9fa3b1;
}
 :-ms-input-placeholder {
    /* IE 10+ */
     color: #9fa3b1;
}
 body{
     background: #f3f2ee;
}
.job-details-title-box {
    position: unset;
}
 .breadcrumbs-height{
     margin-top: 70px;
}
 .round-btn{
     width: 44px;
     height: 44px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 0;
     border: none;
     outline: none;
     box-shadow: none;
     background-color: transparent;
     text-decoration: none;
     color: #0a66c2 !important;
     background-color: #fff;
     border-radius: 100px;
     font-size: 20px;
     font-weight: 600;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     cursor: pointer;
     transition: .3s;
}
 #home-banner{
     background-image: url('banner.jpg');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     margin-top: 70px;
}
 .banner-des{
     padding: 100px 50px;
}
 .banner-des h1{
     color: #fff;
     text-align: center;
     font-weight: 600;
     font-size: 50px;
     line-height: 64px;
     font-family:gymkhana-bk;
}
 .wrapper{
     position: relative;
     margin: 50px auto;
     width: 90%;
}
 .wrapper .search_box {
    /*width: 100%;
     background: #fff;
     border-radius: 5px;
     height: 65px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 10px 10px 10px 30px;
     box-shadow: 0 8px 6px -10px #b3c6ff;
    */
     width: 100%;
     background: #fff;
     border-radius: 5px;
     height: 65px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 10px 10px 10px 30px;
     box-shadow: 0 8px 6px -10px #b3c6ff;
     margin: 0 auto;
}
 .wrapper .search_box .input_flex{
     display: flex;
     align-items: center;
     position: relative;
}
 .wrapper .search_box input{
     width: 100%;
     border: none;
     outline: none;
     font-size: 14px;
     font-weight: 300;
     color: #9199a3!important;
     border-bottom: 1px solid #ddd;
     padding: 0;
     border-radius: 0;
}
 .wrapper .search_box input::placeholder{
     font-size:12px;
}
 .wrapper .search_box .input_select select {
     border: none;
     font-size: 14px;
     color: #464d61;
     border-bottom: 1px solid #ddd;
     font-weight: 300;
}
 .wrapper .search_box .input_select{
     display: flex;
     align-items: center;
     position: relative;
}
 .wrapper .search_box .fromGroup .wrapper .search_box .input_select select{
     border: none;
     font-size: 16px;
     color: #464d61;
     width: 200px;
     border-bottom: 1px solid #ddd;
     font-weight: 300;
     border-radius: 0;
     background-image: none;
}
 .wrapper .search_box i{
     color: #464d61;
     font-size: 18px;
     margin-right: 15px;
     margin-top: 0px;
}
 .wrapper .search_box .icon-badge{
     color: #464d61;
     font-size: 18px;
     margin-right: 15px;
}
 .wrapper .search_box .icon-badge svg{
     width: 20px;
     height:20px;
}
 .wrapper .search_box .icon-badge svg path {
     stroke: #464d61;
}
 .wrapper .search_box .fromGroup {
     padding: 0;
     border: none;
}
 .wrapper .search_box button{
     background: #fcac34;
     border: none;
     outline: none;
     color: #fff;
     font-size: 14px;
     border-radius: 2px;
     width: 15%;
     font-weight: 600;
     height: 50px;
     margin-left: 20px;
}
 .form-select:focus{
     box-shadow: none;
}
 .wrapper .search_box button.auto-clear{
     display:none;
}
 .wrapper .search_box input::placeholder{
     font-weight:400;
}
 .banner-quciks-links a{
     color:#fff!important;
}
 #body-main{
     padding: 40px 0 80px;
     background: #f3f2ee;
}
 .employer-box{
     background-color: #fff;
     padding: 10px;
     border-radius: 6px;
}
 .employer-box h2{
     font-size: 24px;
     font-weight: 700;
     margin-bottom: 30px;
     line-height: 0;
     margin-top: 20px;
}
 .employer-box .box-flex{
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
}
 .employer-box .box-flex a:hover{
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
 .employer-box .box-flex a{
     width: 12%;
     text-align: center;
     border: 1px solid #ddd;
     margin: 10px 15px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
}
 .employer-box .box-flex img{
     width: 50px;
     padding: 5px;
}
 .tabs-box{
     background-color: #fff;
     margin-top: 20px;
     padding: 20px;
     border-radius: 6px;
}
 .tabs-box ul.tabs {
     margin: 0px 0px 20px 0px;
     padding: 0px;
     list-style: none;
}
 .tabs-box ul.tabs li {
     background: none;
     color: #000;
     display: inline-block;
     padding: 0.5rem 2rem;
     font-weight: 500;
     border: 2px solid #ddd;
     cursor: pointer;
     margin-right: 10px;
     font-size: 12px;
     font-family: gymkhana-bk;
     text-transform: uppercase;
}
 .tabs-box ul.tabs li.current {
     background: transparent;
     padding: 0.5rem 2rem;
     color: #0a67d5;
     border: 2px solid #0a67d5;
}
 .tabs-box .tab-content {
     display: none;
}
 .tabs-box .tab-content.current {
     display: inherit;
}
 .tabs-box .tab-content .points ul{
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
}
 .tabs-box .tab-content .points ul li{
     list-style: none;
     line-height: 25px;
     width: 33%;
}
 .tabs-box .tab-content .points ul li a{
     color: #000;
     font-size: 12px;
     text-decoration: none;
}
 .home-blog{
     padding: 40px 0;
}
 .home-blog .head{
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .home-blog .head h2{
     font-size: 24px;
     font-weight: 700;
}
 .home-blog .head a{
     text-decoration: none;
     color: #000;
     font-size: 14px;
}
 .home-blog .h-100{
     height: 100%;
     padding: 10px 0;
}
 .home-blog .h-100 a{
     text-decoration: none;
     color: #000;
}
 .home-blog .card:hover{
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
 .home-blog .card{
     height: 100%;
     text-align: center;
}
 .home-blog .card .card-body {
     padding: 10px;
}
 .home-blog .card h5{
     font-size: 16px;
     font-weight: 500;
}
 .home-blog .card p{
     font-size: 12px;
     padding: 5px 0;
     font-weight: 500;
}
 .latest-box a{
     text-decoration: none;
     color: #000;
}
 .latest-box .box:hover{
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
 .latest-box .box{
     background-color: #fff;
     padding: 10px 15px 20px 15px;
     border-radius: 10px;
     margin-bottom: 20px;
}
 .latest-box .box .auth-box2 input{
     height:30px;
     font-size: 14px;
}
 .latest-box .box .auth-box2 input::placeholder{
     font-size: 14px;
}
 .single-box .has-badge i, .fromGroup .has-badge i {
     font-size: 18px!important;
}
 input#term{
     height: 20px;
     font-size: 14px;
}
 #submitButton{
     width: 100%!important;
     border: none!important;
     height: 35px!important;
     background: #0a66c2!important;
     font-size: 14px;
     padding: 0;
}
 #submitButton2{
     width: 100%!important;
     border: none!important;
     border: 2px solid #0a66c2!important;
     height: 35px!important;
     background: transparent!important;
     font-size: 14px;
}
 .latest-box .box .custom-flex{
     display: flex;
     align-items: center;
     margin-bottom: 20px;
}
 .latest-box .box .custom-flex h5{
     padding-left: 10px;
     font-weight: 600;
     font-size: 18px;
}
 .latest-box h2{
     font-size: 24px;
     font-weight: 700;
     margin-bottom: 20px;
}
 .latest-box .box img{
     width: 40px;
}
 .latest-box .box .custom-flex1 p{
     font-size: 11px;
     padding-right: 10px;
     color: #9199a3;
     width: 42%;
     text-align: start;
}
 .latest-box .box .custom-flex1 p i{
     margin-right: 2px;
     font-size: 12px;
}
 .latest-box .box .custom-flex1{
     display: flex;
     align-items: center;
     justify-content: end;
     width: 100%;
     margin-bottom: 15px;
     text-align: end;
}
 #footer{
     background-color: #0a66c2;
     position: relative;
    /* margin-top: 80px;
    */
}
 #footer .foter-top{
     padding: 100px 200px 0px 300px;
}
 #footer .links h4{
     color: #fff;
     font-size: 16px;
     margin-bottom: 10px;
     font-weight: 400;
     text-transform:uppercase;
}
 #footer .links ul{
     margin: 0;
     padding: 0;
}
 #footer .links ul li{
     list-style: none;
     line-height: 24px;
}
 #footer .links ul li a{
     text-decoration: none;
     color: #ffffffbf;
     font-size: 12px;
     font-weight: 300;
}
 #footer .social-icons h4{
     color: #fff;
     font-size: 12px;
     margin-bottom: 10px;
     font-weight: 400;
}
 .copyright{
     margin-top: 30px;
     margin-bottom: 10px;
}
 .copyright p{
     color: #fff;
     font-size: 12px;
}
 #newsleter{
     position: absolute;
     top: -60px;
     left: 0;
     right: 0;
}
 #newsleter .mail-box{
     background-color: #23b715;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 20px;
     width: 80%;
     margin: 0 auto;
     border-radius: 10px;
}
 #newsleter .mail-box h5{
     color: #fff;
     width: 50%;
     font-size: 18px;
     font-weight: 600;
     line-height: 25px;
}
 #newsleter .mail-box .fromGroup{
     display: flex;
}
 #newsleter .mail-box input{
     border: none;
     outline: none;
     background-color: #fff;
     width: 100%;
     height: 40px;
     padding: 0 10px;
     font-size: 14px;
     margin-right: 10px;
     color:#000;
}
 .conver-link1 {
     height: 25px;
     width: 25px;
     border-radius: 50%;
     background-color: #1877f2;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
}
 .conver-link2 {
     height: 25px;
     width: 25px;
     border-radius: 50%;
     background-color: #01b3e2;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     margin-left:10px;
}
 .conver-link3 {
     height: 25px;
     width: 25px;
     border-radius: 50%;
     background-color: #f00075;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     margin-left:10px;
}
 .conver-link4 {
     height: 25px;
     width: 25px;
     border-radius: 50%;
     background-color: #ff0000;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     margin-left:10px;
}
 .conver-link5 {
     height: 25px;
     width: 25px;
     border-radius: 50%;
     background-color: #e60023;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     margin-left:10px;
}
 .tw-space-x-2 a{
     color: #fff;
}
 .tw-space-x-2 a i{
     font-size: 14px;
}
 input[type=radio].switcher-toggle+label {
     cursor: pointer;
     position: relative;
     z-index: 999;
     font-weight: 400;
}
 button.newsButton{
     width: 50px;
     font-size: 20px;
}
 .leaflet-container.leaflet-touch-drag{
     z-index: 9!important;
}
 .latest-box .box .auth-box2 input[type=radio].switcher-toggle:checked+label span{
     color: #000!important;
}
 .auth-box2 input[type=radio].switcher-toggle:checked+label span{
     color: #fff!important;
}
 header.site-header.r-z.rt-fixed-top{
     z-index: 111!important;
}
 .auth-right-sidebar{
     z-index: 9999!important;
}
 .pricing-options .pay-per-job p{
     margin-bottom: 15px!important;
}
 .single-price-table.active{
     margin-top: 20px;
}
 #load-more-button{
     width: auto!important;
}
 .benefits {
     margin-bottom: 50px!important;
}
 #formId .switcher-container{
     margin-top: 10px;
}
 @media (min-width: 320px) and (max-width: 480px) {
     .plans h5{
         font-size: 18px;
         text-align: center;
    }
     .plans h4{
         font-size: 18px;
         text-align: center;
    }
     .plans .custom-btn img{
         width: 150px!important;
    }
     .full-height{
         padding-top: 20px!important;
    }
     .wrapper .search_box input{
         border-bottom:none;
    }
     .wrapper .search_box .input_flex{
         border-bottom: 1px solid #ddd;
    }
     .wrapper .search_box .fromGroup{
         border-bottom: 1px solid #ddd;
    }
     .wrapper .search_box .input_select {
         display: flex;
         align-items: center;
         position: relative;
         border-bottom: 1px solid #ddd;
    }
     #footer .links h4{
         font-size: 14px;
    }
     #footer .social-icons h4{
         font-size: 12px;
         margin-bottom: 10px;
         line-height: 20px;
    }
     .copyright p {
         color: #fff;
         font-size: 12px;
         text-align: center;
    }
     #newsleter {
         position: absolute;
         top: -90px;
         left: 0;
         right: 0;
    }
     .banner-des {
         padding: 50px 10px;
    }
     .banner-des h1 {
         color: #fff;
         text-align: center;
         font-weight: 600;
         font-size: 20px;
         line-height: 25px;
    }
     .tabs-box ul.tabs li {
         background: none;
         color: #000;
         display: inline-block;
         padding: 0.5rem 0.5rem;
         font-weight: 500;
         border: 2px solid #ddd;
         cursor: pointer;
         margin-right: 0px;
         font-size: 8px;
    }
     .tabs-box .tab-content .points ul li a {
         color: #000;
         font-size: 10px;
         text-decoration: none;
    }
     .tabs-box .tab-content .points ul li {
         list-style: none;
         line-height: 18px;
         width: 100%;
    }
     .tabs-box ul.tabs li.current{
         padding: 0.5rem 0.5rem;
    }
     .employer-box .box-flex a {
         width: 22%;
         text-align: center;
         border: 1px solid #ddd;
         margin: 10px 10px;
    }
     .wrapper .search_box{
         display: block;
         height: unset;
         padding: 20px 10px 10px 10px;
    }
     .wrapper .search_box button{
         width: 100%;
         margin: 0;
    }
     .wrapper .search_box .input_flex{
         margin-bottom: 10px;
    }
     .wrapper .search_box .input_select{
         margin-bottom: 10px;
    }
     #newsleter .mail-box{
         display: block;
         width: 100%;
         text-align: center;
    }
     #newsleter .mail-box h5 {
         color: #fff;
         width: 100%;
         font-size: 16px;
         margin-bottom: 10px;
    }
     #newsleter .mail-box input {
         border: none;
         outline: none;
         background-color: #fff;
         width: 100%;
         height: 40px;
         padding: 0 10px;
    }
     .n-header--top__right .dropdown-toggle {
         white-space: nowrap;
         font-size: 14px;
         padding: 8px 20px;
    }
     .social-icons{
         margin-top:10px;
    }
     #footer .foter-top {
         padding: 100px 0px 0px 0px;
    }
     #footer {
         background-color: #0a66c2;
         position: relative;
         margin-top: 100px;
    }
     #footer .links{
         margin-top: 20px;
    }
     .wrapper .search_box .input_select select{
         width: 100%;
    }
     .wrapper .search_box .input_select select {
         border: none;
         font-size: 13px;
         color: #464d61;
         border-bottom: none;
         font-weight: 300;
         padding: 0;
    }
     input[type=radio].switcher-toggle+label {
         cursor: pointer;
         min-width: 160px;
         position: relative;
         z-index: 999;
         width: 100%;
         text-align: center;
    }
    #filtersModal .modal-dialog{
        margin: 0!important;
    }
    #filtersModal button{
        font-size: 12px!important;
        padding: 8px!important;
    }
    #filtersModal .noUi-tooltip{
        font-size: 10px!important;
    }
}
 @media (min-width: 481px) and (max-width: 768px) {
     .banner-des {
         padding: 50px 10px;
    }
     .banner-des h1 {
         color: #fff;
         text-align: center;
         font-weight: 600;
         font-size: 24px;
         line-height: 34px;
    }
     .tabs-box ul.tabs li {
         background: none;
         color: #000;
         display: inline-block;
         padding: 0.5rem 0.5rem;
         font-weight: 500;
         border: 2px solid #ddd;
         cursor: pointer;
         margin-right: 0px;
         font-size: 11px;
    }
     .tabs-box ul.tabs li.current{
         padding: 0.5rem 0.5rem;
    }
     .employer-box .box-flex a {
         width: 22%;
         text-align: center;
         border: 1px solid #ddd;
         margin: 10px 5px;
    }
     .wrapper .search_box{
         display: block;
         height: unset;
         padding: 20px 20px 10px 20px;
    }
     .wrapper .search_box button{
         width: 100%;
    }
     .wrapper .search_box .input_flex{
         margin-bottom: 10px;
    }
     .wrapper .search_box .input_select{
         margin-bottom: 10px;
    }
     .wrapper .search_box .input_select select {
         border: none;
         font-size: 16px;
         color: #464d61;
         width: 200px;
         border-bottom: 1px solid #ddd;
         font-weight: 300;
         background-image: none!important;
    }
     .search_box .input_select select{
         border:none!important;
    }
     .wrapper .search_box .input_select select {
         border: none;
         font-size: 16px;
         color: #464d61;
         width: 100%;
         border-bottom: 1px solid #ddd;
         font-weight: 300;
    }
     #newsleter .mail-box{
         display: block;
         width: 100%;
         text-align: center;
    }
     #newsleter .mail-box h5 {
         color: #fff;
         width: 100%;
         font-size: 16px;
         margin-bottom: 10px;
    }
     #newsleter .mail-box input {
         border: none;
         outline: none;
         background-color: #fff;
         width: 100%;
         height: 40px;
         padding: 0 10px;
    }
     .n-header--top__right .dropdown-toggle {
         white-space: nowrap;
         font-size: 14px;
    }
     .social-icons{
         margin-top:0px;
    }
     #footer .social-icons h4{
         font-size: 12px;
    }
     #footer .foter-top {
         padding: 100px 50px 0px 100px;
    }
     #footer {
         background-color: #0a66c2;
         position: relative;
         margin-top: 100px;
    }
     #footer .links{
         margin-top: 0px;
    }
     .latest-box .box .custom-flex h5 {
         padding-left: 10px;
         font-weight: 600;
         font-size: 14px;
    }
     .latest-box .box .custom-flex1 p {
         font-size: 7px;
         padding-right: 10px;
         color: #9199a3;
         width: 50%;
         text-align: start;
    }
     .tabs-box .tab-content .points ul li a {
         color: #000;
         font-size: 10px;
         text-decoration: none;
    }
     .tabs-box .tab-content .points ul li {
         list-style: none;
         line-height: 15px;
    }
     .latest-box .box .custom-flex1 {
         display: flex;
         align-items: center;
         justify-content: end;
         width: 100%;
         margin-bottom: 5px;
         text-align: end;
    }
}
 @media (min-width: 769px) and (max-width: 1024px){
     #footer .foter-top {
         padding: 100px 100px 0px 200px;
    }
     #footer .social-icons h4{
         font-size: 14px;
    }
     .banner-des h1 {
         color: #fff;
         text-align: center;
         font-weight: 600;
         font-size: 44px;
    }
     #newsleter .mail-box h5 {
         color: #fff;
         width: 60%;
         font-size: 18px;
         font-weight: 600;
         line-height: 25px;
    }
     .wrapper .search_box button {
         background: #fcac34;
         border: none;
         outline: none;
         color: #fff;
         font-size: 16px;
         border-radius: 2px;
         width: 20%;
         font-weight: 600;
         height: 50px;
    }
     .latest-box .box .custom-flex1 p {
         font-size: 8px;
         padding-right: 10px;
         color: #9199a3;
         width: 42%;
         text-align: start;
    }
     .latest-box .box .custom-flex1 p i {
         margin-right: 2px;
         font-size: 10px;
    }
     .latest-box .box .custom-flex {
         display: flex;
         align-items: center;
         margin-bottom: 5px;
    }
     .home-blog .card h5 {
         font-size: 14px;
         font-weight: 500;
    }
     .tabs-box .tab-content .points ul li a {
         color: #000;
         font-size: 12px;
         text-decoration: none;
    }
     .tabs-box .tab-content .points ul li {
         list-style: none;
         line-height: 26px;
    }
}
 @media (min-width: 1025px) and (max-width: 1200px){
     #footer .foter-top {
         padding: 100px 200px 0px 300px;
    }
     #footer .social-icons h4 {
         font-size: 14px;
    }
}
 .btn-check:focus+.btn, .btn:focus {
     outline: 0;
     box-shadow: none;
}
/* / ======================== Header Area ======================== / */
 header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     background-color: #0a66c2 !important;
     transition: .5s ease;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     z-index: 997;
}
 header.active {
     background-color: #fff;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
 header .header {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 header .header .logo img {
     width: 140px;
     padding: 5px 0;
}
 header .header .logo img.logo-img-1 {
     display: block;
}
 header .header .logo img.logo-img-2 {
     display: none;
}
 header.active .header .logo img.logo-img-1 {
     display: none;
}
 header.active .header .logo img.logo-img-2 {
     display: block;
}
 header .header .navs>ul {
     padding: 0 0px 0px 100px;
     margin: 0 
}
 header .header .navs>ul>li {
     position: relative;
     display: inline-block;
}
 header .header .navs>ul>li>a {
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     font-size: 14px;
     color: #fff;
     padding: 25px 5px;
     margin: 0 10px;
     cursor: pointer;
}
 header .header .navs>ul>li:hover>a {
     color: #fff;
}
 header .header .navs>ul>li>a.down-arrow::after {
     content: '\f107';
     font-family: "Font Awesome 5 Pro";
     line-height: 1.0;
     display: inline-block;
     margin-left: 5px;
     transition: .3s;
     font-weight: 300;
}
 header .header .navs>ul>li:hover>a.down-arrow::after {
    /*transform: rotate(180deg);
    */
}
 header.active .header .navs>ul>li>a, header.active .header .navs>ul>li>a:hover {
     color: #fff;
}
 header .header .navs .sub-menu {
     position: absolute;
     top: 100%;
     width: 200px;
     pointer-events: none;
     opacity: 0;
     transition: opacity .5s ease-in-out;
}
 header .header .navs>ul>li:hover>.sub-menu {
     pointer-events: all;
     opacity: 1;
}
 header .header .navs .sub-menu>ul {
     background-color: #fff;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     border-radius: 8px;
     padding: 10px 10px;
}
 header .header .navs .sub-menu>ul>li {
     display: block;
}
 header .header .navs .sub-menu>ul>li>a {
     text-decoration: none;
     display: block;
     font-size: 12px;
     font-weight: 400;
     letter-spacing: .005em;
     color: #000;
     padding: 4px 5px;
     transition: .1s;
}
 header .header .navs .sub-menu>ul>li>a:hover {
     color: #000;
}
 header .header .btns-box {
     display: flex;
     align-items: center;
}
 header .header .btns-box .request-btn {
     padding: 0 15px 0 20px;
}
 @media screen and (max-width: 1199px) {
     header {
         padding: 10px 0;
    }
     header .header .navs {
         display: none;
    }
     header .header .btns-box .contact-btn {
         display: none;
    }
     header .header .btns-box {
         margin-left: auto;
         display: none;
    }
     .mobile-none {
         display: none;
    }
}
 @media screen and (max-width: 575px) {
     header {
         padding: 15px 0;
    }
     header .header .logo img {
         width: 100px;
    }
     header .header .btns-box {
         display: block;
         margin-right: 15px;
    }
     header .header .round-btn {
         width: 40px;
         height: 40px;
         font-size: 18px;
    }
     header .header .btns-box .request-btn .btn-1 {
         display: none;
    }
}
/* / ======================== End Header Area ======================== / */
/* / ======================== Side-Menu Area ======================== / */
 .side-menu-area::-webkit-scrollbar {
     display: none;
}
 .side-menu-area {
     scrollbar-width: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 999;
     width: 100vw;
     height: 100vh;
     overflow: hidden;
     pointer-events: none;
}
 .side-menu-area.active {
     pointer-events: all;
}
 .side-menu-area .overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     background-color: rgba(0, 0, 0, 0.2);
     opacity: 0;
     transition: .5s ease;
}
 .side-menu-area.active .overlay {
     opacity: 1;
}
 .side-menu-area .side-menu-box {
     scrollbar-width: none;
     width: 280px;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     background-color: #fff;
     overflow: auto;
     transform: translateX(-150%);
     transition: .8s;
}
 .side-menu-area.active .side-menu-box {
     transform: translateX(0%);
}
 .side-menu-area .side-menu-box::-webkit-scrollbar {
     display: none;
}
 .side-menu-area .side-menu-box .side-menu {
     width: 100%;
     min-height: 100%;
     display: flex;
     flex-direction: column;
}
 .side-menu .header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     border-bottom: 2px solid #eee;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     padding: 12px 0 6px;
}
 .side-menu .header .logo img {
     width: 180px;
}
 .side-menu .header .close-btn button {
     border: none;
     outline: none;
     background-color: transparent;
     padding: 10px 20px;
}
 .side-menu .navs {
     padding: 25px 25px 10px;
}
 .custom-lang{
     padding-left: 20px;
}
 .contact-info a{
     text-decoration: none;
}
 .contact-info svg{
     width: 20px;
}
 .side-menu .navs ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .side-menu .navs>ul>li:not(:last-child) {
     border-bottom: 1px solid #eee;
}
 .side-menu .navs>ul>li>a {
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-weight: 400;
     color: #000;
     padding: 8px 0;
     cursor: pointer;
     font-size: 14px;
}
 .side-menu .navs>ul>li>a.active, .side-menu .navs>ul>li>a:hover {
     color: #000;
}
 .side-menu .navs>ul>li>a.down-arrow::after {
     content: '\f107';
     font-family: "Font Awesome 5 Pro";
     line-height: 1.0;
     display: inline-block;
     margin-left: 5px;
     transition: .3s;
}
 .side-menu .navs>ul>li>a.active.down-arrow::after {
     transform: rotate(180deg);
}
 .side-menu .navs>ul>li>.sub-menu {
     display: none;
     padding-left: 10px;
     padding-bottom: 10px;
}
 .side-menu .navs .sub-menu>ul>li a {
     text-decoration: none;
     display: block;
     font-size: 14px;
     font-weight: 400;
     color: #000;
     padding: 4px 0;
}
 .side-menu .navs .sub-menu>ul>li a:hover {
     color: #fff;
}
 .side-menu .request-btn {
     text-align: center;
     margin-left: -15px;
     margin-bottom: 40px;
     margin-top: auto;
}
 header .dropdown button, .dropdown .lang-dropdown-item a {
     color: #fff;
     font-size: 12px;
     padding: 0 10px;
}
 header .text-gray-900 {
     color: #fff !important;
}
 header .n-header--top__right a {
     font-size: 12px;
}
 header .btn:hover {
     color: #fff;
}
 .breadcrumbs{
     margin-top: 72px;
}
 .dashboard-wrapper{
     margin-top: 100px;
}
 .side-menu-box .custom-drop{
     padding: 5px 50px!important;
}
 .site-header .main-header{
     background-color: transparent!important;
}
 .site-header.auth-header .main-header .navbar {
     padding: 15px 0!important;
}
 .site-header.r-z.rt-fixed-top{
     padding: 0!important;
}
 .single-job-content{
     margin-bottom: 100px;
}
 .side-menu-box .side-menu .dropdown-menu{
     font-size: 10px;
     padding: 4px 10px!important;
     overflow-y: scroll;
     height: 150px!important;
     margin: 0 20px!important;
}
 .side-menu-box .side-menu .dropdown-menu .dropdown-item{
     font-size: 10px;
     padding: 6px 15px!important;
}
 .side-menu-box .n-header--top__right .custom-btn{
     margin-left: 30px;
}
/* / ======================== End Side-Menu Area ======================== / */
 .location-flex{
     display: block;
     align-items: center;
     justify-content: center;
     width: 80%;
     text-align: center;
     margin: 0 auto;
}
 .location-flex input{
     width: 100%;
     padding: 10px;
     margin-right: 10px;
}
 .location-flex button{
     background: #fcac34;
     border: none;
     outline: none;
     color: #fff;
     font-size: 14px;
     border-radius: 2px;
     width: 30%;
     font-weight: 600;
     height: 45px;
}
 .location-flex form {
     display:flex;
     align-items: center;
}
 .switcher-container{
     position: relative;
     z-index: 9;
}
 .latest-box .box .auth-box2 input[type=radio].switcher-toggle+label:after{
     background: transparent;
     box-shadow: none;
     border: 1px solid #ddd;
     color: #000;
}
 input[type=radio].switcher-toggle:checked+label span {
     color: #000!important;
     position: relative;
     z-index: 999;
     font-weight: 400;
}
 .latest-box .box .auth-box2 h4{
     font-size: 24px;
     font-weight: 700;
}
 @media(max-width: 481px){
     .wrapper .search_box .fromGroup {
         width: 100%;
         margin: 0;
    }
     .wrapper .search_box i {
         color: #464d61;
         font-size: 18px;
         margin-right: 15px;
         margin-top: 0;
    }
     .tabs-box .tab-content .points ul{
         display: block;
         column-count: 2;
    }
     .location-flex form {
         display: block;
    }
     .location-flex button{
         width: 100%;
         margin-top: 10px;
    }
    /*#body-main > .reverse-row{
         flex-direction: column-reverse !important;
    }
    */
     .iconbox-content header{
         position: unset;
         background-color: transparent!important;
         width: 100%;
         box-shadow: unset;
    }
     .custom-btn .buy-btn{
         margin-bottom: 40px;
    }
     .custom-btn .buy-btn a{
         background: #0a66c2;
         color: #fff;
    }
     .pricing-area .price-header h6{
         background: #0a66c2;
         color: #fff;
         padding: 10px;
         text-align: center;
         border-radius: 10px;
         width: max-content;
         margin: 0 auto 20px;
    }
     .ll-invoice-head .ll-invoice-logo img {
         width: 100%;
         max-width: 100%;
    }
     .ll-invoice-info_right {
         top: -19px;
         right: -46px;
    }
     .ll-invoice-logo img{
         width: 100%;
    }
     .price_card_plan_detail ul.rt-list li {
         margin: 10px 0;
    }
     .price_card_plan_detail .price-header {
        margin-bottom: 20px;
    }
    }
     @media (min-width: 320px) and (max-width: 767px) {
     header .header .btns-box {
         display: none;
    }
    #nav-profile .card-body {
    padding: 10px 10px !important;
    }
        #nav-profile .post-info2 .tw-flex {
        flex-direction: column;
    }
    #nav-profile .post-info2 .tw-flex {
        flex-direction: column;
        align-items: flex-start;
    }
    #nav-profile .iconbox-extra a {
        font-size: 12px;
        padding: 0px 0px;
        background-color: transparent;
        border: none;
    }
    #nav-profile .iconbox-extra {
    width: auto !important;
    }
    #nav-profile .post-info2 span.info-tools {
        display: flex !important;
        align-items: flex-start;
    }
    #nav-profile .iconbox-extra {
        width: auto !important;
    }
    .blog-post .entry-header {
    padding: 0 0;
    }
    .blog-primary-image img {
    height: auto;
    }
    .dashboard-right {
    overflow-x: auto;
    padding: 0 0 !important;
    }
    .job-details-title-box-card button.btn {
    padding: 10px 15px !important;
}
}
 @media (min-width: 768px) and (max-width: 1025px) {
    .site-header .brand-logo img {
    max-width: 200px !important;
}
    #formId .switcher-container {
    margin-top: 10px;
    flex-direction: column;
}
.form-check.from-chekbox-custom {
    font-size: 10px;
}
}

@media (min-width: 768px) {

}

 @media (min-width: 1025px) { 
 .wrapper .search_box .fromGroup {
     width: 30%;
     margin-left: 20px;
}
}