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

.bnrh2 h1, .bnrh2 h2, .newbnr-bg {
    font-family: Poppins,sans-serif !important
}

.bnrh2, .bnrh2 h1, .bnrh2 h2, .bnrh2 p {
    float: left;
    width: 100%
}

.newbnr-bg {
    background: url("../images/bg-bnr.png") left top no-repeat;
    height: 500px
}

.bnrh2 {
    text-align: center;
    padding: 70px 0 30px
}

.butbox987, .butbox988 {
    padding: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px
}

.butbox987, .butbox988, .selectdrpbox {
    border-radius: 5px;
    width: 93%;
    margin: 0 auto;
    margin-left: 4.5%;
}

.bnrh2 h1, .bnrh2 h2 {
    font-size: 40px;
    font-weight: 500;
    color: #ffffff;
    /* text-shadow: 1px 1px 0 #fff; */
    margin: 120px 0 20px 0;
    padding: 0;
    text-align: left;
}

.bnrh2 p {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    /* text-align: center; */
    color: #fff;
}

.butbox987 {
    float: right;
    background-color: #0c1462;
    background-image: url(../images/blue1.png);
    font-family: Poppins
}

    .butbox987 h4, .butbox988 h4 {
        font-size: 25px;
        text-transform: capitalize;
        color: #fff;
        margin: 0;
        font-family: Poppins;
        text-align: center
    }

    .butbox987 p, .butbox988 p {
        margin: 10px 0 0;
        line-height: 20px;
        font-size: 14px;
        width: 100%;
        text-align: center;
        color: #fff
    }

.butbox988 {
    float: left;
    background-color: #ffe210;
    background-image: url(../images/sky1.png);
    background-position: center
}

    .butbox987Old:hover, .butbox988:hover, .butbox988Old:hover {
        background-color: #eeb200
    }
#ctl00_MainContent_myDIV > div > div:nth-child(2) > div > div:nth-child(1) {
    margin-top: 2px;
}


.drpbx {
    float: left;
    width: 22%;
    /* position: relative; */
    margin-bottom: 10px;
    /*margin-top: 14px;*/
}

    .drpbx span {
        /* position: absolute; */
        /* right: 21px; */
        background: 0 0;
        color: #000000;
        font-weight: 500;
        /* top: 15px; */
        width: 100%;
        float: left;
        text-align: right;
        line-height: 0px;
        padding-top: 8px;
    }

.drpdd54 {
    width: 100%;
    border-radius: 0;
    height: 60px;
    border: 0;
    padding-left: 20px;
    color: #000;
}

.ssearch2 {
    background: #FFC107;
    width: 100%;
    float: right;
    height: 50px;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    text-transform: capitalize;
    font-weight: 500;
    text-decoration: none !important;
    border: 0;
    padding: 0 7px;
    margin-bottom: 10px;
    color: #000;
}

.butbox987Old, .butbox988Old {
    width: 50%;
    background-color: #ffe210;
    padding: 10px;
    border-radius: 5px;
    background-repeat: no-repeat
}

.ssearch2:hover {
    background: #d8490c;
    color: #000;
    font-weight: 400
}

label.lblll {
    display: block;
    font-weight: 400;
    cursor: pointer
}

input#ctl00_MainContent_rbCustomProject, input#ctl00_MainContent_rbSkilledWorker {
    visibility: hidden
}

.butbox987 i, .butbox988 i {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0
}

.butbox987 a, .butbox988 a {
    width: 35%;
    margin: 20px auto 0;
    display: block;
    padding: 5px 10px 0 20px;
    height: 41px;
    border-radius: 20px 20px 20px 0;
    font-size: 18px
}

.butbox987 i img, .butbox988 i img {
    width: 32%
}

.butbox987 a i, .butbox988 a i {
    background: #fff;
    margin: 0 !important;
    color: #00b5e3;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 9px;
    float: right
}

.butbox987 a {
    background: #00b5e3;
    color: #000
}

    .butbox987 a:hover, .butbox988 a:hover {
        background: #e26631
    }

.butbox988 a {
    background: #0e1a50;
    color: #fff
}

