/** Proposal page styles **/

.details {
  padding:0px;
}
.details .proposal-info {
  padding-bottom:0px;
}

.details .breadcrumbs {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.details .h-text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details .breadcrumbs a {
  position: relative;
  color: #666666;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
.breadcrumbs a:after {
  font-family:"FontAwesome";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-align: center;
  width: 1em;
  content: "\f054";
  display: inline-block;
  font-size: 10px;
  color: #bababa;
  margin: 0 4px 0 8px;
  cursor: default;
}
.breadcrumbs a:last-child:after{
  content: "";
}

.details .proposal-info h3 {
  margin-bottom:5px;
  margin-top:5px;
}
.details .proposal-info hr {
  margin-bottom:10px;
  margin-top:10px;
  border-color: #f4f5f5;
  /*margin-left:-15px;
  margin-right:-15px;*/
}
.details .span{
  position:relative;
  top:1px;
  left:6px;
  padding-top:8px;
}
.details .rating {
  margin-right: 3px;
  margin-top:10px;
  width: 11px;
}
.details .carousel {
  margin-top:13px;
}
.proposal-desc {
line-height: 28px !important;
font-size: 16px !important;
}
.proposal-desc * {
line-height: 28px !important;
font-size: 16px !important;
}
.referral-box .strike {
  border-bottom: #4c006f 1px dashed;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
}

/*Proposal Tooltip Styles*/

.tooltip-inner {
  /*padding: 4px 29px;*/
  font-size: 15px;
  border-radius: 0px;
  border:1px solid #ccc;
  min-width: 100px;
  max-width: 300px; 
  background: white;
  color:black;
}
.tooltip.show{
  opacity: 1;
} 
.tooltip .arrow:before {
display: none;
}
.popover{
max-width: 381px !important;
left:113.6px !important;
}
.popover .arrow{
left:57px !important;
}
.popover-body h5{
font-size: 1.20rem;
}
.popover-body {
 padding: 0px;
}
.popover-body a {
color: #00719b;
}
.popover-body .badge {
margin-top: -5px;
font-size: 12px;
}
.popover-body hr {
margin-left: -18px;
margin-right: -18px;
}

.popover-body .price {
  line-height: 0px;
  margin-top: -36px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #454545;
  text-align: right;
  margin-bottom: 10px;
}

/** Review Styles **/
.proposal-reviews .card-header .rating{
  margin-top:-7px;
}
.proposal-reviews .card-header ul li {
  cursor:pointer;
}
.proposal-reviews hr {
  margin-left:-17px !important;
  margin-right:-17px !important;
}
.proposal-reviews hr:last-child{
  display:none;
}
.proposal-reviews .reviews-list {
  list-style:none;
  padding:0px;
}
.proposal-reviews .reviews-list li {
  background:#fff;
  padding:15px 58px 15px 92px;
  min-height:68px;
  position:relative;
}
.proposal-reviews .reviews-list li .user-picture {
  float:none;
   position:absolute;
   margin-top:-7px;
   left:20px;
   top:20px;
   overflow:hidden;
   border-radius:50%;
}
.proposal-reviews .reviews-list li .msg-body {
  margin-top:-5px;
}
.proposal-reviews .reviews-list li h4,
.proposal-reviews .reviews-list li .msg-body {
  color:#0e0e0f;
  font-size:14px;
  line-height:20px;
}
.proposal-reviews .reviews-list li .rating-date {
  font-size:12px !important;
  color:#999999 !important;
}
.rating-date {
  font-size:12px !important;
  color:#999999 !important;
}
.proposal-reviews .reviews-list li.rating-seller {
  min-height:45px;
  padding-top:0px;
  padding-left:142px;
}
.proposal-reviews .reviews-list li.rating-seller h4 {
  color:#0e0e0f;
  font-size:12px;
  margin-top:2px;
  font-weight:500;
}
.proposal-reviews .reviews-list li.rating-seller .user-picture {
  float:none;
  position:absolute;
  top:6px;
  left:93px;
  overflow:hidden;
  border-radius:50%;
}
.proposal-reviews .active {
  background: #00a64b !important;
}

/***  Proposal Tags Styles ****/
.proposal-tags-container .proposal-tag {
  float:left;
}
.proposal-tags-container .proposal-tag span {
  background:#fff; /*fafafa*/
  border:1px solid #dddddd;
  font-size:15px;
  padding:6px;
  margin-right:5px;
  border-radius:3px;
}
/** Proposal Sidebar Styles **/


@media(max-width: 767px){

  .purchase-form h3{
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

}

.btn-order {
margin-bottom: 12px;
}
.btn-order.primary:hover, .btn-order.primary:hover, .btn-order.primary:focus, .btn-order.primary:active {
background-color: #2ca35b;
color:white;
}
.btn-order:hover, .btn-order:hover, .btn-order:focus, .btn-order:active {
color:white;
}
.btn-order.primary{
-webkit-box-shadow: 0 2px 0 #2ca35b;
box-shadow: 0 2px 0 #2ca35b;
position: relative;
}
.btn-order{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.btn-order.primary{
background-color: #27ae60;
}
.btn-order.referral{
background-color: #0069ff;
}
.btn-order.referral:hover{
background-color: #0052cc;
}
.btn-order.primary.added {
background-color: #82b440e8;
}
.btn-order {
background-color: #00CCBC;
border-radius: 4px;
color: white;
cursor: pointer;
display: inline-block;
font-size: 16px !important;
line-height: 1.5;
margin: 0;
padding: 10px 20px;
text-align: center;
text-decoration: none;
}
.proposal-sidebar h3 {
margin-bottom:15px;
}
.proposal-sidebar h4 {
font-size:15px;
margin-bottom:20px;
}
.proposal-sidebar .button-lg1 {
width:62%;
margin-right:3%;
border-radius:3px;
}
.proposal-sidebar .button-lg2 {
width:30%;
border-radius:3px;
}
.gig-info .button-lg1 {
border-radius:3px;
width:65%;
margin-right: 4%;
}
.gig-info .button-lg2 {
border-radius:3px;
width:30%;
}
.proposal-sidebar hr:not(.order-box hr) {
margin-left:-18px;
margin-right:-17px;
}
.proposal-sidebar label {
margin-top:8px;
}

.seller-bio .h3 {
font-size: 20px;
}
.seller-bio .h3 .divider {
margin-right: 5px;
border-left: 1px solid #eee;
}
.seller-bio .col-md-6 p{
margin-bottom:10px;
}
.seller-bio .col-md-6 span{
display: block;
margin-bottom:3px;
}
.seller-bio .col-md-6 i {
color: #1fd0b6;
}
.seller-bio p.text-left{
font-size: 16px;
line-height: 28px;
}
.seller-bio .online {
color:green;
margin-top:10px;
font-size:17px;
}
.seller-bio hr{
margin-left: -18px;
margin-right: -17px;
}
.seller-bio .btn-message{
color:white;
background: #5bd19a;
}
.copyright-box{
font-size: 15px;
}
.copyright-box .strike {
border-bottom: #4c006f 1px dashed;
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
color:#0069ff;
}
.proposal-footer h2 {
font-size: 20px;
}
.line-height-full {
line-height: 1.5;
font-weight: 400;
}

/* --------------------------------------------------------------------------
   Modern Fiverr Single Gig / Proposal Page & Compare Packages Styles
   -------------------------------------------------------------------------- */
.fiverr-gig-header {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.fiverr-breadcrumbs {
  font-size: 13.5px;
  color: #74767e;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.fiverr-breadcrumbs a {
  color: #74767e !important;
  text-decoration: none !important;
  font-weight: 500;
  transition: color 0.15s;
}

.fiverr-breadcrumbs a:hover {
  color: #1dbf73 !important;
  text-decoration: underline !important;
}

.crumb-sep {
  color: #c5c6c9;
  font-size: 12px;
}

.fiverr-gig-title {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #222325 !important;
  line-height: 1.35 !important;
  margin: 8px 0 12px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

.fiverr-seller-meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 14px;
}

.fiverr-seller-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #e4e5e7;
}

.fiverr-seller-username {
  color: #222325 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.fiverr-seller-username:hover {
  color: #1dbf73 !important;
}

.fiverr-level-badge {
  background: #f7f7f7;
  color: #404145;
  border: 1px solid #e4e5e7;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}

.fiverr-rating-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}

.fiverr-queue-count {
  font-size: 13.5px;
}

.fiverr-gallery-card {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e4e5e7;
}

.fiverr-section-card {
  background: #ffffff;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  padding: 28px 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.fiverr-section-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #222325 !important;
  margin: 0 0 16px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

.fiverr-section-subtitle {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #222325 !important;
}

.fiverr-divider {
  border: 0;
  border-top: 1px solid #efeff0;
  margin: 16px 0 20px;
}

.fiverr-gig-description {
  font-size: 15.5px !important;
  line-height: 1.8 !important;
  color: #404145 !important;
}

.fiverr-gig-description p {
  margin-bottom: 14px;
  font-size: 15.5px !important;
  line-height: 1.8 !important;
  color: #404145 !important;
}

.fiverr-gig-description ul, .fiverr-gig-description ol {
  padding-left: 24px;
  margin-bottom: 16px;
}

.fiverr-gig-description li {
  margin-bottom: 6px;
  font-size: 15.5px;
  line-height: 1.7;
}

/* Seller Profile Box */
.fiverr-seller-profile-box {
  background: #ffffff;
}

.fiverr-seller-head-flex {
  display: flex;
  align-items: center;
  gap: 18px;
}

.fiverr-seller-head-avatar-wrap {
  position: relative;
  width: 72px;
  height: 72px;
  flex-shrink: 0;
}

.fiverr-seller-big-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #e4e5e7;
}

.fiverr-online-dot-badge {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 14px;
  height: 14px;
  background: #1dbf73;
  border: 2px solid #ffffff;
  border-radius: 50%;
}

.fiverr-seller-head-name a {
  color: #222325 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.fiverr-seller-head-name a:hover {
  color: #1dbf73 !important;
}

.fiverr-seller-head-tagline {
  font-size: 13.5px;
}

.fiverr-btn-contact-seller {
  background: #ffffff !important;
  color: #222325 !important;
  border: 1px solid #222325 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 9px 20px !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.fiverr-btn-contact-seller:hover {
  background: #222325 !important;
  color: #ffffff !important;
}

.fiverr-seller-meta-grid {
  font-size: 14px;
}

.fiverr-seller-bio-text {
  font-size: 14.5px;
  line-height: 1.65;
}

/* Compare Packages Card & Table */
.fiverr-compare-packages-card {
  background: #ffffff;
  border: 1px solid #e4e5e7;
  border-radius: 8px;
  overflow: hidden;
}

.fiverr-compare-packages-card .compare-heading-wrap {
  padding: 22px 24px 16px;
  border-bottom: 1px solid #efeff0;
  background: #ffffff;
}

.fiverr-compare-table-responsive {
  width: 100%;
  overflow-x: auto;
}

.fiverr-compare-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.fiverr-compare-table thead th {
  padding: 22px 18px 18px;
  border-bottom: 1px solid #e4e5e7;
  border-left: 1px solid #efeff0;
  vertical-align: top;
  background: #ffffff;
}

.fiverr-compare-table thead th.col-package-label {
  border-left: none;
  width: 25%;
}

.fiverr-compare-table thead th.col-package-tier {
  width: 25%;
  text-align: left;
}

.package-lbl-text {
  font-size: 14px;
  font-weight: 600;
  color: #62646a;
  display: block;
  padding-top: 6px;
}

.package-head-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.package-head-price {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #222325 !important;
  line-height: 1.1 !important;
}

.package-head-title {
  font-size: 15.5px !important;
  font-weight: 700 !important;
  color: #222325 !important;
  margin: 2px 0 0 !important;
}

.package-head-desc {
  font-size: 13px !important;
  color: #62646a !important;
  line-height: 1.45 !important;
  margin: 4px 0 0 !important;
  min-height: 48px !important;
  font-weight: 400 !important;
}

.fiverr-compare-table tbody tr {
  transition: background-color 0.15s ease;
}

.fiverr-compare-table tbody tr:hover {
  background-color: #fafafa;
}

.fiverr-compare-table tbody td {
  padding: 13px 18px;
  border-bottom: 1px solid #efeff0;
  border-left: 1px solid #efeff0;
  font-size: 14px;
  color: #404145;
  vertical-align: middle;
}

.fiverr-compare-table tbody td.attr-name-col {
  border-left: none;
  font-weight: 600;
  color: #404145;
  background: #ffffff;
  text-align: left !important;
}

.fiverr-compare-table tbody td.attr-val-col {
  text-align: center !important;
}

.fiverr-check-icon {
  display: inline-block;
  vertical-align: middle;
}

.fiverr-dash-icon {
  color: #c5c6c9;
  font-size: 18px;
  font-weight: 400;
}

.fiverr-attr-text {
  font-size: 13.5px;
  font-weight: 500;
  color: #222325;
}

.meta-val-badge {
  font-size: 13.5px;
  font-weight: 600;
  color: #222325;
}

.delivery-time-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13.5px;
  font-weight: 600;
  color: #222325;
}

.action-row td {
  padding: 20px 14px 24px !important;
  background: #ffffff !important;
}

.fiverr-btn-select {
  width: 100%;
  background: #222325 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  padding: 10px 14px !important;
  border-radius: 4px !important;
  border: none !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
  display: block;
  text-decoration: none !important;
}

.fiverr-btn-select:hover {
  background: #1dbf73 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(29, 191, 115, 0.25);
}

/* Sticky Sidebar */
.fiverr-sticky-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

/* Tag Pills */
.fiverr-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fiverr-tag-pill {
  background: #f5f5f5;
  color: #62646a !important;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;
  border: 1px solid #e4e5e7;
  transition: all 0.15s;
}

.fiverr-tag-pill:hover {
  background: #eef1f6;
  color: #222325 !important;
  border-color: #ccd0d8;
}

/* Strict Mobile Rule: Compare Packages NEVER displays on mobile devices or small screens */
#compare,
.fiverr-compare-packages-card,
.fiverr-compare-table-responsive,
.fiverr-compare-table,
[id="compare"] {
  display: none !important;
}

@media (min-width: 992px) {
  #compare,
  .fiverr-compare-packages-card {
    display: block !important;
  }
  .fiverr-compare-table-responsive {
    display: block !important;
  }
  .fiverr-compare-table {
    display: table !important;
  }
}