@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&display=swap');
     body{
      font-family: "Montserrat", sans-serif;
     }
 
    p{
      font-size: 18px;
      letter-spacing: 0.55px;
      line-height: 30px;
    }
    .ivv{
      padding: 6rem 0;
    }
    .w-90{
      width: 90%;
    }
    .abt-hd h2{
          font-size: 45px;
          letter-spacing: 0.55px;
    }


 .container{
    max-width: 90%;
 }
 .navlist{
  height: 40px;
  overflow: hidden;
  background-color: #e14551;
  position: relative;
  z-index: 1;
 }
.dropitm {
    background-color: #ffffff;
    width: 225px;
    box-shadow: black 0px 0px 15px -9px;
    transform: translateY(93px);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.dropd a{
  display: flex;
  align-items: center;
  gap: 5px;
}
.innerdetails h5 {
    font-size: 16px;
    color: gray;
    letter-spacing: 0.55px;
}
.xxxx p{
  gap: 10px;
}
.xxxx p img{
      width: 30px;
}
.dropd:hover .dropitm{
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.dropd:hover img{
  filter: initial;
  transform: rotate(180deg);
}
.dropd img{
  filter: brightness(0);
  transition: all .3s;
  width: 20px;
  height: 20px;
}
.dropitm{
  top: 100%;
}
.dropitm li a{
    position: relative;
    z-index: 1;
}
.dropitm li a::after{
    position: absolute;
    content: "";
    background-color: #e14551;
    background-size: contain;
    height: 100%;
    width: 5px;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .3s;
}
.dropitm li:nth-child(2) a::after{
    background-color: #150a4b;
}
  .dropitm li a:hover::after{
      width: 100% !important;
  }
  .dropitm li a:hover{
     color: #fff !important;
  }
  .dropitm li:nth-child(2),.dropitm li:nth-child(3){
    border-top: 2px solid #fff;
  }
 .dropitm a{
  padding: 15px !important;
 }
.navlist::after {
    position: absolute;
    content: "";
    background: linear-gradient(45deg, #e14551, #ffffff85 50%, #e14551);
    background-size: contain;
    height: 100%;
    width: 56%;
    top: 0;
    right: -100%;
    z-index: -1;
    animation: animate 5s infinite ;
}
 @keyframes animate{
  0%{
    right: -100%;
  }
  50%{
    right: 100%;
  }
  100%{
     right: -100%;
  }
  
 }
 .navlist p{
  line-height: 40px;
  color: #fff;
  animation: move 13s infinite;
  font-size: 18px;
 }
 @keyframes move{
  0%{
    transform: translateY(0);
  }
  10%{
    transform: translateY(0);
  }
  
  20%{
    transform: translateY(-40px);
  }
  40%{
    transform: translateY(-40px);
  }
  60%{
    transform: translateY(-80px);
  }
  80%{
    transform: translateY(-80px);
  }
  /*65%{*/
  /*  transform: translateY(-120px);*/
  /*}*/
  /*75%{*/
  /*  transform: translateY(-120px);*/
  /*}*/
  100%{
    transform: translateY(0);
  }
  /*90%{*/
  /*  transform: translateY(-160px);*/
  /*}*/
  /*100%{*/
  /*  transform: translateY(0);*/
  /*}*/
 }
 .navitems ul li a{
  color: #000;
  display: flex;
  padding: 2.5rem 0;
  font-size: 18px;
  letter-spacing: 0.55px;
  transition: all .3s;
 }
 .navitems ul li a:hover{
    color: #e14551;
 }
.cta-btn a {
    padding: 6px 20px 6px 6px !important;
    border-radius: 0px;
    display: initial;
    padding: 10px 20px;
    text-decoration: none;
    color: #ffffff !important;
    position: initial;
    border: 1px solid #e14551;
    transition: all .3s;
    border-radius: 30px;
    background-color: #e14551;
}
.cta-btn a:hover{
    background-color: #ffffff;
    color: #e14551 !important;
}
.cir{
  height: 50px;
  width: 50px;
  background-color: #fff;
  border-radius: 50%;
}
 
 
 
 
 
 
.bannerswiper {
      width: 100%;
      height: 100%;
    }

.bannerswiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
}

.swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.bannerswiper .swiper-slide::after {
    position: absolute;
    content: "";
    /* background: linear-gradient(to left, rgb(225 69 81 / 36%), rgb(23 21 88 / 87%)); */
    background-color: #0000004d;
    background: linear-gradient(180deg, #00000033, #00000033);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    /* opacity: 0.4; */
}

.slidedatadesc {
    bottom: 18%;
    left: 7%;
    z-index: 9;
    width: 31%;
    text-align: start;
}
.slidedata {
    bottom: 22%;
    right: 7%;
    z-index: 9;
    width: 35%;
    text-align: start;
    overflow: hidden;
}
.slidedata h2 {
    font-size: 65px;
    color: #fff;
    letter-spacing: 1px;
    /* filter: drop-shadow(3px 4px 0px #000); */
    transform: translateX(-100%);
    transition: all 1s;
}
.bannerswiper .swiper-slide-active .slidedata h2 {
    transform: translateX(0%) !important;
}
.slidedatadesc p {
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    /* filter: drop-shadow(3px 4px 0px #000); */
    font-weight: 500;
    transform: translateY(-100%);
    transition: all 1s;
    opacity: 0;
}
.bannerswiper .swiper-slide-active .slidedatadesc p {
    transform: translateY(0%) !important;
    opacity: 1;
}

.startbutton a {
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.55px;
    transition: all .3s;
    animation: moves 2s infinite;
    box-shadow: inset white 0px 0px 25px -7px;
    padding: 10px 30px;
    width: fit-content !important;
    background-color: #fff;
    border-radius: 30px;
    transition:all .3s;
}
@keyframes moves{
    0%{
        color:#000;
    }
    50%{
        color:#ff0014;
    }
    100%{
        color:#000;
    }
}
.startbutton a:hover{
    background-color:#ffffff8a;
}
.arr {
    height: fit-content !important;
    transform: scale(1) translatey(3px) !important;
    width: 26px !important;
    /*filter: invert(1);*/
    /*transition: all .3s !important;*/
    animation:movedddd 2s infinite;
}
@keyframes movedddd{
    0%{
        filter: brightness(0);
    }
    50%{
        filter: initial;
    }
    100%{
        filter: brightness(0);
    }
}
.bannerswiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    /* transition: all 20s ease-in-out; */
}
/* .bannerswiper .swiper-slide-active img {
    transform: scale(1.5);
} */

.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev {
    position: absolute;
    top: 90%;
}
.bannerswiper .swiper-button-next::after , .bannerswiper .swiper-button-prev::after  {
    font-size: 20px;
    color: #fff;
}
.bannerswiper .swiper-button-next::before, .bannerswiper .swiper-button-prev::before {
    position: absolute;
    content: "";
    border: 1px solid #ffffff96;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* border-radius: 50%; */
    right: 31%;
    box-shadow: inset white 0px 0px 25px -7px;
    border-radius: 50%;
}
.bannerswiper .swiper-button-prev{
        left: 60%;
}
.bannerswiper .swiper-button-next{
        right: 34%;
}
.bannerswiper .swiper-slide{
        overflow: hidden;
}










.navbar-wrapper {
    position: fixed;
    width: 100%;
    z-index: 99999;
    background-color: #fff;
    box-shadow: black 0px 0px 12px -9px;
}
.banner-image{
  object-fit: cover;
}
.bannertext {
    left: 10%;
    top: 50%;
    transform: translateY(-134%);
    z-index: 9;
    width: 54%;
    opacity: 0;
    transition: all .5s;
}
.bannerswiper .swiper-slide-active .bannertext{

    transform: translateY(-50%);
    opacity: 1;
    transition-delay: .3s;
}
.bannertext h5{
  font-size: 26px;
  letter-spacing: 0.55px;
}
.bannertext h2 {
    font-size: 50px;
    letter-spacing: 0.55px;
}


.knowmore-btn p {
    padding: 10px 21px;
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
    font-size: 16px;
    letter-spacing: 0.55px;
    color: #e14551 !important;
    border: 1px solid #fff;
    transition: all .3s;
    width: fit-content;
    line-height: initial;
}
.knowmore-btn p:hover{
  background-color:transparent;
  color: #fff !important;
}
.abtlist {
    padding: 2rem 2rem 4rem;
    background-color: #e14551;
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s;
}
.abtlist:hover{
  transform: scale(1.05);
}
.abtlist::after {
    position: absolute;
    content: "";
    background-image: url(../images/spinning-ashoka-chakra.gif);
    background-size: contain;
    height: 170px;
    width: 170px;
    bottom: -14%;
    right: -7%;
    filter: brightness(0) invert(1);
    opacity: 0.1;
}
.abtlist h4{
  font-size: 26px;
  color: #fff;
  letter-spacing: 0.55px;
  font-weight: 700;
}
.abtlist p{
 color: #fff;
}
.about::after {
    position: absolute;
    content: "";
    background-image: url(../images/abt-bg.png);
    background-size: contain;
    height: 700px;
    width: 700px;
    top: -17%;
    left: -1%;
    background-position: bottom;
    background-repeat: no-repeat;
    /* filter: brightness(0) invert(1); */
    transform: rotateX(180deg);
    z-index: -1;
    opacity: 0.5;
}
.about::before {
    position: absolute;
    content: "";
    background-image: url(../images/abt-bg.png);
    background-size: contain;
    height: 700px;
    width: 700px;
    top: -17%;
    right: -1%;
    background-position: bottom;
    background-repeat: no-repeat;
    /* filter: brightness(0) invert(1); */
    transform: rotateX(180deg)rotateY(180deg);
    z-index: -1;
    opacity: 0.5;
}
.abt-circle {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #ffffff24;
    /* background: linear-gradient(45deg, #e14652, #e45661); */
    transition: all .3s;
}

.abtlist:hover .abt-circle {
    box-shadow: white 0px 0px 25px 5px;
}
.abt-circle img{
  filter: brightness(0);
}


.product {
    background-image: url(../images/pr-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    background-attachment: fixed;
}
.product::after {
    position: absolute;
    content: "";
    background-color: #23175fcf;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.product-image {
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.product-data {
    background-color: #e14551;
    padding: 10px 0;
    color: #ffffff;
    /* font-size: 23px; */
}
/* .curve {
    height: 300px;
    width: 100%;
    background: linear-gradient(360deg, #ffffff 50%, transparent 0);
    top: -150px;
    left: 0;
    z-index: 9;
    border-radius: 100%;
}
.about{
  padding-bottom: 0;
} */


.Show-more a {
    padding: 18px 68px;
    background-color: #e14551;
    color: #fff;
    font-size: 19px;
    letter-spacing: 0.55px;
    transition: all .3s;
    border: 1px solid #e14551;
    display: flex;
    align-items: center;
    gap: 22px;
}
.Show-more a img{
    width: 34px;
    filter: brightness(0) invert(1);
}
.Show-more a:hover{
    background-color: #2a2856;
    border: 1px solid #fff;
}
.Show-more {
    transform: translateX(-50%);
    bottom: -3%;
}



.Learn-more a{
  padding: 10px 30px;
  background-color: #e14551;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.55px;
  transition: all .3s;
  border: 1px solid #e14551;
  display: flex;
  align-items: center;
  gap: 22px;
  width: fit-content;
}
.Learn-more a img{
    width: 34px;
    filter: brightness(0) invert(1);
}
.Learn-more a:hover{
    background-color: #2a2856;
    border: 1px solid #fff;
}

.awareness12{
  background-image: url(../images/aw.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.training{
  background-image: url(../images/training.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.left-awerness {
    padding: 4rem 3rem;
    background-color: #1e1a5ab8;
}

.left-awerness h4{
    font-size: 35px;
    color: #fff;
    letter-spacing: 0.55px;
}

.figlist {
    padding: 3rem 2rem 3rem 8rem;
    background-color: var(--bg-color);
    position: relative;
}
.figlist::after {
    position: absolute;
    content: "";
    background-color: var(--bg-color);
    background-size: contain;
    height: 100%;
    width: 80px;
    top: 0;
    right: -79px;
    clip-path: polygon(0 0, 100% 50%, 0 100%, 0% 50%);
    z-index: 9;
    /* transform: scale(1.2); */
}
.figlist h2{
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 0.55px;
}


.awareness{
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.awareness::after {
    position: absolute;
    content: "";
    /* background-image: url(../images/flag.jpg); */
    background-image: url(../images/trr.png);
    background-size: contain;
    height: 800px;
    width: 800px;
    top: -14%;
    left: -8%;
    z-index: -1;
    background-repeat: no-repeat;
    /* transform: rotate(51deg); */
    /* transform-origin: left; */
    opacity: 0.05;
}
.awareness::before {
    position: absolute;
    content: "";
    background-image: url(../images/flag.jpg);
    background-size: contain;
    height: 400px;
    width: 462px;
    bottom: 5%;
    right: -7%;
    z-index: -1;
    background-repeat: no-repeat;
    transform: rotate(-129deg);
    /* transform-origin: left; */
    opacity: 0.2;
}

/*.leftgl-text h2:nth-child(2) {*/
/*    transform: translateX(35px);*/
/*}*/

.gallerylistt img {
    object-fit: cover;
    border-radius: 10px;
}
.gallery-wrapper{
  background-color: #e145510a;
}

.gallery-wrapper {
    background-color: #e1455112;
}



/* .gallery-wrapper {
    position: relative;
    padding-top: 14rem;
} */
/* .gallery-wrapper::after {
    position: absolute;
    content: "";
    background: linear-gradient(360deg, #ffffff 50%, transparent 0);
    background-size: contain;
    height: 250px;
    width: 100%;
    top: -125px;
    border-radius: 50%;
} */

.galleryswiper .swiper-pagination-bullet{
  height: 13px;
  width: 13px;
  background-color: #000;
  opacity: 1;
  transition: all .3s;
}
.galleryswiper .swiper-pagination-bullet-active{
  background-color: #e14551;
  transform: scale(1.1);
}

.newsroom {
    background: linear-gradient(180deg, #e14551 50%, transparent 0);
    width: 100%;
}
.news-data {
    padding: 2rem 1rem;
}

.knowmore-btnnew p {
    padding: 10px 21px;
    background-color: rgb(225 69 81);
    border-radius: 30px;
    font-size: 16px;
    letter-spacing: 0.55px;
    color: #ffffff !important;
    border: 1px solid #e14551;
    transition: all .3s;
    width: fit-content;
    line-height: initial !important;
}
.knowmore-btnnew p:hover {
    background-color: transparent;
    color: #e14551 !important;
}

.news-data h5{
    color: #000;
    font-size: 23px;
    letter-spacing: 0.55px;
}
.news-data p {
    color: #000000b5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newslist-wrapper{
      box-shadow: black 0px 0px 7px -5px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    transition: all .3s;
}
.newslist-wrapper:hover{
    transform: translateY(-23px);
}
.news-img img {
    height: 270px;
    object-fit: cover;
}
.gallery-wrapper{
  position: relative;
  z-index: 1;
}
.gallery-wrapper::before {
    position: absolute;
    content: "";
    background-image: url(../images/m-1-removebg-preview.png);
    background-size: contain;
    height: 600px;
    width: 750px;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: 0.1;
}
.newsroom{
  position: relative;
  z-index: 1;
}
.newsroom::before {
    position: absolute;
    content: "";
    background-image: url(../images/ert.png);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: 0.1;
    transform: rotate(360deg);
    filter: brightness(0) invert(1);
}

.add img{
  width: 20px;
  filter: brightness(0)invert(1);
}
footer{
  padding: 6rem 0;
  background-color: #191145;
}
.link ul li a{
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.55px;
}
.link ul li {
    position: relative;
    line-height: initial;
}
.link ul li::after {
    position: absolute;
    content: "";
    border-right: 1px solid #ffffff7a;
    background-size: contain;
    height: 100%;
    width: 1px;
    top: 0;
    right: -12px;
}
.link ul li:last-child::after {
    content: none;
}

.reg h5{
  font-size: 25px;
  letter-spacing: 0.55px;
}
.frmm input{
  border: 1px solid lightgray;
  border-radius: 0;
  height: 45px;
  background-color: #fff;
  color: #000;
  padding-left: 10px;
}
.frmm input:focus{
  border: 1px solid lightgray;
  outline: none;
  box-shadow: none;
}
.frmm input::placeholder{
  color: #000;
}
.frmm textarea{
  border: 1px solid lightgray;
  border-radius: 0;
  height: 60px;
  background-color: #fff;
  color: #000;
  padding-left: 10px;
}
.frmm textarea:focus{
  border: 1px solid lightgray;
  outline: none;
  box-shadow: none;
}
.frmm textarea::placeholder{
  color: #000;
}

.Learn-more1 a img {
    width: 26px;
}


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

.brd-dtl {
    top: 58%;
    left: 10%;
    transform: translateY(-50%);
    z-index: 9;
    width: 45%;
}
.brd-dtl h2 {
    font-size: 65px;
    font-weight: 700;
    letter-spacing: 0.55px;
    /* margin-bottom: 2rem; */
    /*text-decoration: underline;*/
    margin-bottom: 1rem;
    position:relative;
    width:fit-content;
}
.brd-dtl h2::after {
    position: absolute;
    content: "";
    background-color: #ffffff54;
    background-size: contain;
    height: 2px;
    width: 100%;
    bottom: 3px;
    left: 0;
}

.condt span{
    font-size: 20px;
}

/* .con-cir {
    height: 60px;
    width: 60px;
    background-color: #e14551;
    border-radius: 50%;
    margin: auto;
}
.con-cir img{
  filter: brightness(0)invert(1);
}
.contact-list {
    padding: 3rem;
    box-shadow: black 0px 0px 25px -15px;
    height: 100%;
    border-radius: 10px;
} */
.con-cir img {
    width: 55px;
}
.con-cir {
    position: absolute;
    top: -35%;
    left: 22%;
    z-index: -1;
    opacity: 0.1;
}
.contact-list {
    position: relative;
    padding-left: 9rem;
}
.condt h5{
      font-size: 27px;
    color: #161147;
    letter-spacing: 0.55px;
}

.inner-contact{
  position: relative;
}
.inner-contact::after {
    position: absolute;
    content: "";
    background-color: lightgray;
    background-size: contain;
    height: 100%;
    width: 1px;
    top: 0;
    right: 35%;
}
.inner-contact::before {
    position: absolute;
    content: "";
    background-color: lightgray;
    background-size: contain;
    height: 100%;
    width: 1px;
    top: 0;
    left: 36%;
}



.drm input,.drm textarea{
  height: 45px;
  border: 1px solid lightgray;
  border-radius: 0;
  padding-left: 10px;
}

.btnn a{
  padding: 10px 20px;
  background-color: red;
}
.con-form{
  background-image: url(../images/cbg.webp);
  z-index: 1;
      display: inline-block;
    width: 100%;
}
.con-form::after {
    position: absolute;
    content: "";
    /* background-color: #220b43; */
    background: linear-gradient(270deg, #181550, transparent);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.title h2{
      font-size: 39px;
    line-height: 54px;
}
.contact {
    padding: 9rem 0 1rem;
}

.productlist-wrapper .product-image {
    box-shadow: black 0px 0px 18px -13px;
    transition: all .3s;
}
.productlist-wrapper .product-image:hover {
    transform: translateY(-15px);
}
.product-data{
    transition: all .3s;
}
.product-image:hover .product-data{
    background-color: #1c154d;
}
.product-image:hover{
    transform: translateY(-15px);
}
.product-image{
  cursor: pointer;
  transition: all .3s;
}
.innerscheme th{
  padding: 15px;
  background-color: #e14551;
  color: #fff;
}
.innerscheme th,.innerscheme td{
  border: 1px solid lightgray;
}
.innerscheme td{
  padding: 1rem;
}
.prddt {
    padding: 5rem 0;
}
.leftprdt{
        padding-right: 50px;
}

.closeee{
  top: 5%;
  right: 5%;
}
.fllll img{
  width: 40px;
}

.fllll12 {
    padding: 11px 20px;
    /* box-shadow: black 0px 0px 17px -8px; */
    height: 100%;
    background-color: #fff;
    border-radius: 0;
    border-right: 1px solid lightgray;
}
.fllll:nth-child(2) img{
  width: 25px;
}
/*.schemelist:nth-child(odd){*/
/*  background-color: rgb(238 238 238 / 38%);*/
/*}*/

.col-lg-4:nth-child(3n) .fllll12{
    border:none;
}




















.gl11 {
    position: relative;
    border-radius: 10px 10px 0 0;
}
.gl11 img, .gl-img {
    border-radius: 10px 10px 0 0;
    height: 300px;
    object-fit: cover;
}
.glimg img{
    height: 300px !important;
    object-fit: cover;
}
.gl11::before {
    position: absolute;
    content: "";
    background-color: #ffffff50;
    background-size: contain;
    height: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
    transition: all .5s;
}
/* .gl11::after {
    position: absolute;
    content: "";
    background-color: #ffffff50;
    background-size: contain;
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    z-index: 9;
    transition: all .5s;
} */
.gl-img {
    box-shadow: black 0px 0px 11px -5px;
}
.gl-img:hover .gl11::before {
    height: 100%;
}
.gl-btn p {
    font-size: 15px;
    color: #ffffff;
}
/* .gl-img:hover .gl-btn {
    bottom: 47%;
} */
.gl-btn {
    padding: 5px 7px;
    /* background-color: #1b4e9b; */
    background: linear-gradient(270deg, #e14551 50%, transparent);
    /* border-radius: 30px; */
    text-align: center;
    width: 40%;
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    /* transform: translateX(-50%); */
    z-index: 1;
    transition: all .3s;
}
.dq {
    padding: 10px 10px 10px;
    transition: all .3s;
    background-color: #e14551;
    color: #fff !important;
    border-radius: 0 0 10px 10px;
}
.dq p{
    color: #fff !important;
}
.mm a {
    text-decoration: none;
}
.glimg{
    box-shadow: black 0px 0px 9px -5px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.ppl{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.ppl img{
    width: 50px;
}

.view-image {
    z-index: 999999999999999999 !important;
}
.rans img {
    height: 290px;
    object-fit: cover;
    cursor: pointer;
}
.glrx-h img {
    width: 100%;
    border-radius: 9px;
}
.gl-img{
  display: inline;
}
.mm{
  box-shadow: black 0px 0px 9px -5px;
  border-radius: 10px;
  overflow: hidden;
}










.dsfsdfwewwww {
    padding: 3rem 2rem;
    box-shadow: black 0px 0px 20px -11px;
}

.forlist input,.forlist select {
    height: 45px;
    border: 1px solid lightgray;
    border-radius: 0;
    padding-left: 10px;
}
.forlist textarea{
    height:100px;
    border:1px solid lightgray;
    border-radius:0;
    padding-left:10px;
}
.forlist input:focus,.forlist textarea:focus,.forlist select:focus{
    border:1px solid lightgray;
    outline:none;
    box-shadow:none;
}

.forlist input::placeholder,.forlist textarea::placeholder,.forlist select::placeholder{
    color:gray;
    font-size:16px;
}

.whylist img{
  width: 45px;
  margin-bottom: 1rem;
}
.whylist h5{
  color: #fff;
}
.whylist {
    border: 1px solid #ffffff8a;
    padding: 1rem;
    border-radius: 5px;
}
.cirrrr {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 1rem;
}
.aaa{
  padding-right: 5rem;
}
.bbb{
  padding-left: 5rem;
}
.mis-wrapper{
  position: relative;
}
.mis-wrapper::after{
  position: absolute;
  content: "";
  background-color: lightgray;
  background-size: contain;
  height: 100%;
  width: 1PX;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.mission{
  position: relative;
  z-index: 1;
}
.mission::after {
    position: absolute;
    content: "";
    background-image: url(../images/Business_team_2.jpg);
    background-size: contain;
    height: 100%;
    width: 600px;
    top: 0;
    left: -16%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
}
.mission::before {
    position: absolute;
    content: "";
    background-image: url(../images/6905.jpg);
    background-size: contain;
    height: 100%;
    width: 600px;
    top: 0;
    right: -16%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
    transform: rotateY(180deg);
}
.mission{
  overflow: hidden;
}




.whattshop {
    position: fixed;
    bottom: 4%;
    right: 2%;
    z-index: 9;
    cursor: pointer;
}


.whattshop {
    position: fixed;
    bottom: 4%;
    right: 2%;
    z-index: 9;
    cursor: pointer;
}
.whattshop img{
    width: 50px;
}

.profile {
    height: 60px;
    width: 60px;
    background-color: #e14551;
    border-radius: 50%;
}
.profile h2 {
    font-size: 30px;
    color: #fff;
}
.cccc211 p{
    font-family: 'Orbitron';
    line-height: 24px;
    font-weight: 500;
    color: #e14551;
}
.mainchat {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999999999999999;
    background-color: #0000008a;
    backdrop-filter: blur(5px);
}
.chatt {
    position: absolute;
    z-index: 999999999999999999;
    bottom: 15%;
    right: 10%;
    width: 25%;
    height: 55vh;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: #000000 0px 0px 16px -7px;
    transform: scale(0);
    transition: all .3s;
    cursor: pointer;
}
.chattnew{
    transform: scale(1);
}
.chatt::after {
    position: absolute;
    content: "";
    background-image: url(../images/chatbg.jpg);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.01;
}
.chathd {
    padding: 15px;
    background-color: white;
    /* box-shadow: black 0px 1px 23px -15px; */
    border-bottom: 1px solid #80808026;
}
.chatdt{
    padding: 3rem 2rem;
}
.nmfrm label {
    margin-bottom: 10px;
    font-size: 17px;
    letter-spacing: 0.55px;
    top: -26%;
    left: 6%;
    background-color: #ffffff;
    padding: 0 10px;
    transition: all .3s;
    font-weight: 500;
    color: gray;
}
.nmfrm input{
    height: 50px;
    border: 1px solid lightgray;
    border-radius: 0;
    padding-left: 10px;
}
.nmfrm:focus-within label {
    top: -59%;
    left: 0%;
    padding: 0 0px
}

.sendbtnnn a {
    padding: 12px 39px;
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #e14551;
    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;
}
.sendbtnnn{
    padding: 1rem;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    border-top: 1px solid #e1e1e1;
}


.cirr {
    height: 33px;
    width: 33px;
    background-color: #fff;
    border-radius: 50%;
    transition: all .3s;
}

.cta-btn a:hover .cirr{
        background-color: #e14551;
}
.cirr img{
     transition:all .3s;
}
.cta-btn a:hover .cirr img{
        filter:brightness(0)invert(1);
}

.act{
    color:#e14551 !important;
}
.act img{
    filter:initial;
}

.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;
}







.tabbf {
    margin-bottom: 2rem;
    box-shadow: black 0px 0px 20px -13px;
    border-radius: 10px;
    padding: 2rem;
    cursor: pointer;
    background-color: #fff;
    overflow: hidden;
}
.tabbf h4{
    display: flex;
    justify-content: space-between;
}
.tabbf h4 img {
    width: 20px;
    height: 20px;
    transition: all 0.6s;
}
.tabbfnew h4 img {
    transform:rotate(180deg);
}
.xcv {
    max-height: 0;
    transition: max-height 0.3s ease-out;
    margin-top:0;
}

.xcvnew {
    max-height: 1000px;
    transition: max-height 0.6s ease-in;
}

.enpad{
    padding: 4rem;
    box-shadow: black 0px 0px 25px -12px;
    border-radius: 15px;
}


.rightfhrr h3{
    color: #e14551;
}
.rightfhrr p{
    color: gray;
}