/* 

    * Style.css
    Customization file for grasshoppers

*/

:root {
  /* --primary-font: "IBM Plex Sans", sans-serif; */
  --primary-font: "Poppins", sans-serif;

  --header-gradient: transparent
    linear-gradient(90deg, #17cd96 0%, #166a8e 100%) 0% 0% no-repeat padding-box;

  --accent-color: #02fcb0;
  --grey: #3e3e3e;
  --grey-2: #505050;
  --green-1: #24c896;
  --green-2: #37a181;
  --green-3: #16b7b1;
  --green-4: #289c98;
  --light-grey: #f5f6f8;
  --black-1: #1d1d1d;

  --seprator-color: #d1d1d1;

  --body-bg: rgb(245, 245, 245);
}

@font-face {
  font-family: "TickingTimebombBB-regular";
  src: url("../../fonts/TickingTimebombBB.ttf") format("truetype");
}
@font-face {
  font-family: "digital-7-regular";
  src: url("../../fonts/digital-7/digital-7.ttf") format("truetype");
}

body {
  overflow-x: hidden;
  font-weight: 500;
  font-size: 16px;
  font-family: var(--primary-font) !important;
}

.image-box-s1 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.image-box-s1 .avtar-wrap {
  width: 190px;
  height: 190px;
  overflow: hidden;
  border-radius: 50%;
}

.height-100vh {
  height: 100vh;
}

.image-box-s1 h4 {
  font-weight: 500;
}

.image-box-s1 p {
  font-weight: 400;
}

.top-bar {
  background: var(--header-gradient);
}

.header-logo img {
  max-width: 240px;
}

.bg-transparent {
  background: rgba(0, 0, 0, 0) !important;
}

.theme-bg-grey {
  background: var(--grey) !important;
}

.theme-bg-light-grey {
  background: var(--light-grey) !important;
}

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

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

header .icon {
  width: 25px;
  height: 25px;
}

.v-separator {
  height: 100%;
  width: 1px;
  background-color: #fff;
}

.top-bar .v-separator {
  margin-left: 20px;
  margin-right: 20px;
}

.header-nav a img {
  filter: brightness(0) invert(1);
}
.header-nav a.active img {
  filter: none;
}
.header-nav a {
  color: #fff !important;
}

.header-nav a.active,
.footer-menu a.active {
  color: var(--accent-color) !important;
}

nav .nav-icon {
  width: 30px;
  height: 30px;
  margin-right: 14px;
}

.header-nav .nav-item {
  margin-right: 60px;
  font-size: 14px;
  font-weight: 400;
}

.home-carousel .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.home-carousel h2 {
  font-size: 31px;
  font-style: oblique;
  font-weight: 400;
}

.home-carousel .carousel-indicators [data-bs-target].active {
  background-color: var(--green-1) !important;
}

.home-carousel .h1 {
  color: var(--green-1);
}

.slider-below-desc .h2,
.slider-below-desc p {
  color: #484848 !important;
}

.slider-below-desc .h2 {
  font-size: 28px;
  font-weight: 500;
}

.slider-below-desc p {
  font-size: 18px;
  line-height: 23px;
  max-width: 946px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  border-bottom: 2px dashed var(--green-1);
}

.timer {
  font-family: "digital-7-regular";
  font-size: 38px;
  line-height: 0;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  opacity: 0.13;
  background-color: #000;
}

#why-us h3,
#why-us p,
.why-us-card h3,
.why-us-card p,
#youtube-video-sec h3,
.text-color-1 {
  color: #484848 !important;
}

.text-color-2 {
  color: #585858;
}

#why-us h3,
.why-us-card h3 {
  margin-bottom: 0px !important;
}

.why-us-card {
  margin-bottom: 35px;
}
.why-us-card:last-child {
  margin-bottom: 0;
}

.theme-table-wrap {
  background: #fff;

  padding: 25px 30px;
}

.table-wrap {
  border-radius: 8px;

  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}

.theme-table-wrap .table-header {
  font-size: 20px;
  color: var(--green-1);
  border-bottom: 1px solid grey;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.theme-table-wrap th {
  text-align: left !important;
  padding: 8px 30px 8px 15px;
}

.theme-table-wrap th a {
  float: right;
}

#analytics-table th:nth-child(3),
#analytics-table th:nth-child(4),
#analytics-table td:nth-child(3),
#analytics-table td:nth-child(4) {
  text-align: center !important;
}

.blog-grid-wrap .image-wrap {
  overflow: hidden;
  border-radius: 8px;
  height: 300px;
}

.blog-grid-wrap .image-wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover !important;
}

.blog-grid-wrap .blog-cat {
  padding: 10px 0;
  color: var(--green-1);
  font-size: 18px;
  font-weight: 500;
}

.blog-grid-wrap .blog-title {
  font-size: 26px;
  height: 66px;
  overflow: hidden;
  color: var(--black-1);
}

.blog-grid-wrap .publish-date,
.blog-grid-wrap .approx-read-time {
  font-weight: 400;
  font-size: 18px;
  color: var(--black-1);
}

.blog-grid-wrap .approx-read-time {
  font-size: 17px;
}

.blog-grid-wrap .content-wrap {
  max-width: 95%;
}

.blog-grid-wrap {
  margin-bottom: 130px;
}

/* #youtube-video-sec {
  margin-top: -50px;
} */

table,
thead,
tbody {
  font-family: var(--primary-font);
}

.theme-table thead,
.theme-table th {
  font-size: 18px;
  font-weight: 500;
}

.theme-table tbody,
.theme-table td {
  font-size: 16px;
  padding: 0px 15px;
  color: var(--grey);
  font-family: var(--primary-font);
  font-weight: 400;
}

.theme-table .tui-grid-body-area tr:nth-of-type(odd) > * {
  background-color: #f6f6f6 !important;
}
.theme-table .tui-grid-body-area tr:nth-of-type(even) > * {
  background-color: #fff !important;
}

.tui-grid-cell-has-input .tui-grid-cell-content {
  padding: 12px 5px;
}

.tui-grid-container .tui-grid-pagination {
  margin-top: 20px;
  display: none;
}

.theme-accordion .accordion-item {
  margin-bottom: 15px;
}

