@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: 19px;
    letter-spacing: 0.55px;
    line-height: 32px;
    font-weight: 400;
}
.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);
    /* opacity: 0; */
    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);
    /* opacity: 0; */
    visibility: visible;
    opacity: 1;
}
.dropd:hover img{
  filter: initial;
  transform: rotate(180deg);
}
.dropd img{
  transition: all .3s;
  width: 20px;
  height: 20px;
}
.navbar-shrink .dropd img{
  filter: brightness(0);
}
 .dropitm{
  top: 100%;
 }
 .dropitm li a{
    position: relative;
    z-index: 1;
 }
 .dropitm li a::after{
    position: absolute;
    content: "";
    background-color: #136086;
    background-size: contain;
    height: 100%;
    width: 5px;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .3s;
 }
 
  .dropitm li a:hover::after{
      width: 100% !important;
  }
  .dropitm li a:hover{
     color: #fff !important;
  }
  .dropitm li:nth-child(2){
    border-top: 2px solid #fff;
  }
.dropitm a {
    padding: 15px !important;
    color: #000 !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);
  }
  20%{
    transform: translateY(-40px);
  }
  30%{
    transform: translateY(-40px);
  }
  40%{
    transform: translateY(-80px);
  }
  50%{
    transform: translateY(-80px);
  }
  60%{
    transform: translateY(-120px);
  }
  70%{
    transform: translateY(-120px);
  }
  80%{
    transform: translateY(-160px);
  }
  90%{
    transform: translateY(-160px);
  }
  100%{
    transform: translateY(0);
  }
 }
.navitems ul li a {
    color: #ffffff;
    display: flex;
    padding: 2.5rem 0;
    font-size: 18px;
    letter-spacing: 0.55px;
    transition: all .3s;
}
 .navitems ul li a:hover{
    color: #ffa35f;
 }
.cta-btn a {
    padding: 10px 20px !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%;
}
 .logo img{
        filter: brightness(0) invert(1);
 }

/* banner--------------------------------------- */
 .bannerswiper {
      width: 100%;
      height: 100vh;
    }
.bannerdata p {
     transform: translateY(140px); 
    opacity: 0;
    transition: all .5s;
    font-size: 19px;
}
.swiper-slide-active .bannerdata p{
    transform: translateY(0);
    opacity: 1;
}
.bannerdata h2{
    transform: translateY(-140px);
    opacity: 0;
    transition:all .5s;
}
.swiper-slide-active .bannerdata h2{
    transform: translateY(0);
    opacity: 1;
}
.bannerswiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
}

.bannerswiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  .navbar-wrapper{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
  }
.bannerimg img {
    height: 100vh;
    object-fit: cover;
    transform: scale(1);
     transition: all 15s ease-in-out; 
    object-position: right;
}
.swiper-slide:nth-child(1) .bannerimg img {
    transform: scale(1) !important;
}
.swiper-slide-active .bannerimg img {
    transform: scale(1.3);
}
.bannerimg::after {
    position: absolute;
    content: "";
    background-color: #1360866e;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
}
.bannerimg1::after {
    background-color: transparent;
}
.bannerdata {
    top: 66%;
    transform: translateY(-50%);
    left: 7%;
    z-index: 999;
    width: 45%;
}
.bannerdata h2 {
    font-size: 54px;
    letter-spacing: 0.55px;
    margin-bottom: 20px;
    font-weight: 700;
}
.bannerdata h2:nth-child(2) {
    font-weight: 400;
    font-size: 29px;
}
.swiper-pagination-bullet {
       width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: #ffffff;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #136086;
}
/* .bannerdata p {
    font-size: 19px;
    letter-spacing: 0.55px;
    line-height: 32px;
} */
.bt-ic img{
  height: 20px;
  width: 20px;
  transition: all .3s;
}
.appoint a {
    color: #fff !important;
    padding: 5px 7px 5px 5px !important;
    width: fit-content;
    z-index: 1;
    font-size: 18px;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: black 0px 5px 25px -5px;
}
.appoint a:hover{
  color: #136086 !important;
}
.appoint a:hover img{
  filter: brightness(0)invert(1);
}
.appoint a::after {
    position: absolute;
    content: "";
    background-color: #136086;
    background-size: contain;
    border-radius: 30px;
    top: 0%;
    left: 0%;
    height: 101%;
    width: 0%;
    z-index: -3;
    transition: all .3s;
}
.appoint a::before {
   position: absolute;
    content: "";
    background-color: #fff;
    background-size: contain;
    border-radius: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    z-index: -4;
    transition: all .3s;
  
}
.appoint a:hover::after{
  width: 101%;
}

