html {
  scroll-behavior: smooth;
}

:root {
  --primary: #125A92;
  --primary-100: #EBF9FE;
  --primary-300: #AAD7FA;
  --primary-600: #0079A8;
  --primary-700: #0F4D7D;
  --primary-light: #F1F8FE;

  --secondary: #E22C34;
  --secondary-hover: #c92b33;

  --body-text: #6A6A6A;

  --white: #fff;
  --black: #030D14;


  --positive: #198754;
  --negative: #C53434;

  --stroke: #DADADA;
  --stroke-dark: #B4B4B4;
  --stroke-lite: #E3E3E3;


  --gray-300: #F6F6F6;
  --gray-700: #6A6A6A;
  --primary-gary: #6D6D6D;
  --balck-foot: #040404;

  --dark-blue: #192E51;
  --lite-blue: #E8F3FD;

  --body-100: #F9FAFB;

}

body {
  font-family: 'Euclid Circular A';
  line-height: 22px;
  color: var(--body-text);
  font-size: 14px;
}

/* .custom-font {
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
} */

.scroll-lock {
  overflow: hidden;
}

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

/* Common Css */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
a {
  display: inline-block;
  text-decoration: none;
  color: var(--primary);
}
a.secondary {
  color: var(--secondary);
}
.no_style {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bttn {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: normal;
  background-color: transparent;
}

.primary-stroke {
  border: 1px solid var(--primary);
  color: var(--primary);
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
}
.gray-stroke {
  border: 1px solid var(--stroke);
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
  color: var(--body-text);
}
.primary-fill {
  border: 1px solid var(--primary);
  background-color: var(--primary);
  color: var(--white);
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
}
.primary-fill:hover{
  background-color: var(--primary-700);
}
.secondary-fill {
  border: 1px solid var(--secondary);
  background-color: var(--secondary);
  color: var(--white);
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
}
.secondary-fill:hover {
  background-color: var(--secondary-hover);
}
.dummybtn {
    border: 1px solid var(--secondary);
    background-color: var(--secondary);
    color: var(--white);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    cursor:default !important;
}
.gray-fill {
    border: 1px solid var(--gray-300);
    background-color: var(--gray-300);
    color: var(--body-text);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
}
.gray-fill:hover {
  border: 1px solid var(--gray-300);
  background-color: #f0f0f0;
}
.gray-stroke {
  border: 1px solid var(--stroke);
  color: var(--body-text);
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
}
.cart-bttn {
  padding-left: 44px;
  position: relative;
}
.cart-bttn::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 13.5C13.1478 13.5 13.5294 13.658 13.8107 13.9393C14.092 14.2206 14.25 14.6022 14.25 15C14.25 15.3978 14.092 15.7794 13.8107 16.0607C13.5294 16.342 13.1478 16.5 12.75 16.5C12.3522 16.5 11.9706 16.342 11.6893 16.0607C11.408 15.7794 11.25 15.3978 11.25 15C11.25 14.1675 11.9175 13.5 12.75 13.5ZM0.75 1.5H3.2025L3.9075 3H15C15.1989 3 15.3897 3.07902 15.5303 3.21967C15.671 3.36032 15.75 3.55109 15.75 3.75C15.75 3.8775 15.7125 4.005 15.66 4.125L12.975 8.9775C12.72 9.435 12.225 9.75 11.6625 9.75H6.075L5.4 10.9725L5.3775 11.0625C5.3775 11.1122 5.39725 11.1599 5.43242 11.1951C5.46758 11.2302 5.51527 11.25 5.565 11.25H14.25V12.75H5.25C4.85218 12.75 4.47064 12.592 4.18934 12.3107C3.90804 12.0294 3.75 11.6478 3.75 11.25C3.75 10.9875 3.8175 10.74 3.93 10.53L4.95 8.6925L2.25 3H0.75V1.5ZM5.25 13.5C5.64782 13.5 6.02936 13.658 6.31066 13.9393C6.59196 14.2206 6.75 14.6022 6.75 15C6.75 15.3978 6.59196 15.7794 6.31066 16.0607C6.02936 16.342 5.64782 16.5 5.25 16.5C4.85218 16.5 4.47064 16.342 4.18934 16.0607C3.90804 15.7794 3.75 15.3978 3.75 15C3.75 14.1675 4.4175 13.5 5.25 13.5ZM12 8.25L14.085 4.5H4.605L6.375 8.25H12Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 18px;
  width: 18px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0%, -50%);
}
.cta-bttn {
  border-radius: 14px;
}
.cta-bttn svg {
  margin-left: 10px;
}
.cta-bttn-reverse svg {
  margin-right: 10px;
}
.primary-white {
  color: var(--primary);
  background-color: var(--white);
  font-size: 16px;
  font-weight: 500;
}

.lock-bttn {
  padding: 8px 16px;
  padding-right: 42px;
  color: var(--white);
  line-height: normal;
  font-weight: 600;
  background-color: var(--primary-700);
  border-radius: 6px;
  display: flex;
  align-items: center;
}

.lock-bttn::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.66667 7.33325V4.66659C4.66667 3.78253 5.01786 2.93468 5.64298 2.30956C6.2681 1.68444 7.11595 1.33325 8 1.33325C8.88406 1.33325 9.7319 1.68444 10.357 2.30956C10.9821 2.93468 11.3333 3.78253 11.3333 4.66659V7.33325M3.33333 7.33325H12.6667C13.403 7.33325 14 7.93021 14 8.66659V13.3333C14 14.0696 13.403 14.6666 12.6667 14.6666H3.33333C2.59695 14.6666 2 14.0696 2 13.3333V8.66659C2 7.93021 2.59695 7.33325 3.33333 7.33325Z" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0%, -50%);
}

.lock {
  position: relative;
}

.lock .lock-bttn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: max-content;
}

.remove-bttn {
  position: relative;
  padding-left: 26px;
  color: var(--secondary);
  font-weight: 600;
  cursor: pointer;
}
.remove-bttn.gray {
  color: var(--body-text);
}
.remove-bttn.gray:hover {
  color: var(--secondary);
}

.remove-bttn::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4844 9C14.4844 10.4545 13.9066 11.8495 12.878 12.878C11.8495 13.9066 10.4545 14.4844 9 14.4844C7.54545 14.4844 6.15048 13.9066 5.12196 12.878C4.09344 11.8495 3.51562 10.4545 3.51562 9C3.51562 7.54545 4.09344 6.15048 5.12196 5.12196C6.15048 4.09344 7.54545 3.51562 9 3.51562C10.4545 3.51562 11.8495 4.09344 12.878 5.12196C13.9066 6.15048 14.4844 7.54545 14.4844 9ZM15.75 9C15.75 10.7902 15.0388 12.5071 13.773 13.773C12.5071 15.0388 10.7902 15.75 9 15.75C7.20979 15.75 5.4929 15.0388 4.22703 13.773C2.96116 12.5071 2.25 10.7902 2.25 9C2.25 7.20979 2.96116 5.4929 4.22703 4.22703C5.4929 2.96116 7.20979 2.25 9 2.25C10.7902 2.25 12.5071 2.96116 13.773 4.22703C15.0388 5.4929 15.75 7.20979 15.75 9ZM5.41406 8.36719C5.24623 8.36719 5.08527 8.43386 4.9666 8.55253C4.84792 8.67121 4.78125 8.83217 4.78125 9C4.78125 9.16783 4.84792 9.32879 4.9666 9.44747C5.08527 9.56614 5.24623 9.63281 5.41406 9.63281H12.5859C12.7538 9.63281 12.9147 9.56614 13.0334 9.44747C13.1521 9.32879 13.2188 9.16783 13.2188 9C13.2188 8.83217 13.1521 8.67121 13.0334 8.55253C12.9147 8.43386 12.7538 8.36719 12.5859 8.36719H5.41406Z" fill="%23E22C34"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 18px;
  width: 18px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0%, -50%);
}
.remove-bttn.gray::before {
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4844 9C14.4844 10.4545 13.9066 11.8495 12.878 12.878C11.8495 13.9066 10.4545 14.4844 9 14.4844C7.54545 14.4844 6.15048 13.9066 5.12196 12.878C4.09344 11.8495 3.51562 10.4545 3.51562 9C3.51562 7.54545 4.09344 6.15048 5.12196 5.12196C6.15048 4.09344 7.54545 3.51562 9 3.51562C10.4545 3.51562 11.8495 4.09344 12.878 5.12196C13.9066 6.15048 14.4844 7.54545 14.4844 9ZM15.75 9C15.75 10.7902 15.0388 12.5071 13.773 13.773C12.5071 15.0388 10.7902 15.75 9 15.75C7.20979 15.75 5.4929 15.0388 4.22703 13.773C2.96116 12.5071 2.25 10.7902 2.25 9C2.25 7.20979 2.96116 5.4929 4.22703 4.22703C5.4929 2.96116 7.20979 2.25 9 2.25C10.7902 2.25 12.5071 2.96116 13.773 4.22703C15.0388 5.4929 15.75 7.20979 15.75 9ZM5.41406 8.36719C5.24623 8.36719 5.08527 8.43386 4.9666 8.55253C4.84792 8.67121 4.78125 8.83217 4.78125 9C4.78125 9.16783 4.84792 9.32879 4.9666 9.44747C5.08527 9.56614 5.24623 9.63281 5.41406 9.63281H12.5859C12.7538 9.63281 12.9147 9.56614 13.0334 9.44747C13.1521 9.32879 13.2188 9.16783 13.2188 9C13.2188 8.83217 13.1521 8.67121 13.0334 8.55253C12.9147 8.43386 12.7538 8.36719 12.5859 8.36719H5.41406Z" fill="%236A6A6A"/></svg>');
}
.remove-bttn.gray:hover::before {
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4844 9C14.4844 10.4545 13.9066 11.8495 12.878 12.878C11.8495 13.9066 10.4545 14.4844 9 14.4844C7.54545 14.4844 6.15048 13.9066 5.12196 12.878C4.09344 11.8495 3.51562 10.4545 3.51562 9C3.51562 7.54545 4.09344 6.15048 5.12196 5.12196C6.15048 4.09344 7.54545 3.51562 9 3.51562C10.4545 3.51562 11.8495 4.09344 12.878 5.12196C13.9066 6.15048 14.4844 7.54545 14.4844 9ZM15.75 9C15.75 10.7902 15.0388 12.5071 13.773 13.773C12.5071 15.0388 10.7902 15.75 9 15.75C7.20979 15.75 5.4929 15.0388 4.22703 13.773C2.96116 12.5071 2.25 10.7902 2.25 9C2.25 7.20979 2.96116 5.4929 4.22703 4.22703C5.4929 2.96116 7.20979 2.25 9 2.25C10.7902 2.25 12.5071 2.96116 13.773 4.22703C15.0388 5.4929 15.75 7.20979 15.75 9ZM5.41406 8.36719C5.24623 8.36719 5.08527 8.43386 4.9666 8.55253C4.84792 8.67121 4.78125 8.83217 4.78125 9C4.78125 9.16783 4.84792 9.32879 4.9666 9.44747C5.08527 9.56614 5.24623 9.63281 5.41406 9.63281H12.5859C12.7538 9.63281 12.9147 9.56614 13.0334 9.44747C13.1521 9.32879 13.2188 9.16783 13.2188 9C13.2188 8.83217 13.1521 8.67121 13.0334 8.55253C12.9147 8.43386 12.7538 8.36719 12.5859 8.36719H5.41406Z" fill="%23E22C34"/></svg>');
}
.select-bttn input{
  margin-right: 10px;
  border-radius: 50%;
}

/* Breadcrumbs */

.breadcrumbs {
  padding: 15px 0px;
}
.breadcrumbs *{
  color: var(--body-text);
}
.breadcrumbs ul{
  display: flex;
}
.breadcrumbs ul li{
   margin-left: 15px; 
   position: relative;
}
.breadcrumbs ul li:before{
  content: "/";
  position: absolute;
  left: -11px;
}
.breadcrumbs ul li:first-child{
  margin-left: 0px; 
}
.breadcrumbs ul li:last-child{
  color: var(--black);
}
.breadcrumbs ul li:first-child:before{
 display: none;
}

