@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+Oriya:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: "Inter", sans-serif;
}
a{
    text-decoration: none;
    color: #000;
}
.ivv{
    padding: 6rem 0;
}

p {
    font-size: 18px;
    letter-spacing: 0.55px;
    color: #2d2d2d;
    line-height: 30px;
    font-weight: 300;
}
.container {
    max-width: 90%;
}
.left-logo {
    width: 116px;
}
.navbarr hr {
    margin: 7px 0;
    border-top: 1px solid #c80002;
    opacity: 1;
}
.navbarr {
    padding: 11px 0;
    background-color: #fff;
    box-shadow: #00000099 0px 0px 16px -9px;
}
.left-logo img {
    width: 100%;
}
.logotxt h4 {
    font-size: 1.1vw;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    font-weight: 700;
}
.logotxt h5 {
    font-size: 1vw;
    font-weight: 400;
}
.mnnav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999999999;
    width: 100%;
}
 .mnnavnew{
    animation: move 1s;
    background-color: #000;
 }
 @keyframes move{
    0%{
        top: -150%;
    }
    100%{
        top: 0;
    }
 }
 /*.mnnavnew .topnav{*/
 /*   display: none;*/
 /*}*/
.toggle{
    height: 50px;
    width: 50px;
    background-color: #fff;
    border-radius: 50%;
}

.menu ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.55px;
    padding: 17px 0;
}
/* .menu {
    padding: 2rem 0;
} */
.lefttop-nav h2{
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.55px;
    font-weight: 300;
}