.bt-txt {
    position: relative;
    padding: 13px 24px;
}
.bt-txt::after {
    position: absolute;
    content: "";
    background-color: #136086;
    background-size: contain;
    border-radius: 30px;
    top: 0%;
    left: 0%;
    height: 101%;
    width: 100%;
    z-index: -2;
    transition: all .3s;
}
.bt-txt::before {
    position: absolute;
    content: "";
    background-color: #ffffff;
    background-size: contain;
    border-radius: 30px;
    top: 0%;
    left: 0%;
    height: 101%;
    width: 0%;
    z-index: -1;
    transition: all .3s;
}

.appoint a:hover .bt-txt::before{
  width: 101%;
}
/* banner--------------------------------------- */


/* expertise------------------------------------ */
.left-exp span{
  text-transform: uppercase;
  letter-spacing: 0.55px;
  color: #136086;
  font-weight: 500;
}
.left-exp h2{
  font-size: 40px;
  letter-spacing: 0.55px;
}
.expertise-img{
  border-radius: 10px;
}
.expertise-img img{
  object-fit: cover;
}

.expertise-img::after {
    position: absolute;
    content: "";
    background: linear-gradient(360deg, #000000cc, transparent);
    background-size: contain;
    height: 36%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.exp-ttl{
  z-index: 9;
}
.exp-ttl h5{
  letter-spacing: 0.55px;
}

/* expertise------------------------------------ */


/* Doctor---------------------------------------- */
.doctor{
    position:relative;
    z-index:1;
}
.doctor::after {
    position: absolute;
    content: "";
    background-image: url(../images/gra.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: right;
    z-index: -1;
    opacity: 0.1;
}
.doctor {
    background-color: #ecf3f6;
}
.left-exp h5 {
    font-weight: 500;
    letter-spacing: 0.55px;
    line-height: 29px;
    color: #136086 !important;
    font-size: 18px;
    font-weight: 500;
}
/*.dr-dt p img{*/
/*  width: 25px;*/
/*  height: 25px;*/
/*  filter: brightness(0) invert(1);*/
/*  transform: translateY(3px);*/
/*}*/
.dr-dt p img {
    width: 19px;
    height: 19px;
    /* filter: brightness(0) invert(1); */
    transform: translateY(6px);
}

.left-doctor{
  position: relative;
  z-index: 1;
}
/*.left-doctor::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 2000px;*/
/*    height: 2000px;*/
/*    background: radial-gradient(circle, rgb(0 169 255), rgba(90, 160, 255, 0.15), transparent 70%);*/
/*    top: 61%;*/
/*    left: 49%;*/
/*    transform: translate(-50%, -50%);*/
/*    filter: blur(60px);*/
/*    z-index: -1;*/
/*}*/
.left-doctor::before {
    content: "";
    position: absolute;
    width: 2000px;
    height: 2000px;
    background: radial-gradient(circle, rgb(255 255 255), rgba(90, 160, 255, 0.15), transparent 70%);
    top: 61%;
    left: 49%;
    transform: translate(-50%, -50%);
    filter: blur(60px);
    z-index: -1;
}


/* Doctor---------------------------------------- */


/* focus ---------------------------------------- */
.foc-img img{
  height: 200px;
  object-fit: cover;
}
.cir-img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #ecf3f6;
}
.wer {
    
}

.maindiv {
    background-color: #ecf3f6;
    border-radius: 10px;
    padding: 1rem;
    cursor: pointer;
    box-shadow: black 0px 1px 25px -19px;
}
.desccc{
  max-height: 0;
  overflow: hidden;
  transition: all 1s ;
}
.descccnew{
  max-height: 1000px;
}
.maindiv{
  transition: all .3s;
}
.maindivnew{
  background-color: #136086;
}
.maindivnew h4,.maindivnew p{
  color: #fff;
}
.arbtn img{
 transition: all .5s;
}
.maindivnew .arbtn img{
  filter: brightness(0)invert(1);
  transform: rotate(180deg);
}
.focus{
    background-color: #13608600;
    z-index: 1;
}
/* .focus::after{
  position: absolute;
  content: "";
  background-image: url(../images/asas.png);
  background-size: contain;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
} */
 .left-focus{
    border-radius: 10px;
    overflow: hidden;
 }

 .foc-img li,.foc-img1 li{
  position: relative;
  overflow: hidden;
  cursor: pointer;
 }
 /* .foc-img li::after,.foc-img1 li::after{
    position: absolute;
    content: "";
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.37),
        transparent
    );
    z-index: 2;
    pointer-events: none;
    opacity: 0.5;
 } */
 .expertise-img,.news-img,.gl-img{
     position:relative;
     overflow:hidden;
 }
 .foc-img li::after,.foc-img1 li::after,.expertise-img::before,.news-img::after,.gl-img::after{
    position: absolute;
    content: "";
    width: 300%;
    height: 0%;
    top: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.411);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 2;
    /* pointer-events: none;
    opacity: 0.5; */
 }
 .foc-img li:hover::after,.foc-img1 li:hover::after,.expertise-img:hover::before,.newslist:hover .news-img::after,.gl-img:hover::after{
      /* animation: shine 0.9s ease-in-out; */
          height: 250%;
    transition: 0.6s linear;
    background-color: #fff0;
  }

  @keyframes shine{
      0%{
          left: -150%;
      }
      50%{
          left: 150%;
      }
      100%{
          left: -150%;
      }
  }

/* focus ---------------------------------------- */


/* review------------------------------------------ */
.sk_branding{
  visibility: hidden !important;
}
.sk-wrapper{
      display: flex !important;
    position: initial !important;
}
.js-masonry-item{
  position: initial !important;
}

.sk_branding{
  display: none !important;
}

/* Main masonry container → flex carousel */
.sk-ww-google-reviews .sk-masonry{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 10px;
  scroll-behavior: smooth;
}

/* Wrapper fix */
.sk-wrapper{
  display: flex !important;
  position: relative !important;
  width: 100%;
}

/* Disable masonry positioning */
.js-masonry-item,
.sk-masonry-item{
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

/* Card width (IMPORTANT) */
.sk-masonry-item{
  flex: 0 0 500px !important;
  width: 500px !important;
  max-width: 500px;
}

body .sk-ww-google-reviews .sk-post,.sk-badge {
    height: 400px;
}
body .sk-ww-google-reviews .sk-wrapper {
    height: auto !important;
}
.inner-review{
  overflow: hidden;
  padding: 10px;
}
body .sk-ww-google-reviews .sk-badge__name {
    line-height: 33px !important;
    text-align: center;
    font-weight: 600;
    font-size: 19px !important;
}
.sk-load-more-btn-container{
  display: none !important;
}








.appoint1 a {
    color: #136086 !important;
    padding: 5px 7px 5px 5px !important;
    width: fit-content;
    z-index: 1;
    font-size: 18px;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: black 0px 0px 14px -5px;
}
.appoint1 a:hover{
  color: #fff !important;
}
.appoint1 img{
  filter: brightness(0)invert(1);
}
.appoint1 a:hover img{
  filter: initial;
}
.appoint1 a::after {
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: contain;
    border-radius: 30px;
    top: 0%;
    left: 0%;
    height: 101%;
    width: 0%;
    z-index: -3;
    transition: all .3s;
}
.appoint1 a::before {
   position: absolute;
    content: "";
    background-color: #136086;
    background-size: contain;
    border-radius: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    z-index: -4;
    transition: all .3s;
  
}
.appoint1 a:hover::after{
  width: 101%;
}

.bt-txt1 {
    position: relative;
    padding: 13px 24px;
}
.bt-txt1::after {
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: contain;
    border-radius: 30px;
    top: 0%;
    left: 0%;
    height: 101%;
    width: 100%;
    z-index: -2;
    transition: all .3s;
}
.bt-txt1::before {
    position: absolute;
    content: "";
    background-color: #136086;
    background-size: contain;
    border-radius: 30px;
    top: 0%;
    left: 0%;
    height: 101%;
    width: 0%;
    z-index: -1;
    transition: all .3s;
}

.appoint1 a:hover .bt-txt1::before{
  width: 101%;
}
.sk_branding{
  display: none !important;
      height: 0;
    padding: 0 !important;
}




.reviews-carousel{
  animation: moveed 120s infinite linear;
  width: 100%;
} 
@keyframes moveed{
  0%{
    transform: translateX(0);
  }
  50%{
     transform: translateX(-5000px);
  }
  100%{
    transform: translateX(0);
  }
}
body .sk-ww-google-reviews {
    background-color: #ffffff00 !important;
}
.Testimonials {
    position: relative;
    background-color: #ecf3f6;
    z-index: 1;
}
.Testimonials::after {
    position: absolute;
    content: "";
    background-image: url(../images/run.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: right;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.2;
    /* filter: grayscale(1); */
}


/* review------------------------------------------ */
 
 
 
 /* news------------------------------------------ */

.news-img img {
    border-radius: 15px;
    /*height: 350px;*/
    object-fit: cover;
}
 .prrrrr{
    top: 5%;
    right: 5%;
    background-color: #ffffff99;
    padding: 3px 16px;
    border-radius: 10px;
    backdrop-filter: blur(9px);
 }
 .prrrrr p{
    font-size: 16px;
    letter-spacing: 0.55px;
    font-weight: 500;
    color: #000;
 }

 .news-dt h4{
    line-height: 35px;
 }
 .read p{
    font-size: 18px;
    color: #136086;
 }
 .read p img{
        width: 18px;
        animation: slidd 1s infinite linear;
 }
 @keyframes slidd{
  0%{
    transform: translateX(10px);
  }
  50%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(10px);
  }
 }
 .news-dt span{
         color: gray;
 }
 .news-dt h4{
         color: #000;
         transition:all .3s;
 }
 .newslist:hover .news-dt h4{
     color:#ff8f00;
 }
 
 /* news------------------------------------------ */



 /* apppppoint--------------------------------------------------- */

.appppp {
    padding: 7rem 0;
    background: linear-gradient(45deg, #022c42, #057dbd, #022c42);
}
.innerappooo h4{
    font-weight: 300;
    line-height: 38px;
    padding: 0 4rem;
}

.copy {
    padding: 1rem 0 2rem;
}
.xxw{
      padding: 2rem 0 1rem 0;
}
.qqwe li a{
      color: black;
      font-size: 19px;
      letter-spacing: 0.55px;
      transition:all .3s;
}
.qqwe li a:hover{
      color: #ffa35f;
}
.scll{
  height: 40px;
  width: 40px;
  border: 1px solid lightgray;
  border-radius: 50%;
  background-color: var(--main-color);
}
.scll img{
   filter: brightness(0)invert(1);
}
.scll,.scll img{
  transition: all .3s;
}


.scll:hover{
  background-color: #fff !important;
}

.scll:hover img{
  filter: initial;
}
 /* apppppoint--------------------------------------------------- */


/*contact page----------------------------------------------------*/

.breadcumnb::after {
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: contain;
    height: 60px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
    border-radius: 50px 50px 0 0;
}

.breadcumnb::before {
    position: absolute;
    content: "";
    background-color: rgba(19, 96, 134, 0.43);
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.breadcumnb1::before {
    position: absolute;
    content: "";
     background-color: transparent; 
    background: linear-gradient(90deg, rgba(19, 96, 134, 0.43), transparent);
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.brdcmb-dt{
    position:absolute;
    top:50%;
    left:10%;
    transform:translateY(-50%);
    z-index:2;
    width:40%;
}
.brdcmb-dt h2{
    font-size: 50px;
    letter-spacing: 0.55px;
}
.socialll p{
        align-items: baseline;
}
.socialll p img {
    transform: translateY(6px);
}

.frm input{
    height:50px;
}
.frm textarea{
    height:100px;
}
.frm input, .frm textarea {
    border: 1px solid #d3d3d300;
    border-radius: 6px;
    padding-left: 10px;
}
.frm input:focus,.frm textarea:focus{
    border:1px solid lightgray;
    outline:none;
    box-shadow:none;
}


.right-contact {
    background-color: #ecf3f6;
    padding: 2rem 2rem 3rem 2rem;
    border-radius: 10px;
}

/*contact page----------------------------------------------------*/


/*Gallery page----------------------------------------------------*/
.view-image {
    z-index: 9999999999999999999 !important;
}
.glimg{
    cursor:pointer;
}
.gl11 img {
    height: 360px;
    object-fit: cover;
}
.dq{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 15px 20px 15px;
    background-color: #136086;
    color: #fff;
    border-radius: 50% 50% 0 0;
    z-index:9999;
}
.gl-btn{
    position: absolute;
    top: 3%;
    right: 3%;
    padding: 5px 24px;
    background-color: #ffffff7d;
    border-radius: 10px;
    backdrop-filter: blur(4px);
    z-index:9999;
}
.gl-btn p {
    font-size: 17px;
    color: #000000;
}
.gl-img{
    border-radius:10px;
}
.glimg img{
    height:350px !important;
    object-fit:cover;
}
.glimg img {
    height: 350px !important;
    object-fit: cover;
    border-radius: 10px;
    object-position: top;
}
/*Gallery page----------------------------------------------------*/

/*contact page----------------------------------------------------*/
.appo {
background-image: url(../images/wq.webp);
height: 100vh;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.appo::after {
position: absolute;
content: "";
background-color: #000000b3;
background-size: contain;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 9;
}
.innerappo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
padding: 0rem 0 3rem;
background-color: #ffffff;
border-radius: 20px;
}
.coml {
    padding: 23px;
    background-color: #136086;
    border-radius: 20px 20px 0 0;
    text-align: center;
}
.formhd{
        padding: 0rem 3rem;
}
.coml::after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background-color: #136086;
    transform: rotate(45deg);
    bottom: -8%;
    left: 50%;
}
.formhd h2 {
color: #aa5686;
font-size: 38px;
letter-spacing: 0.55px;
}
.formwrap input,
.formwrap select,
.formwrap textarea {
border: none;
border-bottom: 1px solid rgb(198 160 113);
border-radius: 0;
background-color: transparent;
padding-left: 10px;
}
.formwrap input,
.formwrap select {
height: 50px;
}
.formwrap input,
.formwrap select,
.formwrap textarea {
border: none;
border-bottom: 1px solid #a55c8666;
border-radius: 0;
background-color: transparent;
padding-left: 10px;
}
.close {
top: 4%;
right: 3%;
z-index: 99;
cursor: pointer;
}
/*contact page----------------------------------------------------*/




/*about page----------------------------------------------------*/

.inner-abt-sec .left-exp h2 {
    line-height: 36px;
    font-size: 23px;
}
.abtsec .inner-abt-sec .left-exp h2 {
    line-height: 36px;
    font-size: 30px;
}
.doct::after {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, #0046694f, #257ba578, #004669);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.8;
}
.datax {
    z-index: 9;
    bottom: 4%;
    top: initial !important;
}

/*about page----------------------------------------------------*/







 /* Navbar base */
.navbar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: transform 0.4s ease, padding 0.3s ease, background 0.3s ease;
    z-index: 99999999999999;
}

/* Hide navbar on scroll down */
.navbar-hidden {
  transform: translateY(-100%);
}

/* Shrink effect */
.navbar-shrink {
  background: #fff;
  padding: 8px 0;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

/* Logo normal */
.logo img {
  transition: all 0.3s ease;
}

/* Logo after scroll */
.navbar-shrink .logo img {
  filter: initial;
  width: 65%;
}

/* Nav links default */
.navitems ul li a {
  color: #fff;
  transition: color 0.3s ease;
}

/* Nav links after scroll */
.navbar-shrink .navitems ul li a {
  color: #000;
}



.leftbrd img{
    border-radius:10px;
}

















.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: 15px;
    letter-spacing: 0.55px;
    top: -26%;
    left: 6%;
    background-color: #ffffff;
    padding: 0 10px;
    transition: all .3s;
    font-weight: 500;
    color: gray;
    position: initial !important;
    padding: 0;
}
.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: #136086;
    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;
}

.whattshop {
    position: fixed;
    bottom: 4%;
    right: 2%;
    z-index: 9;
    cursor: pointer;
}
.profile {
        background-color: #136086;
        height: 50px;
        width: 50px;
        border-radius: 50%;
    }
    .profile h2{
        color:#fff;
    }
.cccc211 p {
    /*font-family: 'Orbitron';*/
    line-height: 24px;
    font-weight: 500;
    color: #136086;
}

.act {
    color: orange !important;
}

.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;
}
#successa {
    background-color: #000000b8;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
    display: none;
}
.quick_sucInnera {
    text-align: center;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}




