@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(228, 65, 140, .7)
  }

  70% {
    transform: scale(1.1);
    box-shadow: 0 0 0 10px transparent
  }

  to {
    transform: scale(1);
    box-shadow: 0 0 0 0 transparent
  }
}

@keyframes bounce-y {

  0%,
  to {
    transform: translateY(0)
  }

  50% {
    transform: translateX(-30px)
  }
}

@keyframes floatIcon {

  0%,
  to {
    transform: translateX(0) translateY(0)
  }

  50% {
    transform: translateX(0) translateY(-6px)
  }
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes shine {
  0% {
    left: -75%
  }

  to {
    left: 125%
  }
}

@keyframes blinker {
  50% {
    opacity: 0
  }
}

body {
  font-weight: 400;
  visibility: visible;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: var(--font-size);
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height)
}

::-moz-selection,
::selection {
  background: var(--bs-pink);
  color: var(--bs-white)
}

.importantlink,
.our-testimonials {
  padding: 40px;
  position: relative;
  min-height: 442px
}

.Worried-section,
.about-section,
.aboutus-section,
.breast-cancer-section,
.event-section,
.project-section,
footer {
  padding: 40px 0
}

.container {
  position: relative;
  z-index: 1
}

#ContentPlaceHolder_Body_lblMes:empty,
.hidden {
  display: none
}

.form-group {
  margin-bottom: 1.5em;
  position: relative
}

.sub-banner1 .box span {
  padding: 0 3px;
  color: var(--bs-white);
  margin: 0;
  font-style: italic
}

.sub-banner1 .box a {
  display: inline-block;
  color: var(--bs-light);
  pointer-events: none
}

.dounload_policy_btn:before,
.hide,
.primary .navbar-nav .dropdown-menu>li>a .sub-arrow,
td .btn:before {
  display: none
}

.banner-logo {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0
}

.banner-logo img {
  width: 110px
}

.banner-logo:before {
  content: "";
  position: absolute;
  left: -112px;
  top: -67px;
  width: 250px;
  height: 150px;
  background-color: var(--bs-white);
  border-radius: 50% 50%;
  margin: 0;
  box-shadow: 8px 3px 0#f499be;
  z-index: -1;
  rotate: 52deg
}

.eng-line {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 900;
  letter-spacing: 0;
  color: var(--bs-blue);
  text-transform: uppercase;
  display: block;
  line-height: 1
}

.eng-name {
  font-weight: 500;
  color: var(--bs-red);
  margin-bottom: 0;
  font-size: 20px;
  line-height: 15px
}

.navbar-brand {
  margin-left: 8rem
}

.call {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex
}

.call li {
  padding: 5px 10px
}

.call li>span {
  color: var(--bs-pink);
  margin-left: 3px
}

.top-nav {
  padding: 3px;
  position: relative;
  height: auto;
  transition-duration: .3s;
  font-size: .9em;
  background: var(--bs-blue)
}

.call li,
.clock,
.slide .content h3,
.slide .content p,
.top-nav .time {
  color: var(--bs-white)
}

.clock {
  padding-top: 6px
}

.top-nav .time i {
  font-size: 14px
}

.pwdarea li a img {
  width: 20px
}

.pwdarea li {
  list-style-type: none;
  padding: 0
}

.top-nav .time,
.top-nav li a:hover {
  text-decoration: none
}

.pwdarea {
  display: flex;
  justify-content: end;
  padding: 0;
  font-size: .9em;
  margin: 0
}

.pwdarea li a {
  display: block;
  padding: 5px 10px;
  font-size: larger;
  color: var(--bs-pink);
}
.pwdarea li a:hover{

  color: var(--bs-white);
}


.search a,
.search-open {
  color: var(--bs-white) !important
}

.search-open {
  display: block;
  padding: 4px 12px;
  background-color: #606060
}

.search a {
  font-size: 18px
}

.searchbox {
  width: 200px
}

.search.searchbar {
  padding: 4px 18px 4px 2px;
  background: var(--bs-white);
  top: 0;
  height: 31px;
  right: 0;
  z-index: 0;
  box-shadow: -20px 0 36px #0000002b;
  width: 100%;
  display: flex;
  border-radius: 100px
}

.searchbar input {
  border: 0 solid #f2f2f2;
  color: #000;
  padding: 0 10px;
  display: block;
  float: left;
  height: 23px;
  text-align: left;
  width: 95%;
  background: 0 0;
  outline: 0
}

.search-btn {
  color: var(--bs-darl-pink);
  padding: 0;
  display: block;
  background: 0 0
}

.about-section .about_content p b,
.search-btn:hover {
  color: var(--bs-blue)
}

.search-btn,
.search-open {
  border: 0;
  border-radius: 50px
}

.primary .navbar-nav>li>a {
  color: var(--bs-blue);
  font-size: 1em;
  font-weight: 700;
  padding: 1rem 0.5em;
}

.primary .navbar-nav>li .dropdown-menu li a {
  display: block;
  color: var(--bs-blue);
  padding: 8px 15px;
  font-size: .85em;
  text-decoration: none;
  border-bottom: 1px dashed #ccc;
  font-weight: 400;
  transition: .5s all;
  position: relative;
}