/* Custom Checkbox */
/* Customize the label (the container) */
.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 18px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid var(--stroke-lite);
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
  background-color: var(--white);

}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
  background-color: var(--white);
  border: 1px solid var(--secondary);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid var(--secondary);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Marks */
.positive-mark {
  margin-left: 10px;
  display: inline-block;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  background-color: var(--positive);
}

.negative-mark {
  margin-left: 10px;
  display: inline-block;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  background-color: var(--negative);
}

.under-liquidation {
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.0013 1.16663C10.2231 1.16663 12.8346 3.77821 12.8346 6.99996C12.8346 10.2217 10.2231 12.8333 7.0013 12.8333C3.77955 12.8333 1.16797 10.2217 1.16797 6.99996C1.16797 3.77821 3.77955 1.16663 7.0013 1.16663ZM7.0013 3.49996C6.84659 3.49996 6.69822 3.56142 6.58882 3.67081C6.47943 3.78021 6.41797 3.92858 6.41797 4.08329V6.99996C6.418 7.15466 6.47948 7.303 6.58889 7.41238L8.33889 9.16238C8.4489 9.26863 8.59625 9.32743 8.7492 9.3261C8.90215 9.32477 9.04846 9.26342 9.15661 9.15527C9.26477 9.04712 9.32612 8.90081 9.32745 8.74786C9.32877 8.59491 9.26998 8.44756 9.16372 8.33754L7.58464 6.75846V4.08329C7.58464 3.92858 7.52318 3.78021 7.41378 3.67081C7.30438 3.56142 7.15601 3.49996 7.0013 3.49996Z" fill="%23C53434"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: 10px;
  display: inline-block;
  height: 14px;
  width: 14px;
  transform: translate(1px, 3px);
}

.liquidated {
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1404_5530)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.66536 0.583374C4.58751 0.583382 4.51045 0.598973 4.43872 0.629228C4.36699 0.659484 4.30204 0.703792 4.2477 0.759541L0.747698 4.35054C0.641494 4.45947 0.582047 4.60558 0.582031 4.75771V9.33337C0.582064 9.48807 0.643544 9.63642 0.752948 9.74579L4.25295 13.2458C4.36232 13.3552 4.51067 13.4167 4.66536 13.4167H9.33203C9.48673 13.4167 9.63508 13.3552 9.74445 13.2458L13.2444 9.74579C13.3539 9.63642 13.4153 9.48807 13.4154 9.33337V4.75771C13.4153 4.60558 13.3559 4.45947 13.2497 4.35054L9.7497 0.759541C9.69536 0.703792 9.63041 0.659484 9.55868 0.629228C9.48694 0.598973 9.40988 0.583382 9.33203 0.583374H4.66536ZM4.66536 6.41671C4.51065 6.41671 4.36228 6.47817 4.25289 6.58756C4.14349 6.69696 4.08203 6.84533 4.08203 7.00004C4.08203 7.15475 4.14349 7.30312 4.25289 7.41252C4.36228 7.52192 4.51065 7.58337 4.66536 7.58337H9.33203C9.48674 7.58337 9.63511 7.52192 9.74451 7.41252C9.85391 7.30312 9.91536 7.15475 9.91536 7.00004C9.91536 6.84533 9.85391 6.69696 9.74451 6.58756C9.63511 6.47817 9.48674 6.41671 9.33203 6.41671H4.66536Z" fill="%23C53434"/></g><defs><clipPath id="clip0_1404_5530"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: 10px;
  display: inline-block;
  height: 14px;
  width: 14px;
  transform: translate(1px, 3px);
}

/* Search Input */

input{
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  width: 100%;
  color: var(--black);
  
}

input::placeholder {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  color: var(--body-text);
}

.search-input-wrapper {
  width: 100%;
  max-width: 550px;
  padding: 16px 16px;
  background-color: var(--white);
  border-radius: 8px;
  position: relative;
}

.search-input-wrapper::before {
  content: '';
  background-image: url('data:image/svg+xml,<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" width="36" height="36" rx="6" fill="%23E22C34"/><path d="M27.5 27L21.5 21M23.5 16C23.5 16.9193 23.3189 17.8295 22.9672 18.6788C22.6154 19.5281 22.0998 20.2997 21.4497 20.9497C20.7997 21.5998 20.0281 22.1154 19.1788 22.4672C18.3295 22.8189 17.4193 23 16.5 23C15.5807 23 14.6705 22.8189 13.8212 22.4672C12.9719 22.1154 12.2003 21.5998 11.5503 20.9497C10.9002 20.2997 10.3846 19.5281 10.0328 18.6788C9.68106 17.8295 9.5 16.9193 9.5 16C9.5 14.1435 10.2375 12.363 11.5503 11.0503C12.863 9.7375 14.6435 9 16.5 9C18.3565 9 20.137 9.7375 21.4497 11.0503C22.7625 12.363 23.5 14.1435 23.5 16Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  height: 36px;
  width: 36px;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
}

/* Banner Select */
.select-wrapper {
  position: relative;
  border-radius: 8px;
  width: fit-content;
  transition: all 0.1s ease-in-out;
  background-color: var(--white);
}

.select-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.375 6.6875L9 12.3125L14.625 6.6875" stroke="%236A6A6A" stroke-width="1.125"/></svg>');
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  right: 10px;
  top: 50%;
  pointer-events: none;
  transform: translate(0, -50%);
  transition: all 0.1s ease-in-out;
}

.select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 16px 16px;
  padding-right: 30px !important;
  font-size: 14px;
  color: var(--body-text);
  line-height: normal;
  border: 0;
  outline: 0;
  transition: all 0.1s ease-in-out;
}

.select-wrapper.w-100,
.select-wrapper.w-100 select {
  width: 100%;
}

/* Common Select */
.common-select {
  position: relative;
  border: 1px solid var(--stroke);
  border-radius: 8px;
}

.common-select::before {
  content: "";
  display: block;

  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.33398 1L8.33398 8L15.334 1" stroke="%23C5C5C5" stroke-width="2"/></svg>');
  background-size: 100% 100%;
  width: 12px;
  height: 8px;
  right: 10px;
  top: 50%;
  pointer-events: none;
  transform: translate(0, -50%);
}

.common-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding-right: 30px;
  border: 0;
  outline: 0;
  width: 100%;
  background-color: var(--white);
  padding: 10px;
  border-radius: 8px;
  line-height: normal;
  color: var(--body-text);
}

.common-select.mini {
  width: fit-content;
}

/* Custom Dropdown */

.common-dropdown {
  padding-right: 40px !important;
  position: relative;
  width: fit-content;
  padding: 16px;
  background-color: var(--white);
  border-radius: 8px;
  text-align: left;
}

.common-dropdown .drop-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 150px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 10px 0px;
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  min-width: 200px;
  z-index: 1;
}

.common-dropdown .drop-content .seprator {
  padding: 10px 0px;
  border-bottom: 1px solid var(--stroke);
}

.common-dropdown .drop-content .seprator:first-child {
  padding-top: 0px;
}

.common-dropdown .drop-content .seprator:last-child {
  padding-bottom: 0px;
  border-bottom: 0;
}

.common-dropdown .drop-content a {
  padding: 8px 16px !important;
  display: block;
  text-decoration: none;
  color: var(--body-text);
  text-align: left;
}

.common-dropdown .drop-content a:hover {
  color: var(--black);
  background-color: var(--lite-blue);
}

.common-dropdown ul li:last-child a {
  border-bottom: 0;
}

.common-dropdown .drop-content.active {
  display: block;
}

.common-dropdown::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0.75L5.5 5.25L10 0.75" stroke="%23777777"/></svg>');
  background-size: 100% 100%;
  width: 13px;
  height: 7px;
  right: 10px;
  top: 50%;
  pointer-events: none;
  transform: translate(0, -50%);
}

/* Custom datepicker */

input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.673 2.5C7.85865 2.5 8.0367 2.57375 8.16797 2.70503C8.29925 2.8363 8.373 3.01435 8.373 3.2V4.509H15.89V3.209C15.89 3.02335 15.9637 2.8453 16.095 2.71403C16.2263 2.58275 16.4043 2.509 16.59 2.509C16.7757 2.509 16.9537 2.58275 17.085 2.71403C17.2162 2.8453 17.29 3.02335 17.29 3.209V4.509H20C20.5303 4.509 21.0388 4.71958 21.4139 5.09443C21.7889 5.46929 21.9997 5.97774 22 6.508V20.501C21.9997 21.0313 21.7889 21.5397 21.4139 21.9146C21.0388 22.2894 20.5303 22.5 20 22.5H4C3.46974 22.5 2.96118 22.2894 2.58614 21.9146C2.2111 21.5397 2.00027 21.0313 2 20.501V6.508C2.00027 5.97774 2.2111 5.46929 2.58614 5.09443C2.96118 4.71958 3.46974 4.509 4 4.509H6.973V3.199C6.97327 3.01352 7.04713 2.83573 7.17838 2.70467C7.30963 2.57361 7.48752 2.5 7.673 2.5ZM3.4 10.242V20.501C3.4 20.5798 3.41552 20.6578 3.44567 20.7306C3.47583 20.8034 3.52002 20.8695 3.57574 20.9253C3.63145 20.981 3.69759 21.0252 3.77039 21.0553C3.84319 21.0855 3.92121 21.101 4 21.101H20C20.0788 21.101 20.1568 21.0855 20.2296 21.0553C20.3024 21.0252 20.3685 20.981 20.4243 20.9253C20.48 20.8695 20.5242 20.8034 20.5543 20.7306C20.5845 20.6578 20.6 20.5798 20.6 20.501V10.256L3.4 10.242ZM8.667 17.119V18.785H7V17.119H8.667ZM12.833 17.119V18.785H11.167V17.119H12.833ZM17 17.119V18.785H15.333V17.119H17ZM8.667 13.142V14.808H7V13.142H8.667ZM12.833 13.142V14.808H11.167V13.142H12.833ZM17 13.142V14.808H15.333V13.142H17ZM6.973 5.908H4C3.92121 5.908 3.84319 5.92352 3.77039 5.95367C3.69759 5.98382 3.63145 6.02802 3.57574 6.08374C3.52002 6.13945 3.47583 6.20559 3.44567 6.27839C3.41552 6.35119 3.4 6.42921 3.4 6.508V8.843L20.6 8.857V6.508C20.6 6.42921 20.5845 6.35119 20.5543 6.27839C20.5242 6.20559 20.48 6.13945 20.4243 6.08374C20.3685 6.02802 20.3024 5.98382 20.2296 5.95367C20.1568 5.92352 20.0788 5.908 20 5.908H17.29V6.837C17.29 7.02265 17.2162 7.2007 17.085 7.33197C16.9537 7.46325 16.7757 7.537 16.59 7.537C16.4043 7.537 16.2263 7.46325 16.095 7.33197C15.9637 7.2007 15.89 7.02265 15.89 6.837V5.908H8.373V6.828C8.373 7.01365 8.29925 7.1917 8.16797 7.32297C8.0367 7.45425 7.85865 7.528 7.673 7.528C7.48735 7.528 7.3093 7.45425 7.17803 7.32297C7.04675 7.1917 6.973 7.01365 6.973 6.828V5.908Z' fill='%23717171'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-size: 100% 100%;
  width: 18px;
  height: 18px;
  z-index: 1;
}

.date-input-wrapper {
  position: relative;
}


.date-input-wrapper .placeholder {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #aaa;
  pointer-events: none;
  transition: 0.2s;
  background-color: var(--body-100);
}