.shoow{
    font-size: 17px;
    color: #136086;
    animation:animm .5s infinite;
}
@keyframes animm{
    0%{
        color: #136086;
    }
    50%{
        color: red;
    }
    100%{
        color: #136086;
    }
}





.whattshop1{
    height:50px;
    width:50px;
    background-color:green;
    border-radius:50%;
}

.dddd div{
    height:5px;
    width:5px;
    background-color:#fff;
    border-radius:50%;
    animation:moved1 1s infinite;
}
.dddd {
    z-index: 1;
    top: -57%;
    left: -94% !important;
    background-color: green;
    padding: 3px 20px;
    border-radius: 15px;
    opacity: 0;
    transition: all .3s;
    width: 203px;
    visibility:hidden;
}
.dddd p{
    font-size:16px;
}
.whattshop1:hover .dddd{
    opacity:1;
    visibility:visible;
}
.dddd div:nth-child(1){
    animation-delay:.1s;
}
.dddd div:nth-child(2){
     animation-delay:.2s;
    /*animation:moved2 .5s infinite;*/
}
.dddd div:nth-child(3){
     animation-delay:.3s;
    /*animation:moved3 .5s infinite;*/
}
@keyframes moved1{
    0%{
        transform:translateY(3px);
    }
    50%{
        transform:translateY(-3px);
    }
    100%{
        transform:translateY(3px);
    }
}