.primary .navbar-nav>li.show>a, .primary .navbar-nav>li>a:hover {
  color: var(--bs-red);
  background: 0 0
}

.primary .navbar-nav .dropdown-menu li:last-child a {
  border-bottom: 0 dashed #ccc
}

.primary .nav-link:focus,
.primary .navbar-nav .dropdown-menu>li.show>a,
.primary .navbar-nav .dropdown-menu>li>a:focus,
.primary .navbar-nav .dropdown-menu>li>a:hover,
.primary a.highlighted {
  color: var(--bs-white);
  background: var(--bs-blue)
}

.accessibilitybtn {
  position: fixed;
  z-index: 99;
  display: flex;
  padding: 10px;
  background: var(--bs-blue);
  border-radius: 10px 0 0 10px;
  top: 130px;
  transition-duration: .3s;
  border: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, .5);
  right: -134px;
  font-size: 14px
}

.accessibilitybtn span {
  font-weight: 700;
  padding: 7px;
  transition-duration: .3s;
  display: inline-block
}

.accessibilitybtn:hover {
  right: 0;
  color: var(--bs-white);
  background-color: var(--bs-red);
  border-color: var(--bs-red)
}

.accessibilitybtn img {
  height: 40px
}

.accessibilitypopup .offcanvas-header {
  background-color: var(--bs-blue)
}

.accessibilitypopup .offcanvas-header h5,
.foot-bottom p {
  color: var(--bs-white);
  margin: 0
}

.accessibility-tools>div button {
  background-color: var(--bs-white);
  display: flex;
  width: 100%;
  border-radius: 5px;
  padding: 15px;
  border: 0;
  font-weight: 800;
  line-height: inherit;
  transition-duration: .3s;
  font-size: .85em;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center
}

.accessibilitypopup .offcanvas-body {
  background-color: #eee
}

.accessibility-tools {
  display: flex;
  flex-wrap: wrap
}

.accessibility-tools>div {
  box-sizing: border-box;
  padding: 5px;
  width: 100%
}

.accessibility-tools>div button:hover,
.table>thead>tr>th,
table>thead>tr>th {
  background-color: var(--bs-blue);
  color: var(--bs-white)
}

.accessibility-tools>div button>span {
  display: block
}

.accessibility-tools>div button>span img {
  height: 35px;
  transition-duration: .3s
}

.accessibility-tools>div button:hover img {
  filter: brightness(0) invert(1)
}

.hide-images img {
  display: none !important
}

.grayscale-images img {
  filter: grayscale(100%) !important
}

.underline-links a {
  text-decoration: underline !important
}

.leader-section {
  box-shadow: 0 9px 46px rgb(0 0 0/12%);
  padding: 20px 0
}

.leader {
  list-style: none;
  padding: 0;
  margin: 1.6em 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  justify-content: flex-start
}

.leader li {
  width: 14%;
  box-sizing: border-box
}

.leader li .btn {
  border: 1px solid var(--bs-blue);
  border-radius: 90px;
  padding: 7px 10px;
  align-items: center;
  position: relative;
  color: var(--bs-blue);
  font-weight: 700;
  width: 100%
}

.leader li .btn:before {
  margin-right: .5em
}

.leader li .btn:hover {
  background: var(--bs-darl-pink);
  color: var(--bs-white);
  border-color: var(--bs-darl-pink)
}

.laderbox h2,
.title span {
  color: var(--bs-darl-pink)
}

.laderbox,
.write-your-queries {
  display: flex;
  align-items: center
}

.laderbox {
  align-content: center;
  justify-content: center
}

.laderbox .leadphoto {
  overflow: hidden;
  max-width: 70px;
  text-align: left;
  margin-right: 1em
}

.brand-items li img,
.laderbox .leadphoto img {
  max-width: 100%
}

.write-your-queries::after {
  content: "";
  position: absolute;
  left: -30px;
  bottom: 0;
  width: 1px;
  height: 150%;
  background: #e5e5e5bf;
  top: -20px
}

.write-your-queries {
  background: var(--bs-blue);
  border-radius: 90px;
  padding: 10px;
  width: 100%;
  position: relative
}

.write-your-queries:hover {
  background: var(--bs-red)
}

.write-your-queries img {
  width: 50px;
  margin-right: 10px
}

.title-2 {
  color: var(--bs-light);
  margin: 0;
  line-height: 1.5;
  font-size: .8em
}

.title-1 {
  font-size: 1.2em;
  line-height: inherit;
  color: var(--bs-white);
  margin: 0;
  display: block
}

.title {
  margin-bottom: 1em;
  position: relative
}

.about-section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden
}

.about-section::after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  background-image: url(../images/Our-Mission-dr.png);
  width: 751px;
  right: 0;
  background-position: right
}

.about-section .about_content p,
.leader li .btn {
  font-size: medium;
}

.about-section .about_content {
  position: relative;
  z-index: 1
}

.SGPGI {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px
}

.SGPGI li:nth-child(even) {
  margin-right: 0
}

.SGPGI li {
  /* font-size: 1em; */
  padding: 20px;
  border-radius: 20px;
  box-shadow: var(--box-shadow);
  margin-bottom: 15px;
  background: var(--bs-white);
  position: relative;
  transition: all .3s ease-in-out;
  width: 31.33%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  text-align: center;
  color: var(--bs-darl-pink)
}

