.zs {
    height: 100vh;
    width: 100%;
    background-color: #0a2a5b;
    /* padding: 0; */
    left: 100%;
    top: 0;
    z-index: 999;
    transition: all .3s;
}
.zsnew {
    left: 0 !important;
}
.tech li a {
    line-height: 50px;
    /* color: #FF3131; */
    list-style-type: none;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
}
.zs li {
    position: relative;
    z-index: 1;
    width: fit-content;
    list-style: none;
}
.zs li::after {
    position: absolute;
    content: "";
    background-color: gray;
    background-size: contain;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    top: 0%;
    bottom: 0%;
    left: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    opacity: 0;
    transition: all .3s;
}
.tech {
    position: absolute;
    top: 47%;
    left: 5%;
    transform: translate(-5%, -50%);
}
.toggle img {
    width: 100%;
}
.cross img {
    cursor: pointer;
    width: 25px;
    filter: brightness(0) invert(1);
}
.cross{
    position: absolute;
    top: 1rem;
    right: 1rem;
}


@media screen and (max-width:1920px){
    .wpb h2 {
    font-size: 33px;
    letter-spacing: 0.55px;
    font-weight: 400;
    line-height: 46px;
}
.document-banner ul li a {
    text-decoration: none;
    color: #fff;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(211, 211, 211, 0.171);
    width: 100%;
    display: flex;
    padding: 0.75rem 0rem;
    letter-spacing: 0.55px;
    font-size: 18px;
    /* display: flex
; */
    /* align-items: center; */
}
}