.theme-accordion .accordion-item button {
  font-family: var(--primary-font);
  font-weight: 500;
  background-color: #f0f0f0;
}

.theme-accordion .accordion-item button,
.theme-accordion .accordion-item {
  background-color: #f0f0f0;
  color: #000;
  font-size: 18px;
  font-weight: 400 !important;
}

.theme-accordion .accordion-item {
  font-family: var(--primary-font);
  font-weight: 500;
  border: none;
}

footer {
  background-color: var(--grey);
}

.footer-widget-title {
  color: var(--accent-color);
  font-weight: 400;
}

.footer-menu {
  margin-top: 30px;
  padding-left: 1em;
}

.footer-menu li {
  list-style-type: none;
  font-weight: 400;
  margin-bottom: 18px;
}

.footer-menu li:last-child {
  margin-bottom: 0;
}
.footer-menu a {
  text-decoration: none;
  color: #fff;
  display: block;
  font-size: 18px;
}

.form-control.theme-form-control {
  border-radius: 0 !important;
}

.newsletter-form input[type="email"] {
  height: 43px;
  padding: 12px 25px;
  font-size: 18px;
  background-color: var(--grey);
  border: 2px solid #686868;
}

.newsletter-form input[type="email"]::placeholder {
  color: #fff;
}

.newsletter-form [type="submit"] {
  width: 100%;
  background-color: var(--green-1);
  border: none;
}

.newsletter-form label {
  font-size: 18px;
  color: var(--accent-color);
  font-weight: 400;
}

.border-right-sep {
  border-right: 1px solid var(--seprator-color);
}

.why-us-card h3 {
  font-weight: 500;
  font-size: 22px;
}

.why-us-card p {
  font-size: 18px;
  font-weight: 400;
}

/* mock test page starts */

.mock-test-login .wrap {
  max-width: 400px;
  margin: 0 auto;
}

.mock-test-login .notation {
  color: var(--green-2);
  font-size: 21px;
  line-height: 28px;
  font-weight: 500;
}

.mock-test-login #login-form .otp-label {
  font-size: 18px;
  color: var(--black-1);
  font-weight: 500;
}

.otp-field-wrap .input-group-text {
  padding: 13px 15px;
}

.otp-field-wrap input,
.otp-field-wrap .input-group-text {
  border-radius: 0;
  font-weight: 400;
  font-size: 18px;
  color: var(--black-1);
}

.theme-btn {
  border-radius: 2px;
}

.btn:active {
  background-color: initial !important;
}

.theme-btn {
  padding: 10px;
  font-size: 18px;
  font-weight: 400;
  background: #000000;
  border: none;
}

.theme-btn:hover {
  background: #000;
}

#otp-wrap input {
  margin: 0 8px;
  max-width: 39px;
  border-radius: 0;
}

#otp-wrap input:first-child {
  margin-left: 0;
}

#resend-otp {
  background: none;
  border: none;
}

#resend-otp:hover {
  text-decoration: underline;
}

.center-text-separator .divider {
  position: relative;
  z-index: 999;
  background-color: transparent;
}

.center-text-separator .divider::before,
.center-text-separator .divider::after {
  position: absolute;
  content: "";
  transform: translateX(-50%);
  background-color: var(--seprator-color);
  height: 2px;
  width: 100%;
  top: 50%;
}

.center-text-separator .divider::before {
  left: 0;
  margin-right: 10px;
}
.center-text-separator .divider::after {
  left: 100% !important;
  margin-left: 10px;
}

.center-text-separator .divider-text {
  z-index: 99;
  position: relative;
  background-color: var(--body-bg);
  width: 100px;
  display: inline-block;
}

#login-with-google-btn {
  background-color: #fff;
  /* padding: 10px; */
  max-width: 465px;
}

#login-with-google-btn img {
  max-width: 30px;
  margin-right: 15px;
}

#login-with-google-btn label {
  font-weight: 500;
  color: var(--grey);
  font-size: 18px;
}

#login-with-google-btn a {
  padding: 10px;
}

#login-with-google-btn img,
#login-with-google-btn label {
  cursor: pointer !important;
}
/* mock test page ends */

/* mock test 2 starts */

.mock-test-intro .wrap {
  max-width: 747px;
}

.mock-test-intro .intro-desc {
  font-size: 18px;
  color: #242424;
  font-weight: 500;
}

.mock-test-intro .confirmation-wrap h3 {
  color: var(--green-3);
}

.mock-test-intro .confirmation-wrap button,
.theme-btn-dark {
  width: 100%;
  max-width: 298px;
  display: block;
  margin: 10px;
  padding: 13px;
  font-size: 20px;
  text-transform: uppercase;
}

.theme-btn-dark {
  border: 2px solid transparent !important;
}
.theme-btn-dark:active {
  background-color: #000 !important;
}

.theme-btn-dark:hover {
  border: 2px solid var(--green-3) !important;
}

.theme-btn-grey-1 {
  background-color: #3e3e3e;
}

.theme-btn-secondary {
  background: #bebfc0;
}

.mock-test-intro .confirmation-wrap .btn-yes {
  color: var(--accent-color);
  border: 2px solid var(--green-3);
}

.mock-test-intro .confirmation-wrap .btn-no {
  background-color: #bcbcbc;
  border: 2px solid #bcbcbc;
}

.theme-model-1 .modal-dialog {
  max-width: 1079px;
}

.theme-model-1 .desc {
  font-weight: 500;
  font-size: 20px;
}

@media (min-width: 991px) {
  .theme-model-1 .modal-content {
    min-height: 500px;
  }
}
/* mock test 2 ends */

/* mock test 3 starts */

body {
  counter-reset: question;
}

.mock-test-card .option-wrap input[type="radio"],
.ct-radio-wrap input[type="radio"] {
  padding: 0px;
  margin-right: 15px;
  margin-top: 3px;
  border: 5px solid #fff;
  outline: 1px solid #707070;
}
/* .mock-test-card .option-wrap input[type="radio"]:checked {
  background-color: #8ed5d3;
  border-radius: 50%;
  border: 5px solid #fff;
  outline: 1px solid #707070;
} */

