nobody {
  font-family: "outfit-regular", sans-serif !important;
  background-color: var(--white-color);
  color: var(--text-color) !important;
  zoom: 0.92;
}

* {
  margin: 0;
  padding: 0;
}

/*  Basic Css  */

ul,
ol {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

a {
  text-decoration: none !important;
}
i, .fa, .fas, .fab {
    font-family: "Font Awesome 6 Free" !important;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}

/* ---colors--- */
:root {
  --primary-color: #00274c;
  --secondary-color: #ffcb05;
  --white-color: #ffffff;
  --text-color: #1b1b1b;
  --border-color: #d5d5d5;
  --grey01-color: #f6f6f6;
  --text2-color: #7c7c7c;
  --tertiary-pink: #f05a72;
  --tertiary-blue: #565cee;
  --alert-green: #128d52;
}
/********************Fonts*****************/

@font-face {
  src: url("../font/Outfit-Light.ttf");
  font-family: "outfit-light";
}

@font-face {
  src: url("../font/Outfit-Regular.ttf");
  font-family: "outfit-regular";
}

@font-face {
  src: url("../font/Outfit-Medium.ttf");
  font-family: "outfit-medium";
}

@font-face {
  src: url("../font/Outfit-SemiBold.ttf");
  font-family: "outfit-semibold";
}

h1 {
  font-family: "outfit-semibold" !important;
  font-style: normal !important;
  font-size: 38px !important;
  line-height: 130% !important;
}
h2 {
  font-family: "outfit-semibold" !important;
  font-style: normal !important;
  font-size: 20px !important;
  line-height: 130% !important;
}
h3 {
  font-family: "outfit-semibold" !important;
  font-style: normal !important;
  font-size: 24px !important;
  line-height: 130% !important;
}
h4 {
  font-family: "outfit-medium" !important;
  font-style: normal !important;
  font-size: 22px !important;
  line-height: 130% !important;
}
.display-t1 {
  font-family: "outfit-semibold" !important;
  font-style: normal !important;
  font-size: 50px !important;
  line-height: 130% !important;
}
.display-t2 {
  font-family: "outfit-semibold" !important;
  font-style: normal !important;
  font-size: 44px !important;
  line-height: 130% !important;
}
.display-t3 {
  font-family: "outfit-semibold" !important;
  font-style: normal !important;
  font-size: 56px !important;
  line-height: 130% !important;
}
.display-t4 {
  font-family: "outfit-semibold" !important;
  font-style: normal !important;
  font-size: 42px !important;
  line-height: 150% !important;
}
.prg-1 {
  font-family: "outfit-regular" !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 150% !important;
}
.prg-2 {
  font-family: "outfit-light" !important;
  font-style: normal !important;
  font-size: 15px !important;
  line-height: 150% !important;
}
.prg-3 {
  font-family: "outfit-regular" !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 180% !important;
}
.prg-4 {
  font-family: "outfit-light" !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 150% !important;
}
.prg-5 {
  font-family: "outfit-light" !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 150% !important;
}
/* ---colors end--- */

/* ---home css start--- */
.top-head {
  padding-top: 7px;
  padding-bottom: 9px;
  background: #00274c;
  color: white;
}
.brd-top-dev {
  border-right: 1px solid #ffffff33;
  padding-right: 28px;
}
.header-topbar ul.info-list li {
  display: inline-block;
  font-size: 14px;
  margin-right: 22px;
}
.header-topbar ul.info-list li a {
  color: var(--text-color);
  vertical-align: bottom;
  margin: 0px 10px;
  font-size: 14px;
}
.icn-tp-cntct img {
  height: 34px;
  width: 34px;
  background-color: var(--secondary-color);
  justify-content: center;
  border-radius: 50%;
  object-fit: none;
  margin: 2px 0px;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style)
    var(--border-color) !important;
}
.social-list {
  display: flex;
  gap: 25px;
}
.gap-cstm {
  gap: 30px;
}
.navbar-expand-lg .navbar-nav {
  flex-direction: row;
  gap: 32px;
}
.w-max {
  width: 460px;
}
.new-gap-sos {
  gap: 12px !important;
  margin-top: -5px !important;
}
hr {
  border-color: var(--border-color) !important;
}
.logo-vent {
  width: 100%;
  border-radius: 11px;
  border: 1px solid #efefef;
  object-fit: scale-down;
  text-align: center;
  padding: 16px 20px;
  margin-bottom: 16px;
}
.arrow-btn {
  margin-top: -3px;
}
.btn-size-banner {
  font-size: 18px !important;
  padding: 12px 35px !important;
}
.banner-p {
  font-size: 17px;
  color: var(--text-color);
  margin-top: 24px;
  line-height: 32px;
}
.icon-contact-mob {
  background: #00274c;
  padding: 14px;
  border-radius: 50%;
}
.icon-contact-mob img {
  width: 32px;
}
.links-venture a {
  color: var(--text-color);
}
.navbar-nav a {
  color: white;
  font-size: 15px !important;
}
.navbar-nav button {
  font-size: 15px !important;
}
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: #ffcb05 !important;
  font-family: "outfit-medium";
}
.dropdown-toggle::after {
  display: none !important;
}
.nav-link:focus,
.nav-link:hover {
  color: #ffcb05 !important;
}
.site-button {
  background: #ffcb05;
  border-radius: 32px;
  border: 1px solid var(--secondary-color);
  outline: none;
  padding: 13px 26px;
  font-family: "outfit-medium";
  color: #04284a;
  transition: all 0.2s ease-in;
}
.site-button:hover {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #ffffff;
}
#heroslider .owl-controls {
  position: relative;
  top: unset !important;
}
#slideshow-container .owl-controls,
#slideshow-container-2 .owl-controls,
#slideshow-container-3 .owl-controls,
#slideshow-container-4 .owl-controls {
  position: relative;
  top: -70px !important;
}
.main-banner {
  /* background: #fbf5f6 url("../images/shape_3_1.png") left top; */
  background-repeat: no-repeat;
  padding: 70px 15px;
  position: relative;
  overflow: hidden;
}
.shape-h {
  position: absolute;
  bottom: 0;
  left: 0;
}
.shape2-h {
  position: absolute;
  top: 60px;
  right: 260px;
  animation: float 3s ease-in-out infinite;
}
.shape3-h {
  position: absolute;
  bottom: 60px;
  left: 10px;
  animation: spin 50s linear infinite;
}
.shape2-h img {
  width: 56px;
  filter: hue-rotate(290deg) brightness(0.5);
}
.shape3-h img {
  width: 64px;
  filter: hue-rotate(70deg) brightness(4);
}
.shape-h img {
  width: 105px;
}
.offcanvas-logo img {
  width: 31px;
}
.mobile-nav-menu .nav-link {
  font-size: 20px;
  font-family: "outfit-medium";
  margin-bottom: 35px;
}
.btn-close {
  opacity: 1 !important;
}
.btn-close:focus {
  outline: 0;
  box-shadow: none !important;
  opacity: 1;
}
.follow-title-mob {
  padding: 20px 30px;
  background: #fdca36;
  border-radius: 10px;
}
.follow-title-mob h4 {
  color: white;
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  border: none !important;
}
.contact-mob-info-main {
  padding: 30px 26px;
  background: #fdca36;
  border-radius: 10px;
}
.mob-contact-info a {
  font-size: 16px;
  font-family: "outfit-medium";
  color: var(--white-color);
}
.mob-contact-info p {
  font-size: 14px;
  font-family: "outfit-light";
  color: var(--white-color);
  margin: 0;
  margin-top: 5px;
}
.site-button-outline-1 {
  background: #ffffff;
  border-radius: 30px;
  border: 1px solid var(--secondary-color);
  outline: none;
  padding: 8px 26px;
  font-family: "outfit-regular";
  color: var(--secondary-color);
  transition: all 0.2s ease-in;
  font-size: 14px;
}
.site-button-outline-1:hover {
  background: var(--primary-color);
  color: var(--white-color);
  border-color: var(--primary-color);
}

