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



/***** General CSS *****/



body {

    word-break: break-word;

    font: 15px/25px 'Poppins', sans-serif;

    color: #393939;

    overflow-x: hidden;

}



a {

    text-decoration: none;

    color: #28b16d;

    white-space: initial;

}



a:hover,

a:focus {

    text-decoration: none;

    color: #393939;

}



a:hover {

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

}



img {

    max-width: 100%;

}



input[type="text"]:focus,

textarea:focus,

input[type="password"]:focus,

select:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus {

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    outline: none;

}



select,

input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="number"],

textarea,

input[type="tel"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



ul {

    margin: 0 0 20px;

    padding: 0;

    list-style-type: none;

}



p {

    font-weight: 500;

    line-height: 30px;

    font-size: 16px;

    margin-bottom: 20px;

}





/***** Font Files *****/



@font-face {

    font-family: 'Fonts Awesome';

    src: url(../fonts/fontawesome-webfont.eot);

    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");

    font-weight: 400;

    font-style: normal

}





/***** Custom Classes *****/



.noPadding {

    padding: 0;

}



.noLeft {

    padding-left: 0;

}



.noRight {

    padding-right: 0;

}



.centerCol {

    float: none;

    margin: 0 auto;

}



.pt_8 {

    padding-top: 80px;

}



.pb_8 {

    padding-bottom: 80px;

}



.py_8 {

    padding: 80px 0px;

}



.theme_btn {

    padding: 11px 17px !important;

    border: unset;

    border-radius: 0px;

    color: #ffffff !important;

    z-index: 1;

    background: #3e9138;

    position: relative;

    font-size: 16px !important;

    overflow: hidden;

    display: inline-block !important;

    text-transform: uppercase;

}



.theme_btn::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 0;

    border-radius: 0px;

    background-color: #000000;

    z-index: -1;

    transition: all 250ms

}



.theme_btn:hover {

    color: #000000;

}



.theme_btn:hover::before {

    width: 100%;

}



.flexRow {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

}



.flexCol {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    align-items: center;

}



h1 {

    font-family: 'Poppins', Sans-Serif;

    font-size: 50px;

    line-height: 1.2;

    color: #fff;

    font-weight: 500;

    margin: 0 0 17px;

}



h2 {

    font-family: 'Poppins', Sans-Serif;

    font-size: 45px;

    line-height: 1.4;

    color: #000000;

    font-weight: 600;

    margin: 0 0 8px;

}



h3 {

    font-family: 'Poppins', Sans-Serif;

    font-size: 20px;

    line-height: 26px;

    color: #3E9138;

    font-weight: 600;

    margin: 0 0 4px;

}



h4 {

    font-family: 'Poppins', Sans-Serif;

    font-size: 52px;

    line-height: 1.2;

    color: #0f4e95;

    font-weight: 500;

    margin: 0 0 13px;

}



h5 {

    font-family: 'Poppins', Sans-Serif;

    font-size: 21px;

    line-height: 1.3;

    color: #000000;

    font-weight: 600;

    margin: 0 0 10px;

}



h6 {

    font-family: 'Poppins', Sans-Serif;

    font-size: 18px;

    line-height: 1.2;

    color: #393939;

    font-weight: 500;

    margin: 0 0 22px;

}



select {

    background: #fff url('../images/arrow.png') no-repeat right;

    padding: 0 40px 0 30px;

}



::-webkit-input-placeholder {

    color: #575757;

}



::-moz-placeholder {

    color: #575757;

    opacity: 1;

}



:-ms-input-placeholder {

    color: #575757;

}



:-moz-placeholder {

    color: #575757;

    opacity: 1;

}





/*header css start */



.menuSec {

    padding: 20px 0;

}



.menuSec img {

    margin: 0;

}



.menuSec ul {

    position: relative;

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: center;

    text-transform: capitalize;

}



.menuSec ul li {

    position: relative;

    display: inline-block;

    margin: 0;

    padding: 0;

}



.menuSec li ul {

    display: none;

}



.menuSec ul li a {

    position: relative;

    display: inline-block;

    text-decoration: none;

    color: #333;

    padding: 10px 26px;

    font-size: 13px;

    /* font-weight: 700; */

    text-transform: uppercase;

}