.options-wrap {
  position: relative;
}

.options-wrap .ans-radio,
.ct-radio-wrap {
  position: absolute;
  opacity: 1;
}

.options-wrap .ans-radio::before,
.ct-radio-wrap input[type="radio"]::before {
  content: "";
  background: #fff;
  border-radius: 100%;
  outline: 1px solid #707070;
  outline-offset: 3px;
  display: inline-block;
  width: 19px;
  height: 19px;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
  left: -6px;
  top: -7px;
}

.options-wrap .ans-radio:checked::before,
.ct-radio-wrap input[type="radio"]:checked::before {
  background-color: #8ed5d3;
  box-shadow: inset 0px 0px 0px 3px #fff;
}

.mock-test-card .card {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.29);
  border: 1px solid #c3c3c3 !important;
  border-radius: 3px;
}

.mock-test-card .option-wrap {
  margin-bottom: 30px;
}

.mock-test-card .option-wrap:last-child {
  margin-bottom: 0;
}
.mock-test-card .option-wrap label {
  font-size: 18px;
  font-weight: 400;
  margin-left: 25px;
  margin-top: -2px;
  color: #000;
  font-weight: 400;
}

.mock-test-card .ques {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  padding-bottom: 70px;
  border: none;
}
.mock-test-card .ques::before {
  counter-increment: question;
  content: "" counter(question) ": ";
  margin-left: -30px;
  margin-right: 10px;
  font-weight: 500;
  position: absolute;
}

.mock-test-card hr {
  width: 95%;
  display: block;
  margin: 0 auto;
}

.mock-test-card .ans-box {
  padding-top: 50px;
}

.test-header span {
  color: var(--green-1);
  font-size: 16px;
}

.test-header {
  background-color: var(--grey);
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
}

.test-header .analytics-box {
  text-align: center;
  padding: 10px 15px;
}
.test-header .analytics-box .analytic-num {
  font-size: 25px;
  line-height: 33px;
}

.mock-test-ques-attempted {
  border-right: 5px solid #8ed5d3;
}

/* mock test 3 ends */

@media (min-width: 991px) {
  .border-right {
    border-right: 1px solid #d5d5d5;
  }
}

/* flipclock */

.timer .flipdown .rotor-group:nth-child(1) {
  display: none !important;
}

.timer .rotor-group-heading {
  display: none;
}

.timer .rotor {
  font-size: 47px !important;
}

.flipdown.flipdown__theme-light .rotor,
.flipdown.flipdown__theme-light .rotor-top,
.flipdown.flipdown__theme-light .rotor-leaf-front,
.flipdown.flipdown__theme-light .rotor-bottom,
.flipdown.flipdown__theme-light .rotor-leaf-rear {
  color: var(--accent-color) !important;
  background-color: transparent !important;
}

.flipdown-dark.flipdown.flipdown__theme-light .rotor,
.flipdown-dark.flipdown.flipdown__theme-light .rotor-top,
.flipdown-dark.flipdown.flipdown__theme-light .rotor-leaf-front,
.flipdown-dark.flipdown.flipdown__theme-light .rotor-bottom,
.flipdown-dark.flipdown.flipdown__theme-light .rotor-leaf-rear {
  color: #000 !important;
  background-color: transparent !important;
}

.flipdown {
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  margin-bottom: -10px !important;
}

.flipdown.flipdown__theme-light {
  font-weight: 400 !important;
}

.flipdown-dark.flipdown.flipdown__theme-light
  .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
.flipdown-dark.flipdown.flipdown__theme-light
  .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  background-color: #000 !important;
}

.flipdown.flipdown__theme-light
  .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
.flipdown.flipdown__theme-light
  .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  background-color: var(--accent-color) !important;
}

.flipdown .rotor {
  width: 21px !important;
}

.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  left: 67px !important;
  width: 7px !important;
  height: 7px !important;
}

.flipdown .rotor-group {
  padding-right: 18px !important;
}

.flipdown.flipdown__theme-light {
  font-family: "digital-7-regular" !important;
}

.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before {
  bottom: 33px !important;
}

.mock-test-quesions-page #completion {
  font-size: 22px;
  color: var(--green-3);
}

.mock-test-quesions-page #submission {
  font-size: 22px;
  color: #000;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background-color: black !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(36, 200, 150, 0.5) !important;
}

.flipdown-copy span {
  font-size: 53px;
  line-height: 0;
  vertical-align: middle;
  margin-bottom: -10px;
  display: inline-block;
}

.save-mocktest-form-wrap {
  padding: 40px 130px;
  max-width: 700px;
  margin: 0 auto;
}

.theme-form-control,
[type="file"].theme-form-control::-webkit-file-upload-button {
  height: 50px;
  border-radius: 0;
  border-width: 2px;
}

textarea.theme-form-control {
  height: auto !important;
}

.theme-form-select {
  height: 50px;
  border-radius: 0;
  border-width: 2px;
}

.save-mocktest-form-wrap .theme-submit-btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.save-mocktest-form-wrap [type="submit"] {
  height: 50px;
}

.save-mocktest-form-wrap .form-title {
  font-size: 20px;
  font-weight: 500;
  color: var(--green-1);
}

.mock-test-result-page #mock-test-timer {
  line-height: unset !important;

  color: #fff !important;
}

.mock-test-result-page #mock-test-timer span {
  color: #fff;
}

.mock-test-result-page .timer {
  font-size: unset !important;
}
.mock-test-result-page .flipdown-copy span {
  font-size: 25px !important;
}

.final-result-card {
  background-color: #292929;
}

.final-result-card .sec-title {
  color: var(--green-1);
  font-weight: 500;
}

.final-result-card .table td,
.final-result-card .table th {
  background-color: transparent !important;
  color: #7c7c7c;
  border-bottom: none;
  font-size: 18px;
  line-height: 23px;
}

.final-result-card .table .strong {
  color: #fff !important  ;
  font-size: 20px;
  font-weight: 500;
}

.final-result-card .ct-border-right {
  border-right: 1px solid #393939;
}

.theme-btn-2 {
  font-size: 18px;
  font-weight: 400;
  border-radius: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  border: none;
}