.SGPGI li:hover {
  transform: translateY(-5px) !important;
  border-radius: 0
}

.SGPGI li span {
  width: 60px;
  display: block;
  padding-bottom: 10px
}

.Breast-Disorders .blue-card .icon-box img,
.Breast-Disorders .pink-card .icon-box img,
.SGPGI li span img {
  width: 100%
}

.project-section {
  position: relative;
  background: url(../images/profile-bg.png)right
}

.project-section-p {
  text-align: center;
  color: var(--bs-white);
  font-size: 1.6em;
  margin-top: 2em
}

.project-box {
  background: url(../images/Gaurav-bg.png)no-repeat;
  background-position: center;
  width: 350px;
  height: 350px;
  background-size: contain;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 140px 40px 50px;
  text-align: center
}

.project-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px !important;
  height: 120px !important;
  border-radius: 100%;
  box-shadow: 8px 9px 20px rgb(0 0 0/40%)
}

.project-box .btn {
  box-shadow: -11px 11px 20px rgb(0 0 0/23%);
  position: absolute;
  bottom: 16px;
  color: var(--bs-darl-pink);
  text-transform: uppercase;
  font-weight: 700;
  border: 0
}

.project-box .btn:hover {
  color: var(--bs-white);
  background: var(--bs-blue)
}

.event-section {
  position: relative;
  overflow: hidden;
  background: url(../images/Event-bg.png)no-repeat right bottom;
}

.title a {
  box-shadow: -12px -11px 20px rgb(237 96 157/34%);
  float: right;
  color: var(--bs-blue)
}

.Worried,
.emojis,
.eventul,
.member,
.project,
.videos {
  list-style: none;
  margin: 0;
  padding: 0
}

.project .owl-dots {
  display: block;
  text-align: center
}

.project .owl-dot {
  background: 0 0
}

.project .owl-dot span {
  margin: 0 !important
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 30px;
  background: var(--bs-darl-pink)
}

.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--bs-darl-pink)
}

.eventul .owl-nav.disabled {
  display: block;
  bottom: 55%;
  z-index: 9999
}

.eventul button.owl-next,
.eventul button.owl-prev {
  position: absolute;
  background: var(--bs-white);
  margin: 0 !important;
  padding: 15px 10px !important;
  opacity: 1 !important
}

.eventul button.owl-next {
  right: 0;
  border-radius: 30px 0 0 30px !important
}

.eventul button.owl-prev {
  left: 0;
  border-radius: 0 30px 30px 0 !important
}

.eventul .owl-nav {
  bottom: 55%;
  left: 0
}

.eventul .owl-nav.disabled,
ul.cards-list li .overlay {
  position: absolute;
  left: 0;
  right: 0
}

.eventul .owl-nav,
.eventul .owl-nav .owl-next {
  right: 0;
  position: absolute
}

.eventul .owl-nav .owl-prev {
  position: absolute
}

.Breast-Disorders,
ul.cards-list {
  list-style: none;
  padding: 0;
  margin: 0 auto
}

.Breast-Disorders li,
.Breast-Disorders li:hover {
  transition: transform .4s ease, box-shadow .4s ease, flex-direction .4s ease
}

.Breast-Disorders li {
  background: var(--bs-white);
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
  margin: 14px 0;
  overflow: hidden
}

.Breast-Disorders li:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.Breast-Disorders li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  pointer-events: none;
}

.Breast-Disorders .icon-box {
  width: 85px;
  display: flex;
  padding: 13px;
  color: var(--bs-white);
  clip-path: polygon(0 0, 100%0, 80% 100%, 0 100%);
  transition: clip-path .5s ease, transform .5s ease
}

.Breast-Disorders li:hover .icon-box {
  clip-path: polygon(0 0, 100%0, 100% 100%, 0 100%)
}

.Breast-Disorders .text {
  flex: 1;
  padding: 20px;
  font-weight: 700;
  font-size: 1.2em;
  transition: transform .5s ease, color .3s ease
}

.Breast-Disorders li:hover .text {
  transform: translateX(5px)
}

.Breast-Disorders .pink-card .icon-box {
  background: var(--bs-darl-pink)
}

.Breast-Disorders .pink-card .text {
  color: var(--bs-darl-pink)
}

.Breast-Disorders .blue-card .icon-box,
.theme-btn:hover {
  background: var(--bs-blue)
}

.Breast-Disorders .blue-card .text,
.list-style li:hover {
  color: var(--bs-blue)
}
.Worried-section {
    display: none;
}
.breast-cancer-section {
  position: relative;
  overflow: hidden;
  background: var(--bs-light);
}

.breast-cancer-surgery {
  margin: 15px auto;
  position: relative
}

.connect_new li,
.doctor {
  display: flex;
  align-items: center
}

.doctor {
  justify-content: flex-start;
  position: relative;
  background: var(--bs-white)
}

.doctor img,
.image-left img,
.image-right img,
.pro-box img {
  width: 100%
}

.corner-box,
footer figure {
  position: absolute;
  bottom: -10px;
  z-index: -1
}