.menuSec ul li a:after {

    content: '';

    position: absolute;

    top: 35%;

    right: 0;

    width: 1px;

    height: 13px;

    background-color: #39393954;

}



.menuSec ul li:last-child a {

    padding-right: 0px;

}



.menuSec ul li:last-child a:after {

    display: none;

}



.menuSec ul li a:hover,

.menuSec ul li a.active {

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    color: #333333b3;

}



.menuSec li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000000;

    left: 0px;

    width: 230px;

    text-align: left;

    top: 38px;

}



.menuSec li>ul>li>a {

    border: none;

    padding: 13px 20px !important;

    color: #fff !important;

    overflow: hidden;

    font-size: 13px;

    line-height: 20px;

}



.menuSec li>ul>li,

.menuSec li>ul>li>a {

    display: block;

    margin: 0;

}



.menuSec li>ul>li>a:before,

.menuSec li>ul>li>a:after {

    display: none;

}



.menuSec li:hover li {

    float: none;

}



.menuSec li ul li a:hover {

    background-color: #ffffff;

    color: #000000 !important;

}



.menuSec ul ul ul {

    left: 100%;

    top: 0;

}



.menuSec ul:before,

.menuSec ul:after {

    content: " ";

    display: table;

}



.menuSec ul:after {

    clear: both;

}



.menuSec li>ul>li:hover>ul {

    left: 230px;

    top: 0px;

    width: 270px;

}



.droopdwon li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000000;

    left: 0px;

    width: 230px;

    text-align: left;

    top: 40px;

}



.droopdwon {

    float: left;

}



.droopdwon li:hover li a:hover {

    background-color: #ffffff;

    color: #000 !important;

}





/*header css start */



.dropdown-menu {

    position: absolute !important;

    z-index: 1000;

    display: block;

    min-width: 10rem;

    padding: 0.5rem 0;

    margin: 0;

    font-size: 1rem;

    color: #212529;

    text-align: left !important;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 0.25rem;

}





/*banner css start */





/* Tab slider fix  */



.tab_sec .tab-pane {

    display: block;

    border: 0;

    height: 0;

}



.tab_sec .tab-pane.active {

    display: block !important;

    height: auto;

}





/* Tab slider fix  */



.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

    width: 100%;

}



.carousel-control.right,

.carousel-control.left {

    background: none;

    opacity: 1;

    width: 50px;

    height: 50px;

    top: initial;

    top: 40%;

    background: rgba(255, 255, 255, 0.1);

    text-shadow: none;

}



.carousel-control.right:hover,

.carousel-control.left:hover {

    background: rgba(255, 27, 27, 0.6);

    color: #fff;

}



.carousel-control.right .fa,

.carousel-control.left .fa {

    position: relative;

    top: 12px;

    font-size: 20px;

    color: #fff;

    opacity: 0.5;

}



.carousel-control.right {

    right: 0px;

}



.carousel-control.left {

    left: 0px;

}



.carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 10px;

    height: 12px;

    padding: 0;

    margin: 3px!important;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 1;

    /* transition: opacity 0.6s ease; */

    border-radius: 20px;

}



.carousel-caption {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    margin: 0;

    padding: 0;

    color: #fff;

    text-align: left;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    background: rgb(0 0 0 / 27%);

}



.carousel-indicators li {

    border: none;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    background: #fff;

    width: 12px;

    height: 12px;

    margin: 0;

}



.carousel-indicators .active {

    margin: 0;

    background-color: #28b16d;

    width: 10px;

    height: 12px;

}





/*banner css end*/



.blog_sec {

    padding: 5% 0;

}





/* Tabs  */



.tab_sec .nav-tabs .nav-link.active {

    background: #242889;

    color: #fff;

}



.tab_sec .nav-tabs .nav-link {

    background: #ccc;

    border-radius: 50px;

    color: #000;

    padding: 7px 28px;

}



.tab_sec .nav-tabs {

    border: none;

    justify-content: center;

    gap: 20px;

    margin-bottom: 20px;

}





