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

:root {
  --bs-theme-color: #21A9E9;
  --bs-text-priamry-color:#1d1d1d;
  --bs-theme-font-family: 'Poppins', sans-serif;
  --bs-sechead-color:#131212;
  --bs-body-font-size:15px;
  --bs-light-gray-100:#FAFAFA;
  --bs-red-100:#DD4B4B;
  --bs-red-200:#c92c3b;
  --bs-menu-color:#252525;
  --bs-themebtn-hover: #07a2a2;
  --bs-navbar-brandpadding-y: 0.8rem;
  --bs-heading-color: #252525;
}
/*page scrollbar css*/
html
{
	scrollbar-color: #C1C1C1 #ebebeb;
	scrollbar-width: thin;
}
::-webkit-scrollbar
{
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-thumb
{
	background-color: #C1C1C1;
	border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover
{
	background-color: #a3a1a1;
}
::-webkit-scrollbar-track
{
	background-color: #e9e9e9;
}
/*page scrollbar css end*/

body {
  font-family: var(--bs-theme-font-family);
  color: var(--bs-text-priamry-color);
  font-size: var(--bs-body-font-size);
  background-image: url(../images/curvebg.svg);
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.app-logo
{
  transition: all 0.2s linear 0s;
}
.app-logo img
{
  height: 40px;
}
/*mainmenu css*/
.navbar
{
padding: var(--bs-navbar-brandpadding-y) 0px !important;
}
.main-menu .navbar-nav .nav-link
{
  color: var(--bs-menu-color);
  padding: 0 1rem;
  font-weight: 400;
  position: relative;
  transition: all 0.2s linear 0s;
}

.main-menu .navbar-nav .nav-link:hover::before, .main-menu .navbar-nav .nav-link.active::before
{
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%, 0);
  background: linear-gradient(90deg, rgba(62, 157, 228, 1) 0%, rgba(76, 109, 238, 1) 100%);
  width: 26px;
  height: 4px;
  border-radius: 100vmax;
}
.main-menu .contact-btn, .send-btn, .avatar
{
  background: rgb(62,157,228);
  background: linear-gradient(90deg, rgba(62,157,228,1) 0%, rgba(76,109,238,1) 100%);
  padding: 0.7rem 1.5rem;
  border-radius: 100vmax;
  color: #fff;
  font-weight: 500;
  transition: all 0.2s linear 0s;
  border: 0;
}
.main-menu .contact-btn:hover, .send-btn:hover
{
  background: linear-gradient(90deg, rgba(76,109,238,1) 0%, rgba(62,157,228,1) 100%);
  color: #fff;
  text-decoration: none;
}

.navmenu-icon {
  color: var(--bs-heading-color);
  padding: 0.5rem;
  border: 0;
  background-color: transparent;
}
.gg-menu,
.gg-menu::after,
.gg-menu::before {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 24px;
  height: 2px;
  border-radius: 3px;
  background: currentColor
}
.gg-menu::after,
.gg-menu::before {
  content: "";
  position: absolute;
  top: -7px
}
.gg-menu::after {
  top: 7px
}
.scroll-color.scrolled {
  background-color: #fff;
  transition: background-color 100ms linear;
  transition-duration: 100ms;
  transition-duration: 0.3s;
  box-shadow: 0 0 35px rgb(0 0 0 / 10%);
}
.menu a:first-child::before
{
  display: none;
}
/*mainmenu css end*/
.demobar
{
  background-color: var(--bs-theme-color);
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.demobar .demo-btn
{
  background-color: transparent;
  padding: 0.5rem 1.3rem;
  border-radius: 100vmax;
  color: #fff;
  font-weight: 500;
  transition: all 0.2s linear 0s;
  border: 1px solid #fff;
}
.demobar .demo-btn:hover
{
  background-color: #fff;
  color: var(--bs-theme-color);
}
/*sec css*/

.card-box
{
  background-color: #fff;
  padding: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 8%);
  border-radius: 1.25rem;
  text-align: center;
}
.sec-list {
  list-style-type: none;
 margin-bottom: 0 !important;
 padding-left: 0;
}
.sec-list li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1.3rem;
}
.sec-list li::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/list-check.svg);
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
/*sec css end*/
/*buttons css*/
.theme-btn
{
  background-color: var(--bs-theme-color);
  font-size: 1rem;
  font-weight: 500;
  border-radius: 100vmax;
  padding: 0.8rem 1.1rem;
  min-width: 150px;
  border: 0;
  color: #fff;
  transition: all 0.2s linear 0s;
}
.theme-btn:hover
{
  background-color: var(--bs-themebtn-hover);
}
.red-btn
{
  background-color: var(--bs-red-100);
  font-size: 1rem;
  font-weight: 500;
  border-radius: 100vmax;
  padding: 0.8rem 1.1rem;
  min-width: 150px;
  border: 0;
  color: #fff;
  transition: all 0.2s linear 0s;
}
.red-btn:hover
{
  background-color: var(--bs-red-200);
}
/*buttons css end*/
/*pages css */
.pdt-info-box
{
 /* background-color: var(--bs-theme-color);*/
  background: linear-gradient(-96deg, rgba(202, 128, 214, 0.3) 0%, rgba(99, 242, 241, 0.3) 100%);
  padding: 1.3rem 0rem;
  color: #000;
}
.pdt-info-box .info-head
{
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.35rem;
  padding-top: 0.7rem;
}
.svg-icon
{
  width: 60px;
  height: 60px;
}