.btn-primary.theme-btn-2 {
  background-color: var(--green-2);
}

.theme-wrong {
  color: #e67c7c !important;
}

.theme-right {
  color: #9ccd42 !important;
}

.final-result-card .table thead {
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
}

.final-result-card .history-table {
  margin-bottom: 20px;
}

.scolarship-card {
  background: linear-gradient(to right, #070707, #454545 60%);
  max-width: 420px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 15px 30px;
  color: #8f8b5b;
}

.scolarship-card .scolarship-no {
  font-size: 34px;
  text-align: center;
}

.scolarship-card .scolarship-id {
  text-align: right;
}

.scolarship-top-wrap .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.scolarship-top-wrap small {
  font-size: 17px;
  font-size: 600;
}

.scolarship-top-wrap .highlight,
.scolarship-top-wrap .big {
  color: var(--green-2);
  font-weight: 500;
}

.scolarship-top-wrap .big {
  font-size: 22px;
}

.check-ans-ans {
  background-color: #f1f1f1;
  border: 1px solid #d1d1d1;
}

.text-green-1,
.under-text-green-1 {
  color: #71972f;
}

.right-ans-border {
  border-right: 5px solid #8bbe66;
}
.right-ans-border-grey {
  border-right: 2px solid #999;
}

.text-theme {
  color: #24c896;
}
.wrong-ans-border {
  border-right: 5px solid #ff5a54;
}

.check-ans-footer-card {
  border-radius: 0;
  color: #000;
}

.check-ans-footer-card p {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  color: #000;
}

.check-ans-footer-card p .highlight {
  color: var(--green-1);
}

.check-ans-footer-card p.small {
  font-weight: 400;
  font-size: 15px;
  color: #3796e8;
}

.check-ans-footer-card .theme-btn {
  background: var(--green-1);
  /* margin-top: -20px; */
  padding: 14px 15px;
  font-family: var(--primary-font);
}

.check-ans-footer-card .border-right-sep {
  border-right: 2px solid #e8e8e8;
}

.mock-test-challege-friend {
  max-width: 478px;
  margin: 0 auto;
}

.mock-test-challege-friend h5 {
  color: var(--green-2);
  text-align: center;
  font-size: 22px;
}

.mock-test-challege-friend button,
.mock-test-challege-friend-test-again {
  background: #3e3e3e !important;
}

.mock-test-challege-friend #contact_no::placeholder {
  color: #d1d1d1 !important;
}

/* career guid starts */

.career-guid-archive-page h1 {
  color: var(--green-3);
  font-weight: 500;
  font-size: 34px;
}

.career-guid-sidebar {
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
}
.career-guid-sidebar a.active {
  color: var(--green-1) !important;
}

.career-guid-sidebar a {
  color: #484848;
}

.career-guid-wrap {
  padding-left: 75px;
  padding-right: 75px;
}

.career-guid-wrap a {
  text-decoration: none;
}

.career-guid-wrap h4,
.career-guid-wrap .publish-date,
.career-guid-wrap .approx-read-time {
  color: #000;
}

.article-meta {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.feature-img-wrap {
  text-align: center;
}

.career-guid-archive-page .career-guid-wrap img {
  max-width: 100%;
  height: 100%;
  object-fit: cover !important;
}

.sec-menu img {
  width: 32px;
}
/* career guid ends */

/* fixing common menu */

@media (max-width: 1400px) {
  .header-nav .nav-item {
    margin-right: 50px;
  }

  nav .nav-icon {
    margin-right: 20px;
  }
}

@media (max-width: 1199px) {
  .header-nav .nav-item {
    margin-right: 30px;
  }

  nav .nav-icon {
    margin-right: 10px;
  }
}

.theme-pagination li {
  padding: 10px;
  border: 1px solid;
  margin: 0 10px;
}

.theme-pagination li.active {
  color: var(--green-1) !important;
  background: var(--green-1);
}

.theme-pagination li.active a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.theme-pagination .pagination {
  display: flex;
  justify-content: center;
}

span.navbar-toggler-icon img {
  max-width: 28px;
}

.theme-model-1 .title {
  color: #1e1e1e;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

.theme-model-1 .model-desc {
  font-size: 20px;
  font-weight: 400;
}

.mock-test-quite-model .modal-content {
  min-height: 400px;
}

.mock-test-quite-model .modal-dialog {
  max-width: 900px !important;
}

.mock-test-quite-model .theme-btn-dark {
  border-radius: 2px !important;
  background-color: #3e3e3e;
}

.theme-btn-secondary.theme-btn-dark {
  background-color: #b5b5b5 !important;
}

.theme-form-control:focus {
  box-shadow: none;
  border-color: #dee2e6;
}

.ans-radio:active {
  filter: none !important;
}

.ans-radio:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  .header-nav {
    padding: 0;
  }

  .header-nav .navbar-nav {
    padding: 15px 0;
  }
}

@media (max-width: 480px) {
  .flipdown {
    width: 138px !important;
  }
  .timer .rotor {
    font-size: 30px !important;
  }

  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
    left: 44px !important;
  }

  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before {
    top: 15px !important;
  }

  .flipdown .rotor-group {
    padding-right: 10px !important;
  }

  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
    bottom: 20px !important;
  }

  .flipdown .rotor {
    margin-right: -3px !important;
  }

  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
    width: 5px !important;
    height: 5px !important;
  }

  .test-header .analytics-box .analytic-num {
    font-size: 20px;
  }

  .test-header span {
    font-size: 12px;
  }

  .test-header .analytics-box {
    text-align: center;
    padding: 10px 5px;
  }

  #quit-icon img {
    width: 25px;
  }
}

.select2-container--default .select2-selection--single {
  padding: 9px;
  height: 50px !important;
  border-radius: 0 !important;
  border: 2px solid #dee2e6 !important;
  font-family: var(--primary-font) !important;
  font-weight: 400 !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 46px !important;
}

.select2-results__option {
  font-family: var(--primary-font) !important;
  font-weight: 400;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 7px 15px;
}

.select2-container--default
  .select2-search--dropdown
  .select2-search__field:focus-within {
  outline: none !important;
}

.theme-form-control {
  font-size: 16px !important;
  color: #1d1d1d !important;
}