.hero-title-primary {
  color: var(--primary-color);
}
.banner-main img {
  object-fit: none;
}
.hero-banner .owl-theme .owl-controls .owl-page span {
  width: 10px !important;
  height: 10px !important;
  margin: 5px 5px !important;
  opacity: 0.4 !important;
  background: var(--secondary-color) !important;
}
.hero-banner .owl-theme .owl-controls .owl-page.active span {
  width: 30px !important;
  height: 10px !important;
  margin: 5px 5px !important;
  opacity: 1 !important;
  background: var(--secondary-color) !important;
}
.bg-header-bn {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 55px #0000000d;
  border-radius: 30px;
  width: 100%;
  height: 292px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.hero-banner .owl-controls {
  margin-top: 45px !important;
}
.HeroText {
  font-family: Atkinson, Gerogia;
  font-size: 50px;
}
.HeroText span {
  display: inline-block;
}
.Law-main,
.announcements-main,
.courses-main,
.toppers-main,
.our-team,
.eminet-main,
.yt-main,
.app-main,
.footer-main,
.examination-main,
.Law-prime-c-main,
.why-Law-prime,
.join-sch-main {
  padding: 80px 0px;
}

.choose-Law-bg {
  background: url("../images/choose-Law-bg.png");
  min-height: 560px;
  width: 100%;
  border-radius: 20px;
  padding: 60px;
}

.ans-date-btn {
  background: var(--primary-color);
  border-radius: 60px;
  border: 4px solid var(--white-color);
  outline: none;
  padding: 10px 23px;
  font-family: "outfit-medium";
  color: var(--white-color);
  transition: all 0.2s ease-in;
}
.ans-date-btn:hover {
  background: var(--secondary-color);
}
.left-ans img {
  width: 100%;
  border-radius: 15px;
}
.home-ans-main {
  padding: 15px;
  border: 1px solid rgb(230, 230, 235);
  border-radius: 20px;
  margin-bottom: 25px;
  transition: all 0.3s ease-out;
  position: relative;
}
.home-ans-gallery{
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 20px;
  margin-bottom: 5px;
  transition: all 0.3s ease-out;
  position: relative;
}
.home-ans-main:hover {
  transform: translate(0px, -5px);
}

.announcements-main a {
  color: var(--text-color);
}
.announcements-main a:hover {
  color: var(--text-color);
}
/* Increase the font size of the category text inside tabs */
.nav-pills .nav-link {
  padding: 10px;
  font-size: 20px; /* Adjust this value to your desired size */
  font-weight: bold; /* Optional: make the text bold */
  text-transform: uppercase; /* Optional: makes the text uppercase */

}

/* Active Tab Style */
.nav-pills .nav-link.active {
  background-color: #ffffff;
  color: white;
  align-items: center;
}
.res-text  {
  font-size:30px !important;
  line-height: 150% !important;
}
.date-ansm {
  font-size: 18px !important;
}
.translate-up {
  transform: translate(0px, -25px);
}
.margin-innner-section {
  margin-top: 70px;
}
.res-img img {
  width: 201px;
  height: 164px;
  object-fit: cover;
  border-radius: 10px;
}
.site-button-outline-2 {
  background: transparent;
  border-radius: 30px;
  border: 1px solid #04274a;
  outline: none;
  padding: 8px 18px;
  font-family: "outfit-medium";
  color: #04274a;
  transition: all 0.2s ease-in;
  font-size: 16px;
}
.site-button-outline-2:hover {
  background: var(--primary-color);
  color: var(--white-color);
  border-color: var(--primary-color);
}
.left-ans {
  padding: 20px;
  border: 1px solid var(--border-color);
  border-radius: 20px;
}
.dottline::after {
  content: " ";
  display: block;
  height: 179px;
  width: 1px;
  border-right: 1.5px dashed;
  margin: auto;
  border-color: #00274c;
  margin-top: -25px;
}
.img-ans-list img {
  width: 100%;
  border-radius: 10px;
}
.sub-text-white {
  font-size: 26px;
  font-family: "outfit-regular";
  color: var(--white-color);
}
.choose-icon {
  background-color: var(--white-color);
  width: 112px;
  height: 112px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  object-fit: contain;
}
.choose-icon::after {
  content: " ";
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: dashed 1px;
  position: absolute;
  border-color: white;
  animation: spin 9s linear infinite;
}
.mob-text-res {
  font-size: 14px !important;
}
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-13px);
  }
  100% {
    transform: translatey(0px);
  }
}

.choose-icon img {
  animation: float 4s ease-in-out infinite;
}
@keyframes spin {
  100% {
    transform: rotateZ(360deg);
  }
}
/* owl arrows  */
.owl-theme .owl-controls .owl-buttons div {
  font-size: 0px !important;
}

.owl-theme .owl-controls .owl-buttons .owl-prev::after {
  content: "\f053";
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 10px;
  color: var(--secondary-color);
}

.owl-theme .owl-controls .owl-buttons .owl-next::after {
  content: "\f054";
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 10px;
  color: var(--secondary-color);
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
  color: #47474787;
  height: 54px;
  border-radius: 30px !important;
  box-shadow: 0px 3px 22px #00000029;
  width: 54px;
  zoom: 1;
  display: inline;
  margin: 0px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #ffffff;
  filter: Alpha(Opacity=50);
  opacity: 1;
  position: absolute;
  left: -17px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
  color: #47474787;
  height: 54px;
  border-radius: 30px !important;
  box-shadow: 0px 3px 22px #00000029;
  width: 54px;
  zoom: 1;
  display: inline;
  margin: 0px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #ffffff;
  filter: Alpha(Opacity=50);
  opacity: 1;
  position: absolute;
  right: -17px;
}

.owl-theme .owl-controls {
  position: relative;
  top: -366px;
}
.brand-name {
  position: absolute;
  left: 30px;
  top: 25px;
}
.bg-course-icon {
  border-radius: 15px;
  height: 277px;
  display: flex;
  border-radius: 25px 0px;
  align-items: center;
  justify-content: center;
}
.color-blue {
  background-color: var(--tertiary-blue);
}
.courses-icon {
  background-color: #0000000a;
  width: 155px;
  height: 155px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.courses-icon::after {
  content: " ";
  display: block;
  position: absolute;
  background-color: #000000;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  animation: two 3s infinite;
  animation-timing-function: ease-in-out;
  transition: all 0.4s;
  mix-blend-mode: overlay;
}

@keyframes two {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
    transform: scale(2);
  }
}
.courses-icon img {
  animation: float 4s ease-in-out infinite;
}

.courses-box {
  padding: 20px;
  border: none;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgb(42 58 70 / 14%) 7px 10px 27px;
  border-radius: 39px 0px;
  margin-bottom: 25px;
  /* border: 1px solid #bbbbbb; */
}
.rate-star i {
  color: #ff9c07;
  font-size: 15px;
}
.cours-inner-details p {
  font-family: "outfit-light" !important;
  font-size: 14px !important;
}
.min-h-48 {
  min-height: 48px;
}
.admission-status {
  font-family: "outfit-semibold" !important;
  font-size: 16px;
  line-height: 150%;
  word-break: break-all;
  width: max-content;
}
.admission-status img {
  margin-right: 10px;
  margin-top: -4px;
}
.color-alert {
  color: var(--alert-green);
}
.color-closed {
  color: var(--tertiary-pink);
}
.color-pink {
  background-color: var(--tertiary-pink);
}
.color-orange {
  background-color: var(--secondary-color);
}

