/* Last Update on 11:57AM  11 oct 2024 by VK*/

:root {
  --bgColor: #EAEAEA;
  --secbgColor:#1E222B;
  --borderColor:#dadada;
  --highlight:#F1A341;
  --font:'Montserrat', sans-serif;
  --btnbg:#1E222A;  
  --sectxtColor:#5A5A5A;
  --regular:500;
  --medium:600;
  --semi-bold:700;
  --bold:800;
  --light:300;
  --red:#DC5354;
  --errorbg: #dc535338;
  --green:#3BBD77;
  --blue:#369FEC;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 16
}
/* *{ border:1px solid #f00} */
*{ box-sizing:border-box;}

body {
  font-family: var(--font)!important;
  background-color: var(--bgColor)!important;
}

a {
  color: var(--highlight);
  text-decoration: none;
}

a:hover {
  color: var(--highlight);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { font-family: var(--font); }
html, body{
  height: 100%;
}


.yellow-gradient{
  background: -moz-linear-gradient(top,  #f2e18d 0%, #f2a341 100%);
  background: -webkit-linear-gradient(top,  #f2e18d 0%,#f2a341 100%);
  background: linear-gradient(to bottom,  #f2e18d 0%,#f2a341 100%); 
  transition: all 0.3s ease-out;
  }
  .fill_btn.yellow-gradient:hover{
    background: -moz-linear-gradient(top,  #f2e18d 20%, #f2a341 100%);
    background: -webkit-linear-gradient(top,  #f2e18d 20%,#f2a341 100%);
    background: linear-gradient(to bottom,  #f2e18d 20%,#f2a341 100%); 
    transform: scale(1.03)
    }
    .fill_btn:after {
      content: "";
      background: #ffffffbd;
      display: block;
      position: absolute;
      width: 100px;
      height: 100px;
      border-radius: 100%;
      opacity: 0;
      transition: all 0.8s;
      left:50%;
      top:50%;
      transform: translate(-50%, -50%);
    }
    .fill_btn{ overflow: hidden;}
    
    .fill_btn:active:after {
      padding: 0;
      margin: 0;
      opacity: 1;
      transition: 0s;
      width: 0%;
      height: 0%;
      border-radius: 100%;
    }

    .fill_btn img{ width: 28px;}
.black-gradient{
    background: -moz-linear-gradient(top,  #00000000 0%, #000000 50%);
    background: -webkit-linear-gradient(top,  #00000000 0%,#000000 50%);
    background: linear-gradient(to bottom,  #00000000 0%,#000000 50%); 
  }

.black-overlay{ position: absolute; left: 0; right:0; top:0; bottom: 0;z-index:1; background-color: rgba(0,0,0,0.15);}

  

*{ box-sizing: border-box;}

.speaker-on .wave-circle{ position: relative;}
.speaker-on { margin:50px auto }
.wave-circle { width: 28px; height: 28px; background: #df4343; border-radius: 100%; text-align: center; line-height: 130px; animation: animate 2s linear infinite; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.wave-circle i { color: #fff; font-size: 20px; }
@keyframes animate {
	0% {
		box-shadow: 0 0 0 0 #df4343;
	}
	40% {
		box-shadow: 0 0 0 15px rgba(255, 26, 67, 0);
	}
	80% {
		box-shadow: 0 0 0 15px rgba(255, 206, 67, 0);
	}
	100% {
		box-shadow: 0 0 0 rgba(255, 206, 67, 0);
	}
}

.logo { max-height: 55px; }
.big_logo{ max-height: 80px; }

.bottom-border{ border-bottom: 1px solid #e1e1e1;}
.title{ font-weight: var(--medium); font-size: 16px;}
.label{ font-weight: var(--semi-bold); font-size: 14px;}

.form-select{ padding: 0.6rem 2.25rem 0.6rem 0.75rem; border-radius: 5px; font-size: 0.7rem;}

.no-border{ border:none!important}

.heading{ font-size: 28px; font-weight: var(--bold); text-shadow: 1px 1px 1px rgba(0,0,0,0.15); color:#000}
.heading-tag{ font-size: 18px;}

.mobile-menu-btn{appearance: none;-webkit-appearance: none;border: none;background-color: transparent;}
.fill_btn{padding: 8px 20px; border-radius: 50px; color: #000; transition: 0.3s; font-size: 14px; font-weight: var(--bold); appearance: none; -webkit-appearance: none; border: none; display: inline-flex; align-items: center; line-height: 1.5; position: relative;}

.fill_btn span{ font-size: 20px;}
.fill_btn.disable {opacity: 0.4;}


.plain_btn{padding: 8px; color: #000; transition: 0.3s; font-size: 14px; font-weight: var(--semi-bold); appearance: none; text-transform: uppercase; -webkit-appearance: none; border: none; display: flex; align-items: center; line-height: 1.5; background-color: transparent;}


.close-btn{ position: absolute;top:20px; right: 20px; appearance: none; -webkit-appearance: none; line-height: 1; border:none; border-radius: 100%; padding: 5px; background-color: #fff; width:32px; height:32px; display: flex; align-items: center; justify-content: center; z-index: 999;}

.sm-btn {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 18px;
  font-size: 10px;
  line-height: 1;
  padding: 7px 10px;
  border: none;
  color: var(--secbgColor);
  background-color: var(--bgColor);
  font-weight: var(--semi-bold);
  text-transform: uppercase;
}

.line-btn{  appearance: none;
  -webkit-appearance: none;
 background-color: transparent;
  font-size: 10px;
  line-height: 1;
  padding: 7px 10px;
  border: none;
  color: var(--secbgColor);
  font-size: 13px;
  text-transform: uppercase;
display: inline-flex;
align-items: center;}


.back-btn{ position: absolute;
  top: 20px;
  left: 20px;
  appearance: none;
  -webkit-appearance: none;
  line-height: 1;
  border: none;
  border-radius: 100%;
  padding: 5px;
  background-color: transparent;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;}

  .form-floating textarea{ height: 65px;}

  .delete-btn .material-icons, .delete-btn .material-symbols-outlined{ color:var(--red)}
  .add-btn .material-icons, .add-btn .material-symbols-outlined{ color:var(--green)}
  .view-btn .material-icons, .view-btn .material-symbols-outlined{ color:var(--blue)}


  .action-btn{ display: flex; align-items: center; padding: 5px 10px!important; transition: all 0.2s ease-out;}
  .action-btn span, .action-btn i{ font-size: 18px;}
  .action-btn:hover{ color: white; background-color: var(--red);}

  .form-control{ font-size: 12px; border-radius: 3px!important;}

  .invert{filter:invert(100%)}


.sort-dd button{ background-color: var(--bgColor);  border: var(--borderColor); font-size: 14px; color: var(--secbgColor);}
.sort-dd button:hover{ background-color: white; color: #000; }

.sort-dd button:checked+.btn, .sort-dd button.active, .sort-dd button.show, .sort-dd button:first-child:active, :not(.btn-check)+.sort-dd button:active {
  background-color: var(--bgColor);  border: var(--borderColor);
}


.nopadding{ padding-left: 0!important; padding-right: 0!important; padding-top:0!important; padding-bottom: 0!important;}
.nomargin{ margin: 0!important;}


.border_btn{ padding: 8px 30px; border-radius: 50px; color: var(--highlight); font-size: 14px; font-weight: var(--bold); border:1px solid var(--highlight) ; background-color: transparent; line-height: 1;} 
.border_btn:hover{ background-color: var(--highlight); color:#000}


.border-btn_sm{ padding: 5px 10px; border-radius: 50px; color: var(--highlight); font-size: 10px; font-weight: var(--regular); border:1px solid var(--highlight) ; background-color: transparent; line-height: 1;}
.border-btn_sm:hover{ background-color: var(--highlight); color:#000}

.icon-btn{ -webkit-appearance: none; border: 1px solid var(--borderColor); width: 70px; height: 70px; margin: 7px; color: var(--sectxtColor); border-radius: 5px; box-shadow: 0 1px 3px 1px rgb(0 0 0 / 25%); background: white; padding-top: 42px; font-weight: var(--bold); font-size: 12px; background-repeat: no-repeat; background-position: 50% 27%; background-size: 48%; transition: all 0.2s ease-out; position: relative; text-transform: uppercase;} 

.icon-btn:hover, .icon-btn.selected{  background: #f7d66e; border: 1px solid #f7d66e;}


.buy-icon-bg{ background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/buy_fill.svg); }
.buy-icon-bg:hover, .buy-icon-bg.selected{background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/buy_hover.svg); background-repeat: no-repeat; background-position: 50% 27%; background-size: 48%; color: #000;} 

.sell-icon-bg{ background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/sell_fill.svg); }
.sell-icon-bg:hover, .sell-icon-bg.selected{background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/sell_hover.svg); background-repeat: no-repeat; background-position: 50% 27%; background-size: 48%; color: #000;}

.both-icon-bg{ background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/both_fill.svg); }
.both-icon-bg:hover, .both-icon-bg.selected{background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/both_hover.svg); background-repeat: no-repeat; background-position: 50% 27%; background-size: 48%; color: #000;} 

.individual-icon-bg{ background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/individual_fill.svg); }
.individual-icon-bg:hover, .individual-icon-bg.selected{background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/individual_hover.svg); background-repeat: no-repeat; background-position: 50% 27%; background-size: 48%; color: #000;}


.company-icon-bg{ background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/company_fill.svg); }
.company-icon-bg:hover, .company-icon-bg.selected{background-image: url(https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/company_hover.svg); background-repeat: no-repeat; background-position: 50% 27%; background-size: 48%; color: #000;}


.text-shadow{text-shadow:1px 1px 2px rgb(0 0 0 / 44%);}

.flex-center{ display: flex; align-items: center; justify-content: center;}
.flex-left{ display: flex; align-items: center; justify-content: flex-start;}

.sm-font{ font-size: 9px!important;}


.col5-sm2{ flex: 0 0 auto; width: 20% !important;}
.col5-sm1{ flex: 0 0 auto; width: 20% !important;}

.col6-sm1{ flex: 0 0 auto; width: 16.66666666666667% !important;}

.col8-sm1{ flex: 0 0 auto; width: 12.5% !important;}

.inner-container{ width: 100%; min-height: calc(100vh - 60px);}

.max600{ max-width: 600px; width: 100%; margin:0 auto;}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
  opacity: 1;
  line-height: 2;
  font-size: 12px;
  font-weight: bold;
  color:#000000;
}

input:focus ~ label, input:valid ~ label, textarea:focus ~ label {
  font-size: 10px;
  color: #767676;
  font-weight: bold;
}


input[type=checkbox] {
  position: relative;
  cursor: pointer;
  width: 15px; height: 15px;
}
input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px!important;
  height: 16px;
  top: -1px;
  left: -1px;
  background-color:#e9e9e9;
  border: 1px solid var(--borderColor);
  border-radius:2px;
}
input[type=checkbox]:checked:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px!important;
  height: 16px;
  top: -1px;
  left: -1px;
  background-color:var(--highlight);
  border: 1px solid var(--highlight);
  border-radius:2px;

}
input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0px;
  left: 6px;
}

/* INPUT */

.form-control:focus {
  color: #000000;
  background-color: #fff;
  border-color: none!important;
  outline: 0;
 box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0)!important; 
}


.input-block{ position: relative; border-radius: 5px; border:1px solid var(--borderColor); margin-bottom: 20px;}

input, textarea {
  background: none;
  color: #606060;
  font-size: 16px;
  padding: 15px;
  display: block;
  width: 100%;
  border: none;
  border-radius: 0;
}

input:focus, textarea:focus { outline: none;}

input:focus ~ .bar:before, textarea:focus ~ .bar:before { width: 100%;}
textarea{ width:100%;}

input[type="date"]::before {	content: attr(data-placeholder);	width: 100%;}
input[type="date"]:focus::before, input[type="date"]:valid::before { display: none }

input[type="password"] { letter-spacing: 0.3em;}

.input-block label { color: #626262; font-size: 14px; font-weight: var(--medium); position: absolute; pointer-events: none; left: 15px; top: 21px; transition: 300ms ease all; }

.bar { position: relative; display: block; width: 320px;}

.btn-outline-secondary{ font-size: 12px!important; border-color: var(--borderColor)!important;}

.custom-drop_down .dropdown-item{ font-size: 12px; }
.form-floating>label{ line-height: 2.5;}
.form-floating>label>span{ color: var(--red);}

/* Terms */


.terms-wrapper, .terms-header{ width: 95%; margin: 5px auto; max-width: 1200px; text-align: center; }
.terms-wrapper .terms-body{ background-color: #fff; border-radius: 5px 5px 0 0; padding: 20px; max-height: calc(100vh - 200px); overflow-y: scroll; text-align: left;}

.terms-wrapper .terms-body h5{ font-size: 1em;}
.terms-wrapper .terms-body p, .terms-wrapper  ul li{ font-size: 0.85em;}

.privacy-cls-wrapper {width: 95%; margin: 5px auto; max-width: 1200px; text-align: left; }
.terms-cls-wrapper {width: 95%; margin: 5px auto; max-width: 1200px; text-align: left; }
.privacy-cls-wrapper h5{ font-size: 1em;}
.terms-cls-wrapper h5{ font-size: 1em;}
.privacy-cls-wrapper p, .privacy-cls-wrapper ul li, .privacy-cls-wrapper ol li{ font-size: 0.85em;}
.terms-cls-wrapper p, .terms-cls-wrapper ul li, .terms-cls-wrapper ol li{ font-size: 0.85em;}

.terms-body::-webkit-scrollbar {
  width: 8px;
}
.terms-body::-webkit-scrollbar-thumb {
  background: #c6d0d4;
  border-radius: 7px;
  border: 1px solid #aeb8bc;
  box-shadow: 8px 0px 0px rgb(0 0 0 / 30%);
}

.terms-body::-webkit-scrollbar-track {
  background: #fff;
}
.terms-header h5:first-child{ margin: 15px 0; font-size: 1.25rem; text-align: center;}
.terms-header h6{ margin-bottom: 22px; font-size: 1rem; text-align: center;}
.terms-wrapper .terms-footer{ background-color: #fff; border-radius:  0 0 5px 5px; padding: 15px 20px; border-top:1px solid var(--bgColor); margin-bottom: 10px;}
.terms-footer-wrapper{ display: flex; align-items: center; justify-content: space-around; flex-direction: row;}


.terms-inner{ text-align: left;}


/*PENDING Page*/

.pending-wrapper{ width: 100%; padding: 20px; max-width: 600px; margin: 0 auto; min-height: calc(100vh - 50px);}

.pending-header{ text-align: center; margin-top: 80px; margin-bottom: 80px;}

.pending-header h1, .bold-heading { font-weight: var(--bold); font-size: 24px; }

.pending-header p{ text-align: center; font-size: 1.2em; color: var(--secbgColor); margin-bottom: 15px; margin-top: 15px; line-height: 1.4; }


/*SIGNIN*/
.signin-wrapper{ width: 100%; max-width: 900px; margin: 25px auto; text-align: center;}
.signin-wrapper .logo{ height: 80px!important; max-height: 80px!important;}

.signin-body{ display: flex; align-items: stretch; flex-direction: row; width: 100%; min-height: calc(100vh - 210px); margin-top: 20px; margin-bottom: 60px; background-color: #fff; border-radius: 5px; overflow: hidden;}
.signin-body .signin-graphic{ width: 320px;   position: relative; overflow: hidden;}
.signin-body .signin-graphic h2{ color: #fff; line-height: 31px; text-shadow: 1px 2px 2px rgb(0 0 0 / 10%); position: absolute; top: 27%; font-size: 25px; font-weight: bold; text-align: center; width: 100%;}
.signin-body .signin-graphic img{ min-height: 100%;}
.signin-body .signin-section{ width: calc(100% - 320px); height: 100%; padding: 45px; position: relative;}
.signin-section h1{ text-align: left;}
.signin-section p{ text-align: left; font-size: 18px; margin-bottom: 8px;}
.signin-section .note-msg  {text-align: left; font-size: 13px; margin-bottom: 0px; font-weight: 700; position: relative;}
/* .signin-section .note-msg  span{    color: #ed3c0d; font-size: 21px; position: absolute; top: -9px; left: -9px;} */


.signin-footer{ display: flex; align-items: center; justify-content: space-between; margin-top: 2.5rem!important; position: relative;}

.signup-prompt{ font-size: 13px!important; font-weight: normal!important; color: #000!important;}

.flex-wrap{ display: flex; align-items: stretch; flex-wrap: nowrap;}


/*TEAM*/
.team-card{border-radius: 5px; background-color: #fff; text-align: center; margin-bottom: 20px;}
.team-card-footer .team-title{ font-size: 17px; color: #000; text-align: center; text-transform: uppercase; margin-top: 15px;}
.team-card .team-designation{ font-size:13px; line-height: 1; padding: 5px 15px; background-color: #ECF0FA; text-align: center; margin-bottom: 0; display: inline-block; margin: 0 auto; border-radius: 20px;}

/* .team-card img{ width: 100%; max-width: 160px; border-radius: 100%; display: block; margin: 0 auto;} */
.team .team-card .team-card-header {height: auto; border-radius: 5px 5px 0px 0px; position: relative; padding: 15px 20px;}
.team .team-card .team-card-header .team-card-img-block{display: flex; width: 125px; height: 125px; border-radius: 100%; background-color: var(--highlight); overflow: hidden; border: 5px solid #fff; align-items: center; justify-content: center;box-shadow: 0 0 30px rgb(214 215 216 / 60%); margin-right: 22px;}
.team .team-card .team-card-header .team-profile-block{ display: flex; align-items: center; width: 100%;}
.team .team-card .team-card-body {padding: 40px 20px 15px 20px; height: auto;}
.team .team-card .team-card-header .team-card-img-block img{display: block; width: 100%; }
.team .team-card .team-card-header .team-title-block h4{color: #000000; font-size: 15px; font-weight: 700; margin-bottom: 0px; text-align: left; line-height: 1;}
.team .profile-badge{font-size: 11px; font-weight: 400; margin: 2px 0 12px 0; text-align: left;}
.team .team-card .team-card-body ul li {font-size: 0.8em; text-align: left; color: #000; font-weight: 400; line-height: 18px; text-transform: capitalize; margin-bottom: 16px;}
.team .team-card .team-card-body ul li:last-child{ margin-bottom: 0px;} 
.team .col5-sm3 .team-card {padding: 0;}
.team-section {align-items: stretch;}
.team .team-card .team-card-header .team-title-block .team-contact {font-size: 11px; font-weight: 600; display: flex; align-items: center; margin-bottom: 8px;}
.team .team-card .team-card-header .team-title-block .team-contact span{background-color: #f2d5a7; padding: 2px; border: 1px solid #fffdfc; border-radius: 100%; margin-right: 7px; font-size: 13px;}
.team-card-footer .sales-contact {text-transform: lowercase; display: inline-flex; align-items: center; justify-content: center; color: #424242 !important; border: 1px solid #cbcbcb; border-radius: 14px; padding: 3px 11px; font-weight: 600 !important; text-align: center; margin: 4px auto !important; font-size: 11.5px !important;}
.team-card-footer .sales-contact span {font-size: 13px; margin-right: 3px; line-height: inherit;}
.team-card-footer .slaes-email-contact {text-transform: lowercase; display: flex; align-items: center; justify-content: center; color: #424242 !important; font-weight: 600 !important; text-align: center; margin: 1px auto !important; font-size: 11.5px !important;}
.team-card-footer .slaes-email-contact span {font-size: 13px; margin-right: 3px; line-height: inherit;}
.sales-team .team-card {height: 95%;}
.sales-team .profile-badge-sm {font-size: 13px; margin-bottom: 6px !important;}
/* .sales-team:nth-child(5) .team-card {height: 98.6%;} */


.team-card{ padding:25px; border-radius: 5px; background-color: #fff; text-align: center; margin-bottom: 20px; height: 100%; overflow: hidden;
  z-index: -1;}
.team-card-footer .team-title{ font-size: 15px; color: var(--highlight); font-weight: bold; text-align: center; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px;}
.team-card .team-designation{ font-size:12px; line-height: 1; padding: 8px 15px; background-color: #ECF0FA; text-align: center; margin-bottom: 15px; display: inline-block; margin: 0 auto; border-radius: 20px; border: 4px solid #fff; box-shadow: 0px 0px 8px rgb(0 0 0 / 24%);}
.team-card img{ width: 100%; max-width: 125px; border-radius: 100%; display: block; margin: 0 auto; border: 4px solid #fff;
  box-shadow: 0px 0px 8px rgb(0 0 0 / 24%);}
.team-card-footer .team-para {color: #000; font-weight: normal; font-size: 0.8em; line-height: 1.5; margin-bottom: 0; min-height: 56px; max-height: 56px; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: inherit !important; border: none;}
.team-card-body ul{ margin-bottom: 0;}
.team-card-footer .full-details {display: flex; align-items: center; justify-content: left; font-size: 11px; color: var(--highlight); text-transform: capitalize; margin-bottom: 0; cursor: pointer; text-decoration: none; font-weight: 500;}
.team-card-footer .full-details span {height: 14px; font-size: 14px; line-height: 14.5px;}
.team-card-footer .team-mobile-para {display: none;}

.team-lg-wrapper{ width: 100%; max-width: 900px; margin: 0 auto;}
.team-section .lg{ padding: 0!important;}

.team .team-lg-wrapper .team-section .board-members {margin-bottom: 20px;}
.team .team-section .sales-team {margin-bottom: 20px;}
/*ABOUT*/

.about-img{width: 536px; text-align: center; margin: 0 auto; display: block;}
.about-count-wrapper{ display: flex; align-items: flex-start; justify-content: center;}
.about-count-wrapper .count-block{ margin: 20px 30px; display: flex; align-items: center; flex-direction: column;}
.about-count-wrapper .count-block h4{ line-height: 1; font-size: 18px; font-weight: var(--bold); margin-top: 10px; }
.about-count-wrapper .count-block .count-circle{ display: flex; align-items: center; justify-content: center; width:130px; height: 130px; border-radius: 100%; border:5px solid #fff; background-color: rgb(255 255 255 / 42%); position: relative;}
.count-circle h5{position: absolute; bottom: 18px; font-size: 15px; font-weight: bold;}
.about-count-wrapper .count-block .count-circle h2{ margin-bottom: 0; line-height: 1; color:#000; font-weight: var(--bold);}
.about-count-wrapper .count-block .count-circle p{ font-size: 18px; line-height: 1; margin-bottom: 0;}

.about-features-container{ max-width: 1200px!important;}
.about-features{  padding: 20px; border-radius: 5px; background-color: #fff; display: flex; align-items: center; margin-bottom: 25px;}
.about-features .icon-block{ width: 50px;}
.about-features .icon-block .features-icon{ width: 50px;}
.about-features h6{ width: calc(100% - 70px); font-size: 14px; font-weight: var(--regular); margin-left: 20px; margin-bottom:0; color: var(--sectxtColor);}


.col-55 {
  flex: 0 0 auto;
  width: 55% !important;
  position: relative;
}
.col-45 {
flex: 0 0 auto;
width: 45% !important;
position: relative;
}

.hero_thumb{ width: 100%; padding-top: 132.5%; box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 26%); overflow: hidden; border-radius: 5px; border:1px solid #fff; position: relative; background-color:#000;}
.hero_thumb img{ position: absolute; width: 100%; transform: translate(-50%, -50%); left: 50%; top:50%;}

.hero_thumb .thumb-info-block{ position: absolute; top:0; bottom:0; left:0; right:0; padding: 10px; z-index: 999; visibility: hidden; opacity: 0; transition: all 0.5s ease-out;} 

.hero_thumb:hover .thumb-info-block { display: block; opacity: 1; visibility: visible;}

.thumb-info{ color:#fff; position: absolute; bottom: 10px; left:10px; right:10px; }
.thumb-info p{ font-size: 11px; font-weight: var(--regular); margin-bottom: 5px; line-height: 1;}
.thumb-info h6{ font-size: 12px; font-weight: var(--bold); margin-bottom: 5px;}
.thumb-info ul{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; margin-bottom: 5px; align-items: center ; }
.thumb-info ul li{ list-style: none;  margin-right: 5px; font-size: 11px; color:#cccccc; line-height: 1.1; }
.thumb-info ul li:last-child{ margin-right: 0;}

.thumb-info ul li::after{ content: '|'; margin-left: 5px;}
.thumb-info ul li:last-child::after{ content: ''; }

.thumb-info .thumb-description{ line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 11px; font-weight: var(--light);}

.thumb-grid{ display: grid; gap:0.6rem; grid-template-columns: 1fr 1.5fr 1fr 1fr}

.a{ grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;}
.b{ grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;}

.c{ grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; display: grid; gap:0.6rem; grid-template-rows:2fr 1fr }
.c-a{  display: grid; gap:0.6rem; grid-template-columns:1fr 1fr}
/* .d{ grid-column-start: 2; grid-column-end: 3; grid-row-start:2; grid-row-end: 3;} */
/* .d{ grid-column-start: 2; display: grid; gap:1rem; grid-template-rows: 1fr 1fr; grid-row-start: 1; grid-row-end: 4;} */
        
.e{ grid-column-start: 3; grid-column-end: 4; grid-row-start:1; grid-row-end: 2;}
.f{ grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; position: relative !important; min-height: unset !important;}

.g{ grid-column-start: 4; grid-column-end: 5; grid-row-start:1; grid-row-end: 2;}
.h{ grid-column-start: 4; grid-column-end: 5; grid-row-start:2; grid-row-end: 3;}



.hero-captions{ width: 60%; position: absolute; left: 40px; top: 50%; transform: translate(-0%, -50%);}
.hero-captions .caption1{ font-weight: var(--light); color:#000; font-size: 32px;}
.hero-captions .caption2{ font-weight: var(--bold); color:#000; font-size: 32px;}
.hero-captions img{ width:65px; margin-top: 25px; margin-bottom: 15px;}

.hero-description{ font-size: 15px; font-weight: var(--regular); line-height: 1.3;}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.sec-heading{ font-size: 36px; text-align: center; color:#000; font-weight: var(--light); margin-bottom: 20px; font-weight: 400;}
.sec-heading span{ font-weight: 700;; color: var(--highlight);}

.section{ padding-top: 80px; padding-bottom: 30px; position: relative;}
.section p{ color: #000; font-weight: var(--regular); font-size: 15px;}

.video-block{ position: relative; margin: 0 auto; width: 95%; max-width: 950px; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 7px 5px rgb(0 0 0 / 9%); z-index: 2;}
.video-block video{ width:100%; }

.bg-bar{ position: absolute; left: 0; right:0; bottom: 0; height: 50%; background-color: var(--highlight); z-index: -1; border: 1px solid var(--highlight);}

.map-section{ background-color: var(--highlight); text-align: center;}

.map-section .sec-heading span{ color: #fff;}

.map-section .map-dec{ width: 95%; margin: 0 auto; max-width: 1100px;}
.map-section img{ width: 95%; margin: 15px auto; max-width: 1100px;}


.sell-buy-wrapper{ display: flex; align-items: stretch; justify-content: center; width: 100%; max-width: 900px; margin: 0 auto; }
.sell-buy-wrapper .sell-buy-block{ margin: 3px; border-radius: 10px; overflow: hidden; width: 50%; background-color: white; }

.sell-buy-wrapper .sell-buy-block .sell-buy-header{ padding: 25px; background-color: var(--highlight); text-align: center;}
.sell-buy-wrapper .sell-buy-block .sell-buy-body{ padding: 25px;}

.sell-buy-wrapper .sell-buy-block .sell-buy-body ul{ padding: 0; margin: 0;}
.sell-buy-wrapper .sell-buy-block .sell-buy-body ul li{ list-style: none; font-size: 15px; font-weight: var(--regular); margin-bottom: 25px; padding-left: 35px; position: relative; text-align: left;}

.sell-buy-wrapper .sell-buy-block .sell-buy-body ul li:before{ content: ''; width: 22px; height: 22px; background-image: url('https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/done.svg'); position: absolute; left:0; top:0; display: block; background-size: 100%; background-repeat: no-repeat;}

.sell-buy-wrapper .sell-buy-block .sell-buy-header h3{ font-size: 18px; font-weight: var(--bold); margin-bottom: 0;}
.sell-buy-wrapper .sell-buy-block .sell-buy-header img{ height: 40px; margin-bottom: 15px;}

.sell-buy-wrapper .sell-buy-block .triborder{ width: 100%; height: 15px; background-image: url('https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/tri-border.png'); background-repeat: repeat-x; background-size: 100%;}


/*--------------------------------------------------------------
HITLAB
--------------------------------------------------------------*/

.hitlab{ background-image: url('https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/wave.png'); background-size: 100%; background-position: 0 90% ; background-repeat: no-repeat;}
.hitlab-block{ width: 100%; background-color: #fff; box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 10%); padding: 50px;}

.container-hitlab{ width: 100%; max-width: 1200px; margin: 0 auto; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto;}
.container-hitlab img{ position: absolute; top: 58%; width: 693px; left: 53%; transform: translate(-50%, -50%);}

.container-hitlab .col-md-6{ position: relative;}

.hitlab-block ul{ padding: 0; margin: 0; position: relative;}
.hitlab-block ul li { list-style: none; color: #000; font-weight: var(--regular); font-size: 15px; margin-bottom: 30px; padding-left: 40px;} 
.hitlab-block ul li span{ position: absolute; left: 0; color: var(--highlight); font-size: 32px;}

.hitlab-heading{ font-size: 36px; text-align: left; color:#000; font-weight: var(--light); margin-bottom: 20px; text-transform: uppercase; line-height: 1.5; }
.hitlab-heading span{ font-weight: var(--medium); color: #000; margin-top: 25px;}

.hitlab-block p{ margin-bottom: 25px;}


/*-----CUSTOM SECTION---*/

.customize-block{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin: 0 auto; max-width: 1190px; width: 95%;}
.customize-sec{ padding: 25px; border-radius: 10px; background-color: #fff; margin: 5px;}

.customize-sec p{ margin-bottom: 0;}
.customize-sec p span{ color:var(--highlight); font-size: 52px;}
.center-desc{width: 95%; text-align: center; max-width: 950px; margin: 0 auto;}

.customize-sec ul li{color: #000; font-weight: var(--regular); font-size: 15px; margin-bottom: 10px;}

.portfolio_block{ margin: 0 auto; max-width: 1190px; width: 95%;}

/*--------------------------------------------------------------
# Signup/Signin
--------------------------------------------------------------*/
.sign-wrapper{ width: 95%; margin: 15px auto; max-width: 500px; text-align: center; min-height: calc(100vh - 80px); padding-bottom: 15px; }

.sign-wrapper .sign-header h1{ font-weight: var(--bold); font-size: 28px; margin-top: 15px;}
.sign-wrapper .sign-header p{ font-weight: var(--light); font-size: 18px;}

.sign-wrapper .sign-body{ background-color: rgba(255,255,255,0.5); border-radius: 10px; overflow: hidden;}


.sign-block{ padding: 20px;}

.sign-block h2{ text-align: center;}

.sign-wrapper .sign-body .sign-block .form-floating label {line-height: 2.5; font-size: 10px; color: #767676; font-weight: 700;}
.sign-wrapper .sign-body .sign-block .input-group.custom-drop_down .colorselect{border: 1px solid #ced4da; width:110px; font-size: 10px; color: #373737; font-weight: 700; border-radius: 0.25rem 0 0 0.25rem; background-color:#DFDFDF; padding: 5px; overflow: auto !important;}
.sign-wrapper .sign-body .sign-block .input-group.custom-drop_down .colorselect:focus{outline: none !important;}
.sign-wrapper .sign-body .sign-block .input-group.custom-drop_down .form-floating{width: calc(100% - 110px);}
.sign-wrapper .sign-body .sign-block .input-group.custom-drop_down .form-floating .form-control{border-radius: 0 0.25rem 0.25rem 0;}
.sign-wrapper .sign-body .sign-block .errormsg {font-size: 12px !important; font-weight: 500 !important; position: absolute; left: 38.5%;}
.sign-wrapper .sign-body .sign-block .form-floating.mb-3, .sign-wrapper .sign-body .sign-block .input-group.mb-3{margin-bottom: 21px !important;}

.otp-block{ background-color: #fff; border-radius: 5px; padding: 15px; margin-bottom: 20px; margin-top: 20px; box-shadow: 0px 0px 6px rgb(0 0 0 / 17%);}
.otp-block p{ text-align: center; font-size: 1em; color: var(--secbgColor); margin-bottom: 15px; margin-top: 15px; line-height: 1;}
.otp-inputs{ display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: center; max-width: 291px; margin: 0 auto; position: relative; margin-bottom: 25px;} 
.otp-inputs input{ height: 50px !important; border-radius: 3px !important; border:1px solid var(--borderColor) !important; appearance: none !important; -webkit-appearance: none !important; margin:5px !important; width: 50px !important; text-align: center !important; background-color: #f2f2f2 !important;}
.otp-inputs p{ position: absolute; left: -5px; bottom: -20px; margin-bottom: 0; line-height: 1; font-size: 10px; color: var(--red); font-style: normal; display: none; font-weight: var(--medium);}
.signin-body .signin-section .otp-blocks {margin-top: 25px !important; margin-bottom: 12px !important; position: relative;}
.signin-body .signin-section .resend-button {background-color: #f3f3f3; border: 1px solid #f3f3f3; border-radius: 40px; font-size: 10px; padding: 2px 9px; text-align: center; display: flex; align-items: center;
justify-content: center; color: #636363; font-weight: 500; margin-top: 24px;}
.signin-body .signin-section .signin-footer .lgn-otp-btn {background-color: #d9d9d9 !important; background: unset;}
.signup-otp-inputs {margin-bottom: 15px;}

.otp-inputs input:first-child{ margin-left: 0 !important;}
.otp-inputs input:last-child{ margin-right: 0 !important;}

.otp-block .otp-footer{ display: flex; align-items: center; justify-content: space-between; max-width: 291px; width: 100%; margin: 22px auto 10px auto}
.otp-block .otp-footer p{ color: var(--red); font-size: 12px; font-weight: var(--semi-bold); line-height: 1; display: inline-flex; align-items: center; margin-top: 0!important; margin-bottom: 0!important; } 
.otp-block .otp-footer p span{ margin-right: 3px; font-size: 18px;}
.otp-block .otp-footer button{ appearance: none; -webkit-appearance: none; border-radius: 18px; font-size: 10px; padding: 5px 10px; border: none; color: var(--secbgColor); background-color: var(--bgColor); font-weight: var(--semi-bold); text-transform: uppercase; display: flex; align-items: center;}
.otp-block .otp-footer button .loading-icon{ width: 9px; animation: 0.8s linear 0s infinite rotate;}

.invalid p{ display: block!important;}
.invalid input{ border-color:var(--red)!important; color: var(--red)!important; }


.terms-block{ display: flex; align-items: center; justify-content: flex-start;}
.terms-block label{ width: calc(100% - 25px); text-align: left; margin-left: 10px; font-size: 12px!important; font-weight: normal!important; color: #000!important;}
.terms-block label a { cursor:pointer; color: var(--red)!important; text-decoration: underline!important;}
.block-margin { margin: initial!important;}

.terms-block input[type=checkbox]:checked:before { top: 0px; left: 0px;}
.terms-block input[type=checkbox]:checked:after { top: 2px; left: 6px;}


/*Recommend Modal*/

.modal-logo{ height: 45px;}
.recommendModal .modal-dialog{ width: 90%; max-width: 700px}
.recommendModal .modal-dialog .modal-title{ font-size: 18px; font-weight: var(--semi-bold);}

.modal-header .btn-close{ margin: inherit;}

/*CATEGORIES*/

.inner-body{ width: 100%; min-height: 100vh; height: auto; padding-top: 75px;}

.dark-header{ background-color: #1B1E22;}

.inner-nav{ position: absolute!important; top:50%; left: 170px; transform: translate(-0%, -50%);}

.inner-nav ul li:first-child{ padding-left: 0;}

.inner-nav ul li a{ color: #fff; font-weight: var(--regular)!important;}
.inner-nav ul li a.active, .inner-nav ul li a:hover, .inner-nav ul li a:visited {color: #fff!important;}
.inner-nav-container{ padding-left: 0; padding-right: 0;}

.body-wrapper{ position: relative; display: flex; align-items: stretch; min-height: calc(100vh - 75px); }
.body-wrapper .left-block{  background-color: rgb(255, 255, 255); width: 330px; border-right: var(--borderColor) 1px solid; position: fixed; left: 0; top: 75px; bottom: 0;}
.body-wrapper .main-block{ width: calc(100% - 330px); margin-left: 330px;}
.dark-header.header-scrolled { background: #1B1E22!important; padding: 12px 0; }

.adv_search .adv_header, .adv_search .adv_body, .adv_search .adv_footer { padding: 15px; } 
.adv_search .adv_body{height: calc(100% - 118px); overflow-y: auto;}

.adv_search .adv_body .form-control{ background-color: transparent; color:#000;}
.adv_search .adv_footer {  box-shadow: -3px -3px 8px 0px rgb(0 0 0 / 24%);} 
.adv_body .form-floating>.form-control-plaintext~label, .adv_body .form-floating>.adv_body .form-control:focus~label, .adv_body .form-floating>.form-control:not(:placeholder-shown)~label, .adv_body .form-floating>.form-select~label{ opacity: 1!important; color:#000}

.adv_search .adv_header h6{ line-height: 1; margin-bottom: 0; font-size: 14px; font-weight: var(--semi-bold); display: flex; align-items: center; text-transform: uppercase;}
.adv_search .adv_header h6 span{background-color: var(--bgColor); border-radius: 100%; padding: 4px; font-size: 17px; margin-right: 10px; border:1px solid var(--borderColor) }

.block-header{ display: flex; align-items: center; justify-content: space-between; padding: 10px 25px; background-color: white; border-bottom: 1px solid var(--borderColor); position: sticky; top: 75px; z-index: 99;}
.block-title h2{ font-size: 18px; line-height: 1; font-weight: var(--semi-bold); text-transform: uppercase; margin-bottom: 5px;}
.block-title ul.bread-crumbs{ margin: 0; padding: 0; display: flex; align-items: center;}
.block-title ul.bread-crumbs li{ list-style: none; font-size: 10px; text-decoration: none; font-weight: var(--light); float: left; margin-right: 5px;}
.block-title ul.bread-crumbs li::after{ content: '/' !important; margin-left: 5px; }
.block-title ul.bread-crumbs li:last-child{ font-weight: var(--medium);} 
.block-title ul.bread-crumbs li:last-child::after{content: '';}

.search-block{ width: 350px; border-radius: 6px; border:1px solid var(--borderColor); position: relative; overflow: hidden; position: relative; display: flex;}
.search-block .clear-btn{appearance: none; -wekit-appearance: none; line-height: 1; border: none; background: transparent; position: absolute; top: 50%; right: 38px; display: block; transform: translate(-50%, -50%); display: none;}
.search-block .clear-btn span{ position: relative!important; transform: initial!important;}

.show{ display: block!important;}

.search-block span{ position: inherit; transform: unset;}
.searchinput{  background-color: var(--bgColor);  height: 40px; padding: 5px 35px 5px 15px; font-size: 14px; width: 100%; color: #000;}
.search-block .fill_btn{ display: flex; align-items: center; justify-content: center; border-radius: 0px 6px 6px 0px; background-color: transparent; border-left: 1px solid var(--borderColor); padding: 8px 19px; position: relative;}

.category-thumb{ width: 100%; overflow: hidden; border-radius: 10px; padding: 50%; position: relative; margin-bottom: 20px; cursor: pointer; background-color: #ffffff; color: #6E6E6E; box-shadow: 0px 0px 6px rgb(0 0 0 / 12%)}
.category-thumb img{ position: absolute; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 75%;}
.block-body{ padding: 25px; min-height: calc(100% - 111px); height: auto; } 

.thumb-titlewrapper{ position: absolute; left: 0; right: 0; bottom: 0; text-align: center; z-index: 9; padding: 15px 0;}
.thumb-titlewrapper h6{ line-height: 1; font-weight: var(--bold); font-size: 14px; text-align: center; color: #555454; margin-bottom: 0;}
.thumb-titlewrapper span{ font-size: 10px; padding: 2px 7px; border-radius: 18px; border: 1px solid #979797; line-height: 1; margin-top: 7px; font-weight: medium; color: #7A7A7A; background-color: #FEFEFE; display: inline-block;}
.thumb-titlewrapper p{ line-height: 1; font-weight: var(--regular); font-size: 13px; text-align: center;color: var(--borderColor); margin-bottom:0;}

.body-actions{ display: flex; align-items: center; justify-content: flex-end ;}

.user-dd .dropdown-toggle::after{ display: none!important;}
.user-dd .btn{ padding: 0;}
.user-dd ul{overflow: hidden; padding:0}
.user-dd ul li .dropdown-item{ font-size: 12px; font-weight: var(--medium); text-transform: uppercase; padding: 10px 15px;  border-top: 1px solid var(--borderColor);}



/*INNER NAV*/
.nav-actions{ display: flex; align-items: center; z-index: 999;}
.nav-avatar{ width: 28px; height: 28px; border-radius: 100%; overflow: hidden;}
.nav-btn { background-color: transparent !important; border: none !important; display: inline-flex !important; align-items: center; font-size: 11px !important; color: #C5C5C5; flex-direction: column; }

.nav-btn:after{ display: none;}


.btn-cont { position: relative;}

.btn-cont .count{ line-height: 1.1; border-radius: 15px; padding: 2px 4px; color: #fff; position: absolute; top: -7px; right: -6px; font-size: 9px; font-weight: var(--medium);}

.redBg{ background-color: var(--red); }

.blueBg{ background-color: #3385D1; }

.nav-grp-btns{ background-color: transparent;}

.nav-grp-btns .btn{ font-size: 11px; border: 1px solid #000; background-color: transparent; color: #c5c5c5;}

.avatar-card{  padding: 15px; background-color: var(--bgColor); display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; width: 220px;}

.avatar-lg{ border-radius: 100%; width: 50px; height: 50px; background-color: rgb(255, 255, 255); margin-bottom: 10px; overflow: hidden; border:5px solid #fff; box-shadow: 0 0 30px rgb(214 215 216 / 60%);}

.avatar-lg img{ width: 100%;}

.avatar-card h6{ width: 100%; color: #000; line-height: 1; font-size: 13px;}
.badge{ line-height: 0.8; margin-bottom: 0; border-radius: 20px; background-color: var(--red); color: #fff; font-weight: var(--medium); font-size: 10px; padding: 5px 10px;}

.pref-badge{ color: #000000; line-height: 1; margin-bottom: 0; border-radius: 4px;  display: inline-block; font-size: 11px; padding: 5px 10px; margin: 0 3px 5px 0; text-transform: capitalize; font-weight: var(--medium);
border:1px solid #f8ddbe;
background-color: #f1ebe3;

/* background: -moz-linear-gradient(top,  #4d6484  1%, #252e42  100%); 
background: -webkit-linear-gradient(top,  #4d6484  1%,#252e42  100%); 
background: linear-gradient(to bottom,  #4d6484  1%,#252e42  100%); */


}

.pref-badge span{ font-weight: bold; color:#840a38; margin-left: 5px;}

.sm-badge{ font-size: 10px; }
.lg-badge{ font-size: 13px; }

.list-view .table>thead>tr>th:last-child{ width: 80px; text-align: center; width: 32px; font-size: 10px; line-height: 1.1}

.list-view .table>tbody>tr>td:first-child{ min-width: 32px; text-align: left; text-transform: uppercase;}
.table>tbody>tr>td{ vertical-align: middle;}

/*PROFILE*/

.md-container{ width: 95%; max-width: 990px; margin: 0 auto;}

.card-block{ background-color: #fff; padding: 20px; border-radius: 5px;   width: 100%;   box-shadow: 0 0 30px rgb(214 215 216 / 60%);}

.card-block h3{ font-size: 16px; color: #000; font-weight:var(--semi-bold);}

.avatar-block{ background-color: #fff; border-radius: 5px;  width: 100%; overflow: hidden;  box-shadow: 0 0 30px rgb(214 215 216 / 60%);}
.avatar-block .avatar-header{ background-image: url('https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/bg-pattern.jpg'); background-size: 100%; position: relative; height: 100px;}
.avatar-body{ padding: 35px 20px; text-align: center;}

.avatar-img-block{
  display: flex;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -15px);
    background-color: var(--highlight);
    overflow: hidden;
    border: 5px solid #fff;
    box-shadow: 0 0 30px rgb(214 215 216 / 60%);
    align-items: center;
    justify-content: center;} 

    .avatar-img-block p {
      color: #fff;
      font-weight: var(--bold);
      font-size: 38px;
     font-family: var(--font);
     margin-bottom: 0;
     }

  .avatar-img-block p{ color:#fff; font-weight: var(--bold); font-size: 42px; font-family: var(--font); margin-bottom: 0;}

.avatar-img{ width: 100%;}


/*PREFERENCES*/
.md-padding{ padding-bottom: 15px; padding-left: 0!important; padding-right: 0!important; padding-top: 0!important;}

.adv_body::-webkit-scrollbar { width: 13px; }

.adv_body::-webkit-scrollbar-thumb { background: #d5d5d5; border-radius: 6px; border:3px solid #fff; }

.adv_body::-webkit-scrollbar-track { background: #fff; }

.preference-body p{ font-size: 12px; font-weight: var(--semi-bold); }



.view-btns .btn{ border: 1px solid #d4d4d4; color: #b0b0b0; background-color: #fff; line-height: 1; padding: 6px 10px;}
.view-btns .btn span{font-size: 15px;}
.view-btns .btn:hover, .view-btns .btn.active{ box-shadow: inset 0px 0px 4px 0px rgb(0 0 0 / 30%); color:#000; border: 1px solid #ACACAC;}

.view-btns .btn.active{  background-color: #EFEFEF;}


.list-view table>thead>tr, .list-view table>tbody>tr{ background-color: white; white-space: inherit;}
.list-view table>thead>tr>th:last-child{ background-color: #f8f8f8; position: sticky; right: 0; z-index: 8; border-left: 1px solid var(--borderColor);}
.list-view table>tbody>tr>td:last-child{ background-color: #f8f8f8; position: sticky; right: 0; z-index: 8;}

.list-view .table>tbody>tr>td{ padding: 7px;}

.list-view .table>tbody>tr>td{ font-size: 12px; color: #000;}

.title-name img{ width: 100%;}
.title-name { font-size: 12px; font-weight: var(--regular); display: flex; align-items: center;}
.title-name p {width: calc(100% - 28px); margin-bottom: 0;}

.table-actions-group{ display: flex; align-items: center; justify-content: center;}

.table-actions-group .table-actions-btn{ display: flex; align-items: center; appearance: none; -webkit-appearance: none; border: #DBE3F8 1px solid; text-transform: uppercase; font-size: 9px; padding: 5px 10px; margin:3px; color:var(--sectxtColor); background-color: #fff; font-weight: var(--regular); border-radius: 5px; line-height: 1; position: relative;}
.table-actions-group .table-actions-btn span{ font-size: 19px;}

.table-responsive::-webkit-scrollbar { height: 8px; }

.table-responsive::-webkit-scrollbar-thumb { background: #c6d0d4; border-radius: 7px; border: 1px solid #aeb8bc; }

.table-responsive::-webkit-scrollbar-track { background: #fff; }

.table-thumb{ width:28px; height: 28px; position: relative; overflow: hidden; border-radius: 3px;}
.table-thumb img{ width: 100%; }


/*CART*/

.page-header{ padding:10px 0; background-color: white; display: flex; align-items: center; justify-content: space-between;}
.body-header{ width: 100%; border-bottom: 1px solid var(--borderColor); background-color: white;}

.cart-block{ background-color: white; border: 1px solid var(--borderColor);}
.cart-footer{ padding: 10px;}

.cart-thumb{ width: 48px; height: 48px; border-radius: 3px; overflow: hidden;}
.cart-thumb img{ width: 100%;}

.cart-title-block{ display: flex; align-items: center;}
.cart-title h6{ font-size: 12px; font-weight: var(--medium); margin-bottom: 5px;}
.cart-title p{ line-height: 1; margin-bottom: 0; display: inline-flex; border-radius: 50px; color: #000; font-size: 9px; font-weight: var(--regular); padding: 5px 10px; background-color: var(--bgColor);}

.table>thead{ font-size: 12px;}

.cart-block .table>tbody>tr>td:last-child, .cart-block .table>thead>tr>th:last-child{ text-align: center; width: 100px;}
.cart-block .table>tbody>tr>td:first-child, .cart-block .table>thead>tr>th:first-child{ width:37px;}

.comments_area{ border:1px solid var(--borderColor); border-radius: 5px; font-size: 12px; padding: 10px;}


.lock-icon{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff; font-size: 72px; z-index: 99; opacity: 0.7;}


.asset-container{width: 100%; min-height: 100vh; height: auto; background-color: #fff; position: relative;}

.blur-bg{ position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 0;}
.blur-bg:after{ content:''; position: absolute; top:0; bottom:0; left:0; right:0;

display: block;
background-color: rgba(255, 255, 255, 0.577);
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
 }
.blur-bg img{ position: absolute; width: 100%;}

.asset-details-wrapper{ padding: 55px 60px 15px 60px; position: relative; z-index: 99; height: 80vh; margin-bottom: 45px; height: calc(100vh - 75px); } 
.asset-details-wrapper .row{ height: 100%; }

.meta-title{ font-size: 2.5em!important; font-weight: var(--semi-bold);  text-shadow: 1px 2px 2px rgb(0 0 0 / 46%); color: #fbca01; text-shadow: 1px 1px 0px rgb(0 0 0 / 90%); }

.meta-data-list{ padding: 0; margin: 0; font-size: 14px; display: flex; align-items: center; margin-bottom: 15px;}
.meta-data-list li{ list-style: none; margin-right: 15px; color:rgb(0, 0, 0);  font-weight: var(--semi-bold); position: relative; display: flex; align-items: center; margin-right: 30px;}
/* .meta-data-list li:after{ content: ''; width: 3px; height: 3px; border-radius: 100%; background-color: #fff; position: absolute; top: 9px; right: -10px; z-index: 99; display: block;} */
.meta-data-list li:first-child {max-width: 602px;}

.meta-data-list li:last-child:after{ content:''; display: none;}

.meta-info dl{display: table-row; font-size: 14px; line-height: normal; pointer-events: auto;  }

.meta-info dl dt{ color: #000000; display: table-cell; float: none; font-weight: var(--semi-bold); margin: 0; vertical-align: top; white-space: nowrap; padding: 0 20px 0 0; padding-bottom: 10px;}

.meta-info dl dd{ color: #000000a2; display: table-cell; float: none; margin: 0; padding-bottom: 15px; font-weight: var(--medium)}

/* .title-thumb{ position:relative; width: 300px; overflow: hidden; border-radius: 5px; background-color: #000; border: 1px solid #000; box-shadow: 0px 1px 8px 1px rgb(0 0 0 / 50%);} */
.title-thumb{ position:relative; width: 300px; overflow: hidden; border-radius: 5px; box-shadow: 0px 1px 8px 1px rgb(0 0 0 / 50%);}

/* .title-thumb:after{ content:''; display:block; padding-top:150%; width:100%} */

/* .title-thumb img{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%;} */
.title-thumb img{width: 100%; max-height: 480px;}
.title-thumb span{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size: 42px; color: rgb(0, 0, 0); z-index: 99; cursor: pointer;}



.asset-metadata{ width: 100%; }
.asset-metadata .title-description{ color: rgb(0, 0, 0); font-size: 13px; font-weight: var(--regular); -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; max-height: 100px; overflow: hidden; padding-right: 45px; position: relative;}

.buttons-row{margin: 0; padding: 0; display: flex; align-items: center; margin-bottom: 15px; flex-wrap:wrap;} 
.buttons-row li{ list-style: none; margin-right: 10px;}

.meta-info-outer{ overflow-y: auto; visibility:visible ; max-height: calc(100vh - 477px); height: auto;}
.meta-info-outer:hover{visibility:visible ;}
.meta-info{ width: 100%; visibility:visible ;  }
.meta-class{ font-size: 14px; font-weight: var(--bold); color: rgb(255, 255, 255); margin-bottom: 10px; line-height: 1;}
/* .meta-info ul{ padding:0; margin:0; display: grid; grid-template-columns: repeat(4, 1fr); ;  overflow-y: auto; }
.meta-info ul li{ list-style: none; margin: 0 20px 20px 0; position: relative; } */
.meta-info ul{ padding:0; margin:0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px 60px; margin-top: 20px;}
.meta-info ul li{ list-style: none; position: relative; display: grid; grid-template-columns: 1.2fr 2fr; align-items: flex-start; }

.meta-info ul li h6{ font-size: 13px; color: #000; margin-bottom: 0px; line-height: 1; font-weight: var(--semi-bold); white-space: nowrap;}
.meta-info ul li p{ font-size: 13px; color:#000; font-weight: var(--regular); margin-bottom: 0px; line-height: 1.3;}


.meta-info-outer::-webkit-scrollbar { width: 7px; opacity: 0; }
.meta-info-outer::-webkit-scrollbar-thumb { background: #ffffff5f; border-radius: 7px;  }
.meta-info-outer::-webkit-scrollbar-track { background: #ffffff1e; position: absolute; right:0; top:0; bottom:0 }
.title-description{ width: 100%; max-width: 825px;}
.meta-info-outer:hover::-webkit-scrollbar{ opacity: 1;}

.moreclips{ padding: 0 60px; position: relative; z-index: 99; padding-bottom: 45px; margin-top: 50px;}
.moreclips h2{ font-size: 16px; line-height: 1; color: #000; font-weight: var(--semi-bold); position: relative; display: flex; align-items: center;}
.moreclips span{ margin-right: 5px;}
.moreclips:before{ content: '';
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: -35px;
  height: 75px;
  background: linear-gradient(180deg, #ffffff00 0%, #ffff  100%);
  z-index: 0;
}

.moreclips .tab{ border-bottom: 1px solid #d8d8d8;}
.moreclips .tab .tablinks{ padding: 10px 25px; background-color: transparent; border: transparent; font-size: 14px; font-weight: var(--semi-bold); color: #000000;}

.moreclips .tablinks.active{ border-bottom: 2px solid var(--highlight);}
.moreclips .tabcontent{ padding: 15px 0;}

.profile-thumb{ width:32px; height: 32px;  background-color: var(--highlight); line-height: 1; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.profile-thumb p{ margin-bottom: 0; font-size: 14px; font-weight: var(--bold); line-height: 1; color:#fff; text-transform: capitalize;}

.avatar-card .profile-thumb{ zoom: 1.3; border:2px solid #fff}

.user-dd button{ background: transparent!important; border: none!important;}


@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1460px!important;
}
.inner-header .container{ max-width: 1480px !important; }
.preferences .md-container{width: 100%; max-width: 1480px !important; }


}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: var(--red);
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: var(--highlight);
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid var(--highlight);
  border-top-color: #e7e4fe;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  /* transition: all 0.5s; */
  z-index: 997;
  padding: 10px 0;
}

#header.header-scrolled,
#header.header-inner-pages {
  background: var(--bgColor);
  padding: 12px 0;
}

#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 55px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0!important;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar>ul>li {
  padding: 0px 0 0px 40px;
  cursor: pointer;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3px;
  font-family: var(--font);
  font-size: 15px;
  font-weight: var(--bold);
  color: rgba(0, 0, 0, 1);
  white-space: nowrap;
  transition: 0.3s;
  position: relative;
  text-transform: uppercase;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar>ul>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: -15px;
  left: 0;
  background-color: var(--highlight);
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before {
  visibility: visible;
  width: 100%;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #000;
}

.dark-header .navbar a:hover,
.dark-header .navbar .active,
.dark-header .navbar .active:focus,
.dark-header .navbar li:hover>a {
  color: #fff;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 8px 30px;
  border-radius: 50px;
  color: #000;
  transition: 0.3s;
  font-size: 14px;
  font-weight: var(--bold);
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #000;
  border-color: #fff;
}

.navbar .getstarted:before,
.navbar li:hover>.getstarted:before {
  visibility: hidden;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 24px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  color: #2c4964;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #5846f9;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
  .thumb-titlewrapper h6{ font-size: 12px;}
  .category-thumb img{ max-width: 65%!important;}
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: rgb(0, 0, 0);
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block!important;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed !important;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgb(0 0 0 / 66%);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  /* bottom: 15px; */
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile>ul>li {
  padding: 0;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #262626;
}

.navbar-mobile a:hover:before,
.navbar-mobile li:hover>a:before,
.navbar-mobile .active:before {
  visibility: hidden;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #2c2b36;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #5846f9;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 98vh;
  background:url("https://d3jtvyfh5nv055.cloudfront.net/orasi/client/resources/orasiv1/images/hero-bg.jpg") center center no-repeat;
  background-size: 100%;
}

#hero .container,
#hero .container-fluid {
  padding-top: 20px;
} 


#hero h2 {
  color: rgba(255, 255, 255, 0.8);
  margin: 10px 0 0 0;
  font-size: 20px;
}

#hero .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px;
  border-radius: 5px;
  transition: 0.5s;
  margin-top: 30px;
  color: #fff;
  border: 2px solid #fff;
}

#hero .btn-get-started:hover {
  background: #fff;
  color: #5846f9;
}

#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}



/* @media (min-width: 1200px) {
  .inner-header .container{ max-width: 1338px!important; }
  
} */

@media (max-width: 991px) {
  #hero {
    text-align: center;
  }

  #hero .container,
  #hero .container-fluid {
    padding-top: 68px;
  }

  #hero .animated {
    -webkit-animation: none;
    animation: none;
  }

  #hero .hero-img {
    text-align: center;
  }


}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 26px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
  }

 
}


@media (max-width: 575px)
 {
  #hero {
    height: auto;
  }
}
@media (max-height: 600px) {
  #hero {
    height: 136vh;
  }
}
@media (min-height: 601px) and (max-height: 730px) {
  /* #hero {
    height: 110vh;
  } */
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}






/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about {
  padding: 120px 0;
}

.about .content h3 {
  font-weight: 600;
  font-size: 32px;
  color: #2c4964;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-bottom: 10px;
}

.about .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #5846f9;
}

.about .content p:last-child {
  margin-bottom: 0;
}

.about .content .read-more {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 50px 10px 28px;
  border-radius: 5px;
  transition: 0.5s;
  color: #fff;
  background: linear-gradient(45deg, #5846f9 0%, #7b27d8 100%);
  position: relative;
}

.about .content .read-more:hover {
  background: linear-gradient(180deg, #5846f9 0%, #7b27d8 100%);
}

.about .content .read-more i {
  font-size: 22px;
  position: absolute;
  right: 20px;
  top: 12px;
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  padding: 70px 20px 80px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}

.services .icon-box .icon {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease-in-out 0.3s;
  position: relative;
}

.services .icon-box .icon i {
  font-size: 36px;
  transition: 0.5s;
  position: relative;
}

.services .icon-box .icon svg {
  position: absolute;
  top: 0;
  left: 0;
}

.services .icon-box .icon svg path {
  transition: 0.5s;
  fill: #f5f5f5;
}

.services .icon-box h4 {
  font-weight: 600;
  margin: 10px 0 15px 0;
  font-size: 22px;
}

.services .icon-box h4 a {
  color: #2c4964;
  transition: ease-in-out 0.3s;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}

.services .iconbox-blue i {
  color: #47aeff;
}

.services .iconbox-blue:hover .icon i {
  color: #fff;
}

.services .iconbox-blue:hover .icon path {
  fill: #47aeff;
}

.services .iconbox-orange i {
  color: #ffa76e;
}

.services .iconbox-orange:hover .icon i {
  color: #fff;
}

.services .iconbox-orange:hover .icon path {
  fill: #ffa76e;
}

.services .iconbox-pink i {
  color: #e80368;
}

.services .iconbox-pink:hover .icon i {
  color: #fff;
}

.services .iconbox-pink:hover .icon path {
  fill: #e80368;
}

.services .iconbox-yellow i {
  color: #ffbb2c;
}

.services .iconbox-yellow:hover .icon i {
  color: #fff;
}

.services .iconbox-yellow:hover .icon path {
  fill: #ffbb2c;
}

.services .iconbox-red i {
  color: #ff5828;
}

.services .iconbox-red:hover .icon i {
  color: #fff;
}

.services .iconbox-red:hover .icon path {
  fill: #ff5828;
}

.services .iconbox-teal i {
  color: #11dbcf;
}

.services .iconbox-teal:hover .icon i {
  color: #fff;
}

.services .iconbox-teal:hover .icon path {
  fill: #11dbcf;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}

.features .icon-box i {
  font-size: 48px;
  float: left;
  color: #5846f9;
}

.features .icon-box p {
  font-size: 15px;
  color: #848484;
  margin-left: 60px;
}

.features .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}

.testimonials .testimonial-item {
  box-sizing: content-box;
  min-height: 320px;
}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50%;
  margin: -40px 0 0 40px;
  position: relative;
  z-index: 2;
  border: 6px solid #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 45px;
  color: #2c4964;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 0 45px;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: #b1a9fc;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 15px 0 15px;
  padding: 20px 20px 60px 20px;
  background: #fff;
  position: relative;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #5846f9;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #5846f9;
}

@media (max-width: 767px) {
  .testimonials {
    margin: 30px 10px;
  }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: var(--highlight);
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 22%);
  width: 100%;
  background-color: #000;
  cursor: pointer!important;

}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 0;
  opacity: 0;
}

.portfolio .portfolio-wrap::after {
  content: "";
  width: 100%;
  padding-top: 150%;
  display: block;
  pointer-events: none;
}

.portfolio .portfolio-wrap .asset-portrait-thumb{
  max-width: inherit !important;
  height: inherit !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
}


.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  text-align: left;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 12px;
  font-weight: var(--light);
}

.portfolio .portfolio-wrap .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 10%;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #fff;
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  pointer-events: none;
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
  top: calc(50% - 48px);
}

.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  bottom: calc(50% - 50px);
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #5846f9;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #5846f9;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(44, 73, 100, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 20px;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.pricing h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 600;
  color: #2c4964;
  background: #f8f8f8;
}

.pricing h4 {
  font-size: 36px;
  color: #5846f9;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
}

.pricing h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing h4 span {
  color: #bababa;
  font-size: 16px;
  font-weight: 300;
}

.pricing ul {
  padding: 0;
  list-style: none;
  color: #444444;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}

.pricing ul li {
  padding-bottom: 16px;
}

.pricing ul i {
  color: #5846f9;
  font-size: 18px;
  padding-right: 4px;
}

.pricing ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.pricing .btn-wrap {
  margin: 20px -20px -20px -20px;
  padding: 20px 15px;
  background: #f8f8f8;
  text-align: center;
}

.pricing .btn-buy {
  background: linear-gradient(42deg, #5846f9 0%, #7b27d8 100%);
  display: inline-block;
  padding: 10px 35px;
  border-radius: 4px;
  color: #fff;
  transition: none;
  font-size: 15px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  transition: 0.3s;
}

.pricing .btn-buy:hover {
  background: linear-gradient(180deg, #5846f9 0%, #7b27d8 100%);
}

.pricing .featured h3 {
  color: #fff;
  background: #5846f9;
}

.pricing .advanced {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: #5846f9;
  color: #fff;
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
  background: linear-gradient(42deg, #5846f9 0%, #7b27d8 100%);
}

.faq .section-title h2,
.faq .section-title p {
  color: #fff;
}

.faq .section-title h2::after {
  background: rgba(255, 255, 255, 0.6);
}

.faq .faq-list {
  padding: 0 100px;
}

.faq .faq-list ul {
  padding: 0;
  list-style: none;
}

.faq .faq-list li+li {
  margin-top: 15px;
}

.faq .faq-list li {
  padding: 30px;
  background: #fff;
  border-radius: 5px;
  position: relative;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
  cursor: pointer;
}

.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #8577fb;
}

.faq .faq-list .icon-show,
.faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list a.collapsed {
  color: #2c4964;
}

.faq .faq-list a.collapsed:hover {
  color: #5846f9;
}

.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
  #root { overflow-x: hidden;}
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgb(214 215 216 / 60%);
  padding: 20px 0 0px 0;
  background: #fff;
  height: 100%;
  border-radius: 5px;
}

.contact .info-box i {
  font-size: 32px;
  color: var(--highlight);
  border-radius: 50%;
  padding: 8px;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
  width: 100%;
  max-width: 340px;
  text-align: center;
  margin: 0 auto;
}

.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
  background: #fff;
  border-radius: 5px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 5px;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #5846f9;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
  background: #5846f9;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 5px;
}

.contact .php-email-form button[type=submit]:hover {
  background: var(--highlight);
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f2f6f9;
  min-height: 40px;
  margin-top: 85px;
}

@media (max-width: 992px) {
	.container-hitlab {
    width: 94%;
}
.sell-buy-wrapper {
    width: 96%;
}
  .breadcrumbs {
    margin-top: 56px;
  }
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 300;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  font-size: 14px;
  margin: 0;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #3c6387;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}


.orasi-preloader{ position: absolute; top:0; bottom:0; left:0; right: 0; background-color: rgba(0, 0, 0, 0.41); display: flex; align-items: center; justify-content: center; z-index: 99;}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  zoom: 0.7;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--highlight);
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.orasi-preloader img {
  width: 36px;
  height: 36px;
  animation: 1.5s ease 0s infinite beat;
}
@keyframes beat {
  0%, 50%, 100% { transform: scale(1, 1) rotate(0deg); }
  30%, 80% { transform: scale(0.8, 0.8) rotate(360deg); }
}
/*SIGN UP*/
.form-floating .material-symbols-outlined{    position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
  color: var(--sectxtColor);}

.nodata-found { display: flex; align-items: center; justify-content: center;}
.nodata-found .searchfail-block img { margin-top: 0px !important;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer{ padding: 10px; border-top:1px solid #3a3a3a; background-color: #0E1013;}
.footer-para{ margin-bottom: 0; text-align: center; color: #fff; font-size: 12px;}

.footer-container{ display: flex; align-items: center; justify-content: space-around;}
.footer-container ul{ margin:0; display: flex; align-items: center; padding: 0; margin-right: 40px;}
.footer-container ul li{ list-style: none; line-height: 1; display: flex; align-items: center;}
.footer-container ul li a{ color: #fff !important; font-size: 12px; padding: 8px; line-height: 1; font-size: 12px; transition: all 0.2s ease-out;}
.footer-container ul li a:hover{ text-decoration: underline!important; color: var(--highlight)!important; cursor: pointer;}

/*--------------------------------------------------------------
# create password
--------------------------------------------------------------*/

.create-password {max-width: 870px;}
.create-password h1{color: #000;font-size: 36px; font-weight: bold; margin-top: 17px;}
.create-password .strong{color: #000; font-size: 21px; margin-bottom: 30px; margin-top: 10px;}
.create-password .secure-icon{font-size: 50px; width: 120px; height: 120px; background-color: #f3f3f3; display: flex; align-items: center;  justify-content: center; border-radius: 100%; margin: 0 auto; margin-bottom: 27px; color: #5a5a5a;}
.create-password .create-password-body{background-color: transparent; width: 57%; margin-left: auto; margin-right: auto; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; min-height: calc(100vh - 358px);}
.create-password .create-password-body .signin-section{width: 100%; padding-top: 0px; padding-bottom: 0px;}
.create-password .create-password-body .signin-footer{justify-content: center; margin-top: 40px !important;}

.create-password .crpsd-cnt-blk{display: flex; width: 100%; position: relative;}
.create-password .crpsd-cnt-blk .create-password-instruction{width: 43%; display: block !important; padding: 15px; height: fit-content; border: 1px solid #b7babd; padding-bottom: 10px; position: absolute; right: -180px;}
.create-password .crpsd-cnt-blk .ins-dsp-none{display: none !important;}
.create-password .create-password-body .text-danger {font-size: 12px !important; font-weight: 500 !important;}
.create-password .crpsd-cnt-blk .create-password-instruction .error{display: flex; align-items: center; text-align: left; font-size: 12px; color: #000; margin-bottom: 5px; color: red;}
.create-password .crpsd-cnt-blk .create-password-instruction .vaild { color: green;}
.create-password .crpsd-cnt-blk .create-password-instruction .material-symbols-outlined{font-size: 20px;}



@media (min-width: 320px) and (max-width: 415px) {
  .nodata-found { padding: 0 20px;}
  
 .section { padding-top: 60px; padding-bottom: 10px;}
/*--------------------------------------------------------------
# Landing Page
--------------------------------------------------------------*/
  /*HeroBanner*/
.col-55{ width: 100%!important;}
.col-45{ width: 100%!important;}

.hero-captions{ width: 100%; position: relative; left: inherit; top: inherit; transform: initial;}

.hero-captions img{ margin-top: 0;}

.sell-buy-wrapper{ flex-direction: column;}
.sell-buy-wrapper .sell-buy-block{ width: 100%;}

.hitlab-block{ padding: 25px;}
.container-hitlab img{ position: relative; left: inherit; top: inherit; transform: initial; width: 100%;}

.customize-block { grid-template-columns: auto;}

.portfolio #portfolio-flters { padding: 0;}

.footer-container{ flex-direction: column;}
.footer-container ul{ margin-right: 0!important;}
.footer-links{ flex-direction: column; margin-bottom: 15px;}

.about-count-wrapper{ flex-direction: column;}
.team-card{ height: auto!important;}

}

@media (min-width: 416px) and (max-width: 767px) {
  .nodata-found { padding: 0 20px;}
.col-55{ width: 100%;}
.col-45{ width: 100%;}
.hero-captions{ width: 100%; position: relative; left: inherit; top: inherit; transform: initial;}

.hitlab-block{ padding: 25px;}
.container-hitlab img{ position: relative; left: inherit; top: inherit; transform: initial; width: 100%;}
.footer-container ul{ margin-right: 0!important;}
.col5-sm2{ flex: 0 0 auto; width: 50% !important;}
.team-card{ height: auto!important;}
.inner-nav .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }
.inner-header .inner-nav{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99;}
  .inner-nav ul li a{ color:#000;}
  .mobile-nav-toggle { color: rgb(255 255 255);}
 .inner-header .logo{margin-left: 32px!important;}
 .inner-nav ul li a.active, .inner-nav ul li a:hover, .inner-nav ul li a:visited { color: #000000!important; font-weight: var(--bold); }

}

@media (min-width: 300px) and (max-width: 1023px) {
  .inner-body .body-wrapper .main-block .block-body .card-block{overflow: auto;}
  #hero { background: unset;}
  .hitlab .container-hitlab .row{flex-direction: column-reverse;}
  .section .sec-heading.mt-5.aos-init.aos-animate {margin-top: 0.5rem!important;}
  .section.mt-5 {margin-top: 2rem!important;}
  .inner-header .inner-nav{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99;}
  .inner-nav ul li a{ color:#000;}
  .inner-nav .mobile-nav-toggle { color: rgb(255 255 255);}
 .inner-header .logo{margin-left: 32px!important;}
.profile .card-block {position: relative;}

.bid_details .main-block .table-responsive::-webkit-scrollbar { width: 4px; height: 4px;}
.bid_details .main-block .table-responsive::-webkit-scrollbar-track { background: #fff; }
.bid_details .main-block .table-responsive::-webkit-scrollbar-thumb { background: #ccc; }
.bid_details .main-block .table-responsive::-webkit-scrollbar-thumb:hover { background: #555; }


}

@media (min-width: 750px) and (max-width: 1080px) {
.col-55{ width: 100% !important;}
.col-45{ width: 100% !important; margin-top: 30px !important;}
.hero-captions{ width: 100%; position: relative; left: inherit; top: inherit; transform: initial;}
.hitlab-block{ padding: 25px;}
.container-hitlab img{ position: relative; left: inherit; top: inherit; transform: initial; width: 100%;}
#hero { height: 77vh;}
.col5-sm2{ flex: 0 0 auto; width: 33.33333% !important;}
.about-img{ width: 95%; display: block; margin: 0 auto;}
.body-wrapper .main-block .block-body .col5-sm1 {width: 50% !important;}
.search-block {width: 97%; height: 32px; align-items: center;}
.signin-body { min-height: calc(100vh - 234px);}
.signin-wrapper { width: 94%;}
.signin-body .signin-graphic {width: 45%;}
.signin-body .signin-section { width: 55%; padding: 30px;}
.footer-container {flex-direction: column}
.footer-container ul {margin-right: 0; flex-direction: column;}
.footer-para { margin-bottom: 7px;}
.col6-sm1 {flex: 0 0 auto; width: 50% !important;}
.contact .aos-init .row .col-lg-6 {margin-bottom: 10px; width: 100%;}
#hero.d-flex.align-items-center {height: auto;}
#hero .container, #hero .container-fluid {padding-top: 77px;}
.sec-heading {font-size: 31px;}
.hitlab-heading {font-size: 31px;}
.hitlab .container-hitlab {width: 98%;}
.hitlab .container-hitlab .col-md-6{width: 100%;}
.hitlab .container-hitlab .col-md-6 img {width: 80%; margin: 0 auto; text-align: center; justify-content: center; display: flex;}
.team-card-footer .team-title { font-size: 14px;}
.inner-header .inner-nav{ transform: none; position: inherit;}
.inner-nav ul li a{ color:#000;}
.inner-nav ul li a.active, .inner-nav ul li a:hover, .inner-nav ul li a:visited { color: #000000!important; font-weight: var(--bold); }
.fill_btn {font-size: 13px;}
.team .team-section .col-md-3.col-sm-6 {width: 50%; margin-bottom: 20px;}
.inner-body .body-wrapper .main-block .block-body .row .col-sm-3.col-xs-6 {width: 50%; max-width: 50%;}
.body-wrapper .left-block {width: 250px;}
.body-wrapper .main-block { width: calc(100% - 250px); margin-left: 250px;}
.dark-header .logo img {max-height: 40px !important;}
.dark-header .container .navbar .mobile-nav-toggle {position: absolute !important; top: 20px !important; left: 12px !important; right: initial !important; z-index: 999 !important;}
.inner-body .body-wrapper .main-block .block-body .pagenation_perpage {margin-top: 20px !important;}
.inner-body .body-wrapper .main-block .block-body .pagenation_next {margin-top: 20px !important;}
.inner-body .body-wrapper .main-block .block-body .row.pagenation.pgn1 {margin-top: 10px !important;}
.block-title h2 {font-size: 14px;}
.block-title ul.bread-crumbs li {font-size: 9px;}
.title-action {margin-left: 6px !important;}
.plain-btn {padding: 7px 12px 7px 12px !important; font-size: 8px !important; align-items: center !important;}
.plain-btn .plus {font-size: 14px !important;}
.searchinput {height: 30px; padding: 0px 15px 0px 12px; font-size: 11px;}
.search-block .fill_btn {padding: 8px 13px;}
.fill_btn span {font-size: 15px;}
.orders .cart-block .table th {white-space: nowrap}
.preferences .main-block .block-body .card-block .table th {white-space: nowrap;}
.profile-pic .avatar-block .avatar-body .username {font-size: 15px;}
.profile .card-block .text-danger {position: absolute; left: 20px; bottom: 45px;}
.create-password .crpsd-cnt-blk .ins-dsp-none { display: none !important;}
.create-password .crpsd-cnt-blk .create-password-instruction {top: 350px; right: 0px; left: 200px;}
.asset-details-wrapper {height: auto!important; }
.asset-details-wrapper .asset-data-row { height: inherit; flex-direction: column-reverse;}
.asset-details-wrapper .asset-data-row .col-md-9{flex-shrink: 0; width: 100%; max-width: 100%;}
.meta-title { color: rgb(5, 5, 5); text-shadow: none; margin-top: 15px; font-size: 1.8em!important;}
.asset-metadata .title-description { display: block!important; max-height: inherit!important; padding-right: 0;}
.meta-info-outer { padding-bottom: 95px; max-height: inherit!important;}
.meta-info ul {grid-template-columns: 1fr!important;}
/* .title-thumb {width: 280px;} */
.asset-details-wrapper .asset-data-row .col-md-3{flex-shrink: 0; width: 100%; max-width: 100%;}
.title-thumb-wrapper { position: inherit !important; display: block !important; transform: none !important; top:initial!important; left: initial!important;}
.title-thumb-wrapper .title-thumb {width: 100% !important; position: relative; transform: none; padding: 0; margin: 0 auto; max-width: 350px;}
.title-thumb-buttons {margin-top: 10px 0 !important; padding: 0;}
.meta-info .cast-li li { grid-template-columns: 1.2fr 2fr !important;}
.meta-data-list li:first-child {max-width: 385px;}
.blur-bg {height: 100%;}
.cloud-base .about-features-container .sec-heading { padding: 0px 6% !important;}

.my_bid .estyYC {display: table !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(3), .my_bid .rdt_Table .rdt_TableCol:nth-child(3) { min-width: 14% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(4), .my_bid .rdt_Table .rdt_TableCol:nth-child(4) { min-width: 14% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(5), .my_bid .rdt_Table .rdt_TableCol:nth-child(5) { min-width: 8% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(6), .my_bid .rdt_Table .rdt_TableCol:nth-child(6) { min-width: 11% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(7), .my_bid .rdt_Table .rdt_TableCol:nth-child(7) { min-width: 7% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(8), .my_bid .rdt_Table .rdt_TableCol:nth-child(8) { min-width: 9.8% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(9), .my_bid .rdt_Table .rdt_TableCol:nth-child(9) { min-width: 10.6% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(10), .my_bid .rdt_Table .rdt_TableCol:nth-child(10) { min-width: 9% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(11), .my_bid .rdt_Table .rdt_TableCol:nth-child(11) { min-width: 9.8% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(12), .my_bid .rdt_Table .rdt_TableCol:nth-child(12) { min-width: 11% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(13), .my_bid .rdt_Table .rdt_TableCol:nth-child(13) { min-width: 8% !important;}

.view_bid .table_bid th { text-transform: uppercase; white-space: nowrap;}
.view_bid .main-block>.row>.col-md-3 {width: 35% !important;}
.view_bid .left {width: 65% !important;}
.view_bid .total {overflow-x: auto;}
.view_bid .total .bid_field { margin-left: 50px;}
.view_bid .total h3 {white-space: nowrap !important; margin-right: 10px !important;}
.view_bid .total .total_btn_group .btn {font-size: 13px !important; margin-right: 13px !important;}
.view_bid .left { max-height: calc(100vh - 310px) !important;}
.view_bid .redundant_table_block {overflow: auto !important;}
.bid_details .left-block {height: calc(100vh - 203px) !important; width: 36% !important;}
.bid_details .main-block { width: 65% !important;}
.bid_details .asset-details-wrapper .clear-btn {font-size: 11px !important;}
.bid_details .asset-details-wrapper .fill_btn {font-size: 11px !important;}
.bid_details .main-block .no_bids {width: 100% !important;}

.bid_details .main-block .table_bid th {white-space: nowrap !important;}
.bid_details .asset-details-wrapper .main-block .table-responsive .table_bid {margin-bottom: 0px !important;}
.bid_details .main-block p.text-right {margin-top: 10px !important;}
.bid_details .asset-details-wrapper .list_hed.mt-4 {margin-top: 12px !important;}
.bid_terms .hed h3 {margin-left: 15px !important;}
.bid_terms .content h1 {margin-left: 10px !important;}
.bid_terms .term_footer .back {margin-left: 14px !important;}

.create-password .crpsd-cnt-blk { display: flex; width: 100%; position: relative; flex-direction: column;}
.create-password .crpsd-cnt-blk .create-password-instruction {position: unset !important; margin-top: 20px !important; width: 100%;}
.create-password .create-password-body {min-height: calc(100vh - 479px);}

.team.media_partners .team-section .sales-team {width: 50%;}

.error-wrapper {position: inherit !important; transform: unset !important; width: 100% !important; margin-top: 160px; height: 72vh;}

}

@media (min-width: 300px) and (max-width: 480px) {
  .news-modal-popup .modal-content { max-width: 100% !important; }
  .news-modal-popup .row.rev { flex-direction: column-reverse;}
  .news-modal-popup .slider-section { margin-bottom: 30px;}
  .modal-open .news-modal-popup .modal-body { padding: 25px 15px !important; }
  .create-password .create-password-body {background-color: transparent; width: 100%;}
  .create-password .strong {padding: 0px 20px; font-size: 16px;}
  .create-password h1 {padding: 0px 20px; font-size: 30px;}
  .signin-body .signin-section {padding: 20px;}
  .col5-sm2{ flex: 0 0 auto; width: 100% !important;}
  .team-img{ max-width: 180px;}
  .about-img{ width: 95%; display: block; margin: 0 auto;}
  .about-count-wrapper{ flex-direction: column;}
  .body-wrapper {height: auto; flex-direction: column;}
  .body-wrapper .left-block { position: initial; width: 100%;}
  .adv_search .adv_body {height: 120px; overflow-y: auto; visibility: inherit; padding-top: 11px;}
  .adv_search .adv_header {padding-bottom: 1px; padding-top: 9px;}
  .adv_search .adv_header h6 {font-size: 11px;}
  .adv_search .adv_header h6 span { padding: 3px; font-size: 14px;}
  .adv_search .adv_footer {padding: 8px 15px;}
  .body-wrapper .main-block { width: 100%; margin-left: 0px; margin-top: 5px;}
  .block-header {padding: 10px 15px; overflow: auto;}
  /* .body-wrapper .main-block .block-title{width: 50%;} */
  .body-wrapper .main-block .search-block{width: 160px;}
  .body-wrapper .main-block .block-title h2{font-size: 12px;}
  .body-wrapper .main-block .search-block .searchinput{height: 36px; padding: 5px 14px 5px 15px; font-size: 9px;}
  .body-wrapper .main-block .search-block .fill_btn{padding: 8px 12px;}
  .body-wrapper .main-block .search-block .fill_btn span{font-size: 17px;}
  .body-wrapper .main-block .block-body {padding: 25px 15px;}
  .body-wrapper .main-block .block-body .col5-sm1 {width: 50% !important;}
  .title-action {margin-left: 6px !important;}
  .title-action .plain-btn{padding: 8px 13px 8px 13px; font-size: 10px; white-space: nowrap;}
  .footer-para {margin-bottom: 6px;}
  .adv_search .adv_body .adv_body-inner .form-floating{margin-bottom: 6px !important}
  .adv_search .adv_body .adv_body-inner .form-floating .form-control{height: calc(2.7rem + 2px);}
  .adv_search .adv_body .adv_body-inner .form-floating label{padding: 0.55rem 0.75rem;}
  .adv_search .adv_body .adv_body-inner .form-floating .multiselect-container .search-wrapper .searchBox {height: 30.5px;}
  .category-thumb { margin-bottom: 10px;}
  .nav-actions .ms-3 {margin-left: 8px !important;}
  .nav-actions .notify-dd.dropdown .nav-btn.dropdown-toggle{padding-right: 0px; font-size: 0px !important;}
  .nav-actions .nav-grp-btns .btn-primary{padding: 5px 6px;}
  .sec-heading {font-size: 28px;}
  .contact .info-box {padding: 35px; height: auto; margin-bottom: 10px !important;}
  .col6-sm1 {flex: 0 0 auto; width: 50% !important;}
  .block-title ul.bread-crumbs li {font-size: 9px;}
  .view-btns .btn {padding: 5px 9px;}
  .modal-logo { height: 28px !important; margin-right: 15px !important;}
  .modal-title {font-size: 14px;}
  .contact .aos-init .row.mt-3 {margin-top: 0px !important;}
  .contact .aos-init .row.mt-3 .col-lg-6 {margin-bottom: 10px;}
  .profile .md-container .card-block .profile-pic{flex-direction: column-reverse;}
  .profile .md-container .card-block .profile-pic .col-lg-4.col-md-4{margin-bottom: 20px;}
  .sec-heading {font-size: 26px;}
  .cart .body-content .md-container .cart-block{overflow: auto;}
  .view-orders .card-block{overflow: auto;}
  .cart .body-content .md-container .cart-block .table td .comments_area{width: 200px;}
  .signin-body .signin-graphic {display: none}
  .signin-body { flex-direction: column; min-height: calc(100vh - 368px);}
  .signin-body .signin-section {width: 100%;}
  .signin-wrapper {width: 95%; margin: 55px auto;}
  #hero .container{padding-top: 74px;}
  .hero-captions { margin-top: 20px;}
  .section.text-center .fill_btn.yellow-gradient {margin-top: 1rem !important;}
  .hitlab-heading {font-size: 26px;}
  .hitlab .container-hitlab {width: 100%;}
  .section.map-section .about-count-wrapper {flex-direction: row;}
  .section.map-section .about-count-wrapper .count-block .count-circle {width: 80px; height: 80px;}
  .section.map-section .about-count-wrapper .count-block .count-circle h2{font-size: 20px;}
  .section.map-section .about-count-wrapper .count-block h4{font-size: 13px;}
  .inner-header .container .nav-actions .nav-grp-btns {display: none;}
  .nav-actions .nav-btn{font-size: 0px !important;}
  #header .logo img { max-height: 40px;}
  #header .container .nav-actions .user-dd .dropdown-menu #dropdown_preferences {display: block !important;}
  #header .nopadding {padding-left: 10px !important; padding-right: 10px !important;}
  #header .container .navbar .mobile-nav-toggle {display: block !important;}
 .inner-nav .mobile-nav-toggle { position: absolute; top: 15px; left: 5px; right: initial; z-index: 999; }
 .inner-nav ul li a.active, .inner-nav ul li a:hover, .inner-nav ul li a:visited { color: #000000!important; font-weight: var(--bold); }
 .asset-container-header { padding: 10px 15px !important;}
  .asset-details-wrapper { padding: 30px 15px 15px 15px;}
  .asset-details-wrapper .asset-data-row { height: inherit; flex-direction: column-reverse;}
  .title-thumb {width: 100%; position: relative; transform: none; padding: 0; margin: 0}
  .title-thumb-wrapper { position: inherit !important; display: block !important; transform: none !important; top:initial!important; left: initial!important;}
  .title-thumb-buttons {margin-top: 10px 0 !important; padding: 0;}
  .moreclips {padding: 0 15px; padding-bottom: 10px;}
  .moreclips .tab .tablinks { padding: 10px 15px; font-size: 12px; margin-top: 80px;}
  .asset-details-wrapper{ height: auto!important;}
  .meta-title{color: rgb(5, 5, 5); text-shadow: none; margin-top: 15px; font-size: 1.6em!important;}
  .morevideos-btn { background-color: rgb(217 217 217 / 50%)!important;}
  .meta-info ul{grid-template-columns: 1fr 1fr;}
  .inner-body { padding-top: 60px; }
  .sign-wrapper .sign-body .sign-block .errormsg {left: 33.5%;}
  .sign-wrapper .sign-body .sign-block.type-block .errormsg {left: 30% !important;}
  .fill_btn {font-size: 10px; padding: 8px 17px;}
  .create-password {margin-top: 15px;}
  .meta-data-list li {margin-right: 12px; font-size: 12px;}
  .meta-data-list li span { font-size: 17px !important;}
 .inner-header .inner-nav{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; transform:none!important;}
  .inner-nav ul li a{ color:#000;}
  .inner-nav .mobile-nav-toggle { color: rgb(255 255 255);}
 .inner-header .logo{margin-left: 32px!important;}
#contact .php-email-form .col-md-6.form-group.mt-3.mt-md-0 {margin-top: 21px !important;}
.how-it-works .arrows-left{display: none !important;}
.how-it-works .arrows-right{display: none !important;}
.modal-dialog .modal-content .modal-header {padding: 10px 20px !important;}
.modal-dialog .modal-content .modal-header .modal-title { font-size: 12px !important;}
.modal-dialog .modal-content .modal-body .container{padding: 0;}
.cart-thumb {width: 35px !important; height: auto !important;}
.pagenation .pagenation-left {display: block !important;}
.pagenation .pagenation-right {display: block !important;}
.pagenation .pagenation-right .pagenation-buttons{float: right; margin-left: 0px !important; margin-top: 10px;}
.pagenation .pagenation-left .me-5{margin-bottom: 10px;}
.meta-data-list{ flex-direction: column; align-items: flex-start!important;}
.meta-info-outer{ padding-bottom: 95px; max-height: inherit!important;}
.asset-metadata .title-description{ display: block!important; max-height: inherit!important;}
.meta-info ul { grid-template-columns: 1fr!important;}
.asset-container .asset-details-wrapper .asset-metadata .meta-data-list {flex-direction: row; align-items: center !important;}
.access-denied .modal-dialog {width: 90% !important;}
.inner-body .body-wrapper .main-block .block-body .row .col-sm-3.col-xs-6 {width: 50%; max-width: 50%;}
.thumb-titlewrapper h6 {font-size: 10px;}
.meta-info .cast-li li {grid-template-columns: 1.2fr 2fr !important;}
.section.map-section {padding-left: 10px; padding-right: 10px;}
.sell-buy-wrapper .sell-buy-block {margin-left: 0; margin-right: 0;}
.pagenation_perpage {margin-top: 20px !important;}
.pagenation_next {margin-top: 20px !important;}
.row.pagenation.pgn1 {margin-top: 10px !important;}
.title-wrapper {margin-right: 10px;}
.title-action .plain-btn.delete-button {margin-right: 10px;}
.orders .cart-block .table th {white-space: nowrap}
.preferences .main-block .block-body .card-block .table th {white-space: nowrap;}
.terms-wrapper .terms-footer .terms-footer-wrapper .fill_btn {justify-content: center;}
.profile .card-block .text-danger { position: absolute; left: 7px;}
.pagenation_count {margin-top: 20px !important;}
.news_blogs .pagenation_count {margin-top: 0px !important;}
.cloud-base .about-features-container .sec-heading {padding: 0 !important; margin-bottom: 1.5rem!important;}
.search-block .clear-btn {top: 57%; right: 18px; transform: translate(-50%, -50%);}
.search-block .clear-btn span{font-size: 17px;}
.asset-details-wrapper .asset-data-row .asset-metadata .title-wrapper {margin-right: 0px;}
.meta-data-list li:first-child {max-width: 127px;}
.meta-info ul li h6 {font-size: 11px;}
.meta-info ul li p {font-size: 11px;}
.team-card-footer .team-mobile-para {display: block !important; color: #000; font-weight: normal; font-size: 0.8em; line-height: 1.5; margin-bottom: 0; min-height: unset; max-height: unset;}
.team-card-footer .full-details {display: none;}
.team-card-footer .team-para {display: none !important;}
.searchfail-block img {margin-top: 0px !important;}
.signin-wrapper .signin-body .signin-section .errormsg {position: absolute; left: 21px !important;}
.modal-dialog .modal-content .modal-body .container .form-floating textarea {height: auto !important;}
.more-popup-btn {background-color: #e4e2e2 !important; padding: 2.5px 7px !important; bottom: 2px !important; font-weight: 500;}
.auction .title_hed .right .search-block { width: auto !important;}
.auction_details .asset-details-wrapper {padding: 50px 15px 15px 15px !important; margin-bottom: 120px !important;}
.auction_details .document_block .item .doc {background: #f0f0f0 !important;}
.auction_details .asset-details-wrapper .close-btn { top: 2px;}
.auction_details .title-wrapper .meta-title {font-size: 1.6em!important;}
.auction_details .thumbnail_section { width: 100%; margin-top: 30px; padding-bottom: 50px; display: contents;}
.my_bid .estyYC {display: table !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(3), .my_bid .rdt_Table .rdt_TableCol:nth-child(3) { min-width: 14% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(4), .my_bid .rdt_Table .rdt_TableCol:nth-child(4) { min-width: 14% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(5), .my_bid .rdt_Table .rdt_TableCol:nth-child(5) { min-width: 8% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(6), .my_bid .rdt_Table .rdt_TableCol:nth-child(6) { min-width: 11% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(7), .my_bid .rdt_Table .rdt_TableCol:nth-child(7) { min-width: 7% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(8), .my_bid .rdt_Table .rdt_TableCol:nth-child(8) { min-width: 9.8% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(9), .my_bid .rdt_Table .rdt_TableCol:nth-child(9) { min-width: 10.6% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(10), .my_bid .rdt_Table .rdt_TableCol:nth-child(10) { min-width: 9% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(11), .my_bid .rdt_Table .rdt_TableCol:nth-child(11) { min-width: 9.8% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(12), .my_bid .rdt_Table .rdt_TableCol:nth-child(12) { min-width: 11% !important;}
.my_bid .rdt_Table .rdt_TableCell:nth-child(13), .my_bid .rdt_Table .rdt_TableCol:nth-child(13) { min-width: 8% !important;}
.view_bid .asset-details-wrapper {padding: 0 !important;}
.view_bid .table_block::-webkit-scrollbar { width: 4px; height: 4px;}
.view_bid .view_asset .content h2 {font-size: 15px !important; padding-right: 30px; margin-bottom: 0px !important;}
.view_bid .view_asset .img {width: 100px !important; margin-right: 10px !important; max-height: 95px !important;}
.view_bid .view_asset .content .tag {font-size: 7.5px !important; padding: 5px 9px !important;}
#header .container .nav-actions .user-dd .dropdown-menu .dropdown-item.seller_preferences_hide {display: none !important;}
.emaillogin .signin-footer .errormsg-floating {top: -41px;}

.view_bid .close-btn { width: 20px !important; height: 20px !important; top: 20px; right: 10px;}
.view_bid .total .total_btn_group .btn {font-size: 10px !important; padding: 8px 17px !important; margin-right: 10px !important;}
.view_bid .total {overflow-x: auto;}
.view_bid .total .bid_field { margin-left: 50px;}
.view_bid .total h3 {white-space: nowrap !important; margin-right: 10px !important;}
.view_bid .table_bid th { text-transform: uppercase; white-space: nowrap;}
.view_bid .close-btn span {font-size: 20px;}
.view_bid .redundant_table_block {overflow: auto !important;}
.view_bid .left {max-height: unset !important;}
.view_bid .main-block>.row>.col-md-3 {padding-right: 0 !important; padding-left: 0 !important; margin-top: 15px !important;}
.view_bid .right {height: calc(100vh - 450px) !important;}
.bid_details .asset-details-wrapper {padding: 0px 15px 20px 15px !important; flex-direction: column !important; height: auto !important;}
.bid_details .left-block {width: 100% !important; height: 240px !important; margin-bottom: 7px;}
.bid_details .main-block {width: 100% !important; height: auto !important; margin-bottom: 88px;}
.bid_details .main-block .no_bids {height: 100% !important;}
.bid_details .main-block .table_bid th {white-space: nowrap !important;}
.bid_details .asset-details-wrapper .main-block .table-responsive .table_bid {margin-bottom: 0px !important;}
.bid_details .main-block p.text-right {margin-top: 10px !important;}
.bid_details .asset-details-wrapper .list_hed.mt-4 {margin-top: 12px !important;}
.bid_details .asset-container-header h2 {font-size: 14px !important;}
.bid_terms .hed h3 {margin-left: 15px !important;}
.bid_terms .content h1 {margin-left: 10px !important;}
.bid_terms .term_footer .back {display: none !important;}
.bid_terms .form-check {align-items: center;}
.bid_terms .term_footer .fill_btn { padding: 11px 20px !important; font-size: 10px !important;}
.bid_terms .form-check-label {font-size: 12px !important;}
.auction .pagenation_count {margin-top: 0px !important}
.auction .title_hed .right .form-group {margin-left: 0px !important}
.auction .title_hed .right .search-block {margin-right: 10px !important}
.auction .search-block .clear-btn {right: 25px !important;}
.auction .title_hed .right .form-group .select {width: 123px !important; font-size: 9px !important;}

.create-password .crpsd-cnt-blk { display: flex; width: 100%; position: relative; flex-direction: column;}
.create-password .crpsd-cnt-blk .create-password-instruction {position: unset !important; margin-top: 20px !important; width: 100%;}
.create-password .create-password-body {min-height: auto;}

.media_partners .team-card img {max-width: 260px !important;}
.error-wrapper {position: inherit !important; transform: unset !important; width: 100% !important; margin-top: 110px; height: 72vh;}

.count-circle h5{position: absolute; bottom: 2px; font-size: 10px; font-weight: bold;}
.about-count-wrapper .count-block {margin: 20px 25px;}
.about-first-container .sec-heading {margin-bottom: 1rem!important; margin-top: 0rem!important;}
.about-first-container .heading-tag {margin-top: 1rem!important;}
}

@media (min-width: 1025px) and (max-width: 1367px) {
    .thumb-titlewrapper h6{ font-size: 12px!important;}
    .category-thumb img{ width: 65%!important;}
    .container-hitlab img { width: 95%; left: 43%; }
    .container-hitlab { max-width: 1180px; }
    .hitlab-heading { font-size: 34px; }
    .container { max-width: 1300px !important;}
    .navbar>ul>li { padding: 0px 0 0px 33px; cursor: pointer;}
    .team-card-footer .team-title { font-size: 16px;}
    .preferences .md-container{width: 100%; max-width: 1280px !important; }
    #list-view.list-view .table th:nth-child(3), .list-view .table td:nth-child(3) { width: 12% !important;}
    .preferences .body-content .md-container .cart-block table tbody tr td .css-b62m3t-container {width: 340px !important;}
   .show-my-content.table.table-bordered th:nth-child(2), .show-my-content.table td:nth-child(2) { width: 8% !important;}
   .show-my-content.table.table-bordered th:nth-child(1), .show-my-content.table td:nth-child(1) { width: 14% !important;}
   .sign-wrapper .sign-body .sign-block .form-floating .errormsg, .sign-wrapper .sign-body .sign-block .input-group .errormsg{position: absolute; left: 0 !important;}
  .title-thumb-buttons {padding-left: 1rem;}
  .modal-dialog .modal-content .enquiry-form .css-1nmdiq5-menu>div {max-height: 130px !important;}
  .how-it-works .arrows-left{width: 200px !important;}
  .how-it-works .arrows-right{width: 200px !important;}
  .about-features-container .sec-heading {padding: 0px 20% !important;}
  .thumb-info h6 {font-size: 11px; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
  /* .bid_details .asset-details-wrapper {height: 106vh !important;} */
  .bid_details .main-block .table th:nth-child(5) {width: 11%; text-transform: uppercase;}
  .bid_details .table-responsive .break-up .table th:nth-child(5) {width: 11%; text-transform: uppercase;}
  .bid_details .main-block p.text-right {width: 100% !important;}
  .my_bid .rdt_Table .rdt_TableCell:nth-child(2), .my_bid .rdt_Table .rdt_TableCol:nth-child(2) { min-width: 12% !important;}
  .my_bid .rdt_Table .rdt_TableCell:nth-child(4), .my_bid .rdt_Table .rdt_TableCol:nth-child(4) {min-width: 9.4% !important;}
  .my_bid .rdt_Table .rdt_TableCell:nth-child(5), .my_bid .rdt_Table .rdt_TableCol:nth-child(5) { min-width: 6% !important;}
  .my_bid .rdt_Table .rdt_TableCell:nth-child(9), .my_bid .rdt_Table .rdt_TableCol:nth-child(9) { min-width: 7.5% !important; justify-content: right;}
  .my_bid .rdt_Table .rdt_TableCell:nth-child(10), .my_bid .rdt_Table .rdt_TableCol:nth-child(10) { min-width: 7% !important;}
 .title-thumb img { width: 100%; max-height: 400px;}
  .meta-data-list li:first-child { max-width: 542px;}
 .my_bid .rdt_Table .rdt_TableCell:nth-child(6), .my_bid .rdt_Table .rdt_TableCol:nth-child(6) { min-width: 8% !important;}
  .my_bid .rdt_Table .rdt_TableCell:nth-child(12), .my_bid .rdt_Table .rdt_TableCol:nth-child(12) { min-width: 7% !important; justify-content: left;}
  .my_bid .rdt_Table .rdt_Table .rdt_TableCell:last-child, .my_bid .rdt_Table .rdt_Table .rdt_TableCol:last-child {min-width: 6.3% !important;}
  .view_bid .table_bid th:nth-child(4), .view_bid .table_bid td:nth-child(4) { width: 14% !important;}
  .view_bid .table_bid th:nth-child(10), .view_bid .table_bid td:nth-child(10) { width: 12.4% !important;}
.seller-list-view .table-responsive .table th:nth-child(2), .seller-list-view .table-responsive .table td:nth-child(2) { width: 10% !important;}
.seller-list-view .table-responsive .table th:nth-child(4), .seller-list-view .table-responsive .table td:nth-child(4) { width: 10% !important;}
.bid_details .asset-details-wrapper .main-block .table_bid.break-up th:nth-child(6), .bid_details .asset-details-wrapper .main-block .table_bid.break-up td:nth-child(6) {width: 5%;}

.bid_details .main-block .table_bid th:nth-child(5), .bid_details .main-block .table_bid td:nth-child(5) { width: 9% !important;}
.bid_details .main-block .table_bid.break-up th:nth-child(1), .bid_details .main-block .table_bid.break-up td:nth-child(1) { width: 5% !important;}
.bid_details .main-block .table_bid.break-up th:nth-child(2), .bid_details .main-block .table_bid.break-up td:nth-child(2) { width: 3% !important;}
.bid_details .main-block .table_bid.break-up th:nth-child(3), .bid_details .main-block .table_bid.break-up td:nth-child(3) { width: 5% !important;}
.bid_details .main-block .table_bid.break-up th:nth-child(4), .bid_details .main-block .table_bid.break-up td:nth-child(4) { width: 3% !important;}
.bid_details .main-block .table_bid.break-up th:nth-child(5), .bid_details .main-block .table_bid.break-up td:nth-child(5) { width: 2% !important;}
.view_bid .table_bid th:nth-child(2), .view_bid .table_bid td:nth-child(2) { width: 0% !important;}
.view_bid .table_bid th:nth-child(3), .view_bid .table_bid td:nth-child(3) { width: 12% !important;}
.view_bid .table_bid th:nth-child(4), .view_bid .table_bid td:nth-child(4) { width: 14.4% !important;}
.view_bid .table_bid th:nth-child(5), .view_bid .table_bid td:nth-child(5) { width: 13.6% !important;}
.view_bid .table_bid th:nth-child(6), .view_bid .table_bid td:nth-child(6) { width: 11.5% !important;}
.view_bid .table_bid th:nth-child(7), .view_bid .table_bid td:nth-child(7) { width: 9.3% !important;}
.view_bid .table_bid th:nth-child(8), .view_bid .table_bid td:nth-child(8) { width: 5% !important;}
.view_bid .table_bid th:nth-child(9), .view_bid .table_bid td:nth-child(9) { width: 11.7% !important;}
.view_bid .table_bid.redudant_table th:nth-child(2), .view_bid .table_bid.redudant_table td:nth-child(2) { width: 12% !important;}
.view_bid .table_bid.redudant_table th:nth-child(3), .view_bid .table_bid.redudant_table td:nth-child(3) { width: 17% !important;}
.view_bid .table_bid.redudant_table th:nth-child(4), .view_bid .table_bid.redudant_table td:nth-child(4) { width: 13.7% !important;}
.view_bid .table_bid.redudant_table th:nth-child(5), .view_bid .table_bid.redudant_table td:nth-child(5) { width: 11.6% !important;}
.view_bid .table_bid.redudant_table th:nth-child(6), .view_bid .table_bid.redudant_table td:nth-child(6) { width: 5% !important;}
.view_bid .table_bid.redudant_table th:nth-child(7), .view_bid .table_bid.redudant_table td:nth-child(7) { width: 5% !important;}
.view_bid .table_bid.redudant_table th:nth-child(8), .view_bid .table_bid.redudant_table td:nth-child(8) { width: 11.9% !important;}
.view_bid .table_bid.redudant_table th:nth-child(9), .view_bid .table_bid.redudant_table td:nth-child(9) { width: 12.6% !important;}
.view_bid .right .table_bid th:nth-child(2), .view_bid .right .table_bid td:nth-child(2) { width: 30% !important;}
.view_bid .table_bid th:nth-child(11), .view_bid .table_bid td:nth-child(11) { width: 8.2% !important;}
.view_bid .table_block { max-height: calc(100vh - 421px) !important;}

.no_partners .error-wrapper {top: 57% !important;}
.navbar a, .navbar a:focus {font-size: 12.5px;}

.auction_details .asset-details-wrapper .video_block .item {width: 127px !important; height: 70px !important;}
.auction_details .video_block .item img {height: 70px !important;}
.auction_details .thumbnail_section .image_block .slick-initialized .slick-slide {width: 127px !important; height: 70px !important; margin: 0 5px !important;}
.auction_details .image_block .item {height: 70px !important; width: 127px !important;}
.auction_details .document_block .item .doc {width: 70px !important; height: 70px !important;}
.auction_details .document_block .item .doc img {max-width: 58% !important; max-height: 58% !important;}
.auction_details .document_block .item {width: 71.4px !important;}
.auction_details .asset-details-wrapper .video_block .slick-initialized .slick-slide {width: 127px !important; height: 70px !important;}
.auction_details .asset-details-wrapper .document_block .slick-initialized .slick-slide { width: 71.4px !important; height: 71.4px !important; margin: 0px 5px !important;}

.auction_details .thumbnail_section { width: 819.4px !important;}
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .container-hitlab img { width: 95%; left: 43%; }
    .container-hitlab { max-width: 1180px; }
    .hitlab-heading { font-size: 34px; }

}

@media (min-width: 1081px) and (max-width: 1085px) {
  .more-popup-btn {right: 0 !important;}

}

@media (min-width: 1081px) and (max-width: 1222px) {
  .meta-data-list li:first-child {max-width: 495px;}
  .meta-title {font-size: 2em!important;}
  .meta-info ul li h6 {font-size: 11px;}
  .meta-info ul li p {font-size: 11px;}

}


@media (min-width: 1025px) and (max-width: 1280px) {
  #hero {background-size: 105%;}
  .title-thumb{ width:250px!important;}
  .navbar a, .navbar a:focus {font-size: 12.5px;}
  .container { max-width: 1230px !important;}

}

@media (min-width: 1281px) and (max-width: 1446px) {
 
  .title-thumb{ width:250px!important;}

}

@media (min-width: 1200px) {
  

}

@media (min-width: 1600px) {
  .signin-wrapper { height: calc(100vh - 74px);}
  .signin-body {min-height: calc(100vh - 421px); max-height: 800px;}
  #header .container { max-width: 1850px!important;}
  .contact {padding-bottom: 14px;}
  .cloud-base {min-height: unset !important;}
  .section.inner-container {min-height: calc(100vh - 49px);}
  .container { max-width: 1850px!important;}
  .cart {min-height: 95vh; height: auto;}
  #header .logo img { max-height: 70px;}
  .navbar a, .navbar a:focus {font-size: 16px;}
  .navbar .getstarted, .navbar .getstarted:focus {font-size: 16px;}
  .hero-captions .caption1 {font-size: 36px;}
  .hero-captions .caption2 { font-size: 36px;}
  .hero-captions img { width: 75px;}
  .hero-description { font-size: 17px;}
  .thumb-info p {font-size: 12px;}
  .thumb-info h6 { font-size: 13px;}
  .thumb-info ul li { font-size: 12px;}
  .thumb-info .thumb-description {font-size: 12px;}
  .border-btn_sm {font-size: 11px; padding: 6px 12px;}
  .sec-heading {font-size: 39px;}
  .section p { font-size: 17px;}
  .sell-buy-wrapper .sell-buy-block .sell-buy-header img {height: 52px;}
  .sell-buy-wrapper .sell-buy-block .sell-buy-header h3 { font-size: 20px;}
  .sell-buy-wrapper .sell-buy-block .sell-buy-body ul li { font-size: 17px;}
  .sell-buy-wrapper .sell-buy-block .sell-buy-body ul li:before { width: 25px; height: 25px;}
  .sell-buy-wrapper { max-width: 1050px;}
  .fill_btn {font-size: 16px; padding: 9px 22px;}
  .hitlab-heading {font-size: 38px;}
  .hitlab-block ul li {font-size: 17px;}
  .hitlab-block ul li span {font-size: 34px;}
  .container-hitlab {max-width: 1350px;}
  .container-hitlab img { top: 58%; width: 682px; left: 46%;}
  .customize-sec p span {font-size: 55px;}
  .customize-sec ul li { font-size: 17px; margin-bottom: 10px;}
  .customize-block {max-width: 1340px;}
  .portfolio #portfolio-flters li {font-size: 16px; padding: 12px 17px;}
  .portfolio .portfolio-wrap .portfolio-info p {font-size: 13px;}
  .portfolio .portfolio-wrap .portfolio-info p {font-size: 14px;}
  .portfolio_block { max-width: 1340px;}
  .portfolio_block .portfolio .portfolio-container1 .portfolio-item .portfolio-wrap .img-fluid{width: 100%;}
  .footer .container-fluid {width: 92%;}
  .footer-container ul li a {font-size: 14px;}
  .footer-para { font-size: 14px;}
  .container.about-first-container {max-width: 1650px!important;}
  .container.about-first-container .col-md-6 .about-img{width: 570px;}
  .about-count-wrapper .count-block .count-circle {width: 140px; height: 140px;}
  .about-count-wrapper .count-block .count-circle h2 {font-size: 34px;}
  .about-count-wrapper .count-block .count-circle p {font-size: 23px;}
  .about-count-wrapper .count-block h4 {font-size: 20px;}
  .about-features .icon-block .features-icon { width: 54px;}
  .about-features .icon-block {width: 54px;}
  .about-features h6 {font-size: 16px;}
 .team-card-footer .team-title {font-size: 19px;}
  .team-card .team-designation {font-size: 15px; padding: 7px 15px;}
  .contact .info-box h3 {font-size: 22px;}
  .contact .info-box i {font-size: 35px;}
  .contact .info-box p {font-size: 16px;}
  .contact .php-email-form label {font-size: 12px;}
  .contact .php-email-form input, .contact .php-email-form textarea {font-size: 16px;}
  .logo { max-height: 65px;}
  .sign-wrapper .sign-header h1 {font-size: 30px;}
  .sign-wrapper .sign-header p { font-size: 20px;}
  .title {font-size: 18px;}
  .buy-icon-bg:hover, .buy-icon-bg.selected {background-size: 50%; }
  .icon-btn {width: 77px; height: 77px; padding-top: 43px; font-size: 14px;}
  .individual-icon-bg:hover, .individual-icon-bg.selected {background-size: 50%; }
  .sm-font { font-size: 10px!important;}
  .sign-wrapper .sign-body .sign-block .form-floating label {font-size: 12px;}
  .sign-wrapper .sign-body .sign-block .input-group.custom-drop_down .colorselect {width: 125px; font-size: 12px;}
  .sign-wrapper .sign-body .sign-block .input-group.custom-drop_down .form-floating { width: calc(100% - 125px);}
  .signup-prompt { font-size: 15px!important;}
  .signin-wrapper .logo { height: 90px!important; max-height: 90px!important;}
  .signin-body .signin-graphic h2 {font-size: 26px;}
  .pending-header h1, .bold-heading { font-size: 30px;}
  .signin-section p { font-size: 20px;}
  input:focus ~ label, input:valid ~ label, textarea:focus ~ label { font-size: 12px;}
  .signin-body .signin-section .resend-button {font-size: 12px; padding: 3px 11px;}
  .sm-btn {font-size: 12px; padding: 8px 12px;}
  .otp-inputs input {height: 54px !important; width: 54px !important; font-size: 18px;}
  .preferences .md-container{width: 100%; max-width: 1850px !important; }
  .meta-title { font-size: 2.6em!important;}
  .meta-data-list { font-size: 16px;}
  .meta-data-list li:after {width: 5px; height: 5px;}
  .asset-metadata .title-description { font-size: 15px;}
  .asset-metadata .morevideos-btn {font-size: 1em !important; padding: 12px 15px !important;}
  .morevideos-btn span { font-size: 23px !important;}
  .morevideos-btn::after {font-size: 17px;}
  .meta-info ul li h6 { font-size: 15px;}
  .meta-info ul li p { font-size: 15px;}
  .close-btn {top: 22px; right: 22px; padding: 6px; width: 36px; height: 36px;}
  .title-thumb {width: 325px;}
  .inner-body{ padding-top: 85px;}
  .body-wrapper .left-block{top:85px}
  .otp-inputs {max-width: 310px;}
  .otp-block .otp-footer {max-width: 310px;}
  .about-features-container .sec-heading {padding: 0px 27% !important;}
  .meta-info-outer {max-height: calc(100vh - 490px);}

  .auction_details .asset-details-wrapper {padding: 30px 60px 15px 60px !important;}
  .auction_details .asset-details-wrapper .close-btn { top: 30px !important;}
  .auction_details .detail_section { margin-top: 25px !important;}
  .auction_details .sub_title {margin-bottom: 6px !important; font-size: 15px !important;}
  .auction_details .video_block .item {width: 145.4px !important;}
  .auction_details .video_block .item img {height: 85px !important;}
  /* .auction_details .image_block .slick-initialized .slick-slide { width: 160px !important; height: 93px !important; margin-right: 10px !important;} */
  /* .auction_details .document_block .item {width: 93px !important;} */
  /* .auction_details .document_block .item .doc {width: 93px !important; height: 93px !important;} */
  .auction_details .asset-details-wrapper .video_block .slick-initialized .slick-slide {width: 145.4px !important; height: 85px !important;}
  .auction_details .asset-details-wrapper .video_block .item {height: 85px !important;}
  /* .auction_details .document_block .slick-initialized .slick-slide {width: 93px !important; height: 93px !important; margin-right: 10px !important} */
  .auction_details .thumbnail_section {width: 929.1px !important;}
  /* .auction_details .image_block .item { width: 160px !important;} */
  .auction_details .asset-details-wrapper .image_block .slick-initialized .slick-slide { width: 145.4px !important; margin: 0 5px !important; height: 85px !important;}
  .auction_details .asset-details-wrapper .image_block .item {height: 85px !important; width: 145.4px !important;}

  .bid_details .asset-details-wrapper {height: 88.5vh !important;}
  .bid_details .main-block p.text-right {width: 100% !important;}
  .bid_details .left-block { height: calc(100vh - 131px) !important;}
  .bid_details .main-block .table_bid th:nth-child(4), .bid_details .main-block .table_bid td:nth-child(4) { width: 4% !important;}
  .bid_details .main-block .table_bid th:nth-child(5), .bid_details .main-block .table_bid td:nth-child(5) { width: 5% !important;}
  .bid_details .main-block .table_bid.break-up th:nth-child(4), .bid_details .main-block .table_bid.break-up td:nth-child(4) { width: 3% !important;}
  .bid_details .main-block .table_bid.break-up th:nth-child(5), .bid_details .main-block .table_bid.break-up td:nth-child(5) { width: 1% !important;}
  .bid_details .main-block .table_bid.break-up th:nth-child(6), .bid_details .main-block .table_bid.break-up td:nth-child(6) { width: 1.5% !important;}

  .view_bid .table_bid th:nth-child(3), .view_bid .table_bid td:nth-child(3) { width: 16.5% !important;}
  .view_bid .table_bid th:nth-child(4), .view_bid .table_bid td:nth-child(4) { width: 22.3% !important;}
  .view_bid .table_bid th:nth-child(5), .view_bid .table_bid td:nth-child(5) { width: 11% !important;}
  .view_bid .table_bid th:nth-child(6), .view_bid .table_bid td:nth-child(6) { width: 11% !important;}
  .view_bid .table_bid th:nth-child(7), .view_bid .table_bid td:nth-child(7) { width: 11% !important;}
  .view_bid .table_bid th:nth-child(8), .view_bid .table_bid td:nth-child(8) { width: 5% !important;}
  .view_bid .table_bid th:nth-child(9), .view_bid .table_bid td:nth-child(9) { width: 7.6% !important;}
  .view_bid .table_bid th:nth-child(10), .view_bid .table_bid td:nth-child(10) { width: 8% !important;}
  .view_bid .table_bid.redudant_table th:nth-child(2), .view_bid .table_bid.redudant_table td:nth-child(2) { width: 15% !important;}
  .view_bid .table_bid.redudant_table th:nth-child(3), .view_bid .table_bid.redudant_table td:nth-child(3) { width: 20% !important;}
  .view_bid .table_bid.redudant_table th:nth-child(10), .view_bid .table_bid.redudant_table td:nth-child(10) { width: 15% !important;}
  .view_bid .table_bid.redudant_table th:nth-child(4), .view_bid .table_bid.redudant_table td:nth-child(4) { width: 9% !important;}
  .view_bid .table_bid.redudant_table th:nth-child(5), .view_bid .table_bid.redudant_table td:nth-child(5) { width: 16% !important;}
  .view_bid .table_bid.redudant_table th:nth-child(6), .view_bid .table_bid.redudant_table td:nth-child(6) { width: 8% !important;}
  .view_bid .table_bid.redudant_table th:nth-child(7), .view_bid .table_bid.redudant_table td:nth-child(7) { width: 9% !important;}
  .view_bid .table_bid.redudant_table th:nth-child(8), .view_bid .table_bid.redudant_table td:nth-child(8) { width: 7.5% !important;}
  .view_bid .table_bid.redudant_table th:nth-child(9), .view_bid .table_bid.redudant_table td:nth-child(9) { width: 7.9% !important;}
  .view_bid .table_bid th:nth-child(11), .view_bid .table_bid td:nth-child(11) { width: 5.6% !important;}
  .view_bid .table_block { max-height: calc(100vh - 426px) !important;}
 
}



@media (min-width: 1920px) {
  .inner-nav{ left: 220px; }
}



.nav-link {cursor: pointer;}
.getstarted.yellow-gradient {cursor: pointer;}
.adv_search .adv_body .multiselect-container .search-wrapper .chip {background: linear-gradient(180deg, #F5F8FF 0%, #DFE7F9 25.93%); border: 1px solid #E0E9FE; box-shadow: 1px 1px 2px rgb(0 0 0 / 21%); border-radius: 5px; color: #000; font-size: 9px; padding: 3px 8px; text-transform: uppercase; font-weight: 600;}
.adv_search .adv_body .multiselect-container .search-wrapper .chip img{filter: invert(63%); height: 12px; width: 12px;}
/* .adv_body{ visibility: hidden;} */
.adv_body:hover{ visibility: visible; }
.adv_body-inner{ visibility: visible;}
.contact .php-email-form .text-center {margin-top: 21px; text-align: left!important;}
.section.inner-container {min-height: calc(100vh - 49px);}
#header .container .nav-actions .user-dd .dropdown-menu #dropdown_preferences {display: none;}
#header .container .nav-actions .user-dd .dropdown-menu .dropdown_password {display: block;}
#header .container .nav-actions .user-dd .dropdown-menu .dropdown_logout {display: block;}
#header .container .navbar .mobile-nav-toggle {display: none;}
.profile .create-password .crpsd-cnt-blk .create-password-instruction {width: auto; position: inherit;}
.profile .create-password .crpsd-cnt-blk {position: inherit;}
.error-wrapper{ position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 98%; max-width: 800px; text-align: center; display: block;}
.error-wrapper h1{ font-weight: var(--bold); text-align: center;}
.error-img{ width: 100%; max-width: 350px;}
.push-center{ margin: 0 auto;}
.left-block.adv_search .adv_body .adv_body-inner .form-group {margin-bottom: 3px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .form-control{font-size: 14px; height: 35px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .form-select{font-size: 13px; height: 35px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .date_input {font-size: 12px; height: 35px; padding-left: 5px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group label>span{color: var(--red); font-size: 15px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group label{text-transform: capitalize; color: #5c5c5c; font-weight: 700; font-size: 11px; margin-bottom: 0px; padding: 0px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .multiselect-container .search-wrapper .searchBox {margin-top: 0px; padding: 0.2px 6px; font-size: 11px !important;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .multiselect-container li {padding: 4px 10px; font-size: 10px; text-transform: capitalize !important;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .multiselect-container .highlightOption {background-color: #f8b25c;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .multiselect-container li:hover {background-color: #f8b25c;}
.css-1p3m7a8-multiValue {border-radius: 4px;color: #000; font-size: 10px; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.css-13cymwt-control .css-1p3m7a8-multiValue .css-wsp0cs-MultiValueGeneric{padding: 6px; padding-right: 0px;}
.css-1nmdiq5-menu { font-size: 12px !important; line-height: 12px; font-weight: 500;}
.css-1nmdiq5-menu>div::-webkit-scrollbar { width: 5px; }
.css-1nmdiq5-menu>div::-webkit-scrollbar-track { background: #f1f1f1; }
.css-1nmdiq5-menu>div::-webkit-scrollbar-thumb { background: #c7c7c7; border-radius: 6px; }
.css-1nmdiq5-menu>div::-webkit-scrollbar-thumb:hover { background: #a2a2a2; }
.adv_body .adv_body-inner .form-group  .css-1p3m7a8-multiValue {border-radius: 4px;color: #000; font-size: 10px; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.css-1p3m7a8-multiValue{padding-right: 0px; background: -moz-linear-gradient(top, #EFEFEF 0%, #EEEEEE 47%, #FFFFFF 84%, #FFFFFF 100%); background: -webkit-linear-gradient(top, #EFEFEF 0%,#EEEEEE 47%,#FFFFFF 84%,#FFFFFF 100%); background: linear-gradient(to bottom, #EFEFEF 0%,#EEEEEE 47%,#FFFFFF 84%,#FFFFFF 100%); border: 1px solid #B9B9B9;}
/* .left-block.adv_search .adv_body .adv_body-inner .form-group .css-1p3m7a8-multiValue {padding: 4px;} */
.css-1dyz3mf { -webkit-box-align: center; align-items: center; display: -webkit-box !important; flex: 1 1 0%; flex-wrap: nowrap !important; position: relative; overflow: auto !important; padding: 2px 8px; box-sizing: border-box; }
.css-1dyz3mf::-webkit-scrollbar { height: 3px; }
.css-1dyz3mf::-webkit-scrollbar-track { background: #f1f1f1; }
.css-1dyz3mf::-webkit-scrollbar-thumb { background: #888; border-radius: 6px; }
.css-1dyz3mf::-webkit-scrollbar-thumb:hover { background: #555; }
.adv_body .adv_body-inner .form-group .css-b62m3t-container .css-13cymwt-control {height: auto; background-color: transparent; min-height: 35px; max-height: 60px; overflow-y: auto;}
.css-b62m3t-container .css-13cymwt-control:hover {border-color: hsl(0, 0%, 80%);}
.css-b62m3t-container .css-qbdosj-Input {font-size: 12px !important;}
.css-b62m3t-container .css-166bipr-Input {font-size: 12px !important;}
.css-1cfo1cf {color: #000 !important; font-size: 14px !important;} 
.adv_search .adv_body .form-control:-webkit-input-placeholder {font-size: 12px;}
.adv_search .adv_body .form-control:-ms-input-placeholder {font-size: 12px;}
.adv_search .adv_body .form-control::placeholder {font-size: 12px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .form-select:-webkit-input-placeholder {font-size: 12px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .form-select:-ms-input-placeholder {font-size: 12px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .form-select::placeholder {font-size: 12px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .date_input:-webkit-input-placeholder {font-size: 12px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .date_input:-ms-input-placeholder {font-size: 12px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .date_input::placeholder {font-size: 12px;}
.css-1h01tm3-Input { font-size: 12px !important;}
.left-block.adv_search .adv_body .adv_body-inner .form-group #countryoforigin .css-1jqq78o-placeholder { font-size: 12px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .css-3iigni-container .css-1jqq78o-placeholder {font-size: 12px;}
.css-olqui2-singleValue { font-size: 11px;}
 

.left-block.adv_search .adv_body .adv_body-inner .form-group .css-b62m3t-container .css-1jqq78o-placeholder {font-size: 12px;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .css-b62m3t-container .css-t3ipsp-control:hover {border: 1px solid #86b7fe; box-shadow:  none !important;}
.left-block.adv_search .adv_body .adv_body-inner .form-group .css-b62m3t-container .css-t3ipsp-control:focus {border: 1px solid #86b7fe; box-shadow: none !important;}
.profile-thumb{ width:32px; height: 32px;  background-color: var(--highlight); line-height: 1; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.profile-thumb p{ margin-bottom: 0; font-size: 14px; font-weight: var(--bold); line-height: 1; color:#fff; text-transform: capitalize;}
.avatar-card .profile-thumb{ zoom: 1.3; border:0px solid #fff}
.user-dd button{ background: transparent!important; border: none!important;}
.searchfail-block{ position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.searchfail-block h6{ text-align: center; font-weight: var(--bold); font-size: 16px;}
.searchfail-block p{ text-align: center;  font-size: 16px;}
.searchfail-block img{width: 90%; max-width: 150px;}
.list-view .table td .cast {word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit !important; border: none;}
.list-view .table th:nth-child(1), .list-view .table td:nth-child(1) {width: 0% !important;}
.list-view .table th:nth-child(2), .list-view .table td:nth-child(2) {width: 17% !important;}
.list-view .table th:nth-child(3), .list-view .table td:nth-child(3) {width: 10% !important; }
.list-view .table th:nth-child(4), .list-view .table td:nth-child(4) {width: 5% !important;}
.list-view .table th:nth-child(5), .list-view .table td:nth-child(5) {width: 8% !important;}
.list-view .table th:nth-child(6), .list-view .table td:nth-child(6) {width: 13% !important; }
.list-view .table th:nth-child(7), .list-view .table td:nth-child(7) {width: 16% !important; }
.list-view .table th:nth-child(8), .list-view .table td:nth-child(8) {width: 12% !important; }
.list-view .table th:nth-child(9), .list-view .table td:nth-child(9) {width: 6% !important; }
.show-my-content.table th:nth-child(1), .show-my-content.table td:nth-child(1) {width: 12% !important;}
.show-my-content.table th:nth-child(2), .show-my-content.table td:nth-child(2) {width: 5% !important;}
.show-my-content.table th:nth-child(3), .show-my-content.table td:nth-child(3) {width: 0% !important; }
.show-my-content.table th:nth-child(4), .show-my-content.table td:nth-child(4) {width: 0% !important;}
.show-my-content.table th:nth-child(5), .show-my-content.table td:nth-child(5) {width: 2% !important;}
.show-my-content.table th:nth-child(6), .show-my-content.table td:nth-child(6) {width: 15% !important; }
.show-my-content.table th:nth-child(7), .show-my-content.table td:nth-child(7) {width: 11% !important; text-align: left !important;}
.show-my-content.table th:nth-child(8), .show-my-content.table td:nth-child(8) {text-align: left !important; width: 0% !important;}
.show-my-content.table>tbody>tr>td:last-child { background-color: transparent; position: inherit; z-index: unset;}
.show-my-content.table>thead>tr>th:last-child { background-color: transparent; position: inherit; z-index: unset;}

.pagenation {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.pagenation>* {width: auto !important; position: relative;}
.pagenation .btn-block {padding: 7px 9px; float: left; width: 98px; border-radius: 50px; color: #fff; border: none; font-weight: 600; font-size: 12px; background-color: #F2A341; border: 1px solid #F2A341;}
.pagenation label {color: #000; font-size: 13px;}
.pagenation .pagenation_page label strong{font-weight: 600;}
.pagenation .u-w60 {margin: 0 5px; border-radius: 50px !important; padding: 5px 18px; height: 30px !important; width: 60px; display: inline-block; font-size: 13px; line-height: initial;}
.pagenation .custom-select {margin: 0 5px; border-radius: 5px !important; padding: 5px ; height: 33px !important; display: inline-block; font-size: 13px; line-height: initial;}
.pagenation>* .material-icons-outlined{position: absolute; top: 5px; right: 44px; font-size: 23px;}
.pagenation_perpage .material-icons-outlined{position: absolute; top: 4px; right: 20px;}
.avatar-card .sm-badge.badge {font-size: 11px;}
.user-dd .dropdown-menu.show .dropdown-item {font-size: 14px; padding: 4px 15px;}
.user-dd .dropdown-menu .dropdown-item:first-child{margin-top: 4px;}
#header .container .nav-actions .user-dd .dropdown-menu .dropdown-item:nth-child(2) {margin-top: 4px;}
#header .container .nav-actions .notify-dd .dropdown-toggle::after {display: none;}
.main-block .block-header .block-title ul.bread-crumbs a {color: #8e8e8e; margin-right: 5px;}
.main-block .block-header .block-title ul.bread-crumbs a li{margin-right: 0px;}
.main-block .block-header .block-title ul.bread-crumbs a:hover {border-bottom: 1px solid #f1a341; margin-bottom: -1px;}
.main-block .block-body .list-view .table-responsive .asset-list-table{margin-bottom: 25px;}
.body-wrapper .left-block.adv_search .adv_body {padding-top: 0px;}
.preferences .body-content .cart-block table th:nth-child(1), .preferences .body-content .cart-block table td:nth-child(1) {width: 25% !important;}
.preferences .body-content .cart-block table th:nth-child(2), .preferences .body-content .cart-block table td:nth-child(2) {width: 0% !important;}
.preferences .body-content .cart-block table th:nth-child(3), .preferences .body-content .cart-block table td:nth-child(3) {width: 0% !important;}
.preferences .body-content .cart-block table th:nth-child(4), .preferences .body-content .cart-block table td:nth-child(4) {width: 0% !important; text-align: left;}
.preferences .body-content .cart-block table td:nth-child(1){ font-size: 12px; font-weight: var(--medium); margin-bottom: 5px;}
.preferences .body-content .cart-block .css-b62m3t-container .css-1jqq78o-placeholder { font-size: 11px;}
.preferences .search-block{width: 350px;}
.preferences .fill_btn {text-transform: capitalize;}
.preferences .body-content .md-container .cart-block table tbody tr td .css-b62m3t-container {width: 380px;}
.modal-dialog {max-width: 700px !important;}
.modal-dialog .modal-content .modal-header {display: flex; align-items: center; justify-content: unset; position: relative; padding: 10px 30px;}
.modal-dialog .modal-content .modal-header .btn-close{margin: 0; padding: 0; position: absolute; right: 4%; top: 37% !important; color: #000;}
.modal-dialog .modal-content .modal-header .btn-close:focus{box-shadow: unset !important;}
.modal-dialog .modal-content .modal-header .modal-logo{margin-right: 87px; height: 43px;}
.modal-dialog .modal-content .modal-header .modal-title{font-size: 16px; text-transform: uppercase; font-weight: 900; color: #000;}
.pos-center{left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute;}
.modal-dialog .modal-content .modal-body {background-color: #f5f5f5; padding: 25px 20px; --bs-modal-body-border-color: #f5f5f5; padding-bottom: 0;}
.modal-dialog .modal-content .modal-body .container h6{font-size: 13px; text-transform: uppercase; color: #000; font-weight: 700;}
.modal-dialog .modal-content .modal-footer{border-top: none; background-color: #f5f5f5; padding-top: 0px; padding-bottom: 25px;}
.modal-dialog .modal-content .modal-footer .fill_btn{text-transform: uppercase; font-weight: 700; font-size: 13px; padding: 10px 27px; position: relative;} 
.modal-dialog .modal-content .modal-body .container .form-floating textarea{font-size: 13px !important; color: #4c4c4c !important; font-weight: 500 !important; height: 115px;}
.modal-dialog .modal-content .modal-body .container .form-floating .form-control{font-size: 13px; color: #4c4c4c; font-weight: 500;}
/* .modal-dialog .modal-content .modal-body.enquiry-form {max-height: calc(100vh - 225px); overflow-y: auto; overflow-x: hidden;}
.modal-dialog .modal-content .modal-body.enquiry-form::-webkit-scrollbar { width: 6px; }
.modal-dialog .modal-content .modal-body.enquiry-form::-webkit-scrollbar-thumb { background: #c8c9ca; border-radius: 6px;}
.modal-dialog .modal-content .modal-body.enquiry-form::-webkit-scrollbar-track { background: #f5f5f5; } */
.modal-dialog .modal-content .modal-body.enquiry-form h6{font-size: 13px; text-transform: capitalize; color: #000; font-weight: 700; margin-bottom: 18px;}
.modal-dialog .modal-content .modal-body.enquiry-form label {font-size: 11px; font-weight: bold; color: #767676;; margin-bottom: 0px; padding: 0px;}
.modal-dialog .modal-content .modal-body.enquiry-form .form-control {font-size: 12px !important; color: #4c4c4c !important; font-weight: 500 !important;}
.modal-dialog .modal-content .modal-body.enquiry-form .form-control:-webkit-input-placeholder {font-size: 12px; opacity: 0.5;}
.modal-dialog .modal-content .modal-body.enquiry-form .form-control:-ms-input-placeholder {font-size: 12px; opacity: 0.5;}
.modal-dialog .modal-content .modal-body.enquiry-form .form-control::placeholder {font-size: 12px; opacity: 0.5;}
.modal-dialog .modal-content .modal-body.enquiry-form .form-control {height: 37px;}
.modal-dialog .modal-content .modal-body.enquiry-form textarea {height: 50px !important;}
.modal-dialog .modal-content .modal-body.enquiry-form .form-group .css-b62m3t-container .css-1jqq78o-placeholder {font-size: 12px; color: #4c4c4c !important; font-weight: 500 !important; opacity: 0.5;}
.modal-dialog .modal-content .modal-body.enquiry-form .form-group .css-b62m3t-container .css-13cymwt-control { height: auto; min-height: 35px; max-height: 60px; overflow-y: auto;}

.access-denied {padding-right: 0px !important; position: relative;}
.access-denied .modal-dialog { max-width: 500px !important; position: absolute;transform: translate(-50%, -50%) !important; left: 50%; top: 50%; width: 500px; margin: 0;}
.access-denied .modal-dialog .modal-content{background-color: #e8e8e8; border-radius: 8px;}
.access-denied .modal-dialog .modal-content .modal-body{background-color: #e8e8e8; border-radius: 8px; padding: 15px 20px !important;}
.access-denied .modal-dialog .modal-content .modal-body h3{text-align: center; color: #000; font-size: 18px; text-transform: capitalize; font-weight: 700; margin: 8px 0px 18px 0px;}
.access-denied .modal-dialog .modal-content .modal-body p{color: #2b2b2b; margin-bottom: 0px; font-size: 13px; font-weight: 500; text-align: center;}
.access-denied .modal-dialog .modal-content .modal-body .fill_btn{text-transform: uppercase; font-weight: 700; font-size: 12px; display: block; margin: 17px auto; margin-bottom: 5px; padding: 11px 25px;}
.access-denied .modal-dialog .modal-content .modal-body .close-btn{position: absolute; top: 9px; right: 13px; width: 27px; height: 27px; background-color: #efefef;}
.access-denied .modal-dialog .modal-content .modal-body .close-btn span{color: #0a0a0a;font-size: 17px;}
.access-denied .modal-dialog .modal-content .modal-body .access-denied-icon{width: max-content; margin: 0 auto; display: block; color: #000; font-size: 28px;}
.contact .php-email-form .form-floating label {font-size: 11px; color: #767676; font-weight: bold;}
.contact .php-email-form .form-group textarea {font-size: 11px; color: #767676; font-weight: bold;}
.asset-container-header{ display: flex; align-items: center; justify-content: space-between; padding: 10px 60px; z-index: 99; position: relative; }
.asset-container-header .logo{ height: 55px;}
.terms-container{ padding-top:90px}
.nav-actions .nav-grp-btns .btn:hover {color: #adadad; background-color: #323333; border-color: #323333;}
.nav-actions .nav-grp-btns .btn.active {color: #adadad; background-color: #323333; border-color: #323333;}
.list-view .asset-list-table .table-actions-group .table-actions-btn .done {display: none;}
.list-view .asset-list-table .table-actions-group .table-actions-btn.active .add {display: none;}
.list-view .asset-list-table .table-actions-group .table-actions-btn.active .done {display: block; background-color: #4CAF50; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; font-size: 10px; right: -5px; top: -4px; color: #fff;}
.list-view .asset-list-table .table-actions-group .table-actions-btn.active {background-color: rgba(52,195,143,.18); border: 1px solid #34c38f;}
/* .preferences .body-content .md-container .cart-block table {height: calc(100vh - 274px); overflow-y: auto; display: block; border-bottom: 1px solid #dee2e6;}
.preferences .body-content .md-container .cart-block table::-webkit-scrollbar { width: 8px; }
.preferences .body-content .md-container .cart-block table::-webkit-scrollbar-thumb { background: #E0E2E4; border-radius: 6px; border:3px solid #fff; }
.preferences .body-content .md-container .cart-block table::-webkit-scrollbar-track { background: #fff; }
.preferences .body-content .md-container .cart-block table th { position: sticky; top: 0; z-index: 99; background-color: #f2f2f2;}
.preferences .body-content .md-container .cart-block table tbody tr:last-child {border-bottom: 1px solid #dee2e6;} */
.avatar-card .phone-number {color: #000;line-height: 1;font-size: 12px; margin-bottom: 0.5rem; font-weight: 500;}
.list-view table>tbody>tr:hover { background-color: #F3F3F3; cursor: pointer;}
.landsscape-thumb .thumbwrapper{ width: 100%; position: relative; border-radius: 5px; margin-bottom: 10px; overflow: hidden;}
.landsscape-thumb .thumbwrapper:after{ position: relative; padding-top: 56.8%; content: ''; display: block; }
.landsscape-thumb .thumbwrapper img{ position: absolute; width: 100%; transform: translate(-50%, -50%); left: 50%; top:50%;}
.thumboverlay{ color:#fff; display: flex; align-items: center; justify-content: center;}
.thumboverlay span{ font-size: 36px; color: #fff;}
.blur{-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(2px);}
.share-modal{ display: flex !important; align-items: center; justify-content: center;}
.share-modal .share-icons{ display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.share-modal .share-icons div button{ margin: 0px 10px 10px 10px ;}
.share-modal .share-icons div button p{line-height: 1; margin-bottom: 0; font-size: 12px; margin-top: 10px; font-weight: bold; }
.share-modal .modal-body{border-radius: 0 0 10px 10px; background-color: #e5e5e5 !important;}
.share-modal .modal-content .modal-header{padding: 10px 15px;}
.share-dialogbox{border-radius: 9px; overflow: hidden;}
.title-wrapper{display: flex; align-items: center;}
.title-action{display: inline-flex; align-items: center; margin-left: 13px;}
.title-action .plain-btn.delete-button{background-color: transparent; border: 1px solid #acacac; color: #5a5a5a;}
.title-action .plain-btn.delete-button .plus{color: #5a5a5a !important;}
.plain-btn{display: flex; appearance: none; border: 1px solid #C1C8DB; padding: 9px 16px 9px 16px; border-radius: 5px; line-height: 1; background: #fff; font-weight: var(--regular); font-size: 12px; color: var(--sectxtColor); text-transform: uppercase; align-items: center;}
.block-body .list-view .table-responsive .asset-list-table tbody .active {background-color: #F3F3F3;} 
.plain-btn .plus {color: #3bbd77; font-size: 17px; margin-right: 3px;}
.table-actions-btn .loading-icon, .fill_btn .loading-icon{animation: 0.8s linear 0s infinite rotate; width: 24px;}
.table-actions-btn .loading-icon{ width: 15px; position: relative; left: inherit; top: inherit; }
@keyframes rotate {0%{ transform: rotate(0deg); }100%{ transform:rotate(360deg); }}
.comingsoon-block{ display:flex; align-items:center; justify-content:center; flex-direction:column; padding:60px 15px}
.comingsoon-block img{ width:140px; margin-bottom:20px}
.comingsoon-block h6{ color:#000; text-align:center; font-weight:bold; font-size:24px}
.comingsoon-block p{ color:#000; text-align:center; font-size:18px}
.portfolio-container{ position: relative; height: inherit!important;}
.switch-buttons{display: inline-flex; align-items: center;}
.switch-buttons .switch input::before{display: none;}
.switch-buttons .switch input::after{display: none;}
.switch-buttons .switch { position: relative; display: inline-block; width: 39px; height: 19px;}
.switch-buttons .switch input {  opacity: 0; width: 0; height: 0;}
.switch-buttons .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #C9D4EE; -webkit-transition: .4s; transition: .4s; box-shadow: inset 0px 0px 4px rgb(0 0 0 / 15%);}
.switch-buttons .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 1.5px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; box-shadow: 0px 0px 1px rgb(0 0 0 / 42%);}
.switch-buttons input:checked + .slider { background-color: #3bbdad;}
.switch-buttons input:focus + .slider { box-shadow: 0 0 1px #3bbdad;}
.switch-buttons input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
.switch-buttons .slider.round { border-radius: 5px;}
.switch-buttons .slider.round:before { border-radius: 3px;}
.switch-buttons .switch-title{color: #212529; font-weight: 800; font-size: 12.5px; text-transform: uppercase; margin-left: 10px;}
.modal-dialog .modal-content .modal-body .container .form-floating textarea {min-height: 92px; font-size: 13px; color: #4c4c4c; font-weight: 500;}
.profile .card-block .form-floating .form-control {font-size: 13px; color: #4c4c4c; font-weight: 500;}
.profile .card-block .text-danger {font-size: 12px; text-transform: lowercase; position: absolute;}
.profile .card-block .errormsg {position: absolute;}
.title-wrapper .title-action .mycnt-btn {background-color: #F3F3F3; border: 1px solid #34c38f;}
.title-wrapper .title-action .mycnt-btn.active {background-color: #F3F3F3; border: 1px solid #34c38f;}
.main-block .block-header .title-wrapper .block-title .bread-crumbs button {background-color: transparent; border: none; color: #8e8e8e; padding-right: 0px; padding-left: 0px;}
.main-block .block-header .title-wrapper .block-title .bread-crumbs button:hover {border-bottom: 1px solid #f1a341; margin-bottom: -1px;}
.title-wrapper{ display: flex; align-items: center;}
.morevideos-btn{ background-color: rgba(255,255,255,0.5)!important; color: #000 !important; border: none!important; text-transform: uppercase !important; font-size: 0.8em !important; font-weight: var(--medium) !important; padding: 10px 12px !important; display: flex !important; align-items: center;border: 1px solid #A8A8A8!important; box-shadow: 1px 1px 1px rgb(0 0 0 / 34%);}
.morevideos-btn:hover{ color: #000; }
.morevideos-btn span{ font-size: 20px;}
.morevideos-dd{ background-color: #D0D0D0;}
.morevideos-dd li{ margin-right: 0!important;}
.morevideos-dd li a{ background-color: #D0D0D0; font-size: 0.8em; font-weight: var(--medium);}
.morevideos-dd li .dropdown-item{ font-weight: var(--medium); display: flex; align-items: center; font-size: 13px;}
.morevideos-dd li .dropdown-item.active,.morevideos-dd li .dropdown-item:active{background-color: #DFDFDF!important; color:#242424!important}
.morevideos-btn:focus, .morevideos-btn:active, .morevideos-btn:focus-visible, .morevideos-btn.show{ box-shadow: none!important; color: #000!important;;}
.morevideos-dd li a:hover{ background-color: white;}
.title-thumb-wrapper{ position: absolute; top: 50%; display: block; left: 96%; transform: translate(-100%, -50%);  }
.title-thumb-buttons{ display: flex; align-items: center; justify-content: center;}
.body-wrapper .main-block .block-body #list-view .table-responsive {min-height: 64vh;}
.body-wrapper .main-block .block-body #grid-view .portfolio {min-height: 64vh;}
.terms-header {margin-top: 110px;}
.errormsg-floating {text-transform: capitalize; font-weight: 500 !important; font-size: 12px; position: absolute; top: -30px; font-style: italic; color: #e40b55 !important;} 
.errormsg {text-transform: capitalize; font-weight: 500 !important; font-size: 12px; font-style: italic; color: #e40b55 !important} 
.fixed-footer {position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;}
.bmpui-ui-watermark {display: none;}

.welcomepopup{ position: fixed; top:0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.85); display: flex; align-items: center; justify-content: center; z-index: 9999;}
.welcome-header{ position: relative;}
.welcome-wrapper{ background-color: #F1B141; border-radius: 20px; border: 1px solid #FFE3B3; width: 90%; max-width: 500px; box-shadow: 0px 1px 24px #000000a8; }
.modal-close{ position: absolute; top:15px; right: 15px; appearance: none; -webkit-appearance: none; border:none; background-color: transparent;}
.welcome-header img{ width: 70%; max-width: 300px; margin: 20px auto 0px auto; display: block;}
.welcome-body{ padding: 0px 50px 50px 50px; text-align: center;}
.welcome-body h1{ color: white; font-weight: var(--bold); font-size: 1.8em; line-height: 1; text-shadow: 1px 2px 1px rgb(0 0 0 / 18%);}
.welcome-body p{ color: #000; font-size: 14px; font-weight: var(--medium); font-size: 0.9em; line-height: 1.5; margin-bottom: 5px; }
.welcome-header .modal-close{ top: 0px; right: 10px; line-height: 1;}

.color-btn{background-color: #f1a341; color: #fff; border: 1px solid #f1a341;}
.color-btn span{ color: #fff !important;}
.video-popup .modal-dialog {width: 95%!important; max-width: 1000px!important;}
.video-popup .modal-content .modal-body{ padding: 0 !important;}

.toast {position: absolute; bottom: 16%; left: 37.5%; z-index: 999;;border: 1px solid #a1d8c4; background-color: #eaf7ee; border-radius: 9px; width: auto;}
.toast .toast-header{padding: 3px; background-color: #eaf7ee; position: relative; border-radius: 9px; display: flex; align-items: center; justify-content: space-between; padding-right: 15px;}
.toast .toast-header .me-auto{color: #4b4b4b; font-size: 13px; margin-bottom: 0; display: flex; align-items: center; padding: 0; margin: 0px 60px 0px 0px !important; line-height: 0; font-weight: 500;}
.toast .toast-header .btn-close{font-size: 8px; padding: 11px; font-weight: 900; border-radius: 11px; opacity: 0.8; width: 0; height: 0;}
.toast .toast-header .btn-close:hover{background-color: #fff;}
.toast .toast-header .toast-icon{width: 28px; height: 28px; background-color: #3cb15c; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 10px;}
.toast .toast-header .toast-icon .material-icons{color: #fff; font-size: 21px;}
.information {border: 1px solid #91bcea; background-color: #cfe0ee;}
.information .toast-header{background-color: #cfe0ee;}
.information .toast-header .toast-icon {background-color: #0367d9;}

.main-block .block-body .grid-view .portfolio .portfolio-wrap .table-actions-btn {display: flex; align-items: center; height: 26px;}
.main-block .block-body .grid-view .portfolio .portfolio-wrap .table-actions-btn .done{font-size: 16px !important;}
.main-block .block-body .grid-view .portfolio .portfolio-wrap .table-actions-btn .material-icons{font-size: 14px; margin-right: 3px;}
.main-block .block-body .grid-view .portfolio .portfolio-wrap .table-actions-btn .loading-icon{font-size: 14px; margin-right: 3px;}
.title-wrapper .title-action .plain-btn .loading-icon {animation: 1.5s ease 0s infinite rotate; font-size: 17px; margin-right: 3px;}
.preferences .main-block .block-body .card-block .table th:nth-child(1), .preferences .main-block .block-body .card-block .table td:nth-child(1) {font-size: 13px; width: 30%;}
.preferences .main-block .block-body .card-block .table th:nth-child(2), .preferences .main-block .block-body .card-block .table td:nth-child(2) {width: 51%;}
.preferences .main-block .block-body .card-block .table th:nth-child(3), .preferences .main-block .block-body .card-block .table td:nth-child(3) {font-size: 13px; width: 13%;}
.preferences .main-block .block-body .card-block .table th:nth-child(4), .preferences .main-block .block-body .card-block .table td:nth-child(4) {width: 0% !important; text-align: center !important;}
.meta-data-list li span{ font-size: 20px !important;}
.nav-grp-btns button.active{background-color: #000000;  color: #B1B1B1;}
.terms-inner{ text-align: left;}
.terms-inner li{ margin-bottom: 10px; font-size:14px!important ;}
.terms-inner p{ font-size: 14px; margin-bottom: 15px;}
.sign-wrapper .sign-body .sign-block {position: relative;}
.sign-wrapper .sign-body .sign-block .form-floating, .sign-wrapper .sign-body .sign-block .input-group{position: relative;}
.sign-wrapper .sign-body .sign-block .form-floating .errormsg, .sign-wrapper .sign-body .sign-block .input-group .errormsg{position: absolute; left: 0;}
.sign-wrapper .sign-body .sign-block.type-block .errormsg { left: 35.5%;}

.lock-icon{ transform: translate(-50%, -50%); color: #ffffffed; font-size: 40px; background-color: #00000054; border-radius: 50%; padding: 15px; position: absolute;}
.pagenation .pagenation-right .pagenation-buttons .btn-block {padding: 5px 8px; border-radius: 5px; color: #fff; font-weight: 600; font-size: 12px; background-color: #F2A341; border: 1px solid #F2A341; display: flex; align-items: center; margin-right: 5px; width: auto;}
.pagenation .pagenation-right .pagenation-buttons .btn-block span {font-size: 20px; position: inherit;}
.pagenation .pagenation-right .pagenation-buttons {margin-left: 10px;}
.pagenation .pagenation-right .pagenation_perpage {position: relative;}
.pagenation .pagenation-right .pagenation_perpage .material-icons-outlined{position: absolute; top: 5px; right: 7px;}

.title-des-popup .modal-dialog .modal-content .modal-header{ padding:20px!important;}
.title-des-popup .modal-dialog .modal-content .modal-header .btn-close{ right:20px!important;}
.title-des-popup .modal-dialog .modal-content .modal-body{ padding:20px!important; border-radius: 0 0 10px 10px; max-height: 80vh; overflow-y: auto;}
.title-des-popup .modal-dialog .modal-content .modal-body p{ font-size: 13px; color:#000}
.title-des-popup .modal-dialog .modal-content .modal-body span, .title-des-popup .modal-dialog .modal-content .modal-body strong,  .title-des-popup .modal-dialog .modal-content .modal-body u, .title-des-popup .modal-dialog .modal-content .modal-body a, .modal-dialog .modal-content .modal-body em{background-color: transparent !important;}
.more-popup-btn{ appearance: none; -webkit-appearance: none; border:none; background-color: rgba(255,255,255,0.5); border-radius: 10px; color: #000000; font-size: 12px; line-height: 1; padding: 2px 5px; position: absolute; bottom: 3px; right: inherit;}

.progress-wrapper{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 98%; max-width: 300px; padding: 20px; background-color: #fff; box-shadow: 0px 0px 4px rgb(0 0 0 / 41%); border-radius: 5px; border: 1px solid #C8C8C8;}
.progress{ background-color: #D6D6D6!important; height:10px}
.green-bar{background-color: #40AF86!important;}

/*force-bitmovin player*/
.bitmovinplayer-container video {top: 50%!important; left: 50%!important;  transform: translate(-50%, -50%)!important; height: initial!important; }
.bmpui-ui-playbacktoggle-overlay .bmpui-ui-hugeplaybacktogglebutton{ padding:0!important}

#contact .php-email-form .form-floating {position: relative;}
#contact .php-email-form .form-floating .errormsg {position: absolute; left: 0;}
#contact .php-email-form .form-group {position: relative;}
#contact .php-email-form .form-group .errormsg {position: absolute; left: 0;}
#contact .php-email-form .form-group.mt-3 {margin-top: 21px !important;}
#contact .php-email-form .form-group.mt-3.mt-md-0 {margin-top: 0 !important;}

.sweet-alert h2 {font-size: 21px !important;}
.sweet-alert {width: 24em !important;}
.sweet-alert .btn-primary{background-color: var(--highlight); border: var(--highlight);font-weight: 600; font-size: 14px; padding: 9px 16px; display: flex; align-items: center; color: #fff; box-shadow: none !important; border-radius: 6px;}
.sweet-alert .btn-primary:hover { background-color: #f8b25c; border: var(--highlight);}

.popup-footer{ display:flex; align-items:center; justify-content:center; padding: 10px}
.popup-footer button{margin: 5px!important}
.category-thumb .black-gradient{ background: transparent!important;}
.nav-actions .btn-group .btn.active {color: #adadad; background-color: #323333; border-color: #323333;}
.forgotPwd{ position: absolute; right: 0; top: -30px;} 
.plain-btn-sm{ appearance: none; -webkit-appearance: none; border: none; font-size: 11px; background-color: transparent; padding: 5px; line-height: 1;}
.plain-btn-sm .loading-icon{ width: 12px; }
.note-txt{ font-size: 13px; margin-bottom: 15px; line-height: 1;}
.pagenation .btn-block:hover{ background-color: #FFCD8E;}
.modal-dialog .modal-content .modal-body .container .row .col-md-6 .form-floating.mb-3 {position: relative;}
.modal-dialog .modal-content .modal-body .container .row .col-md-6 .form-floating.mb-3 .errormsg{position: absolute;}
.block-body .tab-header {display: flex; align-items: center; justify-content: space-between; margin-top: -10px; margin-bottom: 15px;}
.adv_search .adv_body .onwards {position: relative;}
.adv_search .adv_body .onwards span{position: absolute; top: 50%; right: 20px; transform: translate(-20px, -50%); color: #000; font-size: 13px; text-transform: lowercase; font-weight: 600;}
.block-body .tab-header .view-btns.ms-2 {margin-left: 0 !important;}

.how-it-works { position: relative; overflow: hidden;}
.how-it-works .map-dec { width: 95%; margin: 0 auto; max-width: 700px; margin-bottom: 20px;}
.how-it-works .arrows-left{ position: absolute;left: 0; width: 250px; top: 150px; z-index: 1;}
.how-it-works .arrows-right{ position: absolute; right: 0; width: 250px; bottom: 100px; z-index: 1;}
.css-1dimb5e-singleValue {font-size: 11px; font-weight: 500; font-size: 11px;}

.cast-li {margin-top: 15px !important; grid-template-columns: 1fr !important;}
.cast-li li {grid-template-columns: 0.5365fr 2fr 0.5fr !important;}
.thumb-info .sub-title {font-size: 11px; font-weight: var(--medium); margin-bottom: 5px; text-transform: uppercase; color: #ccc; white-space: nowrap; overflow: hidden; width: 100; text-overflow: ellipsis;}

.orders .cart-block .table th:nth-child(1), .orders .cart-block .table td:nth-child(1) {width: 17%;}
.orders .cart-block .table th:nth-child(2), .orders .cart-block .table td:nth-child(2) {width: 16%;}
.orders .cart-block .table th:nth-child(3), .orders .cart-block .table td:nth-child(3) {width: 48%;}
.orders .cart-block .table th:nth-child(4), .orders .cart-block .table td:nth-child(4) {width: 15%;}
.orders .cart-block .table th:nth-child(5), .orders .cart-block .table td:nth-child(5) {width: 10%;}
.orders .cart-block .table th .material-icons-outlined{margin-left: 6px; font-size: 15px; vertical-align: middle; font-weight: 900; cursor: pointer;}
.orders .cart-block .table>tbody>tr>td:last-child, .cart-block .table>thead>tr>th:last-child {width: auto;}
.orders .cart-block .table td:nth-child(1) { font-style: normal; font-weight: 600; font-size: 11.5px; color: #000000; text-transform: capitalize;}
.orders .cart-block .table td { font-style: normal; font-weight: 500; font-size: 11.5px; color: #000000;}
.orders .cart-block .table td:nth-child(4) { text-transform: uppercase; font-size: 10px; font-weight: 600;}
.orders .cart-block .table td:nth-child(5) span {font-size: 14px!important; color: #000; vertical-align: middle;}
/* .orders .cart-block .table tbody td {padding: 10px 0.5rem;} */
.orders .cart-block .table tbody tr:nth-of-type(even) { background-color: #ECF0FA !important;}
.orders .cart-block .table {margin-bottom: 0px !important;}

.view-orders .card-block {border-radius: 0px; box-shadow: unset; padding: 15px;}
.view-orders .card-block .d-flex.justify-content-between p{color: #212529; margin-bottom: 12px; font-size: 13px; text-transform: capitalize; font-weight: 600;}
.view-orders .card-block .d-flex.justify-content-between p span{margin-left: 5px;}
.view-orders .card-block .table { background-color: #ffffff; border: 0.5px solid #CCD8F6;}
.view-orders .card-block .table td .d-flex { align-items: center;}
.view-orders .card-block .table td .d-flex img{width: 21px; height: auto; border: 1px solid #d3d3d3; border-radius: 3px; margin-right: 5px;}
.view-orders .card-block .table th:nth-child(1), .view-orders .card-block .table td:nth-child(1) { width: 37% !important;}
.view-orders .card-block .table th:nth-child(2), .view-orders .card-block .table td:nth-child(2) { width: 63% !important;}
.view-orders .card-block .table td:nth-child(1) {font-weight: 600; text-transform: capitalize;}
.view-orders .card-block .table td {font-style: normal; font-weight: 500; font-size: 11.5px; color: #000000;}
/* .view-orders .card-block .table th, .view-orders .card-block .table td {padding: 10px 0.5rem;} */
.view-orders .card-block .table tbody tr:nth-of-type(odd) { background-color: #ECF0FA !important;}
.view-orders .card-block .enquiry-details {margin: 21px 0px 5px 0px;}
.view-orders .card-block .table th {font-style: normal; font-weight: 700; font-size: 11px; line-height: 17px; text-transform: uppercase; color: #000000;}
.view-orders .card-block .enquiry-details h6 {color: #212529; margin-bottom: 8px; font-size: 13px; text-transform: capitalize; font-weight: 600;}
.view-orders .card-block .enquiry-details label {color: #5f5f5f; font-size: 11px; text-transform: uppercase; font-weight: 700;}
.view-orders .card-block .enquiry-details p {color: #000000; font-size: 11px; text-transform: capitalize; font-weight: 600; margin-bottom: 10px;}

.accept-terms  {margin-top: 50px;}
.otp-block .otp-footer button .loading-icon{ width: 9px; animation: 0.8s linear 0s infinite rotate;}
.adv_search .adv_footer .fill_btn {position: relative;}
.signin-wrapper .signin-body .signin-section .errormsg {position: absolute; left: 45px;}
.create-password .create-password-body .signin-section .terms-block input[type=checkbox]:before {background-color: #fff; border-radius: 3px;}
.create-password .create-password-body .signin-section .terms-block input[type=checkbox]:checked:before {background-color: var(--highlight);}
.cloud-base .about-features-container .sec-heading {padding: 0px 22%;}

.title-not-available span{color: #000000; width: 87px; height: 87px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 100%; margin: 0 auto; font-size: 44px;}
.title-not-available h5{color: #f1a341; font-size: 20px; text-transform: capitalize; font-weight: 600; margin-top: 20px; margin-bottom: 5px;}
.title-not-available p{color: #2f2f2f; font-size: 15px; font-weight: 500; margin-bottom: 0px; line-height: 1.7;}
.title-not-available .btn{color: #000000; font-size: 13px; margin-top: 27px; padding: 8px 23px; background-color: #f1a341; text-transform: uppercase; border-radius: 3px; font-weight: 500;}

.orders .table td .cast {word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit !important; border: none;}
.view-orders .table td .cast {word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit !important; border: none;}

/* ------------------ New ------------------------ */
.auction .nav-tabs .nav-link {     border: 0px !important; font-size: 16px; line-height: 1; font-weight: var(--semi-bold); text-transform: uppercase; padding: 15px 40px 19px 40px; margin-bottom: -13px; color: #555555;}
.auction .nav-tabs { border: 0px !important;}
.auction .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-bottom: solid 4px var(--highlight) !important; color: #000 !important; }
.auction .md-container { max-width: 1350px; }
.auction .title_block .title_hed { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px;}
.auction .title_block .title_hed h3 { font-size: 13px; color: #000; font-weight: bold; margin-bottom: 0;}
.auction .table-actions-btn .done { font-size: 16px !important; }
.auction .table-actions-btn { display: flex; align-items: center; height: 25px; margin-right: 5px; }
.dsp_flx { display: flex;}
.auction .thumb-info .sub-title { margin-top: 10px; margin-bottom: 10px; }
.auction .portfolio-wrap { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); cursor: auto !important;}
.auction .comingsoon { border-radius: 36px; background: rgba(241, 163, 65, 0.85); position: absolute; top: 10px; right: 10px; display: flex; color: #000; font-size: 11px; font-weight: 700; align-items: center; padding: 3px 5px; text-transform: uppercase;}
.auction .icon { font-size: 18px !important; color: #000; margin-right: 3px;}
.auction .title_block .title_hed .right { display: flex; align-items: center;}
.auction .title_hed .right .form-group { margin: 0px; position: relative; margin-left: 15px;}
.auction .title_hed .right .form-group .form-control { border-radius: 5px !important; border: 1px solid #B1B1B1; background-color: #fff; padding: 6px 15px; height:38px; }
.auction .search_ico { color: #000; font-size: 22px !important; right: 8px; position: absolute; top: 10px;}
.auction .title_hed .right .form-group .form-control::-webkit-input-placeholder { /* Edge */ font-size: 14px; color: #838383; }
.auction .title_hed .right .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 14px; color: #838383; }
.auction .title_hed .right .form-group .form-control::placeholder { font-size: 14px; color: #838383; }
.auction .title_hed .right .form-group .select { font-size: 11px; text-transform: uppercase; border: 1px solid #B1B1B1; background-color: #fff; height: 36px;}
.auction .tab-content { padding: 30px 0; padding-top: 13px;}
.auction_details .asset-details-wrapper { padding: 30px 60px 15px 60px; }
.auction_details .detail_section { margin-top: 16px; position: relative;}
.auction_details .detail_section .more-popup-btn {bottom: -18px;}
.auction_details .sub_title { color: #000; font-size: 14px; font-weight: 700; margin-bottom: 3px;}
.auction_details p { color: #000; font-size: 14px; line-height: 20px; font-weight: var(--regular); margin-bottom: 10px; }
.auction_details .more { border-radius: 5px; background: #FFF; color: #000; font-size: 13px; line-height: 16px; padding: 3px 8px; text-decoration: none; margin-left: 5px; display: inline-block; border: none;}
.auction_details .video_block {margin-left: -5px;}
.auction_details .image_block {margin-left: -5px;}
.auction_details .video_block .item { width: 145px; display: inline-block; position: relative; cursor: pointer; margin: 0 5px !important;}
.auction_details .video_block .item img { width: 100%; border-radius: 5px; height: 80px;}
.auction_details .video_block .item .overlay { width: 100%; height: 100%; background-color: #0000003d; top: 0px; left: 0; position: absolute; display: flex; justify-content: center; align-items: center; border-radius: 5px;}
.auction_details .video_block .item .overlay .play { font-size: 38px; color: #C9C4D9;}
.auction_details .image_block .item { width: 145px; margin: 0px; display: inline-flex; align-items: center; justify-content: center; height: 80px; background-color: #000; border-radius: 5px; cursor: pointer; margin: 0px 5px;}
.auction_details .image_block .item img {width: auto; height: auto; max-height: 100%; max-width: 100%;}
.auction_details .document_block .item { width: 74.5px; margin: 0 5px; display: inline-block; cursor: pointer;}
.auction_details .document_block .item .doc {  width: 74.5px; height: 74.5px; border-radius: 5px; background: #fff; display: flex; align-items: center; justify-content: center;}
.auction_details .document_block .item .doc img { width: 100%; height: 100%; max-width: 59%; max-height: 59%;}
.auction_details .document_block .item h4 { color: #000; font-size: 11px; font-weight: 600; margin-top: 10px;}
.auction_details .asset-details-wrapper { padding: 10px 60px 15px 60px; margin-bottom: 45px; height: calc(100vh - 75px); overflow: auto; }
.auction_details .thumbnail_section { width: 929.1px; margin-top: 35px;}
.auction_details .thumbnail_section::-webkit-scrollbar { width: 4px; }
.auction_details .thumbnail_section::-webkit-scrollbar-track { background: #ffffff3b;border-radius: 16px;  }
.auction_details .thumbnail_section::-webkit-scrollbar-thumb { background:#eaeaea2b; border-radius: 16px;  }
.auction_details .thumbnail_section::-webkit-scrollbar-thumb:hover { background: #eaeaea2b; }
.auction_details .asset-details-wrapper::-webkit-scrollbar { width: 4px; }
.auction_details .asset-details-wrapper::-webkit-scrollbar-track { background: #fff; }
.auction_details .asset-details-wrapper::-webkit-scrollbar-thumb { background: #ccc; }
.auction_details .asset-details-wrapper::-webkit-scrollbar-thumb:hover { background: #555; }
.auction_details .meta-title {     font-size: 36px !important;}
.bid_details .blur-bg:after { background-color:#f5f5f5; }
.bid_details .asset-details-wrapper { padding: 0px 20px 20px 20px; display: flex; margin-bottom: 25px; height: 95.5vh;}
.bid_details .left-block { border-radius: 5px; background: #FFF; padding: 20px; width: 24.5%; margin-right: 1%; height: calc(100vh - 121px); overflow: auto;}
.bid_details .left-block::-webkit-scrollbar { width: 5px; }
.bid_details .left-block::-webkit-scrollbar-track { background: #f1f1f1; }
.bid_details .left-block::-webkit-scrollbar-thumb { background: #c7c7c7; border-radius: 6px; }
.bid_details .left-block::-webkit-scrollbar-thumb:hover { background: #a2a2a2; }
.bid_details .left-block .asset { width: 100%; display: flex;}
.bid_details .left-block .asset .img { width: 90px; margin-right: 15px;}
.bid_details .left-block .asset .img img { width: 100%;}
.bid_details .left-block .asset .info { width: calc(100% - 90px);}
.bid_details .left-block .asset .info h2 { color: #000; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size: 20px; font-weight: 700;}
.bid_details .left-block .asset .info h3 { color: #000; font-size: 11px; font-weight: 700;}
.bid_details .left-block .asset .info p { color: #000; font-size: 10px; line-height: 13px; font-weight: 500; margin-bottom: 5px;}
.mb-0 { margin-bottom: 0px;}
.bid_details .left-block .sub_title { color: #000; font-size: 12px; font-weight: 700; margin: 28px 0 17px 0;}
.bid_details .left-block .form-group { margin-bottom: 15px;}
.bid_details .left-block .form-group label { text-transform: capitalize; color: #474646; font-weight: 600; font-size: 13px; margin-bottom: 5px; padding: 0px; }
.bid_details .left-block .form-group .form-control { background-color: transparent; color: #000; font-size: 14px; height: 35px; }
.bid_details .left-block .form-group .form-control:-webkit-input-placeholder {font-size: 14px; color: #474646;}
.bid_details .left-block .form-group .form-control:-ms-input-placeholder {font-size: 14px; color: #474646;}
.bid_details .left-block .form-group .form-control::placeholder {font-size: 14px; color: #474646;}
.bid_details .main-block { width: 74.5%; background: #FFF; padding: 20px; border-radius: 5px; overflow: auto; }
.bid_details .main-block::-webkit-scrollbar { width: 4px; }
.bid_details .main-block::-webkit-scrollbar-track { background: #fff; }
.bid_details .main-block::-webkit-scrollbar-thumb { background: #ccc; }
.bid_details .main-block::-webkit-scrollbar-thumb:hover { background: #555; }
.bid_details .list_hed { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.bid_details .list_hed h3 { color: #000; font-size: 12px; font-weight: 700; margin-bottom: 0; }
.bid_details .list_hed .close { color: #000; font-size: 24px; text-decoration: none;}
.table_bid { border: 1px solid #CCD8F6;}
.table_bid th { color: #000; font-size: 11px; line-height: 15px; font-weight: 700; padding: 8px 5px;}
.table_bid td { color: #000; font-size: 11px; font-weight: 600;}
.table_bid .icon {  color: #000;   border-radius: 5px; border: 1px solid #DBE3F8; background: #FFF; font-size: 22px !important; padding: 8px;}
.table_bid .field { border-radius: 5px; border: 1px solid #C6C6C6; width: 50px; background: #FFF; padding: 0; display: flex; align-items: center; justify-content: space-between; color: #000; font-size: 14px; font-weight: 600; height: 26px;}
.table_bid .field2 {  width: 78px; display: flex;}
.table_bid .field2:nth-child(1) {width: 73px;}
.table_bid .field .input { border: none; width: 75px; padding: 8px; color: #000; font-size: 11px; font-weight: 600;}
.table_bid .field .input2 { width: 50px;}
.table_bid .field.ml_10 .input2 { width: 30px;}
.bid_details .main-block .table_bid th:nth-child(1), .bid_details .main-block .table_bid td:nth-child(1){width: 23%;}
.bid_details .main-block .table_bid th:nth-child(2), .bid_details .main-block .table_bid td:nth-child(2){width: 9%;}
.bid_details .main-block .table_bid th:nth-child(3), .bid_details .main-block .table_bid td:nth-child(3){width: 9%;}
.bid_details .main-block .table_bid th:nth-child(4), .bid_details .main-block .table_bid td:nth-child(4){width: 6%;}
.bid_details .main-block .table_bid th:nth-child(5), .bid_details .main-block .table_bid td:nth-child(5){width: 7%;}
.bid_details .main-block .table_bid th:nth-child(6), .bid_details .main-block .table_bid td:nth-child(6){width: 0%;}
.bid_details .main-block .table_bid.break-up th:nth-child(1), .bid_details .main-block .table_bid.break-up td:nth-child(1){width: 4%;}
.bid_details .main-block .table_bid.break-up th:nth-child(2), .bid_details .main-block .table_bid.break-up td:nth-child(2){width: 3%;}
.bid_details .main-block .table_bid.break-up th:nth-child(3), .bid_details .main-block .table_bid.break-up td:nth-child(3){width: 3%;}
.bid_details .main-block .table_bid.break-up th:nth-child(4), .bid_details .main-block .table_bid.break-up td:nth-child(4){width: 2%;}
.bid_details .main-block .table_bid.break-up th:nth-child(5), .bid_details .main-block .table_bid.break-up td:nth-child(5){width: 1%;}
.bid_details .main-block .table_bid.break-up th:nth-child(6), .bid_details .main-block .table_bid.break-up td:nth-child(6){width: 3%;}
.bid_details .main-block .table_bid.break-up th:nth-child(7), .bid_details .main-block .table_bid.break-up td:nth-child(7){width: 0%;}
.breakup_popup .popup_logo { width: 100px; position: absolute; left: 20px; top: 10px;}
.breakup_popup .modal-content .modal-header .modal-title { text-align: center; width: 100%; }
.breakup_popup .modal-dialog { max-width: 1000px !important; }
.ml_10 { margin-left: 7px;}
.table_bid>:not(caption)>*>* { background-color: #fff !important; }
.table_bid>tbody>tr:nth-of-type(odd)>* { background-color: #ecf0fa !important; --bs-table-accent-bg: #ecf0fa !important; }
.table_bid .sub { font-size: 9px; font-weight: normal; display: block; font-weight: 700;}
.bid_details .breakup { padding: 3px 10px; background-color: #f8f8f8; font-size: 10px; border: solid 1px #ccd8f6; border-radius: 5px; color: #000; font-weight: 500; font-weight: 500; display: block; margin: 2px 0 1px 0;}
.text-center {text-align: center;}
.bid_details .sub_total { color: #000; text-align: right; font-size: 14px; font-weight: 600; margin: 0px 0px 15px 0;}
.bid_details .asset-details-wrapper .fill_btn { padding: 10px 28px; font-weight: 700; font-size: 13px; height: 40px;}
.bid_details .text-right .fill_btn span { font-size: 18px; margin-right: 6px; }
.col_td { display: flex; justify-content: space-between; width: 100%;}
.asset-container.bid_terms {background-color: #f5f5f5;}
.bid_terms .blur-bg:after { background-color: #f5f5f5; }
.bid_terms .wrp { max-width: 820px; margin: 0 auto;}
.bid_terms .hed { width: 100%; padding: 13px 0; border-bottom: 1px solid #D2D2D2; background: #FFF;}
.bid_terms .hed .wrp {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.bid_terms .hed h3 { color: #000; font-size: 15.5px; font-weight: 700; margin-bottom: 0px;}
.bid_terms .asset-details-wrapper { padding: 0px; height: auto;}
.bid_terms .hed .close-btn { position: relative; top: 0px; right: 0px;}
.bid_terms .content { margin-top: 15px; padding-bottom: 100px; font-size: 12.5px; color: #000; font-weight: 400;}
.bid_terms .content h1 { color: #000; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size: 14px; font-weight: 600; margin-bottom: 17px;}
.bid_terms .content h2, .bid_terms .content h5, .bid_terms .content p{ display: none;}
.bid_terms .content p {color: #000; font-size: 16px; font-weight: 400;}
.bid_terms .term_footer { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 37px;}
.bid_terms .term_footer .back { padding: 10px 23px; border-radius: 50px; border: 1px solid #000; background: #FFF; color: #000; text-transform: uppercase;  font-weight: 700;  font-size: 12px;}
.bid_terms .term_footer .fill_btn { padding: 10px 23px; font-size: 12px;}
.bid_terms .form-check { display: flex; }
.bid_terms .check { margin-right: 5px;}
.bid_terms .form-check-label { color: #000;   font-weight: normal; font-size: 14px; line-height: 14px;}
.bid_terms .form-check input[type=checkbox]:before {  border: 1px solid #B6B6B6; }
.bid_popup .blur-bg:after { background-color: #f5f5f5; }
.bid_popup .asset-details-wrapper { padding: 0px; display: flex; align-items: center; justify-content: center;}
.bid_popup .bid_success .icon { width: 85px; height: 85px; display: inline-flex; justify-content: center; border-radius: 100%; align-items: center; background-color: #62C3B1; border: solid 10px #abdbd3;}
.bid_popup .bid_success .material-icons { color: #fff; font-size: 26px;}
.bid_popup .bid_success h3 { color: #000; text-align: center; font-size: 24px; font-weight: 700; margin: 25px 0 10px 0;}
.bid_popup .bid_success { text-align: center;}
.breakup_popup .sub_total { color: #000; text-align: right; font-size: 16px; font-weight: 700; margin: 30px 0px 20px 0;}
.my_bid .btn-outline-primary {     border: 1px solid #DBE3F8; color: #444 !important; font-size: 10px; font-weight: 600; background: #FFF; padding: 7px 10px; line-height: 14px;}
.my_bid .btn-group .btn { display: flex; align-items: center;  border: 1px solid #DBE3F8 !important; font-size: 9px; padding: 6px 9px;}
.my_bid .btn-group .btn .material-icons { font-size: 13px;}
.my_bid .btn-group .btn:hover {     background-color: #f9f9f9 !important;     border: 1px solid #DBE3F8;}
.my_bid .table_bid th { text-transform: uppercase; font-size: 12px;  line-height: 16px;  padding: 10px 8px !important; vertical-align: middle; }
.my_bid .table_bid td { font-size: 12px;     padding: 10px 8px !important; }
.my_bid .table-thumb { width: 30px; height: 30px; }
.my_bid .table-thumb img {     border-radius: 3px;}
.Withdraw_popup .modal-header { flex-direction: column;}
.Withdraw_popup .modal-content { border-radius: 10px !important;}
.Withdraw_popup .modal-dialog .modal-content .modal-header { display: flex; align-items: center; justify-content: unset; position: relative; padding: 21px 30px; border-radius: 10px; background-color: #E8E8E8; }
.Withdraw_popup .icon { font-size: 36px; color: #000;}
.Withdraw_popup h2 {     font-size: 24px; font-weight: 700; color: #000; margin: 10px 0 25px 0;}
.Withdraw_popup p {    font-size: 16px; color: #000; font-weight: 400; margin-bottom: 30px;}
.Withdraw_popup .modal-content .modal-header .btn-close { right: 15px; top: 15px !important; color: #000; padding: 10px; background-color: #fff; border-radius: 100px; font-size: 12px; opacity: 1; display: flex; align-items: center; justify-content: center; }
.Withdraw_popup .modal-dialog { max-width: 600px !important; }

.view_bid .blur-bg:after { background-color:#f5f5f5; }
.view_bid .asset-container-header { border: 1px solid #D4D4D4; background: #FFF; padding: 15px 2%;}
.view_bid .view_asset { display: flex;}
.view_bid .view_asset .img { width: 65px; margin-right: 20px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center; border-radius: 5px; max-height: 87px;}
.view_bid .view_asset .img img { width:100%; border-radius: 5px; height: 100%; max-width: 100%; max-height: 100%;}
.view_bid .view_asset .content h2 {color: #000; font-size: 22px; font-weight: 700; margin-bottom: 10px;}
.view_bid .view_asset .content .tag { border-radius: 5px; background: #ECF0FA; color: #000; font-size: 9.5px; font-weight: 700; padding: 5px 12px; display: inline-flex; margin-bottom: 10px; align-items: center; justify-content: center;}
.view_bid .view_asset .content h3 { color: #000; font-size: 11px; font-weight: 700; margin-bottom: 0px;}
.view_bid .close-btn { width: 24px; height: 24px;}
.view_bid .asset-details-wrapper {     padding: 0 0px 0 20px;  margin-bottom: 0;     height: calc(100vh - 430px);}
.view_bid .left {margin-top: 15px; overflow-y: auto; max-height: calc(100vh - 194px); overflow-x: hidden;}
.view_bid .left h3 { color: #000; font-size: 14px; font-weight: 700; margin-bottom: 12px;}
.view_bid .bid_field { display: flex; border-radius: 5px; background: #FFF; align-items: center; width: 80px; justify-content: space-between; }
.view_bid .bid_field .form-control {background: #FFF; padding: 5px 10px; width: 80px; border: none; border: 1px solid #C6C6C6; color: #000; font-size: 11px; font-weight: 600; text-align: right;}
.view_bid .bid_field .btn {    border-radius: 0px 4px 4px 0px; background: #E9E9E9; padding: 7px 7px; color: #778088; display: flex;}
.view_bid .bid_field .btn .material-icons { font-size: 20px;}
.view_bid .bid_field .text { color: #000; font-size: 14px; font-weight: 600; margin: 0 10px;}
.view_bid .table_bid th { vertical-align: middle; position: sticky; top: 0;}
.view_bid .table_btns { display: flex; justify-content: space-between; align-items: center;margin: 10px 0 25px 0;}
.view_bid .table_btns .btn { border-radius: 5px; text-transform: uppercase; display: flex; color: #5C5965;   padding: 10px 15px; border: 1px solid #DBE3F8; background: #FFF; font-size: 10px; font-weight: 600; align-items: center; justify-content: center;}
.view_bid .table_btns .btn .icon { margin-right: 5px; font-size: 18px;}
.view_bid .total { border: 1px solid #CCD8F6; background: #FFF; padding: 10px 12px; display: flex; justify-content: space-between; align-items: center; margin-top: -1px; margin-bottom: 30px; position: relative;}
.view_bid .total h3 { color: #000; font-size: 13px; font-weight: 700; margin: 0px;}
.view_bid .total div {color: #000; font-size: 12px; font-weight: 700;}
.view_bid .left .table { margin-bottom: 0px;}
.view_bid .total .bid_field { width: 230px; }
.view_bid .table_block {max-height: calc(100vh - 420px); overflow: auto; width: 100%;}
.view_bid .redundant_table_block {max-height: unset; overflow: unset;}
.view_bid .table_block::-webkit-scrollbar { width: 4px; }
.view_bid .table_block::-webkit-scrollbar-track { background: #fff; }
.view_bid .table_block::-webkit-scrollbar-thumb { background: #ccc; }
.view_bid .table_block::-webkit-scrollbar-thumb:hover { background: #555; }
.view_bid .left::-webkit-scrollbar { width: 6px; }
.view_bid .left::-webkit-scrollbar-track { background: #fff; border-radius: 5px;}
.view_bid .left::-webkit-scrollbar-thumb { background: #ccc; border-radius: 5px;}
.view_bid .left::-webkit-scrollbar-thumb:hover { background: #555; }
.view_bid .total .total_btn_group {display: flex; align-items: center; width: auto;}
.view_bid .total .total_btn_group .btn{padding: 8px 20px; border-radius: 50px; color: #000; transition: 0.3s; font-size: 14px; font-weight: var(--bold); appearance: none; -webkit-appearance: none; border: none; display: inline-flex; align-items: center; line-height: 1.5; position: relative; margin-right: 20px; text-transform: uppercase;}
.view_bid .total .total_btn_group .btn span {font-size: 16px; margin-right: 5px; font-weight: 600;}
.view_bid .total .total_btn_group .btn:disabled {opacity: 0.5;} 

.view_bid .right { width: 100%; background-color: #fff; height: calc(100vh - 167px); padding: 20px; padding-top: 15px;}
.view_bid .right h3 { color: #000; font-size: 14px; font-weight: 700; margin-bottom: 15px;}
.view_bid .right .table>tbody>tr>td { padding: 10px 10px; font-weight: 500; color: #000;}
.view_bid .right .table th { padding: 10px 10px; }
.view_bid .main-block>.row { margin: 0px;}
.view_bid .main-block>.row>.col-md-3 { padding-right: 0; }
.view_bid .main-block { height: 100%;}
.view_bid .table_bid th {text-transform: uppercase;}
.view_bid .table_bid th:nth-child(1), .view_bid .table_bid td:nth-child(1){width: 0%;}
.view_bid .table_bid th:nth-child(2), .view_bid .table_bid td:nth-child(2){width: 1%;}
.view_bid .table_bid th:nth-child(3), .view_bid .table_bid td:nth-child(3){width: 12%;}
.view_bid .table_bid th:nth-child(4), .view_bid .table_bid td:nth-child(4){width: 21%;}
.view_bid .table_bid th:nth-child(5), .view_bid .table_bid td:nth-child(5){width: 12%;}
.view_bid .table_bid th:nth-child(6), .view_bid .table_bid td:nth-child(6){width: 10%;}
.view_bid .table_bid th:nth-child(7), .view_bid .table_bid td:nth-child(7){width: 10%; text-align: left !important;}
.view_bid .table_bid th:nth-child(8), .view_bid .table_bid td:nth-child(8){width: 5%; text-align: center !important;}
.view_bid .table_bid th:nth-child(9), .view_bid .table_bid td:nth-child(9){width: 10%; text-align: right !important;}
.view_bid .table_bid th:nth-child(10), .view_bid .table_bid td:nth-child(10){width: 10.5%; text-align: right !important;}
.view_bid .table_bid th:nth-child(11), .view_bid .table_bid td:nth-child(11){width: 7.1%;}
.view_bid .table_block .table_bid th:nth-child(9) {text-align: center !important;}
.view_bid .table_block .table_bid th:nth-child(10) {text-align: center !important;}
.view_bid .table_block .table_bid.redudant_table th:nth-child(8) {text-align: center !important;}
.view_bid .table_bid.redudant_table th:nth-child(1), .view_bid .table_bid.redudant_table td:nth-child(1){width: 0%;}
.view_bid .table_bid.redudant_table th:nth-child(2), .view_bid .table_bid.redudant_table td:nth-child(2){width: 12%;}
.view_bid .table_bid.redudant_table th:nth-child(3), .view_bid .table_bid.redudant_table td:nth-child(3){width: 17%;}
.view_bid .table_bid.redudant_table th:nth-child(4), .view_bid .table_bid.redudant_table td:nth-child(4){width: 12%;}
.view_bid .table_bid.redudant_table th:nth-child(5), .view_bid .table_bid.redudant_table td:nth-child(5){width: 10%;}
.view_bid .table_bid.redudant_table th:nth-child(6), .view_bid .table_bid.redudant_table td:nth-child(6){width: 11%; text-align: left !important;}
.view_bid .table_bid.redudant_table th:nth-child(7), .view_bid .table_bid.redudant_table td:nth-child(7){width: 6%; text-align: center !important;}
.view_bid .table_bid.redudant_table th:nth-child(8), .view_bid .table_bid.redudant_table td:nth-child(8){width: 9.5%;  text-align: right !important;}
.view_bid .table_bid.redudant_table th:nth-child(9), .view_bid .table_bid.redudant_table td:nth-child(9){width: 10%;}
.view_bid .table_bid.redudant_table th:nth-child(10), .view_bid .table_bid.redudant_table td:nth-child(10){width: 10%; text-align: left !important;}
.view_bid .right .table_bid th:nth-child(1), .view_bid .right .table_bid td:nth-child(1){width: 70%;}
.view_bid .right .table_bid th:nth-child(2), .view_bid .right .table_bid td:nth-child(2){width: 30%;}
.view_bid .right .table_bid tbody tr {cursor: pointer;} 
.view_bid .asset-details-wrapper .main-block .left .errormsg {position: absolute; bottom: -19px; left: 0;}
.view_bid .right .table_block {max-height: calc(100vh - 224px);}
.view_bid .right .table_block .table_bid {margin-bottom: 0px;}
.view_bid .table_block input[type=checkbox] {width: 12px; height: 12px;}
.view_bid .table_block input[type=checkbox]:before{width: 14px !important; height: 14px;}
.no_bids { background-color: transparent !important; display: flex; align-items: center; justify-content: center;}
.no_bids .info .icon { width: 160px; height: 160px; background-color: #d1d1d8; margin-bottom: 20px; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.no_bids .info .icon .material-icons { font-size: 60px; color: #fff;}
.no_bids .info p {    color: #000; text-align: center; font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 0px; margin-top: 0px;}

.auction_details .video_block .slick-initialized .slick-slide {width: 145.1px !important; margin: 0 5px !important;}
.auction_details .image_block .slick-initialized .slick-slide {width: 145.1px !important; height: 80px !important; margin: 0 5px !important;}
.auction_details .image_block .slick-initialized .item {display: inline-flex !important;}
.auction_details .document_block .slick-initialized .slick-slide {width: 74.5px !important; height: 74.5px !important; margin: 0px 5px !important;}
.auction_details .document_block {margin-bottom: 10px;}
.auction_details .asset-details-wrapper .close-btn{top: 10px;}
/* .auction_details .detail_section p {    word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: inherit !important; border: none;} */
.profile .country-dropdown {position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;}
.profile .country-dropdown .colorselect {border: 1px solid #ced4da; width: 110px; font-size: 10.5px; color: #000; font-weight: bold; border-radius: 0.25rem 0 0 0.25rem; background-color: #DFDFDF; padding: 5px; overflow: auto !important; opacity: .65; text-transform: capitalize;}
.profile .country-dropdown .form-floating {width: calc(100% - 110px); margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.profile .country-dropdown .colorselect:focus {outline: none;}
/* .bid_details .left-block { border-radius: 5px; background: #FFF; padding: 20px; position: fixed; left: 20px; top: 20px; width: 330px; overflow: auto; height: 100%; padding-bottom: 100px;} */
.bid_details .asset-container-header {padding: 15px 20px;}
.bid_details .asset-container-header h2{font-size: 18px; margin-bottom: 0; font-weight: 600;}
.bid_details .asset-container-header a{cursor: pointer; text-decoration: none; color: #000; font-size: 22px;}
.bid_details .left-block .mb-0 {margin-bottom: 7px !important;}
.bid_details .main-block .no_bids  {width: 100%; padding: 0; position: inherit;  height: 100%;}
.bid_details .main-block .no_bids .info { display: flex; align-items: center; flex-direction: column;}
.bid_details .css-1jqq78o-placeholder {font-size: 13px;}
.table_bid thead {vertical-align: middle !important;}
.bid_details .main-block .table th:last-child, .bid_details .main-block .table td:last-child {border-left: 1px solid #ccd8f6;}
.bid_details .main-block .table td {position: relative; vertical-align: inherit;}
.bid_details .main-block p.text-right {display: flex; justify-content: right; margin-top: 0px; width: 100%; margin-bottom: 0px;}
.bid_details .asset-details-wrapper .clear-btn {background-color: #fff; border: 1px solid #f2a341; color: #f2a341; border-radius: 50px; padding: 10px 23px; font-weight: 700; height: 40px;}
.bid_details .asset-details-wrapper .clear-btn span {font-size: 18px; margin-right: 6px;}
.bid_details .table_bid.break-up .field {margin-bottom: 0px;}
.bid_details .list_hed.mt-4 .breakup {position: inherit; display: flex; align-items: center; text-align: center; padding: 3px 7px; font-size: 9.5px;}
.bid_details .list_hed.mt-4 .breakup span{font-size: 13px; margin-right: 3px; line-height: 1;}
.bid_details .table_bid.break-up .field.ml_10 button{background-color: #ecf0fa; border: 1px solid #c6c6c6; border-radius: 0px 5px 5px 0px; height: 29px; display: flex; align-items: center; margin-left: -2px;}
.bid_details .table_bid.break-up .field.ml_10 button span{color: rgb(0, 0, 0); font-size: 15px; line-height: inherit;}
.bid_details .table_bid.break-up .field.ml_10 {border-radius: 5px;}
.table_bid .field.ml_10 {width: 85px;}
.table_bid .field.ml_10 .input{width: 85px; text-align: right;}
.bid_details .table_bid.break-up.table_bid>tbody>tr:nth-of-type(odd)>* { background-color: #fff !important; --bs-table-accent-bg: #fff !important;}
.bid_details .list_hed.mt-4 {margin-top: 0px !important;}
.bid_details .main-block br {display: none;}
.bid_details .asset-details-wrapper { height: calc(100vh - 102px);}
.or-divider { border-top: dashed 1px #BEBEBE; width: 100%; display: flex; justify-content: center; margin-top: 26px; margin-bottom: 1px;}
.or-divider .or {width: 28px; height: 28px; border: solid 1px #BEBEBE; border-radius: 100%; margin-top: -15px; background-color: #fff; color: #474646; font-size: 10px; font-weight: 600; display: flex; align-items: center; justify-content: center; text-transform: uppercase;}
.break-up .errormsg.bidvalue {     font-size: 10px; margin-top: 5px; display: block; line-height: 13px;}
/* .break-up .field { padding: 0 5px; } */
.mb-30 { margin-bottom: 30px; margin-top: 30px;}
.my_bid .cgnDQv {     width: 28px; height: 28px; position: relative; overflow: hidden; border-radius: 3px; }
.my_bid .cgnDQv img {   width: 28px; height: 28px; }
.my_bid .kJHEJM { align-items: center !important;}
.my_bid .hZepVO {  padding-left: 7px !important; padding-right:7px !important;    font-size: 12px; color: #000; }
.my_bid .rdt_TableCol { padding-left: 7px !important; padding-right:7px !important; }
.my_bid .rdt_TableCell { padding-left: 7px !important; padding-right:7px !important; }
.my_bid .estyYC { display: block; }
.my_bid .rdt_TableRow {  align-items: center !important;}
/* .my_bid .rdt_TableCell { min-width: inherit !important; -webkit-box-flex: inherit; flex: inherit;} */
/* .my_bid .rdt_TableCell:nth-child(1), .my_bid .rdt_TableCol:nth-child(1) { min-width: 5% !important; } */
.my_bid .rdt_TableCell:nth-child(2), .my_bid .rdt_TableCol:nth-child(2) { min-width: 16% !important; }
.my_bid .rdt_TableCell:nth-child(3), .my_bid .rdt_TableCol:nth-child(3) { min-width: 12% !important; }
.my_bid .rdt_TableCell:nth-child(4), .my_bid .rdt_TableCol:nth-child(4) {min-width: 9% !important; }
.my_bid .rdt_TableCell:nth-child(5), .my_bid .rdt_TableCol:nth-child(5) { min-width: 6% !important; }
.my_bid .rdt_TableCell:nth-child(6), .my_bid .rdt_TableCol:nth-child(6) { min-width: 7% !important; }
.my_bid .rdt_TableCell:nth-child(7), .my_bid .rdt_TableCol:nth-child(7) { min-width: 5% !important; }
.my_bid .rdt_TableCell:nth-child(8), .my_bid .rdt_TableCol:nth-child(8) { min-width: 6.6% !important; justify-content: right;}
.my_bid .rdt_TableCell:nth-child(9), .my_bid .rdt_TableCol:nth-child(9) { min-width: 7.1% !important; justify-content: right;}
.my_bid .rdt_TableCell:nth-child(10), .my_bid .rdt_TableCol:nth-child(10) { min-width: 7% !important; }
.my_bid .rdt_TableCell:nth-child(11), .my_bid .rdt_TableCol:nth-child(11) { min-width: 6.6% !important; justify-content: right;}
.my_bid .rdt_TableCell:nth-child(12), .my_bid .rdt_TableCol:nth-child(12) { min-width: 7% !important; justify-content: left;}
.my_bid .rdt_TableCell:nth-child(13), .my_bid .rdt_TableCol:nth-child(13) { min-width: 6% !important; justify-content: center;}
.my_bid .rdt_TableCol {font-weight: 700; font-size: 11.5px; color: #000; text-transform: uppercase;}
/* .my_bid .rdt_TableCol:nth-child(12) .rdt_TableCol_Sortable {justify-content: center;} */
/* .my_bid .gcXOmg { display: flex; justify-content: inherit; } */
.my_bid .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(1), .my_bid .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(1) { min-width: 37px !important; max-width: 37px; text-align: left !important;}
.my_bid .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell img { width: 32px; height: 32px; border: 1px solid #d3d3d3; border-radius: 3px; margin-right: 5px;}
.my_bid .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable>div { display: none;}
.my_bid .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable { margin-left: -37px;}
.my_bid .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(odd) {background-color: #ECF0FA !important;}
.my_bid .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(2) { font-style: normal; font-weight: 600; font-size: 11.5px; color: #000000; text-transform: capitalize;}
.my_bid .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell{font-style: normal; font-weight: 500; font-size: 11.5px; color: #000000;}
.my_bid .rdt_Table .rdt_TableBody .rdt_TableRow:hover { color: #000; transition-duration: unset; transition-property: none; border-bottom-color: #ccd8f6; outline: none;}
.my_bid .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(even) {background-color: #fff !important;}
.my_bid .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell div:first-child { white-space: inherit; overflow: unset; text-overflow: unset;}
.auction .title_hed .right .search-block {width: 335px; border: 1px solid #b1b1b1;}
.auction .title_hed .right .search-block .searchinput{background-color: #fff; height: 36px; font-size: 12px;}
.auction .title_hed .right .search-block .fill_btn{border-left: 1px solid #b1b1b1; padding: 8px 15px; background-color: #fff;}
.auction .title_hed .right .search-block .fill_btn span{font-size: 19px;}
.meta-data-list li:last-child {margin-right: 0px;}
.empty-state-body {height: calc(100vh - 227px); position: relative;}
.empty-state-body.empty-record .empty-state__message { width: 600px; margin-top: 0px; max-width: 600px; margin: 0 auto; padding: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.empty-state__message .material-icons { color: #f1b141; width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; background-color: #ecf0fa; border-radius: 100%; margin: 0 auto; font-size: 54px;}
.empty-state__message .form-check {color: #000; font-weight: 600; font-size: 17px !important; text-align: center; margin-top: 35px;}
.video-popup.document-popup .modal-dialog .modal-content .close-btn {top: 5px; right: 14px;}
.video-popup.document-popup .modal-dialog .modal-content #react-doc-viewer #header-bar {min-height: 0;}
.video-popup.document-popup .modal-dialog .modal-content #react-doc-viewer #header-bar #file-name{padding: 11px 0px; padding-bottom: 2px;}
.video-popup.document-popup .modal-dialog .modal-content .document-btn{text-transform: uppercase !important; font-weight: 700 !important; font-size: 13px !important; padding: 10px 27px !important; border-radius: 50px !important; color: #000 !important; transition: 0.3s !important; -webkit-appearance: none !important; border: none !important; display: inline-flex !important; align-items: center !important; line-height: 1.5 !important; background: -moz-linear-gradient(top, #f2e18d 0%, #f2a341 100%) !important;
 background: -webkit-linear-gradient(top, #f2e18d 0%,#f2a341 100%) !important; background: linear-gradient(to bottom, #f2e18d 0%,#f2a341 100%) !important; bottom: 20px !important;} 
.video-popup.document-popup .modal-dialog .modal-content .document-btn:hover { background: -moz-linear-gradient(top, #f2e18d 20%, #f2a341 100%); background: -webkit-linear-gradient(top, #f2e18d 20%,#f2a341 100%); background: linear-gradient(to bottom, #f2e18d 20%,#f2a341 100%); transform: scale(1.03);}
.auction .comingsoon-wrapper .comingsoon-block {height: calc(100vh - 187px);}
.another-combination .modal-dialog .modal-content .modal-body .access-denied-icon {margin-bottom: 15px;}
.seller-list-view .table th:nth-child(1), .seller-list-view .table td:nth-child(1) {width: 15% !important;}
.seller-list-view .table th:nth-child(2), .seller-list-view .table td:nth-child(2) {width: 8% !important;}
.seller-list-view .table th:nth-child(3), .seller-list-view .table td:nth-child(3) {width: 10% !important; }
.seller-list-view .table th:nth-child(4), .seller-list-view .table td:nth-child(4) {width: 8% !important;}
.seller-list-view .table th:nth-child(5), .seller-list-view .table td:nth-child(5) {width: 9% !important;}
.seller-list-view .table th:nth-child(6), .seller-list-view .table td:nth-child(6) {width: 15% !important; }
.seller-list-view .table th:nth-child(7), .seller-list-view .table td:nth-child(7) {width: 8% !important; }
.seller-list-view .table th:nth-child(8), .seller-list-view .table td:nth-child(8) {width: 9% !important; }
.seller-list-view .table>thead>tr>th:last-child {text-align: left;}
.bid_details .main-block p.text-right .clear-btn {margin-right: 10px;}
.bid_details .asset-details-wrapper .main-block .table_bid th:nth-child(5), .bid_details .asset-details-wrapper .main-block .table_bid td:nth-child(5) {text-align: right !important;}
.bid_details .asset-details-wrapper .main-block .table_bid.break-up th:nth-child(5), .bid_details .asset-details-wrapper .main-block .table_bid.break-up td:nth-child(5) {text-align: left !important;}
.bid_details .asset-details-wrapper .main-block .table_bid.break-up th:nth-child(6), .bid_details .asset-details-wrapper .main-block .table_bid.break-up td:nth-child(6) {text-align: right !important;}
.my_bid .rdt_TableCol:nth-child(8) { text-align: center !important; line-height: 12px; white-space: inherit;}
.my_bid .rdt_TableCol:nth-child(8)>div>div { white-space: inherit;}
.my_bid .rdt_TableCol:nth-child(11) { text-align: center !important; line-height: 12px; white-space: inherit;}
.my_bid .rdt_TableCol:nth-child(11)>div>div { white-space: inherit;}
.video-popup .modal-dialog #react-doc-viewer #image-renderer {align-items: start;}
.video-popup .modal-dialog #react-doc-viewer #image-renderer #image-img{max-height: 83%; margin-top: 20px;}
.video-popup .modal-dialog #pdf-renderer .react-pdf__Document #pdf-page-wrapper {margin: 0px !important;}
.video-popup .modal-dialog #pdf-renderer .react-pdf__Document #pdf-page-wrapper .react-pdf__Page .react-pdf__Page__canvas {width: 998px !important; height: 537px !important;}
.video-popup .modal-dialog #pdf-renderer .react-pdf__Page__annotations {display: none;}
.video-popup.document-popup .modal-dialog #pdf-renderer .react-pdf__Document #pdf-page-wrapper .react-pdf__Page .react-pdf__Page__canvas {height: auto !important;}
.my_bid .table-preloader {height: calc(100vh - 230px) !important;}
.my_bid .table-preloader .orasi-preloader{background-color: #fff !important;}


.media_partners .team-card {display: flex; align-items: center; justify-content: center; height: 90%;}
.media_partners .team-card img {width: auto; height: auto; max-width: 90%; max-height: 90%; border-radius: unset; display: block; margin: 0; border: none; box-shadow: none;}
@media (min-width: 1400px){
.media_partners .container, .media_partners .container-lg, .media_partners .container-md, .media_partners .container-sm, .media_partners .container-xl, .media_partners .container-xxl {
    max-width: 1320px!important;}
}
.team.media_partners .team-section .sales-team {margin-bottom: 26px;}
.team.media_partners .team-section .sales-team h5{font-size: 13px; color: #000; text-transform: capitalize; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-weight: bold; margin-top: 5px; margin-bottom: 30px;}
.team.media_partners .team-section .sales-team .team-card {margin-bottom: 5px; background-color: transparent; padding-bottom: 0;}
.orders .cart-block .table .cast .more-popup-btn {background-color: rgb(221 221 221 / 50%); font-size: 10px; text-transform: lowercase; position: inherit;}
.view-orders .card-block .table .cast .more-popup-btn {background-color: rgb(221 221 221 / 50%); font-size: 10px; text-transform: lowercase; position: inherit;}
.order_comments .modal-dialog .modal-content .modal-body p {word-break: break-word;}
.no_partners .error-wrapper {top: 55%;}
.modal-dialog .modal-content .modal-body.enquiry-form .form-group .errormsg {position: absolute;} 
.bid_details .orasi-preloader {top: -53px;}
.portfolio_block .portfolio .orasi-preloader{background-color: transparent;}
.left-block.adv_search .adv_body .episodes {display: flex; align-items: center; justify-content: space-between; position: relative;}
.left-block.adv_search .adv_body .episodes .form-control{width: 49%;}
.left-block.adv_search .adv_body .episodes .errormsg{position: absolute; bottom: -15px; font-size: 10.5px;}

.main_thumb { width: 100%; overflow: hidden; border-radius: 5px; background-color: #fff; margin-bottom: 8px; position: relative;}
.main_thumb .img-dummy {position: relative; width: 100%; padding-top: 58.6%;}
.main_thumb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; object-fit: cover;}
.thumb-content .thumb-heading { font-size: 16px; font-weight: bold; color: rgba(65, 65, 65, 1); word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: inherit !important; margin-bottom: 7px;}
.thumb-content p { font-size: 12px; color: rgba(132, 132, 132, 1); font-weight: 500; margin-bottom: 0;}
.thumb-content .fst-italic {color: rgba(71, 70, 70, 1); font-size: 11px; font-weight: 400;}

.news-modal-popup .modal-content{max-height: 90vh; height: auto; width: auto; max-width: 80vw; }
/* .news-modal-popup .modal-dialog{ min-width: 1000px;} */
.news-modal-popup .modal-body {border-radius: 0.5rem; padding: 25px 25px !important; background-color: #fff !important;}
.news-modal-popup .modal-body .header-title{ justify-content: space-between; display: flex; align-items: flex-start;}
.news-modal-popup .modal-body .header-title .popup-title {font-size: 16px; color: #414141; font-weight: bold;}
.news-modal-popup .modal-body .header-title .pop_close { border: none; background-color: transparent; display: flex; align-items: center; justify-content: center;}
.news-modal-popup .modal-body .mt-2 p {font-size: 13px; color: rgba(65, 65, 65, 1);}
.news-modal-popup .modal-body .text-overflow {color: rgb(29 26 26); font-size: 12px; margin-bottom: 0;}
.news-modal-popup .modal-body .text-overflow p {margin-bottom: 0px !important;}
/* .news-modal-popup .modal-body br {display: none;} */
.news-modal-popup .modal-body .text-overflow {overflow-y: auto; max-height: 390px; padding-right: 3px;}
.news-modal-popup .modal-body .text-overflow::-webkit-scrollbar { width: 5px; }
.news-modal-popup .modal-body .text-overflow::-webkit-scrollbar-thumb { background: #d5d5d5; border-radius: 6px; border: 3px solid #d5d5d5; }
.news-modal-popup .modal-body .text-overflow::-webkit-scrollbar-track { background: #f5f5f5; }
.news-modal-popup .slider-section ul {display: flex; align-items: center; list-style: none; overflow-y: auto; padding-left: 0; margin-bottom: 0; flex-direction: column; overflow-x: hidden; max-height: 477px; padding-right: 3px;}
.news-modal-popup .slider-section ul li{width: 100%; border-radius: 5px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}
.news-modal-popup .slider-section ul li img {width: 100%; height: auto; max-width: 100%; max-height: 100%; border-radius: 5px;}
.news-modal-popup .slider-section ul::-webkit-scrollbar { width: 5px; }
.news-modal-popup .slider-section ul::-webkit-scrollbar-thumb { background: #d5d5d5; border-radius: 6px; border: 3px solid #d5d5d5; }
.news-modal-popup .slider-section ul::-webkit-scrollbar-track { background: #f5f5f5;}
.news-modal-popup .slider-section ul li:last-child {margin-bottom: 0;}
.news-modal-popup .social_media {margin-top: 30px;}
.news-modal-popup .social_media a{margin-right: 10px;}
.news-modal-popup .social_media a img{width: 32px;}
.news-modal-popup .created{width: 48%;}

.news_blogs .d-flex.align-items-center.justify-content-center {margin: 10px 0 5px 0; position: relative;}
.news_blogs .d-flex.align-items-center.justify-content-center h6{margin-bottom: 0; color: rgba(65, 65, 65, 1); font-size: 16px; font-weight: 700;}
.news_blogs .d-flex.align-items-center.justify-content-center select{font-size: 11px; text-transform: uppercase; border: 1px solid #B1B1B1;  height: 36px; position: absolute; right: 0; width: 160px; top: 5px;}
.news_blogs .block {margin-bottom: 32px;}

.newsthumb-body h1, .newsthumb-body h2, .newsthumb-body h3, .newsthumb-body h4, .newsthumb-body h5, .newsthumb-body h6, .newsthumb-body p{ font-size: 12px; font-weight:normal!important;}
.newsthumb-body h1, .newsthumb-body h2, .newsthumb-body h3, .newsthumb-body h4, .newsthumb-body h5, .newsthumb-body h6{ margin-bottom: 6px !important; color: rgba(65, 65, 65, 1);}
.newsthumb-body .news-description{ word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit !important; max-height: 37px;}
.newsthumb-body>h3>p {display: none !important;}
.newsthumb-body br {display: none !important;}

@media(min-width:1650px) and (max-width:1920px){
  .news-modal-popup .modal-content{min-width: 1600px;}
.news-modal-popup .modal-dialog{ min-width: 1600px;}
  }

  @media(min-width:1541px) and (max-width:1649px){
    .news-modal-popup .modal-content{min-width: 1400px;}
    .news-modal-popup .modal-dialog{ min-width: 1400px;}
     }

     @media(min-width:1367px) and (max-width:1540px){
      .news-modal-popup .modal-content{min-width: 1300px;}
    .news-modal-popup .modal-dialog{ min-width: 1300px;}
       }

       @media(min-width:1122px) and (max-width:1366px){
        .news-modal-popup .modal-content{min-width: 1200px;}
        .news-modal-popup .modal-dialog{ min-width: 1200px;}
         }

         @media(min-width:1025px) and (max-width:1121px){
          .news-modal-popup .modal-content{min-width: 990px;}
        .news-modal-popup .modal-dialog{ min-width: 990px;}
           }
           @media(min-width:865px) and (max-width:1024px){
            .news-modal-popup .modal-content{min-width: 800px;}
        .news-modal-popup .modal-dialog{ min-width: 800px;}
             }
             @media(min-width:737px) and (max-width:864px){
              .news-modal-popup .modal-content{min-width: 700px;}
              .news-modal-popup .modal-dialog{ min-width: 700px;}
               }
               @media(min-width:656px) and (max-width:736px){
                .news-modal-popup .modal-content{min-width: 600px;}
              .news-modal-popup .modal-dialog{ min-width: 600px;}
                 }
                @media(min-width:480px) and (max-width:654px){
                  .news-modal-popup .modal-content{min-width: 400px;}
                  .news-modal-popup .modal-dialog{ min-width: 400px;}
                 }