.sec-head
{
  font-size: clamp(2.5rem, 3vw, 3.5rem);
  font-weight: 600;
  color: var(--bs-sechead-color);
}
.sec-subhead
{
  font-size: clamp(1.3rem, 1.5vw, 1.875rem);
  font-weight: 600;
  color: var(--bs-menu-color);
  margin-bottom: 1rem;
}
.inner-sec-head
{
  font-size: clamp(1.5rem, 2vw, 2.5rem);
  font-weight: 600;
  color: var(--bs-sechead-color);
  margin-bottom: 1rem;
}
.pdt-brand
{
  font-size: clamp(1.8rem, 1.9vw, 2.1rem);
  font-weight: 700;
  color: var(--bs-theme-color);
  line-height: 1.3;
}
.pdt-model
{
  font-size: clamp(1.3rem, 1.5vw, 1.875rem);
  font-weight: 600;
  font-style: italic;
  color: var(--bs-menu-color);
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.img-bg
{
  background: var(--bs-theme-color);
  background-image: url(../images/video-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.video-play
{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.testicarousel .carousel-inner .carousel-caption
{
  position: relative !important;
  color: var(--bs-text-priamry-color);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2rem;
  border-radius: 8px;
  min-height: 300px;
  text-align: left;
}
.testicarousel .carousel-inner .carousel-caption .client-logo
{
  width: 300px;
  text-align: center;
}
.testicarousel .carousel-inner .carousel-caption .client-msg-card
{
 width: calc(100% - 300px);
}
.testicarousel .carousel-inner .carousel-caption .client-msg-card > .climsg
{
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.testicarousel .carousel-inner .carousel-caption .cliname
{
  font-size: 1rem;
  color: var(--bs-theme-color);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0rem;
  margin-top: 0.8rem;
}
.testicarousel .carousel-inner .carousel-caption .clidesig
{
  font-size: 0.935rem;
  font-weight: 300;
}
.testicarousel .carousel-indicators
{
  position: relative;
  margin: 0 2rem;
}
.carousel-indicators [data-bs-target]
{
  width: 10px;
  height: 10px;
  opacity: 0.3;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 5px;
  background-color: var(--bs-text-priamry-color);
}
.testicarousel .carousel-indicators .active
{
  background-color: var(--bs-strong-cyan-100);
  opacity: 1 !important;
}
.testicarousel .carousel-control-prev, .testicarousel .carousel-control-next
{
  position: relative;
  opacity: 1;
  width: auto;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
}
.testicarousel .carousel-control-prev-icon
{
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='20' transform='matrix(-1 0 0 1 20 20)' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.875 20.0002C27.875 19.851 27.8157 19.708 27.7102 19.6025C27.6048 19.497 27.4617 19.4377 27.3125 19.4377H14.0454L17.5858 15.8985C17.6914 15.7928 17.7507 15.6496 17.7507 15.5002C17.7507 15.3508 17.6914 15.2076 17.5858 15.102C17.4801 14.9963 17.3369 14.937 17.1875 14.937C17.0381 14.937 16.8949 14.9963 16.7892 15.102L12.2892 19.602C12.2369 19.6542 12.1953 19.7163 12.1669 19.7846C12.1386 19.853 12.124 19.9262 12.124 20.0002C12.124 20.0742 12.1386 20.1475 12.1669 20.2158C12.1953 20.2841 12.2369 20.3462 12.2892 20.3985L16.7892 24.8985C16.8949 25.0041 17.0381 25.0634 17.1875 25.0634C17.3369 25.0634 17.4801 25.0041 17.5858 24.8985C17.6914 24.7928 17.7507 24.6496 17.7507 24.5002C17.7507 24.3508 17.6914 24.2076 17.5858 24.102L14.0454 20.5627H27.3125C27.4617 20.5627 27.6048 20.5035 27.7102 20.398C27.8157 20.2925 27.875 20.1494 27.875 20.0002Z' fill='%23AEAEAF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}
.testicarousel .carousel-control-next-icon
{
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.125 20.0002C12.125 19.851 12.1843 19.708 12.2898 19.6025C12.3952 19.497 12.5383 19.4377 12.6875 19.4377H25.9546L22.4142 15.8985C22.3086 15.7928 22.2493 15.6496 22.2493 15.5002C22.2493 15.3508 22.3086 15.2076 22.4142 15.102C22.5199 14.9963 22.6631 14.937 22.8125 14.937C22.9619 14.937 23.1051 14.9963 23.2108 15.102L27.7108 19.602C27.7631 19.6542 27.8047 19.7163 27.8331 19.7846C27.8614 19.853 27.876 19.9262 27.876 20.0002C27.876 20.0742 27.8614 20.1475 27.8331 20.2158C27.8047 20.2841 27.7631 20.3462 27.7108 20.3985L23.2108 24.8985C23.1051 25.0041 22.9619 25.0634 22.8125 25.0634C22.6631 25.0634 22.5199 25.0041 22.4142 24.8985C22.3086 24.7928 22.2493 24.6496 22.2493 24.5002C22.2493 24.3508 22.3086 24.2076 22.4142 24.102L25.9546 20.5627H12.6875C12.5383 20.5627 12.3952 20.5035 12.2898 20.398C12.1843 20.2925 12.125 20.1494 12.125 20.0002Z' fill='%23AEAEAF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}
.testicarousel .carousel-control-prev-icon, .testicarousel .carousel-control-next-icon
{
  width: 2.5rem;
  height: 2.5rem;
}
.testicarousel .carousel-control-prev:hover, .testicarousel .carousel-control-prev:focus, .testicarousel .carousel-control-next:hover, .testicarousel .carousel-control-next:focus
{
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.cleint-img 
{
  width: 220px;
  text-align: center;
  margin-bottom: 0.6rem;
}
.cleint-img img
{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
}
.cleint-img:hover img
{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
/*pages css end*/
/*footer css */
footer
{
  font-size: 0.875rem;
 /* border-top: 2px solid var(--bs-theme-color);*/
}
footer a
{
  color: var(--bs-text-priamry-color);
}
footer a:hover
{
  color: var(--bs-heading-color);
}
footer .fotmenu .nav-link
{
  color: var(--bs-text-priamry-color);
  display: inline-block;
  padding: 0.3rem 0rem;
}
footer .fotmenu .nav-link:hover
{
  color: #131212;
}
.socmda-icon .nav-link
{
  font-size: 20px;
  padding: 0 0.5rem;
  color: #131212;
}
.socmda-icon .nav-link:hover
{
  color: var(--bs-theme-color);
}
.list-box
{
  padding-left: 1rem;
}
.list-box li
{
  margin-bottom: 1rem;
}
/*footer css end*/
.bg-l-gray
{
  background-color: #F7F7F7 !important;
}
.bg-theme
{
  background-color: var(--bs-theme-color) !important;
}
.bg-light-cyan
{
  background-color: var(--bs-strong-cyan-0) !important;
}
.bg-light-gray
{
  background-color: var(--bs-light-gray-0) !important;
}
.text-head
{
  color: var(--bs-heading-color) !important;
}
.text-cyan
{
  color: var(--bs-strong-cyan-100) !important;
}
.text-red
{
  color: var(--bs-red-100) !important;
}
.fw-500
{
 font-weight: 500 !important;
}
.fw-600
{
 font-weight: 600 !important;
}
.fw-700
{
 font-weight: 700 !important;
}
.fw-800
{
 font-weight: 800 !important;
}
.fs-14
{
  font-size: 0.875rem;
}
.fs-15
{
  font-size: 0.938rem;
}

.fs-18
{
  font-size: 1.25rem;
}
.text-justify
{
  text-align: justify;
}

.aminate-box
{
  overflow: hidden;
}
.aminate-box video
{
  position: relative;
  margin-right: -3px;
  max-width: 93%;
  height: auto;
  outline: none;
}

@media (min-width: 992px)
{
  .navbar .offcanvas 
{
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
}
.navbar .navbar-nav {
  flex-direction: row;
}
.bnr-height
{
  min-height: 73vh;
}
}
@media (max-width: 991.98px)
{
  .offcanvas.offcanvas-start
  {
    height: 100vh;
    padding: 2rem 1rem;
    border-right: 0 !important;
  }
  .main-menu .navbar-nav .nav-item
  {
    padding: 1rem 0rem;
  }
  .offcanvas-start .btn-close
  {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  .testicarousel .carousel-inner .carousel-caption
  {
    padding-left: 0;
    padding-right: 0;
  }
  .testicarousel .carousel-inner .carousel-caption .client-msg-card
  {
    width: 100%;
    text-align: justify;
  }
  .main-menu .navbar-nav .nav-link:hover::before, .main-menu .navbar-nav .nav-link.active::before
{
  content: "";
  position: absolute;
  bottom: -6px;
  left: 5%;
  transform: translate(-5%, 0);
}
}
@media (max-width: 575.98px) 
{ 
  .image-mask
  {
    font-size: 250px !important;
  }
  .abt-count-box .abit-space
  {
    width: 100% !important;
    height: 1px !important;
  }
  .aminate-box video
  {
    max-width: 100%;
  }
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 2000;
  overflow: hidden;
}

.loading .anmi-svg
{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    overflow: hidden ;

}


 @keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 297.8233642578125px;
    stroke-dasharray: 297.8233642578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 297.8233642578125px;
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-1 {
  animation: animate-svg-stroke-1 1s ease 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.8s both;
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 297.8233642578125px;
    stroke-dasharray: 297.8233642578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 297.8233642578125px;
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 191, 191);
  }
}

.svg-elem-2 {
  animation: animate-svg-stroke-2 1s ease 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.9s both;
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 153.9999542236328px;
    stroke-dasharray: 153.9999542236328px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 153.9999542236328px;
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 188, 192);
  }
}

.svg-elem-3 {
  animation: animate-svg-stroke-3 1s ease 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s both;
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 84.33868408203125px;
    stroke-dasharray: 84.33868408203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 84.33868408203125px;
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 188, 192);
  }
}

.svg-elem-4 {
  animation: animate-svg-stroke-4 1s ease 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.1s both;
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 162.21267700195312px;
    stroke-dasharray: 162.21267700195312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 162.21267700195312px;
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 188, 192);
  }
}