/* The dots/bullets/indicators */
.image-slideshow .dot {
  height: 6px;
  width: 6px;
  margin: 0 2px;
  background-color: rgb(211, 211, 211);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Fading animation */

.oneLaw-box {
  padding: 15px;
  border: 1px solid var(--border-color);
  border-radius: 20px;
}
.mySlides img {
  border-radius: 15px;
  width: 100%;
  height: 277px;
  object-fit: cover;
}

.Laws-logo {
  background: #ffffff;
  box-shadow: 4.28365px 4.28365px 19.2764px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 12px;
  width: fit-content;
  margin: auto;
  transform: translate(0px, -60px);
  margin-bottom: -30px;
}
.Laws-inner-details p,
.Laws-inner-details a {
  font-family: "outfit-regular" !important;
  color: var(--text-color);
}
.image-slideshow .owl-theme .owl-controls .owl-page span {
  display: block;
  width: 6px !important;
  height: 6px !important;
  margin: 5px 3px !important;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #d8d8d8 !important;
}
.image-slideshow .owl-theme .owl-controls .owl-page.active span {
  width: 18px !important;
  height: 6px !important;
  margin: 5px 3px !important;
  opacity: 1 !important;
  background: var(--white-color) !important;
}
.color-bg-alert {
  background-color: var(--alert-green);
}
.toppers-bg {
  background-color: transparent;
  border-radius: 20px;
  padding: 10px 45px;
  padding-bottom: 0px;
  margin-top: 15px;
}
.t-text {
  font-size: 22px;
  font-family: "outfit-regular";
  margin: 0%;
}
.after-dev {
  border-right: 1px solid var(--border-color);
  height: 20px;
}
.f-32 {
  font-size: 32px !important;
}
.f-24 {
  font-size: 24px;
}
.topper-profile img {
  border-radius: 20px;
  height: 375px;
  object-fit: cover;
  width: 100%;
}
.topper-profile-2 img {
  width: 100%;
  border-radius: 20px;
  height: 315px;
  object-fit: cover;
  margin-top: 60px;
}
.topper-profile-main img {
  border-radius: 20px;
  height: 351px;
  object-fit: cover;
  margin-top: 30px;
  width: 100%;
}
.min-h-180 {
  min-height: 180px;
  z-index: 2;
}

.toppers-bg .owl-theme .owl-controls {
  position: relative;
  top: -166px;
}
.toppers-bg .owl-theme .owl-controls .owl-buttons .owl-next {
  right: -108px;
}
.toppers-bg .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -108px;
}
.word-img {
  position: absolute;
  top: 67px;
  left: 29%;
  z-index: 1;
}
.join-club {
  position: absolute;
  bottom: -70px;
  right: 20px;
  z-index: 3;
}
.toppers-bg .owl-pagination {
  transform: translateY(181px);
  background: var(--secondary-color);
  width: fit-content;
  margin: auto;
  border-radius: 62px;
  padding: 0px 15px;
  padding-top: 8px;
}
.toppers-bg .owl-controls .owl-page span {
  width: 7px !important;
  height: 7px !important;
  margin: 5px 3px !important;
  background: #00274c71 !important;
}
.toppers-bg .owl-controls .active span {
  width: 20px !important;
  height: 7px !important;
  margin: 5px 3px !important;
  background: #00274c !important;
}
.team-profile-main {
  background-color: #ffffff;
  padding: 20px 15px;
  border-radius: 20px;
  border: 1px solid #d5d5d5;
}
.team-profile-main img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  object-fit: cover;
  border: 15px solid #f5f8fb;
}

.our-team .owl-theme .owl-controls {
  position: relative;
  top: -179px !important;
}
.eminet-bg {
  background: url("../images/eminent-bg.png");
  min-height: 535px;
  width: 100%;
  border-radius: 20px;
  padding: 75px;
}
.eminet-text img {
  z-index: 2;
}

.eminet-text .choose-icon::after {
  content: " ";
  display: block;
  width: 162px;
  height: 162px;
  border-radius: 50%;
  border: dashed 1px;
  position: absolute;
  border-color: white;
  animation: spin 9s linear infinite;
}
.eminet-text .choose-icon {
  background-color: var(--white-color);
  width: 142px;
  height: 142px;
  margin: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  object-fit: contain;
}
.eminet-profile img {
  height: 250.73px;
  width: 100%;
  border-radius: 62.6829px 8.9547px 0px 0px;
  object-fit: cover;
}
.eminet-name {
  background-color: var(--white-color);
  padding: 15px;
  border-radius: 0px 0px 62.6829px 8.9547px;
  margin-top: -1px;
}
.eminet-sliders-main .owl-theme .owl-controls {
  position: relative;
  top: -225px;
}
.min-h-42 {
  min-height: 42px;
}
.yt-Law-thumbnail {
  width: 100%;
  height: 380px;
  background: url("../images/y1-img.png");
  background-position: revert;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 98%;
  margin: auto;
}
.yt-Law-thumbnail-2 {
  width: 100%;
  height: 380px;
  background: url("../images/y2-img.png");
  background-position: revert;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 98%;
  margin: auto;
}
.yt-shape img {
  height: 100%;
}
.y-text h2 {
  font-size: 32px !important;
  color: var(--white-color);
  margin-top: 20%;
}
.y-text p {
  font-size: 17.5px !important;
  color: var(--white-color);
  margin-top: 40px;
}
.y-text p span {
  font-size: 13px !important;
  color: var(--white-color);
  margin-top: 10px;
}
.y-text h5 {
  font-size: 18px !important;
  color: var(--white-color);
  margin-top: 50px;
}
.brand-name-1 img {
  width: 108px;
  margin-top: 30px;
}
.yt-main .owl-theme .owl-controls {
  position: relative;
  top: -229px;
}
.app-main-bg {
  background: url("../images/app-bg.png");
  min-height: 750px;
  width: 100%;
  border-radius: 20px;
  padding: 75px;
  display: flex;
  align-items: center;
}
.app-mokup-bg img {
  width: 100%;
}
.app-mokup {
  top: -55px;
  animation: float 4s ease-in-out infinite;
}
.spin {
  animation: spin 20s linear infinite;
}
.icon-app {
  animation: float 4s ease-in-out infinite;
}
.service-rate {
  margin-top: 60px;
  border-left: 2px solid white;
  padding-left: 15px;
}
.btn-app-d img {
  width: 100%;
  transition: all 0.5s ease-out;
}
.btn-app-d img:hover {
  transform: translate(0px, -5px);
}
.download-profile {
  background-color: var(--primary-color);
  border-radius: 20px;
}
.icon-d img {
  height: 108px;
  width: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00000026;
  border-radius: 50%;
  object-fit: none;
}
.download-profile {
  padding: 50px 100px;
}
.hover-f:hover {
  background-color: var(--secondary-color);
}
.t-pr {
  color: var(--primary-color);
}
.bg-color-orange {
  background-color: var(--secondary-color);
}
.t-sr {
  color: var(--secondary-color);
}
.hover-f-2:hover {
  background-color: var(--primary-color);
}
.footer-btm {
  padding: 70px 0px;
}
.footer-links ul li a {
  color: var(--text-color);
  transition: all 0.3 ease-out;
}
.footer-links ul li a:hover {
  color: var(--primary-color);
}
.footer-links ul li {
  margin-bottom: 27px;
}
.footer-follow-us-main ul li a img {
  transition: 0.3s ease-in-out;
}
.footer-follow-us-main ul li a img:hover {
  transform: translate(0px, -5px);
}
.footer-main {
  padding-bottom: 0px;
}
.border-right-footer {
  border-right: 1px dashed var(--border-color);
}
.input-footer input {
  background: #ffffff;
  width: 100%;
  border: 1px solid #e3e3e3;
  border-radius: 13px 29px 29px 13px;
  outline: none;
  padding: 13px 20px;
}
.input-footer input::placeholder {
  font-size: 15px;
  color: #919191;
  font-family: "outfit-Regular";
}
.btn-footer {
  position: absolute;
  right: 4px;
  top: 4.2px;
  padding: 9px 12px;
}
.footer-contact-info a {
  font-family: "outfit-medium";
  color: var(--text-color);
}
.icon-contact-footer img {
}
.copyright {
  width: 100%;
  min-height: 65px;
  background: #f5f8fb;
  display: flex;
  align-items: center;
}

.main-ab-banner img {
  border-radius: 500px;
  width: 100%;
}
.main-ab-banner {
  padding: 0px 87px;
}
.banner-badge {
  background: #ffffff;
  border-radius: 200px;
  box-shadow: 5px 1px 20px 4px rgb(0 0 0 / 9%);
  border-radius: 100px;
  width: fit-content;
  display: flex;
  padding: 6px;
  align-items: center;
  animation: float 4s ease-in-out infinite;
}
.bdg-text {
  font-size: 14px;
  text-align: start;
  padding: 0px 10px;
  padding-right: 20px;
}
.icn-bdg {
  border-radius: 50%;
}
.icn-bdg img {
  width: 57px;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  object-fit: none;
}
.bdg-1 {
  background-color: var(--tertiary-blue);
}
.bdg-2 {
  background-color: var(--primary-color);
}
.bdg-3 {
  background-color: var(--tertiary-pink);
}
.bdg-4 {
  background-color: var(--secondary-color);
}
.bn-1 {
  position: absolute;
  bottom: 193px;
  left: 55px;
}
.bn-2 {
  position: absolute;
  top: 11px;
  left: 330px;
}