footer figure {
  left: 0;
  z-index: 0;
  width: 190px;
  opacity: .8;
  animation: bounce-y 10s infinite linear
}

.corner-box,
.corner-top-left {
  width: 100px;
  height: 100px
}

.corner-box {
  border-right: 15px solid var(--bs-darl-pink);
  border-bottom: 15px solid var(--bs-darl-pink);
  right: 10px
}

.corner-top-left {
  position: absolute;
  top: -10px;
  border-left: 2px solid var(--bs-darl-pink);
  border-top: 2px solid var(--bs-darl-pink);
  left: 10px
}

.theme-btn,
ul.cards-list li .overlay {
  text-align: center;
  color: var(--bs-white)
}

.theme-btn {
  padding: 10px 30px;
  transition: .5s;
  background-size: 200%auto;
  border-radius: 6px;
  border: 0;
  font-weight: 600;
  box-shadow: 0 0 14px -7px #08114a;
  background: var(--bs-darl-pink);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  max-width: 230px;
  display: block;
  position: relative;
  margin: auto
}

.theme-btn:hover {
  background-position: right center;
  text-decoration: none
}

.theme-btn:before {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 26px;
  position: absolute;
  left: 10px;
  border-radius: 50%
}

.Worried-section,
footer .title:before {
  background: var(--bs-light)
}

ul.cards-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px
}

footer,
ul.cards-list li {
  overflow: hidden;
  position: relative
}

ul.cards-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease, filter .5s ease;
  filter: brightness(70%)
}

ul.cards-list li:hover img {
  transform: scale(1.05);
  filter: brightness(60%)
}

ul.cards-list li .overlay {
  bottom: 20px;
  font-size: 1.1em;
  font-weight: 700
}

ul.cards-list li .plus-icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-white);
  font-size: 1.3em;
  transition: transform .3s ease, box-shadow .3s ease;
  line-height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  flex-wrap: wrap;
  margin: auto;
  align-content: flex-start;
  top: -40px;
  animation: pulse 2s infinite
}

ul.cards-list li:hover .plus-icon {
  transform: scale(1.2) rotate(10deg);
  box-shadow: 0 0 15px rgb(255 255 255);
  background: var(--bs-blue)
}

.importantlink,
ul.cards-list li .plus-icon {
  background: var(--bs-darl-pink)
}

.importantlink .title,
.theme-btn:before,
.theme-btn:hover,
footer .title {
  color: var(--bs-white)
}

footer {
  background: var(--bs-blue);
  z-index: 1
}

footer .title {
  position: relative;
  margin-bottom: 20px
}

footer .title:before {
  content: "";
  width: 150px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -9px;
  opacity: .4
}

.connect_new {
  list-style: none;
  padding: 0
}

.connect_new li {
  margin-bottom: 20px;
  align-content: center
}

.connect_new li .icon {
  float: left;
  width: 60px
}

.connect_new li.connect_new_address .text {
  position: relative;
  top: -5px
}

.connect_new li .text {
  overflow: hidden;
  color: var(--bs-white);
  font-weight: 300
}

.Last-Updated span,
.connect_new li .text span,
.foot-bottom p a {
  color: var(--bs-yellow)
}

.connect_new li .icon .fa-icon-stm_icon_pin {
  font-size: 20px
}

.connect_new li a,
.footer_menu li a {
  color: var(--bs-white)
}

.widget-title {
  margin-bottom: 1.5rem;
  color: #c61d02
}

.footer_menu {
  margin-bottom: 0;
  list-style: none;
  padding: 0
}

.footer_menu li a {
  margin-bottom: 0;
  display: block;
  text-decoration: none;
  font-weight: 300;
  padding: 5px 0
}

.footer_menu li a:hover {
  color: rgb(255 255 255/.44);
  transition: .5s all;
  padding-left: 8px
}

.footer_menu li a:before {
  font-size: 10px;
  margin-right: 5px
}

.foot-bottom {
  padding-top: 20px;
  color: var(--bs-white);
  line-height: 25px;
  border-top: 1px solid #395687;
  margin-top: 20px
}

.list-style,
.list-style li ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1em
}

.list-style li ul {
  position: relative;
  line-height: 30px;
  margin: 0
}

.list-style li {
  position: relative;
  padding: 5px 5px 5px 35px;
  color: var(--e-accent)
}

.list-style li a {
  display: block;
  color: var(--bs-white);
  font-size: 1.1em;
  pointer-events: none
}

.list-style li ul li:before,
.list-style li:before {
  text-align: center;
  line-height: 26px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  color: var(--bs-white);
  width: 26px;
  height: 26px;
  background-image: linear-gradient(to right, var(--bs-blue) 100%, var(--e-desaturated-blue) 0%)
}

.list-style li:before {
  width: 25px;
  height: 25px;
  background-image: linear-gradient(to right, var(--e-gradient-1) 0%, var(--e-gradient-2) 100%)
}

.emojis li div,
.pro-box {
  width: 100%;
  overflow: hidden;
  position: relative
}

.pro-box h5,
.pro-hover {
  position: absolute
}

.Worried-box h5,
.Worried-box:after,
.Worried-hover,
.pro-box:after {
  position: absolute;
  left: 0;
  bottom: 0
}