.mock-test-result-page .flipdown-copy {
  font-family: var(--primary-font);
}

/* #saveMockTestResultForm .theme-form-control,
#saveMockTestResultForm .select2-container--default .select2-selection--single,
#saveMockTestResultForm .theme-form-select {
  border-width: 2px !important;
} */

.mock-test-card .ans-badge {
  position: absolute;
  top: 8%;
  right: 4%;
  width: 50px;
  height: 50px;
}

/* .flipdown {
  max-width: 300px;
} */

.mock-test-check-ans .form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  opacity: 1 !important;
}

.show-max-row {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.show-max-row::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.show-max-row::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.show-max-row::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.show-max-row::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tui-grid-border-line.tui-grid-border-line-top {
  display: none;
}

.tui-grid-cell-header {
  border-color: transparent !important;
}

.tui-grid-filter-btn-apply {
  background-color: var(--green-1) !important;
  border: 1px solid var(--green-1) !important;
}

.analytics-table > * {
  font-family: var(--primary-font) !important;
}

.theme-loader {
  color: var(--accent-color) !important;
  width: 27px;
  height: 27px;
  margin-left: 10px;
}

.ques-cat-sep {
  overflow: hidden;
}

.ques-cat-sep::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--green-1);
  margin-left: 10px;
}

/* IQ test starts */

#interview-ques-page label {
  color: #585858;
  font-weight: 500;
  font-size: 18px;
}

.iq-test-question .card-header {
  display: flex;
}

#iq-test-card #ques-counter {
  font-weight: 500;
  margin-right: 31px;
}

.iq-age-selection-wrap h3 {
  font-size: 38px;
  font-weight: 500;
}

.iq-age-selection-wrap label {
  font-size: 16px;
}

#iq-test-age {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.iq-age-selection-wrap .theme-btn {
  padding: 13px 41px;
  margin: 10px 15px;
  text-transform: uppercase;
  font-size: 20px;
}

.iq-age-selection-wrap .theme-btn.btn-no {
  background-color: #d4d4d4;
}

.iq-age-selection-wrap .theme-btn.btn-yes {
  background-color: #3e3e3e;
}

#iq-test-card #ques-loader {
  z-index: 999;
  width: 100%;
  height: 100%;
  background: red;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
}

.iq-test-question .ques::before {
  display: none;
}

.left-search #search-icon img {
  width: 24px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

#minimize-icon img {
  /* width: 20px;
  height: 20px; */
}

#minimize-icon span {
  font-size: 9px;
  margin-top: -2px;
  display: block;
}

.theme-tabs button {
  border: none !important;
}

.theme-tabs button {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  margin-right: 15px;
}

.theme-tabs button:hover {
  color: #24c896 !important;
}

.theme-tabs button.active {
  color: #24c896 !important;
  line-height: 23px;
}
.theme-tabs button.active:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: var(--green-1);
  bottom: 0;
  left: 0;
}

.company-header {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}

.company-header #company-logo img {
  max-width: 55px;
}

.company-header #company-title {
  border-left: 2px solid #707070;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  margin-left: 50px;
}

#int-ques-tab-wrap #nav-interview-ques,
#int-ques-tab-wrap #nav-salaries,
#int-ques-tab-wrap #nav-review {
  max-width: 1048px;
  /* max-width: 60%; */
}

/* .interview-ques-form-wrap {
  max-width: 60%;
} */

.interview-ques-form-wrap .icon-btn {
  background-color: transparent;
  border-color: transparent;
}
.interview-ques-form-wrap .icon-btn img {
  width: 31px;
  height: 31px;
}

#int-ques-tab-wrap .ques-cards-wrap {
  max-width: 90%;
  margin-left: auto;
}

#int-ques-tab-wrap .ques-cards-wrap .card-header {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--grey);
}

#int-ques-tab-wrap .ques-cards-wrap .card {
  border: none;
  background: transparent;
}

#int-ques-tab-wrap .ques-cards-wrap .card .ques-list {
  padding-left: 20px !important;
}

#int-ques-tab-wrap .ques-cards-wrap .card .ques-list li::marker {
  font-weight: 800;
  color: #000;
}
#int-ques-tab-wrap .ques-cards-wrap .card .ques-list li {
  color: var(--grey-2);
  padding-left: 15px;
  margin-bottom: 15px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
}

#int-ques-tab-wrap .ques-cards-wrap .card .add-by,
#int-ques-tab-wrap .ques-cards-wrap .card .add-on {
  color: #468886;
  font-size: 14px;
}

.iconic-btn {
  white-space: nowrap;
  text-transform: uppercase;
  border-radius: 0;
}
.iconic-btn .btn-text {
  color: #fff;
  border-right: 1px solid var(--grey-2);
  display: inline-block;
  padding: 0 10px;
}

.iconic-btn .btn-icon img {
  width: 25px !important;
  padding-left: 10px;
}

.salaries-form-wrap .iconic-btn {
  height: 50px;
  border-radius: 0;
  font-weight: 500;
}

.theme-table-2 th,
.theme-table-2 td {
  background-color: transparent !important;
}

.theme-table-2 thead {
  background-color: #e5e6e8;
  font-weight: 500;
}

.theme-table-2 td {
  font-weight: 400;
}

.theme-table-2 th {
  border-top-color: transparent !important;
}
.theme-table-2 td,
.theme-table-2 th {
  border: 1px solid #d1d1d1;
  padding: 20px 20px;
  font-size: 18px;
}

.interview-ques-sidebar {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3) !important;
  z-index: 2;
}

#nav-review .iconic-btn {
  height: 50px;
}

.reviews-summary .card-header {
  background: transparent;
  border: none;
}

.reviews-summary .star-rating img {
  width: 13px;
}

.reviews-summary .filled-rating {
  background: #8bbe66;
}

.reviews-summary .rating {
  width: 100%;
  height: 10px;
  border: 2px solid #f6f6f6;
}

.reviews-summary .filled-rating {
  height: 6px;
}

.reviews-summary .range-wrap {
  display: flex;
  align-items: center;
}