/* Tabs  */



.header-logo h4 {color: #0f4e95;font-size: 28px;margin-bottom: 0px;}

.header-number ul {

    display: flex;

    align-items: center;

    justify-content: end;

    gap: 0px;

}



.header-number ul li a {

    padding: 0px;

}



.header-number ul li {

    display: flex;

    align-items: center;

    justify-content: end;

    margin-left: 12px;

}



.header-number ul li a:after {

    content: unset;

}



.dis-block{

    display: block;

}

.banner-img img {

    height: 100vh;

    width: 100%;

    object-fit: cover;

}



.banner_text {

    text-align: center;

}



.banner_text h4 {

    color: #fff;

    font-size: 20px;

    line-height: 26px;

    font-weight: 600;

}



.banner_text p {

    font-size: 22px;

    line-height: 35px;

    width: 80%;

    margin: 0 auto;

    margin-bottom: 24px;

}

section.about-sec {

    margin: 0px 0px 80px;

    padding: 100px 0px;

    background: #f8f8f8;

}

.about-img img {

    width: 94%;

    border-radius: 12px;

}

.theme_btn.th-btnone {

    font-size: 16px !important;

    font-weight: 600;

    border-radius: 8px;

    padding: 10px 22px !important;

}



.theme_btn.th-btnone.th-btntwo {

    background: #0f4e95;

}



.how-it-work-top-heading {

    text-align: center;

    margin-bottom: 40px;

}



.how-work-box {

    text-align: center;

    padding: 40px 40px;

    box-shadow: 0px 0px 6px 0px #000000c9;

    border-radius: 10px;

}



.how-work-box p {

    margin-bottom: 0px;

    font-size: 13px;

    line-height: 23px;

}



section.how-it-work {

    margin-bottom: 100px;

}



.how-work-box:hover {

    background: #65A761;

}



.how-work-box:hover h4 {

    color: #fff;

}



.how-work-box:hover h5 {

    color: #fff;

}



.how-work-box:hover p {

    color: #fff;

}

.why-subpro-text ul li {

    font-size: 20px;

    font-weight: 400;

    color: #000;

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 18px;

}



.why-subpro-text h5 {

    margin-bottom: 20px;

}



.why-subpro-text ul li i {

    height: 22px;

    width: 22px;

    background: #3e9138;

    font-size: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

}

.why-subpro-img img {

    width: 100%;

    transition: 0.7s;

}

section.why-subpro-sec {

    margin-bottom: 100px;

    padding: 100px 0px;

    background: #f8f8f8;

}

.our-gallery-top-heading {

    text-align: center;

}

.our-gallery-top-heading {

    margin-bottom: 40px;

}



.our-gallery-box img {

    width: 100%;

    /* margin-bottom: 20px; */

    transition: 0.7s;

}

.our-gallery-box img:hover {

    transition: 0.5s;

}



.our-gallery-box {

    overflow: hidden;

    margin-bottom: 20px;

}



.our-gallery-box:hover img {

    transform: scale(1.5);

}

section.our-gallery-sec {

    margin: 100px 0px;

}

.why-subpro-img {

    overflow: hidden;

}



.why-subpro-img:hover img {

    transform: scale(1.3);

}

section.jose-story-sec {

    margin-bottom: 100px;

}

.our-client-top-heading {

    text-align: center;

    margin-bottom: 40px;

}

.our-client-slider {

    box-shadow: 0px 0px 6px 0px #000;

    padding: 30px 60px 70px;

}



.our-client-slider-box {

    text-align: center;

}



.our-client-slider-box i {

    font-size: 50px;

    color: #f7b017;

    margin-bottom: 8px;

}

.our-client-slider-box h4 {

    font-size: 20px;

    color: #000;

}



.our-client-slider-box p {

    font-size: 15px;

    font-style: italic;

    margin-bottom: 10px;

}



.our-client-slider-box h5 {

    font-weight: bold;

    font-size: 14px;

    color: #7f7f7f;

}



.our-client-slider-box h6 {

    font-size: 14px;

}

.our-client-slider .slick-prev {

    left: 45px;

}

.our-client-slider .slick-next {

    right: 45px;

}

.our-client-slider .slick-prev:before {

    content: '';

    position: absolute;

    height: 24px;

    width: 14px;

    background-repeat: no-repeat;

    background-size: cover;

    background-image: url(../images/arrow-left-slider.png);

}





.our-client-slider .slick-next:before {

    content: '';

    position: absolute;

    height: 24px;

    width: 14px;

    background-repeat: no-repeat;

    background-size: cover;

    background-image: url(../images/arrow-right-slider.png);

}

.our-client-slider .slick-dots {

    position: absolute;

    bottom: 33px;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

    left: -20px;

}

.our-client-slider .slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 45px;

    height: 45px;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: #ffffff;

    border: 1px solid #000;

    border-radius: 50%;

}