.pro-box h5,
.pro-hover {
  right: 0;
  left: 0;
  padding: 15px;
  box-sizing: border-box
}

.pro-hover {
  background: rgba(0, 0, 0, .9);
  bottom: -100%;
  border-radius: 0;
  opacity: 0;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  z-index: 10
}

.Worried-box:after,
.pro-box:after {
  width: 100%;
  height: 60%;
  content: "";
  background: -moz-linear-gradient(top, transparent 0, transparent 50%, var(--secondary) 100%);
  background: -webkit-linear-gradient(top, transparent 0, transparent 50%, var(--secondary) 100%);
  background: linear-gradient(to bottom, transparent 0, transparent 50%, var(--secondary) 100%)
}

.pro-box h5 {
  color: var(--bs-white);
  text-align: center;
  margin: 0 auto;
  bottom: 0;
  width: 100%;
  height: auto;
  background: var(--bs-blue);
  background: linear-gradient(0deg, rgba(0, 0, 0, .81) 30%, rgba(0, 0, 0, .05) 95%, transparent 98%);
  transition-duration: .3s;
  line-height: 25px;
  font-size: 1.2em
}

.pro-hover h6 {
  line-height: inherit;
  letter-spacing: inherit;
  color: var(--bs-light);
  font-weight: 700;
  text-transform: capitalize
}

.pro-hover p {
  margin: 0 0 5px
}

.pro-box:hover h5,
.whatsnew-list li:hover .firsttitle,
.whatsnew-list1 li:hover .firsttitle {
  opacity: 0
}

.pro-box:hover .pro-hover {
  bottom: 0;
  opacity: 1
}

.brand-items {
  list-style: none;
  margin: 0
}

.brand-items li a {
  display: block;
  box-shadow: var(--box-shadow-sm);
  border-radius: 10px;
  background: var(--bs-white);
  padding: 10px
}

.gridrow a,
a.archive {
  display: block
}

a.archive {
  color: var(--bs-white);
  padding: 8px 15px;
  margin-top: 13px;
  background: #101748;
  border: 0
}

.filter-box td input[type=text],
.filter-box td select {
  display: block;
  min-width: 100px;
  height: 35px;
  max-width: 100%;
  border: 0 solid #ccc;
  width: 100%;
  border-radius: 64px;
  padding: 0 8px;
  font-size: .9em;
  color: var(--bs-blue);
  background: var(--bs-white)
}

.filter-box td .archive {
  padding: 7px 15px;
  width: 100%;
  border: 0;
  border-radius: 4px;
  background-color: #ffcd56;
  margin-top: 3px
}

.filter-box td input[type=reset],
.filter-box td input[type=submit] {
  display: block;
  padding: 8px 15px;
  width: 100%;
  border: 0;
  background-color: #faf2ab;
  color: var(--bs-blue);
  border-radius: 114px
}

.filter-box td input[disabled=""] {
  background-color: #faf2ab
}

.filter-box td input[type=reset]:active,
.filter-box td input[type=reset]:focus,
.filter-box td input[type=reset]:hover,
.filter-box td input[type=submit]:active,
.filter-box td input[type=submit]:focus,
.filter-box td input[type=submit]:hover {
  background-color: #242442;
  color: #faf2ab
}

.filter-box td .archive:active,
.filter-box td .archive:focus,
.filter-box td .archive:hover {
  background-color: #ffdf94
}

.doc-note {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 7px;
  background: #222a5a2e;
  font-weight: 700
}

table>tbody>tr:nth-of-type(odd) {
  background: #0000000f
}


.serial {
  box-shadow: 0 0 105px rgba(0, 0, 0, .14);
  z-index: 1;
  padding: 20px
}

.serial tr td:first-child:before {
  font-weight: 700;
  content: counter(Serial, decimal)".";
  counter-increment: Serial
}

.serial tr td:first-child {
  width: 70px
}

.serial tr th:first-child {
  text-align: center;
  width: 70px
}

.breadcrumb .active,
.dsize,
.licon,
.pdf-size,
.rar-size {
  color: var(--bs-red)
}

.dsize,
.ndate,
.pdf-size,
.rar-size {
  font-size: 13px;
  font-weight: 400;
  margin-right: 1em
}

.ndate {
  color: var(--bs-indigo)
}

.dsize::before,
.pdf-size::before,
.rar-size::before {
  color: var(--bs-red);
  margin: 0 5px 0 0
}

table .btn {
  font-weight: 700;
  font-size: 1em;
  padding: 14px 15px;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 205px;
  background: var(--bs-indigo);
  box-shadow: 0 5px 8px 0 rgb(0 0 0/22%);
  transition: all .4s;
  margin: 0 5px;
  width: 50%;
  z-index: 1
}

table .btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, .2)0, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .2) 100%);
  transform: skewX(-20deg);
  transition: all .75s ease-in-out;
  z-index: -1
}

table .btn:hover::after {
  left: 125%
}

table .btn,
th.gridheader a {
  color: var(--bs-white)
}

.pagination {
  display: table-row !important;
  font-size: 12px
}

.pagination a,
.pagination span {
  background: var(--greed-background-image);
  color: var(--bs-white);
  padding: 4px 10px
}

.pagination td td {
  padding: 0 !important
}