.reviews-summary .star-count {
  font-size: 12px;
}
.reviews-summary .person-count {
  font-size: 15px;
  color: var(--grey-2);
}
.reviews-summary .person-count,
.reviews-summary .star-count {
  padding: 0 10px;
  display: inline-block;
}

.reviews-list .star-rating img {
  width: 20px;
}

.reviews-list .card {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.reviews-list .card,
.reviews-list .card .card-header {
  background-color: transparent;
  border-radius: 0;
}

.reviews-list .card .card-header {
  border-bottom: 0;
}

.reviews-list .card .pros-text,
.reviews-list .card .review-text,
.reviews-list .card .const-text {
  font-size: 18px;
  font-weight: 400;
}

.salaries-container .table-header {
  color: #468886;
}

.placement-questions-wrap {
  background-color: #fff;
}
.placement-questions-wrap .card,
.placement-questions-wrap .card-header {
  background-color: transparent;
}

.placement-questions-wrap .card,
.placement-questions-wrap .card-header {
  border-radius: 0;
  border: 0;
}

.placement-questions-wrap p {
  font-size: 18px;
  font-weight: 400;
}

.inte-ques-container h4 {
  font-size: 18px;
  font-weight: 500;
}

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

.inte-ques-container .text-grey-2 {
  font-size: 18px;
  font-weight: 400;
}

#companies_list_nav a {
  font-size: 18px;
  font-weight: 400;
}

#search-company {
  height: 50px;
}

.reviews-list .card-title,
.reviews-list .date {
  font-size: 20px;
  font-weight: 500;
  color: #515151;
}

.reviews-list .card-title {
  font-size: 22px;
}

.reviews-list .pros-wrap h5,
.reviews-list .const-wrap h5 {
  color: var(--grey-2);
  font-weight: 500;
}

#placement-ques > * {
  color: var(--grey-2) !important;
}

.iq-test-result-wrap .wrap {
  overflow-x: hidden;
}

.iq-test-result-wrap .row {
  display: grid;
  grid-template-columns: 55% 45%;
  grid-template-rows: 1fr 1fr;
  grid-gap: 10px;
  padding: 10px;
  padding-left: 30px;
  padding-right: 20px;
}

.iq-test-result-wrap .card {
  border: 0px;
  border-radius: 0;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #d1d1d1;
}

.theme-btn-3 {
  background: #fff;
  height: 50px;
  padding: 10px 15px;
}

/* mocktest category selection */

.box-1 {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
  border: 1px solid #d1d1d1;
}

.mock-test-category-selection {
  /* max-width: 51%; */
  margin: 0 auto;
}

.mock-test-category-selection .box-1 {
  min-height: 106px;
}

.mock-test-category-selection h5 {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
}

#minimize-icon,
#maximize-menu {
  cursor: pointer;
}

#maximize-menu {
  top: 0;
  left: 0px;
}

#maximize-menu img {
  width: 24px;
}

#maximize-menu {
  font-size: 12px;
  margin-left: 12px;
}

/* .ad_banner a {
  display: block;
  max-height: 200px;
  object-fit: contain;
  background-color: #f6f6f6;
  overflow: hidden;
}
.ad_banner img {
  height: 100%;
  width: 100%;
  object-fit: contain;
} */
.err {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #f06548;
}

.mock-test-banner .title {
  font-size: 20px;
  font-weight: 900;
}

.mock-test-banner .description {
  font-size: 18px;
  font-weight: 400;
}

.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 500 !important;
}
.fw-700 {
  font-weight: 500 !important;
}

.category-card {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  padding: 30px 24px;
}

.category-card .title {
  font-size: 18px;
}

.category-card hr {
  height: 2px;
  /* background: var(--seprator-color); */
  border: 1px solid #d1d1d1;
  opacity: 0.8;
}

.category-card .w-50-pers {
  width: 49%;
  display: inline-block;
  color: #484848;
}

.fz-18 {
  font-size: 18px;
}

.company-categories .sec-title {
  font-size: 25px;
}

.improvement-sec .title {
  font-size: 24px;
}

.imp-ques .ques {
  font-size: 20px;
}

.improvement-sec [type="radio"] {
  width: 16px;
  height: 16px;
  margin-right: 15px;
}

.improvement-sec .ans-label {
  font-size: 18px;
}

.improvement-sec .suggestion {
  width: 80%;
}

.my-6 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.imp-ques .theme-btn {
  margin-right: -15px;
}

.header-nav {
  box-shadow: 3px 3px 6px #000000a8;
  opacity: 1;
}

#back_to_top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding: 10px;
  border: 1px solid transparent !important;
  transition: 300ms ease-in;
  padding: 15px;
}

#back_to_top:hover {
  background-color: var(--grey);
  border: 2px solid #fff !important;
}

.accent-text {
  color: #02fcb0;
}

.form-control,
select,
textarea,
.otp-field-wrap .input-group-text,
#saveMockTestResultForm .theme-form-control,
#saveMockTestResultForm .select2-container--default .select2-selection--single,
#saveMockTestResultForm .theme-form-select,
select,
.select2-container--default .select2-selection--single {
  /* border-color: #787878 !important; */
  border-color: #ccc !important;
  border-width: 2px !important;
}

input[type="file"]::file-selector-button {
  border-width: 0 !important;
  border-right-width: 2px !important;
}

.otp-field-wrap .input-group-text {
  border-right-width: 0 !important;
}

#why-us .sub-sec {
  margin-bottom: 30px;
}

.static-page-content {
  min-height: 100vh;
}

.body-bg {
  /* background:rgb(224, 224, 224); */
  background: rgb(245, 245, 245);
}

.mock-test-result-page #greet {
  font-size: 28px;
}

.user-statistics .nos {
  font-size: 24px;
  margin-bottom: 12px;
}

.user-statistics .name {
  font-size: 20px;
}

.user-history .left-title,
.top-colleges-graph .left-title {
  font-size: 20px;
}

.improvement-graph-sec .label {
  font-size: 18px;
}

.improvement-graph-sec .label.label-left {
  transform: rotate(-91deg) translateX(25px);
  position: absolute;
  top: 50%;
  left: 0rem;
}

.improvement-graph-sec .wrap {
  padding: 80px 50px 50px 93px;
}

