/* --------------colors-------------- */
/*  --bs-white: #fff; */
:root {
  /* ------------base color------ */
  --base-color: #f0f5fc;
  /* ------main purple color */
  --pri-color: #2a247e;
  /* -----orange color---------- */
  --sec-color: #ff8900;
  /* ----------paragraph grey----------- */
  --text-gray: #666666;
  /* ----------sub text purple */
  --text-purple: #504c89;
  --text-green: #00bc9c;
  --text-green-2: #3db433;
  --text-yellow: #ffcc00;
  /* -----some text and icons color in login------ */
  --text-blur: #CFCFD7;
}

html, body {
  font-family: "Josefin Sans", sans-serif;
  background-color: var(--base-color);
  overflow-x: hidden;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: url(../images/black-right-arrow.png);
}

/* ---------------fonts--------- */
/* fs-1 =40px
fs-2 =32px
fs-3 = 28px
fs-4 =24px
fs-5 = 20px 
fs-6 =16px  */
.ff-hind {
  font-family: "Hind", sans-serif;
}

.text-pri {
  color: var(--pri-color);
}

.text-sec {
  color: var(--sec-color);
}

.text-gray {
  color: var(--text-gray);
}

.text-yellow {
  color: var(--text-yellow);
}

.text-green-2 {
  color: var(--text-green-2);
}

.text-green {
  color: var(--text-green);
}

.text-purple {
  color: var(--text-purple);
}

.text-base {
  color: var(--base-color);
}

.text-blur {
  color: var(--text-blur);
}

.heading {
  font-size: 95px;
}

.font-md {
  font-size: 64px;
}

.index--1 {
  z-index: -1;
}

.index-0 {
  z-index: 0;
}

.index-1 {
  z-index: 1;
}

.index-2 {
  z-index: 2;
}

.left--17 {
  left: -17% !important;
}

.top-13 {
  top: 13% !important;
}

.top-38 {
  top: 38% !important;
}

.bottom-10 {
  left: 3%;
  bottom: 10% !important;

}

.bottom-10 img {
  animation-duration: 4000ms;
}

.top-28 {
  top: 28% !important;
}

.top-56 {
  top: 56% !important;
}

.top-60 {
  top: 60% !important;
}

.top-148 {
  top: 110% !important;
}


/* -----------btns----------- */
.btn {
  border-radius: 70px;
  box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.22);
  height: 70px;
  font-size: 20px;
}

.btn-primary {
  background-color: var(--sec-color);
  border-color: var(--sec-color);
}

.btn-primary:hover {
  color: var(--sec-color);
  background-color: transparent;
  border-color: var(--sec-color);
  box-shadow: none;
}

.btn-outline-blue {
  color: #496d9f;
  background-color: transparent;
  border-color: #c2d3eb;
  box-shadow: none;
}

.btn-outline-blue:hover {
  box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.22);
  color: #fff;
  background-color: #496d9f;
  border-color: #c2d3eb;
}

/* -------header------------- */
header .nav-link {
  font-weight: 400;
  font-size: 18px;
  color: var(--pri-color);
}

header .nav-link:hover {
  color: var(--text-purple);
}

/* -----------------index bg--------------- */
.dashboard-section {
  min-height: 700px;
}