.bn-3 {
  position: absolute;
  bottom: 36px;
  right: 354px;
}
.bn-4 {
  position: absolute;
  top: 92px;
  right: 54px;
}
.about-bnr-p p {
  font-size: 18px;
  font-family: "outfit-regular";
  width: 75%;
  margin: auto;
}

.about-bnr-p p span {
  font-size: 26px;
  font-family: "outfit-medium";
}
.count-txt h1 {
  font-size: 36px !important;
  font-family: "outfit-semibold" !important;
}
.count-txt p {
  font-size: 18px !important;
  font-family: "outfit-light" !important;
  margin-top: -8px !important;
}
.new-gap-sos img {
  height: 17px;
}
.icn-stdn {
  position: relative;
  z-index: 2;
}
.circle-color-1::before {
  content: " ";
  display: block;
  width: 83px;
  height: 83px;
  border-radius: 50%;
  border: 1px solid var(--primary-color);
  position: absolute;
  right: -10px;
  top: 5px;
  z-index: -1;
}
.circle-color-2::before {
  content: " ";
  display: block;
  width: 83px;
  height: 83px;
  border-radius: 50%;
  border: 1px solid var(--secondary-color);
  position: absolute;
  right: -10px;
  top: 5px;
  z-index: -1;
}
.icn-stdn img {
  width: 83px;
  height: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  object-fit: none;
  background-color: #ffffff;
  box-shadow: 6px 6px 31px #00000014;
}
.dashed-nrdr-abt {
  border-bottom: 1px dashed var(--border-color);
  width: 100%;
  margin-top: 90px;
}
.con-main-bg {
  padding: 80px 0px;
}
.bg-patt-img-1 {
  margin: auto;
  position: relative;
}
.bg-patt-img-1-chng {
  width: 100%;
  height: auto;
  margin: auto;
  object-fit: contain;
}
.shape-1-h {
  position: absolute;
  bottom: 82px;
  left: -73px;
  animation: spin 50s linear infinite;
}
.icon-1-h {
  position: absolute;
  top: 103px;
  right: 141px;
  animation: float 4s ease-in-out infinite;
}
.con-main-bg {
  overflow-x: hidden;
}
.section-margin {
  margin-top: 150px;
}
.bg-patt-img-1-2 {
  background: url("../images/ph-bg.png");
  width: 400.48px;
  height: 513.86px;
  margin: auto;
  position: relative;
  border-radius: 20px;
}
.bg-patt-img-1-chng-2 {
  width: 400.48px;
  height: 513.86px;
  margin: auto;
  margin-top: 40px;
  margin-left: -75px;
  border-radius: 20px;
  object-fit: none;
}
.shape-1-h-2 {
  position: absolute;
  top: 82px;
  left: -93px;
  animation: spin 50s linear infinite;
}
.icon-1-h-2 {
  position: absolute;
  bottom: -68px;
  right: 321px;
  animation: float 4s ease-in-out infinite;
}
.gallery-main {
  padding: 80px 0px;
}
.container.gallery-container {
  background-color: #fff;
  color: #35373a;
  min-height: 100vh;
  padding: 30px 50px;
}

.gallery-container h1 {
  text-align: center;
  margin-top: 50px;
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
}

.gallery-container p.page-description {
  text-align: center;
  margin: 25px auto;
  font-size: 18px;
  color: #999;
}

.tz-gallery .lightbox img {
  width: 100%;
  border-radius: 20px;
  position: relative !important;
}
.tz-gallery .lightbox {
  width: 100%;
  display: block;
  position: relative !important;
}

.tz-gallery .lightbox .cnt-glr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.568);
  content: "";
  transition: 0.4s ease-out;
  border-radius: 20px;
  display: grid;
  color: white;
  align-items: end;
  align-content: center;
}

.tz-gallery .lightbox:hover .cnt-glr,
.tz-gallery .lightbox:hover .cnt-glr {
  opacity: 1 !important;
}

.baguetteBox-button {
  background-color: transparent !important;
}
#baguetteBox-overlay .full-image img {
  border-radius: 25px;
}
.bt-cust {
  /* background: transparent; */
  /* border-radius: 30px 3px; */
  /* border: 1px solid var(--white-color); */
  /* outline: none; */
  padding: 8px 33px;
  /* font-family: "outfit-medium"; */
  /* color: var(--white-color); */
  /* transition: all 0.2s ease-in; */
  font-size: 16px;
  /* display: block; */
  width: fit-content;
  margin: auto;
}
#next-button {
  background: url("../images/Rightarrow.png") !important;
}
#previous-button {
  background: url("../images/Leftarrow.png") !important;
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50% !important;
  top: calc(50% - 30px) !important;
  width: 73px !important;
  height: 73px !important;
}
.baguetteBox-button svg {
  display: none !important;
}
#baguetteBox-overlay .full-image img {
  max-width: 90% !important;
}
.w-lg-75 {
  width: 75%;
  margin: auto;
}
.color-prime {
  background-color: var(--primary-color);
}
.color-sky-blue {
  background-color: #58c7d7;
}
.color-light-green {
  background-color: #5fbd84;
}
.courses-main-page {
  overflow-x: hidden;
}
.blog-grid-main {
  padding: 15px;
  border: 1px solid var(--border-color);
  border-radius: 20px;
  margin-bottom: 25px;
  transition: all 0.3s ease-out;
}
.blog-grid-details img {
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
  height: 253.92px;
  margin-bottom: 20px;
}
.res-text a {
  color: var(--text-color);
  transition: all 0.4s ease-out;
  font-size: 20px;
 align-items: center;
  font-weight: 900;
}
.auth-blog img {
  height: 32px;
  width: 32px;
  object-fit: cover;
}
.breadcrumb-item {
  font-size: 16px;
  color: #737888 !important;
}
.breadcrumb li {
  font-size: 16px;
  color: #737888 !important;
}
.bdcm-main {
  background: #ffffff !important;
  border-radius: 10px;
  padding: 13px 30px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 13px !important;
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
  margin-top: 2px;
  padding-left: 2px;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 9px !important;
}
.breadcrumb a {
  color: var(--primary-color);
}
.breadcrumb a:hover {
  color: var(--secondary-color);
}
.start-c-date p {
  color: #616161;
}
.start-c-date {
  border-left: 2px solid var(--primary-color);
  padding-left: 17px;
  margin-top: 30px;
}
.course-info-box {
  padding: 26px;
  background-color: #f4e9f1;
  border-radius: 10px;
  margin-top: 40px;
  position: relative;
}
.num-info h2 {
  font-size: 32px !important;
  font-family: "outfit-medium" !important;
}
.c-brd-right {
  border-right: 1px solid #d8c2d2;
}
.start-c-date span {
  font-family: "outfit-regular" !important;
}

.text-color-p {
  color: var(--text-color);
}
.old-price-line {
  color: red;
  text-decoration: line-through;
}
.admission-status-1 {
  font-size: 18px !important;
  font-family: "outfit-medium" !important;
}
.shape1-c-info {
  position: absolute;
  left: -57px;
  top: 13px;
}
.shape2-c-info {
  position: absolute;
  right: -34px;
  bottom: 14px;
}
.txt-d-c h3 {
  font-size: 24px !important;
  font-family: "outfit-medium" !important;
  color: var(--primary-color) !important;
}
.icn-d-c img {
  height: 86.31px;
  width: 86.31px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
  border-radius: 50%;
  object-fit: none;
}
.price-desk {
  padding: 15px;
  border: 1px solid var(--border-color);
  border-radius: 20px;
}