.gallery,
.newgallery {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap
}

.newgallery {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  padding: 0 4px;
  align-content: center;
  justify-content: center
}

.newgallery li {
  max-width: 33%;
  padding: 15px;
  vertical-align: middle
}

.newgallery li img {
  max-width: 100%;
  position: relative;
  width: 100%
}

.floating-social-icons a,
.newgallery li a,
table .btn {
  position: relative;
  overflow: hidden
}

.newgallery li a {
  display: block;
  height: auto;
  border-radius: 50px 0 50px 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  border: 10px solid var(--bs-white)
}

.newgallery li .def-head,
.newgallery li .overlay {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  z-index: 5
}

.newgallery li .overlay {
  height: 100%;
  width: 100%;
  top: 0;
  background-color: rgba(193, 95, 15, .74);
  padding: 30px;
  transition: 450ms ease-out;
  -webkit-transform: rotateY(180deg) scale(.5, .5);
  -moz-transform: rotateY(180deg) scale(.5, .5);
  -ms-transform: rotateY(180deg) scale(.5, .5);
  -o-transform: rotateY(180deg) scale(.5, .5);
  transform: rotateY(180deg) scale(.5, .5);
  opacity: 0
}

.newgallery li .def-head {
  display: block;
  bottom: 0;
  padding: 13px 11px;
  margin: 0 auto;
  font-size: 15px;
  transition: 250ms ease-out;
  color: var(--bs-white);
  text-shadow: 1px 1px 1px #403e3e;
  font-weight: 400;
  background: var(--e-dark);
  border-top: 0 solid var(--bs-white);
  border-bottom: 0 solid var(--bs-white);
  opacity: 1
}

.newgallery li a:hover .overlay {
  -webkit-transform: rotateY(0) scale(1, 1);
  -moz-transform: rotateY(0) scale(1, 1);
  -ms-transform: rotateY(0) scale(1, 1);
  -o-transform: rotateY(0) scale(1, 1);
  transform: rotateY(0) scale(1, 1);
  opacity: 1
}

.newgallery li a:hover .def-head {
  bottom: -15%;
  opacity: 0
}

.newgallery li .data-content,
.newgallery li .heading {
  display: block;
  text-align: center;
  margin-bottom: 10px
}

.newgallery li .heading {
  font-size: 23px;
  color: var(--bs-white);
  font-weight: 700;
  margin-top: 48%
}

.newgallery li .data-content {
  color: var(--bs-white);
  padding-top: 29px;
  font-size: 1em;
  font-weight: 400;
  padding-bottom: 16px
}

.newgallery li .view-page {
  color: var(--bs-white);
  display: inline-block;
  text-align: center;
  border: 1px solid var(--bs-white);
  margin: auto;
  padding: 5px 10px;
  z-index: 9;
  position: relative;
  width: auto
}

.gallery {
  padding: 0
}

.gallery li {
  box-sizing: border-box;
  padding: 15px;
  position: relative;
  width: 33.3%
}

.gallery li a {
  display: block
}

.gallery li img {
  max-width: 100%;
  border-radius: 10px 40px 10px 20px;
  box-shadow: 0 0 25px rgba(0, 0, 0, .08);
  border: 5px solid var(--bs-white);
  min-height: 200px
}

p {
  margin-top: 0
}

.floating-social-icons {
  position: fixed;
  top: 70%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 99;
}

.floating-social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 2px 0;
  color: var(--bs-white);
  font-size: 20px;
  border-radius: 10px 0 0 10px;
  animation: slideIn .6s forwards ease, floatIcon 3s ease-in-out infinite;
  opacity: 0;
  transform: translateX(100px);
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease
}

.floating-social-icons a:nth-child(1) {
  animation-delay: .2s, .2s
}

.floating-social-icons a:nth-child(2) {
  animation-delay: .4s, .4s
}

.floating-social-icons a:nth-child(3) {
  animation-delay: .6s, .6s
}

.floating-social-icons a:nth-child(4) {
  animation-delay: .8s, .8s
}

.floating-social-icons a:nth-child(5) {
  animation-delay: 1s, 1s
}

.floating-social-icons a:hover {
  transform: translateX(-10px) scale(.9);
  box-shadow: 0 0 15px rgba(255, 255, 255, .4);
  opacity: .7
}

.floating-social-icons a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg)
}

.floating-social-icons a:hover::before {
  animation: shine 1s ease forwards
}

.facebook {
  background: var(--facebook)
}

.twitter {
  background: var(--twitter)
}

.instagram {
  background: var(--instagram)
}

.linkedin {
  background: var(--linkedin)
}

.youtube {
  background: var(--youtube)
}

.member li {
  list-style: none
}

.member li .member-box {
  text-align: center
}

.member li .member-box-text {
  position: relative;
  font-weight: 400;
  color: var(--bs-blue);
  font-size: 1.3em
}

.member li .member-box-text:before {
  z-index: -1;
  content: "“";
  position: absolute;
  top: -10px;
  left: 50%;
  font-size: 200px;
  line-height: 170px;
  transform: translateX(-50%);
  color: #e4e4e4;
  font-weight: 900
}

.member li .member-box-name {
  color: var(--bs-red);
  text-decoration: underline;
  display: block;
  font-size: 1.1em;
  pointer-events: none
}

