h3 {
      color: #3d4344 !important;
      font-weight: 400 !important;
  } 
  body {
    color: #4c4a44 !important;
    background: #f9f9f9 !important;
} 

  a {
    color: #36373a;
    text-decoration: none;
  }
  span.job-services-link a {
    margin: 3px !important;
    display: inline-block !important;
    align-self: center !important;
    background: #c1c1c100 !important;
    color: #5f5f5f !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    height: 13px !important;
    line-height: 16px !important;
    max-width: 100% !important;
    padding: 6px 8px 20px 8px !important;
    text-transform: capitalize !important;
    border: 1px solid #bbaeae;
  }

.job-short-description {
    font-size: unset !important;
    line-height: normal !important;
    color: black;
    margin: 0px;padding:  5px 0px;
 }


 .job-preferred-location {
    color: #343131;
    font-size: 15px;
    padding: 5px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .job-preferred-location h4 {
    color: #3c443c !important;
  }
 

  h2.job-preferred-title a {
    font-weight: 400 !important;
    color: #4a5960  !important;
    padding: 2px 0px  !important;
  }

   .profile-listing .post-bar {
      box-shadow: 0 2px 20px var(--Ev100,rgba(30,10,58,.04)) !important; 
      cursor: pointer !important;
  }

  

  .profile-short-description {
      font-size: unset !important;
      line-height: normal !important;
      color: black;
      margin: 0px;padding:  5px 0px;
  }

  .profile-listing .profile-short-description {
    font-size: 15px !important;
    line-height: normal !important;
    color: black;
    margin: 0px;
    padding: 11px 0px;
  }
  

  .usy-name span {
    color: #000000b3 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}



.form-check-input:checked[type=checkbox] {
  background-image: none !important;
}


.tab-feed ul li span {
  display: block !important;
  color: #292626 !important;
  font-weight: 600 !important;
  font-size: 25px !important; 
}

.tab-feed ul li.active span {
  color: #04a899 !important;
  background: #d0dede30 !important; 
  padding: 0px 10px !important; 
  cursor: pointer !important; 
  border-bottom: 1px solid #ada9a97d !important; 
}


 /* profile page start  */

  .user-profile-ov , .portfolio-gallery-sec { 
    box-shadow: 1px 0px 4px 0px black  !important; 
  } 

  .user-profile-ov h3 {
    color: #545454 !important;
    font-size: 25px;
    margin: 0px 0px !important;
  }


  .user-profile-ov ul li a {
    display: inline-block;
    color: #545454d9;
    font-size: 15px;
    font-weight: 600;
    background-color: #ffffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding: 0px 5px 2px 3px;
    border: 1px solid #808080ad;
}

.post-bar{
  padding: 14px 10px !important;
}
 

ul.like-com {
  margin: 0px !important;
}
.job-status-bar {
  border-top: 1px solid #e5e5e500 !important;
}

 /* profile page end   */




 /* pagination  */

 .pagination-container .bg-white {
  background: linear-gradient(45deg, #17313b, #0f8995);
  color: white !important;
}

.pagination-container {
  text-align: center;
  background: white;
  padding: 20px 0px;
  box-shadow: 0 0 2px 1px #607D8B;
}
 /* pagination   */


 
 /* offer  Css Start  */


 body .offer-preferred-title a {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 2px 2px !important;
  }


   body .offer-image {
      max-height: 300px !important;
      width: 100% !important; 
      object-fit: contain;
  }
/* offer   Css End  */

/* start dynamic freelancer detail page */

.dynamic-freelancer h1 {
  font-size: 55px;
  color: #15424c;
}

  .cuisine-wrap h2 {
    font-size: 55px;
    color: #ffffff;
}

.dynamic-card {
    align-items: center;
    height: auto;
    box-shadow: 5px 4px 0px 1px #11727d;
    border: 2px solid;
  }

   @media (max-width: 375px)  {
     
     .usy-dt .btn{
    line-height: 18px;
   
    }
  }

  @media (min-width: 375px) and (max-width: 768px) {
     
     .usy-dt .btn{
  
   
    }
  }

@media (max-width: 768px) {
    .dynamic-freelancer h1 {
    font-size: 28px;
    
  }

 .filter-secs input.form-check-input {
    width: 20px;
    height: 20px;
  }

 .filter-secs input.form-check-input:checked::after {
    width: 7px;
    height: 15px;
  }

   .search-box {
    margin-top: 20px;
  }

  .post-bar {
    padding: 18px 16px !important;
  }

  .usy-dt .btn{
    
    font-size: 0.8rem;
  }

  .pagination-container {
        padding: 13px 0px;
  }

  .cuisine-wrap h2 {
        font-size: 28px !important;
  }

  .dynamic-card {
    align-items: center;
    height: auto;
    box-shadow: 5px 4px 0px 1px #11727d;
    border: 2px solid;
  }

  .profile-listing .profile-short-description {
    font-size: 14px !important;
  }

   .user-pro-img img {
        height: 150px !important;
        width: 150px !important;
	}
	
    .user-tab-sec .star-descp  {
	display: flex !important;
    	flex-direction: column !important;
	}
     .star-hide {
	display: none !important;	
	}
      .tab-feed ul li span {
	font-size: 14px !important;
	}

	.user-profile-ov {
	padding: 10px 10px;
}
	.user-overview {
    		line-height: 2.5 !important; 
}

.user-profile-ov h3 {
	    font-size: 15px;
}

.user-profile-ov {
	padding: 10px !important;
	box-shadow:  unset !important;
}

.product-feed-tab.current {
	padding: 0px;

}

.post-bar {
	
	
}

.job_descp > p {
	font-size: 15px;
}

#offers-listing {
	padding: 0px;
}



}

  /* Hide the fixed header initially */
.freelancer-fixed-header .fixed-header {
    display: none; /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 5px;
    transition: all 0.3s ease-in-out;
    padding-left: 40px;
    background: #f7f7f7;
}

/* Sticky content visible */
.freelancer-fixed-header .fixed-header.active {
    display: flex; /* Show the header when scrolling */
    align-items: center;
    justify-content: start !important;
}

.freelancer-fixed-header .sticky-img {
  border-radius: 4px;
}

.freelancer-fixed-header .tab-feed ul li span {
  font-size: 15px !important;
}

.freelancer-fixed-header .star-descp span {
  float: left;
  font-size: 13px !important;
}

@media (max-width: 425px) {
  .freelancer-fixed-header {
    display: none;
  }

  .user-profile-ov ul li a {
      border: none;
  } 

  .tab-feed ul li span {
    font-size: 15px;
  }

  .user-profile-ov {
        padding: 30px 20px;
    border-left: 0px solid #e4e4e4; 
   border-bottom: 0px solid #e4e4e4; 
   border-right: 0px solid #e4e4e4;
  }

  #post-listing {
    padding: 0px;
  }

  .tab-feed st2 ul li {
    font-size: 10px !important;
  }

  .settingjb ul li{
    margin-right: 5px !important;
  }

  .custom-modal-content {
    width: 90vw !important;
  }
}


/* custom-modal Start CSS  */
  
.modal-open {
  overflow: hidden; /* Prevent scrolling when modal is open */
}

.custom-modal {
  display: none; /* Initially hidden */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.custom-modal-content {
  background: white;
  margin: 10% auto;
  padding: 20px;
  border-radius: 8px;
  width: 50vw;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.close-modal {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}

.sign_in_sec form button {
  color: #ffffff;
  font-size: 17px !important;
  background-color: #607D8B !important;
  padding: 12px 27px;
  border: 0;
  font-weight: 700;
  margin-top: 30px;
  cursor: pointer;
  width: 100% !important;
}


.sign_in_sec form input, .sign_in_sec form select {
  width: 100%;
  padding: 0px 0px 0 10px !important;
  color: #b2b2b2;
  font-size: 15px;
  border: 1px solid #607D8B;
  font-weight: 600;
  text-decoration: none !important;
  font-style:normal !important;
}

.offer_descp {
  height: 361px !important; 
  overflow: hidden !important;
}

@media (max-width: 375px) {
  .offer_descp {
    height: 300px !important; 
    overflow: hidden !important;
  }

  ul.like-com {
    justify-content: center;
    display: flex;

  }
  
}

.mobile-menu nav {
    float: left;
    width: 60%;
    text-align: left; 
    padding-right: 13px;
}

/* Custom-modal End CSS  */

.posts-section .post-bar {
      box-shadow: unset; 
    }

 .posts-section  img.user-icon {
      border: 1px solid gray;
 }

  .post-topbar  .textarea-form-control {
        border: 1px solid #d3d3d3;
 }

 .post-topbar .user-picy  {
    border-radius: 20%;
    
    object-fit: cover;
}

 .post-topbar .user-picy img {
    border-radius: 20%;
    border: 1px solid gray;
    height: 10%;
}

.post-topbar {
  border-top: 4px solid #107a86;
}

#post-listing .post-bar  {
  border-top: 4px solid #107a86;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.like-com li {
    transition: all 0.3s ease; 
    border-radius: 10px; 
}

.like-com li:hover {
    background-color: #f3f3f3; 
    border-radius: 10px; 
}

.like-com li:hover a,
.like-com li:hover i {
    color: #107a86; 
}

.like-com li a {
    display: inline-block; 
    padding: 10px 10px; 
    color: inherit; 
    text-decoration: none; 
}

.post_topbar {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

.job-status-bar  {
  margin-top: 10px;
  background: #f9f9f9;
}

.job_descp h3 {
  font-size: 22px;
}

.right-sidebar .suggestion-usd {
  border-top: 1px solid #e1e1e1;
}

.right-sidebar  .widget-jobs .sd-title {
  border-bottom: 0px solid white;
}

.right-sidebar .suggestions-list {
  padding: 0px;
}

.bgwhite {
  background: #fff;
}

#message.main {
  padding: 0;
  margin: 0;
}

.hire-me-profile {
    position: fixed;
    top: 10%;
    z-index: 9999;
}

.hire-me-profile .modal-body {
	padding: 20px;
}

.hire-me-profile .modal-header {
	display: flex !important;
	
}

.hire-me-profile .btn:hover {
background: linear-gradient(45deg, #17313b, #0f8995)  !important;
}

.post-detail .btn:hover {
background: linear-gradient(45deg, #17313b, #0f8995)  !important;
}


.rounded-top-corners {
    border-radius: 10px 10px 0 0;
  }

.tl {
    text-align: left;
  }

.tr {
    text-align: right;
  }

.discussion .card {
height: 370px !important;
}

.aa0 {
  max-width: 100%;
  padding: 0 24px;
  margin: 28px auto 32px
}

.aa0 .ah2 {
  flex-direction: column;
  display: flex;
  width: 100%;
  gap: 16px;
  justify-content: center;
  margin: 0 auto
}

.aa0 .ah2 .ah1 {
  line-height: 1;
  font-family: opensans, helvetica, arial, sans-serif;
  width: 100%;
  color: #111;
  cursor: auto;
  font-size: 24px;
  letter-spacing: -.5px;
  padding: 4px 0 4px 0;
  font-weight: 700
}

.aa0 .ah2 .ah1:last-of-type {
  font-size: medium;
  text-align: center
}

.aa0 .ah2 .ah0 {
  min-width: 250px;
  border: 1px solid #ccc;
  border-radius: 10.5px;
  padding: 16px 0 12px 0
}

.af9 {
  display: flex;
  flex-direction: column;
  min-height: 16px;
  gap: 2px;
  margin: 0;
  padding: 0 16px;
  color: #333;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif
}

.ag5 {
  display: block;
  gap: 6px;
  position: relative;
  margin: 2px 0px;
}

/*.af9 > .af7 > :not(.ag6,.ag8,.ag9):nth-child(n+2){
  margin-left: 44px
}

.af7 > :not(.ag6,.ag8,.ag9):nth-child(n+2){
  margin-left: 36px;
  padding-left: 4px
}*/


.af7 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative
}

.af7 .ag5 img{
  cursor: pointer;
  border-radius: 50%;
  margin-top: 4px;
  position: relative;
  box-shadow: 0 0 0 3px #fff;
  z-index: 10
}

.af9 > .af7 :nth-child(1) img{
  height: 36px;
  width: 36px
}

.af9 > .af7 :nth-child(n+2) img{
  height: 28px;
  width: 28px
}


.ac2 {
  display: flex;
  flex-direction: column;
  z-index: 6;
 
}
 
.ac2 .ac5 {
  width: 100%;
  padding: 5px 10px;
  background: #f0f2f5;
  border-radius: 4px;
  text-align: start; 
}


.ac2 .ac4 {
  line-height: 16px;
  font-size: 13px;
  margin: 0;
  font-weight: 600;
  cursor: pointer;
  color: #080809
}   

.ac2 .ac1 {
  display: flex;
  column-gap: 16px;
  flex-wrap: wrap;
  padding: 4px 0 0 12px
}

.ac2 .ac1 u {
  font-size: 12px;
  text-decoration: none;
  color: #65676b
}

.ac2 .ac1 u:hover {
  text-decoration: underline;
  cursor: pointer
}            

.ac2 .ac1 :nth-child(2){
  font-weight: 700
}  

.ac2 .ac1 .ac0 {
  position: relative;
  top: -5px
}

.ac2 .ac1 .ac0>span {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 50%;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 2px #fff;
  top: 4px
}

.ac2 .ac1 .ac0 :nth-child(n+2) {
  z-index: 1001
}

.ac2 .ac1 .ac0 :nth-child(n+3) {
  z-index: 1000;
  left: -6px
}

.ac2 .ac1 .ac0 :nth-child(n+4) {
  z-index: 999;
  left: -12px
}

.ac2 .ac3 {
  margin: 0;
  line-height: 21.3328px;
  font-size: 15px
}

.ag6{
  position: absolute;
  background-color: #e2e5e9;
  display: flex;
  width: 2px;
  top: 6px;
  left: 16px;
  z-index: 3
}
.ag7{
  position: relative;
  z-index: 6;
  color: #65686c;
  font-size: 15px;
  line-height: 20px;
  display: block;
  font-weight: 600;
  background-color: #fff;
  box-shadow: -4px 0 0 0 #fff;
  margin-bottom: 6px;
  text-decoration: none;
  cursor: pointer
}
.ag9{
  position: absolute;
  height: 32px;
  width: 48px;
  border: 2px solid #e2e5e9;
  border-radius: 10.5px;
  left:-28px;
  top:-16px;
  z-index:1
}
.af7 .af7 .af7 .ag9,
.af7 .af7 .ag5 .ag9{
  left: -24px
}
.ag5 > .ag7 ~ .ag9 {
  top: -24px
}            
.ag8{
  position: absolute;
  height: 48px;
  width: 64px;
  background-color: #fff;
  border-radius: 10.5px;
  left: -26px;
  top: -31px;
  z-index: 2
}
.af7 .af7 .af7 .ag8,
.af7 .af7 .ag5 .ag8{
  left: -22px
}
.ag5 > .ag7 ~ .ag8 {
  top: -39px
}
.ac2 .ac1 .ac0 .ab3 {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16.0001 7.9996c0 4.418-3.5815 7.9996-7.9995 7.9996S.001 12.4176.001 7.9996 3.5825 0 8.0006 0C12.4186 0 16 3.5815 16 7.9996Z' fill='url(%23paint0_linear_15251_63610)'/%3E%3Cpath d='M16.0001 7.9996c0 4.418-3.5815 7.9996-7.9995 7.9996S.001 12.4176.001 7.9996 3.5825 0 8.0006 0C12.4186 0 16 3.5815 16 7.9996Z' fill='url(%23paint1_radial_15251_63610)'/%3E%3Cpath d='M16.0001 7.9996c0 4.418-3.5815 7.9996-7.9995 7.9996S.001 12.4176.001 7.9996 3.5825 0 8.0006 0C12.4186 0 16 3.5815 16 7.9996Z' fill='url(%23paint2_radial_15251_63610)' fill-opacity='.5'/%3E%3Cpath d='M7.3014 3.8662a.6974.6974 0 0 1 .6974-.6977c.6742 0 1.2207.5465 1.2207 1.2206v1.7464a.101.101 0 0 0 .101.101h1.7953c.992 0 1.7232.9273 1.4917 1.892l-.4572 1.9047a2.301 2.301 0 0 1-2.2374 1.764H6.9185a.5752.5752 0 0 1-.5752-.5752V7.7384c0-.4168.097-.8278.2834-1.2005l.2856-.5712a3.6878 3.6878 0 0 0 .3893-1.6509l-.0002-.4496ZM4.367 7a.767.767 0 0 0-.7669.767v3.2598a.767.767 0 0 0 .767.767h.767a.3835.3835 0 0 0 .3835-.3835V7.3835A.3835.3835 0 0 0 5.134 7h-.767Z' fill='%23fff'/%3E%3Cdefs%3E%3CradialGradient id='paint1_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(90 .0005 8) scale(7.99958)'%3E%3Cstop offset='.5618' stop-color='%230866FF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%230866FF' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(45 -4.5257 10.9237) scale(10.1818)'%3E%3Cstop offset='.3143' stop-color='%2302ADFC'/%3E%3Cstop offset='1' stop-color='%2302ADFC' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint0_linear_15251_63610' x1='2.3989' y1='2.3999' x2='13.5983' y2='13.5993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2302ADFC'/%3E%3Cstop offset='.5' stop-color='%230866FF'/%3E%3Cstop offset='1' stop-color='%232B7EFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.ac2 .ac1 .ac0 .ab2 {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23clip0_15251_63610)'%3E%3Cpath d='M15.9963 8c0 4.4179-3.5811 7.9993-7.9986 7.9993-4.4176 0-7.9987-3.5814-7.9987-7.9992 0-4.4179 3.5811-7.9992 7.9987-7.9992 4.4175 0 7.9986 3.5813 7.9986 7.9992Z' fill='url(%23paint0_linear_15251_63610)'/%3E%3Cpath d='M15.9973 7.9992c0 4.4178-3.5811 7.9992-7.9987 7.9992C3.5811 15.9984 0 12.417 0 7.9992S3.5811 0 7.9986 0c4.4176 0 7.9987 3.5814 7.9987 7.9992Z' fill='url(%23paint1_radial_15251_63610)'/%3E%3Cpath d='M7.9996 5.9081c-.3528-.8845-1.1936-1.507-2.1748-1.507-1.4323 0-2.4254 1.328-2.4254 2.6797 0 2.2718 2.3938 4.0094 4.0816 5.1589.3168.2157.7205.2157 1.0373 0 1.6878-1.1495 4.0815-2.8871 4.0815-5.159 0-1.3517-.993-2.6796-2.4254-2.6796-.9811 0-1.822.6225-2.1748 1.507Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint1_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 7.9992 -7.99863 0 7.9986 7.9992)'%3E%3Cstop offset='.5637' stop-color='%23E11731' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E11731' stop-opacity='.1'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint0_linear_15251_63610' x1='2.3986' y1='2.4007' x2='13.5975' y2='13.5993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF74AE'/%3E%3Cstop offset='.5001' stop-color='%23FA2E3E'/%3E%3Cstop offset='1' stop-color='%23FF5758'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_15251_63610'%3E%3Cpath fill='%23fff' d='M-.001.0009h15.9992v15.9984H-.001z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.ac2 .ac1 .ac0 .ab1 {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23clip0_15251_63610)'%3E%3Cpath d='M15.9953 7.9996c0 4.418-3.5816 7.9996-7.9996 7.9996S-.004 12.4176-.004 7.9996 3.5776 0 7.9957 0c4.418 0 7.9996 3.5815 7.9996 7.9996Z' fill='url(%23paint0_linear_15251_63610)'/%3E%3Cpath d='M15.9973 7.9992c0 4.4178-3.5811 7.9992-7.9987 7.9992C3.5811 15.9984 0 12.417 0 7.9992S3.5811 0 7.9986 0c4.4176 0 7.9987 3.5814 7.9987 7.9992Z' fill='url(%23paint1_radial_15251_63610)'/%3E%3Cpath d='M15.9953 7.9996c0 4.418-3.5816 7.9996-7.9996 7.9996S-.004 12.4176-.004 7.9996 3.5776 0 7.9957 0c4.418 0 7.9996 3.5815 7.9996 7.9996Z' fill='url(%23paint2_radial_15251_63610)' fill-opacity='.8'/%3E%3Cpath d='M12.5278 8.1957c.4057.1104.6772.4854.623.9024-.3379 2.6001-2.5167 4.9012-5.1542 4.9012s-4.8163-2.3011-5.1542-4.9012c-.0542-.417.2173-.792.623-.9024.8708-.237 2.5215-.596 4.5312-.596 2.0098 0 3.6605.359 4.5312.596Z' fill='%234B280E'/%3E%3Cpath d='M11.5809 12.3764c-.9328.9843-2.1948 1.6228-3.5841 1.6228-1.3892 0-2.6512-.6383-3.5839-1.6225a1.5425 1.5425 0 0 0-.016-.0174c.4475-1.0137 2.2-1.3599 3.5999-1.3599 1.4 0 3.1514.3468 3.5998 1.3599l-.0157.0171Z' fill='url(%23paint3_linear_15251_63610)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3049 5.8793c.1614-1.1485-.6387-2.2103-1.7872-2.3717l-.0979-.0138c-1.1484-.1614-2.2103.6388-2.3717 1.7872l-.0163.1164a.5.5 0 0 0 .9902.1392l.0163-.1164c.0846-.6016.6408-1.0207 1.2424-.9362l.0978.0138c.6016.0845 1.0207.6407.9362 1.2423l-.0164.1164a.5.5 0 0 0 .9903.1392l.0163-.1164ZM2.6902 5.8793c-.1614-1.1485.6387-2.2103 1.7872-2.3717l.0979-.0138c1.1484-.1614 2.2103.6388 2.3717 1.7872l.0164.1164a.5.5 0 1 1-.9903.1392l-.0163-.1164c-.0846-.6016-.6408-1.0207-1.2423-.9362l-.098.0138c-.6015.0845-1.0206.6407-.936 1.2423l.0163.1164a.5.5 0 0 1-.9902.1392l-.0164-.1164Z' fill='%231C1C1D'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint1_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 7.9992 -7.99863 0 7.9986 7.9992)'%3E%3Cstop offset='.5637' stop-color='%23FF5758' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FF5758' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(45 -4.5272 10.9202) scale(10.1818)'%3E%3Cstop stop-color='%23FFF287'/%3E%3Cstop offset='1' stop-color='%23FFF287' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint0_linear_15251_63610' x1='2.396' y1='2.3999' x2='13.5954' y2='13.5993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFF287'/%3E%3Cstop offset='1' stop-color='%23F68628'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_15251_63610' x1='5.1979' y1='10.7996' x2='5.245' y2='14.2452' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF60A4'/%3E%3Cstop offset='.2417' stop-color='%23FA2E3E'/%3E%3Cstop offset='1' stop-color='%23BC0A26'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_15251_63610'%3E%3Cpath fill='%23fff' d='M-.002 0h16v15.9992h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.ac2 .ac1 .ac0 .ab0 {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23clip0_15251_63610)'%3E%3Cpath d='M15.9972 7.9996c0 4.418-3.5815 7.9996-7.9996 7.9996-4.418 0-7.9996-3.5816-7.9996-7.9996S3.5796 0 7.9976 0c4.4181 0 7.9996 3.5815 7.9996 7.9996Z' fill='url(%23paint0_linear_15251_63610)'/%3E%3Cpath d='M15.9973 7.9992c0 4.4178-3.5811 7.9992-7.9987 7.9992C3.5811 15.9984 0 12.417 0 7.9992S3.5811 0 7.9986 0c4.4176 0 7.9987 3.5814 7.9987 7.9992Z' fill='url(%23paint1_radial_15251_63610)'/%3E%3Cpath d='M15.9972 7.9996c0 4.418-3.5815 7.9996-7.9996 7.9996-4.418 0-7.9996-3.5816-7.9996-7.9996S3.5796 0 7.9976 0c4.4181 0 7.9996 3.5815 7.9996 7.9996Z' fill='url(%23paint2_radial_15251_63610)' fill-opacity='.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.6144 10.8866c.159-1.8461 1.127-2.887 2.382-2.887 1.2551 0 2.2231 1.0418 2.3822 2.887.1591 1.8461-.7342 3.1127-2.3821 3.1127-1.648 0-2.5412-1.2666-2.3821-3.1127Z' fill='%234B280E'/%3E%3Cellipse cx='11.1978' cy='5.6997' rx='1.3999' ry='1.6999' fill='%231C1C1D'/%3E%3Cellipse cx='4.7979' cy='5.6997' rx='1.3999' ry='1.6999' fill='%231C1C1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3528 3.166a1.4744 1.4744 0 0 0-1.8591-.3279.4.4 0 1 1-.3976-.6941c.9527-.5457 2.1592-.333 2.8678.5056a.4.4 0 0 1-.6111.5163ZM5.4998 2.8381a1.4744 1.4744 0 0 0-1.859.3278.4.4 0 0 1-.6111-.5162c.7085-.8387 1.915-1.0514 2.8677-.5057a.4.4 0 0 1-.3976.6941Z' fill='%23E0761A'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint1_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 7.9992 -7.99863 0 7.9986 7.9992)'%3E%3Cstop offset='.5637' stop-color='%23FF5758' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FF5758' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(45 -4.5262 10.9226) scale(10.1818)'%3E%3Cstop stop-color='%23FFF287'/%3E%3Cstop offset='1' stop-color='%23FFF287' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint0_linear_15251_63610' x1='2.3979' y1='2.3999' x2='13.5973' y2='13.5993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFF287'/%3E%3Cstop offset='1' stop-color='%23F68628'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_15251_63610'%3E%3Cpath fill='%23fff' d='M-.002 0h15.9992v15.9992H-.002z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

@media (max-width: 450px) {
  .af9,.af7 {
    gap: 6px
  }
  .ac2 .ac1 {
    row-gap: 2px
  }
  .ac2 .ac1 u {
    font-size: 14px
  }
  .ac2 .ac1 .ac0 {
    position: relative;
    top: -2px
  }
  .ac2 .ac1 .ac0>span {
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1.5px #fff;
    top: 3px
  }
}

.aa0 {
  max-height: 250px;   overflow-y: auto;      padding: 10px;
}


.usr-pic img {
  height: 110px !important;
  width: 110px !important;
  background: white;
}



.user-picy  img {
  height: 60px !important;
  width: 60px !important;
  object-fit: cover !important;  
}


span.time {
  font-weight: normal;
  color: #65676b;
  font-size: 12px;
  text-decoration: none;
}

p.ac4 {
  display: flex;
  justify-content: space-between;
}






  .user-overview {
        font-size: 18px;
        line-height: 1.6rem;
    }

    .portfolio-card {
            cursor: pointer;
            transition: transform 0.2s ease;
        }
        .portfolio-card:hover {
            transform: scale(1.03);
        }
        .portfolio-thumb img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            border-radius: 8px;
        }
       
/* Modal Enhancements */
.portfolio-modal-content {
    border-radius: 12px;
    background-color: #fefefe;
}

#portfolioModalTitle {
    font-size: 22px;
    color: #0d6efd;
}