.our-client-slider .slick-dots li.slick-active button:before {

    opacity: 1;

    color: black;

    background-color: #f7b017;

    height: 45px;

    width: 45px;

    border-radius: 50%;

    border: 1px solid #000;

}

.our-client-slider .slick-dots li {

    position: relative;

    display: inline-block;

    width: 10px;

    height: 20px;

    margin: 0 5px;

    padding: 0;

    cursor: pointer;

    opacity: 1;

}

.our-client-slider .slick-dots li button:before {

    content: '';

}







/*----------------------------- Footer Css Start  -------------------------------*/





.footer-sec {

    background: #1A1A1A;

    padding: 40px 0 0;

}



.ftr-line-btm {

    padding: 20px 0;

    background: #0f4e95;

    text-align: center;

    margin-top: 40px;

    border-top: 1px solid #3e9138;

}



.ftr-line-btm p {

    margin: unset;

}



.footer-sec * {

    color: #fff;

}



.footer-sec h5 {

    font-size: 30px;

    font-weight: 600;

}



.ftr-quick-links ul li {

    margin-bottom: 8px;

}



.cntact-info-ftr ul li {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 10px;

}



.cntact-info-ftr ul li p {

    margin: 0;

    font-weight: 400;

}



.ftr-quick-links {

    width: 80%;

    margin: 0 0 0 auto;

}



.ftr-quick-links ul {

    margin: 0;

}



.footer-info h5 {

    margin-bottom: 40px;

    font-size: 28px;

}



.footer-info p {

    width: 90%;

    font-weight: 400;

}



.footer-sec a {

    font-size: 16px;

    font-weight: 400;

}



.social-link-site {

    display: flex;

    align-items: center;

    gap: 5px;

}



.social-link-site li a {

    width: 45px;

    height: 45px;

    background: #0f4e95;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 3px;

}



.social-link-site i {

    font-size: 23px !important;

    color: #fff !important;

}



.footer-info {

    margin-left: 50px;

}



/*----------------------------- Footer Css End  -------------------------------*/



/*----------------------------- Contact Css Start  -------------------------------*/



.contact-sec {

    padding: 70px 0;

    background-image: url(../images/contact-back.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    background-attachment: fixed;

    background-blend-mode: overlay;

    background-color: #0f4e95;

}



.contact-text-main, .contact-form {

    background: #5EA359B8;

    padding: 30px 20px;

    height: 100%;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);

}



.contact-form input, .contact-form select, .contact-form textarea {

    width: 100%;

    height: 45px;

    border: 1px solid #e5e5e5;

    margin-bottom: 20px;

}



.contact-sec * {

    color: #fff;

}



.contact-text-main ul li a, .contact-text-main ul li p {

    display: flex;

    align-items: center;

    gap: 20px;

    font-size: 20px;

}



.contact-text-main i, .contact-text-main i {

    font-size: 50px;

    color: #0f4e95;

}



.contact-text-main ul li {

    margin-bottom: 40px;

}



.contact-sec h5 {

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 15px;

}



.contact-text-main ul {

    margin-top: 40px;

}



.contact-form textarea {

    resize: none;

    height: 140px;

}



.contact-form label {

    color: #000;

    font-size: 14px;

    font-family: 'Poppins';

}



.contact-form button {

    background: #0f4e95;

    font-size: 16px;

    text-transform: uppercase;

    padding: 10px 20px;

    border: inherit;

}