.bookapp-btn a {
    padding: 13px 45px;
    background: linear-gradient(45deg, #00dbfc, #0093b1);
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    display: flex;
    width: fit-content;
    margin-left: auto;
}
.dropdwn svg{
    font-size: 15px;
}
.drpitems {
    width: 200px;
    background-color: #fff;
    top: 450%;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.dropdwn:hover .drpitems{
    visibility: visible;
    opacity: 1;
    top: 200%;
}
.drpitems li{
    /* padding: 1rem; */
    color: #000 !important;
}
.menu{
    position: relative;
}
.banner{
    position: relative;
    overflow: hidden;
}

.drpitems a{
    color: #000 !important;
}
.dropdwn a{
    padding: 2.5rem 0;
}
.banner img {
    height: 95vh;
    object-fit: cover;
}
.banner{
    position: relative;
    z-index: 1;
}
.swiper-slide1{
    position: relative;
}
.swiper-slide1 video{
    height: 100vh;
    object-fit: cover;
    display: block;
}
.swiper-slide1::after {
    position: absolute;
    content: "";
    background: linear-gradient(to top, #005b89, #00000000);
    background-size: contain;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.topnav {
    padding: 12px 0;
    background-color: #005b89;
    box-shadow: white 0px -3px 25px -5px;
}
.menu ul{
    justify-content: center;
}
.lisss a{
    position: relative;
}
.lisss a::after {
    position: absolute;
    content: "";
    border-right: 1px solid #ffffff57;
    background-size: contain;
    height: 100%;
    top: 0;
    right: -1.5rem;
    height: 100%;
    width: 1px;
}
.dropitems li a::after{
    border: none !important;
}
.lisss:last-child a::after{
    border: none;
}


.bnrdtl {
    z-index: 9;
    width: 100%;
    text-align: left;
    top: initial !important;
    bottom: 10%;
    transform: initial !important;
    left: 8% !important;
}
.leftne h5 {
    width: fit-content;
    padding: 12px 31px;
    display: flex;
    background-color: #005b89;
    color: white;
    font-weight: 400;
    letter-spacing: 0.55px;
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
    width: 100%;
    justify-content: center;
}
.aaaa {
    font-size: 55px;
    color: #ffffff;
    /* background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%); */
    /* background-repeat: no-repeat; */
    /* background-size: 100% 0%; */
    /* background-position: bottom; */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* transition: background-size 1.5s linear; */
}
.bnrdtl p{
    font-size: 20px;
    margin-top: 1rem;
    width: 40%;
    line-height: 32px;
}
.play {
    height: 70px;
    width: 70px;
    border: 2px solid #69cdff;
    border-radius: 50%;
    z-index: 9;
    bottom: 10%;
    right: 10%;
    position: absolute !important;
    cursor: pointer;
}
.play img {
    position: absolute;
    filter: brightness(0) invert(1);
    height: auto;
    width: 35% !important;
}
.bannerswiper1 .swiper-slide-active .aaaa{
    background-size: 100% 100%;
}
.bannerswiper1 .swiper-slide::after {
    position: absolute;
    content: "";
    background: linear-gradient(0deg, #000000b3, transparent);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.rightsli li svg {
    font-size: 20px;
    color: #fe7700;
}
.rightsli li p{
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.55px;
    color: #000;
    font-weight: 400;
}
.resultbtn a {
    padding: 10px 20px 10px 40px;
    border: 1px solid #005b89;
    border-radius: 30px;
    color: #005b89;
    font-size: 18px;
    display: flex;
    gap: 1rem;
    align-items: center;
    transition: all .3s;
    letter-spacing: 0.55px;
}
.resultbtn a img{
   width: 21px;
    height: auto;
    transform: rotate(-45deg);

    transition: all .3s;
}

.resultbtn a:hover{
    background-color: #005b89;
    color: #fff;
}
.resultbtn a:hover img{
    transform: rotate(0);
    filter: brightness(0)invert(1);
}
marquee ul a{
    position: relative;
}
marquee ul a::after {
    position: absolute;
    content: "";
    background-color: #00000047;
    background-size: contain;
    height: 100%;
    width: 1px;
    top: 0;
    right: -1.5rem;
}


.newsttl {
    box-shadow: black 0px 0px 18px -13px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    border-top: 1px solid #ffb311;
}
.hdr span{
    color: #6d6d6d;
    font-size: 19px;
    letter-spacing: 0.55px;
}
.hdr h2 {
    font-size: 50px;
    letter-spacing: 0.55px;
    font-weight: 600;
    margin-top: 9px;
}

.figlist span{
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.55px;
}
.tr {
    top: 50%;
    transform: translateY(-50%) translateX(-45px);
    font-size: 120px !important;
    z-index: -1;
    color: #0000001a;
    font-weight: 800 !important;
    left: 20%;
}
.tr1 {
    top: 50%;
    transform: translateY(-50%) translateX(-45px);
    font-size: 120px !important;
    z-index: -1;
       color: #ffffff00;
    -webkit-text-stroke: 1px #00000024;
    font-weight: 800 !important;
    left: 20%;
}

/* .serv::after {
    position: absolute;
    content: "";
    background-image: url(../images/banner-shape-3.webp);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    z-index: -1;
}
.serv::before {
    position: absolute;
    content: "";
    background-image: url(../images/banner-shape-3.webp);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: left;
    transform: rotateY(180deg);
    z-index: -1;
} */

.deprtlist {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.deprtlist::after {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, #00000000, #005b89);
    background-size: contain;
    height: 55%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.admdt{
    padding-top: 10rem;
}
.deprtdata{
    bottom: 5%;
    left: 0%;
    z-index: 9;
    padding: 0 2rem;
}
.about{
        background-color: #f4f6f9;
}
.deprtlist{
    height: 100%;
}
.deprtlist img {
    height: 400px;
    object-fit: cover;
}
.facilities {
    position: relative;
    border-radius: 0 0 80px 80px;
    overflow: hidden;
}
.facilities::after {
    position: absolute;
    content: "";
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    background-size: contain;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0.4;
}
.show12{
    animation:blinkkk 1s infinite;
}
@keyframes blinkkk{
    0%{
        color:red;
    }
    50%{
        color:blue;
    }
    100%{
        color:red;
    }
}
.box {
    height: 307px;
    background-image: var(--bgimg);
    /*background-image: url(../images/hos.jpg);*/
    border-radius: 15px;
    cursor: pointer;
}
/*.box::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*     background: linear-gradient(0deg, #ffffff, #0087cb00);*/
/*    background-size: cover;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    z-index: 1;*/
/*    transition: all .3s;*/
/*}*/
/*.box:hover::after {*/
/*    background: linear-gradient(0deg, #ffffff69, #0088cb00);*/
/*    opacity: 0.7;*/
/*}*/

.boxdata{
    transition:all .3s;
    filter:brightness(0)invert(1);
}
.box::after {
    position: absolute;
    content: "";
     background-color:#000;
    background-size: cover;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all .3s;
    opacity:0.2;
}
.box:hover::after {
    
    opacity: 0.1;
}
.facilities .container {
    z-index: 999;
    width: 80%;
}

/* .boxdata {
    position: absolute;
    bottom: 8%;
    left: 6%;
    width: 73%;
    z-index: 9;
} */
.boxdata {
    position: absolute;
    bottom: 8%;
    left: 6%;
    width: 700px;
    z-index: 9;
}

.box55 {
    height: 515px;
}

.bxic{
    top: 10%;
    right: 10%;
    z-index: 9;
}
.bxic svg {
    font-size: 45px;
    color: #ffffff;
}
.newsdata {
    bottom: 5%;
    left: 5%;
    z-index: 9;
    padding-top: 2rem;
}
.newslist {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.innernews a{
    display: block;
}
.newslistimg{
    position: relative;
}
.newslistimg::after{
    position: absolute;
    content: "";
    background: linear-gradient(180deg, #00000000 30%, #023760d1 100%);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.newsdata span {
    color: #4f4f4f;
    background-color: #02376000;
    padding: 0;
    display: flex;
    width: fit-content;
    margin-bottom: 9px;
}
.newslist img{
    height: 100%;
}
.newslist{
    height: 100%;
}




.innerfacilities .col .box{
    transition: all .3s;
}
.innerfacilities .row {
    display: flex;
}

.innerfacilities .col {
    flex: 1;
    transition: flex 0.5s ease;
}

.innerfacilities .col:hover {
    flex: 5; /* expand */
}

.innerfacilities .col .box {
    transition: all 0.5s ease;
    background-position: bottom;
}
.innerfacilities .row {
    display: flex;
}

.innerfacilities .col {
    flex: 1;
    transition: flex 0.5s ease;
}

/* First one expanded by default */
.innerfacilities .col:first-child {
    flex: 5;
}

/* When hovering anywhere, reset all */
.innerfacilities .row:hover .col {
    flex: 1;
}

/* Expand hovered one */
.innerfacilities .col:hover {
    flex: 5;
}

.innerfacilities .row {
    display: flex;
}

.innerfacilities .col {
    flex: 1;
    transition: flex-grow 0.5s ease;
}

/* Default: first expanded */
.innerfacilities .col:first-child {
    flex-grow: 5;
}

/* When hovering row → collapse all */
.innerfacilities .row:hover .col {
    flex-grow: 1;
}

/* Expand hovered column */
.innerfacilities .row .col:hover {
    flex-grow: 5;
}

.innerfacilities .col p{
    display: none;
}
.innerfacilities .col:first-child p{
    display: block;
}
.innerfacilities .row .col:hover  p{
    display: block;
}









/* default hidden */
.box{
    overflow: hidden;
}
.innerfacilities .boxdata p {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(-10px);
    transition: all 0.4s ease;
}
/* .boxdata p{
    width: 280px;
} */

/* first visible by default */
.innerfacilities .col:first-child .boxdata p {
    opacity: 1;
    max-height: 280px;
    transform: translateY(0);
    
}

/* when hovering anywhere → hide all */
.innerfacilities .row:hover .boxdata p {
    opacity: 0;
    max-height: 0;
    transform: translateY(-10px);
        width: 600px;
}

/* show hovered */
.innerfacilities .row .col:hover .boxdata p {
    opacity: 1;
    max-height: 280px;
    transform: translateY(0);
}


/* default vertical */
.innerfacilities .boxdata h4 {
    transform: rotate(-90deg);
    transform-origin: top left;
    white-space: nowrap;
    transition: transform 0.4s ease;
}

/* first horizontal by default */
.innerfacilities .col:first-child .boxdata h4 {
    transform: rotate(0deg);
}

/* when hovering anywhere → reset all to vertical */
.innerfacilities .row:hover .boxdata h4 {
    transform: rotate(-90deg);
}

/* hovered becomes horizontal */
.innerfacilities .row .col:hover .boxdata h4 {
    transform: rotate(0deg);
}







.global-label {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--primary-color);
    letter-spacing: 1px;
    margin-bottom: 1.5rem;
}
.grid-desc {
    font-size: 0.9rem;
    color: var(--text-light);
    line-height: 1.4;
}
.grid-icon {
    width: 50px;
    height: 50px;
    background-color: #f5e6eb;
    border-radius: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.grid-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-dark);
    line-height: 26px;
    margin-bottom: 0.5rem;
}


.serviceswiper .swiper-button-next:after, .serviceswiper  .swiper-button-prev:after {
    font-size: 18px;
    color: #000000;
}

.serviceswiper .swiper-button-next::before, .serviceswiper  .swiper-button-prev::before{
    position: absolute;
    content: "";
    background-color: #ffffff;
    background-size: contain;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.serviceswiper  .swiper-button-prev:after{
    animation: move 1s infinite;
}
/* @keyframes move{
    0%{
        transform: translateX(100%);
    }
    50%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-100%);
    }
} */
.serviceswiper  .swiper-button-next:after{
    animation: move1 1s infinite;
}
/* @keyframes move1{
    0%{
        transform: translateX(-100%);
    }
    50%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(100%);
    }
} */


.seebtn a {
    font-size: 18px;
    color: #005b89;
    justify-content: end;
    transition: all .3s;
    text-transform: uppercase;
}
.seebtn a img {
    transform: rotate(150deg);
    width: 22px;
    transition: all .3s;
}
.seebtn a:hover img{
        transform: rotate(180deg);
        transition: all .3s;
}
.seebtn a:hover{
    color: rgb(0, 0, 0);
}
.seebtn a:hover img{
    filter: brightness(0);
}

.facilitiesimgg{
    height: 100vh;
}





 .testsw2,.testsw {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

.swiper-slide {
    background-size: cover;
    background-position: center;
    background-color: transparent !important;
}

    .testsw2 {
      height: 100%;
      width: 100%;
    }

    .testsw {
      height: 400px;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .testsw .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }

    .testsw2 .swiper-slide-thumb-active {
      opacity: 1 !important;
    }

    .testsw .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .testsw img{
        height: 100px;
        width: 100px;
        object-fit: cover;
    }
    .testsw .swiper-slide{
        height: 100%;
    }

    .testsw .swiper-wrapper {
  height: 100%;
}

.testsw .swiper-slide {
  /* height: calc(100% / 4);  */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}

.testsw {
    /* height: 100%; */
}

.testsw .swiper-slide {
  /* height: auto !important;  */
  display: flex;
  justify-content: center;
}

.testsw img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover;
    border-radius: 50%;
}
.testsw .swiper-slide-thumb-active{
    opacity: 1;
}
.testsw .swiper-slide-thumb-active::after {
    position: absolute;
    content: "";
    border: 1px dashed #005b89;
    background-size: contain;
    height: 85px;
    width: 85px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.tstimmm img {
    height: 430px;
    object-fit: cover;
    border-radius: 15px;
}

.testimonials {
    position: relative;
    background: linear-gradient(to bottom, #f4f6f903, #f4f6f9);
}

.testimonials::after{
    position: absolute;
    content: "";
    background-image: url(../images/bg_7.jpg);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
}




.testsw2  .swiper-button-next:after, .testsw2   .swiper-button-prev:after {
    font-size: 18px;
    color: #ffffff;
}

.testsw2 .swiper-button-next::before, .testsw2 .swiper-button-prev::before {
    position: absolute;
    content: "";
    background-color: #005b89;
    background-size: contain;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.testsw2 .swiper-button-next, .testsw2 .swiper-button-prev {
    position: absolute;
    top: 90%;
}
.testsw2 .swiper-button-prev {
    left: 55%;
}
.testsw2 .swiper-button-next {
    right: 37%;
}
.leftst h4{
    color: #005b89;
    margin-bottom: 0;
}


.plcmnt .col-lg-2 {
    border-right: 1px solid #d3d3d370;
    border-bottom: 1px solid #d3d3d370;
}

.plcmnt .col-lg-2:nth-child(6n){
    border-right: none;
}
.plcmnt img{
    padding: 1rem;
}
footer {
    /* background-color: #005b89; */
    background: linear-gradient(45deg, #005b89, #004e75);
}


.xwxw li a{
    display: flex;
    padding: 5px 0;
    font-size: 18px;
}

/*.w-39{*/
/*    width: 39%;*/
/*}*/
/*.w-39 {*/
/*    width: 46%;*/
/*}*/
.w-39 {
    width: 60%;
}

.social-links {
    display: flex;
    gap: 1rem;
}

.social-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 13%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-links svg{
    color: #fff;
}
.social-icon:hover {
    background-color: #2563eb;
}

.ctdata {
    width: 90%;
    z-index: 9;
}
.inct li{
    padding: 10px 0;
}
.inct li img{
    width: 30px;
}

.cto{
    position: relative;
}
.cto::after {
    position: absolute;
    content: "";
    background-color: #00000036;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.testsw .swiper-slide{
    cursor: pointer;
}

/*.mnnavnew .navbarr{*/
/*    display: none;*/
/*}*/
.mnnavnew .asasdasdasd{
    display: block !important;
}
.mnnavnew a {
    color: #fff;
}

.socialfixed{
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 9999;
}

.icon{
    padding: 10px;
    background-color: var(--color);

}
.icdata {
    padding: 7px;
    background-color: var(--color);
    transform: translateX(62px);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    width: 140px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 110%;
}

.icon:hover + .icdata{
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.socialfixed li {
    cursor: pointer;
    position: relative;
}

.newslist{
    transition: all .3s;
}
.newslist h4{
    transition: all .3s;
}
.newslist:hover{
    transform: translateY(-18px);
}
.newslist:hover h4 {
    color: #005179 !important;
}


.chat {
    bottom: 5%;
    right: 0%;
    z-index: 9;
    width: 108px;
}
.chat img{
    width: 100%;
}
.chatbox {
    bottom: 15%;
    right: 5%;
    z-index: 9999999999999;
    width: 30%;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: black 0px 0px 17px -10px;
}
.closee{
    width: 57%;
    margin-left: auto;
}
.logoo{
    height: 60px;
    width: 60px;
    min-width: 60px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: black 0px 0px 9px -6px;
    position: relative;
    overflow: hidden;
}
.logoo img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75% !important;
}
.chatboxhd {
    padding: 10px 0;
    background-color: #005b89;
}
.xsss{
    font-size: 17px;
    line-height: 24px;
}


.cirrrr {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background-color: #621b7130;
    border-radius: 50%;
    overflow: hidden;
}

.cirrrr img {
    width: 83%;
}
.txxxxx {
    padding: 10px;
    background-color: #5e186c14;
    border-radius: 20px 20px 20px 0;
}
.chatfrm p {
    font-size: 16px;
}
.chtdt{
    padding: 2rem;
}
.mainsec {
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 99999999999999999;
    background-color: #000000b3;
}
.lif li {
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid lightgray;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}
.lif{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.sender, .reciever {
    max-height: 0;
    transition: all .3s;
    overflow: hidden;
    display: none !important;
}

.recievernew, .sendernew {
    max-height: 400px;
    display: flex !important;
}
.txxxxx1 {
    border-radius: 20px 20px 0 20px;
    background-color: #5e186c4d;
}

.bipp {
    gap: 3px;
}
.bipp div:nth-child(1) {
    animation-delay: .3s;
}
.bipp div:nth-child(2) {
    animation-delay: .6s;
}
.bipp div:nth-child(3) {
    animation-delay: .9s;
}
.bipp div {
    height: 5px;
    width: 5px;
    background-color: #000;
    border-radius: 50%;
    animation: anima 1s infinite;
}
@keyframes anima{
    0%{
        transform:translateY(-2px); 
    }
    50%{
        transform:translateY(2px); 
    }
    100%{
        transform:translateY(-2px); 
    }
}

.nmfrm input {
    height: 50px;
    border: 1px solid lightgray;
    border-radius: 7px;
    padding-left: 10px;
    background-color: #e6ebf200;
    font-size: 16px;
}
.chtdt {
    padding: 2rem 2rem 7rem 2rem;
    height: 537px;
    overflow: auto;
}
.weqqqqqq{
        width: calc(100% - 58px) !important;
}
.innercto img.w-100 {
    height: 590px;
    object-fit: cover;
    object-position: right;
}


.chatfrm p,.chatfrm li,.chtdt p,.chtdt li {
    font-size: 16px;
    color: #000;
}
.chat,.chatbox{
    cursor:pointer;
}

.sendbtnnn {
    padding: 1rem;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    border-top: 1px solid #e1e1e1;
}
.sendbtnnn a {
    padding: 12px 39px;
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #005b89;
    color: #fff;
    letter-spacing: 0.55px;
    width: fit-content;
    margin: auto;
    font-size: 18px;
    border-radius: 6px;
    text-decoration: none;
}
.sendbtnnn a img {
    filter: brightness(0) invert(1);
    width: 18px;
}

.arr {
    height: 35px;
    width: 35px;
    background-color: #005b89;
    border-radius: 10px;
    transition: all .3s;
}
.ctbtn a {
    color: #005b89;
    background-color: #fff;
    width: fit-content;
    padding: 5px 5px 5px 20px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    margin-top: 2rem;
    transition: all .3s;
}
.arr img{
    filter: brightness(0) invert(1);
    transition: all .3s;
    transform: rotate(-45deg) translate(-50%, -50%) !important;
    transform-origin: left top;
}
.ctbtn a:hover{
    color: #fff;
    background-color: #005b89;
}
.ctbtn a:hover .arr{
    background-color: #ffffff;
}
.ctbtn a:hover .arr img{
   filter: initial;
   transform: rotate(0) translate(-50%, -50%) !important;
}
.innerdata {
    top: 85%;
    left: 8%;
    transform: translateY(-50%);
    z-index: 99999999;
}
.innerdata h2{
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    letter-spacing: 0.55px;
}
.brdcmb::after {
    position: absolute;
    content: "";
    background: linear-gradient(to top, #003e5d, #00000000);
    background-size: contain;
    height: 68%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.saa svg{
    font-size: 19px;
    transform: translateY(3px);
}

.frm input,.frm select{
    height: 50px;
    border: 1px solid lightgray;
    border-radius: 0;
    padding-left: 10px;
}
.frm textarea{
    height: 100px;
    border: 1px solid lightgray;
    border-radius: 0;
    padding-left: 10px;
}




.arr1 {
    height: 35px;
    width: 35px;
    background-color: #fff;
    border-radius: 10px;
    transition: all .3s;
}
.ctbtn1 a {
    color: #fff;
    background-color: #005b89;
    border: 1px solid #005b89;
    width: fit-content;
    padding: 5px 5px 5px 20px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    margin-top: 2rem;
    transition: all .3s;
}
.arr1 img{
    filter: initial;
    transition: all .3s;
    transform: rotate(-45deg) translate(-50%, -50%) !important;
    transform-origin: left top;
}
.ctbtn1 a:hover{
    color: #005b89;
    background-color: #fff;
}
.ctbtn1 a:hover .arr1{
    background-color: #005b89;
}
.ctbtn1 a:hover .arr1 img{
   filter: brightness(0) invert(1);
   transform: rotate(0) translate(-50%, -50%) !important;
}
.left-contact{
    padding: 0 10% 0 0;
}
.saa h4{
    font-size: 21px;
}
.rightcon {
    padding: 0rem;
    box-shadow: black 0px 0px 14px -10px;
}

.show{
    margin-top: 0.5rem;
    display: flex;
}

.serv::after {
    position: absolute;
    content: "";
    background-image: url(../images/bgtxt.png);
    background-size: cover;
    background-position: right;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    opacity: 0.03;
    z-index: -1;
}
.glli::after {
    position: absolute;
    content: "";
    background: linear-gradient(0deg, #ffffff, #0088cb);
    background-size: cover;
    background-position: right;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    opacity: 0;
    transition: all .3s;
}
.glli:hover::after{
    opacity: 0.5;
}
.gllidata {
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    padding: 46px 23px 15px 23px;
    text-align: center;
    background: linear-gradient(to top, #ffffff, transparent);
}
.glimgnum {
    left: -100%;
    top: 5%;
    padding: 7px 20px;
    background-color: #fff;
    z-index: 9;
    border-radius: 0 30px 30px 0;
    color: #000;
    transition: all .3s;
}
.gllidata p{
    color: #000;
    font-size: 20px;
}
.glli{
    overflow: hidden;
    border-radius: 10px;
    box-shadow: black 0px 4px 9px -9px;
}
.glli:hover .glimgnum{
    left: 0;
}
.glimg img {
    border-radius: 10px;
    cursor: pointer;
    height: 275px !important;
}
.view-image {
    z-index: 999999999999999 !important;
}

.box242 {
    box-shadow: black 0px 0px 7px -4px;
}

.box242 .boxdata {
    width: 90%;
}
.box242 {
    height: 400px;
}
.box242 .boxdata p{
     display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.popup {
    height: 100vh;
    width: 100%;
    background-color: #0000004f;
    z-index: 99999999999999;
    backdrop-filter: blur(6px);
}

.leftimg img{
    height: 360px;
    object-fit: cover;
}

.popdata{
    padding: 2rem;
}

.innerpop{
    width: 65%;
    border-radius: 10px;
    overflow: hidden;
}

.close{
    top: 1rem;
    right: 1rem;
    z-index: 9;
    cursor: pointer;
}

.dropitems {
    bottom: 478px;
    background-color: #ffffff;
    padding: 3rem;
    left: -311px;
    border-radius: 0 0 15px 15px;
    box-shadow: black 0px 0px 12px -8px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: -1;
    border-top: 3px solid #0094de;
}




.dropdown:hover .dropitems {
    bottom: -138px;
    opacity: 1;
    visibility: visible;
}





.dropitems ul {
    display: flex;
    width: 790px;
    justify-content: space-between;
}

.dropitems65465 ul {
    width: 38vw !important;
}
.dropitems65465 {
    left: -20vw;
}
.dropitems li a {
    color: #000 !important;
}


.menulx ul li a {
    padding: 4rem 0;
}

.menulx .dropitems {
    bottom: 478px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: -1;
    border-top: 3px solid #0094de;
}


.dropdown:hover .dropitems12 {
    bottom: -181px;
    opacity: 1;
    visibility: visible;
}

.dropitems li a {
    padding: 0 !important;
}
.dropitems li a img{
    width: 12px;
}

.ac1{
    width: 20px;
    filter: brightness(0) invert(1);
    transition: all .3s;
} 
.ac2{
    width: 20px;
    transition: all .3s;
} 
.dropdown:hover .ac1 {
    transform: rotate(180deg);
}
.dropdown:hover .ac2 {
    transform: rotate(180deg);
}
.mntab .tab-l a {
    color: #005b89;
    padding: 10px 55px;
}
.mntab .tab-l .active{
    
    border: 1px solid #005b89;
    padding: 10px 55px;
    border-radius: 30px;
    display: flex;
    color: #fff;
    background-color:#005b89;
}
.mntab{
    border: 1px solid #005b89;
    padding: 3px;
    border-radius: 30px;
    width: fit-content !important;
    margin: auto;
}
.firsttab .tab-l a {
    display: flex;
    padding: 15px;
    background-color: #e7e7e714;
    color: #ffffff;
    border-radius: 15px;
    font-size: 17px;
    letter-spacing: 0.55px;
}
.firsttab .tab-l .active {
    display: flex;
    padding: 15px;
    background-color: #ffffff;
    color: #005b89;
}
.firsttab{
    background-color: #005b89;
    padding: 2rem;
    border-radius: 15px;
}

.exp-hd {
    padding: 6px 0;
}
.arrowd {
    height: 30px;
    width: 30px;
    border: 1px solid #005b89;
    border-radius: 50%;
    overflow: hidden;
    background-color: #005b89;
}
.arrowd img {
    animation: moveed 1s infinite;
    transform: translate(-50%, -50%);
    filter: brightness(0) invert(1);
}
@keyframes moveed{
    0% {
        transform: translate(-50%, -150%);
    }
    50% {
        transform: translate(-50%, -50%);
    }
    100% {
        transform: translate(-50%, 100%);
    }
}

.expanddd {
    cursor: pointer;
}
.desc {
    max-height: 0;
    overflow: hidden;
    transition: all .3s;
}
.descnew {
    max-height: 10000px;
    transition: all 1s;
}

.arrowdnew {
    transform: rotate(180deg);
}

.arrowd {
    transition: all .3s;
}
.glrimg{
    border-radius: 10px;
    overflow: hidden;
}
.glrimg,.glrimg img{
    height: 100%;
    object-fit: cover;
}
.wer {
    position: sticky;
    top: 22%;
}

.tabl tr th,.tabl tr td {
    padding: 10px;
    border: 1px solid lightgray;
    padding: 19px;
}

.subhghg h4{
    width: fit-content;
}
.subhghg h4::after {
    position: absolute;
    content: "";
    background-color: #005b89;
    background-size: contain;
    height: 2px;
    width: 30%;
    bottom: -5px;
    left: 0;
}
.aaaaa li img{
    height: fit-content;
    width: 14px;
    transform: translateY(7px);
}

.container444 img{
    height: 100vh;
    object-fit: cover;
}
.innerinvolved {
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    width: 35%;
    padding: 0rem;
    background-color: #ffffff;
    border-radius: 15px;
    backdrop-filter: blur(7px);
    z-index: 9999999;
}
.dsfsdfwewwww{
    padding: 2rem;
    /*background-color: #005b89;*/
}
/*.innerinvolved .row{*/
/*    padding:0 2rem 2rem 2rem;*/
/*}*/
/*.dsfsdfwewwww .headline h4{*/
/*    color:white;*/
/*}*/
/*.dsfsdfwewwww .headline p{*/
/*    color:white;*/
/*    margin-bottom:0;*/
/*}*/

.forlist input,.forlist select{
    height: 50px;
    border-radius: 0;
    border: 1px solid rgb(148, 148, 148);
    padding-left: 10px;
    
}
.forlist textarea{
   border: 1px solid rgb(148, 148, 148);
    border-radius: 0;
    padding-left: 10px;
    height: 80px;
}
.forlist input:focus,.forlist select:focus,.forlist textarea:focus{
    border: 1px solid rgb(148, 148, 148);
    outline: none;
    /*box-shadow: black 0px 5px 25px -5px;*/
}

.overlay {
    position: absolute;
    top: 0;
    left: 10%;
    width: 24%;
    background-color: #ffffffc9;
    height: 100%;
    padding: 6rem 2rem;
    z-index: 9;
}
.overlay h2 {
    font-size: 2.4vw;
    font-weight: 500;
    margin-top: 6rem;
    /* line-height: 63px; */
}
.overlay p{
    color: #000;
    margin-top: 2rem;
}
.involved::after {
    position: absolute;
    content: "";
    background-color: #0000003b;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.involved::before {
    position: absolute;
    content: "";
    background-color: red;
    background-size: contain;
    height: 150px;
    width: 150px;
    top: -55px;
    right: -55px;
    z-index: 9;
    border-radius: 50%;
}
.figgg h3 {
    font-size: 2.4vw;
    line-height: 61px;
}


.childd {
    bottom: 0;
    left: 29%;
    z-index: 999;
    width: 29%;
}

.inneradm {
    width: 75%;
    margin: auto;
    background-image: url(../images/dtr.jpg);
    padding: 10rem 0;
    position: relative;
    z-index: 1;
    border-radius: 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.inneradm h4 {
    line-height: 35px;
    padding: 0 10%;
    font-weight: 300;
}

.inneradm::after {
    position: absolute;
    content: "";
    background: linear-gradient(45deg, black, #00537c, #000);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.7;
}

.resultbtn1 a {
    padding: 10px 20px 10px 40px;
    border: 1px solid #ffffff;
    border-radius: 30px;
    color: #ffffff;
    font-size: 18px;
    display: flex;
    gap: 1rem;
    align-items: center;
    transition: all .3s;
    letter-spacing: 0.55px;
}

.resultbtn1 a img {
    width: 21px;
    height: auto;
    transform: rotate(-45deg);
    transition: all .3s;
    filter: brightness(0) invert(1);
}
.resultbtn1 a:hover {
    background-color: #fff;
    color: #005b89;
}
.resultbtn1 a:hover img {
    transform: rotate(0);
    filter: initial;
}
.resultbtn121 a {
    padding: 10px 20px 10px 40px;
    border: 1px solid #005b89;
    background-color: #005b89;
    border-radius: 30px;
    color: #ffffff;
    font-size: 18px;
    display: flex;
    gap: 1rem;
    align-items: center;
    transition: all .3s;
    letter-spacing: 0.55px;
}

.resultbtn121 a img {
    width: 21px;
    height: auto;
    transform: rotate(-45deg);
    transition: all .3s;
    filter: brightness(0) invert(1);
}
.resultbtn121 a:hover {
    background-color: #fff;
    color: #005b89;
}
.resultbtn121 a:hover img {
    transform: rotate(0);
    filter: initial;
}
.deprtdata p{
    display: none;
}

.cloooos {
    top: 2%;
    right: 1%;
    z-index: 999;
    color: red;
    font-size: 18px;
    letter-spacing: 0.55px;
    text-align: center;
    filter: brightness(0) invert(1);
}
.cloooos img {
    margin: auto;
    width: 25px;
    /* filter: brightness(0) invert(1); */
}

.innerlik{
    color: #000 !important;
}

.rightcon {
    position: sticky;
    top: 13rem;
    padding-bottom: 2rem;
}
















.flxtab .tab-l a {
    border-radius: 30px;
    padding: 12px 20px;
    display: flex;
    justify-content: center;
    color: #005b89;
    width: 100%;
    height: 100%;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #005b89;
}
.flxtab .tab-l {
    /* width: 18%; */
    display: flex;
    width: 100%;
}
.flxtab .tab-l .active{
    border: 1px solid #005b89;
    background-color:#005b89;
    border-radius: 30px;
    padding: 12px 20px;
    display: flex;
    justify-content: center;
    color: #fff;
}





.flxtab12 {
    display: flex;
    overflow: hidden;
    border-bottom: 1px solid #005b89;
}

/* TAB WRAPPER */
.flxtab12 .tab-l{
    width:100%;
    display:flex;
    position:relative;
    margin-left:-35px; /* OVERLAP */
}

/* FIRST TAB NO OVERLAP */
.flxtab12 .tab-l:first-child{
    margin-left:0;
}

/* TAB */
.flxtab12 .tab-l a {
    position: relative;
    z-index: 1;
    border-radius: 0;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #005b89;
    background: #dcdcdc;
    background: linear-gradient(45deg, #d5d5d5, #f3f3f3);
    text-decoration: none;
    /*font-weight: 600;*/
    clip-path: polygon(12% 0, 88% 0, 100% 100%, 0% 100%);
    transition: 0.3s;
}

/* NORMAL STACK */
.flxtab12 .tab-l:nth-child(1){ z-index:1; }
.flxtab12 .tab-l:nth-child(2){ z-index:2; }
.flxtab12 .tab-l:nth-child(3){ z-index:3; }
.flxtab12 .tab-l:nth-child(4){ z-index:4; }
.flxtab12 .tab-l:nth-child(5){ z-index:5; }
.flxtab12 .tab-l:nth-child(6){ z-index:6; }
.flxtab12 .tab-l:nth-child(7){ z-index:7; }

/* ACTIVE TAB ALWAYS TOP */
.flxtab12 .tab-l a.active{
    background:#005b89;
    color:#fff;
    z-index:999;
}

/* PARENT OF ACTIVE */
.flxtab12 .tab-l:has(a.active){
    z-index:9999 !important;
}

/* HOVER */
.flxtab12 .tab-l a:hover{
    background:#005b89;
    color:#fff;
}



























.icxxx {
    width: 35%;
    height: auto !important;
    z-index: 99999;
    opacity: 0;
    transition: all .3s;
    text-align: center;
    color: #ffffff;
    background-color: #c70003;
    padding: 10px 20px;
    border-radius: 30px;
}
.icxxx h5{
    font-size: 18px;
}
.icxxx img{
    height:auto !important;
}
.glli:hover .icxxx{
    opacity:1;
}
/*.glli img{*/
/*    height:350px;*/
/*    object-fit:cover;*/
/*}*/
.glli img {
    height: 350px !important;
    object-fit: cover;
}


.ssdss{
    display:none;
}

.custom-caption{
    position: relative;
    bottom: 20px;
    left: 20px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 12px 15px;
    border-radius: 10px;
    max-width: 400px;
    z-index: 9999;
}
.custom-caption p{
    color: #fff;
}


.view-image{
    position: relative;
}

.custom-caption{
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 12px 15px;
    border-radius: 10px;
    z-index: 99999;
    max-width: 400px;
}

.custom-caption h4{
    margin: 0 0 5px;
    font-size: 18px;
}

.custom-caption p{
    margin: 0;
    font-size: 14px;
}






.gallerypop {
    background-color: #000000ba;
    z-index: 999999999999999999;
    height: 100vh;
    width: 100%;
    backdrop-filter: blur(7px);
}
/*.innergldata1222 {*/
    
/*    background-color: #fff;*/
/*    width: 75%;*/
/*    border-radius: 15px;*/
/*}*/
.innergldata1222 {
    background-color: #fff;
    width: 40%;
    border-radius: 15px;
}
.innergldata{
    display: flex;
}
.innergldata img{
    
    
    border-radius: 15px 0 0 15px;
}
.nex{
    margin-left: auto;
}
.pre,.nex{
    height:50px;
    width:50px;
    border-radius:15px;
    background-color:#fff;
    cursor:pointer;
    /*margin:auto;*/
}
.arrow {
    width: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: 50%;
    transform: translate(-50%, -50%);
}
.innergldata1{
    border-radius: 15px;
    overflow: hidden;
}
.glimg {
    display: grid;
    box-shadow: black 0px 0px 14px -8px;
    border-radius: 10px;
}
.gldtds{
        padding: 1rem;
}
.gldtds h5 {
    color: #005b89;
    text-align: center;
    margin: 0;
}
.gldtds p{
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.ttlllldata {
    padding: 1rem 2rem;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: #ffffffc9;
}
.innergldata img{
    height: 470px;
    object-fit: cover;
}
.gallerypop::after{
    position: absolute;
    content: "";
    background-color: #fff;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    top: -55px;
    right: -55px;
    z-index: 9999;
}
.closeeewe img {
    width: 21px !important;
    margin: auto;
}
.closeeewe {
    z-index: 999999999999999999;
    top: 2%;
    right: 1%;
    /* width: 29px; */
    display: grid;
    color: red;
    cursor: pointer;
}


.innergrivance label{
    margin-bottom:10px;
    opacity:0.8;
}



.innergrivance{
    width: 65%;
    margin: auto;
}
.innergrivance .row{
    padding: 2rem;
    box-shadow: black 0px 0px 10px -6px;
     border-radius: 0 0 15px 15px;
}

.frmhd{
    position:relative;
}
.frmhd::after {
    position: absolute;
    content: "";
    background-color: #005b89e6;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.frmhd::before {
    position: absolute;
    content: "";
    background-image: url(../images/dottt.png);
    background-size: contain;
    height: 210px;
    width: 210px;
    top: 0;
    left: 0;
    z-index: 9;
    filter: brightness(0) invert(1);
    opacity: 0.5;
}


.frmhddata {
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    z-index: 99;
    width: 61%;
}
.frmhddata h3{
    font-size: 35px;
    letter-spacing:0.55px;
}
.frmhddata p{
    font-size:16px;
}
.frmhd{
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    box-shadow: black 0px 0px 10px -6px;
}
.icnn{
    height: 50px;
    min-width: 50px;
    background-color: #005b893d;
    position: relative;
    border-radius: 10px;
}
.icnn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #005b89;
    font-size: 18px;
}
.align-items-center1{
    align-items: end;
}

.zzzzz {
    padding: 10px;
    background-color: #c2d8e378;
    border-radius: 10px;
    color: #005b89;
    font-size: 15px;
}


.sendbtnnn1x a{
    padding: 12px 39px;
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #005b89;
    color: #fff;
    letter-spacing: 0.55px;
    width: fit-content;
    margin: auto;
    font-size: 18px;
    border-radius: 6px;
    text-decoration: none;
}
.sendbtnnn1x a img{
    filter: brightness(0) invert(1);
    width: 18px;
}
.leftdatataaw img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.innertm {
    padding: 0 0;
    width: 75%;
    margin: auto;
}
/*.innertm::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background: linear-gradient(90deg, #005b890d 50%, transparent 0%);*/
/*    background-size: contain;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    top: 0;*/
/*    left: -32%;*/
/*    z-index: -1;*/
/*}*/
.leftdatataaw img {
    border-radius: 15px;
    box-shadow: black 0px 0px 15px -9px;
}
.innertm1{
    padding: 5rem 0;
}
.innertm1::after {
    position: absolute;
    content: "";
    background: linear-gradient(270deg, #005b890d 50%, transparent 0%);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    right: -32%;
    z-index: -1;
}


.depdataa {
    bottom: 0;
    left: 0;
    padding: 1.5rem 1rem;
    width: 100%;
    z-index: 9;
    text-align: center;
    background-color: #ffffffad;
    backdrop-filter: blur(23px);
    border-radius: 40% 40% 0 0;
}
.deplist::after {
    position: absolute;
    content: "";
    background: linear-gradient(to top, white, #ffffff, #ffffff, #ffffff);
    background-size: contain;
    height: 25%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity:0 !important;
    backdrop-filter: blur(0) !important;
    border-radius: 40% 40% 0 0;
}
.deplist{
    border-radius: 15px;
    overflow: hidden;
    box-shadow: black 0px 0px 9px -6px;
}









/*.cirrr{*/
/*    height:50px;*/
/*    min-width:50px;*/
/*    border-radius:50%;*/
/*    background-color:lightgray;*/
/*}*/
/*.nummg p{*/
/*    color:#000;*/
/*    font-weight:700;*/
/*    line-height:auto;*/
/*    font-size:16px;*/
/*}*/
/*.nummg {*/
/*    top: -5px;*/
/*    right: -5px;*/
/*    height: 20px;*/
/*    width: 20px;*/
/*    background-color: #b7b7b7;*/
/*    border-radius: 50%;*/
/*}*/
/*.nummgact {*/
/*    background-color: #ff7701;*/
/*}*/
/*.nummgact p{*/
/*    color:white;*/
/*}*/
/*.q img{*/
/*    opacity:0.5;*/
/*}*/

.boxx {
    height: 50px;
    min-width: 50px;
    background-color: #005b89;
    border-radius: 10px;
}
.boxx img{
    filter:brightness(0)invert(1);
}
.abbttt{
    background: linear-gradient(to bottom, #f4f6f903, #005b892e);
}
.onner .reeety {
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem;
    box-shadow: black 0px 0px 10px -8px;
}
.membr {
    background-color: #005b89;
}
.resxd {
    background: linear-gradient(to top, #f4f6f903, #005b8914);
}
.jk a{
    font-size: 17px;
    color: #005b89;
}
.resxd .row{
    align-items: center;
}
.jk{
    padding: 2rem 0;
    position:relative;
}
.jk::after {
    position: absolute;
    content: "";
    border-right: 1px solid lightgray;
    background-size: contain;
    height: 100%;
    width: 1px;
    top: 0;
    right: 28%;
}

.col-lg-3:last-child .jk::after{
    border:none;
}

.saa {
    border-bottom: 1px solid lightgray;
    padding: 1rem 0;
}
.rightcon .row {
    padding: 3rem 2rem 1rem 2rem;
}
.rigtcon {
    padding: 2rem;
    background-color: #005b89;
    border-radius: 0 0 25px 25px;
}
.left-contact ul li:last-child{
    border:none;
}
.msssn{
    background-image:url(../images/bh.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    z-index:1;
    position:relative;
}
.msssn::after {
    position: absolute;
    content: "";
    background-color: #005b89e3;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}


.msssn ul li,.preasdsad ul li{
    margin:10px 0;
}
.sdllist {
    padding: 2rem;
    background-color: #005b89;
    border-radius: 15px;
    overflow: hidden;
    position:relative;
}
.sdllist::after {
    position: absolute;
    content: "";
    background-color: #000000;
    background-size: contain;
    height: 180px;
    width: 180px;
    border-radius: 24%;
    top: 50%;
    left: -151px;
    transform: translateY(-50%);
    opacity: 0.1;
}
.preasdsad11 {
    background: linear-gradient(360deg, #edf3f7 52%, transparent 0);
}
.sdllist h5{
    font-size: 24px;
    color: #fff;
    letter-spacing:0.55px;
}
.sdllist p{
    color: #fff;
}
.sdllist a{
    letter-spacing: 0.55px;
    text-decoration: underline;
    color: #fff;
    font-size: 18px;
}

.orgnm {
    bottom: 10%;
    right: 0;
    /* background-color: #005b89; */
    background: linear-gradient(270deg, #005b89, #005b8952);
    width: fit-content;
    padding: 4px 11px 4px 31px;
    /* clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 5% 60%, 0 23%); */
    clip-path: polygon(50% 0%, 100% 0, 100% 60%, 100% 100%, 0 100%, 6% 50%, 0 0);
    z-index: 9999;
}
.orgnm p {
    color: #fff;
    font-size: 16px;
}
.fggdfyyftr {
    background-color: red;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    top: -2%;
    right: -1%;
    z-index: 99;
}


.involved31231::before{
    background-color:transparent;
}
.cloooos1212 {
    filter: brightness(0) invert(1);
    text-align: center;
}
.cloooos1212 img{
    width: 22px;
    margin: auto;
}











.share-wrapper{
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.share-toggle{
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.social-share-box{
    display: none;
    position: absolute;
    top: 55px;
    right: 0;
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    width: max-content;
}

.social-share-box a{
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
}





.innerpredd {
    padding: 4rem 0;
    background-color: #005b89;
}


.predd {
    height: 100vh;
    background-image: url(../images/tr.webp);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.predd::after {
    position: absolute;
    content: "";
    background-color: #0000002e;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.vlkx li{
    padding:7px 0;
}










.newslist {
    background: #fff;
    transition: 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.newslist:hover {
    transform: translateY(-5px);
}

.newslistimg img {
    height: 240px;
    object-fit: cover;
}









.pdfim {
    border-radius: 10px;
    overflow: hidden;
}
.datasd {
    width: 100%;
    padding: 1rem;
    background-color: #00547d;
    border-radius: 20px 20px 0 0;
}
.datasd p {
    color: #fff;
    font-size: 18px;
}
.datasd img {
    filter: brightness(0) invert(1);
    width: 32px;
    height: auto !important;
}
.pdfim img {
    height: 430px;
    object-fit: cover;
}
.pdfim {
    box-shadow: black 0px 0px 6px -2px;
}

.newxxx .newslist{
    box-shadow:none;
}

.leftdatataaw{
    position: sticky;
    top: 13rem;
}
.rightdatataaw span{
        color: #005b89;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 1rem;
    display: block;
}

/*.innergrivance .frm{*/
/*    padding: 10px;*/
/*    background-color: #d3d3d329;*/
/*    border-radius: 10px;*/
/*}*/

.inner-success {
    width: 300px;
    margin: auto;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem 1rem;
}
#success {
    background-color: #000000b8;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
    display: none;
}
.quick_sucInner {
    text-align: center;
}
.quick_sucInnerBtn {
    background-color: #31a300;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 7px 20px;
    border-radius: 30px;
    font-family: auto !important;
}
.quick_sucInner h3 {
    font-family: auto !important;
}
.newsdata p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}







.bannerswi .swiper-slide img{
  width:100%;
  height:100vh;
  object-fit:cover;
}


.slide1 img,
.slide2 img,
.slide3 img{
  opacity:1;
  
}
.slide1 img,.slide6 img,.slide8 img{
  transition: transform 15s linear;
}


.slide1.swiper-slide-active img{
  transform: scale(1.5);
}
.slide2.swiper-slide-active img{
  animation: bottomFade 5s ease forwards;
}


.slide3.swiper-slide-active img{
  animation: topFade 5s ease forwards;
}
.slide6.swiper-slide-active img{
  transform: scale(1.5);
}
.slide5.swiper-slide-active img{
  animation: bottomFade 5s ease forwards;
}


.slide4.swiper-slide-active img{
  animation: bottomFade 5s ease forwards;
}
.slide8.swiper-slide-active img{
  transform: scale(1.5);
}
.slide9.swiper-slide-active img{
  animation: bottomFade 5s ease forwards;
}
.slide10.swiper-slide-active img{
  animation: topFade 5s ease forwards;
}


.slide7.swiper-slide-active img{
  animation: topFade 5s ease forwards;
}

@keyframes zoomFade{
  0%{
    transform:scale(1);
  }
  100%{
    transform:scale(2);
  }
}

@keyframes bottomFade{
  from{
   opacity:0;
    transform:translateY(100px);
  }
  to{
      opacity:1;
    transform:translateY(0);
  }
}

@keyframes topFade{
  from{
    opacity:0;
    transform:translateY(-100px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.swiper-slide::after {
    position: absolute;
    content: "";
    background-color: #00000000;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}