.svg-elem-5 {
  animation: animate-svg-stroke-5 1s ease 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.2000000000000002s both;
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 171.52362060546875px;
    stroke-dasharray: 171.52362060546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 171.52362060546875px;
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 188, 189);
  }
}

.svg-elem-6 {
  animation: animate-svg-stroke-6 1s ease 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.3s both;
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 74.25663103256524px;
    stroke-dasharray: 74.25663103256524px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 74.25663103256524px;
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(221, 75, 75);
  }
}

.svg-elem-7 {
  animation: animate-svg-stroke-7 1s ease 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.4000000000000001s both;
}

.spic-line
{
  position: relative;
  padding-left: 1rem;
}
.spic-line::before
{
  content: "-";
  position: absolute;
  top: 0;
  left: 0;

}
.login-bg
{
  background: linear-gradient(0deg, rgba(11,188,189,1) 0%, rgba(1,157,230,1) 100%);
  position: relative;
}
.login-bg:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../images/login-slide-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  height: 100%;
  width: 100%;
  opacity: 15%;
}

.login-form .form-title {
  font-size: 32px;
  font-weight: 600;
  color: #000;
}
.form-group
{
  margin-bottom: 1.3rem;
}
.form-group .form-label
{
  font-size: 0.875rem;
  font-weight: 500;
}
.form-group .form-control, .form-group .form-select
{
  padding: 0.6rem 0.75rem;
}
.download-bg
{
  background: linear-gradient(-96deg, rgba(202,128,214,0.3) 0%, rgba(99,242,241,0.3) 100%);
}
.download-bg .form-control
{
  border: 0;
}
.download-bg .form-control:focus
{
  box-shadow: none;
}
.download-bg .btn
{
  padding: 0.8rem 2rem;
  font-size: 1.125rem;
}
.gradient-bg {
  background: linear-gradient(-96deg, rgba(202, 128, 214, 0.3) 0%, rgba(99, 242, 241, 0.3) 100%);
}
@media (max-width: 991.98px)
{
  .spic-line
  {
    padding-left: 2rem;
  }
  .spic-line::before
  {
    left: 1rem;
  
  }
}