section.our-client-img {

    margin-bottom: 100px;

}









/*----------------------------- Contact Css End  -------------------------------*/





section.inner-banner {

    background: #000;

    padding: 60px 0px;

}



.inner-banner-text h1 {

    font-size: 68px;

}



.inner-banner-text {

    text-align: center;

}



.inner-banner-text ul {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    margin-bottom: 0px;

    color: #fff;

}



.inner-banner-text ul li a {

    color: #fff;

}



section.how-it-work.innerhow-page {

    margin: 100px 0px;

}

.our-client-top-heading h3 {

    color: #f7b017;

}

section.our-client-img.inner-client-page {

    margin: 100px 0px;

}

/*login start*/

.log-p {

    padding: 70px 30px;

}

section.log-p .row {

    justify-content: center;

}

      

      .login-top-heading{

        border: 1px solid #e1e1e1;

        padding: 20px;

        background-color: #fcfcfc;

        box-shadow: 0px 0px 20px #00000014;

      }

      

      .log-form h2{

        color: #000000;

        font-size: 35px;

        font-weight: 600;

        text-align: center;

      }

      .log-form input{

        width: 100%;

        border:1px solid #d9d9d9;

        padding: 15px 30px;

        margin-top: 10px;

        background: #ffffff;

      }

      .log-form ::placeholder{

        color: #b1b0b0;

      }

      .btn-submits{

        background: #000;

        color: #fff;

        font-size: 20px;

        padding: 15px 30px;

        width: 100%;

        display: block;

        text-align: center;

        margin-top: 20px;

      }

      .btn-submits:hover{

        color: #fff;

      }

      .log-form-footer{

        display: flex;

        align-items: baseline;

        justify-content: space-between;

        margin-top: 10px;

      }

      .log-form-footer input{

        width: 20px;

      }



      .log-form-footer a{

        color: #000000;

        font-size: 14px;

      }



      .log-form p{

        color: #000000;

        font-size: 14px;

        padding-top: 20px;

      }

      .log-form p a{

        text-decoration: underline;

        color: #008140;

      } 

      

    .upload-box{

        text-align:center;

        margin-top: 10px;

    }



    /* Hide default input */

    input[type="file"]{

        display:none;

    }



    .pdf-label{

        cursor:pointer;

        display:inline-block;

        padding:20px;

        border: 1px solid #d9d9d9;

        border-radius: 0px;

        background:white;

        transition:0.3s;

        width: 100%;

    }





    .pdf-label img{

        width: 60px;

        display:block;

        margin:0 auto 10px;

    }



    .pdf-text{

        font-size:14px;

        color:#555;

    }

    .select-sign select {

    width: 100%;

    border: 1px solid #d9d9d9;

    padding: 15px 30px;

    margin-top: 10px;

    background: #ffffff;

    color: #b1b0b5;

}

.login-top-heading h2 {

    text-align: center;

    margin-bottom: 10px;

}



.nav-tabs {

    border-bottom: unset;

    justify-content: space-between;

    margin-bottom: 20px;

}



.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {

    border: unset;

    background: #000;

    color: #fff;

    padding: 14px 28px;

}



.nav-tabs .nav-link {

    margin-bottom: unset;

    border: 1px solid #000;

    color: #000;

    padding: 14px 28px;

}

.login-top-heading-main {

    text-align: center;

    margin-bottom: 50px;

}

.login-top-heading-main h2 {

    font-size: 60px;

}

      /*login end*/

      

      









/* Form-csss */



.contact_page {

    padding: 80px 0px !important;

    margin: 0 !important;

}





/* .contact_page .home_form_wrap {

        padding: 35px 35px 30px 35px;

    } */



.contact_info_main .contact_head h2 {

    font-weight: 700;

    color: #fff;

    font-size: 30px;

    line-height: 25px;

    margin-bottom: 10px;

}



.contact_info_main .contact_head p {

    font-weight: 400;

    color: #959494;

    font-size: 12px;

    line-height: 18px;

    margin-bottom: 10px;

}