.history-table.table-3 th,
.history-table.table-3 td {
  padding: 10px 15px;
}

.history-table.table-3 th {
  font-weight: 500;
  font-size: 18px;
}

.history-table.table-3 tbody tr {
  border-top: 2px solid var(--body-bg);
  border-bottom: 2px solid var(--body-bg);
}

#profile-page .improvement-graph-sec .label.label-left {
  margin-left: -3rem !important;
}

/* width */
/* .custom-scroll::-webkit-scrollbar {
  width: 10px;
}
 */
/* Track */
/* .custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px grey; 
  border-radius: 0px;
} */

/* Handle */
/* .custom-scroll::-webkit-scrollbar-thumb {
  background: #24c896; 
  border-radius: 0px;
} */

/* Handle on hover */
/* .custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #505050; 
  
}
 */
.star-rating-input-wrap p {
  white-space: nowrap;
}

.star-rating-input-wrap p {
  white-space: nowrap;
  font-size: 18px;
  font-weight: 400;
}

.star-rating-input-wrap {
  margin-bottom: 8px;
}

#starting-salary {
  font-size: 20px;
}

.radio-style-1 {
  position: relative;
  background-color: transparent;
  border-color: var(--grey);
}

.radio-style-1::before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  top: 50%;
  left: 50%;
  background: transparent;
  border-radius: 100%;
  transform: translate(-50%, -50%);
}

.radio-style-1:checked {
  /* border-color: transparent !important; */
  background: transparent;
  border-color: var(--grey);
}
.radio-style-1:checked::before {
  background: #8b8b8b;
}

#placement-ques .qsubmit {
  color: var(--accent-color);
  padding: 12px 60px;
  text-transform: uppercase;
}

#placement-ques .qsubmit:active,
#placement-ques .qsubmit:focus {
  color: #fff !important;
  padding: 12px 60px;
  text-transform: uppercase;
  background: #d1d1d1 !important;
}

#placement-ques .hint-label {
  font-size: 18px;
  font-weight: 400;
}

#placement-paper-structure-wrap img {
  max-width: 50px;
  transform: rotate(90deg);
}

#interview-ques-page #placement-ques label {
  color: #585858;
  font-weight: 400;
  font-size: 20px;
  margin-left: 12px;
}

#take_mock_test_btn {
  position: sticky !important;
  top: 50%;
  left: 80%;
  z-index: 1;
}

.theme-form-control.outline-style {
  border: none;
  border-bottom: 2px solid #747474;
}

.theme-form-control.outline-style:focus {
  border-bottom-color: var(--green-1) !important;
}

.sort-event img {
  transform: translateY(-50%) rotate(180deg) !important;
}

.left-search #search-icon img {
  transition: 200ms;
}

.left-search .event-sort-icon img {
  width: 44px !important;
  right: 0 !important;
}

#event-search::placeholder {
  font-weight: 800;
  font-size: 20px;
}

#student-platform-header button {
  margin-right: 90px;
  font-weight: 500;
}

.btn-style-3 img {
  width: 38px;
}

.btn-style-3 {
  color: #000;
}
.btn-style-3 ._label {
  margin-right: 20px;
}

.event-card-wrap .event-name,
.event-card-wrap .college-name,
.event-card-wrap .date {
  font-size: 18px;
  font-weight: 500;
  display: block;
}

/* .events-wrap, .page-top-bar-max-width {
  max-width: 1120px;
} */

.event-card-wrap .desc {
  color: #707070;
  font-weight: 400;
}

.save-event-form {
  padding: 40px 130px;
  max-width: 700px;
  margin: 0 auto;
}

.save-event-form.seller-registeration-form-wrap {
  padding: 40px 50px;
}

.save-event-form.seller-registeration-form-wrap label {
  display: block;
}

.save-event-form .pm-btn {
  /* background: #37a181; */
  background: var(--green-1);
}
.save-event-form .sec-btn {
  background: #d1d1d1;
}

.breadcrumb li {
  padding-right: 50px;
  position: relative;
}

.breadcrumb li:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 100%;
  background: url("../icons/double-arrow.svg");
  background-size: contain;
  background-position: center center;
  right: 0%;
  transform: translateX(-50%);
}

.breadcrumb {
  font-size: 18px;
}

.breadcrumb li a {
  color: #000;
}

.breadcrumb li:last-child {
  color: var(--green-1);
}

.icon-btn-style-3 {
  border: 2px solid #d1d1d1;
  padding: 6px 15px;
  color: var(--green-1);
  border-radius: 5px;
}

.icon-btn-style-3 ._icon {
  width: 24px;
  margin-right: 6px;
}

.icon-counter-btn {
  padding: 4px 10px;
}

.icon-btn-wrap ._count {
  font-size: 18px;
  color: #8b8b8b;
  /* margin-left: 10px; */
}

.icon-counter-btn ._icon {
  width: 24px;
  color: #8b8b8b;
}

.shoutboard-card-wrap .shouter-name,
.shoutboard-card-wrap .shouting-date {
  color: #000;
  font-weight: 500;
  font-size: 18px;
}

.shoutboard-card-wrap .desc {
  font-size: 18px;
  font-weight: 400;
  color: #585858;
}

.shouter-avatar {
  display: inline-block;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-top: -10px;
}

.shouter-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #f6f6f6;
}

.shoutboard-view {
  border: 2px solid #d1d1d1;
}

.shoutboard-view .desc {
  color: #585858;
}

.shoutboard-view .shouter-name,
.shoutboard-view .shouting-date {
  font-size: 20px;
  font-weight: 500;
}

.rounded-icon-btn .img-fluid._icon {
  width: 28px;
}

.rounded-icon-btn {
  background: var(--green-1);
  /* background: #37a181; */
  padding: 11px 30px;
  border-radius: 24px;
}

.rounded-icon-btn ._label {
  font-size: 18px;
  font-weight: 400;
}

.rounded-icon-btn ._icon img {
  filter: invert(1);
}

.rounded-icon-btn ._icon {
  margin-right: 10px;
  position: relative;
}

.rounded-icon-btn ._icon img {
  width: 22px;
  margin-right: 10px;
}

