* {

    margin: 0;

    padding: 0;

}
#open_kamwam .proBotright input[type='button'] {
    width: 120px;
    background: #006938;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    position: relative;
    top: -48px;
}

.diagramImage img {
    background: #006938ba;
}
.howitworkSteepsBox{
	padding-bottom: 20px;
	padding-top: 20px;
}

body, html {

    height: 100%;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    line-height: 24px;



}

a.offer_accepts {

    color: #fff;

    background: #078a4d;

    width: 200px;

    padding-left: 14px;

    padding-right: 15px;

    font-size: 14px;

    padding-top: 10px;

    padding-bottom: 12px;

    position: relative;

    top: 14px;

    left: 5px;

    font-weight: bold;

    border-radius: 5px;

}

a.offer_completed{

    color: #fff;

    background: #078a4d;

    width: 200px;

    padding-left: 14px;

    padding-right: 15px;

    font-size: 14px;

    padding-top: 10px;

    padding-bottom: 12px;

    position: relative;

    top: 14px;

    left: 5px;

    font-weight: bold;

    border-radius: 5px;

}

a.offer_reject {

    color: #fff;

    background: #078a4d;

    width: 271px;

    padding-left: 20px;

    padding-right: 20px;

    font-size: 14px;

    font-weight: bold;

    padding-top: 10px;

    padding-bottom: 12px;

    position: relative;

    top: 43px;

    left: 9px;

    border-radius: 5px;

}

a.close_work {

    color: red;

    text-decoration: none;

    font-size: 19px;

    position: relative;

    top: 40px;

    left: 38px;

}

.messge_res {

    color: #078a4d;

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    margin-top: 22px;

}

p.cod_text span{

    font-size: 14px;

    font-weight: bold;

}

table#example tr td img {

    height: 66px;

}

.edit_sect {

    width: 50%;

    margin: 0 auto;

}

img.s_icons_path {

    width: 20%;

}

h1, h2, h3, h4, h5 {

    font-weight: 700;

    font-family: 'Source Sans Pro', sans-serif;

    margin:0;

    line-height: 1.7;

    margin-bottom: 15px

}



a, a:focus, a:hover {

    text-decoration: none;

}

i.fa.fa-users {

    padding-right: 15px;

    font-size: 20px;

}

i.fa.fa-list{

    padding-right: 15px;

    font-size: 20px;

}

ul {

    list-style: none;

    margin: 0;

}



/*Login popUp*/

div#third_step_ac .nextSteep {

    position: relative;

    top: -10px;

}

.signUpImg img {

    width: 100%;

    height: 100%;

    position: absolute;

    -o-object-fit: cover;

       object-fit: cover;

    -o-object-position: center;

       object-position: center;

}



.signUp-popup {

    position: fixed;

    z-index: 99;

    background: #fff;

    -webkit-box-shadow: 0 3px 32px rgba(0, 0, 0, .32);

            box-shadow: 0 3px 32px rgba(0, 0, 0, .32);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    max-width: 800px;

    width: 95%;

    top: 10%;

    left: 50%;

    max-height: 85%;

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

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

            transform: translate(-50%);

    border-radius: 15px;

    overflow: hidden;

    display: none;

    overflow: auto;

}



.signUp-popup::-webkit-scrollbar {

    display: none;

}



.signUpImg {

    height: 100%;

    float: left;

    position: absolute;

    overflow: hidden;

    -webkit-box-shadow: 3px 0 25px rgba(0, 0, 0, .23);

            box-shadow: 3px 0 25px rgba(0, 0, 0, .23);

    right: 100%;

    width: 100%;

    top: 0;

}



.signpopupContent {

    width: 50%;

    -ms-flex-negative: 0;

        flex-shrink: 0;

    padding: 30px 50px;

    float: right;

    position: relative;

}



.signUp-popupOverlay {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 88;

    background: #0000003d;

    filter: blur(117px);

    -webkit-filter: blur(4px);

    -moz-filter: blur(4px);

    -ms-filter: blur(4px);

    -o-filter: blur(4px);

    filter: blur(4px);

    display: none;

}



.signSteepTop .nav-pills {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin-bottom: 50px;

}