.home_form_wrap input[type="text"] {

    border: 1px solid #9b9b9b;

    border-radius: 8px;

    height: 50px;

}



.home_form_wrap textarea {

    border: 1px solid #9b9b9b;

    border-radius: 8px;

    resize: none;

    height: 200px !important;

    margin-bottom: 40px !important;

}



.home_form_wrap input::-webkit-input-placeholder,

.home_form_wrap textarea::-webkit-input-placeholder {

    color: #9a9a9a;

}



.home_form_wrap input::-moz-placeholder,

.home_form_wrap textarea::-moz-placeholder {

    color: #9a9a9a;

    opacity: 1;

}



.home_form_wrap input:-ms-input-placeholder,

.home_form_wrap textarea:-ms-input-placeholder {

    color: #9a9a9a;

}



.home_form_wrap input:-moz-placeholder,

.home_form_wrap textarea:-moz-placeholder {

    color: #9a9a9a;

    opacity: 1;

}



.mt-50 {

    margin-top: 50px;

}



.home_contact {

    padding-bottom: 0px;

    margin-bottom: -300px;

}



.bg_wht {

    background-color: #fff;

    border-radius: 27px;

    position: relative;

    box-shadow: 0px 0px 9px #0000001f;

}



.home_form_wrap {

    padding: 0px 35px 0px 10px;

}



.home_form_wrap select,

.home_form_wrap input[type="number"],

.home_form_wrap input[type="date"] {

    appearance: auto;

    border: 1px solid #9b9b9b;

    border-radius: 8px;

    height: 50px;

    padding: 0 10px;

}



.uplod_imag input {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 100%;

    width: 100%;

    opacity: 0;

}



.upld_img {

    border: 1px solid #9b9b9b;

    border-radius: 8px;

    padding: 30px 0px;

    margin-bottom: 30px;

    position: relative;

}



.upld_img h4,

.upld_img p {

    margin-bottom: 0;

}



button.btn-1 {

    border: none;

    color: #fff;

}



.sec_head h2 {

    text-transform: capitalize;

    font-size: 39px;

    line-height: 43px;

    color: #000;

    margin: 0 0 40px 0;

}



.home_form_wrap label {

    font-size: 17px;

    line-height: 27px;

    color: #000;

    font-family: 'Poppins';

    font-weight: 600;

    margin: 0 0 15px 0;

}



.country-code-wrp {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.country-code-wrp .country-code {

    width: 20%;

    text-align: center;

}



section.emplyee-form-sec {

    padding: 100px 0;

}



.form-wrapper-emp input {

    height: 50px;

    border: 1px solid #ececec;

    background-color: #fff;

    font-size: 14px;

    line-height: 20px;

    color: #575757;

    margin-bottom: 20px;

    width: 100%;

    padding: 0px 15px;

    border-radius: 0;

}



.form-wrapper-emp input,

.form-wrapper-emp textarea {

    border-color: #cbcbcb;

    background: #ffffff;

}



.form-wrapper-emp {

    padding: 50px;

    background: #f1f1f1;

}



.form-wrapper-emp h2 {

    font-size: 40px;

    text-transform: capitalize;

    text-align: center;

}



.form-wrapper-emp h2.text-left {

    text-align: left;

}



section.contact_page input[type="text"],

section.contact_page input[type="password"],

section.contact_page select,

section.contact_page input[type="email"],

section.contact_page input[type="url"],

section.contact_page input[type="number"],

section.contact_page textarea,

section.contact_page input[type="tel"] {

    border: 1px solid #bdb7b7;

    background-color: #fff;

    font-size: 14px;

    line-height: 20px;

    color: #575757;

    height: 40px;

    margin-bottom: 20px;

    width: 100%;

    padding: 0px 15px;

    border-radius: 0;

}





/* Form-csss */





/* Job Page csss Starts */



section.inner-featured-tasker .featured-tasker-card-main {

    margin: 0 0 50px 0;

}





/* Job Page csss Ends */

.login-page-img img {

    border-radius: 10px;

}

/* Chrome, Safari, Edge */

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}

.sign-page-img img {
    width: 100%;
    height: 508px;
    object-fit: cover;
    border-radius: 10px;
}