#portfolioModalImage {
    max-height: 450px;
    object-fit: contain;
    border: 1px solid #e1e1e1;
}

#portfolioModalDesc {
    line-height: 1.6;
    font-size: 15px;
}

    .offer-section {
        transition: all 0.3s ease-in-out;
        background-color: #fff;
    }

    .offer-section:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    }

    .offer-section .profile-image {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 50%;
        border: 2px solid #eaeaea;
    }

    .offer-section .verified-badge {
        vertical-align: top;
        margin-left: 5px;
        height: 16px;
    }


    body  .offer-section h5 a {
      font-size: 17px !important;
      font-weight: 600 !important;
      color: #4d4a4a !important;
    }

    body .offer-section  h6 a {
        font-size: 17px !important;
        font-weight: 500 !important;
        color: #4d4a4a !important;
    }
 
  body .offer-section ul li {
      padding: 9px 0px !important;
      border-bottom: 1px  dotted !important;
      line-height: 1.3px !important;
      width: -webkit-fill-available  !important;
  }

    .offer-section a {
        text-decoration: none;
    }

    .offer-section .text-muted i {
        color: #888;
    }
  
    .offer-section .btn-outline-primary {
        border-radius: 20px;
        font-size: 14px;
    }

    .offer-section .card-body {
        padding: 1.2rem;
    }
 
    body .view-offer-btn {
          border: 0px solid;
          background: linear-gradient(45deg, #084a64, #0b6871);
          text-align: center;
          padding: 10px 0px !important;
          border-radius: 5px;
          color: white !important;
     }


  .freelancer-profile .post-img {
      height: 200px;
      width: 200px;
      object-fit: contain;
      border: 1px solid #c7c4c4;
      padding: 10px;
  }