.rounded-icon-btn ._icon::after {
  position: absolute;
  content: "";
  right: 0px;
  top: 50%;
  height: 100%;
  width: 1px;
  background-color: #fff;
  transform: translateY(-50%);
}

/* .project-card-wrap .project-thumb{
  overflow: hidden;
  height: 200px;
  width: 100%;
}
.project-card-wrap .project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-card-wrap .project-title{
  font-size:18px;
  font-weight: 500;
} */

.vertical-sep {
  position: relative;
}

.vertical-sep::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 2px;
  background-color: grey;
  top: 0;
  right: 0;
}

/* .project-card-wrap .annotation {
  font-size: 16px;
  color: #585858;
  margin-bottom: 0;
}

.project-card-wrap .annotation-def {
  font-size: 17px;
  font-weight: 500;
}

.project-card-wrap .rating img{
  width: 20px;
} */

.nester-comment-wrap .comment-card-wrap {
  border-left: 2px solid var(--green-1);
}

main {
  min-height: 100%;
}

#select_category_input_wrap .select2 {
  width: 100% !important;
}

.only-icon-btn {
  background-color: var(--green-1);
  border: 1px solid transparent;
}

.only-icon-btn ._img {
  width: 30px;
  filter: invert(1);
}

.only-icon-btn:hover,
.only-icon-btn:active {
  border: 1px solid var(--green-1) !important;
  background-color: var(--green-3) !important;
}

#sort_by_btn ._label {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.2;
}

#sort_by_btn ._img {
  width: 35px;
}

.project-card .rating img {
  width: 20px;
  background-color: #17cc96;
  padding: 2px;
  margin-right: 1px;
}

.badge {
  padding: 6px 30px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 24px;
}

.techonology .badge {
  margin-right: 11px;
  background-color: #e3fff7 !important;
  border: 1px solid #17cc96;
  color: var(--grey);
  font-weight: 500;
}

.bg-green-1 {
  background-color: var(--green-1);
}
.project-card .im-interested-btn,
.project-card .im-interested-btn:hover,
.project-card .im-interested-btn:active {
  background-color: var(--green-1) !important;
}

.project-card .pricing-sec ._icon {
  width: 28px;
}

.project-card .project-title,
.project-card .techonology h4,
.project-card .synopsis h4 {
  font-size: 20px;
  font-weight: 500;
}

.project-card .addition-info h5 {
  font-size: 16px;
  margin-bottom: 0;
  color: #000;
}

.project-card .addition-info p,
.synopsis .desc {
  color: var(--grey-2);
}

.project-card .vertical-sep::after {
  width: 1px;
  background-color: rgb(33, 37, 41);
  opacity: 0.2;
}

.project-card .tech-sep {
  width: 95%;
}

.project-card .ruppee-symbol {
  font-size: 18px;
}

.single-project-container .project-card .pricing-sec {
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
}

.project-save-form {
  max-width: 1040px;
}

.full-page-loader {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.full-page-loader ._saving_title {
  font-size: 23px;
  text-align: center;
  color: #fff;
}

.full-page-loader ._saving_desc {
  font-size: 18px;
  color: #fff;
}

.accordian-style-1 .accordion-button {
  font-size: 18px;
  font-weight: 500;
}

.accordian-style-1 .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' id='svg4148' height='144.498mm' viewBox='0 0 511.99998 511.99998' width='144.498mm'%3E%3Cpattern id='EMFhbasepattern' height='6' patternUnits='userSpaceOnUse' width='6'/%3E%3Cg id='layer1' transform='translate(-91.214 -152.156)'%3E%3Cg id='g4137' fill-rule='evenodd' transform='matrix(1.448 0 0 1.445 -157.103 -393.569)'%3E%3Cpath id='rect4137-2' d='m656.095-26.604h59.767v250h-59.767z' transform='matrix(.707 .707 -.707 .707 0 0)'/%3E%3Cpath id='rect4137-2-6' d='m-223.385 465.873h59.767v250h-59.767z' transform='matrix(.707 -.707 .707 .707 0 0)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.accordian-style-1 .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' id='svg4148' height='144.498mm' viewBox='0 0 511.99998 511.99998' width='144.498mm'%3E%3Cpattern id='EMFhbasepattern' height='6' patternUnits='userSpaceOnUse' width='6'/%3E%3Cg id='layer1' transform='translate(-91.214 -152.156)'%3E%3Cg id='g4137' fill-rule='evenodd' transform='matrix(1.448 0 0 1.445 -157.103 -393.569)'%3E%3Cpath id='rect4137-2' d='m656.095-26.604h59.767v250h-59.767z' transform='matrix(.707 .707 -.707 .707 0 0)'/%3E%3Cpath id='rect4137-2-6' d='m-223.385 465.873h59.767v250h-59.767z' transform='matrix(.707 -.707 .707 .707 0 0)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

.accordian-style-1 a {
  font-size: 18px;
  color: #484848;
  font-weight: 400;
}

.accordian-style-1 a.active {
  color: var(--green-1);
}

.accordian-style-1 .accordion-button:not(.collapsed) {
  background-color: transparent;
}

.on-hover-black-white:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.table-nowrap td,
.table-nowrap th {
  white-space: nowrap;
}

._download_icon svg {
  width: 20px;
  height: unset;
}

.top-bar ._dropdown_icon {
  width: 22px;
}

.top-bar .dropdown-toggle::after {
  display: none;
}

.dropdown-menu.show {
  display: block;
  position: fixed !important;
  right: 0 !important;
  top: 10px !important;
  max-width: 200px;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--accent-color);
}

.icon-label-btn img {
  width: 20px;
}

.icon-label-btn {
  color: var(--green-4);
}

.icon-label-btn:hover {
  color: var(--green-4);
}

.company-header {
  position: sticky !important;
  top: 0;
  z-index: 1;
}

#projectEnquiryForm .form-check-label {
  padding: 0px 14px 0px 10px;
  margin-top: -10px;
}

.editor-container {
  border: 2px solid #ccc;
  background-color: #fff;
}

.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] {
  display: none !important;
}

.save-event-form #editor {
  height: 150px;
}

.custom-scroll {
  overflow-y: auto !important;
}