.member li .member-box-name:hover {
  text-decoration: none
}

.member li .member-box-footer {
  font-weight: 600
}

.member li .member-box-image {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  float: none;
  display: inline-block;
  width: 120px !important;
  height: 120px !important;
  border-radius: 50%;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  box-shadow: var(--box-shadow);
  transition: .3s ease-out all
}

.member li .member-box-image:hover {
  opacity: .5
}

.member li *+.testimonial {
  margin-top: 30px
}

.member li *+.testimonial-footer,
.member li .testimonial-text+.list-inline {
  margin-top: 20px
}

.bradcumb-area {
  position: relative;
  background: url(../images/inner-page.jpg)center center no-repeat;
  padding: 100px 0
}

.implink {
  width: 50%;
  margin: auto
}

.owl-dots,
.videos .owl-dots {
  display: none
}

.videos .owl-nav.disabled {
  display: block;
  position: absolute;
  bottom: 55%;
  z-index: 9999;
  left: 0;
  right: 0
}

.videos button.owl-next,
.videos button.owl-prev {
  position: absolute;
  background: var(--bs-white);
  margin: 0 !important;
  padding: 15px 10px !important;
  opacity: 1 !important
}

.videos button.owl-next {
  right: 0;
  border-radius: 0 30px 30px 0 !important
}

.videos button.owl-prev {
  left: -28px;
  border-radius: 30px 0 0 30px !important
}

.videos .owl-nav {
  bottom: 55%;
  left: 0;
  right: 0
}

.videos .owl-nav .owl-next {
  right: -29px;
  position: absolute
}

.emojis li div p,
.list li:before,
.videos .owl-nav,
.videos .owl-nav .owl-prev {
  position: absolute
}

.blink_me {
  animation: blinker 1s linear infinite
}

.blink_me {
  position: absolute;
  color: var(--bs-red);
  font-size: .6em;
  top: -30px;
  left: 0;
  border: 1px dashed var(--bs-red);
  padding: 5px;
  border-radius: 100px;
  line-height: 11px;
  right: 0
}
.primary .navbar-nav>li .dropdown-menu li a .blink_me {
    top: 9px;
    width: 70px;
    left: auto;
    right: 10px;
}
.primary .navbar-nav>li .dropdown-menu li a .blink_me:before {
  display:none
}

.blink_me:before {
  content: "";
  position: absolute;
  right: 42%;
  top: 21px;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid var(--bs-red)
}

.emojis li div p {
  color: var(--bs-white);
  text-align: center;
  margin: 0 auto;
  bottom: 0;
  width: 100%;
  height: auto;
  background: var(--bs-darl-pink);
  transition-duration: .3s;
  line-height: 25px;
  font-size: 1.2em;
  right: 0;
  left: 0;
  padding: 15px;
  box-sizing: border-box;
  font-weight: 800
}

.offcanvas-header .btn-close {
  filter: invert(1) brightness(200%) contrast(100%)
}

.image-left,
.image-right {
  margin-bottom: 20px;
  width: 40%
}

.image-right {
  float: right;
  margin-left: 20px
}

.image-left {
  float: left;
  margin-right: 20px
}

.aboutus-section h2 {
  color: var(--bs-blue);
  margin: 25px 0;
  position: relative;
  text-transform: capitalize
}

.aboutus-section h2::before {
  content: "";
  width: 150px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -6px;
  background: var(--bs-red)
}

.aboutus-section h3 {
  color: var(--bs-red);
  border-left: 5px solid var(--bs-red);
  padding-left: 10px;
  margin: 25px 0;
  text-transform: capitalize
}

.display-6 {
  font-family: "Cookie", cursive
}

.list, .list ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 2em
}
.list ul{
 
  margin-bottom: 0em
}

.list li {
  padding-left: 30px;
  position: relative;
  line-height: 25px
}

.list li:before, .list ul li:before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_651_4102)'%3E%3Cpath d='M23.3137 3.2813C22.9607 2.92762 22.3878 2.92701 22.0348 3.2798L11.1835 14.1024L7.26844 9.85022C6.93014 9.483 6.35817 9.45919 5.99034 9.79744C5.6228 10.1357 5.59927 10.708 5.93756 11.0755L10.4903 16.02C10.6571 16.2012 10.8904 16.3064 11.1365 16.3115C11.1431 16.3118 11.1495 16.3118 11.1558 16.3118C11.3949 16.3118 11.6249 16.2168 11.7944 16.048L23.312 4.56056C23.6659 4.20783 23.6665 3.63497 23.3137 3.2813Z' fill='%23D3224D'/%3E%3Cpath d='M23.0955 11.0955C22.5959 11.0955 22.191 11.5004 22.191 12C22.191 17.6195 17.6195 22.191 12 22.191C6.38081 22.191 1.80905 17.6195 1.80905 12C1.80905 6.38081 6.38081 1.80905 12 1.80905C12.4996 1.80905 12.9045 1.40414 12.9045 0.904547C12.9045 0.404906 12.4996 0 12 0C5.38312 0 0 5.38312 0 12C0 18.6166 5.38312 24 12 24C18.6166 24 24 18.6166 24 12C24 11.5004 23.5951 11.0955 23.0955 11.0955Z' fill='%23D3224D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_651_4102'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px
}