.date-input-wrapper input[type="date"]:focus + .placeholder,
.date-input-wrapper input[type="date"]:not(:placeholder-shown) + .placeholder {
  top: 50%;
  left: 40px;
  font-size: 14px;
  color: var(--body-text);
  padding: 5px 30px;
  padding-left: 0;
  transform: translate(0px, -50%);
  opacity: 1;
}
.date-input-wrapper input[type="date"].filled + .placeholder {
  opacity: 0;
}
/* Common Tabs */

.common-tabs {
  display: flex;
}

.common-tabs li {
  margin-right: 10px;
}

.common-tabs li:last-child {
  margin-right: 0px;
}

.common-tabs li a {
  display: block;
  line-height: normal;
  text-decoration: none;
  color: var(--body-text);
  padding: 7px 10px;
  border-radius: 8px;
  border: 1px solid var(--stroke);
}

.common-tabs li a.active {
  border: 1px solid var(--primary-300);
  background-color: var(--primary-300);
  color: var(--black);
}

/* Common Table */
.common-table {
  position: relative;
}

.common-table .table {
  margin: 0;
}

.common-table thead {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
}

.common-table thead th,
.common-table tbody td {
  border: 0;
  padding: 10px 14px;
  color: var(--body-text);
  vertical-align: middle;
  text-align: right;
  line-height: normal;
}

.common-table thead th:first-child,
.common-table tbody td:first-child {
  text-align: left;
}

.common-table thead th,
.common-table tbody td:first-child {
  white-space: nowrap;
}

.common-table thead th {
  color: var(--primary);
  background-color: var(--primary-light);
  font-weight: 500;
}

.common-table tbody td {
  border-bottom: 1px solid var(--stroke);
}

.common-table tbody tr:last-child td {
  border-bottom: 0;
}

.common-table .common-lable {
  margin-left: 10px;
}

/* Gary Table */


.common-table.gray-table thead th {
  color: var(--black);
  background-color: var(--gray-300);
  /* border-top: 1px solid var(--stroke); */
  /* border-bottom: 1px solid var(--stroke); */
}

/* .common-table.gray-table thead th:first-child {
  border-left: 1px solid var(--stroke);
}
.common-table.gray-table thead th:last-child {
  border-right: 1px solid var(--stroke);
} */

/* Table Wrapper Css*/
.table-box {
  box-shadow: 0px 14px 25px rgba(0, 0, 0, 0.12);
}

.table-wrapper {
  border: 1px solid var(--stroke);
  padding: 14px 16px;
  border-radius: 12px;
  background-color: var(--white);
}

.table-wrapper .table-head {
  padding: 14px 16px;
}

.table-wrapper .table-head h4 {
  margin: 0;
  color: var(--black);
  font-size: 20px;
  font-weight: 600;
}



/* Common lables */
.common-lable {
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
}

.common-lable.primary {
  border: 1px solid var(--stroke-lite);
  color: var(--primary-600);
  background-color: var(--primary-100);
  font-weight: 500;
}

.common-lable.primary-stroke {
  border: 1px solid var(--primary-600);
  color: var(--primary-600);
  font-weight: 500;
  max-width:fit-content;
  font-size:14px;
}

.common-lable.positive {
  background-color: var(--positive);
  border: 1px solid var(--positive);
  color: var(--white);
}

.common-lable.gray {
  background-color: #F6F6F6;
  border: 1px solid var(--stroke-dark);
}

.common-lable.stroke-black {
  border: 1px solid var(--stroke);
  color: var(--black);
  font-weight: 600;
}

/* Common Lables */



.show-479 {
  display: none;
}

.search_banner_sc .content {
  position: relative;
}

/* Custom Dropdown */
/* Tabs Mobile Css 888888888888888888888888888888888888888888888888*/
.company-details_sc .tabs-mobile {
  position: relative;
  display: none;
}

.company-details_sc .tabs-mobile .dropdown-button {
  padding: 10px 15px;
  background: var(--primary);
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
}

.company-details_sc .tabs-mobile .dropdown-button::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg" style=" color: white;"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"></path></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 18px;
  width: 18px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s ease-in-out;
}

.company-details_sc .tabs-mobile .dropdown-button.open::after {
  transform: translate(0, -50%) rotate(180deg);
}

.company-details_sc .tabs-mobile ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  padding: 0px 7px;
  list-style: none;
  border-radius: 5px;
  z-index: 9;
  background: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.company-details_sc .tabs-mobile ul li a {
  display: block;
  text-decoration: none;
  color: var(--body-text);
  padding: 8px 8px;
  transition: background-color 0.3s;
  border-bottom: 1px solid rgb(248, 248, 248);
}

.company-details_sc .tabs-mobile ul li a:last-child {
  border-bottom: 0;
}

.company-details_sc .tabs-mobile ul li a:hover {
  background-color: #fff;
}


/* Popup Css */
.common-popup .modal-dialog{
  margin-top: 0;
  top: 50%;
  transform: translate(0px, -50%) !important;
  max-width: 600px;
  width: fit-content;
}
.common-popup h5{
  font-size: 16px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 10px;
}

.common-popup#removeAll .modal-dialog{
  max-width: 320px;
}
.common-popup .bttn-container {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}
.common-popup .bttn{
  padding: 12px 10px;
  font-weight: 400;
}

.common-popup .modal-content {
  border: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14);
  border-radius: 6px;
}
/* ________________________________________ */

/* Header Css */
.common-header {
  background: #fff;
  padding: 10px 30px;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  width: 100%;
  z-index: 10;
}

/* .common-header Desktop Css */
.header-desktop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-desktop .logo-container img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.header-desktop .ham-bttn .primary-fill {
  margin-left: 14px;
}

.common-header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.common-header li a {
  text-decoration: none;
  color: var(--body-text);
  padding: 0px 14px;
  font-size: 15px;
}

.common-header li.active a {
  color: var(--primary);
  font-weight: 600;
}

/* Hamburger Css */
.ham-bttn {
  display: flex;
  align-items: center;
}

.hamburger {
  display: none;
}

.common-header .hamburger-menu-button {
  width: 40px;
  height: 40px;
  padding: 6px;
  display: block;
  position: relative;
  z-index: 100;
  cursor: pointer;
  overflow: hidden;
  outline: 0;
  background: transparent;
}

.common-header .hamburger-menu-button-open {
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -12px;
}

.common-header .hamburger-menu-button-open,
.common-header .hamburger-menu-button-open::before,
.common-header .hamburger-menu-button-open::after {
  position: absolute;
  width: 24px;
  height: 3px;
  background: var(--primary);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.common-header .hamburger-menu-button-open::before,
.common-header .hamburger-menu-button-open::after {
  left: 0;
  content: "";
}

.common-header .hamburger-menu-button-open::before {
  top: 6px;
}

.common-header .hamburger-menu-button-open::after {
  bottom: 6px;
}

.common-header .hamburger-menu-button-close {
  background: transparent;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.common-header .hamburger-menu-button-close::before {
  -webkit-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}

.common-header .hamburger-menu-button-close::after {
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}



/* Side .common-header Mobile Css*/

.header-mobile {
  height: 100vh;
  width: 200px;
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.header-mobile.active {
  right: 0;
}

.header-mobile ul {
  flex-direction: column;
}

.header-mobile li {
  width: 100%;
  margin-bottom: 20px;
}

.header-mobile li a,
.header-mobile li button {
  text-decoration: none;
  display: block;
  width: fit-content;
  margin-left: 20px;
}


/* Footer */


/* Common Layout */

main section {
  margin-top: 80px;
}
main .login_sc{
    margin-top:0px;
}

main section:first-child {
    margin-top: 0px;
}

.section_head {
  color: var(--primary);
  font-size: 34px;
  font-weight: 600;
}

.section_head span {
  color: var(--secondary);
}

/* _______________________________________ */


/* Home Banner */
.banner_sc p {
  color: rgba(255, 255, 255, 0.75);
}

.banner_sc h1 {
  color: var(--white);
  font-size: 34px;
  font-weight: 600;
}

.banner_sc {
  padding-top: 90px;
  padding-bottom: 120px;
  background-image: url(../images/home_banner-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.banner_sc .content {
  text-align: center;
  padding-bottom: 70px;
  position: relative;
}

.select-input-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  position: absolute;
  left: 0;
  right: 0;
}

.select-input-flex>div {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/*.select-input-flex.sticky {
  position: fixed;
  top: 40px;
  left: 15px;
  right: 15px;
  z-index: 5;
  animation: translate 0.5s ease-in-out;
}*/

.search-input-wrapper {
  margin-left: 16px;
}

/* Home Company Info */

.company-info_sc {
  margin-top: -55px;
}

.company-info-container {
  padding: 22px 46px;
  border-radius: 20px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.14);
  background-color: var(--white);
  width: fit-content;
  margin: 0 auto;
}

.company-info-container ul {
  display: flex;

  position: relative;
}

.company-info-container ul li span {
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 4px;
  color: var(--dark-blue);
}

.company-info-container ul li {
  font-size: 15px;
  color: var(--dark-blue);
}

.company-info-container ul li:first-child {
  margin-right: 140px;
}

.company-info-container ul::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: rgba(24, 46, 83, 0.28);
  position: absolute;
  left: 49%;
}

/* Strategy SC */

.strategy-wrapper {
  background: linear-gradient(180deg, #F1F8FE 0%, rgba(241, 248, 254, 0) 100%);
  padding: 50px 0px;
  margin-top: 28px;
  position: relative;
}

.strategy-wrapper::before,
.strategy-wrapper::after {
  content: "";
  position: absolute;
  background-image: url(../images/stratagy-dropimg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 30px;
  width: 131px;
}

.strategy-wrapper::before {
  right: 0;
  top: -15px;
}

.strategy-wrapper::after {
  left: 0;
  bottom: 0;
  transform: rotate(180deg);
}

.strategy-card-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background-color: var(--stroke-lite);
  gap: 1px;


}

.strategy-card-container li {
  background-color: var(--white);
  padding: 30px;
  transition: all 0.2s ease-in-out;
}

.strategy-card-container li:hover {
  box-shadow: -15px 0px 20px rgba(57, 130, 239, 0.25);
  z-index: 1;
}

.strategy-card-container li:hover .bttn {
  color: var(--white);
  background-color: var(--primary);
}

.strategy-card-container .icon-container {
  text-align: center;
  margin-bottom: 16px;
}

.strategy-card-container h5 {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary);
  height: 40px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 21px;
}

.strategy-card-container .bttn {
  padding: 10px 54px;
  border: 1px solid var(--primary);
  color: var(--primary);
  font-size: 16px;
  font-weight: 500;
  display: block;
  border-radius: 21px;
  margin: 0 auto;
  transition: all 0.2s ease-in-out;
}

/* Trandings */

.tranding-container {
  display: flex;
  margin-top: 30px;
}

.popular-companies {
  flex: 1.5;
  margin-right: 40px;
  box-shadow: 0px 4px 12.2px rgba(0, 0, 0, 0.17);
  border-radius: 14px;
}

.popular-directors {
  flex: 1;
}

.tranding-container .head {
  font-size: 20px;
  font-weight: 500;
  color: var(--black);
}

.popular-companies .head {
  padding: 24px 30px;
}

.popular-directors .head {
  padding: 16px 0px;
}

.popular-companies ul li {
  padding: 11px 20px;
}

.popular-companies ul li:hover {
  background-color: var(--primary-light);
}

.popular-companies ul .flex-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
/*  margin-bottom: 14px;*/
}

.popular-companies ul h6 {
  color: var(--black);
  margin-right: 10px;
}

.popular-companies ul .date span {
  font-weight: 500;
}

.popular-companies ul .flex-head > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.popular-companies ul .activity {
    margin-bottom: 14px;
}

.popular-directors ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0px;
    border-bottom: 1px solid var(--stroke);
}

.popular-directors ul li:last-child {
  border-bottom: 0;
}

.popular-directors ul li:hover h6 {
  color: var(--primary);
}

.popular-directors h6 {
  font-size: 16px;
  color: var(--black);
  margin-bottom: 10px;
  transition: all 0.2s ease-in-out;
}
.popular-directors ul li p{
    max-width:280px;
}
/* Feature Css */
.feature-box {
    position: relative;
}

.feature-box::before,
.feature-box::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border-radius: 12px;
}