.butbox987Old {
    float: right;
    background-image: url(../images/wroker2.png);
    background-position: right 53px;
    background-size: 22%;
    font-family: Poppins
}

    .butbox987Old h4, .butbox988Old h4 {
        font-size: 18px;
        text-transform: capitalize;
        color: #000;
        margin: 0;
        font-family: Poppins
    }

    .butbox987Old p, .butbox988Old p {
        margin: 10px 0 0;
        line-height: 20px;
        font-size: 14px;
        text-align: left;
        width: 91%
    }

.butbox988Old {
    float: left;
    background-image: url(../images/projectt53.png);
    background-position: right 62px;
    background-size: 19%
}

.list-inline > li {
    display: block !important;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    font-weight: 700
}

.kumbh {
    position: absolute;
    width: 70px;
    left: 100px;
    top: 40px;
}
.ritdrp {
    background: #ffffff47;
    float: left;
    margin-top: 20px;
}
    .ritdrp h6 {
        width: 100%;
        float: left;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 700;
        color: #000;
        letter-spacing: 2.5px;
    }
h2.headingss {
    font-size: 15px;
    font-weight: 700;
}
.headingss span {
    width: 100%;
    float: left;
    font-size: 45px;
}
#aspnetForm > div:nth-child(178) > section:nth-child(12) > div > div > div.col-md-5 > b {
    font-weight: 400;
}
#aspnetForm > div:nth-child(178) > section:nth-child(12) > div > div > div.col-md-5 > ul {
    width: 100%;
    margin: 20px 0;
    float: left;
}
#aspnetForm > div:nth-child(178) > section:nth-child(12) > div > div > div.col-md-5 > ul li {
    width: 48%;
    float: left;
}
.yelwbtn1 {
    background: #FFC107;
    color: #000;
    padding: 13px 20px;
    float: left;
    box-shadow: 10px 10px 0 #f9c6b3;
    margin-bottom: 30px;
}
.qury h5 {
    position: absolute;
    bottom: -80px;
    /* background: #ccc; */
    background: linear-gradient(30deg, rgba(215, 10, 132, 1) 17%, rgba(81, 18, 127, 1) 100%);
    padding: 10px 20px;
    border-radius: 40px;
    color: #fff;
    font-weight: 500;
    font-size: 38px;
    right: 0;
    width: 100%;
    text-align: center;
}
.pinkgrad {
    background: linear-gradient(30deg, #FFC107 17%, #dc8300 100%);
    border-radius: 100px;
    padding: 30px;
    margin-bottom: 40px;
}
.totalnum i {
    width: 30%;
    float: left;
    font-size: 44px;
    margin-top: 43px;
    text-align: center;
    color: #fff;
}
.totalnum {
    width: 19%;
    float: left;
}
    .totalnum font h3 {
        color: #fff;
        text-shadow: 0 0 BLACK;
        font-size: 30px;
    }
.totalnum font p {
    color: #fff;
    font-size: 16px;
    text-align: left;                   
    font-weight: 500;
    font-family: 'Poppins';
}
.totalnum font {
    width: 70%;
    float: right;
    text-align: left;
}
.title-sec span {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 50px;
    margin-bottom: 30px;
    color: #000;
}
#aspnetForm > div:nth-child(178) > section.whysewamitr > div > div:nth-child(1) > div > center {
    display: none;
}
.title-sec h3 {
    font-size: 15px;
    font-weight: 500;
}
.artimg {
    float: right;
    width: 15%;
    padding-top: 55px;
} 
    .artimg img {
        border-radius: 13px;
        border-bottom: solid 5px #FFC107;
    }
.hwork {
    width: 60%;
    float: left;
}
    .hwork em {
        width: 70%;
        margin: 0 auto;
        text-align: center;
        display: block;
        min-height: 180px;
        line-height: 170px;
        border: solid 5px #ccc;
        border-radius: 110px;
        position: relative;
        display:none;
    }

        .hwork em i {
            font-size: 50px;
            margin-top: 60px;
            float: left;
            text-align: center;
            width: 100%;
            color: #ff2121;
        }
        .hwork em b {
            position: absolute;
            background: #000;
            height: 50px;
            line-height: 50px;
            width: 50px;
            border-radius: 40px;
            right: 0;
            font-style: normal;
            font-size: 21px;
            color: #fff;
        }
    .hwork h6 {
        width: 100%;
        float: left;
        line-height: 30px;
        font-weight: 500;
        text-align: left;
        color: #df8900;
        font-size: 18px;
        margin-top: 20px;
    }
    .hwork h3 {
        text-align: center;
        font-size: 21px;
        line-height: 40px;
    }
    .hwork p {
        line-height: 26px;
        color: #646464;
        font-weight: 400;
    }