/* ---video player css--- */
.video-player {
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.video-player .image-wrapper,
.video-player .play {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-player .image-wrapper,
.video-player .image {
  width: 100%;
}
.video-player .preview,
.video-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-player [data-hidden="true"] {
  display: none;
}
.play {
  border: none;
  border-radius: 80px;
}
.pbb-3 {
  font-size: 18px;
  padding: 12px;
  height: 55px;
}
.site-button-outline-4 {
  background: #ffffff;
  border-radius: 30px 3px;
  border: 1px solid var(--primary-color);
  outline: none;
  padding: 8px 26px;
  font-family: "outfit-medium";
  color: var(--primary-color);
  transition: all 0.2s ease-in;
  font-size: 18px;
}
.scholarship-bg {
  background: url("../images/scholarship-bg.png");
  padding: 60px 30px;
  border-radius: 20px;
  margin-top: 12px;
}
.top-text-form-sco p {
  color: white;
  line-height: 180%;
  font-family: "outfit-light";
  margin-top: 10px;
}
.form-sch {
  border-radius: 20px;
  background-color: var(--white-color);
  padding: 39px;
  margin-top: 63px;
}
.date-online-1 {
  padding: 12px 25px;
  color: var(--white-color);
  background-color: var(--tertiary-blue);
  width: fit-content;
  margin: auto;
  margin-top: -63px;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
.date-online-1::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 24px solid #2e33b2;
  border-left: 24px solid transparent;
  position: absolute;
  left: -24px;
  top: 0px;
  z-index: 1;
}
.date-online-1::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 24px solid #2e33b2;
  border-right: 24px solid transparent;
  position: absolute;
  right: -24px;
  top: 0px;
  z-index: 1;
}
.date-online-2 {
  padding: 12px 25px;
  color: var(--white-color);
  background-color: var(--tertiary-pink);
  width: fit-content;
  margin: auto;
  margin-top: -63px;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
.date-online-2::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 24px solid #c1364c;
  border-left: 24px solid transparent;
  position: absolute;
  left: -24px;
  top: 0px;
  z-index: 1;
}
.date-online-2::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 24px solid #c1364c;
  border-right: 24px solid transparent;
  position: absolute;
  right: -24px;
  top: 0px;
  z-index: 1;
}
.date-online-1,
.date-online-2 {
  font-size: 18px;
  font-family: "outfit-light";
  user-select: none;
}
.date-online-1 span,
.date-online-2 span {
  font-family: "outfit-semibold";
}
.form-title-sch {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "outfit-semibold";
}
.form-group-field {
  margin-top: 30px;
}
.form-Lawlaws label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.form-Lawlaws input {
  font-size: 15px;
  padding: 10px 16px;
  width: 100%;
}
.form-Lawlaws input::placeholder {
  color: #7c7c7c;
}
.form-Lawlaws .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #00274c47;
  outline: 0;
  box-shadow: none;
}
.form-Lawlaws .form-select:focus {
  color: #212529;
  background-color: #fff;
  border-color: #00274c47;
  outline: 0;
  box-shadow: none;
}
.form-Lawlaws select {
  font-size: 15px;
  padding: 10px 16px;
  width: 100%;
}
.form-Lawlaws select::placeholder {
  color: #7c7c7c;
}
.form-apply-btn button {
  padding: 11px 73px;
}