.text-justify 
{
  text-align: justify;
}

.about-sec-bg
{
  background-image: url(../images/about-sec-bg.webp);
  background-repeat: no-repeat;
  background-size: cover!important;
  background-position: top 60px center;
}
.about-sec-bg-top
{
  background-position: top 0px center !important;
}
.image-mask
{
  background-image: url(../images/image34.png);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  overflow: hidden;
  position: relative;
  background-position: center 50px center !important;
  font-weight: 600!important;
  font-size: 300px;
  line-height: 240px;
  color: var(--bs-theme-color);
  
}
.image-mask-text
{
  font-size: clamp(1.25rem, 1.4vw, 1.5rem);
  color: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
}
.abt-info-text
{
  font-size: 4.25rem;
  font-weight: 600;
  color: var(--bs-theme-color);
  margin-bottom: 0px;
}
.abt-count-box
{
  box-shadow: 0 0 15px rgb(0 0 0 / 8%);
  background-color: #fff;
  border-radius: 4px;
  padding: 1rem;
  align-items: center;
}
.abt-count-box .abit-count
{
  position: relative;
  text-align: center;
}
.abt-count-box .abit-space
{
  width: 1px;
  height: 80px;
  background-color: #EDEDED;
}
.abt-count-box .abit-count h6
{
  font-size: 2.5rem;
  color: var(--bs-theme-color);
  font-weight: 600;
}
.abt-count-box .abit-count p
{
  font-size: 0.875rem;
  color: #000;
  margin-bottom: 0;
}