.mrtp {
    margin-top: 40px;
}
.whysewamitrbox i img {
    width: 52%;
    /* float: left; */
}
.whysewamitrbox {
    background: #6b492ccf;
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 40px;
}
    .whysewamitrbox center {
        display: none;
    }
    .whysewamitrbox p {
        text-align: justify;
        font-size: 13px !important;
        line-height: 23px;
        font-weight: 500;
        color: #6d6d6d;
    } 
footer {
    background:#FFC107;  
}
.ylwbg {
    background: #664c00;
    height: auto;
    min-height: 200px;
    margin-top: 40px;
    /* box-shadow: 0px 10px 13px #ccc; */
}
.pstroe {
    position: relative;
    margin-top: 20px;
    border: dashed 1px #fff;
    padding: 25px 30px 21px 30px;
    border-radius: 30px;
}
.pstroe i {
    width: 20%;
    float: left;
}
.pstroe p {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    margin-left: 2%;
    float: left;
}
.pstroe font img {
    width: 80%;
}

.pstroe font {
    position: absolute;
    right: 0;
    top: -70px;
}
.ftrabt i a img {
   /* filter: brightness(0) invert(1);*/
    margin-bottom: 30px;
    margin-top: 15px;
}
.ftrabt p {
    font-weight: 300;
    color: #000000;
    font-size: 14px;
}
.link32 b {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #000000;
    font-weight: 300;
    text-transform: capitalize;
    line-height: 60px;
}
.link32 a {
    width: 89%;
    float: left;
    line-height: 37px;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}
.link32 a:hover {
    color: #fff;
    background:none;
}
    .link32 a i {
        margin-right: 15px;
        margin-top: 12px;
        float: left;
    }
span#ctl00_lblupdatedate {
    font-weight: 400;
}
.copyryt span {
    font-weight: 300;
    font-size: 14px;
    line-height: 64px;
}
ul.head-acc li a {
    color: #000;
}
.sercat-box p span {
    font-size: 18px;
    color: #F44336;
}
@media (min-width: 320px) and (max-width: 479px) {
    .bnrh2 h1, .bnrh2 h2 {
        margin: 10px 0 20px 0;
    }

    .ssearch2 {
        width: 91% !important;
        margin-top: 4px;
        float: left !important;
    }

    .totalnum {
        border-bottom: solid 3px #fff;
        background: none;
        box-shadow: none;
        width: 100%;
        border-top: 0;
        border-right: 0;
        border-left: 0;
    }

        .totalnum font p br {
            display: none;
        }

    .hwork em {
        width: 50%;
    }

    .iconcontainer a {
        width: 46% !important;
    }

    .hdtxt {
        padding-left: 22px;
    }

        .hdtxt h3 {
            font-size: 2em !important;
            margin-top: 0 !important;
        }

        .hdtxt p {
            font-size: 1em !important;
        }

    .rad table tbody tr td {
        margin-top: 30px !important;
    }

    .searchb {
        width: 100% !important;
    }

    .totalnum {
        width: 100% !important;
        margin: 5px !important;
        border-radius: 35px !important;
        background: none !important;
        box-shadow: none !important;
    }

    .newdv2 {
        width: 97% !important;
        margin: 1px 0 2px 0;
    }

    .fmbx {
        padding: 10px 0 7px 10px !important;
        border: solid 1px #ccc;
    }

    .yogiji22 {
        width: 80% !important;
        min-height: 480px;
        margin-left: 107px;
    }

    .photoframe {
        right: 84px;
    }

    .othermantribox {
        width: 100% !important;
    }

    .topmant2 {
        left: -26px !important;
    }

    .photoframesm {
        margin-left: 14px !important;
        width: 48%;
    }

    .photoframesm2.clor3 {
        left: -32px !important;
        top: 110px;
                width: 49%;
    }

    .photoframesm2.clor4 {
        left: 159px !important;
        top: 110px;
        width: 49%;
    }

    .photoframesm2.clor5 {
        right: 80px !important;
        top: 340px !important;
    }

    .posnamesm2 {
        right: 2px !important;
    }
        .newmantri {
        height: 1750px !important;
    }

    .col-lg-12.forbor.for32 {
        margin-top: 200px;
    }

    .posnamesm {
        right: 5px !important;
    }
    #aspnetForm > div.newmantri > div.container > div > div.othermantribox > div.topmant2 > div.photoframesm.bggreen {
        right: -195px !important;
        top: -55px;
    }
    .artimg {
        float: right;
        width: 100%;
        padding-top: 5px;
        padding-left: 40px;
    }
    .qury h5 {
        bottom: -80px;
        width: 100%;                                
    }
}
.radio-options tbody tr td input[type="radio"] {
    width: 20px;
    height: 2em;
}
.radio-options tbody tr td label {
    /* height: 2em; */
    /* float: left; */
    height: 45px;
    line-height: 30px;
    vertical-align: middle;
}
ul.head-acc li a span {
    width: 20px;
    border: solid 1px #fff;
    margin-top: 2px;
}
.cart2 span {
    background: #9C27B0;
}
/*************************** new page design css 07 07 25 ********************/
.photoframe {
    float: right;
    position: relative;
}
    .photoframe img {
        position: absolute;
        border-radius: 0 60px 0 50px;
    }