.feature-box::before {
  background-color: #E1EBF4;
  top: -21px;
  z-index: -1;
}

.feature-box::after {
  background-color: #C5D6E5;
  top: -42px;
  z-index: -2;

}

.slide-container-wrapper {
  margin-top: 60px;
  position: relative;
}

.feature-box {
  background-color: #F3F8FD;
  padding: 38px 45px;
  border-radius: 12px;
  position: relative;
}

.feature-box .head {
  display: flex;
  justify-content: space-between;
}

.feature-box .head p {
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
}

.feature-card {
  padding: 20px 17px;
  background-color: var(--white);
  margin: 0px 11px;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}


.feature-card h5 {
  font-weight: 600;
  font-size: 18px;
  margin-top: 20px;
}

.slide-container-wrapper .custom-slider-btn {
  position: absolute;
  top: -60px;
  right: 0;
  display: flex;
}

.slide-container-wrapper .custom-slider-btn button {
  height: 40px;
  width: 40px;
  background-color: var(--white);
  display: grid;
  place-items: center;
  border-radius: 50%;
  margin-left: 14px;
}

.slide-container-wrapper .slick-track {
  display: flex;
}

.slide-container-wrapper .slick-track .slick-slide {
  height: auto;
}


/* Service */

.service_sc {
  background-image: url(../images/service-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 195px;
  background-position: center;
  margin-bottom: 120px;
}

.service-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 23px;
  margin-top: 24px;

}

.service-card-grid .service-card:nth-child(odd) {
  transform: translate(0, 60px);
}

.service-card-grid .service-card {
  padding: 20px;
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.12);
  position: relative;
  overflow: hidden;
}

.service-card-grid .service-card::before {
  content: "";
  background-image: url(../images/service-card-bd-1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 76px;
  width: 36px;
  position: absolute;
  right: 0;
  top: 70px;
}

/* .service-card-grid .service-card::after {
  content: "";
  background-image: url(../images/service-card-bd-2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 66px;
  width: 67px;
  position: absolute;
  left: 0;
  bottom: 0px;
} */

.service-card-grid li h6 {
  font-size: 18px;
  margin-bottom: 16px;
  font-weight: bold;
  color: var(--primary);
}

.service-card-grid li p {
  font-size: 16px;
  margin-bottom: 18px;
}


.cricle-square_bullet li {
  position: relative;
  padding-left: 36px;
  margin-bottom: 12px;
}

.cricle-square_bullet li:last-child {
  margin-bottom: 0px;
}

.cricle-square_bullet li::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.25 12C21.25 13.1819 21.0172 14.3522 20.5649 15.4442C20.1126 16.5361 19.4497 17.5282 18.614 18.364C17.7782 19.1997 16.7861 19.8626 15.6942 20.3149C14.6022 20.7672 13.4319 21 12.25 21C11.0681 21 9.89778 20.7672 8.80585 20.3149C7.71392 19.8626 6.72177 19.1997 5.88604 18.364C5.05031 17.5282 4.38738 16.5361 3.93508 15.4442C3.48279 14.3522 3.25 13.1819 3.25 12C3.25 9.61305 4.19821 7.32387 5.88604 5.63604C7.57387 3.94821 9.86305 3 12.25 3C14.6369 3 16.9261 3.94821 18.614 5.63604C20.3018 7.32387 21.25 9.61305 21.25 12Z" stroke="%23125A92" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.25 9.563C9.25 9.252 9.502 9 9.813 9H14.687C14.998 9 15.25 9.252 15.25 9.563V14.437C15.25 14.748 14.998 15 14.687 15H9.814C9.73995 15.0003 9.66657 14.9859 9.59809 14.9577C9.52961 14.9295 9.46737 14.8881 9.41496 14.8357C9.36255 14.7834 9.32099 14.7213 9.29268 14.6528C9.26437 14.5844 9.24987 14.5111 9.25 14.437V9.564V9.563Z" stroke="%23E42D35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: -2px;
}



/* Media Queries */




