/*Request-Proposal css*/
.request-proposal-section {background: #F4F4F4}
.request-proposal-section  .request-proposal-fliter-box {margin-bottom: 40px;background: #fff; padding: 24px; border-radius:6px; border:1px solid #D1D1D1; }
.request-proposal-section .request-proposal-fliter-box .top-box {display: grid;grid-template-columns: 2fr 1fr 1fr;gap: 50px;background: #fff;}
.request-proposal-section .request-proposal-fliter-box  .form-group.search-box .form-control {border: none; border-radius: 8px; background: #F4F4F4;}
.request-proposal-section  .form-group .search-icon {position: absolute;right: 0;top: 0;bottom: 0; margin: auto;background: #284181;padding:16px 35px; ; z-index: 1;  border-radius: 0 8px 8px 0; }
.request-proposal-section  .form-group .search-icon svg {width: 27px;height: 27px;}
.request-proposal-section  .request-proposal-box .request-detail-box {display: grid;   gap: 40px; grid-template-columns: repeat(2, 1fr) }
.request-proposal-section  .request-proposal-box .request-detail-box .common-box {display: flex;gap: 20px;padding: 20px;background: #fff;border-radius: 6px;} 
.request-proposal-section  .request-proposal-box .request-detail-box .common-box a {color:#284181; font-size:24px; display: block; margin-bottom: 16px;  font-weight: 600;}
.request-proposal-section .request-proposal-box .request-detail-box .common-box a:hover {color:#f79433; }
.request-proposal-section  .request-proposal-box .request-detail-box .common-box span  {display: inline-block; border-radius: 6px; background:#284181; color:#fff; padding:8px 16px; font-size:16px; margin-bottom:12px; }
.request-proposal-section  .request-proposal-box .request-detail-box .common-box .tag-box ul {display: flex; flex-wrap: wrap;gap: 8px;}
.request-proposal-section  .request-proposal-box .request-detail-box .common-box .tag-box ul li {color: #5A5A5A; background: #F4F4F4; font-size: 16px;padding: 5px 10px; border-radius: 4px;}
.request-proposal-section  .request-proposal-box .request-detail-box .common-box .date-box {display: flex;align-items: center;gap: 8px;}
.request-proposal-section  .request-proposal-box .request-detail-box .common-box .date-box h4 {font-size: 20px; color:#5A5A5A;  font-weight: 600; }
.request-proposal-section  .request-proposal-box .request-detail-box .common-box .date-box  {border-top: 2px solid #E7E7E9; position: absolute;bottom: 0;width: 100%;padding-top: 16px;}
.request-proposal-section  .request-proposal-box .request-detail-box .common-box  .content-box {position: relative;}
.request-proposal-section  .request-proposal-box .request-detail-box .common-box .image-box img {border-radius: 6px;}
.bottom-filter-box {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.bottom-filter-box ul {display: flex; gap: 10px;  align-items: center;}
.bottom-filter-box ul li.filter-btn a { color:#5A5A5A; font-size:14px; padding:8px 12px; border: 1px solid #5A5A5A; border-radius:6px; }
.bottom-filter-box .results-show-box p {font-size: 20px;color:#5A5A5A; }
.bottom-filter-box .results-show-box p span {color:#F79433; }
.bottom-filter-box ul li.filter-btn {background: transparent !important; padding: 0!important;}
.bottom-filter-box .filter ul li {background: rgba(247,148,51,.1);border-radius: var(--border-radius);padding: 8px 12px;font-weight: 600;font-size: 14px;color: var(--active-btn);}
.bottom-filter-box .filter ul li svg {display: inline-block; vertical-align: revert;margin-left: 8px;}

.search-icon {
  cursor: pointer;
}
.request-proposal-section .spinner {
    /*margin: 100px auto;*/
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 10px;
}
/* .request-proposal-fliter-box { position: relative; }*/
/* .request-proposal-section .spinner { position: absolute; left:0; right: 0; top: 50%; transform: translateY(-50%) bottom: 10px; width: max-content; }  */
.request-proposal-section .spinner > div {
    background-color: #465ca0;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
 
.request-proposal-section .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
 
.request-proposal-section .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
 
.request-proposal-section .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
 
.request-proposal-section .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
 
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
 
    20% {
        -webkit-transform: scaleY(1.0)
    }
}
 
@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
 
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}



@media screen and (max-width: 1919px) {
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .image-box img {width: 100%; height: 100%;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .content-box {width: 80%;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box span {margin-bottom: 10px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box a {font-size: 20px;    line-height: 27px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .date-box {position: unset;  margin-top: 15px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .date-box h4 {font-size: 18px;}
}

@media screen and (max-width: 1599px) {
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .image-box img {height: auto;}
  .request-proposal-section .request-proposal-box .request-detail-box {gap: 30px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .tag-box ul li {font-size: 15px;padding: 5px 8px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box a {font-size: 18px;line-height: 24px;}
}

@media screen and (max-width: 1439px) {
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .tag-box ul li {    font-size: 14px;    padding: 5px 7px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box span {padding: 5px 11px;font-size: 14px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .date-box h4 {font-size: 16px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .date-box svg {width: 20px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .date-box {position: absolute;margin-top: 10px;padding-top: 10px;  gap: 5px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .tag-box{height: 200px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box {padding: 15px;}
  .request-proposal-section .request-proposal-fliter-box {margin-bottom: 30px;}
  .request-proposal-section .request-proposal-fliter-box .form-group .form-control {font-size: 16px;line-height: 22px;padding: 15px 15px;}
  .request-proposal-section .form-group .search-icon {padding: 15px 30px; }
  .request-proposal-section .form-group .search-icon svg {width: 20px;height: 20px;}
  .request-proposal-section .form-group .search-icon {bottom: auto;    padding: 13px 30px;}
  .bottom-filter-box .results-show-box p {font-size: 18px;}
  .request-proposal-section .request-proposal-fliter-box {padding: 20px;}
}

@media screen and (max-width: 1365px) {
  .request-proposal-section .request-proposal-box .request-detail-box .common-box a {font-size: 17px;line-height: 23px;}
}

@media screen and (max-width: 1279px) {
  .request-proposal-section .request-proposal-box .request-detail-box {grid-template-columns: auto;}
  .request-proposal-section .request-proposal-fliter-box .form-group.down-arrow::after {  top: -10px;right: 18px;width: 18px;height: 18px;}
  .request-proposal-section .form-group .search-icon {padding: 12px 20px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .tag-box {height: auto;}
  .request-proposal-section .request-proposal-fliter-box .top-box {gap: 30px;}
}

@media screen and (max-width: 1023px) { 
  .bottom-filter-box .filter ul li {font-size: 12px;  padding: 8px 10px;}
  .bottom-filter-box ul li.filter-btn a {padding: 6px 10px;}
  .bottom-filter-box .results-show-box p {font-size: 16px;}
  .request-proposal-section .request-proposal-fliter-box .form-group.down-arrow::after {top: -10px;right: 14px;width: 14px;height: 14px;border-width:  3px; }
  .request-proposal-section .request-proposal-fliter-box .form-group .form-control {font-size: 14px;line-height: 22px;padding: 10px 8px;}
  .request-proposal-section .form-group .search-icon {padding: 8px 20px;}
}




@media screen and (max-width: 767px) {
  .request-proposal-section .request-proposal-fliter-box .top-box {grid-template-columns: auto;gap: 15px;}
  .bottom-filter-box {gap: 10px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .date-box {position: unset;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box a {font-size: 16px;line-height: 22px;}
}

@media screen and (max-width: 639px) {
  .bottom-filter-box ul {flex-wrap: wrap;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box {display: block;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .image-box img {margin-bottom: 15px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .content-box {width: 100%;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .date-box h4 {    font-size: 14px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box .date-box svg {width: 18px;}
  .request-proposal-section .request-proposal-box .request-detail-box .common-box a {margin-bottom: 10px;}
  .bottom-filter-box .results-show-box p {font-size: 14px;}
  .request-proposal-section .request-proposal-fliter-box .form-group .form-control {font-size: 14px;line-height: 18px;padding: 10px 15px;}
  .request-proposal-section .form-group .search-icon {padding: 5px 15px;}
  .request-proposal-section .form-group .search-icon svg {width: 16px;height: 16px;}
  .request-proposal-section .request-proposal-fliter-box .top-box {gap: 5px;}
  .request-proposal-section .request-proposal-fliter-box .top-box .form-group {margin-bottom: 10px;}
  .request-proposal-section .request-proposal-fliter-box {margin-bottom: 20px;}
  .request-proposal-section .request-proposal-box .request-detail-box {gap: 20px;}
}

.pagination {
  justify-content: center;
  margin-top: var(--common-space);
}
.pagination * {
  color: #5a5a5a;
  font-weight: 600;
  font-size: 16px;
}
.pagination ul {
  display: flex;
  margin-right: 15px;
}
.pagination ul .page-item a {
  padding: 0 14px;
  height: 100%;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dee2e6;
  display: block;
  line-height: 40px;
  color: #5a5a5a;
  position: relative;
}
.pagination ul .page-item a:hover {
  background: var(--active-btn);
  border-color: var(--active-btn);
  color: #fff;
}
.pagination ul .page-item svg {
  width: 14px;
  height: auto;
  position: absolute;
  inset: 0;
  margin: auto;
  fill: #5a5a5a;
}
.pagination ul .page-item:hover svg {
  fill: #fff;
}
.pagination .total-page {
  display: flex;
  gap: 15px;
}
.pagination .total-page .form-group {
  margin-bottom: 0;
}
.pagination .total-page .form-group .form-control {
  border-radius: var(--border-radius);
  padding: 4px 11px;
  font-size: 16px;
  width: 65px;
  text-align: center;
}
.pagination .total-page .form-group.page .form-control {
  text-align: left;
  /*width: 130px;*/
  width: 85px;
}
.pagination .total-page .form-group.page:after {
  /*content: "/ page";*/
  position: absolute;
  top: 8px;
  right: 38px;
  pointer-events: none;
}
.pagination .total-page .form-group.page::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border: solid 3px #5a5a5a;
  border-top-color: transparent;
  border-right-color: transparent;
  transform: rotate(-45deg);
  top: -10px;
  bottom: 0;
  margin: auto;
  right: 10px;
  pointer-events: none;
}
.pagination .go-to {
  padding-left: 45px;
}
.pagination .go-to label {
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 1;
}
span.closed-tag {
  background: #f60000 !important;
  color: #ffffff !important;
}
.request-proposal-section .request-proposal-box .request-detail-box .common-box .date-box {position: unset;margin-top: 30px;}
 
.request-proposal-section .request-proposal-box .request-detail-box .common-box .tag-box {height: auto !important;}
.request-proposal-fliter-box {
  display: none;
}