.newmantri {
    height: 720px;
    padding-top: 20px;
    background-image: url(../images/mantribgsec.jpg);
    background-size: cover;
    background-position: 0px 0px;
    margin-bottom: 0px;
}
.posname {
    position: relative;
    bottom: -350px;
    right: -50px;
    background: linear-gradient(180deg, rgba(30, 107, 179, 1) 50%, rgba(38, 72, 152, 1) 100%);
    color: #fff;
    width: 270px;
    text-align: center;
    border-radius: 0 30px;
    padding: 10px 10px 30px 0px;
    /* float: left; */
    /* display: flow; */
    border: solid 1px #fff;
    text-shadow: 1PX 0 BLACK;
    box-shadow: -10px 10px 0 #f5931b;
}
    .posname font {
        width: 100%;
        float: left;
        font-size: 12px;
        font-weight: 300;
    }
    .posname big {
        font-size: 22px;
        font-weight: 500;
    }
.photoframe span {
    width: 105%;
    /* box-shadow: 140px 20px 0px #ccc; */
    height: 230px;
    /* float: left; */
    position: absolute;
    left: 0px;
    top: -13px;
    background: #f7a330;
    border-radius: 0 70px;
}
@keyframes myAnim {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}



.photoframesm {
    float: left;
    position: relative;
    margin-left: 70px;
}

    .photoframesm img {
        position: absolute;
        border-radius: 0 60px 0 50px;
    }


.posnamesm {
    position: relative;
    bottom: -140px;
    right: -40px;
    background: linear-gradient(180deg, rgba(30, 107, 179, 1) 50%, rgba(38, 72, 152, 1) 100%);
    color: #fff;
    width: 180px;
    text-align: center;
    border-radius: 0 30px;
    padding: 7px 0;
    /* float: left; */
    /* display: flow; */
    border: solid 1px #fff;
    text-shadow: 1PX 0 BLACK;
    box-shadow: -8px 7px 0 #fe7694;
    min-height: 76px;
}

    .posnamesm font {
        width: 100%;
        float: left;
        font-size: 9px;
        font-weight: 300;
        line-height: 9px;
    }

    .posnamesm big {
        font-size: 12px;
        font-weight: 500;
    }

.photoframesm span {
    width: 105%;
    /* box-shadow: 140px 20px 0px #ccc; */
    height: 110px;
    /* float: left; */
    position: absolute;
    left: 1px;
    top: -10px;
    background: #fe7694;
    border-radius: 0 70px;
}




.photoframesm2 {
    float: left;
    position: absolute;
    margin-left: 20px;
    top: 190px;
}

    .photoframesm2 img {
        position: absolute;
        border-radius: 0 60px 0 50px;
    }


.posnamesm2 {
    position: relative;
    bottom: -140px;
    right: -40px;
    background: linear-gradient(180deg, rgba(30, 107, 179, 1) 50%, rgba(38, 72, 152, 1) 100%);
    color: #fff;
    width: 180px;
    text-align: center;
    border-radius: 0 30px;
    padding: 7px 0;
    /* float: left; */
    /* display: flow; */
    border: solid 1px #fff;
    text-shadow: 1PX 0 BLACK;
    box-shadow: -8px 7px 0 #fe7694;
    min-height: 78px;
}

    .posnamesm2 font {
        width: 100%;
        float: left;
        font-size: 9px;
        font-weight: 300;
        line-height: 9px;
    }

    .posnamesm2 big {
        font-size: 12px;
        font-weight: 500;
    }