/* Akshay Css Start */
.grid-companydetail {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* .company-alert-rating {
  padding: 34px 0px;
} */

.company-alrt-rating {
  color: var(--primary);
  margin-left: 17px;
  font-size: 24px;
  font-weight: bold;
}

.company-alrt-rating span {
  color: var(--secondary);

}

.grid-companydetail .back {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid var(--stroke);
}

.back-flex {
  display: flex;
  align-items: center;
  position: relative;
}



.para-grey-text {
  color: var(--primary-garys);
  font-size: 14px;
  margin-top: 11px;
}

.comman-btns-vd {
  /* Frame 427321513 */
  padding: 10px 45px;
  border: 1px solid var(--primary);
  background-color: var(--primary);
  color: var(--white);
  border-radius: 50px;
  font-size: 16px;
  margin-top: 19px;
  width: fit-content;
}

.comman-btns-vd svg {
  margin-left: 9px;
  position: relative;
  top: -3px;
}

.comman-bigg-text {
  color: var(--white);
  font-size: 34px;
  font-weight: bold;
}

.bg-blue-frame {
  background-image: url(../images/blueframes.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;
}

.grid-frame-two {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  padding: 34px 34px;
}

.cover-end {
  padding-right: 59px;
}

.grid-frame-two ul {
  margin-top: 30px;
}

.grid-frame-two ul li {
  color: var(--white);
  font-size: 14px;
  line-height: 32px;
}

.registerbold {
  font-weight: bold;
}

.roudin {
  margin-right: 9px;
}

footer {
  margin-top: 50px;
}

.grid-footer-patch {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
}

.grid-footer-patch ul {
  display: flex;
  gap: 22px;
}

.grid-footer-patch ul li {
  color: var(--white);
  font-size: 11px;

}

.footer {
  background-color: var(--balck-foot);
  padding: 7px 0px;
}

.financial-score-sec {
  padding: 32px 0px 46px;
}

/* .main-frame{
  padding: 30px 0px 45px !important;
} */
.blueframe {
  position: relative;
  overflow: hidden;
  background-color: #134d79;
  border-radius: 9px;
  /* padding:34px 38px; */

}

.blueframe .cta-bttn {
  padding: 10px 54px;
}

.blueframe::before {
  content: "";
  background-color: #0099ff;
  width: 839px;
  height: 976px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(26%, -6%);

}

.ulregister {
  color: var(--white);
  margin-top: 34px;
}

.zindexes {
  z-index: 1;
  position: relative;

}

.ulregister li {
  margin-bottom: 10px;
}

.poserelabox {
  position: relative;
}

.poserelabox h3 {
  position: absolute;
  top: 39px;
  left: 9%;
}

.backone {
  padding: 42px 42px;
}

.imgcharts {
  width: 100%;
  float: right;
  position: relative;
  left: 13px;
  top: 8px;
}

.blueframe .cta-bttn {
  margin-top: 25px;
}

@media (max-width:991px) {
  .company-alert-rating {
    margin-top: 30px;
  }
}

@media (max-width:767px) {
  .backone {
    padding: 30px 20px;
  }

  footer {
    margin-top: 30px;
  }
}


@media (min-width:510px) and (max-width:574px) {

  .blueframe::before {
    content: "";
    background-color: #0099ff;
    width: 94% !important;
    height: 918px !important;
    border-radius: 100% !important;
    position: absolute;
    top: 77px !important;
    right: 0;
    transform: rotate(78deg) !important;
    /* transform: translate(26%, -6%); */
  }
}

@media (max-width:575px) {
  /* .main-frame {
      margin: 0px 7px;
  } */
}

@media (min-width:410px) and (max-width:479px) {
  .blueframe::before {
    content: "";
    background-color: #0099ff;
    width: 515px !important;
    height: 994px !important;
    border-radius: 100%;
    position: absolute;
    top: 66px !important;
    transform: rotate(65deg) !important;
    right: 0;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .grid-footer-patch {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: space-between;
    gap: 21px;
  }

  .comman-bigg-text {
    color: var(--white);
    font-size: 27px;
    font-weight: bold;
  }

  .imgcharts {
    width: 104%;
    margin-top: 22px;
  }

  .ulregister {
    color: var(--white);
    margin-top: 34px;
    width: 73%;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .uploadbtn {
    margin-top: 32px !important;
  }

  .grid-companydetail {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 42px;
  }

  .back-flex::before {
    position: absolute;
    content: "";
    background-color: transparent;
    width: 0%;

    height: 1px;
    top: -0px;

  }

  .company-alrt-rating {
    margin-left: 17px;
    font-size: 25px;
  }

  .comman-btns-vd {
    padding: 10px 45px;
    font-size: 13px;
    margin-top: 19px;
  }

  .grid-footer-patch ul {
    display: grid;
    grid-template-columns: repeat(6, auto);
    gap: 19px;
  }

  .grid-footer-patch {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* justify-content: space-between; */
    gap: 20px;
  }

  .blueframe::before {
    content: "";
    background-color: #0099ff;
    width: 1023px;
    height: 976px;
    border-radius: 100%;
    position: absolute;
    top: 263px;
    right: -277px;
    transform: rotate(332deg) !important;

  }

  .poserelabox h3 {
    position: absolute;
    top: 55px;
    left: 43%;
  }

  .comman-bigg-text {
    color: var(--white);
    font-size: 28px;
    font-weight: bold;
  }

  .imgcharts {
    width: 102%;
  }
}

@media (min-width:575px) and (max-width:767px) {
  .grid-companydetail {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 42px;
  }

  .back-flex::before {
    position: absolute;
    content: "";
    background-color: transparent;
    width: 0%;

    height: 1px;
    top: -0px;
  }

  .company-alrt-rating {
    margin-left: 17px;
    font-size: 18px;
  }

  .comman-btns-vd {
    padding: 10px 45px;
    font-size: 13px;
    margin-top: 19px;
  }

  .grid-footer-patch ul {
    display: grid;
    grid-template-columns: repeat(6, auto);
    gap: 19px;
  }

  .grid-footer-patch {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* justify-content: space-between; */
    gap: 20px;
  }

  .blueframe::before {
    content: "";
    background-color: #0099ff;
    width: 94%;
    height: 976px;
    border-radius: 100%;
    position: absolute;
    top: 77px;
    right: 0;
    transform: rotate(78deg) !important;
    /* transform: translate(26%, -6%); */
  }

  .poserelabox h3 {
    position: absolute;
    top: 35px;
    left: 28%;
  }

  .comman-bigg-text {
    color: var(--white);
    font-size: 28px;
    font-weight: bold;
  }

  .imgcharts {
    width: 103%;
  }
}

@media (min-width:480px) and (max-width:574.90px) {
  .grid-companydetail {
    display: grid;
    grid-template-columns: repeat(1, auto);
    gap: 42px;
  }

  .back-flex::before {
    position: absolute;
    content: "";
    background-color: transparent;
    width: 0%;

    height: 1px;
    top: -0px;
  }

  .company-alrt-rating {
    margin-left: 17px;
    font-size: 22px;
  }

  .comman-btns-vd {
    padding: 10px 45px;
    font-size: 13px;
    margin-top: 19px;
  }

  .grid-footer-patch ul {
    display: grid;
    grid-template-columns: repeat(6, auto);
    gap: 19px;
  }

  .grid-footer-patch {
    display: grid;
    grid-template-columns: repeat(1, auto);
    /* justify-content: space-between; */
    gap: 20px;
  }

  .blueframe::before {
    content: "";
    background-color: #0099ff;
    width: 94%;
    height: 976px;
    border-radius: 100%;
    position: absolute;
    top: 77px;
    right: 0;
    transform: rotate(78deg) !important;
    /* transform: translate(26%, -6%); */
  }

  .poserelabox h3 {
    position: absolute;
    top: 35px;
    left: 28%;
  }

  .comman-bigg-text {
    color: var(--white);
    font-size: 28px;
    font-weight: bold;
  }

  .imgcharts {
    width: 103%;
  }
}

@media (min-width:360px) and (max-width:479.90px) {
  .grid-companydetail {
    display: grid;
    grid-template-columns: repeat(1, auto);
    gap: 42px;
  }

  .back-flex::before {
    position: absolute;
    content: "";
    background-color: transparent;
    width: 0%;

    height: 1px;
    top: -0px;
  }

  .company-alrt-rating {
    margin-left: 17px;
    font-size: 22px;
  }

  .comman-btns-vd {
    padding: 10px 45px;
    font-size: 13px;
    margin-top: 19px;
  }

  .grid-footer-patch ul {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 8px;
  }

  .grid-footer-patch {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* justify-content: space-between; */
    gap: 20px;
  }

  .blueframe::before {
    content: "";
    background-color: #0099ff;
    width: 515px !important;
    height: 994px !important;
    border-radius: 100%;
    position: absolute;
    top: 102px !important;
    transform: rotate(65deg) !important;
    right: 0;

  }

  .imgcharts {
    width: 100%;
    position: relative;
    left: 12px;
  }

  .comman-bigg-text {
    color: var(--white);
    font-size: 19px;
    font-weight: bold;
  }

  .poserelabox h3 {
    position: absolute;
    top: 22px;
    left: 31%;
  }
}

@media (min-width:320px) and (max-width:359.90px) {
  .grid-companydetail {
    display: grid;
    grid-template-columns: repeat(1, auto);
    gap: 42px;
  }

  .back-flex::before {
    position: absolute;
    content: "";
    background-color: transparent;
    width: 0%;

    height: 1px;
    top: -0px;
  }

  .company-alrt-rating {
    margin-left: 17px;
    font-size: 22px;
  }

  .comman-btns-vd {
    padding: 10px 45px;
    font-size: 13px;
    margin-top: 19px;
  }

  .grid-footer-patch ul {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 8px;
  }

  .grid-footer-patch {
    display: grid;
    grid-template-columns: repeat(1, auto);
    /* justify-content: space-between; */
    gap: 20px;
  }

  .grid-frame-two {
    display: grid;
    grid-template-columns: repeat(1, auto);
    justify-content: space-between;
    padding: 34px 34px;
  }

  .bg-blue-frame {
    background-image: url(../images/phoneviewbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
  }

  .comman-bigg-text {
    color: var(--white);
    font-size: 16px;
    font-weight: bold;
  }

  .blueframe::before {
    content: "";
    background-color: #0099ff;
    width: 1117px;
    height: 998px;
    border-radius: 100%;
    position: absolute;
    top: 380px;
    right: -416px;
    transform: rotate(20deg);
    /* transform: translate(-14%, -6%); */
  }

  .blueframe::before {
    content: "";
    background-color: #0099ff;
    width: 515px !important;
    height: 994px !important;
    border-radius: 100%;
    position: absolute;
    top: 94px !important;
    transform: rotate(62deg) !important;
    right: 0;
    /* transform: translate(26%, -6%); */
  }

  .imgcharts {
    width: 100%;
    position: relative;
    left: 12px;
  }

  .poserelabox h3 {
    position: absolute;
    top: 11px !important;
    left: 33% !important;
  }
}


/* Akshay Css End */


/* 88888888888888888888888888888888888888 */
/* 88888888888888888888888888888888888888 */
/* 88888888888888888888888888888888888888 */



/* Darshan Media Queries */

/* Media Queries mmqq*/
@media (max-width:1320px) {

  /* .company-info-container .left ul {
    padding: 0;
  }
  .company-info-container .right {
    flex: 1.5;
  } */
  .popular-companies ul .flex-head {
    flex-direction: column;
    align-items: start;
  }

  .popular-companies ul .date {
    margin-top: 10px;
  }

  .popular-companies {
    margin-right: 25px;
  }
}

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

  main section {
    margin-top: 50px;
  }

  .features_sc {
    margin-top: 80px;
  }

  .common-header {
    padding: 10px 0px;
  }

  .common-header li a {
    padding: 0px 8px;
    font-size: 14px;
  }

  .header-desktop .ham-bttn .primary-fill {
    margin-left: 10px;
  }

  .grid-companydetail img {
    width: 55px;
    height: 55px;
  }

  .company-alrt-rating {
    margin-left: 15px;
    font-size: 22px;
  }
}

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

  .header-desktop ul,
  .banner_sc p br,
  .service_sc .section_head_para br {
    display: none;
  }

  /* Adjust logo size by change below width */
  .header-desktop .logo-container {
    width: 150px;
  }

  .hamburger {
    display: block;
  }


  .search-input-wrapper,
  .select-wrapper select,
  .common-dropdown {
    padding: 12px 16px;
    border-radius: 5px;
  }

  .select-wrapper {
    border-radius: 5px;
  }

  .banner_sc {
    padding-top: 60px;
    padding-bottom: 90px;
  }

  .banner_sc h1 {
    font-size: 30px;
  }

  .section_head {
    font-size: 26px;
  }

  .feature-box {
    padding: 24px 20px;
  }

  .feature-box .head p {
    font-size: 14px;
    line-height: 22px;
  }

  .table-wrapper .table-head {
    padding: 10px 16px;
  }

  .table-wrapper .table-head h4 {
    font-size: 18px;
  }

  .service-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .service-card-grid .service-card:nth-child(odd) {
    transform: translate(0, 0px);
  }

  .feature-card .icon-container svg {
    width: 50px;
    height: 50px;
  }

  .company-info-container ul li span {
    font-size: 20px;
  }

  .company-info-container ul li:first-child {
    margin-right: 100px;
  }

  .strategy-card-container {
    grid-template-columns: repeat(2, 1fr);
    max-width: 550px;
    margin: 0 auto
  }

  .strategy-card-container .icon-container svg {
    width: 60px;
    height: 60px;
  }

  .tranding-container {
    flex-direction: column;
  }

  .popular-companies {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .service_sc {
    margin-bottom: 0;
  }

  .grid-companydetail .back:last-child {
    grid-column: 1 / 3;
  }

  .company-alrt-rating {
    font-size: 20px;
  }

  .grid-companydetail img {
    width: 50px;
    height: 50px;
  }
}

@media (max-width:767px) {
  main section {
    margin-top: 35px;
  }

  .banner_sc h1 {
    font-size: 26px;
  }

  .section_head {
    font-size: 22px;
  }

  .banner_sc {
    padding-top: 30px;
    padding-bottom: 65px;
  }



  .service-card-grid li h6 {
    font-size: 17px;
    margin-bottom: 10px;
  }

  .service-card-grid li p {
    font-size: 14px;
    margin-bottom: 14px;
  }

  .feature-box .head {
    flex-direction: column;
  }

  .feature-box .head p br,
  .features_sc .section_head br {
    display: none;
  }

  .slide-container-wrapper .custom-slider-btn button {
    height: 30px;
    width: 30px;
  }

  .slide-container-wrapper .custom-slider-btn button svg {
    height: 10px;
    width: 18px;
  }

  .feature-card h5 {
    font-size: 16px;
    margin-top: 12px;
  }

  .feature-card .icon-container svg {
    width: 40px;
    height: 40px;
  }

  .strategy-wrapper {
    padding: 30px 0px;
  }

  .strategy-card-container li {
    padding: 20px;
  }

  .strategy-card-container h5 {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .strategy-card-container .icon-container svg {
    width: 50px;
    height: 50px;
  }

  .strategy-card-container .bttn {
    padding: 10px 30px;
    font-size: 15px;
  }

  .strategy-wrapper::before,
  .strategy-wrapper::after {
    height: 20px;
    width: 90px;
  }

  .comman-bigg-text br,
  .section_head_para br {
    display: none;
  }

  .company-info_sc {
    margin-top: -35px;
  }

  .company-info-container {
    padding: 20px 30px;
    border-radius: 15px;
  }

  .company-info-container ul li:first-child {
    margin-right: 80px;
  }

  .company-info-container ul li span {
    font-size: 18px;
  }

  .company-info-container ul li {
    font-size: 14px;
  }

  .grid-companydetail {
    grid-template-columns: repeat(1, auto);
    gap: 20px;
  }

  .grid-companydetail .back:last-child {
    grid-column: 1;
  }
}

@media (max-width:575px) {
  .banner_sc h1 {
    font-size: 22px;
  }

  .section_head {
    font-size: 20px;
  }

  .search-input-wrapper::before {
    height: 25px;
    width: 25px;
  }

  .features_sc {
    margin-top: 50px;
  }

  .feature-box::before {
    top: -10px;

  }

  .feature-box::after {
    top: -20px;
  }

  .table-wrapper .table-head h4 {
    font-size: 16px;
  }

}

@media (max-width:479px) {
  .header-desktop .logo-container {
    width: 130px;
    flex-shrink: 0;
  }

  .banner_sc {
    padding-top: 30px;
    padding-bottom: 30px;
  }


  /* .section_head {
  font-size: 18px;
} */
  .service-card-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }

  .feature-box {
    padding: 20px 15px;
  }

  .feature-card {
    margin: 0px 5px;

  }

  .select-input-flex {
    flex-direction: column;
  }

  .select-input-flex .search-input-wrapper {
    margin-left: 0;
    margin-top: 5px;
  }

  .banner_sc .select-wrapper,
  .banner_sc .select-wrapper select {
    width: 100%;
  }

  /* .company-info_sc {
  margin-top: -15px;
}
.company-info-container {
  border-radius: 10px;
}
.company-info-container .left {
  padding: 20px 30px;
}
.company-info-container .right ul li{
 margin-bottom: 15px;
}
.company-info-container .right ul li:last-child{
  margin-bottom: 0px;
 } */
  .strategy-card-container {
    grid-template-columns: repeat(1, 1fr);
    max-width: 260px;
  }

  .popular-companies ul .flex-head>div {
    align-items: start;
    flex-direction: column;
  }

  .popular-companies ul h6 {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .popular-companies .head {
    padding: 16px 20px;
  }

  .tranding-container .head {
    font-size: 18px;
  }

  .popular-directors h6 {
    font-size: 15px;
    margin-bottom: 7px;
  }

  .popular-directors ul li {
    flex-direction: column-reverse;
    align-items: start;
  }

  .popular-directors .common-lable.primary {
    margin-bottom: 10px;
  }

  .blueframe .cta-bttn {
    width: 100%;
    font-size: 15px;
  }

  /* .company-info-container .left ul li span {
  font-size: 18px;
} */

  .select-input-flex .common-dropdown {
    width: 100%;
  }

  .company-info_sc {
    margin-top: 15px;
  }

  .company-alrt-rating {
    font-size: 18px;
  }

  .header-desktop .ham-bttn>button {
    display: none;
  }

  .show-479 {
    display: block;
  }

  .banner_sc .search-input-wrapper,
  .banner_sc .common-dropdown {
    padding: 7px 10px;
  }

  .banner_sc .content {
    padding-bottom: 90px;
  }
}

@media (max-width:359px) {
  .company-info-container ul li:first-child {
    margin-right: 65px;
  }

  .company-info-container {
    padding: 15px 22px;
    border-radius: 10px;
  }
}


/* Company Info */
.company-info_banner {
  background: linear-gradient(270deg, #114974 13.74%, #3880B8 86.37%);
  height: 222px;
}

.company-info-box_main_sc,
.company-list_sc {
  margin-top: -120px;
}

.company-info-box_main {
  padding: 24px;
  background-color: var(--white);
  border-radius: 12px;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
}

.company-info-box_main>div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.company-info-box_main>div:first-child>div,
.company-info-box_main>div:first-child p {
  display: flex;
  align-items: center;
}

.company-info-box_main .logo-container,
.bottom-company-info .logo-container,
.add-to-cart_sc .offer-box .logo-container {
  height: 48px;
  width: 48px;
  border: 1px solid var(--stroke-lite);
  padding: 4px;
  border-radius: 4px;
  flex-shrink: 0;
}

.company-info-box_main .logo-container img,
.bottom-company-info .logo-container img,
.add-to-cart_sc .offer-box .logo-container img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.company-info-box_main>div:first-child>div:first-child h3,
.bottom-company-info h3 {
  margin: 0;
  margin: 0px 20px;
  font-size: 24px;
  font-weight: 600;
  color: var(--black);
}

.company-info-box_main>div:first-child p {
  margin-right: 20px;
}

.company-info-box_main>div:first-child p svg {
  display: block;
  margin-left: 5px;
}

.company-info-box_main>div:first-child>div:last-child>div:last-child {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.company-info-box_main>div:first-child>div:last-child span:first-child {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 3px;
}

.company-info-box_main>div:first-child>div:last-child span:last-child {
  font-size: 16px;
  font-weight: 600;
  color: var(--black);
}

.company-info-box_main>p {
  margin-top: 16px;
}

.company-info-box_main>div:nth-child(3) {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
 
}

.company-info-box_main ul {
  /* border-top: 1px solid var(--stroke-lite); */
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 1px;
  background-color: var(--stroke-lite);
  position: relative;
}

.company-info-box_main ul::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: var(--stroke-lite);
  top: -24px;
  right: 0;
  left: 0;
}

.company-info-box_main ul li {
  padding: 0px 20px;
  background-color: var(--white);

}

.company-info-box_main .cta-bttn,
.bottom-company-info .cta-bttn {
  padding: 16px;
  background-color: var(--negative);
  color: var(--white);

}

.company-info-box_main ul li b {
  display: inline-block;
  margin-top: 12px;
  color: var(--black);
}

/* Compnay Details */

.company-details_sc {
  margin-top: 27px;
}

.company-info_container {
  display: flex;
}

.company-info_tabs {
  margin-right: 20px;
  flex: 1;
}

.company-info_tabs .tabs-desktop {
  position: sticky;
  top: 70px;
}

.company-info_tabs .tabs-desktop li a {
  display: block;
  text-decoration: none;
  padding: 10px 16px;
  line-height: normal;
  border-radius: 8px;
  font-weight: 500;
  color: var(--body-text);
}

.company-info_tabs .tabs-desktop li a:hover {
  background-color: var(--gray-300);
}

.company-info_tabs .tabs-desktop li a.active {
  color: var(--primary);
  background-color: var(--primary-light);
}

.company-info_tabs_content {
  flex: 4.8;
  min-width: 0;
}

.company-info_tabs_content .box {
  background: var(--white);
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  margin-bottom: 24px;
}

.company-info_tabs_content .box:last-child {
  margin-bottom: 0;
}

.company-info_tabs_content .box>.head {
  padding: 16px 20px;
  border-bottom: 1px solid var(--stroke);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.company-info_tabs_content .head h2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--black);
}

.company-info_tabs_content .body {
  padding-top: 12px;
}

.company-info_tabs_content .body.padding {
  padding: 20px;
}

.basic-detail-container h5 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  color: var(--black);
}

.basic-detail-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}

.basic-detail-grid li {
  padding: 24px 10px;
  border: 1px solid var(--stroke);
  border-radius: 8px;
}

.basic-detail-grid li.active {
  background-color: var(--primary-light);
}

.basic-detail-grid li b {
  display: block;
  color: var(--black);
  margin-top: 10px;
}

.genral_details {
  padding: 24px 0px;
  border-bottom: 1px solid var(--stroke);
}

.genral_details:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.genral_details .genral_details_head {
  padding: 8px 0px 8px 32px;
  border-left: 4px solid var(--secondary);
  font-size: 18px;
  line-height: normal;
  color: var(--black);
  font-weight: 600;
  margin-bottom: 20px;
}

.genral_details .genral_details_head.icon {
  display: flex;
  align-items: center;
}

.genral_details .genral_details_head.icon svg {
  margin-left: 10px;
}

.genral_details_grid {
  padding-left: 36px;
  display: grid;
  grid-template-columns: repeat(4, auto);
  column-gap: 15px;
  row-gap: 30px;
}

.genral_details_grid li p {
  margin-bottom: 10px;
}

.genral_details_grid li b {
  color: var(--black);
  font-weight: 600;
  display: block;
}

.genral_details_grid li b.no_data {
  color: var(--stroke-dark);
}

.genral_details_grid li a {
  text-decoration: none;
  color: var(--primary);
  font-weight: 600;
}

.report_doc_grid {
  display: grid;
  grid-template-columns: repeat(5, auto);
}

.report_doc_grid li {
  text-align: center;
}

.report_doc_grid .icon-container {
  margin-bottom: 10px;
}

.report_doc_grid b {
  color: var(--black);
}

.group-structure-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
}

.group-structure-container .right {
  min-width: 0;
}

.group-structure .common-table {
  max-height: 255px;
}

.table-results span {
  color: var(--black);
  font-weight: 500;
  margin-left: 5px;
}

.common_chart_box {
  padding: 16px;
  border: 1px solid var(--stroke);
  border-radius: 8px;
}

.common_chart_box .head,
.company-info_tabs_content .box .body .flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.common_chart_box h5,
.common_chart_box p {
  color: var(--black);
  font-size: 14px;
  font-weight: 600;
}

.common_chart_box h5 .common-lable {
  margin-left: 10px;
}


.financial_reports-grid>div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.financial_reports-grid>div:first-child {
  margin: 0px 16px;
}

.financial_reports-grid>div:last-child {
  margin-top: 12px;
}

.financial_reports-grid .common-table {
  max-height: 350px;
}

.company-info_tabs_content .box .body .flex-container {
  padding: 0px 24px;
}


.charges.box .common-table {
  max-height: 360px;
}

.table_scroll_lock .lock-bttn {
    top: auto;
    /* bottom: 30px;*/
    bottom: 0px;
}

.table_scroll_lock {
  overflow-y: hidden;
  position: relative;
}

.table_scroll_lock::before {
  content: "";
  width: 100%;
  height: 142px;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.state_wise_companies_container {
  display: flex;
}

.state_wise_companies_container .map-container {
  flex: 1.2;
  margin-right: 12px;
}

.state_wise_companies_container .table-responsive {
  flex: 1;
}

.bottom-company-info {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.bottom-company-info.sticky {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  animation: translate2 0.5s ease-in-out;
  display: flex;
  z-index: 5;
  width: max-content;
}

.company-info-box_main .logo-container,
.bottom-company-info .logo-container{
  height: 35px;
  width: 35px;
}

.bottom-company-info h3 {
  margin: 0;
  margin: 0px 20px;
  font-size: 18px;
}

.bottom-company-info .cta-bttn {
  padding:12px;
  border-radius: 8px;
  /* margin-left: 10px; */
  opacity: 0;
  display: none;
  transition: all 0.5s ease-in-out;
}

.bottom-company-info:hover .cta-bttn {
  display: block;
  opacity: 1;
}


/* Media Queries mmqq*/

@media (max-width:1199px) {
  .bottom-company-info h3 {
    margin-left: 15px;
    font-size: 16px;
  }

    .company-info-box_main > div:nth-child(3) {
        margin-top: 30px;
        flex-direction: column;
    }

  .company-info-box_main .bttn {
    width: fit-content;
    margin: 0 auto;
    margin-top: 18px;
  }

  .company-info_tabs {
    margin-right: 15px;
    flex: 1.3;
  }

  .basic-detail-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .genral_details .genral_details_head {
    padding: 8px 0px 8px 15px;
    margin-bottom: 16px;
  }

  .company-info_tabs_content .head h2 {
    font-size: 17px;
  }

  .genral_details_grid {
    padding-left: 19px;
  }
}

@media (max-width:991px) {

  .company-info-box_main>div:first-child>div:first-child h3,
  .bottom-company-info h3 {
    margin: 0px 12px;
    font-size: 18px;
  }

  .company-info-box_main>div:first-child>div:last-child span:first-child {
    font-size: 20px;
  }

  .company-info-box_main>div:first-child>div:last-child span:last-child {
    font-size: 15px;
  }

    .company-info-box_main > div:nth-child(3) {
        margin-top: 16px;
    }

  .company-details_sc .tabs-mobile {
    display: block;

  }

  .company-details_sc .tabs-desktop {
    display: none;
  }

  .company-info_container {
    flex-direction: column;
  }

  .company-info_tabs {
    margin: 0;
    margin-bottom: 20px;
  }

  .company-info-box_main ul {
    grid-template-columns: repeat(2, auto);
    margin-top: 12px;
  }

  .company-info-box_main ul::before {
    top: -12px;
  }

  .company-info-box_main ul li {
    padding: 10px 15px;
  }

  .company-info-box_main ul li:last-child {
    grid-column: 1 / 3;
  }

  .company-info-box_main .bttn {
    padding: 10px 20px;
  }

  .genral_details .genral_details_head {
    font-size: 16px;
  }

  .report_doc_grid {
    grid-template-columns: repeat(3, auto);
    gap: 20px;
  }

  .state_wise_companies_container .map-container {
    flex: 1;
  }

}

@media (max-width:767px) {
  .company-info_tabs_content .box>.head {
    padding: 12px 16px;
  }

  .company-info_tabs_content .head h2 {
    font-size: 16px;
  }

  .company-info_tabs_content .body.padding {
    padding: 16px;
  }

  .company-info_tabs_content .box .body .flex-container {
    padding: 0px 16px;
  }

  .basic-detail-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .genral_details .genral_details_head {
    padding: 4px 0px 4px 15px;
  }

  .genral_details_grid {
    padding-left: 20px;
    grid-template-columns: repeat(2, auto);
    row-gap: 20px;
  }

  .genral_details_grid li p {
    margin-bottom: 7px;
  }

  .group-structure-container,
  .financial_reports-grid>div {
    grid-template-columns: repeat(1, 1fr);
  }

  .state_wise_companies_container {
    flex-direction: column;
  }

  .state_wise_companies_container .map-container {
    margin: 0;
    margin-bottom: 15px;
  }

  .company-info-box_main>div:first-child {
    flex-direction: column;
    align-items: flex-start;
  }

  .company-info-box_main>div:first-child>div:last-child {
    margin-left: auto;
    margin-top: 10px;
  }

  .company-info-box_main>div:first-child>div:last-child>div:last-child {
    flex-direction: row;
    align-items: end;
    align-items: baseline;
  }

  .company-info-box_main>div:first-child>div:last-child span:first-child {
    margin: 0;
    margin-right: 7px;
  }

  .company-info_banner .select-input-flex {
    margin-top: 6px;
  }

  .select-input-flex.sticky {
    top: 58px;
  }

  .company-info_banner {
    height: 185px;
  }

  .basic-detail-container h5 {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .bottom-company-info.sticky {
    bottom: 10px;
  }
}

@media (max-width:575px) {
  .company-info-box_main {
    padding: 14px 12px;
  }

  .bottom-company-info h3 {
    font-size: 16px;
  }

  .bottom-company-info.sticky {
    display: grid;
    grid-template-columns: repeat(2, auto);
    row-gap: 5px;
  }

  .bottom-company-info .bttn {
    grid-column: 1 / 3;
  }

  .financial_reports-grid>div:first-child {
    margin: 0px 8px;
  }

  .bottom-company-info h3 {
    font-size: 15px;
  }

  .search-input-wrapper {
    margin-left: 6px;
  }

  .company-info-box_main>div:first-child>div:last-child span:first-child {
    font-size: 18px;
  }

  .company-info-box_main>div:first-child>div:last-child span:last-child {
    font-size: 14px;
  }
}

@media (max-width:479px) {

  .basic-detail-grid,
  .genral_details_grid,
  .company-info-box_main ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .company-info-box_main ul li:last-child {
    grid-column: 1;
  }

  .genral_details_grid {
    row-gap: 15px;
    padding: 0;
  }

  .report_doc_grid {
    grid-template-columns: repeat(2, auto);
  }

  .report_doc_grid li:last-child {
    grid-column: 1 / 3;
  }

  .common_chart_box .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .company-info-box_main_sc {
    margin-top: -70px;
  }
}

@media (max-width:359px) {
  .report_doc_grid {
    grid-template-columns: repeat(1, auto);
  }

  .report_doc_grid li:last-child {
    grid-column: 1;
  }

  .report_doc_grid li {
    display: flex;
  }

  .report_doc_grid .icon-container {
    margin: 0;
    margin-right: 10px;
  }
}



@keyframes translate {
  0% {
    opacity: 0;
    transform: translate(0, -50px);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes translate2 {
  0% {
    opacity: 0;
    transform: translate(-50%, 50px);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

/* ____________________________________________ */

/* Login Css */

.login_header {
  padding: 10px 0px;
  background: var(--white);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
}
.login_footer {
  margin-top: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index:2;
}
.login_sc {
  display: flex;
}
.login_sc > div {
  flex: 1;
}
.login_sc  {
  position: fixed;
  left: 0;
  right: 0;
  height: 100%;
  max-height: calc(100vh - 114px);
  top: 58px;
  bottom: 56px;
}
.login_sc .left {
  background: linear-gradient(180deg, #EAFBFF -36.21%, #F2FDFF 39.39%, #FFFFFF 100%);
  position: relative;
}
.login_sc .left img{
  height: 100%;
  width: 100%;
  object-fit: fill;
}

.login_sc .slider-container {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 450px;
}
.login_sc .slider-container .slick-dots {
  text-align: left;
  left: -11px;
  bottom: -30px;
}
.login_sc .slider-container .slick-dots li button:before {
  font-size: 40px;
}

.login_sc .slider-container h2{
  font-size: 22px;
  font-weight: 600;
  color: var(--primary);
  margin-bottom: 12px;
}

.login_sc .right{
  position: relative;
}

.login_form {
  width: 100%;
  max-width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.common_form h1 {
  font-size: 24px;
  color: var(--black);
  margin-bottom: 30px;
  font-weight: 600;
  text-align: center;
}
.form-grid-container,
.login-bttn-container {
  display: grid;
  row-gap: 14px;
  column-gap: 10px;
}
.form-grup.mendatory {
  position: relative;
}
.form-grup.mendatory::before {
  content: "*";
  font-size: 20px;
  color: var(--secondary);
  position: absolute;
  left: 20px;
  top: 16px;
  z-index: 1;
}
.form-grup.mendatory input,
.form-grup.mendatory textarea,
 input[type=date],
 .form-grup.mendatory .common-select select {
  padding-left: 40px;
}
.grid-2 {
  grid-template-columns: repeat(2,1fr);
}
.grid-10 {
  grid-template-columns: repeat(10,1fr);
}
.grid-10 .form-grup {
  grid-column: 1 / 11;
}
.form-grup.merg-2 {
  grid-column: 1 / 3;
}
.form-grup.merg-6 {
  grid-column: 1 / 7;
}
.form-grup.merg-4 {
  grid-column: 7 / 11;
}
.form-grup.merg-5 {
  grid-column: span 5;
}

.common_form input,
.common_form textarea,
.common_form .common-select select,
.common-form input[type=date]{
  margin: 0;
  padding: 0;
  outline: 0;
  width: 100%;
  background-color: var(--body-100);
  padding: 13px 20px;
  border: 1px solid var(--stroke);
  border-radius: 4px;
  line-height: normal;
}
.common_form input:focus-within,
.common_form textarea:focus-within,
.common_form .common-select select:focus-within{
  border: 1px solid var(--primary);
}
.common_form input:focus-within::placeholder,
.common_form textarea:focus-within::placeholder,
.common_form .common-select select:focus-within{
  color: var(--primary);
}
.common_form .common-select {
  border: 0;
}
.common_form .common-select::before {
 height: 18px;
 width: 18px;
}
.common_form textarea {
  resize: none;
  min-height: 83px;
}
.forgot-pass {
  display: block;
  text-decoration: none;
  color: var(--body-text);
  text-align: right;
  margin-top: 8px;
}
.login-bttn-container {
  margin-top: 22px;
}
.login-bttn-container .bttn {
  text-align: center;
  /* width: 100%; */
  border-radius: 4px;
}
.login_form >  p {
  text-align: center;
  color: var(--body-text);
  margin-top: 18px;
}
.login_form >  p a {
  text-decoration: none;
  color: var(--primary);
  font-weight: 600;
}

.login_form .form-grup{
  position: relative;
}
.login_form .form-grup .info-icon{
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: -30px;
  cursor: pointer;
}

/* Media Queries mmqq*/

@media (max-width:1199px){
  .footer {
    background-color: var(--balck-foot);
    padding: 10px 0px;
}
  .grid-footer-patch {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .grid-footer-patch > div:nth-child(2) {
    order: -1;
    grid-column: 1 / 3;
  }
  .grid-footer-patch > div:first-child ul,
  .grid-footer-patch > div:last-child ul{
    display: block;
  }
  .grid-footer-patch > div:last-child ul{
    text-align: end;
  }
  .grid-footer-patch > div:nth-child(2) ul{
    justify-content: center;
  }
}

@media (max-width:1024px){
    .login_sc , 
    .login_footer {
      position: static;
    }
    .login_sc {
      max-height: none;
  }
  .login_form {
    position: static;
    transform: translate(0%, 0%);
    margin: 30px auto;
}
}
@media (max-width:991px){
  .login_sc .left {
    display: none;
}

}
@media (max-width:767px){
  .grid-footer-patch {
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
}
.grid-footer-patch > div:nth-child(2) {
  grid-column: 1;
}
.grid-footer-patch > div:first-child ul,
  .grid-footer-patch > div:last-child ul{
   text-align: center;
  }
}

@media (max-width:575px){
  .login_form {
    max-width: 350px;
}
.common_form h1 {
  font-size: 22px;
  margin-bottom: 20px;
}
.common_form input, .common_form textarea,
.common_form .common-select select {
  padding: 10px 15px;
}
}

@media (max-width:479px){
  .grid-footer-patch > div:nth-child(2) ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0;
  }
  .grid-footer-patch > div:nth-child(2) ul li{
    text-align: center;
  }
  .login_form {
    margin: 30px auto;
    padding: 0px 15px;
}
.login_form .form-grup .info-icon {
  left: -25px;
}
.login_form .form-grup .info-icon {
  position: static;
  transform: translate(0, -15%);
}
}

/* Terms SC */
.terms_sc h2 {
  font-size: 24px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 24px;
}

.terms_sc .main-list > li{
  margin-bottom: 24px;
}
.terms_sc .main-list > li:last-child{
  margin-bottom: 0;
}

.terms_sc .main-list  h6 {
  font-size: 18px;
  font-weight: 500;
  color: var(--black);
  margin-bottom:  10px;
}
.terms_sc .main-list > li > ul {
  padding: 0;
  margin: 0;
  list-style: disc;
  list-style-position: inside;
}
 /* Tabs Desktop 888888888888888888888888888888888888888888888888 */
 .terms_sc .tabs_wrapper {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 50px;
 }
 .terms_sc .tabs-desktop.tabs{
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  flex: 1;
  margin-left: 50px;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid var(--stroke);
  position: sticky;
  top: 80px;
  height: fit-content;
  background-color: var(--white);
 }
 
 .terms_sc .tabs-desktop.tabs li {
   padding: 10px 16px;
   line-height: normal;
   transition: all 0.3s ease-in-out;
   cursor: pointer;
   font-weight: 500;
   border-radius: 8px;
 }
 
 .terms_sc .tabs-desktop.tabs li.active{
   background-color: var(--lite-blue);
   color: var(--primary);
 }
 


 /* Tabs Common Css 888888888888888888888888888888888888888888888888 */
  .terms_sc  .tabs_container{
   display: inline-block;
   width:100%;
 }
 .terms_sc  .tabs_container {
  flex: 3.5;
}

  .terms_sc  .tabs_container .tab_content{
   display: none;
 }
 
  .terms_sc  .tabs_container .tab_content.active{
   display: block;
   animation: tabs_fade_in_show 0.5s ease-in-out;
 }

 @keyframes tabs_fade_in_show {
   0% {
        opacity: 0;
   }

   100% {
        opacity: 1;
   }
}


/* Contact */
.contact_sc {
  margin-top: 30px !important;
}
.prcing_sc {
    margin-top: 20px !important;
}
.contact-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-items: end;
}
.contact_sc .contact-container .content .img-container{
  margin-bottom: 27px;
}
.contact_sc h1 {
  font-size: 24px;
  color: var(--black);
  font-weight: 600;
  margin-bottom: 12px;
  line-height: normal;
}
.contact_sc .contact-container .content ul {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 44px;
  position: relative;
}
.contact_sc .contact-container .content ul {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 44px;
  position: relative;
  margin-top: 30px;
}
.contact_sc .contact-container .content ul::before {
 content: "";
 position: absolute;
 height: 31px;
 width: 1px;
 background-color: var(--stroke);
 top: 50%;
 left: 30%;
 transform: translate(0, -50%);
}
.contact_sc .contact-container .content ul span {
  display: inline-block;
  margin-bottom: 6px;
}
.contact_sc .contact-container .content ul p {
  color: var(--black);
  font-weight: 500;
}
.contact_sc .contact-container .content ul a{
  display: block;
  color: var(--primary);
  font-weight: 500;
  text-decoration: none;
}


/* Pricing */

.prcing_sc h1 {
  font-size: 18px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 10px;
}

.pricing-container {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
  margin-top: 30px;
}

.offer-box {
  padding: 24px;
  border: 1px solid var(--stroke);
  border-radius: 8px;
}
.offer-box.active {
  border: 1px solid var(--primary-600);
  box-shadow: 0px 4.76712px 11.9178px rgba(0, 0, 0, 0.11);
}
.offer-box h4{
  font-size: 22px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 16px;
}

.delivery span{
  color: var(--black);
  font-weight: 500;
}
.delivery span.text-red{
  color: var(--secondary);
}
.offer-box ul {
  margin: 0;
  margin-top: 16px;
  padding-left: 20px;
}
.offer-box ul li{
  margin-bottom: 12px;
}
.offer-box ul li:last-child{
  margin-bottom: 0px;
}
.pricing-container .offer-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pricing-container .offer-box > div:last-child{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.pricing-container .offer-box > div:last-child b{
  color: var(--black);
  margin-right: 10px;
  font-size: 16px;
}

/* Company List */

.alfa_tabs {
  display: flex;
  /* flex-wrap: wrap; */
  gap: 8px;
  justify-content:space-evenly;
  overflow-x: auto;
}

.alfa_tabs a{
  color: var(--white);
  font-weight: 500;
  width: 35px;
  height: 38px;
  display: grid;
  place-items: center;
  background-color: rgba(255, 255, 255, 0.20);
  border-radius: 6px;
}
.alfa_tabs a.active {
  background-color: var(--white);
  color: var(--primary);
}

.company-list_sc .common-table thead th:nth-child(2), .common-table tbody td:nth-child(2) {
  text-align: left;
}
.company-list_sc .table-wrapper .table {
  margin-bottom: 0;
}
.company-list_sc .table-wrapper {
  padding: 0;
  margin-top: 18px;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 0;
}
.company-list_sc .table-wrapper thead th:nth-child(2),
.company-list_sc .table-wrapper tbody td:nth-child(2){
  min-width: 300px;
}
.company-list_sc .table-wrapper thead th:last-child,
.company-list_sc .table-wrapper tbody td:last-child,
.company-list_sc .table-wrapper thead th:nth-child(3),
.company-list_sc .table-wrapper tbody td:nth-child(3){
  white-space: nowrap;
}

.table-wrapper .head {
  padding: 12px 32px ;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table-wrapper .head h2 {
  color: var(--primary);
  font-size: 18px;
  font-weight: 600;
}
.table-wrapper .head p span{
  color: var(--black);
  font-weight: 500;
}

/* Add To Cart */

.add-to-cart_sc {
  margin-top: 20px;
}

.add-to-cart_container {
  display: flex;
}
.add-to-cart_container .left {
  flex: 1.8;
}
.add-to-cart_container .right {
  flex: 1;
  margin-left: 24px;
}
.add-to-cart_sc .offer-box > div,
.add-to-cart_sc .offer-box > div:first-child > div,
.add-to-cart_sc .offer-box > div:last-child > div,
.add-to-cart_sc .offer-box > div:last-child > div .bttn{
  display: flex;
  justify-content: space-between;
  align-items: center;
} 
.add-to-cart_sc .offer-box .company-info  > div:last-child,
.add-to-cart_sc .offer-box > div:last-child > div .bttn{
  margin-left: 15px;
} 
.add-to-cart_sc .offer-box .company-info h5{
  font-size: 16px;
  color: var(--black);
  font-weight: 600;
  margin-bottom: 5px;
} 
.add-to-cart_sc .offer-box .company-info > div:last-child p{
  color: var(--black);
} 
.add-to-cart_sc .offer-box > div:first-child > p{
  font-weight: 600;
  color: var(--primary);
  font-size: 16px;
} 
.add-to-cart_sc .offer-box > div:last-child{
  margin-top: 20px;
} 
.add-to-cart_sc .offer-box {
  margin-bottom: 30px;
} 
.add-to-cart_sc .offer-box:last-child {
  margin-bottom: 0px;
} 
.add-to-cart_sc .offer-box .bttn > span{
  white-space: nowrap;
} 

.offer-box-container .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.offer-box-container .head h3 {
  font-size: 20px;
  color: var(--black);
  font-weight: 600;
}
.order-summery {
  padding: 27px 24px;
  background-color: #FAFAFA;
  border-radius: 16px;
  position: sticky;
  top: 80px;
}

.order-summery h3{
  color: var(--black);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.order-summery .invoice-details li{
  padding: 18px 0px;
  display: flex;
  justify-content: space-between;
}
.order-summery .invoice-details li:last-child {
  position: relative;
}
.order-summery .invoice-details li:last-child::before {
  content: "";
  position: absolute;
  height: 1px;
  width: calc(100% + 48px);
  background-color: var(--stroke);
  top: 0;
  left: -24px;
}
.order-summery .invoice-details li:last-child p{
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
}
.order-summery .bttn{
  width: 100%;
  margin-top: 12px;
  border-radius: 6px;
}
.faq_sc {
  max-width: 845px;
  margin: 0 auto;
  margin-top: 80px;
}
.faq_sc h2{
  font-size: 24px;
  font-weight: 600;
  color: var(--black);
  text-align: center;
  margin-bottom: 24px;
}
.faq_sc ul li{
  margin-bottom: 24px;
}
.faq_sc ul li:last-child{
  margin-bottom: 0px;
}
.faq_sc h4{
  font-size: 18px;
  color: var(--black);
  line-height: normal;
  margin-bottom: 10px;
}

/* __________________________ */

/* Uplode */

.uplode_banner_sc {
  background: linear-gradient(270deg, #114974 13.74%, #3880B8 86.37%);
  padding: 30px 0px;
}
.uplode_banner_sc h1{
  font-size: 24px;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 10px;
}
.uplode_banner_sc h1 span {
  font-weight: 400;
}
.uplode_banner_sc p{
  color: var(--white);
  font-size: 15px;
}


/* Stepper */

.stepper {
  margin: 0;
  padding: 0;
  list-style: none;
  /* display: flex;
  justify-content: space-between; */
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow-x: auto;
  margin-bottom: 50px;

}
.stepper li{
  text-align: center;
  position: relative;
}
.stepper li span{
  line-height: 16px;
  white-space: nowrap;

}
    .stepper a:not([href]):not([class]), .stepper a:not([href]):not([class]) :hover{
        color: var(--body-text) !important;
    }
.stepper a {
    text-decoration: none;
    height: 54px;
    width: 54px;
    border: 1px solid var(--stroke);
    color: var(--body-text);
    display: grid;
    place-items: center;
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 16px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
}

.stepper li.verifyed a::before{
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.601563 16C0.601563 11.7565 2.28727 7.68687 5.28785 4.68629C8.28844 1.68571 12.3581 0 16.6016 0C20.845 0 24.9147 1.68571 27.9153 4.68629C30.9159 7.68687 32.6016 11.7565 32.6016 16C32.6016 20.2435 30.9159 24.3131 27.9153 27.3137C24.9147 30.3143 20.845 32 16.6016 32C12.3581 32 8.28844 30.3143 5.28785 27.3137C2.28727 24.3131 0.601563 20.2435 0.601563 16ZM15.6885 22.848L24.9002 11.3323L23.2362 10.0011L15.3813 19.8165L9.81756 15.1808L8.45223 16.8192L15.6885 22.848Z" fill="white"/></svg>');
  background-repeat: no-repeat;    
  background-size: 100% 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 32px;
  width: 32px;
  background-color: var(--positive);
  border-radius: 50%;
  transition: all 0.3s ease-in;
}

.stepper li::before,
.stepper li::after{
  content: "";
  position: absolute;
  display: block;
  top: 27px;
  background-color: #EBEBEB;
  width: 50%;
  height: 1px;
  z-index: -1;
}
.stepper li::after{
 right: 0;
}
.stepper li:first-child:before,
.stepper li:last-child:after{
  display: none;
}
.stepper li.active::before,
.stepper li.active::after,
.stepper li.verifyed::before,
.stepper li.verifyed::after{
  background-color: var(--positive);
}
.stepper li.active a, .stepper li.verifyed a {
  background-color: var(--positive);
  color: var(--white);
  border: 1px solid var(--positive);
}
.stepper li.active span,.stepper li.verifyed span {
  color: var(--black);
}

.uplode_sc {
  margin-top: 24px;
}

.uplode_sc .common_form {
  max-width: 670px;
  margin: 0 auto;
}
.uplode_sc .bttn-container {
  text-align: end;
  margin-top: 16px;
}
.uplode_sc .bttn-container .bttn {
  border-radius: 6px;
  margin-left: 16px;
}


.offer-details_sc {
  margin-top: 32px;
}
.offer-details_sc h5{
  font-size: 16px;
  font-weight: 500;
  color: var(--black);
  margin-bottom: 12px;
}
.offer-details_sc .delivery{
  margin-bottom: 12px;
}
.offer-details_sc .offer h6{
  font-weight: 600;
  font-size: 14px;
  color: var(--black);
  margin-bottom: 8px;
}
.offer-details_sc .offer ul{
  padding-left: 18px;
}
.offer-details_sc {
  
}
.offer-details_sc {
  
}
.offer-details_sc {
  
}
.offer-details_sc {
  
}
.offer-details_sc {
  
}
.offer-details_sc {
  
}
.offer-details_sc {
  
}
.offer-details_sc {
  
}




/* Media Queries mmqq*/

@media (max-width:1199px){
  .pricing-container {
    gap: 20px;
    margin-top: 30px;
}
.offer-box h4 {
  font-size: 20px;
}

.order-summery .invoice-details li {
  padding: 12px 0px;
}
}

@media (max-width:991px){
  .terms_sc .tabs_wrapper {
    margin-top: 30px;
}
  .terms_sc .tabs-desktop.tabs {
    flex: 1.2;
    margin-left: 15px;
}
.terms_sc h2 {
  font-size: 20px;
  margin-bottom: 18px;
}
.terms_sc .main-list > li {
  margin-bottom: 18px;
}
.terms_sc .main-list h6 {
  font-size: 16px;
}
.contact_sc {
  margin-top: 30px !important;
}
.pricing-container {
  grid-template-columns: auto;
}
.table-wrapper .head {
  padding: 12px 20px;
}
.table-wrapper .head h2 {
  font-size: 17px;
}
.faq_sc {
  margin-top: 50px;
}
.add-to-cart_container {
  flex-direction: column;
}
.add-to-cart_container .right {
  margin: 0;
  margin-top: 24px;
}
.stepper a {
  height: 40px;
  width: 40px;
  font-size: 14px;
}
.stepper span {
  font-size: 13px;
}
.stepper li::before, .stepper li::after {
  top: 20px;
}
.stepper li.verifyed a::before {
  height: 26px;
  width: 26px;
}
.offer-box-container .head h3 {
  font-size: 18px;
}
.add-to-cart_sc .offer-box {
  margin-bottom: 24px;
}
}

@media (max-width:767px){
  .faq_sc {
    margin-top: 30px;
}
.faq_sc h2 {
  font-size: 20px;
}
.faq_sc h4 {
  font-size: 17px;
}
  .terms_sc .tabs_wrapper {
    flex-direction: column;
}
.terms_sc .tabs-desktop.tabs {
  margin-left: 0;
  margin-bottom: 20px;
  display: flex;
}
.contact-container {
  grid-template-columns: repeat(1, 1fr);
}
.contact_sc .contact-container .content .img-container {
  margin-bottom: 10px;
}
.contact_sc .contact-container .content .img-container img {
  width: 20px;
}
.contact_sc h1 {
  font-size: 20px;
  margin-bottom: 10px;
}
.contact_sc .contact-container .content ul {
  margin-top: 18px;
}
.offer-box h4 {
  font-size: 17px;
  margin-bottom: 10px;
}
.stepper {
  padding-bottom: 15px;
  margin-bottom: 24px;
}
.stepper li {
  min-width: 100px;
}
}

@media (max-width:575px){
  .offer-box {
    padding: 16px;
}
  .add-to-cart_sc .offer-box {
    margin-bottom: 16px;
}
.uplode_banner_sc {
  padding: 20px 0px;
}
.uplode_banner_sc h1 {
  font-size: 20px;
}
.form-grup.mendatory::before {
  top: 12px;
  left: 10px;
}
.form-grup.mendatory input {
  padding-left: 28px;
}
.date-input-wrapper input[type="date"]:focus + .placeholder, .date-input-wrapper input[type="date"]:not(:placeholder-shown) + .placeholder {
  left: 28px;
}

}

@media (max-width:479px){
  .terms_sc .tabs-desktop.tabs li {
    padding: 10px 10px;
}
.contact_sc,
.prcing_sc {
  margin-top: 15px !important;
}
.contact_sc .contact-container .content ul {
  gap: 20px;
  margin-top: 30px;
  grid-template-columns: repeat(1, auto);
}
.contact_sc .contact-container .content ul::before {
  height: 1px;
  width: 50%;
  top: 50%;
  left: 0;
}
.pricing-container .offer-box > div:last-child {
  margin-top: 26px;
  flex-direction: column-reverse;
}
.pricing-container .offer-box > div:last-child a{
  margin-top: 10px;
}
.offer-box {
  padding: 18px 12px;
}
.prcing_sc p br {
  display: none;
}
.company-list_sc .table-wrapper .head h2 {
  margin-bottom: 5px;
}
.company-list_sc .table-wrapper .head {
  flex-direction: column;
  align-items: start;
  padding: 12px 12px;
}
.company-list_sc {
  margin-top: -70px;
}
.faq_sc h2 {
  font-size: 19px;
  margin-bottom: 20px;
}
.faq_sc h4 {
  font-size: 16px;
}
.order-summery {
  padding: 22px 18px;
}
.order-summery h3 {
  font-size: 18px;
  margin-bottom: 12px;
}
.order-summery .invoice-details li:last-child p {
  font-size: 15px;
}
.order-summery .invoice-details li:last-child::before {
  width: calc(100% + 36px);
  left: -18px;
}
.add-to-cart_sc .offer-box > div:first-child {
  flex-direction: column;
  align-items: flex-start;
}
.add-to-cart_sc .offer-box > div:first-child > p {
  margin-top: 10px;
  margin-left: 63px;
}
.form-grup.merg-6,
.form-grup.merg-4,
.form-grup.merg-5 {
  grid-column: 1 / 11;
}
}

@media (max-width:359px){

}

.create-nxt-login {
    text-align: center;
    color: var(--body-text);
    margin-top: 18px;
}
.create-nxt-login a{
    text-decoration: none;
    color: var(--primary);
    font-weight: 600;
}