@media screen and (max-width:1600px){
    .roundshape::after {
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: contain;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.roundshape {
    height: 130px;
    width: 130px;
    border-radius: 50%;
    background-color: #0a2a5b69;
    bottom: -19%;
    right: -11%;
    z-index: 1;
}
    .fddd {
    top: 30%;
    left: 37%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 60%;
}
        .document-banner ul li a {
            text-decoration: none;
            color: #fff;
            padding: 0.5rem 0;
            border-bottom: 1px solid rgba(211, 211, 211, 0.171);
            width: 100%;
            display: flex;
            padding: 0.5rem 0rem;
            letter-spacing: 0.55px;
            font-size: 16px;
            /* display: flex
    ; */
            /* align-items: center; */
        }
    .srrtxt h2 {
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 63px;
    color: #0a2a5b;
}
    .dropdown:hover .dropitem {
    display: flex;
    gap: 16px;
}
    .zs1 li {
    width: 16%;
    text-align: center;
    padding: 2px 0;
    cursor: pointer;
}
    .inner-ser .wpb{
        margin-top:1rem !important;
    }
    .dropitem {
        top: 85%;
    }
    .wpb h2 {
        font-size: 32px;
        letter-spacing: 0.55px;
        font-weight: 400;
        line-height: 46px;
    }
    .wbp20 h2 {
        padding: 0px;
        background: linear-gradient(135deg, #ffffff 43%, #edf4ff 0);
        margin: 0;
    }
    .bannertxt h2 {
        color: #ffffff;
        letter-spacing: 0.55px;
        font-size: 45px;
        line-height: 57px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 92%;
    }
    .zs1 {
        list-style: none;
        justify-content: end;
        padding: 11px 0 11px !important;
    }
    .rt {
        background: linear-gradient(135deg, #0a2a5b 33%, #ffffff 0);
        border: none !important;
        box-shadow: none;
        margin-top: -1px;
    }
    .bannertxt {
    top: 50%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    transform: translate(-50%, -50%);
    z-index: 99;
    text-align: center;
    width: 82%;
    margin-left: auto;
    /* left: initial; */
}
}

@media screen and (max-width:1366px){
    .righttabbb {
        position: sticky;
        top: 7rem;
    }
    .roundshape {
    height: 135px;
    width: 135px;
    border-radius: 50%;
    background-color: #0a2a5b69;
    bottom: -19%;
    right: -11%;
    z-index: 1;
}
    .fddd {
    top: 30%;
    left: 37%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 79%;
}
    .xcxcx .col {
    flex: 25% 0 0;
}
    .logo {
    position: absolute;
    top: 29%;
    transform: translateY(-50%);
}
    .header-dt h2 {
    font-size: 42px;
    line-height: 59px;
    font-weight: 500;
    letter-spacing: 1px;
}
    .srrtxt h2 {
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 55px;
    color: #0a2a5b;
}
    .services {
    background: linear-gradient(to bottom, #ffffff 0%, #daf9fe 100%);
    padding: 20rem 0 5rem;
    position: relative;
    z-index: 1;
}
    .services::before {
    position: absolute;
    content: "";
    background-image: url(../images/bgggg1.png);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-position: right;
}
        .wpb h2 {
        font-size: 30px;
        letter-spacing: 0.55px;
        font-weight: 400;
        line-height: 38px;
    }
        .wbp20 h2 {
        padding: 0px;
        background: linear-gradient(135deg, #ffffff 47%, #edf4ff 0);
        margin: 0;
    }
        .bannertxt h2 {
        color: #ffffff;
        letter-spacing: 0.55px;
        font-size: 39px;
        line-height: 58px;
    }
    .document-banner ul li a {
    text-decoration: none;
    color: #fff;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(211, 211, 211, 0.171);
    width: 100%;
    display: flex;
    padding: 0.4rem 0rem;
    letter-spacing: 0.55px;
    font-size: 13px;
    /* display: flex
; */
    /* align-items: center; */
}
    .headergfhfgh {
    margin-top: 8rem;
}
    .banner {
    margin-top: 8rem;
}
    .zs1 a {
    list-style-type: none;
    color: black;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    text-align: center;
    padding: 20px 0;
}
    .text h1 span {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 2px;
}
    .text h1 {
        font-size: 11px;
        font-weight: 700;
        color: #ffffff;
        letter-spacing: 3px;
        margin-bottom: 0;
        /* filter: drop-shadow(1px 1px 0px red); */
        line-height: 21px;
        text-transform: uppercase;
    }
}
@media screen and (max-width:575px){
    .inner-ddfg {
    width: 100%;
    margin: auto;
}
    .fixeddocument {
    height: 100%;
    width: 100%;
    position: initial !important;
    padding: 7rem 0;
}
    .innerfix {
        position: initial;
        top: 50%;
        left: 50%;
        transform: initial;
        width: 85%;
        margin: auto;
    }
    .grid-content .row .col-lg-5{
        padding-left:0;
        padding-right:0;
    }
    .xxc .d-lg-flex{
        justify-content: initial !important;
    }
    .ddfgr{
        width: 100%;
        text-align: center;
    }
    .ddfgr a {
        background-color: rgba(0, 128, 0, 0);
        /* border: 1px solid green; */
        color: rgb(0, 0, 0);
        border-radius: 0;
        padding: 6px 19px;
        margin: 0;
        justify-content: center;
    }
    .wpb {
        background-color: #fff;
        padding: 0 0rem;
        margin-top: 7px;
        border-right: none;
        height: 100%;
    }
    .tech li a {
    line-height: 40px;
    /* color: #FF3131; */
    list-style-type: none;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.55px;
}
    .wpb .row .col-lg-6{
        padding-left:0;
        padding-right:0;
    }
    .d-btn1 a {
        text-decoration: none;
        padding: 11px 25px;
        border: 1px solid green;
        border-radius: 5px;
        background-color: green;
        color: #fff;
    }
    .right-side-cmp{
        display: none;
    }
    .left-side-cmp {
    /* padding: 10rem 0; */
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .w-40{
    width: 42.5%;
    }
    .d-btn1 a {
        text-decoration: none;
        padding: 11px 25px;
        border: 1px solid green;
        border-radius: 5px;
        background-color: green;
        color: #fff;
        width: 100%;
    }.d-btn a{
        width: 100%;
    }
     .d-btn1{
     display: flex;
    text-align: center;
    gap: 0px;
    font-size: 14px; 
    width: 100%;

    } 
    .left-side-cmp .d-flex{
        display: grid !important;
        
        
    }
     .d-btn{
    display: flex; 
    text-align: center;
    gap: 0px;
    width: 100%; 
    } 
   
    .left-side-cmp {
    /* padding: 10rem 0; */
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding:0 0.5rem;
    }
    
   
    .w-60{
        width: 95%;
    }
    .text h1 {
        font-size: 11px;
        font-weight: 700;
        color: #00290f;
        letter-spacing: 1px;
        margin-bottom: 0;
        /* filter: drop-shadow(1px 1px 0px red); */
        line-height: 19px;
        text-transform: uppercase;
    }
    .logo img {
        width: 64px;
       }
       
       .cat-row{
        margin-top: 9%;
       }
       .cat-box{
        margin-top: 0%;
        box-shadow: black 0px 0px 9px -5px;
       }
       .right-ser{
        margin-top: 5%;
       }
      .footer-section .footer-menu ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      .footer-section .footer-menu ul li:after {
        content: "";
     }
     .ppza {
        top: 28%;
     }
     .ppza1 {
        top: 28%;
     }
     .ln::after {
        background-color: transparent;
     }
     .box2::before {
        width: 1%;
     }
    .box1::before {
        width: 1%;
    }
    .inner-ach .row .col-lg-6{
        padding-left: 0;
        padding-right: 0;
    }
    .contact-form-wrap .row{
        flex-direction: column-reverse;
    }
    .Complain {
        padding: 50px 1px;
    }
    .clj {
        top: 4rem;
        right: 2rem;
    }
    .frm-in .row .col-lg-6{
        padding-left: 0;
        padding-right: 0;
    }
    .inner-com {
        padding: 2rem 1rem 3rem;
        background-color: #fff;
    }
    .clj img {
        width: 22px;
        height: 22px;
        cursor: pointer;
    }
    .frm-in {
        padding: 1.5rem 0.5rem !important;
    }
    .contact-type {
        display: grid;
    }
    .contact-info:first-child {
        border: none;
        width: 100%;
    }
    .contact-info {
        padding: 14px 14px;
        border-top: 1px solid rgb(0 41 15 / 17%);
        border-left: none;
    }
    .contact-type {
    padding: 5px 0;
    justify-content: space-between;
}
    .text h1 span {
        font-weight: 900;
        font-size: 15px;
        letter-spacing: 0px;
    }
    .xxc .d-lg-flex{
        justify-content: initial !important;
    }
    .ddfgr{
        width: 100%;
        text-align: center;
    }
    .ddfgr a {
        background-color: rgba(0, 128, 0, 0);
        /* border: 1px solid green; */
        color: rgb(0, 0, 0);
        border-radius: 0;
        padding: 6px 19px;
        margin: 0;
        justify-content: center;
    }
    
}

@media screen and (max-width:420px){
    .wqqqeerr{
        padding: 14px;
        /* filter: brightness(0) invert(1); */
        background-color: #ffffff;
    }
    .xxcrqw{
        width:250% !important;
    }
    #team{
        overflow:auto;
    }
    .dropitem1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: initial;
        gap: 1rem;
    }
    .innerdropdd{
        height: 460px;
        overflow: scroll;
    }
    .dropitem1 li {
        width: 91%;
    }
    .dropitem1 li a{
        text-decoration:none;
        color:#fff;
    }
    .droppop {
        position: fixed;
        top: 0;
        left: -100%;
        height: 100vh;
        width: 100%;
        background-color: #0a2a5b;
        z-index: 999999;
        transition: all .3s;
    }
    .droppopnew{
        left:0;
    }
    .droppop1 {
        position: fixed;
        top: 0;
        left: -100%;
        height: 100vh;
        width: 100%;
        background-color: #0a2a5b;
        z-index: 999999;
        transition: all .3s;
    }
    .droppop1new{
        left:0;
    }
    .innerdropdd{
        position:absolute;
        width:95%;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        z-index:999999999;
    }
    td a{
        text-decoration: none;
    color: #0a2a5b;
    padding: 0 12px;
    }
    td a img{
            width: 18px;
    }
    .tbll h5{
        font-size: 19px;
        line-height: 28px;
        letter-spacing: 0.55px;
    }
    .headergfhfgh {
    margin-top: 5rem;
}
    .newpop {
    top: -21px;
    right: 0;
    z-index: 1;
    transform: rotate(15deg);
}
    .logonew img {
    width: 64px !important;
}
    .textnew h1 span {
    font-size: 16px !important;
}
    .banner {
        margin-top: 5rem;
    }
    .main-navnew {
    transform: translateY(-0);
    box-shadow: black 0px 0px 25px -19px;
}
    .saasasaa{
        width:180% !important;
    }
    .broucher_downloadBtn a {
    display: block;
    background-color: var(--bg-clr);
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    text-transform: capitalize;
    font-weight: 400;
    outline: none;
    font-family: "Amaranth", sans-serif;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    border-radius: 10px 10px 0 0;
    text-decoration: none;
}
    .inner-ach .row{
        width:100% !important;
    }
    .prj,.achieve22 {
        overflow:auto;
    }
    .serimmg {
    width: 80%;
}
    .fddd {
    top: 30%;
    left: 37%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 71%;
}
    .xcxcx .col {
        flex: 100% 0 0;
        padding: 0;
    }
    .ab-hd .d-flex{
        display: grid !important;
    justify-content: center;
    text-align: center;
    }
    .chairmanimg img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}
    .inner-abt .row{
        flex-direction: column-reverse;
    }
    .bnv{
        display:none;
    }
    .inner-abt .col-lg-8,.inner-abt .col-lg-4,.ab-hd,.inner-abt .col-lg-3,.ab-hd .col-lg-5,.ab-hd .col-lg-7{
        padding:0 !important;
    }
    .ivv {
    margin-top: 2rem;
}
    .header-dt {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    width: 70%;
}
    .header-dt h2 {
    font-size: 18px;
    line-height: 29px;
    font-weight: 500;
    letter-spacing: 1px;
}
    .services .col-lg-7{
        padding:0;
    }
    .newpop img {
    width: 41px;
}
    .hdw h5 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 21px;
    letter-spacing: 0.55px;
    margin-bottom: 0;
    padding: 5px 0;
}
    .plbtx{
        width:100% !important;
    }
    .services::before {
    position: absolute;
    content: "";
    background-image: none;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
    .ddfgr a:hover {
    padding: 11px 20px 11px 20px;
}
    .services {
        background: linear-gradient(to bottom, #d1e3fe 0%, #d1e3fe 100%);
        padding: 9rem 0 5rem;
        position: relative;
        z-index: 1;
    }
    .srrtxt h2 {
        font-size: 21px;
        letter-spacing: 1px;
        line-height: 35px;
        color: #0a2a5b;
    }
    .srrtxt {
    position: absolute;
    top: 41px;
    left: 6%;
}
    .calen p {
    padding: 7px;
    font-size: 14px !important;
}
    .grid-content ul {
        padding: 2rem 0 0 0 !important;
    }
        .wbp20 h2 {
        padding: 0px;
        background: linear-gradient(135deg, #ffffff 49%, #edf4ff 0);
        margin: 0;
    }
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 95%;
    }
    .grid-content .row .col-lg-5,.grid-content .row .col-lg-7{
        padding:0 !important;
    }
    .wpb p, .tab-pane ul li {
        font-size: 16px;
        letter-spacing: 0.55px;
        color: #000;
        line-height: 25px;
        font-weight: 400;
        /* text-align: initial !important; */
    }
        .wpb h2 {
        font-size: 23px;
        letter-spacing: 0.55px;
        font-weight: 400;
        line-height: 33px;
    }
    .document-banner ul{
        height:100% !important;
    }
    .viewallbtn {
    margin-right: 9%;
}
    .bannerslide .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 7px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 7px));
    opacity: 1;
    position: relative;
}
    .bannerslide .swiper-pagination-bullet::after {
    position: absolute;
    content: "";
    border: 1px solid #ffffff;
    background-size: contain;
    height: 18px;
    width: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
    .bannerslide .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        width: fit-content !important;
        height: 45px;
        display: grid
;
        gap: 20px;
        top: 50%;
        left: 3% !important;
        transform: translateY(-50%);
    }
    .logo {
    position: initial;
    top: 36%;
    transform: initial;
}
        .rt {
        background: linear-gradient(135deg, #ffffff 31%, #ffffff 0);
        border: none !important;
        box-shadow: none;
        margin-top: -1px;
    }
    
    .bannertxt{
        display:none;
    }
    .hdw {
        position: absolute;
        bottom: 0%;
        left: 0;
        padding: 0.5rem;
        background-color: #0080008c;
        width: 100%;
        backdrop-filter: blur(4px);
        color: #fff;
        /* font-weight: 400; */
    }
    .hdw12 {
        bottom: 0;
    }
    .inner-gallery .row .col-lg-6{
        padding-left :0 !important;
        padding-right :0 !important;
    }
    .vb111{
        margin-top: 8%;
    }
    .plbtx h1 {
        font-size: 25px;
        letter-spacing: 0.55px;
        color: #000;
        margin-bottom: 0.5rem;
        font-weight: 400;
    }
    .inner-service .row .col-lg-8,.inner-service .row .col-lg-4{
        padding-left :0 !important;
        padding-right :0 !important;
    }
    .xxc .d-lg-flex {
        justify-content: initial !important;
        display: grid !important
;
        padding: 0;
        border: none;
    }
    .ddfgr{
        width: 100%;
        text-align: center;
    }
    .ddfgr a {
        background-color: rgba(0, 128, 0, 0);
        /* border: 1px solid green; */
        color: rgb(0, 0, 0);
        border-radius: 0;
        padding: 6px 19px;
        margin: 0;
        justify-content: center;
    }
}