.photoframesm2 span {
    width: 105%;
    /* box-shadow: 140px 20px 0px #ccc; */
    height: 110px;
    /* float: left; */
    position: absolute;
    left: 1px;
    top: -10px;
    background: #fe7694;
    border-radius: 0 70px;
}
.photoframesm.bggreen span {
    background: #5cc5b7;
}
.posnamesm.bxshadw {
    box-shadow: -8px 7px 0 #5cc5b7;
}
.photoframesm2.clor3 span {
    background: #ebcb41;
}
.posnamesm2.bxshadw3 {
    box-shadow: -8px 7px 0 #ebcb41;
}
.photoframesm2.clor4 span {
    background: #55b5d2;
    width: 103%;
    left: 3px;
}
.posnamesm2.bxshadw4 {
    box-shadow: -8px 7px 0 #55b5d2;
}
.photoframesm2.clor5 span {
    background: #69ba3e;
}
.posnamesm2.bxshadw5 {
    box-shadow: -8px 7px 0 #69ba3e;
}
#aspnetForm > div.newmantri > div.container > div.col-lg-7 > div:nth-child(1) > div > div:nth-child(1) {
    margin-left: 100px;
}
.topbor {
    width: 93px;
    height: 93px;
    background: #FFC107;
    border-radius: 70%;
    text-align: center;
    line-height: 93px;
    border: solid 5px #fff;
    box-shadow: 0px 0 9px 0px #ccc;
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative;
}
    .topbor img {
        width: 50px;
        height: auto;
        position: absolute;
        left: 20px;
        top: 15px;
        z-index: 1;
    }
.forbor span {
    width: 100%;
    height: 1px;
    border: solid 0.5px #FFC107;
    position: absolute;
    bottom: 97px;
    z-index: 0;
}
.container3 {
    width: 90%;
    margin: 0 auto;
}
.hitsw {
    width: 100%;
    /* box-shadow: -30px 30px 0 #FFC107; */
    position: relative;
    left: -30px;
    top: 90px;
}
.worknum {
    float: left;
    width: 20%;
    position: relative;
    /* padding-left: 40px; */
}
.worknum span {
    font-size: 130px;
    font-weight: 600;
    color: #ccc;
    position: absolute;
    z-index: 0;
}
.vv1 {
    width: 30%;
    position: relative;
    bottom: -120px;
}
.worknum big {
    width: 50%;
}
.col56 {
    width: 18%;
    float: left;
    margin-right: 2%;
    margin-left: 0%;
    padding: 30px 0px;
}
.whysewamitrbox font {
    float: left;
    width: 50%;
    font-size: 23px;
    text-align: right;
    min-height: 70px;
    color: #ff8008;
}
.marg190 {
    margin-top: 130px;
}
.marg95 { 
    margin-top: 65px;
}
.title-sec h4 {
    font-size: 46px;
    color: #fff;
}
#aspnetForm > section:nth-child(182) > div > div:nth-child(1) > div.title-sec > h3 > span {
    margin-bottom: 10px; 
}
#aspnetForm > section.sec-pad-lg.abbg2 > div > div > div.col-md-5 > b {
    font-weight: 500;
}
#aspnetForm > header > div.container > div > div > div.col-lg-9.col-md-9.col-xs-12.col-sm-9 a {
    margin-top: 10px;
    float: right;
}
    #aspnetForm > header > div.container > div > div > div.col-lg-9.col-md-9.col-xs-12.col-sm-9 a:hover {
        background: none;
    }
.ftrabt i a:hover {
    background: none;
}
.yogiji22 {
    width: 30%;
    float: left;
}
.othermantribox {
    width: 60%;
    float: left;
    height: auto;
    position: relative;
}
.bottomantri {
    width: 100%;
    float: left;
    top: 8px;
    position: relative;
}
.topmant2 {
    width: 100%;
    position: relative;
    left: 50px;
}
.photoframesm2.clor3 {
    left: 50px;
}
.photoframesm2.clor4 {
    left: 273px;
}
.photoframesm2.clor5 {
    right: 0;
}