.index-bg {
  background-image: url("../images/index-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding-top: 62px;
}

.sec-easy {
  background-image: url("../images/index-bg-4.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-color: white;
  padding: 5% 0;
}

.sec-easy p {
  width: 50%;
  margin: 20px auto;
}

.sec-app {
  overflow: hidden;
}

.sec-app .circle {
  right: -39px;
}

.sec-app .left-section {
  z-index: 3;
}

.logo-circle {
  width: 160px;
  height: 160px;
  margin: auto;
  top: 28px;
  bottom: 0;
  left: 0;
  right: 0;
}

.store-icon {
  width: 60px;
  height: 60px;
}

/* ---------------------slider-1------------- */
.slider-1 .slider-card {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 0px -5px 20px -7px rgb(0 0 0 / 10%);
  backdrop-filter: blur(20px);
  min-height: 400px;
  border-radius: 30px;
  display: flex;
}

.slider-1 .slider-card-inner {
  width: 50%;
  margin: auto;
}

.slider-1 .slider-card-inner img {
  padding: 5px;
  border: 1px solid #dbdbdb;
}

.slider-1 .slider-card {
  margin-top: 100px;
  z-index: 3;
  position: relative;
}

.slider-1 .slider-card .rating i {
  font-size: 10px;
}

.slider-1 .bg-2 {
  z-index: 2;
  top: 70px;
  margin: 0 auto;
  width: 90%;
  height: 400px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #FFFFFF;
  box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 30px;
}

.slider-1 .bg-1 {
  z-index: 1;
  top: 40px;
  margin: auto;
  left: 0;
  right: 0;
  width: 80%;
  height: 400px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #FFFFFF;
  box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 30px;
}

.slider-1 .carousel-indicators {
  bottom: -70px;
}

.slider-1 .carousel-indicators .active {
  background-color: var(--sec-color);
}

/* ------------------Pricing Plans CSS-------------------- */

/* Negative MARGIN TOP */

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mt-n4 {
  margin-top: -1.5rem !important;
}

.mt-n5 {
  margin-top: -2.5rem !important;
}

/* ------------------Pricing Plans CSS-------------------- */

.pricing-plan-section {
  height: auto;
  background: url(../images/pricing-plan-bg.png) no-repeat;
  background-size: cover;
  background-color: var(--base-color);
}

.pricing-plan-section.index-bg {
  background: url(../images/index-sec-bg.png) no-repeat;
  background-size: cover;
}

.pricing-card {
  min-height: 639px;
  border-radius: 30px;
  margin-left: -10px;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
}

.pricing-card .l-spacing {
  font-weight: 500;
  letter-spacing: 3px;
  font-size: 4rem;
}

.pricing-card .l-spacing sup {
  font-weight: 400;
}

.pricing-card ul {
  list-style: none;
  padding: 0;
}

.pricing-card a {
  border-radius: 30px;
  padding: 15px 40px;
  text-decoration: none;
  color: black;
  background: #f0f5fc;
  border: 1px solid #c2d3eb;
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
}

.pricing-card a::after {
  padding-left: 10px;
  content: url("../images/black-right-arrow.png");
}

.pricing-card a:hover::after {
  content: url("../images/white-right-arrow.png");
}

.first-tag {
  left: -33%;
  top: 45%;
  font-style: normal;
  font-weight: 600;
  font-size: 4.75rem;
  line-height: 4rem;
  text-align: center;
  letter-spacing: 0.1em;
  color: #ebf2fc;
  transform: rotate(-90deg);
}

.tag-2 {
  left: -42%;
}

.tag-3 {
  left: -40%;
}

.tag-4 {
  left: -40%;
}

/* ----------card------- */

.service-cards .custom-card-box {
  z-index: 3;
}

.custom-card-box {
  border-radius: 30px;
  min-height: 326px;
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
}

.custom-card-box:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* -----------------footer--------------- */
.footer a {
  color: white;
  text-decoration: none;
}

.footer a:hover {
  color: white;
}

.footer {
  background-image: url(../images/footer-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

/* --------FOOTER's LEFT SIDE CONTENT ----------- */

.footer-text-left ul,
.footer-items {
  margin-left: -40px;
  list-style: none;
}

.footer-text-left ul li {
  padding: 0px 10px;
}

/* --------FOOTER's RIGHT SIDE CONTENT ----------- */

.footer-text-right .footer-items li {
  list-style-image: url(../images/right-arrow.svg);
  padding: 7px 0px;
  margin-left: 20px;
}

/* --------------login page----------- */

.login-page {
  height: 100vh;
  width: 100vw;
  background: url(../images/form-bg.svg) no-repeat;
  background-size: cover;
  background-position: center;
}

.outer-box-login {
  max-width: 800px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  padding: 20px;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 30px;
  margin: 0 auto;
}

.login-box {
  margin: 0 auto;
  max-width: 760px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  backdrop-filter: blur(20px);
  border-radius: 30px;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
}

.bdr {
  border: 1px solid rgba(229, 226, 226, 0.5);
  border-radius: 30px;
  padding: 10px 15px;
}

.login-btn {
  background-color: var(--sec-color);
  border: 1px solid var(--sec-color);
  transition: ease 0.5s;
}

.login-btn:hover {
  background-color: transparent;
  border: 1px solid var(--sec-color);
}

.login-page form input:focus {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

/* -------------animation */
.animated-triangle {
  top: 10%;
  left: 4%;
}

.animated-triangle img {
  animation-duration: 4000ms;
}

/* -----------blog page------------- */
.blog-banner {
  background-image: url(../images/blog-ban.png);
}

.blog-cards-bg {
  background: url(../images/blog-page-bg.png) no-repeat;
  background-size: cover;
  background-position: 0 480px;
}

.card-hover-text {
  bottom: 0%;
  opacity: 0;
  transition: 0.5s ease;
  height: 100%;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: end;
}

.card-hover-text:hover {
  cursor: pointer;
  opacity: 1;
}

/* blog details page css */

.blog-details-banner {
  background-image: url(../images/blog-details-banner.png);
}

.blog-details-bg {
  background: url(../images/Blog_Details-bg.png) no-repeat;
  background-size: cover;
  background-position: 0px 318px;
}

.side-boxes-bg {
  background: rgba(247, 250, 253, 0.5);
  border: 1px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 7px;
}

.side-boxes-bg input {
  max-width: 90%;
  outline: none;
}

.search-box-bd {
  background: #ffffff;
  border: 1px solid #cee6f9;
  box-sizing: border-box;
  border-radius: 7px;
}

.side-boxes-bg .categories-list li {
  padding: 20px 0 10px 0;
  border-bottom: 1px solid #d4e7f6;
  border-top: 1px solid #ffffff;
  list-style-image: url(../images/right-arrow.svg);
}

.blog-quote {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  color: #ffffff;
}

.quote-box {
  background: #2a247e;
  border: 1px solid #ffffff;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 7px;
}

.some-bullet-points .bullet-points li {
  list-style-image: url(../images/rectangle-list-style.png);
}

/* -------------podcast------- */
.podcast-banner {
  background: url(../images/podcast-banner.png) no-repeat;
}

.first-sec-podcast {
  background: url(../images/first-sec-bg-podcast.png) no-repeat;
  background-size: cover;
}

.podcast-sec-bg {
  background: url(../images/podcast-bg.png) no-repeat;
  background-size: cover;
  background-position: 0 430px;
}

.sun-bg-sec {
  margin-top: 35px !important;
}

.featured-podcast-sec {
  min-height: 218px;
  background: linear-gradient(274.07deg,
      rgba(255, 204, 0, 0.5) -18.65%,
      rgba(235, 225, 255, 0.5) 46.79%,
      rgba(247, 250, 253, 0.23) 78.79%);
  border: 1px solid #ffffff;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 7px;
}

.featured-podcast-fst {
  background: linear-gradient(270.59deg, #2a247e 25.73%, #ff8900 104.42%);
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 30px;
  color: white;
  padding: 5px 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  text-decoration: none;
}

.btn-b-all {
  background: #ffffff;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.09);
  border-radius: 50px;
  padding: 20px 30px;
  text-decoration: none;
}

.podcast-card {
  background: rgba(247, 250, 253, 0.5);
  border: 1px solid #ffffff;
  box-sizing: border-box;
  /* box-shadow: 15px 15px 50px 0px rgba(0, 0, 0, 0.1); */
  backdrop-filter: blur(20px);
  border-radius: 7px;
}

/* --------------------about-page---------- */
.banner {
  background-size: cover;
  background-position: center;
  padding-top: 60px;
  background-repeat: no-repeat;
  min-height: 480px;
}

.about-banner {
  background-image: url(../images/about-ban.png);
}

.ab-sec-img {
  margin-top: -30%;
}

.about-main-section-bg-img {
  background: url(../images/Blog_Details-bg.png) no-repeat;
  background-size: cover;
  background-position: 0px -235px;
}

.about-card {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  box-sizing: border-box;
  backdrop-filter: blur(20px);
  border-radius: 30px;
}

.about-card:hover {
  box-shadow: 30px 30px 100px rgb(0 0 0 / 10%);
}

.bars-style-4 {
  height: 18px;
  background: linear-gradient(270deg, #7204fe 30.87%, #0085ff 85.85%);
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  border-radius: 30px;
  animation: bar-4 3s linear 2s 1 normal both;
}

@keyframes bar-4 {
  0% {
    width: 0px;
  }

  100% {
    width: 65%;
  }
}

.bars-style-5 {
  height: 18px;
  background: linear-gradient(270deg, #7204fe 30.87%, #0085ff 85.85%);
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  border-radius: 30px;
  animation: bar-5 3s linear 2.5s 1 normal both;
}

@keyframes bar-5 {
  0% {
    width: 0px;
  }

  100% {
    width: 80%;
  }
}

.bars-style-6 {
  height: 18px;
  background: linear-gradient(270deg, #7204fe 30.87%, #0085ff 85.85%);
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  border-radius: 30px;
  animation: bar-6 3s linear 3s 1 normal both;
}

@keyframes bar-6 {
  0% {
    width: 0px;
  }

  100% {
    width: 40%;
  }
}

.about-app-section-bg-img {
  background: url(../images/aboutapp-sec-bg.png) no-repeat;
  background-size: cover;
}

.about-app-icons-bg-color {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 135px;
  height: 135px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 50%;
}

/* -------services------- */
.service-banner {
  background-image: url(../images/services-ban.png);
}

.service-cards .custom-card-box:hover {
  background: linear-gradient(138.84deg,
      #fffcee 2.9%,
      #fff5e9 53.78%,
      #f5f4ff 96.04%);
  border: 1px solid #ffffff;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 30px;
}

.service-cards .custom-card-box .btn-on-hover {
  bottom: -5%;
  opacity: 0;
}

.service-cards .custom-card-box:hover .btn-on-hover {
  opacity: 1;
}

.service-cards .custom-card-box:hover {
  background: linear-gradient(138.84deg,
      #fffcee 2.9%,
      #fff5e9 53.78%,
      #f5f4ff 96.04%);
  border: 1px solid #ffffff;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 30px;
}

.service-cards .custom-card-box .btn-on-hover {
  bottom: -5%;
  opacity: 0;
}

.service-cards .custom-card-box:hover .btn-on-hover {
  opacity: 1;
}

/* ------------feature-------- */
.circle-sec-bg-img {
  background: url(../images/features-circle-bg.png) no-repeat;
  background-size: cover;
  padding: 100px 0;
}

.first-circle-row {
  padding: 15px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 80px;
}

.circle-row-icon {
  padding: 10px;
  border-radius: 100%;
  background: #f7faff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
  margin-right: 30px;
}

.circle-sec-text {
  top: 35%;
  left: 20%;
  position: absolute;
  padding-right: 134px;
}

.rows-position-1 {
  top: 11%;
  left: -41%;
}

.rows-position-3 {
  top: 24%;
  left: -39%;
}

.rows-position-2 {
  top: 17%;
  left: -28%;
}

.fs-64px {
  font-size: 64px;
  line-height: 64px;
}

.feature-banner {
  background-image: url(../images/feature-ban.png);
}

.numbers-style {
  cursor: auto;
  text-decoration: none;
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0px 15px rgb(238, 239, 250);
  backdrop-filter: blur(20px);
  border-radius: 100%;
}

.numbers-style:hover {
  color: var(--sec-color);
  cursor: auto;
}

.how-it-work-bg-img {
  padding: 120px 0;
  background: url(../images/aboutapp-sec-bg.png) no-repeat;
  background-size: cover;
  background-position: 0px -0px;
}

/* ------------credit monitoring----------- */
.make-your-own {
  background: url(../images/make-your-own-bg.png) no-repeat;
  background-size: cover;
  background-position: 0px 417px;
  padding: 50px 0 100px;
}

.case-study-bg-img-2 {
  background: url(../images/features-circle-bg.png) no-repeat;
  background-size: cover;
  background-position: 0px 268px;
}

.crdit-repair-bg {
  background: rgba(247, 250, 253, 0.5);
  border: 1px solid #FFFFFF;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 7px;
}

.slider-content-text {
  padding: 0 20px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  backdrop-filter: blur(20px);
  border-radius: 20px;
}

.slider-content-text .number {
  font-size: 96px;
  color: #dee2e7;
}

.slider-row-1 {
  margin-left: -50px;
}

.slider-row-2 {
  margin-right: -30px;
}

.fs-14px {
  font-size: 14px;
}

.case-study-team-img {
  top: -5%;
  left: -2%;

}

.slider-box {
  padding-top: 100px;
}

.custom-slider .carousel-indicators {
  top: unset;
  bottom: -11%;
}

.custom-slider .carousel-indicators [data-bs-target] {
  width: 20px;
  height: 8px;
  background-color: #c4c4c4;
  opacity: 1;
}

.custom-slider .carousel-indicators .active {
  opacity: 1;
  background-color: #ff9f43;
  width: 40px;
}


.credit-banner {
  background-image: url(../images/credit-ban.png);
}

.premium-srvices-bg {
  background: url(../images/Blog_Details-bg.png) no-repeat;
  background-size: cover;
  background-position: 0px 180px;
}

.credit-repair-services-bg {
  margin-top: 80px;
  background: rgba(247, 250, 253, 0.5);
  border: 1px solid #ffffff;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 7px;
}

.credit-pr-srvs-heading {
  font-size: 60px;
  line-height: 60px;
  font-weight: 600;
}

.pr-srvs-btn {
  color: #ffffff;
  text-decoration: none;
  background-color: var(--sec-color);
  box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.22);
  border-radius: 70px;
  padding: 20px 50px;
}

/* BARS CSS */

.outer-progress-bar {
  height: 20px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #ffffff;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 30px;
}

.bars-style-1 {
  height: 18px;
  background: linear-gradient(270deg, #7204fe 30.87%, #0085ff 85.85%);
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  border-radius: 30px;
  animation: bar-1 3s linear 2s 1 normal both;
}

@keyframes bar-1 {
  0% {
    width: 0px;
  }

  100% {
    width: 95%;
  }
}

.bars-style-2 {
  height: 18px;
  background: linear-gradient(270deg, #7204fe 30.87%, #0085ff 85.85%);
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  border-radius: 30px;
  animation: bar-2 3s linear 2.5s 1 normal both;
}

@keyframes bar-2 {
  0% {
    width: 0px;
  }

  100% {
    width: 90%;
  }
}

.bars-style-3 {
  height: 18px;
  background: linear-gradient(270deg, #7204fe 30.87%, #0085ff 85.85%);
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  border-radius: 30px;
  animation: bar-3 3s linear 3s 1 normal both;
}

@keyframes bar-3 {
  0% {
    width: 0px;
  }

  100% {
    width: 75%;
  }
}

/* --------------bussiness------------- */
.buss-banner {
  background-image: url(../images/bussiness-ban.png);
}

/* -------------contact-page-------------- */
.contact-banner {
  background-image: url(../images/contact-banner.png);
}

.contact-icon {
  height: 75px;
  width: 75px;
}

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

/* ------------contact -form----------- */
.form-out {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  /* Note: backdrop-filter has minimal browser support */

  border-radius: 30px;
}

.form-in {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  /* Note: backdrop-filter has minimal browser support */

  border-radius: 30px;
}

.form-in input,
.form-in textarea {
  background: rgba(255, 255, 255, 1);
  border: 1px solid transparent;
  box-sizing: border-box;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  /* Note: backdrop-filter has minimal browser support */

  border-radius: 30px;
}

::placeholder {
  color: #a4b1bd !important;
  font-family: "Hind";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 36px;
}

/* <!---------------Featured Jobs Appilo CSS------------------> */

.featured-jobs-section {
  background: url(../images/podcast-bg.png) no-repeat;
  background-size: cover;
  background-position: 0px 400px;
}

.job-card {
  background: rgba(247, 250, 253, 0.5);
  border: 1px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
}

.job-section-icons .fa-solid {
  color: #308efb;
}

.btn-grp a {
  text-decoration: none;
}

.btn-grp .btn-1 {
  color: #308efb;
  background: #d9eaff;
  border-radius: 60px;
}

.btn-grp .btn-2 {
  color: #89d12a;
  background: #effbe1;
  border-radius: 60px;
}

.btn-grp .btn-3 {
  color: #ff8900;
  background: #ffeeda;
  border-radius: 60px;
}

/* -----------careers page---------- */
.career-banner {
  background-image: url(../images/careers-ban.png);
}

.owl-carousel-4 .about-card:hover {
  box-shadow: none;
}

.owl-theme .owl-nav {
  margin-top: -189px;
}

.owl-theme .owl-nav button {
  width: 51px;
  height: 51px;
  border-radius: 50% !important;
  line-height: 1 !important;
  background: #ffffff !important;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.01);
}

.owl-theme .owl-nav button span {
  font-size: 45px;
  color: var(--sec-color);
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  color: #e0d0be;
}

/* -----------faq page---------- */

.faq-bg-1 {
  z-index: -1;
}

.faq-banner {
  background-image: url(../images/faq-ban.png);
}

/* -------------accordian-------------- */
.accordion-item {
  background-color: transparent;
  border: none;
}

.accordion-button {
  background-color: transparent !important;
  color: var(--pri-color) !important;
  font-weight: 600;
  font-size: 20px;
  border: 1px solid #ffffff;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
  background-color: rgba(247, 250, 253, 0.8) !important;
  backdrop-filter: blur(20px);
}

/* ------------teams------------- */
.teams-banner {
  background-image: url(../images/teams-ban.png);
}


/* <!---------------Our Team Appilo------------------> */

.our-team-section {
  background: url(../images/our-team-bg.png) no-repeat;
  background-size: cover;
  background-position: 0px 400px;
}

.our-team-section .ceo-sec-bg {
  padding: 5rem 3rem;
  background: url(../images/team-ceo-bg.png) no-repeat;
  background-size: cover;
  width: 100%;
  border-radius: 7px;
}

.ceo-msg-heading {
  font-style: normal;
  font-weight: 300;
  font-size: 4rem;
  line-height: 63px;
  color: rgba(255, 255, 255, 0.19);
}

.ceo-sec-oth-text {
  width: 79%;
  border-top: 1px solid #3c34a6;
}

.ceo-sec-list {
  list-style-image: url(../images/orange-box-for-list-type.png);
}

/* css for sidenav toggle */

.navbar-nav .active {
  color: var(--sec-color);
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  background: url(../images/footer-bg.svg) no-repeat;
  background-size: cover;
  overflow-x: hidden;
  transition: 0.5s ease;
  padding-top: 80px;
  padding-bottom: 100px;
}

.sidenav a {
  padding: 30px 30px 10px 30px;
  margin: 0px 30px;
  text-decoration: none;
  font-size: 1.2rem;
  color: var(--base-color);
  display: block;
  transition: 0.5s;
  border-bottom: 1px dashed var(--base-color);
  text-align: center;
}

.sidenav a:hover {
  color: var(--sec-color);
  border-bottom: 1px solid var(--sec-color);
}

.sidenav .closebtn {
  border: none;
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 40px;
  margin: 0px 0px 0px 50px;
}

.sidenav .closebtn:hover {
  color: var(--sec-color);
  border-bottom: none;

}

.sidenav .active {
  color: var(--sec-color);
  border-bottom: 1px solid var(--sec-color);

}

/* ----------------TEAM MEMBERS CARD SLIDER------------------ */
.slider-team-cards {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  /* box-shadow: 30px 30px 50px 0px rgba(0, 0, 0, 0.1); */
  backdrop-filter: blur(20px);
  border-radius: 30px;
  list-style-type: none;
}

.slider-team-cards .ul-icons li a {
  color: #9FBAE0;
  font-size: 25px;
  text-decoration: none;
}

.slider-team-cards .ul-icons li a:hover {
  color: var(--pri-color);
}

.card-shadow-img {
  bottom: -5%;
  right: 10%;
  width: 80%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #FFFFFF;
  box-shadow: 10px 0px 50px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 30px;
}

/* --------------------------------------- */
.ensure-solvency-all-sec-bg {
  background: url(../images/bsns-pg-sec-bg.png) no-repeat;
  background-size: cover;
  background-position: 0 400px;
}

.achivements-bg {
  z-index: 2;
  background: linear-gradient(270.59deg, #2A247E 25.73%, #FF8900 104.42%);
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 10px;
}

.achivements-slider-sec-bg {
  background: rgba(247, 250, 253, 0.5);
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 30px 30px 100px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 7px;
  top: -30px;
}

.achivements-slider-sec-bg .carousel-control-prev .carousel-control-prev-icon {
  background-image: url('../images/slider-arrow-left.png');
  width: 5rem;
  height: 6rem;
}

.achivements-slider-sec-bg .carousel-control-next .carousel-control-next-icon {
  background-image: url('../images/slider-arrow-right.png');
  width: 5rem;
  height: 6rem;
}

/* ----------------------- */

.close-btn-login {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 4%;
  right: 4%;
}

.owl-theme.podcast-carousel .owl-nav {
  margin-top: 0;
  position: absolute;
  top: -13%;
  display: flex;
  justify-content: center;
  width: 100%;
}

.owl-carousel.podcast-carousel .owl-nav button.owl-prev {
  margin-right: 30px;

}

/* media quaries for all screens */

@media (max-width: 1750px) {
  .dash-size {
    width: 45%;
  }
}

@media (max-width:1399px) {

  .sec-app .circle {
    top: -135px !important;
  }


  .circle-sec-text {
    top: 26%;
    left: 26%;
    padding-right: 140px;
  }

  .rows-position-1 {
    top: 15%;
    left: -40%;
  }

  .rows-position-2 {
    top: 15%;
    left: -31%;
  }

  .rows-position-3 {
    top: 15%;
    left: -40%;
  }

  .fs-64px {
    font-size: 54px;
    line-height: 64px;
  }

  .case-study-team-img {
    top: -5%;
    left: -28%;
  }

  .heading {
    font-size: 75px;
  }

  .first-tag {
    left: -30%;
    font-size: 3.8rem;
  }

  .tag-2 {
    left: -38%;
  }

  .tag-3 {
    left: -36%;
  }

  .tag-4 {
    left: -37%;
  }

  .sun-bg-sec {
    margin-top: -39px !important;
  }
}

@media (max-width: 1199px) {
  .heading {
    font-size: 58px;
  }

  .first-tag {
    left: -23%;
    font-size: 2.5rem;
  }

  .tag-2 {
    left: -30%;
  }

  .tag-3 {
    left: -27%;
  }

  .tag-4 {
    left: -29%;
  }
}

@media (max-width: 1024px) {

  .sec-app .circle {
    top: -135px !important;
  }

  .circle-sec-text {
    top: 26%;
    left: 26%;
    padding-right: 140px;
  }

  .rows-position-1 {
    top: 7%;
    left: -42%;
  }

  .rows-position-2 {
    top: 4%;
    left: -34%;
  }

  .rows-position-3 {
    top: 1%;
    left: -42%;
  }
}

@media (max-width: 991px) {

  .banner {
    background-size: cover;
    background-position: center;
    padding-top: 60px;
    background-repeat: no-repeat;
    min-height: 200px;
  }

  .sec-app .circle {
    display: none;
  }

  .pricing-plan-section {
    padding-top: 75px;
  }

  .ab-sec-img {
    margin-top: 20%;
  }

  .circle-sec-text {
    top: 42%;
    left: 26%;
    padding-right: 140px;
  }

  .rows-position-1 {
    top: 1%;
    left: 0%;
  }

  .rows-position-2 {
    top: 2%;
    left: 0%;
  }

  .rows-position-3 {
    top: 2%;
    left: 0%;
  }

  .first-circle-row {
    padding: 37px;
    border-radius: 51px;
  }

  .feature-banner {
    background-image: url(../images/feature-ban.png);
    background-position: -260px;
  }

  .slider-row-2,
  .slider-row-1,
  .slider-row-3 {
    margin-right: 0px;
    margin-left: 0;
  }

  .sec-easy p {
    width: 100%;
  }

  .heading {
    font-size: 50px;
  }

  .first-tag {
    left: -24%;
    font-size: 3.8rem;
  }

  .tag-2 {
    left: -30%;
  }

  .tag-3 {
    left: -28%;
  }

  .tag-4 {
    left: -29%;
  }
}

@media (max-width: 767px) {

  .animated-triangle img {
    display: none;
  }

  .circle-sec-text {
    top: 27%;
    left: 26%;
    padding-right: 140px;
  }

  .top-head-pricing {
    margin-top: 50px;
  }

  .pricing-card {
    margin-top: 30px;
  }

  .first-tag {
    left: -19%;
    font-size: 5rem;
  }

  .tag-2 {
    left: -25%;
  }

  .tag-3 {
    left: -23%;
  }

  .tag-4 {
    left: -24%;
  }

  .owl-theme.podcast-carousel .owl-nav {
    top: -9%;
  }
}

@media (max-width: 567px) {

  .banner {
    min-height: 280px;
  }

  .circle-bg-img {
    background: linear-gradient(146.23deg,
        rgb(255, 136, 0) 27.77%,
        rgb(148, 99, 245) 57.36%);
    background-size: cover;
  }

  .circle-sec-text {
    position: relative;
    left: 0;
    padding: 20px;
    top: 0;
  }

  .rows-position-1,
  .rows-position-2,
  .rows-position-3 {
    top: 0;
  }

  .circle-sec-bg-img {
    padding: 25px 0;
  }

  .pricing-card {
    margin: 20px 20px 0px 20px;
  }

  .first-tag {
    left: -24%;
    top: 45%;
    font-size: 6rem;
  }

  .tag-2 {
    left: -32%;
  }

  .tag-3 {
    left: -30%;
  }

  .tag-4 {
    left: -30%;
  }

  .ceo-msg-heading {
    font-size: 2rem;
  }
}

@media (max-width:480px) {

  .our-team-section .ceo-sec-bg {
    padding: 5rem .5rem;
    background: url(../images/team-ceo-bg.png) no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 7px;
}

  .crdit-repair-bg .btn {
    font-size: 15px;
  }

  .credit-pr-srvs-heading {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
  }

  .make-your-own {

    padding: 0;
    
  }

  .fs-64px {
    font-size: 30px;
    line-height: 30px;
  }

  .pricing-card {
    margin: 20px 20px 0px 20px;
  }

  .first-tag {
    display: none;
  }

  .ceo-msg-heading {
    line-height: 35px;
    font-size: 2rem;
  }

  .custom-slider .carousel-indicators {
    top: unset;
    bottom: -6%;
  }

  .ab-sec-img {
    margin-top: -1%;
  }

  .banner {
    min-height: 220px;
  }

  .outer-box-login {
    box-shadow: unset;
    padding: 0;
  }

  .credit-banner {
    background-image: url(../images/credit-ban.png);
    background-position: -231px;
  }

  .sec-app .circle {
    display: none;
  }

  .feature-banner {
    background-position: -600px;
  }

  .how-it-work-bg-img {
    padding: 0;
  }

  .pricing-plan-section {
    padding-top: 18px;
  }

  .logos-sec img {
    width: 50%;
  }
}

@media (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}