.sch-detail-box img {
  height: 76px;
  width: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff1a;
  border-radius: 50%;
  object-fit: none;
  margin: auto;
}
.sch-details-main {
  margin-top: 44px;
}
.sch-detail-box {
  text-align: center;
}
.brd-right-sch {
  border-right: 1px solid rgb(255 255 255 / 13%);
}
.bg-support-download {
  padding: 32px;
  border-radius: 20px;
  background-color: #821c65;
}
.sch-btn button {
  width: 100%;
  font-size: 17px;
  padding: 14px 26px;
}
.sch-btn button:hover {
  background-color: white;
  color: #821c65;
}
.examination-bg {
  background-color: var(--tertiary-blue);
  border-radius: 10px;
  height: 221px;
  width: 170px;
  margin: auto;
}
.examination-bg img {
  width: 170px;
  height: 221px;
  border-radius: 10px;
  margin-left: -19px;
  margin-top: -16px;
  object-fit: cover;
}
.btn-exam {
  padding: 9px 18px;
}
.pink-bg {
  background-color: var(--tertiary-pink);
}
.icn-Law-p-ch img {
  height: 77px;
  width: 77px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
  border-radius: 50%;
  object-fit: none;
}
.l-pink {
  background-color: #fdca36 !important;
}
.l-orange {
  background-color: #fdf2e9 !important;
}
.l-blue {
  background-color: #eeeffd !important;
}
.l-perp {
  background-color: #feeff1 !important;
}
.l-green {
  background-color: #ecfcf1 !important;
}
.l-l-blue {
  background-color: #effcfd !important;
}
.join-sch-bg {
  padding: 64px 15px;
  background: url("../images/sch-bg.png");
  background-position: center;
  background-size: contain;
  border-radius: 20px;
}
.w-join-sch {
}
.join-sch-bg h5 {
  font-size: 25px;
  font-family: "outfit-light";
  color: white;
  margin-top: 15px;
}
.join-sch-bg h5 span {
  font-family: "outfit-semibold";
}
.w-join-sch {
  font-size: 20px;
  font-family: "outfit-medium";
  padding: 12px 48px;
  margin: auto;
  margin-top: 30px;
}
.cstm-pagination .page-link:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #00274c;
  outline: 0;
  box-shadow: none;
}
.cstm-pagination .page-link {
  background-color: #00274c;
  color: #ffffff57;
  border: none;
  font-size: 16px;
  font-family: "outfit-semibold";
  padding: 16px;
}
.cstm-pagination .active > .page-link,
.cstm-pagination .page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: #00274c;
  border-color: var(--bs-pagination-active-border-color);
}
.cstm-pagination .page-link:hover {
  z-index: 2;
  color: #ffffff !important;
  background-color: #00274c;
  border-color: var(--bs-pagination-hover-border-color);
}
.right-peg {
  background: rgb(255, 203, 5);
  padding: 10px 14px;
  border-radius: 9px;
}
.cstm-pagination .page-item:last-child .page-link {
  padding: 10px;
  color: white;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.cstm-pagination .page-item:first-child .page-link {
  padding: 10px;
  color: white;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-img-overlay {
  background: linear-gradient(0deg, #00000087, transparent);
  border: none;
  border-radius: 20px !important;
  padding: 30px !important;
}
.cont-blog {
  position: absolute;
  bottom: 40px;
}
.text-bg-dark {
  border: none !important;
  box-shadow: none;
  border-radius: 20px !important;
}
.card-img,
.card-img-bottom {
  border-radius: 20px !important;
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  font-family: "outfit-semibold";
  font-size: 30px;
  line-height: 130%;
}
.featured-badge {
  background: #ffffff;
  border-radius: 5px;
  padding: 3px 14px;
  width: fit-content;
  color: #1b1b1b;
  float: right;
  margin-top: -10px;
}
.blog-slider-main .owl-theme .owl-controls {
  position: relative;
  top: -249px;
}
.card-img,
.card-img-bottom {
  height: 446px;
  object-fit: cover;
}
.search-blog {
  position: relative;
}
.search-btn-blog {
  position: absolute;
  top: 8px;
  left: 12px;
}
.search-blog input {
  padding-left: 42px !important;
  border-radius: 10px !important;
}
.search-blog-select .form-select {
  background-image: url("../images/down.svg") !important;
  background-size: 29px 39px;
  background-color: #f6f6f6;
  border-radius: 10px !important;
}
.blog-d-image img {
  width: 100%;
  border-radius: 20px;
}
.blog-p p {
  margin-bottom: 24px;
}
.border-right-blog {
  border-right: 1px solid #e5e5e5;
}
.blog-auth-main {
  padding: 30px;
  background-color: var(--grey01-color);
  border-radius: 20px;
  position: relative;
}
.img-auth-bl img {
  height: 127px;
  width: 127px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 28px;
}
.auth-txt {
  font-size: 14px !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.blog-shape {
  position: absolute;
  top: 35px;
  right: -30px;
}
.img-r-blg img {
  width: 96px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
}
.text-prime {
  color: var(--text-color);
}
.why-choose-k {
  padding: 40px 0px;
  padding-top: 100px;
}
.about-k-point h4 {
  font-size: 19px !important;
  font-family: "outfit-semibold" !important;
  color: #04284a;
}
.about-k-point p {
  font-size: 14px !important;
  font-family: "outfit-regular" !important;
  line-height: 22px;
  margin-bottom: 5px;
}
.k-point-icn img {
  margin-top: 9px;
}
.point-k1 p {
  font-family: "outfit-medium" !important;
}
.btn-ans-1 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.mob-text-limit {
  margin-bottom: 0px;
}
.appl-c-main {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 28px #2a3a460a;
  border-radius: 20px;
  padding: 36px;
}
.courses-main {
  background-color: #f5f8fb;
  border-radius: 50px 0px;
}
.apply-c {
  transform: translateY(60px);
  z-index: 2;
  position: relative;
}
.margin-title {
  margin-top: 70px;
}
.co-1 {
  background-color: #e3f1f8;
}
.co-2 {
  background-color: #ddfcf7;
}
.co-3 {
  background-color: #f5e3f8;
}
.co-4 {
  background-color: #fce9dd;
}
.co-5 {
  background-color: #dddffc;
}
.co-6 {
  background-color: #f8e3e3;
}
.courses-icon img {
  position: relative;
  z-index: 2;
}
.rate-star {
  margin-top: 23px;
}
.cours-inner-details img {
  margin-top: -2px;
}
.cours-inner-details {
  display: flex;
  justify-content: space-between;
}
.courses-box-details .prg-2 {
  font-family: outfit-regular !important;
  height: 65px;
  overflow: auto;
}
.admission-status {
  font-size: 15px !important;
  font-family: "outfit-medium" !important;
}

.rate-star .nav-pills .nav-link {
  border: 0;
  border-radius: 33px;
  padding: 3px 18px;
  font-size: 14px;
  background: #0000004a;
  color: #ffffff;
}

.rate-star .nav-pills .nav-link.active,
.rate-star .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: #00274c;
  color: white !important;
}

.rate-star .nav-link:focus {
  color: #7b7b7b !important;
}
.rate-star .nav-item {
  margin-left: 10px;
}
.rate-star .nav {
  display: inline-flex;
  float: right;
  position: absolute;
  top: 37px;
  margin-bottom: 0px !important;
  left: 29px;
}
.shape-c1 {
  position: absolute;
  top: -39px;
  left: 72px;
  animation: spin 50s linear infinite;
}
.shape-c2 {
  position: absolute;
  bottom: -39px;
  right: 72px;
  animation: spin 50s linear infinite;
}
.read-more {
  color: var(--secondary-color);
  font-family: "outfit-medium" !important;
  transition: 0.2s ease-in;
}
.read-more:hover {
  color: var(--primary-color);
}
.font-regular {
  font-family: "outfit-regular" !important;
}
.text-Law-prime-ch p {
  font-size: 14px !important;
}
.bg-alum .text-Law-prime-ch p {
  color: white;
  padding-bottom: 12px;
  font-size: 13px !important;
  line-height: 24px !important;
  min-height: 85px;
}
.bg-alum .text-Law-prime-ch h3 {
  font-size: 18px !important;
  color: white;
  margin-top: 10px;
}
.text-Law-prime-ch h3 {
  font-size: 19px !important;
}
.bg-alum {
  background: url("../images/alumni-bg.png");
  padding: 60px 40px 40px;
  border-radius: 20px;
  background-size: cover;
}
.al-txt {
  background-color: rgb(0 0 0 / 48%);
  border-radius: 0px 0px 15px 15px;
  margin: 0px 20px;
  /* transform: translate(0px, -40px); */
  padding: 10px 15px;
  width: 100%;
  height: 180px;
  margin: auto;
}
.alm-img img {
  border-radius: 20px 20px 0px 0px;
  border: 4px solid rgba(255, 255, 255, 0.226);
  width: 100%;
}
.alm-img-celeb img {
  border-radius: 20px 20px 0px 0px;
  border: 4px solid rgba(255, 255, 255, 0.226);
  width: 100%;
  height:300px;
}
.oneLaw-main .owl-theme .owl-controls {
  top: -281px !important;
}
.blg-img img {
  border-radius: 20px;
  width: 100%;
  align-items: center;
  
}

.blg-dt {
  font-size: 15px !important;
  margin-top: 4px !important;
}
.join-lib-bg {
  background-color: #f5f8fb;
  border-radius: 20px;
  padding: 15px 15px;
}

.img-book-3d {
  position: absolute;
  right: -12px;
  bottom: 83px;
  animation: float 3s ease-in-out infinite;
}
.join-lib-txt h4 {
  font-size: 18px !important;
  color: var(--primary-color) !important;
  font-family: "outfit-semibold" !important;
  margin-bottom: 20px;
}
.text-d-j h3 {
  font-size: 28px !important;
}
.logo-social {
  padding: 30px 0px;
}
.social-txt h3 {
  font-size: 20px !important;
  margin-bottom: 0px;
}
.social-txt {
  display: flex;
  justify-content: end;
  gap: 30px;
}
.footer-btm h3 {
  font-size: 22px !important;
}
.footer-info-c .icn-tp-cntct img {
  height: 42px;
  width: 42px;
  background-color: #f5f8fb;
  justify-content: center;
  border-radius: 50%;
  object-fit: none;
}
.footer-info-c .top-cnt-txt a {
  color: var(--text-color);
}
.entry-content {
  text-align: initial;
  font-size: 15px;
  line-height: 25px;
}
.section-title .modal-title {
  font-family: "outfit-semibold" !important;
  color: white;
}
.hero-other {
  background-color: #f5f8fb;
  position: relative;
  padding: 85px 0px;
  overflow: hidden;
}
.bdcm-oth a {
  color: #737888;
}
.bdcm-oth a:hover {
  color: var(--primary-color);
}
.shape4-oth {
  position: absolute;
  top: 0;
  right: 0;
}
.oth-book {
  position: absolute;
}
.oth-deco {
  position: absolute;
  top: 0;
  left: 20%;
}
.oth-deco img {
  width: 120px;
}
.oth-shapes .shape2-h {
  position: absolute;
  top: 160px;
  left: 94px;
  animation: float 3s ease-in-out infinite;
}
.oth-shapes .shape3-h {
  position: absolute;
  bottom: 60px;
  right: 409px;
  animation: spin 50s linear infinite;
}
.oth-shapes .shape3-h img {
  width: 45px;
}
.oth-shapes .shape2-h img {
  width: 52px;
}
.oth-book {
  position: absolute;
  right: 284px;
  bottom: 20px;
  animation: float-2 3s ease-in-out infinite;
}
.oth-book img {
  width: 114px;
}
@keyframes float-2 {
  0% {
    transform: translatex(0px);
  }
  50% {
    transform: translatex(-13px);
  }
  100% {
    transform: translatex(0px);
  }
}
.scale-count {
  scale: 0.8;
  transform: translate(-50px, 0px);
}
.shadow-2 {
  box-shadow: -6px -4px 20px #00000012 !important;
}
.bg-patt-img-1 {
  position: relative;
}
.program-1 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  border-radius: 100px;
  box-shadow: 0px 3px 30px #0000001a;
}
.program-1 .icn-stdn img {
  background-color: var(--secondary-color) !important;
}
.program-1 .icn-stdn {
  margin-left: -20px;
}
.program-1 .icn-stdn {
  margin-left: -20px;
}
.program-1 .scale-count {
  scale: 0.8;
  transform: translate(0px, 0px);
}

.program-2 {
  position: absolute;
  bottom: 44px;
  right: 0;
  background-color: white;
  border-radius: 100px;
  box-shadow: 0px 3px 30px #0000001a;
}
.program-2 .icn-stdn img {
  background-color: var(--primary-color) !important;
}
.program-2 .icn-stdn {
  margin-left: -20px;
}
.program-2 .icn-stdn {
  margin-left: -20px;
}
.program-2 .scale-count {
  scale: 0.8;
  transform: translate(0px, 0px);
}
.featured-section {
  background: #00274c url("../images/features-bg.png");
  padding: 80px 0px;
}
.title-in-f h1 {
  font-size: 42px !important;
  color: white;
}

.num-feat span {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  object-fit: none;
  font-size: 30px;
  color: #04284a;
  font-family: "outfit-medium";
  z-index: 3;
  position: relative;
  margin-left: 21px;
  background: #fdca36;
  border: 6px solid #04284a;
}
.text-feat {
  font-family: "outfit-light";
  color: black;
  line-height: 29px;
  background: white;
  margin-bottom: 63px;
  margin-top: -30px !important;
  padding: 22px;
  padding-top: 52px;
  border-radius: 40px 0px;
}
.text-feat a:hover {
  color: wheat;
}
.user-boxp-set .user-box-main {
  background: #fff;
  box-shadow: -10px 20px 45px #0b51631a;
  display: inline-block;
  border-radius: 10px;
  padding: 13px 21px 12px;
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

.user-boxp-set {
  position: absolute;
  top: 230px;
  bottom: 0;
  left: 60px;
  margin: auto;
  display: flex;
  align-items: center;
}

.user-boxp-set .user-box-main h4 {
  font-size: 15px !important;
  font-family: "outfit-medium" !important;
  color: #0c2f36;
}

.user-images-vx .box-sm-b {
  display: inline-block;
}

.user-images-vx .box-sm-b img {
  height: 43px;
  width: 43px;
  border: 3px solid #ffffff;
  object-fit: none;
  border-radius: 100%;
}
.user-images-vx .box-sm-b .fit5,
.user-images-vx .box-sm-b .fit4,
.user-images-vx .box-sm-b .fit3,
.user-images-vx .box-sm-b .fit2 {
  margin-left: -20px;
}

.user-images-vx {
  text-align: justify;
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}
.read-more-2 {
  color: var(--primary-color);
  font-family: "outfit-medium" !important;
  transition: 0.2s ease-in;
}
.read-more-2:hover {
  color: var(--secondary-color);
}
.qut-icn {
  position: absolute;
  top: -28px;
  left: -28px;
  mix-blend-mode: darken;
  animation: float-2 3s ease-in-out infinite;
}
.director-m-bg {
  background-color: #f5f8fb;
  border-radius: 20px;
  padding: 67px 70px;
}
.director-msg p {
  font-size: 17px !important;
  color: #60697b !important;
  line-height: 28px !important;
}
.director-msg h5 {
  font-size: 20px !important;
  color: #343f52 !important;
  font-family: "outfit-semibold";
}
.dir-img {
  position: absolute;
  bottom: 0;
}
.mb-menu {
  z-index: 45;
  top: -1px !important;
}
.navbar-expand-lg {
  z-index: 45;
}
.team-details h2 {
  font-size: 19px !important;
}
.main-tab-ac {
  border: 1px solid white;
  border-radius: 20px;
  padding: 20px;
  background: #001e5b;
  overflow: auto;
  height: 616px;
  margin-top: 60px;
  color: rgb(0, 0, 0);
}

.main-tab-ac tr {
  border-color: #ffffff2e;
  border-style: solid;
  border-width: 0;
  color: rgb(0, 0, 0);
}
.main-tab-ac th {
  text-align: inherit;
  text-align: -webkit-match-parent;
  font-weight: normal;
  font-size: 17px;
  font-family: "outfit-medium";
  color: rgb(255, 255, 255);
}
.main-tab-ac td {
  font-weight: normal;
  font-size: 15px;
  font-family: "outfit-light";
  vertical-align: middle;
  color: rgb(255, 255, 255);
}
/* width */
::-webkit-scrollbar {
  width: 7px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffcb05;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ffcb05;
  margin-top: 20px;
  margin-bottom: 20px;
}
.dir-img img {
  width: 100%;
}
.lect-section .bg-patt-img-1-chng {
  width: fit-content;
  height: auto;
  margin: auto;
  object-fit: contain;
}
.text-color-prime {
  color: var(--primary-color);
}

.bg-lect-2 {
  background-color: #f5f8fb;
  border-radius: 20px;
  padding: 45px 45px;
}
/* Foundation Course secvtion start  */
.foundation-sec-main {
  padding: 40px 0px 60px 0px;
  background: #f5f8fb;
}
.spend-div-c h2 {
  font-size: 50px !important;
  color: #1b1b1b;
}

.spend-div-c p {
  width: 80%;
  font-family: "outfit-regular";
  font-size: 16px;
  color: #6f7484;
  margin-top: 21px;
  line-height: 28px;
}

.smals-part-gb h4 {
  font-size: 16px !important;
  font-family: "outfit-medium" !important;
  color: #00274c;
}

.smals-part-gb h5 {
  font-size: 15px;
  font-family: "outfit-regular";
  color: #1b1b1b;
  margin-bottom: 5px;
}
.admins-main-conrtd {
  border-left: 2px solid #00274c;
  padding-left: 20px;
}

.admins-main-conrtd .left-admns h6 {
  font-size: 15px;
  font-family: "outfit-regular";
  color: #6f7484;
}

.admins-main-conrtd .left-admns h2 {
  font-size: 23px;
  margin: 0;
  color: #1b1b1b;
  font-family: "oufit-SemiBold";
}

.admin-text-icv h6 {
  display: inline;
  margin-left: 6px;
  font-size: 14px;
  color: #138e68;
  font-family: "outfit-medium";
}

.right-course-vd .course-usr {
  width: 100%;
  height: 274px;
  object-fit: cover;
  border-radius: 20px;
}

.right-course-vd .btn-video-c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  width: 60px;
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

/* Why is Foundation Course important for NEET aspirants?   */
.aspirent-section-mn {
  padding: 61px 0px 10px 0px;
  background-color: #fff;
}

.aspirent-section-mn .border-nm {
  border-bottom: 1px dashed #c5c5c5;
}

.neet-left-concent h1 {
  font-size: 26px !important;
  color: #1b1b1b;
}
.neet-left-concent p {
  margin-top: 25px;
  color: #1b1b1b;
  font-size: 15px;
  font-family: "outfit-regular" !important;
  line-height: 26px;
}
.plans-box-main-v {
  background: #fff;
  box-shadow: 0px 8px 72px #2437460f;
  border-radius: 20px;
  margin-top: -170px;
}

.plans-box-main-v .top-plan-heading {
  padding: 39px;
}

.left-note-rup .pricing-flex h2 {
  font-size: 32px !important;
  font-family: "oufit-SemiBold";
  color: #00274c;
  display: inline-block;
}
.left-note-rup .pricing-flex h3 {
  font-size: 18px !important;
  color: #707070;
  display: inline-block;
  margin-left: 10px;
  text-decoration: line-through;
}

.top-plan-heading p {
  font-size: 14px;
  color: #707070;
  font-family: "outfit-light";
  margin: 0;
}
.top-plan-heading button {
  background: #ffcb05;
  width: 100%;
  border: none;
  outline: none;
  height: 56px;
  border-radius: 44px;
  font-size: 18px;
  font-family: "outfit-medium" !important;
  color: #ffffff;
  margin-top: 38px;
  padding-top: 2px;
  transition: 0.3s ease-in;
}
.top-plan-heading button:hover {
  background: var(--primary-color);
}
.plans-box-main-v .plan-mid-sections {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 17px;
  margin-bottom: 17px;
  padding-left: 38px;
  padding-right: 38px;
}

.plans-box-main-v .plan-mid-sections h2 {
  font-size: 17px !important;
  color: #6b7385;
  margin: 0;
  font-family: "outfit-regular" !important;
}

.plans-box-main-v .plan-mid-sections h3 {
  font-size: 17px !important;
  font-family: "outfit-medium" !important;
  color: #1b1b1b;
  margin: 0;
  line-height: 23px;
}
.share-on-socials {
  padding: 0px 39px;
  padding-bottom: 31px;
}

.share-on-socials h4 {
  font-size: 19px !important;
  color: #1b1b1b;
  font-family: "outfit-semibold" !important;
  margin: 0;
}

.right-offer .offer-show {
  background: #fbe7ea;
  font-size: 15px;
  font-family: "outfit-semibold" !important;
  color: #101213;
  border-radius: 9px;
  padding: 5px 15px;
  margin: 0;
}
.detail-logo img {
  width: 40px;
}
.recent-blog-title h4 {
  font-family: "outfit-semibold" !important;
  font-size: 20px !important;
}
.rec-blog-img img {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  object-fit: cover;
}
.rec-blog-tit h5 {
  font-size: 16px !important;
  font-family: "outfit-semibold" !important;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.rec-blog-tit .blg-dt {
  font-size: 13px !important;
  margin-top: 5px !important;
}
.rec-blog-tit .date-ansm img {
  width: 16px;
}
.side-ads img {
  border-radius: 18px;
  width: 100%;
}
.click-title {
  color: var(--text-color);
}
.click-title:hover {
  color: var(--primary-color);
}
.navbar-brand img {
  height: 75px;
}
.arrow-btn {
  font-size: 17px;
}
.rad-cstm {
  border-radius: 30px 3px !important;
}
.custom-drop-color {
  background: #04284a !important;
  border: 2px solid #ffffff17 !important;
}
.margin-header-link {
  margin-left: 33px !important;
}
.bg-logo-brand {
  width: 33%;
  background-color: #021a30;
  height: 126.12px;
  position: absolute;
  left: 0;
  top: 0;
}
.logo-desk-brand {
  position: relative;
  z-index: 2;
}
.logo-desk-brand img {
  width: 290px;
  margin-top: 17px;
  filter: url();
}
.co-img img {
  width: 100%;
  border-radius: 27px 0px 27px 0px;
}
.l-db {
  background-color: #00274c !important;
}
.shape-c2 img {
  filter: hue-rotate(70deg) brightness(4);
}
.btn-hover-border:hover {
  border: 1px solid white !important;
}
.tit-abt {
  font-size: 54px;
  color: #00274c;
}

.main-ab-banner {
  padding: 0px 87px;
}
.banner-badge {
  background: #ffffff;
  border-radius: 200px;
  box-shadow: 5px 1px 20px 4px rgb(0 0 0 / 9%);
  border-radius: 100px;
  width: fit-content;
  display: flex;
  padding: 6px;
  align-items: center;
  animation: float 4s ease-in-out infinite;
}
.bdg-text {
  font-size: 14px;
  text-align: start;
  padding: 0px 10px;
  padding-right: 20px;
}
.icn-bdg {
  border-radius: 50%;
}
.icn-bdg img {
  width: 57px;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  object-fit: none;
}

.new-bdg-ab-1 {
  position: absolute;
  top: -33px;
  left: 210px;
  background-color: white;
  border-radius: 100px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px;
  animation: 4s ease-in-out 0s infinite normal none running float;
}
.new-bdg-ab-1 .count-txt h1 {
  font-size: 28px !important;
  font-family: outfit-semibold !important;
}
.new-bdg-ab-1 .icn-stdn img {
  width: 73px;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  object-fit: none;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 31px;
}
.new-bdg-ab-1 .circle-color-2::before {
  content: " ";
  display: block;
  width: 73px;
  height: 73px;
  border-radius: 50%;
  border: 1px solid var(--secondary-color);
  position: absolute;
  right: -10px;
  top: 5px;
  z-index: -1;
}

.new-bdg-2 {
  bottom: 0px;
  right: 0p;
}
.banner-badge .program-1 {
  position: absolute;
  width: max-content;
  top: 10px;
  left: -80px;
  background-color: white;
  border-radius: 100px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px;
}
.banner-badge .count-txt h1 {
  font-size: 28px !important;
  font-family: outfit-semibold !important;
}
.banner-badge .icn-stdn img {
  width: 73px;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  object-fit: none;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 31px;
}
.banner-badge .circle-color-2::before {
  content: " ";
  display: block;
  width: 73px;
  height: 73px;
  border-radius: 50%;
  border: 1px solid var(--secondary-color);
  position: absolute;
  right: -10px;
  top: 5px;
  z-index: -1;
}
.banner-badge .icn-stdn img {
  background-color: #04284a !important;
}
.brdr-ver {
  width: 1px;
  height: 70px;
  margin-right: 92px;
  background-color: #dedede;
}
.tab-alm-dsn {
  background: rgb(4, 40, 74);
  width: fit-content;
  margin: 45px auto auto;
  border-radius: 92px;
  padding: 8px 12px;
  height: 55px;
}
.tab-alm-dsn .nav-pills {
}

.tab-alm-dsn .nav-link:focus,
.nav-link:hover {
  color: rgb(255, 255, 255) !important;
}
.tab-alm-dsn .nav-link {
  color: #ffffffb0;
  border-radius: 42px !important;

  padding: var(--bs-nav-link-padding-y) 25px !important;
}
.tab-alm-dsn .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #04284a !important;
  background-color: #fbc94b;
  border-radius: 42px;
  padding: 8px 40px;
}
.anim-new .shape-1-h {
  left: 492px;
}

.anim-new .icon-1-h {
  left: -368px;
}

.event-menu{
  border: 20px solid #04284a;
  border-radius: 45px;
}
.rec-img img {
  width:100px;
  height: 100px;
  object-fit:cover;
  border-radius: 10px;
}
.home-ans-event {
  padding: 15px;
  border: 1px solid rgb(198, 198, 203);
  border-radius: 20px;
  margin-bottom: 25px;
  transition: all 0.3s ease-out;
  position: relative;
}
.eve-img img {
  width:300px;
  height: 200px;
  object-fit:cover;
  border-radius: 10px;
}
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gallery-item {
  width: 150px;
  height: 150px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.2s;
}

.gallery-item:hover {
  transform: scale(1.1);
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}

.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 50%;
  height:90%;
  
}

.close {
  position: absolute;
  top: 15px;
  right: 155px;
  color: #fff;
  font-size: 80px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.moot-title{
  background-color: #04284a;
  border-radius:23px 23px 0px 0px;
  color:white;
}
.eve-title{
  font-size: 50px;
}
.eve-title:hover{
  color: rgb(235, 193, 8);

}
.moot-title-sec{
  background-color: #04284a;
width:100%;
  color:white;
  font-size: 50px;
  font-family: fantasy;
}
.home-ans-eve{
  padding: 15px;
  border: 2px solid rgb(235, 193, 8);
  border-radius: 20px;
  margin-bottom: 25px;
  transition: all 0.3s ease-out;
  position: relative;
}

.img-play{
 
  height: 50px;
}
.bg-vid {
  background: url("../images/alumni-bg.png");
  padding: 60px 40px 40px;
  border-radius: 20px;
  background-size: cover;
  color: white;
}
/* .alm-vid  {
  border-radius: 20px 20px 0px 0px;
  border: 4px solid rgba(255, 255, 255, 0.226);
  width: 200px;
  height:100%;
} */

.border-admi{
  border:5px solid rgb(227, 202, 7);
  border-radius: 25px 0px 25px 0px;
}
.border-admi-right{
  border:5px solid rgb(227, 202, 7);
  border-radius: 0px 25px 0px 25px ;
}
.font-prg{
font-size: 10px;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
}
  /* The Alert (background) */

  .cust-alert{
    display: flex;
    position:fixed;
    z-index: 50;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.889);
  }

  /* Alert Content */
  .cust-alert-content {
    position: absolute;

    background:transparent;
    width: 100%;
    text-align:center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    display: flex;
    flex-direction:row;
    align-items:center;


  }
 


  .cust-alert-close-btn:hover,
  .cust-alert-close-btn:focus {
    color: rgb(255, 221, 0);
    text-decoration: none;
  }

  /* Heading */
  /* .cust-alert-heading {
    font-size: 18px;
    margin-bottom: 10px;
    color: #040c80;
  } */

  /* Logo */


  .cust-alert-logo {
  width:100%;
margin-top: 0px;
 
  }
  .cust-alert-close-btn{
    margin-top: 150px;
    align-self:flex-end;
    color: white;
    cursor: pointer;
    font-size: 20px;
    padding: 10px;
  }
  .bg-container{
    margin: 0;
    padding: 0;
    align-items: center;
    height: 100%;
    background: url('..//images/Student-Internship.jpg')no-repeat center ;
    background-size: cover;
  }
  .Registration-container {
    background-color: rgba(255, 255, 255, 0.267);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width:100%;
    backdrop-filter: blur(10px);

}
.container h2 {
    text-align: center;
    margin-bottom: 20px;
}



.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  left: 0;
  top: 0;
  width: 50%; 
  height: 100%;
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.9); 
}

.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width:50%;
  color: white;
}

.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
} 


#video-background {
  position: fixed;
  top: 10;
  left: 0;
  width: 100%;
  height: 80%;
  object-fit: cover; /* Ensures the video covers the container */
  z-index: -1; /* Keeps the video behind other content */
  opacity: 90%;
}



.whatsapp-button {
  position: fixed;

  bottom: 40px;
  right: 40px;
  background-color: #25D366;
  color: white;
  padding: 15px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s, box-shadow 0.3s;
  z-index: 1000; /* Ensures the button is always on top */
}

.whatsapp-button img {
  
  width: 70px;
  height: 70px;
}

.whatsapp-button:hover {
  background-color: #20b954;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}