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



body {

    font-family: 'Roboto', sans-serif;

    /* font-family: 'Century Gothic', sans-serif; */

    letter-spacing: 0.3px;

}



.wt-icon-number {

    position: relative;

}

.forcefullwidth_wrapper_tp_banner{
    height:640px !important;
}


.logo-header-one a img {

    /* margin-left: -158px; */

    height: auto;

    /* margin-bottom: -9px; */

    width: 100%;

    /* padding-bottom: 10px; */

}



.site-bg-secondry {

    background-color: #bec8d4 !important;

}



.contact-slide-show {

    background-color: #1c63b8 !important;

}



.header-search-icon {}



.main-bar {

    background-color: #3083e5 !important;

}



.header-2-nav {

    margin-right: -80px;

}



.navbar-nav {

    margin-right: 70px;

}



.colarge-2-1.secimg {

    /* left: -20px !important; */

    /* bottom: 159px; */

    position: absolute;

    max-width: none;

    top: 10%;

    left: 0;

}



.pagesec {

    left: -20px !important;

    bottom: 163px;

    position: absolute;

    max-width: none;

}



.colarge-2-1.thirdimg {

    position: absolute;

    left: 0px;

    /* bottom: 158px; */

    top: 10%;

    max-width: none;

    width: 100%;

    text-align: right;

}



.colarge-2-1.thirdimg img {

    height: 320px

}



.header-nav .nav>li:hover>a:hover {

    color: #fff !important;

    border-bottom: 1px solid #fff;

    padding-bottom: 12px;

}



.header-nav .nav>li>a.active {

    color: #fff;

    border-bottom: 1px solid #fff;

    padding-bottom: 12px;

}



.colarge-2-1.thirdimg img {

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

}



.cardbackground {

    background-color: #1c63b8 !important;

    border-radius: 40px;

}



.seccard {

    background-color: #239123;

}



.cardbacksec {

    background-color: #239123 !important;

    border-radius: 40px;

}





/* .index1{

    top:9.5% !important;

} */



.index1 img {

    height: 320px;

}



.backdiv {

    height: 100%;

    width: 49%;

    background-color: #1c63b8;

    /* margin-left: -20px; */

}



.backdivsec {

    height: 100%;

    width: 49%;

    background-color: #1c63b8;

    position: absolute;

    right: 0;

    /* margin-left: 51%; */

    /* margin-top: 55px; */

}



.centerheading h1 {

    text-align: center;

    color: #1c63b8 !important;

    font-weight: 600;

    font-size: 50px;

    margin-bottom: 0;

    width: 50%;

    margin: auto;

}



.centerheading h5 {

    text-align: center;

    padding-bottom: 70px;

}



.img-colarge2 {

    padding-top: 60px;

}



.img-colarge4 {

    padding-top: 0;

}



.firstcard {

    text-align: left;

}



.btnfirst a {

    background-color: #1c63b8;

}



.slidertxt {

    font-size: 55px !important;

    line-height: 60px !important;

}



.footersecone {

    padding-left: 10%;

}



.facebook li a {

    margin-right: 13px;

}



.midseccard span {

    font-size: 22px;

    font-weight: 600;

    line-height: 30px;

    color: #fff;

}



.secondarybox span {

    line-height: 25px;

    font-size: 25px;

    padding-top: 20px;

}



.secondarybox p {

    padding-top: 15px;

}



.thirdbox {

    padding-top: 70px;

}



.service-box-title {

    color: #fff;

}



.service-box-content a {

    color: #fff;

}