.list li:not(:last-child) {
  margin-bottom: 14px
}
.list ul li:not(:last-child) {
  margin-bottom: 0px
}

.aboutus-section {
  min-height: 552px
}

.serial {
  counter-reset: Serial
}

.serial tr td:first-child {
  text-align: center;
  font-weight: 700
}

.myth-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: auto;
  padding: 0;
  list-style: none
}

.myth-item {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 6px 25px rgba(0, 0, 0, .08);
  transition: transform .35s ease, box-shadow .35s ease;
  position: relative
}

.myth-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 35px rgba(0, 0, 0, .15)
}

.myth-title {
  padding: 10px 22px;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, #f94892, #f96);
  display: flex;
  align-items: center;
  gap: 10px
}

.myth-title::before {
  font-size: 1.3rem;
  content: "\f0eb";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.myth-details {
  padding: 20px;
  line-height: 1.7
}

.fact-title {
  font-weight: 600;
  font-size: 1.05rem;
  color: #0d6efd;
  margin-bottom: 12px
}

.myth-list li:nth-child(2n) .myth-title {
  background: linear-gradient(90deg, #0077b6, #00b4d8)
}

.myth-list li:nth-child(3n) .myth-title {
  background: linear-gradient(90deg, #9333ea, #ec4899)
}

.contact-form {
  background: #fff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, .1);
  flex: 1 1 450px;
  padding: 30px;
  transition: transform .3s ease, box-shadow .3s ease;
  position: relative
}

.contact-info .tagline {
  font-size: 16px;
  color: #555;
  margin: 5px 0 20px;
  font-style: italic
}

.contact-info p {
  margin: 12px 0;
  font-size: 16px;
  line-height: 1.6;
  display: flex;
  align-items: center;
  gap: 3px;
  font-weight: 600
}

.contact-info p i {
  width: 38px;
  height: 38px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-shrink: 0;
  transition: transform .3s ease;
  margin-right: 1em
}

.contact-info p i:hover {
  transform: scale(1.2)
}

.icon-address {
  background: var(--bs-danger)
}

.icon-phone {
  background: var(--bs-primary)
}

.icon-mobile {
  background: var(--bs-indigo)
}

.icon-fax {
  background: var(--bs-pink)
}

.icon-email {
  background: var(--bs-cyan)
}

.icon-website {
  background: var(--bs-orange)
}

.contact-info a {
  color: #333;
  text-decoration: none;
  transition: color .3s ease
}

.contact-form form {
  display: flex;
  flex-direction: column
}

.contact-form .form-group textarea {
  resize: vertical;
  min-height: 120px;
  padding-top: 20px
}

.contact-form .form-group label {
  position: absolute;
  top: 50%;
  left: 45px;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
  transition: all .3s ease;
  background: #fff;
  padding: 0 5px
}

.contact-form .form-group input:focus+label,
.contact-form .form-group input:not(:placeholder-shown)+label,
.contact-form .form-group textarea:focus+label,
.contact-form .form-group textarea:not(:placeholder-shown)+label {
  top: 12px;
  left: 40px;
  font-size: 13px;
  color: var(--bs-red)
}

.contact-form .textarea i {
  top: 20% !important
}

.contact-form .textarea label {
  top: 20%
}

.contact-form .form-group i {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  color: var(--bs-red);
  font-size: 18px
}

.contact-form button {
  background: linear-gradient(90deg, var(--bs-blue), var(--bs-pink));
  color: #fff;
  border: 0;
  padding: 15px;
  cursor: pointer;
  transition: transform .3s ease, box-shadow .3s ease
}

.contact-form button:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, .2)
}

.inner_videos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: auto;
  padding: 0;
  list-style: none
}
.contact-info p small {
    color: var(--bs-red);
}




#sitemap .dropdown-menu .has-submenu::after,
#sitemap .sub-arrow,
#sitemap ul li .home,
#sitemap ul li:before {
  display: none
}

#sitemap ul {
  background: url(../images/site_map_ul.gif)repeat-y !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 5px 4px 6px !important;
  display: block !important;
  box-shadow: none;
  width: 100% !important;
  font-size: inherit
}

#sitemap ul li {
  background: url(../images/site_map_list.gif)-5px 5px no-repeat !important;
  padding: 0 0 0 20px !important;
  /* margin-bottom: 10px; */
}

#sitemap ul li a {
  border: 0 solid #ccc;
  line-height: 1;
  padding: 10px;
  border-radius: 15px 0;
  display: inline-block;
  transition-duration: .3s;
  font-weight: 700;
  color: var(--bs-blue);
}

#sitemap ul li a:hover {
  padding-left: 30px;
  text-decoration: none;
  color: var(--bs-red);
  transition-duration: .3s;
}

#sitemap ul,
#sitemap ul li ul {
  position: static !important
}

#sitemap .dropdown ul {
  margin-top: 10px !important;
  padding: 0 0 4px 6px !important
}

#sitemap .Policies li {
  list-style: none;
  width: 100%;
  float: initial
}

#sitemap a::before {
  color: var(--bs-blue)
}

#sitemap .blink_me{display: none;}