.signSteepTop .nav-pills .nav-link {

    font-size: 21px;

    color: #006938;

    background: transparent;

    position: relative;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.signSteepTop .nav-pills .nav-link.active {font-weight: bold;}



.signSteepTop .nav-pills .nav-link:after {

    position: absolute;

    content: "";

    bottom: 0;

    left: 50%;

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

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

            transform: translate(-50%);

    height: 2px;

    width: 0px;

    background: #4F697A;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.signSteepTop .nav-pills .nav-link.active:after {

    width: 50px;

}



.singleInput input {display: block;width: 100%;outline: none;border: none;border-bottom: 1.5px solid #8099A5;font-size: 18px;line-height: 25px;color: #8099A5;padding: 10px 0px;}



.singleInput label {

    font-size: 15px;

    color: #8099A5;

    margin-bottom: 0;

}



.singleInput {

    margin-top: 0px;

    position: relative;

}



.checkForgot {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    padding-top: 15px;

}



.checkBox label {

    margin: 0;

    line-height: 1;

    margin-left: 5px;

}



.checkBox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



a.forgotPass {

    color: #C5C7C9;

    font-size: 15px;

}



.loginBtn {

    display: block;

    margin: 0 auto;

    border: 1px solid #006938;

    background: #006938;

    outline: none;

    line-height: 1;

    font-size: 16px;

    color: #fff;

    padding: 9px 49px;

    border-radius: 35px;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s;

    margin-top: 30px;

}



button.loginBtn:hover {

    background: #fff;

    color: #006938;

}



.OtherUse {

    margin-top: 32px;

    border-top: 1px solid #8099A5;

}



span.or {

    display: table;

    margin: -19px auto 0 auto;

    background: #fff;

    font-size: 16px;

    color: #8099A5;

    background: #fff;

    padding: 5px 15px;

}



ul.loginWith {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 20px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



ul.loginWith li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 20px;

    width: 35px;

    height: 35px;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border: 1px solid;

    border-radius: 50%;

    margin: 0 10px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    color: #fff;

}



ul.loginWith li a img {

    display: block;

    height: 25px;

}



ul.loginWith li a.facebook {

    background: #3B5998;

}



ul.loginWith li a.apple {

    background: #565656;

}



ul.loginWith li a.linkedin {

    background: #0E76A8;

}



ul.loginWith li a.microsoft {

    background: #fff;

    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);

            box-shadow: 0 3px 6px rgba(0, 0, 0, .16);

}



ul.loginWith li a.microsoft img {

    height: 20px;

}



ul.loginWith li a.googleG img {

    height: 29px;

}



span.closepopUp, .closeSteep {

    display: block;

    position: absolute;

    z-index: 10;

    right: 10px;

    top: 10px;

    font-size: 25px;

    color: #006938;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    cursor: pointer;

}



.closeSteep {

    color: #8DB5A2;

}



span.closepopUp:hover, .closeSteep:hover {

    color: red;

}



/*SteepForm PopUp*/



.offerSteepForm {

    position: fixed;

    z-index: 99;

    background: #fff;

    -webkit-box-shadow: 0 3px 32px rgba(0, 0, 0, .32);

            box-shadow: 0 3px 32px rgba(0, 0, 0, .32);

    max-width: 800px;

    width: 95%;

    top: 5%;

    left: 50%;

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

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

            transform: translate(-50%);

    border-radius: 15px;

    overflow: hidden;

    display: none;

    max-height: 90%;

    overflow: auto;

}



.offerSteepForm::-webkit-scrollbar {

    display: none;

}



ul.steepFormTitle {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    position: relative;

    z-index: 1;

    padding: 20px 10%;

    background: #006938;

}







img.steepLineShape {

    position: absolute;

    z-index: -1;

    width: 67%;

    left: 131px;

    top: 40px;

}



.steIco {

    width: 75px;

    height: 75px;

    background: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border-radius: 50%;

    margin: 0 auto 15px auto;

}



li.singeSteep i {

    color: #006938;

    font-size: 25px;

}



li.singeSteep.active .steIco {

    background: #36EA96;

}





li.singeSteep.active .steIco i {

    color: #fff;

}



li.singeSteep img {

    height: 25px;

}



li.singeSteep {

    text-align: center;

    color: #fff;

    font-size: 18px;

}



.steepFormContainer {

    padding: 20px 50px 50px 50px;

}



.steepFormContainer .singleInput input {

    border-color: #E4E4E4;

}



.singleInput textarea {

    display: block;

    width: 100%;

    border: 0;

    padding: 10px;

    font-size: 18px;

    color: #837878;

    background: rgba(231, 231, 231, 0.47);

}



.singleInput p {

    font-size: 18px;

    color: #837878;

    line-height: 1.6;

}



.border-top.singleInput {

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    padding-top: 15px;

    border-top: 2px solid #E4E4E4 !important;

}



.inputNone.singleInput input {

    display: none;

}



label.attatchFile {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    font-size: 18px;

    color: #151212;

}



label.attatchFile img {

    height: 20px;

    display: block;

    margin-right: 15px;

}



.formSteepContent label.attatchFile {

    margin: 50px 0;

}



.formSteepContent {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    min-height: 370px;

}



.nextSteep {

    margin-top: 30px;

    /*padding-top: 30px;*/

    margin-top: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.nextSteep {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.nextSteep button.loginBtn {

    margin: 0;

}



.nextSteep button.loginBtn:first-child {

    margin-right: 30px;

}



.choseOne {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.selectOne {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    margin-right: 50px;

}



.selectOne input[type="radio"] {

    display: none;

}



.selectOne label {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    font-size: 22px;

    color: #7B7B7B;

    margin: 0;

    cursor: pointer;

}



span.radioCircle {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 25px;

    height: 25px;

    border: 2px solid #36EA96;

    border-radius: 50px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    margin-right: 10px;

}



.choseOne {

    margin: 30px 0 50px;

}



.selectOne input[type="radio"]:checked + label span.radioCircle {

    background: #36EA96;

}



.selectCaret {

    position: absolute;

    right: 0;

    top: 14px;

}



.selectCaret img {

    height: 15px;

}



.singleInput.budget input {

    max-width: 150px;

    color: #36EA96;

    border-color: #36EA96;

}



.singleInput.budget input::-webkit-input-placeholder {

    color: #36EA96;

}



.singleInput.budget input::-moz-placeholder {

    color: #36EA96;

}



.singleInput.budget input:-ms-input-placeholder {

    color: #36EA96;

}



.singleInput.budget input::-ms-input-placeholder {

    color: #36EA96;

}



.singleInput.budget input::placeholder {

    color: #36EA96;

}





/*

==================================

Main Menu

==================================

*/



.mainmenu .navbar-toggler {

    padding: 0;

    outline: none;

    -webkit-box-shadow: none;

            box-shadow: none;

    border: 1px solid #fff;

    color: #fff;

    width: 40px;

    height: 38px;

    font-size: 22px;

}



.wrapers {

    position: relative;

    overflow: hidden;

}





.mainmenuArea .container {

    max-width: 1400px;

}



.mainmenuArea {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    padding: 40px 0;

    z-index: 10;

}



.mainmenu .navbar-nav .nav-link {

    font-size: 16px;

    display: block;

    color: #fff;

    line-height: 1;

    padding: 10px 14px;

    margin: 0 10px;

    border: 1px solid transparent;

    border-radius: 32px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.mainmenu .navbar-nav .nav-link:hover,

.mainmenu .navbar-nav .nav-link.active {

    border-color: #fff;

}



ul.logSign {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    margin-left: 20px;

}



ul.logSign a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    border-radius: 32px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



a.signUp {

    background: #006938;

    color: #fff;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .16);

            box-shadow: 0 3px 7px rgba(0, 0, 0, .16);

    padding: 10px 15px;

    line-height: 1;

    margin-right: 15px;

}



a.signUp img {

    height: 12px;

    margin-left: 5px;

}

.mainmenu .navbar-nav .nav-link.login {
    font-size: 16px;
    color: #fff;
    padding: 0;
    line-height: 38px;
    border:0;
    padding: 10px 21px;
    line-height: 1;
    background: #006938;
    border: 1px solid transparent;
}

.mainmenu .navbar-nav .nav-link.login:hover {
    border: 1px solid #fff;
}

.mainmenu .navbar-brand {
    padding: 0;
}


.mainmenu .navbar {

    padding: 0;

}





/*

==================================

Main Menu End

==================================

*/





.banarContent {

    position: relative;

    height: 100vh;

    min-height: 650px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.banarContent .bgImg {
    height: 70% !important;
    width: auto !important;
    right: 15% !important;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
}

.banarContent.overlay {
    overflow: hidden;
}


.overlay, .darkOverLay {

    position: relative;

    z-index: 1;

}



.bgImg {
    position: absolute;
    z-index: -2;
    left: 0%;
    top: 0%;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
     object-fit: contain; 
}


.singleCataSliderOuter .bgImg {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 50% !important;
    height: auto !important;
    -o-object-fit: cover;
    transform: translate(-50%, -50%);
}

.overlay:after, .darkOverLay:after {

    position: absolute;

    content: "";

    z-index: -1;

    background: rgba(22, 22, 22, .38);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.darkOverLay:after {

    background: rgba(22, 22, 22, .81);

}



.theTitle {

    font-size: 100px;

    color: #fff;

    line-height: 1;

    margin-bottom: 32px;

}



.homeBanarContent p {

    font-size: 25px;

    color: #fff;

    margin-bottom: 50px;

    line-height: 1.3;

}





.readmore:hover {

    color: #fff;

}



.readmore img {

    display: block;

    height: 18px;

    margin-left: 15px;

    width: inherit !important;

}





.theTitle {

    font-size: 100px;

    color: #fff;

    line-height: 1;

    margin-bottom: 32px;

}



.homeBanarContent p {

    font-size: 25px;

    color: #fff;

    margin-bottom: 50px;

    line-height: 1.3;

}



.readmore {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    color: #fff;

    padding: 11px 34px;

    font-size: 18px;

    background: #006938;

    border-radius: 33px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .16);

            box-shadow: 0 3px 7px rgba(0, 0, 0, .16);

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    border: 1px solid transparent;

    /*font-weight: bold;*/

    outline: none !important;

}



.readmore:hover {

    -webkit-box-shadow: 0 0 0 1px #fff;

            box-shadow: 0 0 0 1px #fff;

}



.readmore img {

    display: block;

    height: 18px;

    margin-left: 15px;

}



#playBtn {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 80px;

    height: 80px;

    border: 3px solid #fff;

    background: transparent;

    border-radius: 50%;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    outline: none;

    -webkit-box-shadow: none;

            box-shadow: none;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    padding-left: 10px;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

}



.playIcon {

    display: block;

    width: 25px;

    height: 32px;

    background: #fff;

    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);

            clip-path: polygon(0 0, 0% 100%, 100% 50%);

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.homeBanarContent {

    position: relative;
    max-width: 500px;

}



#playBtn:hover {

    border-color: #006938;

}



#playBtn:hover span {

    background: #006938;

}





/*owl Css */



.banar-sliders.owl-carousel .owl-dots {

    position: absolute;

    bottom: 50px;

    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    left: 0;

    width: 100%;

}



.banar-sliders.owl-carousel .owl-dots button.owl-dot {

    display: block;

    border: 2px solid #fff;

    width: 21px;

    height: 21px;

    border-radius: 50%;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    margin: 0 10px;

    outline: none;

}



.banar-sliders.owl-carousel .owl-dots button.owl-dot.active {

    background: #fff;

}



.banar-sliders.owl-carousel .owl-nav {

    position: absolute;

    top: 50%;

    outline: none;

    max-width: 1400px;

    width: 100%;

    left: 50%;

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

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

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

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    padding: 0 15px;

    height: 0;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.banar-sliders.owl-carousel .owl-nav button {

    outline: none;

}



/*owl Css Ends*/



/*SectionTitle*/



.catagorisesection {

    padding: 30px 0 140px;

}



.catagoriTitle {

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    margin: 0 auto 0 auto;

    position: relative;

}



.secTi, .subti {

    font-size: 40px;

    margin: 0;

    line-height: 50px;

    color: #707070;

}





.secTi {

    text-transform: uppercase;

}



.subti {

    font-weight: 300;

}





.lineShape {

    position: absolute;

    bottom: 0;

    height: 5px;

    width: 100%;

    background: #ddd;

    border-radius: 9px;

    display: block;

}



.catagoriTitle .lineShape {

    width: 80%;

    left: 10%;

}



.lineShape:after {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    bottom: 0;

    border-radius: 10px;

    background: #006938;

    width: 20%;

}



.catagoriTitle .lineShape:after {

    width: 20%;

}



.sectionTitle {

    padding-bottom: 23px;

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    position: relative;

}



/*SectionTitle End*/





/*Catagorise Section*/





.catagoList {

    margin-top: 50px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.singleCata {

    -ms-flex-preferred-size: 20%;

        flex-basis: 20%;

    padding: 15px;

    margin-top: 15px;

}



.catagoriname {

    display: block;

    text-align: center;

    background: #fff;

    -webkit-box-shadow: 0 3px 20px rgba(24, 51, 81, .2);

            box-shadow: 0 3px 20px rgba(24, 51, 81, .2);

    border-radius: 20px;

    font-size: 19px;

    color: #707070;

    line-height: 30px;

    padding: 38px 10px 30px 10px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.cataIcon {

    height: 65px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin-bottom: 30px;

}



.cataIcon img {

    max-height: 50px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    -webkit-filter: brightness(1);

            filter: brightness(1);

}



.catagoriname:hover {

    background: #707070;

    color: #fff;

}



.catagoriname:hover img {

    -webkit-filter: brightness(4);

            filter: brightness(4);

}



/*Ustad Section*/



section.ustadArea {

    padding: 130px 0 100px 0;

}



.ustadTitle .lineShape:after {

    width: 50% ;

}



.sectionTitle.ustadTitle {

    margin-bottom: 100px;

}



.ustadProfile {

    max-width: 1000px;

    margin: 0 auto;

    background: #fff;

    overflow: hidden;

    -webkit-box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

            box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    /*flex-wrap: wrap;*/

}



.profileLeft {

    -ms-flex-preferred-size: 33%;

        flex-basis: 33%;

    -ms-flex-negative: 0;

        flex-shrink: 0;

    padding: 30px;

    -webkit-box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

            box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

    padding-bottom: 60px;

}



.profileRight {

    -ms-flex-preferred-size: 67%;

        flex-basis: 67%;

    padding: 30px 45px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    padding-bottom: 60px;

}



.profile {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    margin-bottom: 18px;

}



.profileImg {

    width: 80px;

    margin-right: 15px;

}



.profileName {

    padding-top: 10px;

}



.profileImg img {

    display: block;

    width: 100%;

}



span.name {

    display: block;

    font-size: 14px;

    color: #707070;

    font-weight: bold;

    line-height: 1;

}



span.date {

    font-size: 14px;

    display: block;

    color: #707070;

    font-weight: 300;

}



span.rating ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

    font-size: 11px;

    color: #FFC107;

}



span.rating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



span.rate {

    display: block;

    font-size: 11px;

    margin-left: 5px;

    color: #707070;

}



.reviews {

    position: absolute;

    right: 0;

    font-size: 17px;

    color: #49E69D;

}



.profileDetails h4 {

    font-size: 20px;

    color: #707070;

    font-weight: 500;

    line-height: 1;

    margin-bottom: 15px;

}



.profileDetails p {

    font-size: 14px;

    color: #707070;

}



.ustadSocial {

    position: relative;

    margin-top: auto;

}



.ustadSocial span.lineShape {

    bottom: auto;

    top: 0;

    height: 2px;

}



.ustadSocial span.lineShape:after {

    width: 66%;

    opacity: .34;

}



ul.socialLinks {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding-top: 20px;

}



ul.socialLinks li a {

    display: block;

    font-size: 23px;

    color: #49E69D;

    margin-right: 20px;

}



a.readmore.beaTeam img {

    margin-left: 30px;

}



a.readmore.beaTeam {

    margin-top: 100px;

}



/*Works Area */



section.howWorks-area {

    padding: 100px 0 130px;

}



.sectionTitle.ustadTitle span.lineShape:after {

    width: 66.66666%;

}



.work-img img {

    display: block;

    width: 100%;

}



.work-content {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.work-content h4 {

    font-size: 28px;

    color: #6D6A6A;

    font-weight: 400;

    line-height: 1.2;

}



.work-content p {

    font-size: 16px;

    font-weight: 300;

    color: #6D6A6A;

    margin: 0;

    line-height: 26px;

}



/*three Steep*/



.threeSteepArea {

    padding: 200px 0 120px;

}



section.threeSteepArea.overlay:after {

    background: rgba(75, 157, 119, .77);

}



.singleSteep {

    text-align: center;

}



.steepIcon {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 150px;

    height: 150px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border: 7px solid transparent;

    border-radius: 50%;

    background: #4B9D77;

}



.steepIcon img {

    display: block;

    width: 50px;

}



span.steepName {

    display: block;

    font-size: 20px;

    color: #fff;

    line-height: 30px;

    margin-top: 20px;

}



.steepIcon.active {

    border-color: #fff;

}



.steepContents {

    position: relative;

}



.steepshape {

    position: absolute;

    width: 693px;

    left: 175px;

    top: 12px;

}



/*Offer Area */





section.offerdArea {

    padding: 150px 0;

}



.sectionTitle p {

    font-size: 18px;

    color: #707070;

    margin-top: 10px;

}



.offerdContent {

    -webkit-box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

            box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    max-width: 1050px;

    margin: 0 auto;

}



.offer-left {

    -ms-flex-preferred-size: 25%;

        flex-basis: 25%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    padding: 50px;

}



.offer-left img {

    display: block;

    width: 100%;

    margin: auto;

}



ul.offerList {

    -ms-flex-preferred-size: 75%;

        flex-basis: 75%;

    padding: 50px;

    -webkit-box-shadow: -3px -3px 30px rgba(43, 18, 18, .08);

            box-shadow: -3px -3px 30px rgba(43, 18, 18, .08);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



li.singleOffer {

    -ms-flex-preferred-size: 33.3333333%;

        flex-basis: 33.3333333%;

    -ms-flex-negative: 0;

        flex-shrink: 0;

    padding: 36px 24px;

    text-align: center;

    border: 1px solid rgba(112, 112, 112, .14);

    font-size: 15px;

    color: #C6C6C6;

}



.offerIcon {

    height: 75px;

    margin-bottom: 25px;

}



.offerIcon img {

    display: block;

    margin: auto;

    max-height: 100%;

    width: auto;

}



li.singleOffer:nth-child(1) {

    border-left: 0;

    border-top: 0;

}



li.singleOffer:nth-child(2) {

    border-top: 0;

}



li.singleOffer:nth-child(3) {

    border-top: 0;

    border-right: 0;

}



li.singleOffer:nth-child(4) {

    border-left: 0;

    border-bottom: 0;

}



li.singleOffer:nth-child(5) {

    border-bottom: 0;

}



li.singleOffer:nth-child(6) {

    border-bottom: 0;

    border-right: 0;

}



section.newComerSection {

    padding: 100px 0;

    background: #006938;

}



.newcomer {

    position: relative;

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    font-size: 60px;

    color: #fff;

    line-height: 2;

    margin: 0 auto;

}



.newcomer .lineShape:after {

    background: #329265;

    width: 60%;

}



.newcomeBtn {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



a.readmore.newC {

    color: #006938;

    background: #fff;

}



/*Brand Logo*/



section.brandarea {

    padding: 50px 0;

    background: #f2f3f8;

}



.owl-stage {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



/*Stories Area */



.storiColum {

    padding: 0 30px;

}



.storiImg img {
    display: block;
    width: auto;
    height: 225px;
    margin: 0 auto;
}



span.border-bottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 10px;

    border-radius: 22px;

    background: #59F5C6;

    margin-top: -5px;

    position: relative;

}



.storiText {

    padding: 30px;

}



.storiText h4 {

    font-size: 20px;

    color: #707070;

    font-weight: 400;

    line-height: 1;

    margin-bottom: 20px;

}



.storiText p {

    font-size: 14px;

    color: #707070;

    line-height: 1.5;

    margin: 0;

}



.singleStories {

    -webkit-box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

            box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

}



.storiBottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    padding: 5px 15px 20px 15px;

    color: #006938;

}



a.readSto {

    color: #707070;

}



section.stories-area {

    padding: 120px 0 100px;

}



.sectionTitle.storiTitle {

    margin: 0 auto;

    margin-bottom: 120px;

}



.sectionTitle.storiTitle span.lineShape {

    width: 80%;

    left: 10%;

}



.sectionTitle.storiTitle span.lineShape:after {

    width: 60%;

}



.storiTitle h2.secTi span {

    font-weight: 400;

    font-size: 30px;

    margin-left: 10px;

}





/*Footer Area */



footer.footer-area {

    background: #006938;

}



.footerBottom {

    font-size: 20px;

    color: #fff;

    line-height: 1.7;

    padding: 15px 15px 15px 15px;

    background: #154F34;

}



/*--------------------*/



.footer-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    padding: 30px 0 120px;

    overflow: hidden;

}



.footer-left-contact {

    width: 25%;

    padding: 30px 50px 30px 15px;

    position: relative;

}



.footer-left-contact:after {

    left: auto;

    right: 0;

    width: 1px;

    content: "";

    background: #45926E;

    top: -80px;

    position: absolute;

    height: 200%;

}



.footerContact {

    width: 75%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    padding: 50px 50px 00px 50px;

}



.singleFootContact {

    width: 25%;

}



ul.footerSocial {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;

    margin-top: 80px;

}





a.footLogo img {display: block;margin: 0 auto;margin-bottom: 50px;width: 250px;}



li.singleContact {

    border-bottom: 2px solid #45926E;

    padding: 20px 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    font-size: 16px;

    color: #fff;

    line-height: 1.4;

}



li.singleContact:last-child {

    border: 0;

}



li.singleContact img {

    display: block;

    margin-right: 18px;

}



li.singleContact a {

    font-size: 16px;

    color: #fff;

    line-height: 1.4;

}



ul.footerSocial {

    /* display: flex; */

}



ul.footerSocial a {

    display: block;

    margin-right: 30px;

}



ul.footerSocial a img {

    display: block;

    height: 27px;

}



ul.footerSocial li:last-child a img {

    height: 20px;

}



h4.footeMenuTitle {

    color: #fff;

    font-size: 20px;

    line-height: 1.5;

    margin-bottom: 20px;

}



ul.footmenuList li a {

    display: block;

    font-size: 15px;

    color: #fff;

    line-height: 2;

}





/*The Slider Section*/



.singleprofolioItem .profileName {

    padding-top: 20px;

}



.profolioSliderList {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    padding-top: 120px;

}



.profileLeft.singleprofolioItem {

    -ms-flex-preferred-size: unset;

        flex-basis: unset;

}



.singleprofolioItemColum {

    width: 33.3333%;

    padding: 30px 20px;

}



.singleprofolioFooter {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    margin-top: auto;

}



.profileLeft.singleprofolioItem {

    padding-bottom: 15px;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

}



span.price {

    display: block;

    font-size: 18px;

    color: #707070;

}



.singleprofolioItemColum:nth-child(2) {

    margin-top: -50px;

    margin-bottom: 50px;

}



.singleprofolioItemColum:nth-child(3) {

    margin-top: -150px;

    margin-bottom: 150px;

}



.singleprofolioItemColum:nth-child(4) {

    margin-left: 50px;

}



.singleprofolioItemColum:nth-child(5) {

    margin-top: -50px;

    margin-bottom: 50px;

}



.profileSlider.owl-carousel .owl-stage-outer {

    margin-top: -70px;

}



.profileSlider.owl-carousel .owl-dots {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin-top: 50px;

}



.profileSlider.owl-carousel .owl-dots .owl-dots button {

    display: block;

    width: 10px;

    height: 10px;

}





.profileSlider.owl-carousel .owl-dots button.owl-dot {

    display: block;

    width: 15px;

    height: 15px;

    border: 2px solid #D0D0D0;

    border-radius: 50%;

    margin: 0 5px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    outline: none;

}



.profileSlider.owl-carousel .owl-dots button.owl-dot.active {

    background: #D0D0D0;

}



.profileSlider.owl-carousel .owl-nav button.owl-next {

    position: absolute;

    right: 10%;

    bottom: 33%;

    width: 70px;

    height: 70px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    background: #fff;

    border: 5px solid #D0D0D0;

    border-radius: 50%;

    outline: none;

    z-index: 111;

}



.profileSlider.owl-carousel .owl-nav button.owl-next img {

    opacity: 0.32;

}



.profileSlider.tabeltSlider, .profileSlider.mobileSlider {

    display: none !important;

}



/*

=======================================

searchkamwam.html

=======================================

*/



.lightGrayBg {

    background: #F8F8F8;

}



section.searchkamwam-area {

    padding: 70px 0;

}



form.searchkamwam {

    max-width: 550px;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-shadow: 0 2px 60px rgba(15, 70, 90, .11);

            box-shadow: 0 2px 60px rgba(15, 70, 90, .11);

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

}



form.searchkamwam input {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    border: 0;

    outline: none;

    font-size: 18px;

    padding: 0 15px;

    color: #000;

}





form.searchkamwam button {

    display: block;

    border: 0;

    color: #fff;

    background: #006837;

    font-size: 18px;

    padding: 10px 15px;

    -ms-flex-negative: 0;

        flex-shrink: 0;

}





.filterSideBar {

    background: #FFFFFF;

    padding: 15px 20px;

}



.singleFilterItems {

    padding: 15px;

    background: #FFFFFF;

    -webkit-box-shadow: 0 10px 99px rgba(0, 0, 0, 0.11);

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

    border-radius: 10px;

    margin-bottom: 20px;

}



.authoreImage {

    width: 65px;

    margin-right: 10px;

}



.authoreImage img {

    display: block;

    width: 100%;

}



.profileFilterTop h5 {

    font-size: 16px;

    color: #3E3F68;

    margin: 0;

    line-height: 1;

}



.profileFilterTop span {

    display: block;

    font-size: 11px;

    color: #B0B0B4;

    line-height: 2;

}



.theRating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.theRating li {

    font-size: 10px;

    color: #FFCC00;

    line-height: 1;

}



.profileFilterTop .media {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    position: relative;

}



.thePrice {

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);

            box-shadow: 0 3px 6px rgba(0, 0, 0, .16);

    line-height: 1;

    background: #fff;

    font-size: 16px;

    color: #222455;

    font-weight: bold;

    padding: 7px 12px;

    border-radius: 10px;

}



.profileFilterTop {

    position: relative;

}



p.intro {

    font-size: 14px;

    /*overflow: hidden;*/

    /*text-overflow: ellipsis;*/

    /*display: -webkit-box;*/

    /*-webkit-line-clamp: 3;*/

    /*-webkit-box-orient: vertical;*/

    margin: 25px 0 10px 0;

    line-height: 1.6;

    color: #9B9B9E;

}



.profileFilterBottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 10px;

}



.theLocation img, .thePostTime img {

    display: inline-block;

    width: 14px;

    margin-right: 5px;

}



.theLocation , .thePostTime {

    font-size: 14px;

    color: #9B9B9E;

}



span.status {

    display: block;

    font-weight: bold;

    color: #ffff;

    background: #006938;

    line-height: 1;

    padding: 14px 14px;

    border-radius: 8px;
    position: relative;
    top: -50px;
}



.proBotright {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding-left: 10px;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

}



span.offer {

    display: block;

    color: #006938;

}



.viewAll {

    display: inline-block;

    font-size: 20px;

    color: #006837;

    position: relative;

}



.viewAll.angelDonw img {

    display: block;

    margin: 0 auto;

    margin-top: 0px;

    height: 20px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    position: absolute;

    left: 50%;

    -webkit-transform: translate(-50%) rotate(90deg);

        -ms-transform: translate(-50%) rotate(90deg);

            transform: translate(-50%) rotate(90deg);

}



.viewAllFilters {

    padding: 30px 0;

}



.viewAll.angelDonw:hover img {

    margin-top: 7px;

}



/*-------------*/

.projectStatusContainer {

    padding: 50px 30px;

    background: #fff;

    border-top: 5px solid #36EA96;

}



ul.statusList {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin-bottom: 50px;

}



ul.statusList li {

    font-size: 15px;

    background: #EAEAEA;

    line-height: 1;

    color: #8D8D8D;

    padding: 8px 20px;

    margin: 0 5px;

    border-radius: 30px;

}



ul.statusList .active {

    background: #006837;

    color: #fff;

}



.singleFilterItems.detailsItem .profileFilterBottom {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}





.singleFilterItems.detailsItem .proBotLeft {

    width: 100%;

}



.singleFilterItems.detailsItem .proBotright {

    margin-left: auto;

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    margin-top: 15px;

}



.profileExperience span {

    color: #9B9B9E;

    font-size: 16px;

}



.profileExperience h3 {

    font-size: 18px;

    font-weight: 400;

    color: #3E3F68;

}



ul.experiPortfoliImg {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



li.experi {

    width: 220px;

    -ms-flex-negative: 0;

        flex-shrink: 0;

    overflow: hidden;

    border-radius: 15px;

    height: 130px;

    margin-bottom: 15px;

    margin-right: 15px;

    position: relative;

}



li.experi img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;

}



.assigneeSection {

    margin-top: 50px;

}



h2.assigneeTit {

    font-size: 26px;

    line-height: 1;

    margin-bottom: 30px;

    color: #9B9B9E;

    font-weight: 400;

}



.assigneeTop .authoreImage {

    width: 70px;

}



.assigneeTop h5 {

    font-size: 16px;

    font-weight: bold;

    color: #707070;

    margin-top: 7px;

}



.assigneeTop span {

    color: #707070;

    font-size: 16px;

}



.assigneeTop {

    margin-bottom: 15px;

}



.aboutassignee h4 {

    font-size: 18px;

    color: #707070;

    line-height: 1;

    margin-bottom: 12px;

    font-weight: 300;

}



.aboutassignee p {

    font-size: 15px;

    line-height: 1.5;

    color: #707070;

    margin: 0;

}



.aassigneeBottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    padding-top: 25px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



span.aassigneeprice {

    display: block;

    font-size: 20px;

    color: #707070;

}



.singleassignee {

    background: #fff;

    padding: 15px;

    border-radius: 10px;

    -webkit-box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

            box-shadow: 3px 3px 30px rgba(43, 18, 18, .16);

    -ms-flex-preferred-size: 57%;

        flex-basis: 57%;

    margin-right: 20px;

    -ms-flex-negative: 0;

        flex-shrink: 0;

    min-width: 255px;

}



.assigneelist {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.viewAll img {

    height: 18px;

    display: inline-block;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    margin-left: 8px;

}





.viewAll:hover {

    color: #006837;

}



.singleRangeSlect {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding: 25px 0;

    position: relative;

}



.rangeTitle {

    margin: 0;

    line-height: 1;

    font-size: 18px;

    font-weight: 400;

    color: #4F697A;

    -ms-flex-negative: 0;

        flex-shrink: 0;

    margin-right: 16px;

    width: 90px;

    margin-top: -4px;

}



.selectYourRange {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

}





.rangeTop {

    position: absolute;

    font-size: 9px;

    color: #9B9B9E;

    top: -2px;

}



.budgetTo, .rangeto {

    right: 19px;

}



.singleRangeSlect .slider > span.slider-container > span.bar-btn > span {

    bottom: 100%;

    top: -13px;

    font-size: 13px;

    font-weight: bold;

    color: #006837;

}



.singleRangeSlect .slider > span.slider-container > span.bar-btn {

    width: 20px !important;

    height: 20px !important;

    background: #006837 !important;

    border-radius: 50%;

    border: 0 !important;

    min-width: unset;

}





.singleRangeSlect .slider > span.slider-container {

    min-height: 27px;

    right: 46px;

    left: 0;

}





.singleRangeSlect .slider {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.singleRangeSlect .slider > span.slider-container > span.bar {

    background: #D4E6DD;

}



.singleRangeSlect .slider > span.slider-container > span.bar > span {

    background: #006837 !important;

}



.singleRangeSlect .slider > span.slider-container > span.bar-btn > span:after {/*content: "Km";*/margin-left: 5px;}



.singleRangeSlect .slider > input {

    height: auto;

}





.singleInput select {

    display: block;

    width: 100%;

    outline: none;

    border: none;

    border-bottom: 1.5px solid #E4E4E4;

    font-size: 18px;

    line-height: 25px;

    color: #8099A5;

    padding: 10px 0px;

}



/*Search Location Google Map*/



#map {

    display: none;

}



#pac-input {

    display: block;

    width: 100%;

    outline: none;

    border: none;

    border-bottom: 1.5px solid #E4E4E4;

    font-size: 18px;

    line-height: 25px;

    color: #8099A5;

    padding: 10px 0px;

    margin-left: 0;

}



.res_first {

    position: absolute;

    background: #fff;

    -webkit-box-shadow: 2px 3px 11px 0px #00000070;

            box-shadow: 2px 3px 11px 0px #00000070;

    padding: 5px 10px;

    border-radius: 9px;

    font-size: 16px;

    color: #006938;

    font-weight: bold;

    left: 30px;

    bottom: 52px;

}





/*

=======================================

howitswork.html

=======================================

*/



.blowerImage {

    -webkit-filter: blur(7px);

            filter: blur(7px);

}



.innerPageBanar {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    min-height: 650px;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

    margin-bottom: 90px;

}



.innerBanarContent {

    color: #fff;

    padding-bottom: 120px;

    padding-top: 250px;

}



.banarTitle {

    font-size: 50px;

    line-height: 1.4;

    text-transform: uppercase;

    margin: 0;

}



.banarSubTitle {

    font-size: 60px;

    line-height: 1.3;

    margin: 0;

    font-weight: 300;

}



.banarText {

    font-size: 25px;

    line-height: 1.3;

    margin-bottom: 40px;

}



.content-center {

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



.singleWorkBoxOuter {

    height: 100%;

    padding-bottom: 30px;

}



.singleWorkBox {

    -webkit-box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

            box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

    padding: 30px 15px;

    border-radius: 10px;

    height: 100%;

    overflow: hidden;

    position: relative;

}



.workBoxTitle {

    font-size: 14px;

    color: #707070;

    line-height: 1.4;

    min-height: 44px;

    margin-bottom: 7px;

}



.singleWorkBox p {

    margin: 0;

    font-size: 14px;

    color: #707070;

}



.singleWorkBox:after {

    position: absolute;

    left: 0;

    top: -12px;

    right: 0;

    height: 12px;

    background: #36EA96;

    content: "";

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.singleWorkBox:hover:after {

    top: 0;

}



/*------------------------------------*/



.howitworkSteepsBox {

    margin-top: 150px;

    margin-bottom: 100px;

}



img.worksteepsArrows {

    position: absolute;

    z-index: -1;

    width: 50%;

    left: 25%;

    top: 110px;

}



.howitworContainer {

    position: relative;

    z-index: 1;

}



@media (min-width: 1200px) {

    .container.howitworContainer {

        max-width: 1000px;

    }

}



.howitWorkBoxIcon {

    width: 200px;

    height: 200px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: 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;

    background: #fff;

    border-radius: 50%;

    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .08);

            box-shadow: 0 3px 12px rgba(0, 0, 0, .08);

}



.howitWorkBoxIcon img {

    height: 50px;

}



span.steepNumber {

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    background: #36EA96;

    color: #fff;

    font-size: 35px;

    font-weight: bold;

    width: 50px;

    height: 50px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border-radius: 50%;

    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .08);

            box-shadow: 0 3px 12px rgba(0, 0, 0, .08);

}



.howitWorkBox h3 {

    font-size: 19px;

    color: #707070;

    line-height: 1.2;

    margin: 30px 0 8px 0;

}



.howitWorkBox p {

    margin: 0;

    font-size: 14px;

    color: #707070;

}



.howitWorkBox {

    max-width: 250px;

    padding-bottom: 40px;

    margin-left: auto;

    margin-right: auto;

}



.theFinalBox {

    width: 200px;

    height: 200px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    position: relative;

    background: #36EA96;

    color: #fff;

    border-radius: 50%;

    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .08);

            box-shadow: 0 3px 12px rgba(0, 0, 0, .08);

    font-size: 19px;

    text-align: center;

    font-weight: bold;

    padding-top: 30px;

}



.theFinalBox img {

    height: 35px;

}



.howitWorkBox.howitWorkBox2 {

    margin-top: -26px;

}



.howitWorkBox.howitWorkBox3 {

    margin-top: 121px;

}



.howitWorkBox.howitWorkBox4 {

    margin-top: 200px;

}



.howitWorkBox.howitWorkBoxfinal {

    margin-top: 63px;

    margin-left: 264px;

}





/*

=======================================

contactus.html

=======================================

*/

.maplocation {

    margin-bottom: 75px;

}



.sectionTitle.contactusTitle {

    padding: 0;

}



.contactInput input, .contactInput textarea {

    background: #F8F8F8;

    display: block;

    width: 100%;

    border: 1px solid #E8E8E8;

    color: #817979;

    font-size: 16px;

    line-height: 1;

    padding: 20px 20px 20px 30px;

    margin-bottom: 20px;

    outline: none;

}



.contactInput input::-webkit-input-placeholder, .contactInput textarea::-webkit-input-placeholder {

    color: #787474;

}



.contactInput input::-moz-placeholder, .contactInput textarea::-moz-placeholder {

    color: #787474;

}



.contactInput input:-ms-input-placeholder, .contactInput textarea:-ms-input-placeholder {

    color: #787474;

}



.contactInput input::-ms-input-placeholder, .contactInput textarea::-ms-input-placeholder {

    color: #787474;

}



.contactInput input::placeholder, .contactInput textarea::placeholder {

    color: #787474;

}



.contactInput.conTextarea textarea {

    margin: 0;

    height: 100%;

}



.contactInput.conTextarea {

    height: 100%;

}



.sendBtn {

    background: #006938;

    color: #fff;

    display: block;

    font-size: 18px;

    width: 100%;

    border: 1px solid #006938;

    padding: 20px;

    line-height: 1;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.sendBtn img {

    display: inline-block;

    margin-left: 7px;

}



.contactForm {

    margin-bottom: 60px;

}



.sendBtn i {

    font-size: 21px;

    margin-left: 7px;

    position: relative;

    right: 0;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.sendBtn:hover {

    background: #fff;

    color: #006938;

}



.sendBtn:hover i {

    right: -5px;

}



.contactIcon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 70px;

    height: 70px;

    margin: 0 auto;

    background: #006938;

    color: #fff;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    font-size: 20px;

    border-radius: 50px;

    border: 2px solid #006938;

    margin-bottom: 15px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.contactInfo:hover .contactIcon {

    background: #fff;

    border-color: #006938;

    color: #006938;

}



.contactInfo a {

    display: block;

    font-size: 13px;

    color: #B1B1B1;

    max-width: 216px;

    line-height: 1.4;

    margin: 0 auto;

    margin-top: 4px;

}



.contactInfo span {

    font-size: 20px;

    color: #000000;

    display: block;

    line-height: 1;

    margin-bottom: 12px;

}



.contactInfo {

    margin-bottom: 30px;

}



.faqlistArea {

    margin-top: 130px;

}



.accordion.faqlists .card {

    margin: 0;

    border-radius: 0;

    background: transparent;

    border: 1px solid #ddd !important;

    padding: 15px 10px;

}



.accordion.faqlists  .card-header {

    margin: 0;

    padding: 0;

    background: transparent;

    border-radius: 0;

    border: 0;

}



.accordion.faqlists .btn {

    display: block;

    color: #707070;

    font-size: 22px;

    padding: 0;

    line-height: 1;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    text-decoration: none;

    font-weight: bold;

    color: #006938;

    text-align: left;

    width: 100%;

    position: relative;

    padding-right: 30px;

}



.accordion.faqlists h2 {

    height: auto;

    line-height: 1;

}



.accordion.faqlists .collapsed {

    font-weight: 400;

    color: #707070;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.accordion.faqlists {

    padding-left: 51px;

    max-width: 700px;

}



.accordion.faqlists .card-body {

    background: #f6f5f5;

    font-size: 16px;

    line-height: 1.5;

    padding: 15px;

    margin-left: 0;

    margin-top: 5px;

}



.latestPhoto-area {

    margin-top: 100px;

}



.phosliderList.owl-carousel button.owl-next {

    position: absolute;

    right: 0;

    top: 50%;

    width: 50px;

    height: 50px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    background: #006938;

    z-index: 1;

    font-size: 17px;

    color: #fff;

    right: 5%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    border: 1px solid #006938;

    outline: none;

}



.phosliderList.owl-carousel button.owl-next:hover {

    border-color: #fff;

}



.phosliderList.owl-carousel .owl-nav {height: 0px;}



.largText {

    font-size: 30px;

    line-height: 1.5;

    margin: 0 auto;

    max-width: 700px;

    margin-bottom: 55px;

}



.collapseBtn {

    position: absolute;

    right: 0;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    opacity: 0;

    top: 0;

}



.accordion.faqlists .collapsed .collapseBtn.plus {

    opacity: 1;

}



.collapseBtn.minus {

    opacity: 1;

}



.accordion.faqlists .collapsed .collapseBtn.minus {

    opacity: 0;

}





/*

=======================================

singleblogpage.html

=======================================

*/



.select-needs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.select-needs h3 {

    margin: 0;

    font-size: 32px;

    margin-right: 20px;

}







.select-catagory {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.selectCat {

    position: relative;

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

}



.selectCat select {

    display: block;

    color: #fff;

    background: #006938;

    border: 0;

    font-size: 18px;

    padding: 15px  40px 15px 20px;

    min-width: 320px;

    border-radius: 32px;

    -webkit-appearance: none;

    outline: none;

    cursor: pointer;

    line-height: 1;

}



.selectCat select option {

    outline: none;

    border: 0;

}



.selectAroow {

    position: absolute;

    height: 25px;

    right: 12px;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    margin-top: -4px;

}



.select-catagory .selectCat {

    margin-right: 20px;

}



.innerPageBanar.blogBanar {

    margin-bottom: 0px;

}



.singleblogSteep .howitWorkBox {

    margin-bottom: 30px;

}



.grayBg {

    background: #EFEFEF;

}



.blogTopSection {

    padding-top: 40px;

    background: #EFEFEF;

}



section.blogAricale {

    padding: 100px 0 75px;

}



.artiTitle {

    font-size: 32px;

    line-height: 1.4;

    color: #707070;

    margin: 0;

}



.artiSubTitle {

    font-size: 28px;

    line-height: 1.4;

    color: #707070;

    font-weight: 400;

    margin: 0;

}



.aritcaleTitle {

    margin-bottom: 30px;

}



.articalContent p {

    font-size: 16px;

    color: #707070;

    margin-bottom: 20px;

}



.aricontetTitle {

    margin: 0;

    line-height: 1;

    color: #707070;

    font-size: 20px;

}



.regisOfficer {

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    margin: 0 auto;

    text-align: center;

}



.became-aOfficer-area {

    padding: 170px 0 70px 0;

}



.regisOfficer h2 {

    text-align: center;

    font-size: 26px;

    color: #A09C9C;

    line-height: 1.4;

}



.regisOfficer h2 span {

    display: block;

    font-weight: 400;

}



/*------------------*/



.singleaboutSection {

    padding: 100px 0 70px;

}



.sectionTitle.aboutTitle {

    margin-bottom: 75px;

}



.aboutContent {

    font-size: 16px;

    line-height: 2;

    color: #707070;

}



.singleaboutSection:nth-child(odd) {}



.singleaboutSection:nth-child(odd) .aboutContent {

    padding-right: 30px;

}



.singleaboutSection:nth-child(even) .aboutContent {

    padding-left: 30px;

}



.singleaboutSection:nth-child(odd) .aboutContentImg {

    margin-left: 30px;

}



.singleaboutSection:nth-child(even) .aboutContentImg {

    margin-right: 30px;

}



.aboutContentImg {

    position: relative;

    z-index: 1;

    padding-bottom: 50%;

    border-radius: 15px;

    overflow: hidden;

    -webkit-box-shadow: 0px 3px 13px rgba(0, 0, 0, .16);

            box-shadow: 0px 3px 13px rgba(0, 0, 0, .16);

}



.aboutContent.list {

    line-height: 2;

}



.embed-responsive.aboutContentImg {

    height: auto;

    padding: 0;

}



.sectionTitle.aboutTitle .lineShape:after {

    width: 50%;

    background: #006938;

}



.sectionTitle.aboutTitle .lineShape {

    max-width: 120px;

    left: 50%;

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

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

            transform: translate(-50%);

}







/*index.html - Catagory Slider*/



.singleCataSlider {

    padding-bottom: 130%;

    border-radius: 15px;

    overflow: hidden;

    -webkit-box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

            box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

}



.catagoriseSlider.owl-carousel .owl-stage-outer {

    padding: 15px 0;

}



.singleCataSliderOuter {

    padding: 15px 0 ;

}



.catagoriseSlider.owl-carousel .owl-nav button {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);outline: none;}



.catagoriseSlider.owl-carousel .owl-nav button img {

    height: 30px;

}



.catagoriseSlider.owl-carousel .owl-nav button.owl-prev {

    left: -25px;

}



.catagoriseSlider.owl-carousel .owl-nav button.owl-next {

    left: auto;

    right: -25px;

}



.catagorilink {
    color: #fff;
    position: absolute;
    top: auto;
    bottom: 15px;
    font-size: 18px;
    padding: 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 100%;
    text-align: center;

}



.catagorilink:hover {

    color: #e6e3e3;

}


.singleCataSlider img {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}


.singleCataSlider:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}



.catagoriTitle.ourcatagories {

    margin-left: 0;

    margin-top: 100px;

    margin-bottom: 40px;

}



.catagoriTitle.ourcatagories span.lineShape {

    left: 0;

}



/*

================================

singleblogpage-2.html

================================

*/



.watchBtn {

    margin-top: 50px;

}



a.watch {

    display: inline-block;

    font-size: 16px;

    color: #707070;

    border: 1px solid;

    line-height: 1;

    padding: 10px 20px;

    border-radius: 33px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



a.watch:hover {

    background: #707070;

    color: #fff;

}





/*FAQ*/



span.lineShape.larg {

    width: 450px;

    left: 50%;

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

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

            transform: translate(-50%);

}



span.lineShape.larg:after {

    width: 33%;

}



.singleWorkBox-icon img {

    display: block;

    margin: 5px auto 30px auto;

    height: 40px;

}



section.faqList {

    padding: 50px 0 75px;

}



.s-faqsLists h3 {

    font-size: 22px;

    color: #707070;

    line-height: 1.7;

    margin: 0;

}



li.s-faqsLists {

    margin-bottom: 25px;

}



li.s-faqsLists p {

    font-size: 16px;

    color: #707070;

}



/*

====================================

DashBoard CSS

====================================

*/



/*

====================================

DashBoard CSS

====================================

*/





.loginNone {

    display: none !important;

}







ul.loginMenus {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding: 15px 10px 15px 10px;

}



a.logOut {

    display: block;

    color: #2E4765;

    font-size: 14px;

    font-weight: 300;

    line-height: 1;

}



span.dadhBoarmenu {

    cursor: pointer;

}



ul.loginMenus li {margin-right: 10px;}



ul.loginMenus li:last-child {

    margin: 0;

}



.userBut {

    position: relative;

}



.dropdownDashboardLink {

    position: absolute;

    background: #078A4D;

    left: 0;

    right: 0;

    border-radius: 10px;

    padding: 28px 15px 15px 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    font-size: 16px;

    color: #fff;

    line-height: 1;

    font-weight: bold;

    top: 0;

    z-index: -1;

    cursor: pointer;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.dropdownDashboardLink img {

    display: block;

    height: 16px;

    margin-right: 7px;

}



.dropdownDashboardLink.active {

    padding-top: 75px;

}





.loginNone {

    display: none !important;

}



.userButtonsContent {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    border-radius: 10px;

    overflow: hidden;

    background: #fff;

    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .16);

            box-shadow: 0 3px 12px rgba(0, 0, 0, .16);

}



.userImg {

    width: 60px;

    height: 60px;

}



.userImg img {

    display: block;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;

}





a.notification, a.messageNot, span.dadhBoarmenu {

    display: block;

    font-size: 20px;

    color: #2E4765;

    line-height: 1;

    position: relative;

}



span.dadhBoarmenu {

    cursor: pointer;

}





ul.loginMenus li:last-child {

    margin: 0;

}



.userButtons {

    position: relative;

}





.dropdownDashboardLink span.userName {

    position: absolute;

    top: 100%;

    display: block;

    font-size: 13px;

    margin-top: 30px;

    font-weight: 300;

    color: #fff;

    left: 0;

    right: 0;

    pointer-events: none;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.mainmenu.dashMenu  .dropdownDashboardLink span.userName {

    color: #2E4765;

}



span.userName strong {

    font-weight: bold;

}



.dropdownDashboardLink.active {

    padding-top: 75px;

}



a.notification:after, a.messageNot:after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #FF846E;

    opacity: 0;

}



a.notification.active:after, a.messageNot.active:after {

    opacity: 1;

}



/*----------DashOffcanvas-----------*/



.dashboardOffcanvas {

    position: fixed;

    top: 0;

    z-index: 1111111111;

    max-height: 100%;

    bottom: 0;

    overflow: auto;

    background: #006938;

    border-radius: 0 100px 0 0;

    padding: 30px 0 0px 0;

    width: 300px;

    left: -300px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.dashboardOffcanvas.active {

    left: 0px;

}



.dashboardOffcanvasOverlay {

    position: fixed;

    z-index: 11111111;

    top: 0;

    bottom: 0;

    width: 100%;

    left: -100%;

    height: 100%;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.dashboardOffcanvasOverlay.active {

    left: 0%;

}



.dashTopLogo img {

    display: block;

    width: 100%;

    margin-bottom: 30px;

}



.dashTopLogo {

    padding: 0 80px;

}



ul.dashmenuItems li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    color: #fff;

    font-size: 16px;

    padding: 10px 30px;

    margin: 5px 0;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



ul.dashmenuItems li a img {

    display: block;

    width: 22px;

    margin-right: 15px;

    max-height: 20px;

}



ul.dashmenuItems li a:hover,

ul.dashmenuItems li a.active {

    background: #006938;

    color: #fff;

}



ul.dashmenuItems {

    background: #078A4D;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    padding-top: 50px;

    border-radius: 0 100px 0 0;

}



.dashOffContent {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

}



ul.dashmenuItems .card-body {

    padding: 0;

    border-radius: 0;

    background: transparent;

    border: 0;

}



ul.dashmenuItems li .btn.collapsed {

    background: unset;

}



ul.dashmenuItems li a.btn {

    outline: none;

    -webkit-box-shadow: none;

            box-shadow: none;

    border: 0;

    background: #006938;

}



ul.dashmenuItems li .btn.collapsed:hover {

    background: #006938;

}



ul.dashmenuItems> li:last-child {

    margin-top: 30px;

}



.dropdownDashboardLink.active span.userName {

    margin-top: 10px;

}



/*DashBoadr Index*/



.mainmenuArea.dashMenuArea {

    position: relative;

    padding: 20px 0 20px 0;

}



.mainmenu.dashMenu .navbar-brand img {

    display: block;

    height: 80px;

}



.Das-sectionTitle .lineShape.w50 {

    height: 3px;

}



span.lineShape.w50::after {

    width: 50%;

}



.secTi.DashTitle {

    font-size: 26px;

    line-height: 1.3;

    font-weight: 400;

    text-transform: inherit;

    color: #2E4765;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.secTi.DashTitle img {

    display: block;

    height: 24px;

    margin-right: 10px;

}



.sectionTitle.Das-sectionTitle {

    padding-bottom: 10px;

}



.dashCatagori {

    padding: 30px 0;

}



.dashCatagori .catagoList {

    margin: 0 -15px;

    margin-top: 10px;

}



.dashCatagori .catagoriname:hover {

    background: #078A4D;

    color: #fff;

    font-weight: bold;

}



.dashCatagori .catagoriname {

    font-size: 16px;

}



.Das-sectionTitle {

    position: relative;

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    padding-bottom: 10px;

}



.secPad30 {

    padding: 30px 0 !important;

}



.mb40 {

    margin-bottom: 40px !important;

}



ul.kamwamWorkProgress {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin: 0 -15px;

}



li.singleKamwamWork {

    -ms-flex-preferred-size: 20%;

        flex-basis: 20%;

    padding: 15px;

    min-width: 188px;

}



.singleKamwamWorkBox {

    background: #fff;

    -webkit-box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

            box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

    border-radius: 17px;

    padding: 25px 15px;

    text-align: center;

    font-size: 16px;

    color: #707070;

}



.totalkamwam {

    font-size: 25px;

    width: 70px;

    height: 70px;

    font-weight: bold;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin: 0 auto;

    border: 2px solid #078A4D;

    border-radius: 50%;

    color: #078A4D;

    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .20);

            box-shadow: 0 3px 6px rgba(0, 0, 0, .20);

    margin-bottom: 15px;

}



.nav.mycamPillsnav-pills {

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    -webkit-box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

            box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

    border-radius: 15px;

    overflow: hidden;

}



.nav.mycamPillsnav-pills  .nav-link {

    border-radius: 15px;

    color: #707070;

    min-width: 120px;

    text-align: center;

}



.nav.mycamPillsnav-pills .nav-link.active {

    color: #fff;

    background: #078A4D;

}



.mycamwamContent .nav.mycamPillsnav-pills {

    margin-bottom: 30px;

}



.thecurcle canvas {

    -webkit-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

            transform: rotate(90deg);

    transform: rotate(90deg);

    display: block;

    margin: 0 auto 15px auto;

    border-radius: 50%;

    -webkit-box-shadow: 4px 3px 6px rgba(0, 0, 0, .20);

            box-shadow: 4px 3px 6px rgba(0, 0, 0, .20);

    position: relative;

}



ul.profileCompletionList {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin: 0 -15px;

}



li.singleProfileComp {

    -ms-flex-preferred-size: 20%;

        flex-basis: 20%;

    padding: 15px;

    min-width: 188px;

}



.thecurcle {

    background: #fff;

    -webkit-box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

            box-shadow: 0 3px 20px rgba(24, 51, 81, .21);

    border-radius: 17px;

    padding: 25px 15px;

    text-align: center;

    font-size: 16px;

    color: #707070;

    position: relative;

}





.thecurcle canvas:after {

    position: absolute;

    content: "a";

}



.thecurcle strong {

    position: absolute;

    top: 29px;

    z-index: 1;

    left: 50%;

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

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

            transform: translate(-50%);

    color: #078A4D;

    font-size: 18px;

    width: 60px;

    height: 60px;

    -webkit-box-shadow: 4px 3px 4px rgba(0, 0, 0, .20);

            box-shadow: 4px 3px 4px rgba(0, 0, 0, .20);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border-radius: 50%;

    background: #fff;

}



.searchCammField {

    /*position: absolute;*/

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background: #fff;

    left: 25px;

    right: 25px;

    top: -36%;

    /*transform: translateY(-50%);*/

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.searchCamTab {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    background: #078A4D;

    color: #fff;

    padding: 13px 25px;

    border-radius: 20px 20px 0 0;

    line-height: 1;

    font-size: 16px;

    position: relative;

    overflow: hidden;

}



.searchCambutton {

    width: 150px;

    text-align: right;

}



span.searchToggleBtn {

    display: block;

    width: 100%;

}



.searchCammField input, .searchCammField button {

    border: 0;

    outline: none;

    font-size: 16px;

    padding: 5px;

    background: transparent;

}



.searchCammField button {

    background: #078A4D;

    color: #fff;

}



.searchCammField input {

    width: 167px;

}



.searchCammField.active {

    top: 50%;

}



.dropdown.searchToggleBtn .dropdown-menu {

    top: -3px !important;

    left: auto !important;

    bottom: auto !important;

    padding: 0;

    right: 0 !important;

    border: 0;

    width: 192px;

    -webkit-transform: translate3d(0px, 0px, 0px) !important;

            transform: translate3d(0px, 0px, 0px) !important;

}





.dropdown.searchToggleBtn .btn {

    outline: none;

    color: #fff;

    padding: 0;

}



.dropdown.searchToggleBtn .dropdown-toggle::after {

    display: none;

}



.searchCammResult .table .thead-dark th {

    width: 33.3333%;

}



.searchCammResult .table th:first-child {

    padding-left: 30px;

}



.searchCammResult .table td {

    color: #2E4765;

    font-size: 14px;

    padding-top: 15px;

    padding-bottom: 15px;

}



.table tr {

    border-top: 1px solid #707070;

}



.searchCammResult table thead tr {

    border: 0;

}



.searchCammResult .table tbody th:first-child {

    font-weight: 400;

    color: #2E4765;

}



.searchCammResult {

    background: #fff;

    padding: 30px;

    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .16);

            box-shadow: 0 3px 12px rgba(0, 0, 0, .16);

    border-radius: 0 25px 25px 25px;

    max-height: 380px;

    overflow: auto;

}



.searchCammResult .table thead th {

    border: 0;

    color: #078A4D;

}



.searchCammResult .table {

    margin: 0;

}





.mainmenu.dashMenu .navbar-nav .nav-link {

    color: #2E4765;

}



.mainmenu.dashMenu .navbar-nav .nav-link:hover {

    border-color: #2E4765;

}



.mainmenu.dashMenu .navbar-nav .nav-link.active {

    background: #078A4D;

    color: #fff;

}



/*Mycamwa*/



.thePrice.offer {

    font-weight: bold;

    color: #fff;

    background: #078A4D;

    padding: 10px 30px;

    border-radius: 24px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    border: 1px solid #078A4D;

}



.thePrice.offer:hover {

    background: #fff;

    border-color: #078A4D;

    color: #078A4D;

}



.proBotright.mycamwaSocial {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

    margin-left: auto;

    -webkit-box-flex: unset;

        -ms-flex-positive: unset;

            flex-grow: unset;

}



.proBotright.mycamwaSocial img {

    display: block;

    height: 35px;

    margin-left: 7px;

}



.singleFilterItems.singleMyCamWam {

    padding: 30px;

    padding-bottom: 45px;

    -webkit-box-shadow: 0 10px 99px rgba(0, 0, 0, .12);

            box-shadow: 0 10px 99px rgba(0, 0, 0, .12);

    position: relative;

}



.singleFilterItems.singleMyCamWam .authoreImage {

    width: 75px;

}



.singleFilterItems.singleMyCamWam .profileFilterTop h5 {

    font-size: 20px;

}



.singleFilterItems.singleMyCamWam .profileFilterTop span {

    font-size: 14px;

}



.singleFilterItems.singleMyCamWam .profileFilterBottom {

    margin-top: 40px;

}



.singleFilterItems.singleMyCamWam .theLocation, .thePostTime,

.singleFilterItems.singleMyCamWam p.intro {

    font-size: 16px;

}



.haveOffer {

    display: block;

    font-size: 16px;

    color: #078A4D;

    position: absolute;

    bottom: 11px;

}



/*=========== dashboard-paymentSetting.html ==================*/



.bankPaymentAdd {

    -webkit-box-shadow: 0 8px 15px #E7EAF0;

            box-shadow: 0 8px 15px #E7EAF0;

    background: #FFFFFF;

    padding-bottom: 30px;

    padding-top: 30px;

}



.bankPaymentAdd .card {

    border: 0;

    border-radius: 0;

    background: #fff;

    padding-bottom: 15px;

}



.bankPaymentAdd .card .card-header {

    background: transparent;

    padding: 0;

    border: 0;

}



.bankPaymentAdd .card .card-header .btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 100%;

    font-size: 18px;

    color: #515C6F;

    text-decoration: none;

        padding: 10px 15px;

}



.bankPaymentAdd .card .card-header .btn img {

    display: block;

    width: 75px;

    margin-right: 15px;

}



.angelDown {

    margin-left: auto;

    width: 25px;

    height: 25px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    background: #E3E5E8;

    color: #727C8E;

    border-radius: 50%;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    line-height: 1;

    -ms-flex-negative: 0;

        flex-shrink: 0;

}



.card .card-header .btn.collapsed .angelDown i {

    -webkit-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

            transform: rotate(0deg);

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.card .card-header .btn .angelDown i {

    -webkit-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

            transform: rotate(90deg);

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.addCassh input[type="number"]::-webkit-outer-spin-button, 

.addCassh input[type="number"]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    -moz-appearance: textfield;

}



.bankPaymentAdd .card .card-body {

    padding: 0;

}



.bankPaymentAdd .card .card-body .paymentForm {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    background: #F5F5F5;

    -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, .10);

            box-shadow: 0 7px 20px rgba(0, 0, 0, .10);

}



.bankPaymentAdd .card .card-body .paymentForm input {

    display: block;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    color: #707070;

    border: 0;

    outline: none;

    font-size: 20px;

    padding: 10px 10px 10px 30px;

    background: transparent;

}



.bankPaymentAdd .card .card-body .paymentForm button {

    border: 0;

    outline: none;

    -webkit-box-shadow: none;

            box-shadow: none;

    background: #20CA7B;

    color: #fff;

    font-size: 22px;

    line-height: 1;

    padding: 11px 38px;

    -ms-flex-negative: 0;

        flex-shrink: 0;

}



.existingCard {

    padding: 30px;

    background: #fff;

    -webkit-box-shadow: 0 1px 30px #C3CFE2;

            box-shadow: 0 1px 30px #C3CFE2;

    margin-bottom: 20px;

    max-width: 500px;

    cursor: pointer;

}



.card-logo {

    position: relative;

    margin-bottom: 30px;

}



.card-logo img {

    display: block;

    height: 45px;

}



.cardNumber {

    font-size: 18px;

    color: #A7ADB4;

    margin-bottom: 30px;

}



.cardAddedDate {

    color: #C8CFD6;

    font-size: 14px;

}



.cardCircle {

    display: block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    border: 1px solid #078A4D;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    background: transparent;

}



.existingCard:hover .cardCircle,

.existingCard.active .cardCircle {

    background: #078A4D;

}





/*Add Card Modal*/



.modal-content.addCardDetails {

    padding: 30px;

    border: 0;

    border-radius: 0;

    position: relative;

}



.modal-dialog span.close {

    position: absolute;

    right: 15px;

    top: 15px;

    font-size: 25px;

    cursor: pointer;

}



.popUpCardModal .card-logo {

    margin-bottom: 30px;

}





.addCardFormBox {

    -webkit-box-shadow: 0 1px 30px #C3CFE2;

            box-shadow: 0 1px 30px #C3CFE2;

    background: #fff;

    padding: 30px;

}



.scanCard {

    display: block;

    width: 100%;

    border: 1px solid #078A4D;

    color: #078A4D;

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    padding: 13px;

    border-radius: 10px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    margin-bottom: 10px;

}



.scanCard:hover {

    background: #078A4D;

    color: #fff;

}



.addCardFormBox p {

    font-size: 15px;

    color: #191B1D;

}



.addCardForm .cardInput {

    margin-top: 15px;

}



.cardInput input {

    display: block;

    width: 100%;

    outline: none;

    border: 1px solid #C3CFE2;

    font-size: 14px;

    line-height: 1;

    padding: 12px 20px;

    border-radius: 5px;

    color: #191B1D;

}



.cardInput input::-webkit-input-placeholder {

    color: #C3CFE2;

}



.cardInput input::-moz-placeholder {

    color: #C3CFE2;

}



.cardInput input:-ms-input-placeholder {

    color: #C3CFE2;

}



.cardInput input::-ms-input-placeholder {

    color: #C3CFE2;

}



.cardInput input::placeholder {

    color: #C3CFE2;

}



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

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

    -webkit-appearance: none;

    -moz-appearance: textfield;

}



.multiCardInput {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.multiCardInput .cardInput:first-child input {

    width: 88px;

}



.cardInput {

    position: relative;

}



.cardInput i {

    position: absolute;

}



.cardInput.selectInput select {

    display: block;

    width: 100%;

    outline: none;

    border: 1px solid #C3CFE2;

    font-size: 16px;

    line-height: 1;

    padding: 12px 11px;

    border-radius: 5px;

    width: 80px;

    -webkit-appearance: none;

    color: #C3CFE2;

}



.cardInput.selectInput {

    margin-right: 15px;

}



.cardInput.selectInput i {

    right: 9px;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    color: #C3CFE2;

    font-size: 20px;

}



.cardInput.selectInput select option {

    color: #191B1D;

    background: #fff;

}



.cardInput.selectInput select option[value="1"] {

    color: #fff;

}



option {}



.cardInput.selectInput select#yearSelect {

    width: 100px;

}



.saveCardInfo {

    margin-top: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    line-height: 1;

}



.saveCardInfo label {

    margin: 0;

    color: #191B1D;

    font-size: 16px;

    cursor: pointer;

}



.saveCardInfo input {

    display: none;

}



.steepButton {

    margin-top: 30px;

}



.steepButton button {

    display: block;

    width: 100%;

    border: 1px solid #078A4D;

    background: transparent;

    padding: 10px;

    border-radius: 10px;

    margin-top: 15px;

    font-weight: bold;

    color: #078A4D;

    font-size: 16px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    outline: none;

}



.steepButton button.cardNext {

    background: #078A4D;

    color: #fff;

}



.steepButton button.cardNext:hover {

    background: #fff;

    color: #078A4D;

}



.steepButton button:hover {

    background: #078A4D;

    color: #fff;

}



.saveCardInfo label span {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 30px;

    height: 25px;

    border: 1px solid #C3CFE2;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border-radius: 5px;

    margin-right: 10px;

    overflow: hidden;

}



.saveCardInfo label span img {

    display: block;

    width: 13px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    opacity: 0;

}



.saveCardInfo input[type="checkbox"]:checked + label span img {

    opacity: 1;

}



/*dashboard-paymentHistory.html*/



.searchPayHis {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .06);

            box-shadow: 0 3px 12px rgba(0, 0, 0, .06);

    padding-left: 10px;

    border-radius: 25px 25px 0 0;

    overflow: hidden;

    position: relative;

    z-index: 1;

    background: #fff;

}



.payhisIn input {

    border: 0;

    outline: none;

    width: 130px;

    font-size: 16px;

    padding: 10px 20px;

    font-size: 15px;

    color: #2E4765;

}



.paymentSHitoryContainer .payhisIn input {

    font-size: 16px;

    padding: 7px 20px;

}



.payhisIn {

    border-right: 2px solid #078A4D;

    position: relative;

}



.payhisIn.to {

    border-right: 0;

}



.searchPayHis label {

    margin: 0;

    position: absolute;

    right: 11px;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

}



.searchPayHis label img {

    display: block;

    height: 9px;

}



.wrapers.DashWrapers {

    background: #F6F6F6;

    padding-bottom: 100px;

}



button.payhisBut {

    display: block;

    border: 0;

    background: #078A4D;

    color: #fff;

    padding: 10px  30px  10px  19px;

    font-size: 18px;

    outline: none;

}



.tableRow {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    text-align: center;

    color: #707070;

    min-width: 950px; 

    position: relative;

    cursor: pointer;

}



.rowLine {

    border-bottom: 1px solid #70707078;

    position: relative;

    min-width: 950px;

}



.rowLine:last-child {

    border-bottom: 0;

}



.paymentSHitoryTable {

    padding: 30px 20px 10px 20px;

    background: #fff;

    -webkit-box-shadow: 0 2px 19px rgba(0, 0, 0, .16);

            box-shadow: 0 2px 19px rgba(0, 0, 0, .16);

    border-radius: 0 20px 20px  20px;

}



.tableRow.tableHead {

    font-weight: bold;

    color: #078A4D;

}



.tablecell {

    -ms-flex-negative: 0;

        flex-shrink: 0;

    border-right: 1px solid #70707078;

    padding: 8px 5px;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

}



.tablecell:nth-child(1) {

    -ms-flex-preferred-size: 12%;

        flex-basis: 12%;

    min-width: 129px;

}



.tablecell:nth-child(2) {

    -ms-flex-preferred-size: 13%;

        flex-basis: 13%;

    min-width: 139px;

}



.tablecell:nth-child(3) {

    -ms-flex-preferred-size: 15.5%;

        flex-basis: 15.5%;

    min-width: 166px;

}



.tablecell:nth-child(5) {

    -ms-flex-preferred-size: 11%;

        flex-basis: 11%;

    min-width: 119px;

    color: #078A4D;

}



.tablecell:nth-child(4) {

    -ms-flex-preferred-size: 7%;

        flex-basis: 7%;

    min-width: 80px;

}



.tablecell:nth-child(6) {

    -ms-flex-preferred-size: 15%;

        flex-basis: 15%;

    min-width: 160px;

}



.tablecell:nth-child(7) {

    -ms-flex-preferred-size: 13%;

        flex-basis: 13%;

    min-width: 140px;

}



.tablecell:last-child {

    border: 0;

}



.paymentSHitoryTableContainer {

    padding-bottom: 50px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    overflow: auto;

}



.tableRow.tableBody:last-child {

    border: 0;

}



.pending.tablecell {

    color: #F6BA14;

}



ul.pagination {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin-top: 25px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



ul.pagination .page-link {

    border: 0;

    background: transparent;

    font-weight: bold;

    color: #078A4D;

    padding: 0;

    margin: 5px 15px;

}



ul.pagination .btn {

    outline: none;

    -webkit-box-shadow: none;

            box-shadow: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 64px;

    background: #078A4D;

    color: #fff;

    line-height: 1;

    padding: 5px 15px;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    border-radius: 23px;

    font-weight: bold;

}



ul.pagination .dropdown-toggle::after {font-size: 22px;}



ul.pagination .dropdown-menu {

    width: 100%;

    min-width: auto;

}



ul.pagination .dropdown-menu a {

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    color: #078A4D;

    font-weight: bold;

    padding: 0px 10px;

    text-align: center;

}



ul.pagination .dropdown-menu a:hover {

    background: #078A4D;

    color: #fff;

}



ul.pagination .dropdown {

    margin-left: 15px;

}



.detailPaymenutHistory {

    position: static;

    z-index: 1;

    left: 0;

    right: 0;

    top: 100%;

    background: #078A4D;

    color: #fff;

    height: 0px;

    overflow: auto;

    padding: 0 15px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.detailPaymenutHistory::-webkit-scrollbar {

    display: none;

}



.tableRow.tableHead .tablecell {

    padding-bottom: 20px;

}



.active.rowLine .detailPaymenutHistory {

    height: 130px;

    padding: 15px;

}



.rowLine.active .tableRow.tableBody {

    background: #006938;

    color: #fff !important;

}



.rowLine.active .tableRow .tablecell.pending, .rowLine.active .tableRow .tablecell {

    color: #fff;

}



ul.dashmenuItems li a.btn img.settingMenuAngel {

    position: absolute;

    right: 16px;

    width: 15px;

}



/*dashboard-SettingMenu.html*/



.catagoriname.settingMunuItems {

    font-size: 22px;

    padding: 55px 10px;

    margin-bottom: 30px;

    height: auto;

}



.catagoriname.settingMunuItems .cataIcon img {

    max-height: initial;

    height: 60px;

}



.catagoriname.settingMunuItems:hover {

    background: #078A4D;

    color: #fff;

}





/* dashboard-skill.html */



.accordion.addSkills .card {

    border: 0;

    border-radius: 0;

}



.accordion.addSkills {

    background: #fff;

    border-radius: 15px;

    overflow: hidden;

    -webkit-box-shadow: 0 8px 15px #E7EAF0;

            box-shadow: 0 8px 15px #E7EAF0;

    padding: 0;

}



.accordion.addSkills .card .card-header {

    padding: 0;

    background: transparent;

    border: 0;

}



.accordion.addSkills .card .card-header .btn {

    display: block;

    width: 100%;

    padding: 15px 45px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    font-size: 18px;

    text-decoration: none;

    background: #078A4D;

    border-radius: 0;

     font-weight: bold; 

    color: #fff;

    -webkit-transition: 0s;

    -o-transition: 0s;

    transition: 0s;

}



.accordion.addSkills .card:first-child .card-header .btn {

    padding-top: 30px;

}



.accordion.addSkills .card:last-child .card-header .btn {

    padding-bottom: 30px;

}



.accordion.addSkills .card .card-body {padding: 0px 45px 30px 45px;background: #078A4D;color: #fff;}



.accordion.addSkills .card .card-header .btn.collapsed {

    background: #fff;

    font-weight: 400;

    color: #2E4765;

    -webkit-transition: 1s;

    -o-transition: 1s;

    transition: 1s;

}



.accordion.addSkills .card .card-header .btn .angelDown {

    background: #fff;

}

.accordion.addSkills .card .card-header .btn.collapsed .angelDown {

    background: #E3E5E8;

}



.addSkInp input {

    display: block;

    border: 0;

    outline: none;

    background: #fff;

    padding: 5px 21px;

    border-radius: 29px;

    width: 100%;

    max-width: 280px;

    margin-top: 5px;

    margin-bottom: 25px;

}



.addSkInp span {

    font-size: 16px;

    display: block;

    padding-left: 10px;

}



.addSkInp {

    margin-bottom: 15px;

}



.addSkil h3 {

    margin: 0;

    line-height: 1;

    font-size: 18px;

    font-weight: 400;

}



ul.skillsList {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



.skillItems {

    display: block;

    font-size: 14px;

    color: #fff;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    border: 1px solid #fff;

    padding: 7px 20px;

    border-radius: 25px;

    line-height: 1;

    margin-right: 10px;

    margin-top: 10px;

}



.skillItems:hover, .skillItems.active {

    color: #078A4D;

    background: #fff;

}



.saveSkills {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

    margin-top: 25px;

}



li.skillItems.active {}



.saveSkills button {

    background: transparent;

    border: 1px solid transparent;

    color: #fff;

    padding: 10px 25px;

    line-height: 1;

    margin-left: 10px;

    font-weight: bold;

    border-radius: 27px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    outline: none;

}



.saveSkills button.saveSk, .saveSkills button:hover {

    border: 1px solid #fff;

    color: #078A4D;

    background: #fff;

}





/*dashboard-badges.html*/



.badgesText {

    font-size: 18px;

    line-height: 1.7;

    color: #2E4765;

    margin-bottom: 15px;

    margin: 0;

}



.badgesList {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    max-width: 540px;

    margin-left: -25px;

    margin-right: -25px;

}



.singleBadge {

    -ms-flex-preferred-size: 33.3333%;

        flex-basis: 33.3333%;

    padding: 0 25px;

    -ms-flex-negative: 0;

        flex-shrink: 0;

    margin-top: 35px;

}



.singleBadge img {

    display: block;

    width: 100%;

}



.profeBadgesList {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin: 0 -35px;

}



.singleProBad img {

    display: block;

    width: 100%;

}



.singleProBad {

    -ms-flex-preferred-size: 20%;

        flex-basis: 20%;

    -ms-flex-negative: 0;

        flex-shrink: 0;

    padding: 0 35px;

    margin-bottom: 50px;

}



/*dashboard-notification.html*/



.notificationInput p {

    margin: 0;

    color: #19925A;

    font-size: 16px;

    margin-bottom: 10px;

    margin-left: 10px;

}



.notificaonSearchBox .selectYourRange {

    max-width: 450px;

}



.notificaonSearchBox .filterSideBar {

    padding: 50px 30px;

}



.notificationInput {

    padding-top: 15px;

}



.notInp {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.notInp input {

    background: #E6E6E6;

    border: 0;

    outline: none;

    padding: 10px 25px;

    line-height: 1;

    border-radius: 45px;

    width: 350px;

}



button.greenButton {

    display: block;

    border: 0;

    outline: none;

    background: #078A4D;

    color: #fff;

    font-size: 16px;

    line-height: 1;

    padding: 10px 25px;

    margin-left: 15px;

    border-radius: 45px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.notFicResult {

    background: #fff;

    padding: 30px;

    border-radius: 0 30px 30px 30px;

    overflow: auto;

}



.notFicResult .table {

    margin: 0;

    FONT-VARIANT: JIS04;

    border-top: 2px solid #fff;

    text-align: center;

    min-width: 450px;

}



.notFicResult .table thead th {

    border: 0;

    border-right: 1px solid #DBDBDB;

    color: #078A4D;

    padding-bottom: 30px;

    font-weight: bold;

}



.notFicResult .table td, .notFicResult .table th {

    border-right: 1px solid #ddd;

}



.notFicResult .table thead th:last-child, .notFicResult .table td:last-child, .notFicResult .table th:last-child {

    border-right: 0;

}



.notFicResult .table td, .notFicResult .table th {

    border-top: 1px solid #DBDBDB;

    color: #848B88;

    font-weight: 400;

}





/*dashboard-profile.html*/



.profileUpdate {

    background: #fff;

    padding: 50px 30px;

}



.profiInout input {

    display: block;

    width: 100%;

    background: transparent;

    border: 0;

    outline: none;

    color: #4F4F4F;

    font-size: 16px;

    line-height: 1;

    padding: 13px 15px;

    margin-bottom: 15px;

    -webkit-box-shadow: 8px 9px 20px rgba(0, 0, 0, .16);

            box-shadow: 8px 9px 20px rgba(0, 0, 0, .16);

    border-radius: 5px;

}



.profiInout input::-webkit-input-placeholder {

    color: #4F4F4F;

}



.profiInout input::-moz-placeholder {

    color: #4F4F4F;

}



.profiInout input:-ms-input-placeholder {

    color: #4F4F4F;

}



.profiInout input::-ms-input-placeholder {

    color: #4F4F4F;

}



.profiInout input::placeholder {

    color: #4F4F4F;

}



.profiInout span {

    font-size: 18px;

    line-height: 1;

    padding: 10px 15px;

    display: block;

    margin-bottom: 15px;

    color: #4F4F4F;

}



.profiInout.profileimageUpload input {

    display: none;

}



.profileImageChange {

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

}



#profileImage img {

    display: block;

    width: 100%;

}



#profileImage {

    width: 200px;

    border-radius: 15px;

    overflow: hidden;

}



.profiInout.profileimageUpload {

    margin-top: 10px;

    font-size: 16px;

    color: #B1B1B1;

}



.profiInout.profileimageUpload label {

    cursor: pointer;

}



.profileUpdate button.greenButton {

    margin-top: 30px;

    margin-left: auto;

    padding: 10px 45px;

    margin-right: 34px;

}





/*dashboard-passwordChange.html*/



.profiInout.passInpu input {

    padding-left: 45px;

}



.profiInout.passInpu label {

    margin: 0;

    line-height: 1;

    position: absolute;

    top: 50%;

    left: 15px;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    margin-top: -1px;

}



.profiInout.passInpu {

    position: relative;

}



.profiInout.passInpu label img {

    display: block;

    height: 20px;

}



.profiInout.passInpu input::-webkit-input-placeholder {

    color: #ABB5C1;

}



.profiInout.passInpu input::-moz-placeholder {

    color: #ABB5C1;

}



.profiInout.passInpu input:-ms-input-placeholder {

    color: #ABB5C1;

}



.profiInout.passInpu input::-ms-input-placeholder {

    color: #ABB5C1;

}



.profiInout.passInpu input::placeholder {

    color: #ABB5C1;

}





/*dashboard-alert.html*/







.alertList {

    padding: 15px 30px 30px 30px;

    background: #fff;

}



.alertList .singleAlert {

    border-top: 2px solid #DEE5EB;

    padding: 15px 0  15px  30px;

    position: relative;

}



.alertList .singleAlert:first-child {

    border: 0;

}



.closeALert {

    position: absolute;

    top: 15px;

    left: 0px;

    width: 18px;

    height: 18px;

    background: #c2bebe;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    line-height: 1;

    font-size: 16px;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

}



.alertButton {

    display: inline-block;

    line-height: 1;

    background: #078A4D;

    color: #fff;

    padding: 5px 10px;

    border-radius: 4px;

    font-size: 12px;

    font-weight: bold;

}



.alertTime {

    display: block;

    color: #9B9B9E;

    position: absolute;

    right: 0;

    top: 15px;

}



.singleAlert p {

    font-size: 16px;

    line-height: 1.3;

    color: #9B9B9E;

    margin: 0;

}



.alertTitle {

    font-size: 16px;

    color: #2E4765;

    line-height: 1.3;

    margin: 5px 0 0 0;

}



.singleAlert a {

    color: #078A4D;

    font-size: 14px;

    font-weight: bold;

    margin-top: 10px;

    display: block;

    line-height: 1;

}



.coment {

    background: #2E4765;

}



.message {

    background: #6403C3;

}



.connect {

    background: #F69711;

}





.add_service_formpage {

    padding: 30px 15px;

    background: #fff;

}



.addServiceInputList {

    max-width: 675px;

}



.addServiceInput input {

    display: block;

    width: 100%;

    background: transparent;

    border: 0;

    outline: none;

    color: #4F4F4F;

    font-size: 16px;

    line-height: 1;

    padding: 13px 15px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 3px rgb(0 0 0 / 38%);

            box-shadow: 0px 0px 3px rgb(0 0 0 / 38%);

    border-radius: 5px;

    outline: none;

    margin-bottom: 24px;

}



.addServiceFile input, .addServiceFile label {

    font-size: 16px;

}



.addServiceInput label {

    font-size: 16px;

}



/* Slider Customemize */



.profileSlider.desktopSlider .owl-stage {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    width: 100% !important;

    -webkit-transform: translate3d(-0px, 0px, 0px) !important;

            transform: translate3d(-0px, 0px, 0px) !important;

    overflow: hidden;

}



.profileSlider.desktopSlider.owl-carousel.owl-drag .owl-item.acitve {

    display: block !important;

}



.profileSlider.desktopSlider.owl-carousel.owl-drag .owl-item {

    display: none;

}



.profileSlider.desktopSlider.owl-carousel.owl-drag .owl-item.active {

    display: block;

    opacity: 1;

    visibility: visible;

}



.profileSlider.desktopSlider.owl-carousel.owl-drag .owl-item {

    width: 100% !important;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    opacity: 0;

    visibility: hidden;

}



/* Slider Customemize End*/





/*Fixing 27-8-2020*/



.steepContent2 span.label {

    display: block;

    margin-bottom: 0px !important;

    margin-top: 40px;

    display: block;

    font-size: 16px;

    color: #7B7B7B;

    line-height: 1;

}

span.req_fld {

    color: red;

}

.bid_detail .modal-content {

    width: 250px !important;

}



.bid_detail {

    z-index: 10;

}



.steepContent1 {

    margin-top: -20px !important;

}



.steepContent1 .singleInput {

    margin-top: 20px;

}



.steepContent1 .singleInput input {

    padding: 0 5px !important;

}



.steepContent1 .singleInput p {

    margin-bottom: -10px;

}



.steepContent1 .singleInput  label.attatchFile {

    margin: 20px 0;

}



.innerInputs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

            flex-direction: row-reverse;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

}



.innerInputs input {

    width: auto;

    margin-right: 10px;

}



.addServiceFile select {

    display: block;

    padding: 5px 10px;

    min-width: 160px;

    border: 1px solid #aba7a7;

    border-radius: 5px;

    margin-bottom: 25px;

    outline: none;

}



.caam_msg_ft {

    position: absolute;

    bottom: 10px;

}



.banar-icons img {
    height: 70px !important;
    margin: 0 auto 15px auto;
    width: auto !important;
    max-width: 80% !important;
}

.banarFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

ul.banarRightIcons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

ul.banarRightIcons li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 33.3333%;
}

a.banar-icons {
    display: inline-block;
    text-align: center;
    color: #fff;
}

a.readmore.beaTeam {
    display: none;
}

header.mainmenuArea> img {
    display: none;
}
/*
header.mainmenuArea.searchkamwamMenu {
    background: url(../img/new-svg/Group-therapy-bro.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
*/
header.mainmenuArea.searchkamwamMenu.overlay {
background: #006837;
}
.select-catagory-list {
    flex-grow: 1;
}

.select-catagory-list .select2-container {
    width: 100% !important;
}

.select-catagory-list .select2-container .select2-selection--single {
    height: 32px;
}

.allFilterList .proBotright form {
    left: auto !important;
    margin-left: auto !important; 
}