.sliderhome {

    background-image: url(../images/banner/banner1.jpeg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 600px;

    width: 100%;

    background-position: center;

}



@media (max-width:768px) {

    /* .sliderhome{

        height: 312px;

    } */

    .colarge-2-1.thirdimg img {

        height: auto;

    }

    h2 {

        font-size: 25px;

    }

    .wt-icon-number {

        display: none;

    }

    .location {

        position: relative !important;

        right: 0;

        top: 0 !important;

        padding: 20px 0 10px 0;

    }

    .contactuspage {

        background-color: #fff !important;

    }

    .widget_address li {

        color: #0a0909;

    }

    .contactuspage ul li i {

        color: #448b46 !important;

    }

    .wt-icon-box-md {

        width: auto;

        height: auto;

    }

    .toplogocard img {

        height: 80px !important;

    }

    .desktop-view {

        display: none !important;

    }

    .mobile-view {

        display: block !important;

        margin-bottom: 6px !important;

        margin-top: 15px !important;

    }

    .visionheadding {

        padding-top: 0px !important;

    }

    .corevalue {

        /* margin-top: 25%; */

    }

    .secondbox {

        padding-top: 70px;

    }

    .ject {

        margin: 0px !important;

        margin-bottom: 10px !important;

    }

    .service-box-title {

        margin-bottom: 10px;

    }

    .service-box-1 {

        padding: 5px 13px;

    }

    .cardbacksec,

    .cardbackground {

        border-radius: 20px;

    }

    .centerheading h1 {

        font-size: 32px;

        width: 100%;

    }

}



.img-colarge22 {

    padding-top: 60px;

}



.img-colarge22 {

    position: relative;

    height: 100%;

    margin-bottom: 110px;

}



h2 {

    font-size: 30px;

    color: #448b46;

}



.lastdone1 ul li {

    color: black !important;

}



.desktop-view {

    display: block;

}



.mobile-view {

    display: none;

}



.toplogocard {

    margin-top: -60px;

    text-align: center;

    border-radius: 20px;

}



.toplogocard img {

    height: 100px;

}



.backtoplogomar {

    text-align: center;

}



.lastoneback {

    background-color: #97aa9d !important;

}



.sliderhome h1 {

    font-size: 50px;

    color: white;

    font-weight: 600;

    padding-left: 40px;

    padding-top: 80px;

}



.sliderhome h5 {

    font-weight: 300;

    font-size: 17px;

    color: white;

    padding-left: 40px;

}



.sliderhome a {

    padding-left: 40px;

    color: white;

}



.lineofcards {

    margin-right: -45px;

}



.topone {

    padding-bottom: 15px;

}



.linecardsection {

    padding-top: 0;

    padding-bottom: 80px;

}



.everysec {

    padding-top: 20px;

}



.testi {

    /* width: 380px; */

    /* margin-left: -60px; */

    height: 300px;

    background: #bec8d4;

    border: 1px solid white;

    border-radius: 10px;

    background-image: linear-gradient(45deg, #1c63b8, transparent);

    color: #fff;

}



.getin p {

    color: black !important;

}



.midli li a {

    color: black !important;

}



.lastdone ul li {

    color: black !important;

}



.facebook ul li {

    background-color: #1c63b8 !important;

    color: #1c63b8 !important;

}



.aboveface span {

    color: black !important;

}



.workdone li a {

    color: black !important;

}



.footsecall {

    background-color: #bec8d4 !important;

}



.footbtm {

    border-top: 2px solid #1c63b8 !important;

    background: #bec8d4 !important;

}



.owl-dots {

    padding-bottom: 100px;

}



.lineofbrand {

    padding-top: 100px;

    padding-bottom: 100px;

}



@media (max-width:992px) {

    /*.teamwork {*/

    /*    padding-top: 70px;*/

    /*}*/

    .backdiv {

        /* height: 46vh; */

    }

    .backdivsec {

        /* height: 46vh; */

    }

    .midseccard span {

        font-size: 19px;

    }

    .wt-icon-number span {

        font-size: 90px;

    }

    .wt-icon-box-wraper {

        height: 70px;

        position: revert;

    }

    .service-box-title {

        margin-top: 5px;

    }

}



.wt-icon-box-wraper {

    /* display: flex;

    flex-wrap: nowrap; */

}



.wt-icon-number {

    /* margin-left: 100px; */

}



@media (max-width: 768px) {

    .midseccard span {

        font-size: 13px;

        line-height: 15px;

    }

    .sliderhome h1 {

        font-size: 24px;

        padding-top: 8%;

        padding-bottom: 2%;

    }

    .colarge-2-1.thirdimg img {

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

    }

    .top-half-section {

        margin-top: 0px !important;

    }

    .m-b50 {

        margin-bottom: 22px;

    }

    .backdiv {

        display: none;

    }

    .backdivsec {

        display: none;

    }

    .since-year2 span {

        font-size: 30px;

    }

    .since-year2 strong {

        font-size: 60px;

    }

    h5 {

        font-size: 14px;

    }

    .cell p {

        font-size: 10px !important;

    }

    .symb {

        height: 35px !important;

    }

    .proheading h1 {

        font-size: 20px;

        width: 100% !important;

        background-image: linear-gradient(to right, #218ce9, transparent);

        background-color: transparent !important;

    }

    .proimgstart img {

        height: auto !important;

    }

    .projecthead h2 {

        padding-top: 0% !important;

    }

}



.btn-success1 {

    background-color: #448b46;

    color: #fff;

    padding-left: 12px !important;

}



.sticky-wrapper {

    height: 70px !important;

}



.loader span {

    background: rgb(13, 126, 187)

}



@media (max-width: 740px) {

    .btn-success1 {

        font-size: 12px !important;

    }

    .logo-header-one a img {

        /* margin-left: -16px; */

        /* margin-bottom: 10px; */

        width: 100%;

        height: auto;

    }

    .extra-cell {

        display: none !important;

    }

    .sliderhome h1 {

        font-size: 24px;

        padding-top: 7%;

        padding-bottom: 10px;

    }

    .navbar-nav li a {

        color: black !important;

    }

    .lineofcards.col-lg-6 {

        height: 261px;

    }

    .lineofcards {

        margin-right: -15px;

    }

    /*.teamwork {*/

    /*    padding-top: 70px;*/

    /*}*/

    .backdiv {

        display: none;

    }

    .colarge-2-1.secimg {

        width: 100% !important;

        height: auto !important;

        position: initial !important;

        left: 0 !important;

        margin: auto;

        text-align: center !important;

    }

    .overlapsec img {

        margin-bottom: 0px !important;

        margin-left: 0px !important;

        width: 100% !important;

    }

    .img-colarge2 {

        margin-bottom: 0px !important;

    }

    .abheading {

        padding-top: 0px !important;

    }

    .colarge-2-1.secimg img {

        border-radius: 30px !important;

    }

    h2 {

        text-align: center;

    }

    .welcom-to-section {

        text-align: center;

    }

    .linecardsection {

        padding-bottom: 50px;

    }

    .backdivsec {

        display: none;

    }

    .colarge-2-1.thirdimg {

        left: 0px;

        width: 100%;

        position: relative;

    }

    .img-colarge2 {

        padding-top: 0px;

    }

    .owl-carousel .owl-item img {

        height: 65px !important;

    }

    .colarge-2-1.thirdimg img {

        border-radius: 0px !important;

    }

    .lineofbrand {

        padding-top: 20px;

        padding-bottom: 0px;

    }

    .card.testi {

        /* margin-left: 30%;

    width: 250px; */

        height: 300px;

    }

    .is-fixed.color-fill .header-nav .nav>li {

        margin: 0px 20px;

        padding: 10px 0px;

    }

    .getin h3 {

        text-align: center;

    }

    .getin p {

        text-align: center;

    }

    .example {

        text-align: center;

    }

    .footer-h-right {

        text-align: center;

    }

    .footer-h-left {

        text-align: left;

    }

    .lastdone h3 {

        text-align: center;

    }

    .lastdone ul li {

        text-align: center;

    }

}



.top-half-section {

    margin-top: -220px;

}



.sth1 {

    margin-top: -50px !important

}



.owl-carousel .owl-item {

    transition: all 0.3s ease-in-out;

}



.owl-carousel .owl-item .card {

    padding: 30px;

    position: relative;

}



.owl-carousel .owl-stage-outer {

    overflow-y: auto !important;

    padding-bottom: 40px;

}



.owl-carousel .owl-item img {

    height: 200px;

    object-fit: cover;

    border-radius: 6px;

}



.owl-carousel .owl-item .card .name {

    position: absolute;

    bottom: -20px;

    left: 33%;

    color: white;

    font-size: 1.1rem;

    font-weight: 600;

    background-color: #1c63b8;

    padding: 0.3rem 0.4rem;

    border-radius: 5px;

    box-shadow: 2px 3px 15px black;

}



.owl-carousel .owl-item .card {

    opacity: 0.2;

    transform: scale3d(0.8, 0.8, 0.8);

    transition: all 0.3s ease-in-out;

}



.owl-carousel .owl-item.active.center .card {

    opacity: 1;

    transform: scale3d(1, 1, 1);

}



.owl-carousel .owl-dots {

    display: inline-block;

    width: 100%;

    text-align: center;

}



.owl-theme .owl-dots .owl-dot span {

    height: 20px;

    background: #2a6ba3 !important;

    border-radius: 2px !important;

    opacity: 0.8;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    height: 13px;

    width: 13px;

    opacity: 1;

    transform: translateY(2px);

    background: #83b8e7 !important;

}



@media(min-width: 480.6px) and (max-width: 575.5px) {

    .owl-carousel .owl-item .card .name {

        left: 24%;

    }

}



@media(max-width: 360px) {

    .owl-carousel .owl-item .card .name {

        left: 30%;

    }

}





/* ----------------------------------aboutus css start---------------------------------------- */



.about img {

    height: 200px;

    width: 400px;

}



.aboutus {

    height: 90%;

}



.visionheadding {

    padding-top: 100px;

    text-align: left !important;

}



.missionheading {

    text-align: left !important;

}



.secaboutvis {

    padding-top: 30px;

}



.aboutfirstone {

    width: 100%;

    background-color: white;

    /* margin-left: -20px; */

}



.img_height {

    height: 90% !important;

}



.aboutfirstone img {

    height: 90%;

    width: 70%;

}



.overlapsec img {

    width: 270px;

    height: 76%;

    /* height: 400px; */

    margin-bottom: 150px;

    margin-left: 270px;

    border-radius: 30px;

    max-width: 80%;

    border: 5px solid #1c63b8;

}



.abheading {

    text-align: left !important;

    padding-bottom: 10px;

    padding-top: 120px;

}



.bluesec span {

    color: #1c63b8;

    font-weight: 600;

}



.doneabout {

    padding-bottom: 0px !important;

}



@media only screen and (max-width: 441px) {

    .proheading h1 {

        font-size: 26px !important;

    }

    .section-full.p-b40 {

        padding-bottom: 0px;

    }

    .lineofproject {

        margin: 0px;

        padding-bottom: 10px !important;

    }

    .ject {

        margin: 0px !important;

        margin-bottom: 10px !important;

    }

    .overlapsec img {

        margin: 0px !important;

        height: 222px;

        margin-left: 25px;

    }

    .centerheading h1 {}

    .abheading {

        padding-left: 33%;

    }

    .visionheadding {

        text-align: center !important;

    }

    .missionheading {

        text-align: center !important;

    }

    .med .secondarybox {

        padding-top: 50px !important;

    }

}





/* ----------------------------------aboutus css end---------------------------------------- */





/* ---------------------------------------contact css start---------------------------------------------------- */



.connect h1 {

    padding-left: 12%;

    padding-top: 15%;

}



.call {

    background-color: white !important;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

    /* border: 1px solid white; */

}



.fillit {

    width: 50%;

}



.location {

    position: absolute;

    right: 0;

    /* bottom: 13.5%; */

    top: 14%;

}



.contactuspage ul li i {

    color: white;

}



.contactuspage ul {

    list-style: none;

}



.contactuspage {

    background-color: #1c63b8;

    border-radius: 40px 0px 0px 40px;

}



.form-control {

    background-color: #e6e2e2f5;

    border-radius: 10px;

}



.infotech {

    color: white;

}



.mapvashi {

    padding-left: 10%;

    padding-bottom: 100px;

    padding-top: 100px;

}



.gmap_canvas iframe {

    border: 1px solid white;

    border-radius: 40px;

}



.calluson {

    border-radius: 20px;

}



.iconcont {

    background-color: black;

    width: 25%;

    float: right;

    position: absolute;

    height: 100%;

    border-top-right-radius: 40px;

    border-bottom-right-radius: 40px;

}



.title-style-2 {

    z-index: 1;

    position: relative;

}



.iconcont span {

    height: 415px;

    width: 224px;

}





/* --------------------------------project css start-------------------------------------- */



.proheading12 h1 {

    width: 50%;

    background-image: linear-gradient(to right, #218ce9, transparent);

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

    font-size: 40px;

    color: white;

    font-weight: 600;

    padding-left: 40px;

    padding-top: 30px;

    padding-bottom: 30px;

}



.proheading {

    background-image: url(../customimg/myimg/services-top.png);

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    background-position: center;

    padding-top: 10%;

}



.footer-dark.footer-style2 .footer-bottom .copyrights-nav li::after {

    color: #282222;

}



.proimgstart {

    top: 3.5%;

}



.proimgstart img {

    height: 350px;

}



.projecthead h2 {

    /* padding-top: 70px; */

}



.overlapsec {

    top: 18% !important;

}



.symb {

    height: 90px;

    margin-top: 30px;

}



.cell {

    text-align: center;

}



.ject {

    border: 1px solid white;

    border-radius: 30px;

    background: #bec8d4;

    margin-right: 20px;

}



.cell p {

    font-weight: 600;

    font-size: 20px;

}



.lineofproject {

    justify-content: center;

    padding-bottom: 50px;

}



.lineofpro {

    padding-top: 100px;

    padding-bottom: 100px;

}



.ourimgs img {

    border-radius: 0px;

    height: 200px;

    width: 250px;

}



.ourimgs {

    display: flex;

}



.ourimgs img {

    margin-right: 15px;

}



.row.sliderimgs {

    justify-content: center;

    padding-top: 100px;

}



.ourimgs p {

    text-align: center;

}



.proslid img {

    height: 100%;

}



.nav-stacked a.active {

    background: #448b46 !important;

    /* background-image: linear-gradient(45deg, #0d7ebb,#448b46);  */

    color: #fff;

}



.nav-stacked a.active .cls-3 {

    fill: #fff !important;

}



.nav-stacked a {

    background-color: #fff;

    /* background-image: linear-gradient(to right, #0681c2, #fff); */

    border-radius: 5px;

    padding: 10px;

    font-weight: 600;

    margin-bottom: 10px;

    font-family: 'Roboto';

    display: flex;

    font-size: 17px;

}



.nav-stacked a .cls-3 {

    fill: #448b46 !important;

}



.nav-stacked a svg {

    width: 55px;

    height: 55px

}





/* .nav-stacked a div:nth-child(2){

    position: absolute;

    top: 50%;

    /* width: 100%; */





/* width: 56%; 



left: 50%;

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



}

*/



.nav-stacked a img {

    width: 50px;

    height: 50px;

}



.tab-content {

    background: #fff;

    border-radius: 10px;

    font-family: 'Roboto';

}



.tabli a {

    width: 100%;

    height: 100%;

}



.tabpane1 h3 {

    color: #0a6aaf;

}



.nav-stacked li.active a {

    color: #fff;

}



.project-detail {

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    padding: 24px;

}



.tab-image2 img {

    height: 14%;

    width: 100%;

    padding: 5px;

    border-radius: 5px !important;

}



.tab-image1 img {

    border-radius: 5px !important;

}



.project-detail h3 {

    padding-left: 10px;

}



h3 {

    color: #0d7ebb;

}



.sep-leaf-right:before,

.sep-leaf-left:before {

    background-color: #448b46;

}



.map-iframe {

    width: 100%;

    height: 400px;

    border: none;

}



.slick-slider .element {

    /* height:100px;

    background-color:#000; */

    border-radius: 5px;

    display: inline-block;

    margin: 0px 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 20px;

}



.slick-slider .element img {

    width: 100%;

    -o-object-fit: contain;

    object-fit: contain;

    border-radius: 16px;
    margin: 14px;
 box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 0px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}



.captiontpw {

    letter-spacing: 1px !important;

}



@media (max-width: 768px) {

    .counter-outer .counter {

        font-size: 20px;

    }

    .counter-outer span {

        font-size: 16px;

    }

    .counter-outer .counter:after {

        font-size: 20px;

    }

    .margin-bt {

        margin-bottom: 44px;

    }

    .overlapsec {

        top: 0;

    }

    .img-colarge2 {

        height: 365px;

    }

    .welcom-to-section {

        padding-left: 0px;

    }

    .img-colarge22 {

        margin-bottom: 51px;

    }

    .nav-stacked a svg {

        width: 30px;

        height: 30px

    }

    .nav-stacked a {

        padding: 9px 3px;

        font-size: 15px;

    }

    .sliderhome {

        height: 400px;

    }

    .lineofpro {

        padding-top: 44px;

    }

    .wt-bnr-inr {

        height: 194px;

        padding-top: 0px;

    }

}



@media(max-width:479px) {

    .contentwr {

        margin: 6px 0px 0px;

    }

}



.msg-loader {

    position: fixed;

    top: 0;

    left: 0;

    height: 100vh;

    width: 100vw;

    background: rgba(255, 255, 255, .9);

    z-index: -102;

    opacity: -150;

    transition: .25s all ease-in-out;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.msg-loader .bouncers {

    display: flex;

    justify-content: center;

    align-items: center;

}



.msg-loader .bouncers>div {

    width: 1rem;

    height: 1rem;

    margin: 3rem 0.2rem;

    background: #8385aa;

    border-radius: 50%;

    animation: bouncing-loader 0.6s infinite alternate;

}

.getfill{
    height:auto;
}

.msg-loader.show {

    z-index: 100;

    opacity: 1;

}

@media(max-width:991px){
    .sectionpadd{
    margin-top:-31px;
}
.proheading12 h1 {
    width: 100%;
    font-size: 25px;
}
}