.cke_notifications_area
{
  display: none !important;
}


.navbar-nav .dropdown-menu
{
  position: absolute !important;
}
.navbar-nav .dropdown:hover .dropdown-menu
{
  display: block;
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, rgba(62, 157, 228, 1) 0%, rgba(76, 109, 238, 1) 100%) border-box;
    border: 1px solid transparent;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.dropdown-item:hover, .dropdown-item:focus
{
  background: rgb(62,157,228);
  background: linear-gradient(90deg, rgba(62,157,228,1) 0%, rgba(76,109,238,1) 100%);
 color: #fff; 
}

.dr-card
{
  box-shadow: rgba(0, 13, 68, 0.1) 0px 4px 15px;
  padding: 1rem;
  border-radius: 1rem;
  background-color: #fff;
  margin-bottom: 1.5rem;
}
.dr-card .dr-img-box
{
  background-color: #e3e9ec;
  aspect-ratio: 16 / 16;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.dr-card .dr-img-box img
{
  aspect-ratio: 16 / 16 !important;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top;
}
.dr-card .dr-name
{
  font-size: clamp(1rem, 3vw, 1.5rem);
  font-weight: 600;
  background: linear-gradient(90deg, rgba(62,157,228,1) 0%, rgba(76,109,238,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dr-card .dr-name:hover
{
  background: rgb(32, 76, 196);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.sign-btn
{
  background: linear-gradient(white, white) padding-box,
  linear-gradient(90deg, rgba(62,157,228,1) 0%, rgba(76,109,238,1) 100%) border-box;
              padding: 0.5rem 1.5rem;
              border-radius: 100vmax;
  border: 2px solid transparent;
  
}
.sign-btn:hover
{
  background:
  linear-gradient(90deg, rgba(62,157,228,1) 0%, rgba(76,109,238,1) 100%) border-box;
  color: #fff;
  border: 2px solid transparent;
}