/* Svg Icon */
  .si-varified {
      --svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20class%3D%22icon%20icon-tabler%20icons-tabler-filled%20icon-tabler-rosette-discount-check%22%3E%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M12.01%202.011a3.2%203.2%200%200%201%202.113%20.797l.154%20.145l.698%20.698a1.2%201.2%200%200%200%20.71%20.341l.135%20.008h1a3.2%203.2%200%200%201%203.195%203.018l.005%20.182v1c0%20.27%20.092%20.533%20.258%20.743l.09%20.1l.697%20.698a3.2%203.2%200%200%201%20.147%204.382l-.145%20.154l-.698%20.698a1.2%201.2%200%200%200%20-.341%20.71l-.008%20.135v1a3.2%203.2%200%200%201%20-3.018%203.195l-.182%20.005h-1a1.2%201.2%200%200%200%20-.743%20.258l-.1%20.09l-.698%20.697a3.2%203.2%200%200%201%20-4.382%20.147l-.154%20-.145l-.698%20-.698a1.2%201.2%200%200%200%20-.71%20-.341l-.135%20-.008h-1a3.2%203.2%200%200%201%20-3.195%20-3.018l-.005%20-.182v-1a1.2%201.2%200%200%200%20-.258%20-.743l-.09%20-.1l-.697%20-.698a3.2%203.2%200%200%201%20-.147%20-4.382l.145%20-.154l.698%20-.698a1.2%201.2%200%200%200%20.341%20-.71l.008%20-.135v-1l.005%20-.182a3.2%203.2%200%200%201%203.013%20-3.013l.182%20-.005h1a1.2%201.2%200%200%200%20.743%20-.258l.1%20-.09l.698%20-.697a3.2%203.2%200%200%201%202.269%20-.944zm3.697%207.282a1%201%200%200%200%20-1.414%200l-3.293%203.292l-1.293%20-1.292l-.094%20-.083a1%201%200%200%200%20-1.32%201.497l2%202l.094%20.083a1%201%200%200%200%201.32%20-.083l4%20-4l.083%20-.094a1%201%200%200%200%20-.083%20-1.32z%22/%3E%3C/svg%3E");
  }

  .si-tiktok {
      --svg: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2018%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M15.75%206.44947V9.47497C14.3895%209.34%2013.0923%208.83383%2012%208.01172V11.3867C11.9998%2012.3026%2011.7416%2013.1998%2011.255%2013.9757C10.7684%2014.7516%2010.0731%2015.3747%209.24875%2015.7737C8.42437%2016.1727%207.50428%2016.3314%206.59389%2016.2316C5.68349%2016.1318%204.81962%2015.7776%204.10123%2015.2096C3.38284%2014.6415%202.839%2013.8826%202.53202%2013.0197C2.22504%2012.1568%202.16732%2011.2249%202.36549%2010.3308C2.56366%209.43664%203.0097%208.6164%203.6525%207.96403C4.2953%207.31167%205.10887%206.85357%206%206.64222V9.88672C5.74432%2010.0785%205.54189%2010.3324%205.41195%2010.6244C5.28202%2010.9164%205.22887%2011.2368%205.25758%2011.5551C5.28628%2011.8734%205.39587%2012.1791%205.57595%2012.4432C5.75603%2012.7072%206.00061%2012.9208%206.28647%2013.0638C6.57234%2013.2067%206.89%2013.2742%207.20928%2013.2598C7.52856%2013.2455%207.83887%2013.1497%208.11075%2012.9817C8.38262%2012.8137%208.60703%2012.5789%208.76267%2012.2998C8.9183%2012.0206%209%2011.7063%209%2011.3867V2.76172H12.0623C12.2184%203.68302%2012.6573%204.53294%2013.318%205.19369C13.9788%205.85444%2014.8287%206.29331%2015.75%206.44947Z%22%20stroke%3D%22%232A2B2C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
  }

  .si-youtube {
      --svg: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.66797%207.17904C1.66797%206.29498%202.01916%205.44713%202.64428%204.82201C3.2694%204.19689%204.11725%203.8457%205.0013%203.8457H15.0013C15.8854%203.8457%2016.7332%204.19689%2017.3583%204.82201C17.9834%205.44713%2018.3346%206.29498%2018.3346%207.17904V13.8457C18.3346%2014.7298%2017.9834%2015.5776%2017.3583%2016.2027C16.7332%2016.8278%2015.8854%2017.179%2015.0013%2017.179H5.0013C4.11725%2017.179%203.2694%2016.8278%202.64428%2016.2027C2.01916%2015.5776%201.66797%2014.7298%201.66797%2013.8457V7.17904Z%22%20stroke%3D%22%232A2B2C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.33203%208.01172L12.4987%2010.5117L8.33203%2013.0117V8.01172Z%22%20stroke%3D%22%232A2B2C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
  }

  .si-instagram {
      --svg: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2022%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3.66797%207.8444C3.66797%206.87194%204.05428%205.93931%204.74191%205.25168C5.42954%204.56404%206.36217%204.17773%207.33464%204.17773H14.668C15.6404%204.17773%2016.5731%204.56404%2017.2607%205.25168C17.9483%205.93931%2018.3346%206.87194%2018.3346%207.8444V15.1777C18.3346%2016.1502%2017.9483%2017.0828%2017.2607%2017.7705C16.5731%2018.4581%2015.6404%2018.8444%2014.668%2018.8444H7.33464C6.36217%2018.8444%205.42954%2018.4581%204.74191%2017.7705C4.05428%2017.0828%203.66797%2016.1502%203.66797%2015.1777V7.8444Z%22%20stroke%3D%22%232A2B2C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.25%2011.5117C8.25%2012.2411%208.53973%2012.9405%209.05546%2013.4563C9.57118%2013.972%2010.2707%2014.2617%2011%2014.2617C11.7293%2014.2617%2012.4288%2013.972%2012.9445%2013.4563C13.4603%2012.9405%2013.75%2012.2411%2013.75%2011.5117C13.75%2010.7824%2013.4603%2010.0829%2012.9445%209.56717C12.4288%209.05145%2011.7293%208.76172%2011%208.76172C10.2707%208.76172%209.57118%209.05145%209.05546%209.56717C8.53973%2010.0829%208.25%2010.7824%208.25%2011.5117Z%22%20stroke%3D%22%232A2B2C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M15.125%207.38672V7.39672%22%20stroke%3D%22%232A2B2C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
  }

  .si-heart {
      --svg: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8.41667%2014.2422C8.41667%2014.2422%200.5%209.21273%200.5%204.34635C0.5%201.94162%202.16666%20-0.0078125%204.45833%20-0.0078125C5.64583%20-0.0078125%206.83333%200.411312%208.41667%202.08778C10%200.411312%2011.1875%20-0.0078125%2012.375%20-0.0078125C14.6667%20-0.0078125%2016.3333%201.94162%2016.3333%204.34635C16.3333%209.21273%208.41667%2014.2422%208.41667%2014.2422Z%22%20fill%3D%22currentColor%22/%3E%3C/svg%3E');
  }

  .si-location {
      --svg: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.07847%2014.3606C8.7894%2014.6312%208.40293%2014.7826%208.00073%2014.7826C7.59853%2014.7826%207.21213%2014.6312%206.923%2014.3606C4.27535%2011.8666%200.727174%209.08049%202.45751%205.03566C3.39309%202.84866%205.63889%201.44922%208.00073%201.44922C10.3626%201.44922%2012.6084%202.84866%2013.544%205.03566C15.2721%209.07542%2011.7327%2011.8752%209.07847%2014.3606Z%22%20stroke%3D%22%23FF5B6B%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M10.3346%207.45052C10.3346%208.73919%209.28997%209.78385%208.0013%209.78385C6.71264%209.78385%205.66797%208.73919%205.66797%207.45052C5.66797%206.16185%206.71264%205.11719%208.0013%205.11719C9.28997%205.11719%2010.3346%206.16185%2010.3346%207.45052Z%22%20stroke%3D%22%23FF5B6B%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E');
  }

  .si-cart {
      --svg: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.78856%208.86406L2.00162%207.65574C2.25343%206.22757%202.37934%205.51352%202.87794%205.09075C3.37654%204.66797%204.09277%204.66797%205.52522%204.66797H8.48001C9.91245%204.66797%2010.6287%204.66797%2011.1273%205.09075C11.6259%205.51352%2011.7518%206.22757%2012.0036%207.65574L12.2167%208.86406C12.5651%2010.8403%2012.7393%2011.8284%2012.2028%2012.4773C11.6664%2013.1263%2010.6752%2013.1263%208.69305%2013.1263H5.31216C3.32997%2013.1263%202.33888%2013.1263%201.80238%2012.4773C1.26588%2011.8284%201.44011%2010.8403%201.78856%208.86406Z%22%20stroke%3D%22%23FF5B6B%22%20stroke-width%3D%220.875%22/%3E%3Cpath%20d%3D%22M4.375%204.66797L4.47289%203.49324C4.58242%202.17892%205.68112%201.16797%207%201.16797C8.31886%201.16797%209.41757%202.17892%209.52712%203.49324L9.625%204.66797%22%20stroke%3D%22%23FF5B6B%22%20stroke-width%3D%220.875%22/%3E%3Cpath%20d%3D%22M8.75%206.41797C8.67417%207.24228%207.91332%207.8763%207%207.8763C6.08667%207.8763%205.32584%207.24228%205.25%206.41797%22%20stroke%3D%22%23FF5B6B%22%20stroke-width%3D%220.875%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
  }

  .si-eye {
      --svg: url("data:image/svg+xml,%3Csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12.5647%206.44422C12.7421%206.69289%2012.8307%206.81726%2012.8307%207.0013C12.8307%207.18534%2012.7421%207.30971%2012.5647%207.55839C11.7678%208.67582%209.73276%2011.0846%206.9974%2011.0846C4.26202%2011.0846%202.22695%208.67582%201.43009%207.55839C1.25273%207.30971%201.16406%207.18534%201.16406%207.0013C1.16406%206.81726%201.25273%206.69289%201.43009%206.44422C2.22695%205.32681%204.26202%202.91797%206.9974%202.91797C9.73276%202.91797%2011.7678%205.32681%2012.5647%206.44422Z'%20stroke='%23FF5B6B'%20stroke-width='0.875'/%3E%3Cpath%20d='M8.75%207C8.75%206.03347%207.96652%205.25%207%205.25C6.03347%205.25%205.25%206.03347%205.25%207C5.25%207.96652%206.03347%208.75%207%208.75C7.96652%208.75%208.75%207.96652%208.75%207Z'%20stroke='%23FF5B6B'%20stroke-width='0.875'/%3E%3C/svg%3E")
  }

  .si-clock {
      --svg: url("data:image/svg+xml,%3Csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.0026%2015.1654C11.6845%2015.1654%2014.6693%2012.1806%2014.6693%208.4987C14.6693%204.8168%2011.6845%201.83203%208.0026%201.83203C4.32071%201.83203%201.33594%204.8168%201.33594%208.4987C1.33594%2012.1806%204.32071%2015.1654%208.0026%2015.1654Z'%20stroke='%23FF5B6B'%20stroke-width='1.2'/%3E%3Cpath%20d='M8%205.83203V8.4987L9.33333%209.83203'%20stroke='%23FF5B6B'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .si-calender {
      --svg: url("data:image/svg+xml,%3Csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.6693%201.83203V4.4987M5.33594%201.83203V4.4987'%20stroke='%23FF5B6B'%20stroke-width='0.875'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.66667%203.16797H7.33333C4.81917%203.16797%203.5621%203.16797%202.78105%203.94902C2%204.73007%202%205.98714%202%208.5013V9.83464C2%2012.3488%202%2013.6059%202.78105%2014.3869C3.5621%2015.168%204.81917%2015.168%207.33333%2015.168H8.66667C11.1808%2015.168%2012.4379%2015.168%2013.2189%2014.3869C14%2013.6059%2014%2012.3488%2014%209.83464V8.5013C14%205.98714%2014%204.73007%2013.2189%203.94902C12.4379%203.16797%2011.1808%203.16797%208.66667%203.16797Z'%20stroke='%23FF5B6B'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2%207.16797H14'%20stroke='%23FF5B6B'%20stroke-width='0.875'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7.9996%209.83203H8.0056M7.9996%2012.4987H8.0056M10.6633%209.83203H10.6693M5.33594%209.83203H5.34192M5.33594%2012.4987H5.34192'%20stroke='%23FF5B6B'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .si-varified-outline {
      --svg: url("data:image/svg+xml,%3Csvg%20width%3D'16'%20height%3D'17'%20viewBox%3D'0%200%2016%2017'%20fill%3D'none'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M7.6736%201.89421C7.88173%201.8113%208.11306%201.8113%208.3212%201.89421C8.99213%202.1614%209.1232%203.19032%209.91486%203.2476C10.4723%203.28794%2011.0194%202.82321%2011.5788%202.96252C11.8044%203.01872%2011.9993%203.16256%2012.1214%203.36308C12.4955%203.97752%2012.0127%204.88064%2012.6229%205.39048C13.0469%205.74454%2013.7475%205.69872%2014.1161%206.13276C14.2713%206.31559%2014.3475%206.55405%2014.3276%206.7945C14.2686%207.50976%2013.3567%207.9571%2013.5571%208.72796C13.6957%209.26156%2014.2809%209.6367%2014.3276%2010.2029C14.3475%2010.4434%2014.2713%2010.6818%2014.1161%2010.8646C13.6529%2011.41%2012.6513%2011.2304%2012.3625%2011.9695C12.1597%2012.4883%2012.4201%2013.1438%2012.1214%2013.6343C11.9993%2013.8348%2011.8044%2013.9787%2011.5788%2014.0349C10.8842%2014.2078%2010.1792%2013.4617%209.5108%2013.8826C9.0336%2014.183%208.8626%2014.8877%208.3212%2015.1032C8.11306%2015.1861%207.88173%2015.1861%207.6736%2015.1032C7.1322%2014.8877%206.9612%2014.183%206.48399%2013.8826C5.82387%2013.467%205.09882%2014.2049%204.416%2014.0349C4.19038%2013.9787%203.99553%2013.8348%203.87343%2013.6343C3.4993%2013.0199%203.98209%2012.1167%203.37186%2011.6069C2.94794%2011.2528%202.24736%2011.2987%201.87876%2010.8646C1.72354%2010.6818%201.64729%2010.4434%201.66716%2010.2029C1.71396%209.6367%202.299%209.26156%202.43773%208.72796C2.63612%207.96516%201.72542%207.4993%201.66716%206.7945C1.64729%206.55405%201.72354%206.31559%201.87876%206.13276C2.3419%205.58726%203.34339%205.76705%203.63232%205.02792C3.83514%204.5091%203.57478%203.85354%203.87343%203.36308C3.99553%203.16256%204.19038%203.01872%204.416%202.96252C4.97543%202.82321%205.52244%203.28794%206.07992%203.2476C6.8716%203.19034%207.00266%202.1614%207.6736%201.89421Z'%20stroke%3D'%23FF5B6B'%20stroke-width%3D'1.2'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M6%209.39017C6%209.39017%206.58333%209.39017%207.16667%2010.5013C7.16667%2010.5013%209.0196%207.7235%2010.6667%207.16797'%20stroke%3D'%23FF5B6B'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  }

  .si-note {
      --svg: url("data:image/svg+xml,%3Csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11.3307%201.83203V3.16536M7.9974%201.83203V3.16536M4.66406%201.83203V3.16536'%20stroke='%23FF5B6B'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.33594%207.16667C2.33594%204.96678%202.33594%203.86683%203.01936%203.18342C3.70277%202.5%204.80272%202.5%207.0026%202.5H9.0026C11.2025%202.5%2012.3024%202.5%2012.9859%203.18342C13.6693%203.86683%2013.6693%204.96678%2013.6693%207.16667V10.5C13.6693%2012.6999%2013.6693%2013.7998%2012.9859%2014.4833C12.3024%2015.1667%2011.2025%2015.1667%209.0026%2015.1667H7.0026C4.80272%2015.1667%203.70277%2015.1667%203.01936%2014.4833C2.33594%2013.7998%202.33594%2012.6999%202.33594%2010.5V7.16667Z'%20stroke='%23FF5B6B'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%2011.168H11.3333'%20stroke='%23FF5B6B'%20stroke-width='1.2'%20stroke-linecap='round'/%3E%3Cpath%20d='M9%206.5H11.3333'%20stroke='%23FF5B6B'%20stroke-width='1.2'%20stroke-linecap='round'/%3E%3Cpath%20d='M4.66406%207.16536C4.66406%207.16536%204.9974%207.16536%205.33073%207.83203C5.33073%207.83203%206.38956%206.16536%207.33073%205.83203'%20stroke='%23FF5B6B'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M4.66406%2011.8333C4.66406%2011.8333%204.9974%2011.8333%205.33073%2012.5C5.33073%2012.5%206.38956%2010.8333%207.33073%2010.5'%20stroke='%23FF5B6B'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .si-edit {
      --svg: url("data:image/svg+xml,%3Csvg%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2016%2016'%20fill%3D'none'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M10.9525%203.07006L11.6125%202.41007C12.1593%201.86331%2013.0458%201.86331%2013.5925%202.41007C14.1393%202.95683%2014.1393%203.84329%2013.5925%204.39005L12.9325%205.05004M10.9525%203.07006L6.51299%207.5096C6.17465%207.848%205.93463%208.27187%205.81858%208.73607L5.33594%2010.6667L7.26654%2010.184C7.73074%2010.068%208.1546%209.82793%208.493%209.4896L12.9325%205.05004M10.9525%203.07006L12.9325%205.05004'%20stroke%3D'%236176F6'%20stroke-width%3D'1.2'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M12.6666%208.9987C12.6666%2011.1904%2012.6666%2012.2862%2012.0613%2013.0238C11.9505%2013.1588%2011.8267%2013.2826%2011.6917%2013.3934C10.9541%2013.9987%209.85827%2013.9987%207.6666%2013.9987H7.33333C4.81917%2013.9987%203.56211%2013.9987%202.78106%2013.2176C2.00002%2012.4366%202%2011.1795%202%208.66536V8.33203C2%206.14038%202%205.04456%202.60529%204.30699C2.71611%204.17196%202.83993%204.04814%202.97496%203.93732C3.71253%203.33203%204.80835%203.33203%207%203.33203'%20stroke%3D'%236176F6'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  }

  .si-delete {
      --svg: url("data:image/svg+xml,%3Csvg%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2016%2016'%20fill%3D'none'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M13%203.66797L12.5869%2010.3514C12.4813%2012.0589%2012.4285%2012.9127%2012.0005%2013.5266C11.7889%2013.83%2011.5165%2014.0862%2011.2005%2014.2786C10.5614%2014.668%209.706%2014.668%207.99513%2014.668C6.28208%2014.668%205.42553%2014.668%204.78603%2014.2779C4.46987%2014.0851%204.19733%2013.8285%203.98579%2013.5245C3.55792%2012.9097%203.5063%2012.0547%203.40307%2010.3448L3%203.66797'%20stroke%3D'%238B8B8B'%20stroke-linecap%3D'round'/%3E%3Cpath%20d%3D'M2%203.66536H14M10.7038%203.66536L10.2487%202.72652C9.9464%202.10287%209.7952%201.79104%209.53447%201.59657C9.47667%201.55343%209.4154%201.51506%209.35133%201.48183C9.0626%201.33203%208.71607%201.33203%208.023%201.33203C7.31253%201.33203%206.95733%201.33203%206.66379%201.48811C6.59873%201.5227%206.53665%201.56263%206.47819%201.60748C6.21443%201.80983%206.06709%202.13306%205.77241%202.77954L5.36861%203.66536'%20stroke%3D'%238B8B8B'%20stroke-linecap%3D'round'/%3E%3Cpath%20d%3D'M6.33594%2011V7'%20stroke%3D'%238B8B8B'%20stroke-linecap%3D'round'/%3E%3Cpath%20d%3D'M9.66406%2011V7'%20stroke%3D'%238B8B8B'%20stroke-linecap%3D'round'/%3E%3C/svg%3E");
  }

  .si-sm {
      block-size: var(--bs-icon-size-sm);
      font-size: var(--bs-icon-size-sm);
      inline-size: var(--bs-icon-size-sm);
  }
  .mb-4 span {
    color: #31696c;
}
h4.setup-wrapper-work-single-title a {
    color: #3bc9d0  !important;
}

  .si {
      display: inline-block;
      width: 1em;
      height: 1em;
      background-color: rgb(49 105 108);
      -webkit-mask-image: var(--svg);
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      mask-image: var(--svg);
      mask-repeat: no-repeat;
      mask-size: contain;
      vertical-align: middle;
      block-size: var(--bs-icon-size);
      font-size: var(--bs-icon-size);
      inline-size: var(--bs-icon-size);
      line-height: 1;
      padding: 0;
  }

  .si-sm {
      block-size: var(--bs-icon-size-sm);
      font-size: var(--bs-icon-size-sm);
      inline-size: var(--bs-icon-size-sm);
  }

  span:has(.si) {
      line-height: 1;
  }

  /*============ Reusable Class ============*/
  /* Padding Settings */
  .pat-50 {
      padding-top: 50px;
  }

  .pab-50 {
      padding-bottom: 50px;
  }

  .pat-60 {
      padding-top: 60px;
  }

  .pab-60 {
      padding-bottom: 60px;
  }

  .pat-80 {
      padding-top: 80px;
  }

  .pab-80 {
      padding-bottom: 80px;
  }

  .pat-100 {
      padding-top: 100px;
  }

  .pab-100 {
      padding-bottom: 100px;
      background: #171717;
  }

  .pat-120 {
      /* padding-top: 120px; */
  }

  .pab-120 {
      padding-bottom: 120px;
  }

  /*Margin settings*/
  .mb-30 {
      margin-bottom: 30px;
  }

  .mt-80 {
      margin-top: 80px;
  }

  .mb-80 {
      margin-bottom: 80px;
  }

  /* Color Settings */
  .bg-primary-one {
      /* background-color: #2c2c2c !important; */
  }

  .bg-primary-two {
      background-color: var(--color6);
  }

  .bg_black {
      background-color: var(--text-color);
  }

  .bg_white {
      background-color: var(--color0);
  }

  .bg_gray {
      background-color: #404546;
  }

  /*Text Settings*/
  .influencer {
      font-family: var(--urbanist-font);
      font-size: 16px;
      line-height: 1.5;
      color: #ffffff !important;
      background: #171717;

      p {
          color: white !important;
          font-size: 14px;
          line-height: 19px;
      }
  }
font {
    color: white !important;
}
  .inf-title {
      color: #ffffff;
      font-family: var(--urbanist-font);

  }
  button.inf-cmn-btn.style2.inf-primary-outline-btn {
    background: #31696c;
    width: 100%;
}

.myJob-wrapper-single-balance-price.d-flex.gap-2.justify-content-between span {
    color: #010101;
}
span.location.sm-font {
    color: #31696c !important;
}
  h2.inf-title.title6.fw_bold.balck_text {
      border: 1px solid white !important;
      padding: 5px 12px !important;
      border-radius: 5px !important;
  }

  .title1 {
      font-size: 48px;
      line-height: 1.15;
      color: #61B7BA !important;
      font-weight: 800;
      font-size: 40px;
      font-family: 'Orbitron', sans-serif;
  }

  .title2 {
      font-size: 40px;
      line-height: 1.2;
  }

  .title3 {
      font-size: 38px;
      line-height: 1.26;
  }

  .title4 {
      font-size: 36px;
      line-height: 1.2;
  }

  .title5 {
      font-size: 28px;
      line-height: 1.2;
  }

  .title6 {
      font-size: 18px;
      padding: 0;
      margin: 0;

  }

  h6.inf-title.title6.fw_semibold {
      color: #69d0d4 !important;
      font-weight: 700 !important;
      font-family: var(--urbanist-font);
  }

  .title7 {
      font-size: 22px;
      line-height: 1.2;
  }

  .lg-font {
      font-size: 16px;
      line-height: 1.2;
  }

  .location {
      font-size: 12px;
      padding: 5px 0 0 0;
  }

  .md-font {
      font-size: 14px;
      line-height: 1.4;
      color: white;
  }

  .sm-font {
      font-size: 14px;
      line-height: 1.4;
      color: white !important;
  }

  .fw_bolder {
      font-weight: 800;
  }

  .fw_bold {
      font-weight: 700;
  }

  .fw_semibold {
      font-weight: 600;
  }

  .fw_medium {
      font-weight: 500;
  }

  .red_text {
      color: #69d0d4 !important;
      background: linear-gradient(to right, #61B7BA, #0B6C6F);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .golden_text {
      color: var(--color11);
  }

  .primary_text {
      color: #69d0d4;
  }

  .green_text {
      color: #69d0ca;
  }

  .white_text {
      color: var(--color0);
  }

  span.black_text.fw_semibold a {
      font-size: 20px;
      /* display: inline-grid
; */
      justify-content: center !important;
      align-items: center !important;
      position: relative !important;
      margin: 0;
      padding: 0 !important;
  }

  span.rate.fw_semibold.black_text {
      color: #69d0d4 !important;
      font-size: 21px !important;
      padding: 0px 5px 0px !important;
  }

  h3.inf-title.lg-font.fw_semibold.black_text {
      color: white !important;
      font-size: 20px !important;
  }

  .icon.lg-font.fw_medium.black_text {
      color: #69d0d4 !important;
      font-size: 18px;
      padding: 0px 0 0;
  }

  h3.inf-title.title3.fw_semibold.black_text {
      color: #69d0d4 !important;
      font-size: 22px !important;
      padding: 5px 0 5px !important;
  }

  h2.inf-title.title4.black_text.fw_bold {
      font-size: 30px;
  }

  .name.lg-font.fw_semibold.black_text {
      font-size: 20px;
  }

  h4.inf-title.title6.black_text.fw_bold {
      font-size: 25px;
  }

  .black_text {
      color: #69d0d4 !important;
      background: linear-gradient(to right, #61B7BA, #0B6C6F);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 35px;
      padding: 0px 0 0;
  }

  .mt-3.fw_medium.black_text {
      color: #69d0d4 !important;
      background: linear-gradient(to right, #61B7BA, #0B6C6F);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 20px;
  }

  span.black_text.fw_semibold a {
      /* color: white; */
      color: #69d0d4 !important;
      background: linear-gradient(to right, #61B7BA, #0B6C6F);
      -webkit-background-clip: text;
  }

  .deep_black_text {
      color: #69d0d4 !important;
  }

  .text-with-icon {
      /* display: inline-flex; */
      gap: 6px;
  }

  .oneline-text {
      height: 1.1875em;
      font-size: 21px;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      color: #ffffff;
  }

  .twoline-text {
      height: 3em;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: 14px;
  }

  .d-flex.gap-2.align-items-center span {
      color: white !important;
      font-size: 13px !important;
  }

  .threeline-text {
      height: 4.28em;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
  }

  /* Button Settings */
  button#project_filter_reset {
      border: 1px solid white !important;
  }

  .inf-cmn-btn {
      padding: 8px 12px !important;
      border-radius: 20px !important;
      border: 1.5px solid transparent;
      font-size: 14.5px;
      width: 120px;
      color: white;
      font-weight: 600;
      text-align: center;
      cursor: pointer;
      display: inline-block;
      transition: all 0.3s ease-in-out;

      &.style2 {
          padding: 10px 22px !important;
          /* border: 1px solid white  !important; */
          color: #000 !important;
      }

      &.style3 {
          padding: 10px 35px;
          border-radius: 8px;
          font-size: 14px;
          font-weight: 500;
      }

      &.style4 {
          padding: 15px;
          border-radius: 8px;
      }

      &.md-radius {
          border-radius: 10px;
          width: 100%;
      }

      &:has(i) {
          line-height: 1;
      }
  }

  select#duration {
    color: #69d0d4;
}

  .inf-black-btn-outline {
      /* background-color: transparent;
      color: var(--text-color);
      border-color: var(--color2); */
      background-color: #ffffff;
      color: #31696c;
      border-color: #31696c;

      &:hover {
          background-color: var(--color2);
          color: var(--color0);
      }
  }

  .inf-black-btn {
      background-color: var(--text-color);
      color: var(--color0);

      &:hover {
          background-color: var(--color2);
          color: var(--color0);
      }
  }

  .inf-primary-btn {
      background: linear-gradient(139deg, #61B7BA, #0B6C6F);
      padding: 12px;
      border-radius: 50px;
      border: none;

      &:hover {
          color: var(--color0);
          border-color: var(--color12);
          background-color: var(--color12);
      }
  }

  .inf-primary-outline-btn {
      background-color: transparent;
      color: #ffffff;
      border-color: #ffffff;

      &:hover {
          background-color: var(--primary-color);
          color: var(--color0);
      }
  }

  .inf-green-outline-btn {
      background-color: transparent;
      color: #4AD991;
      border-color: #4AD991;

      &:hover {
          background-color: #4AD991;
          color: var(--color0);
      }
  }

  .inf-gray-btn {
      background-color: var(--color5);
      color: var(--text-color);
      padding: 12px;
      font-weight: 700;

      &:hover {
          background-color: var(--primary-color);
          color: var(--color0);
      }
  }

  .add-fvt-icon {
      margin: 10px 0 10px 0 !important;
      all: unset;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 6px;
      color: var(--color9);
      border: 1px solid var(--color1);

      &.fvt {
          color: var(--color10);

      }

      &.style-2 {
          width: 32px;
          height: 32px;
          border: none;
          border-radius: 50%;
          background-color: var(--color0);
      }
  }

  .icon-btn-rounded {
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: none;
  }

  .small-add-btn {
      display: inline-flex;
      align-items: center;
      padding: 6px 12px;
      border-radius: 100px;
      font-size: 14px;
      line-height: 20px;
  }

  .blue-small-add-btn {
      background-color: #6176F61A;
      color: #6176F6;
  }

  .subsription-btn {
      font-weight: 500;
  }

  /* Form Setting */
  .inf-custom-label {
      color: #69d0d4;
      font-size: 14px;
      font-weight: 500;

      &:has(+ .input-group),
      &:has(+.inf-custom-input) {
          margin-bottom: 8px;
      }
  }

  .inf-custom-input {
      border: 1px solid var(--color1);
      border-radius: 8px;
      padding: 8px 12px;
      font-size: 14px;
      line-height: 1.35;
      color: var(--paragraph-color);
      background-color: var(--color0);
      width: 100%;

      &.lg-input {
          font-size: 14px;
          font-weight: 500;
          padding: 12px 14px;
      }
  }

  .single-input label,
  .custom-form .single-input label,
  .custom-form .form-group label {
      font-size: 14px;
      margin-bottom: 5px;
  }

  .custom-form .form-group .form-control,
  .custom-form .single-input .form--control {
      height: auto;
      border-radius: 8px;
      border-color: var(--color1);
      line-height: 1.35;
      padding: 12px 14px;
      font-weight: 500;

      &:focus {
          border-color: var(--color1);
          box-shadow: none;
      }

      &::placeholder {
          color: var(--paragraph-color);
      }
  }

  .inf-input-group .input-group-text {
      background: var(--color0);
      border: 1px solid var(--color1);
      padding: 8px 12px;
      font-size: 14px;
      line-height: 1.35;
      color: var(--paragraph-color);
      border-radius: 8px 0 0 8px;
  }

  .inf-input-group .inf-custom-input {
      flex: 1;
  }

  .group-input-wraper {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;

      .input-wraper {
          flex: 1 1 180px;
      }
  }

  .inf-custom-switch {
      appearance: none;
      height: 16px;
      width: 30px;
      border-radius: 100px;
      border: 1px solid var(--color1);
      transition: all 0.3s ease-in-out;
      position: relative;
      cursor: pointer;

      &:after {
          content: '';
          position: absolute;
          top: 1px;
          left: 1px;
          height: 12px;
          width: 13px;
          border-radius: 50%;
          background-color: var(--color0);
          border: 1px solid var(--color1);
          box-shadow: 0 0.68px 1.36px 0 #1018280F;
          transition: all 0.3s ease-in-out;
      }

      &:checked {
          background-color: var(--primary-color);
          border-color: var(--primary-color);

          &:after {
              left: 15px;
          }
      }
  }

  .border-all {
      border: 1px solid var(--color1);
  }

  /* Select2 Settings */
  .inf-custom-select {
      width: 100%;
  }

  .inf-custom-select+.select2-container--default {
      width: 100% !important;

      .selection {
          display: inline;
      }

      .dropdown-wrapper {
          display: none;
      }
  }

  .inf-custom-select,
  .inf-custom-select+.select2-container--default .select2-selection--single {
      padding-block: 12px;
      padding-left: 16px;
      padding-right: 36px;
      border: 1px solid var(--color1);
      border-radius: 8px !important;
      color: var(--paragraph-color);
      font-weight: 500;
      font-size: 14px;
      line-height: 1.35;
      height: auto !important;
      position: relative;
  }

  .inf-custom-select+.select2-container .select2-selection--single .select2-selection__rendered {
      padding-left: 0;
      padding-right: 0;
      line-height: 1.35 !important;
      color: var(--paragraph-color);
      font-weight: 500;
      font-size: 14px;
      color: white !important;
  }

  .inf-custom-select+.select2-container--default .select2-selection--single .select2-selection__arrow {
      all: unset;
      position: absolute;
      top: 50%;
      right: 16px;
      transform: translateY(calc(-50% - 3px));
      display: inline-flex;
      width: 7px !important;
      height: 7px !important;
      border-radius: 2px;
      border: 2px solid #767474;
      border-left: none;
      border-top: none;
      /* transform-origin: left top; */
      /* transform: rotate(45deg); */
      rotate: 45deg;
      margin: 0;

      b {
          display: none;
      }
  }

  /* Select 2 multiple */
  .select2-container--default .select2-selection--multiple {
      height: auto;
      padding: 5px 16px 5px 9px;
  }

  .select2-container--default.select2-container--focus .select2-selection--multiple {
      height: auto;
      min-height: auto;
  }

  .select2-container--default .select2-search--inline .select2-search__field {
      line-height: 1;
  }

  .select2-container--default .select2-selection--multiple {
      height: auto;
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice:first-child {
      margin-left: 5px !important;
  }

  .listing-filter-with-icon {
      position: relative;

      .filter-icon {
          position: absolute;
          top: calc(50% - 1px);
          transform: translateY(-50%);
          left: 16px;
          z-index: 1;
          line-height: 1;
      }

      .inf-custom-select,
      .inf-custom-select+.select2-container--default .select2-selection--single {
          padding-left: 40px;
      }
  }

  /* Select 2  dropesown*/
  .select2-container--open .select2-dropdown {
      border: 1px solid var(--color1);
      border-radius: 12px;
      box-shadow: 0 4px 8px #00000014;
      overflow: hidden;
  }

  span.select2-dropdown.select2-dropdown--below {
      background: #ffffff !important;
  }

  .select2-container--open .select2-dropdown--below {
      top: 10px;
      background: #2c2c2c !important;
  }

  .select2-container--open .select2-dropdown--above {
      top: -10px;
  }

  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
      background-color: #F7F7F7;
      color: var(--text-color);
  }

  .select2-results__option {
      padding-inline: 16px;
      color: #171717 !important;
  }

  .select2-search--dropdown {
      padding: 16px 16px 16px;
      position: relative;

      &::after {
          content: '\f002';
          font-family: 'Font Awesome 6 Free';
          font-weight: 900;
          position: absolute;
          top: 22px;
          left: 27px;
          color: var(--text-color);
      }
  }

  .select2-container--default .select2-search--dropdown .select2-search__field {
      border: 1px solid var(--color1);
      border-radius: 4px;
      padding-left: 30px;

  }

  .no-search .select2-search--dropdown {
      display: none;
  }

  /* Slick Slider */
  .inf-global-slick {
      .slick-slide {
          margin-inline: 5px;
      }
  }

  /* Status Icon */
  .status-icon {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #8B8B8B;
      border: 1.2px solid var(--color0);

      &.online {
          background-color: var(--color8);
      }
  }

  /* Badge Settings */
  .inf-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 12px;
      border-radius: 64px;
      font-size: 14px;
      line-height: 1.35;
      font-weight: 500;
  }

  .inf-badge-primary {
      color: var(--primary-color);
      background-color: #FF5B6B1A;
  }

  .green_badge {
      color: #00A86B;
      background-color: #00A86B1A;
  }

  .blue_badge {
      color: #0A58FA;
      background-color: #E9F1FF;
  }

  .beige_badge {
      background-color: #EEE1D0;
  }

  .label-bagde {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--text-color);
      font-size: 14px;
      font-weight: 500;
  }

  .inf-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 4px 12px;
      border-radius: 100px;
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      color: var(--paragraph-color) !important;
      background-color: var(--color5);
  }

  .inf-tag span {
      color: #000000 !important;
  }

  .blue-tag {
      background-color: #6176F61A;
      color: #6176F6;
  }

  .green-tag {
      background-color: #00A86B1A;
      color: #00A86B;
  }

  .warning-tag {
      background-color: #FFC1071A;
      color: #FFC107;
  }

  .danger-tag {
      background-color: rgba(255, 91, 107, 0.15);
      color: #D8000C;
  }

  /* Input Feild Setting */
  /* Pagination Setting */
  .custom_pagination {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;

      .entries-wraper {
          color: var(--paragraph-color);

          .entries_number {
              color: #31696c !important;
              font-weight: 500;
          }

      }


      .entries-wraper span {
          color: #31696c !important;
      }

      .page-link {
          border-radius: 50%;
          border: 1px solid var(--color1);
          transition: all 0.3s ease-in-out;
      }

      .page-item.active .page-link,
      .page-item:hover .page-link {
          background-color: var(--primary-color);
          border-color: var(--primary-color);
      }

      .pagination {

          .page-item:first-child .page-link,
          .page-item:last-child .page-link {
              border-color: transparent;
              color: black !important;
          }
      }
  }

  /* Component Setting */
  .influencer_card {
      padding: 16px;
      border-radius: 12px;
      background: #2C2C2C;
      border: 1px solid #495151;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;

      .img-part {
          aspect-ratio: 1/1;
          border-radius: 8px;
          overflow: hidden;
          margin-bottom: 14px;
          position: relative;
          background-color: #f7f7f7;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
          }
      }

      .flencer-designation span {
          color: white;
          font-size: 14px;
      }

      .followers span {
          color: white;
          font-size: 15px;
      }

      .flencer-designation {
          font-size: 14px;
          font-weight: 600;
      }

      .inf-badge {
          line-height: 18px;
          padding: 4px 8px;
          padding-bottom: 2px;
          background-color: #fff;
          gap: 2px;
          font-weight: 600;
      }

      .inf-badge i {
          color: var(--color11);
          font-size: 12px;
          margin-top: 0px;
      }

      .name-part {
          display: flex;
          flex-direction: column;
          gap: 2px;
          flex-wrap: wrap;
          justify-content: space-between;
      }

      .bottom-part {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin-top: 0px;
          gap: 8px;

          .followers {
              font-size: 14px;
              font-weight: 600;

              .black_text {
                  font-size: 13px;
              }
          }
      }

      .social-icon-wraper {
          display: flex;
          gap: 4px;
          align-items: center;

          a {
              color: var(--text-color);
              font-size: 14px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              max-width: 20px;
              max-height: 20px;
              transition: all 0.3s ease-in-out;
              flex-shrink: 0;
          }
      }
  }

  .inf-job-card {
      padding: 16px;
      border-radius: 16px;
      border: 1px solid #495151;
      background-color: #2C2C2C;
      color: #fff;
      padding: 30px 20px;
      border-radius: 8px;
      transition: all 0.3s ease;
      font-family: 'Montserrat', sans-serif;
      text-align: left;
      width: auto;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;

  }

  .card-header {
      display: flex;
      justify-content: space-around;
      align-items: baseline;
  }

  .left-part {
      display: flex;
      gap: 12px;

      .img-wraper {
          flex-shrink: 0;
          width: 40px;
          height: 40px;
          overflow: hidden;
          background-color: #f7f7f7;
          border-radius: 50%;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 50%;
          }
      }

      .job-info .si {
          color: var(--primary-color);
      }
  }

  .orange__circle {
      background-color: var(--primary-color);
  }

  .delivery-info {
      color: var(--text-color);
  }


  .market-place-work-card {
      .img-part {
          width: 200px;
          height: 200px;
          margin-inline: auto;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
          }
      }
  }

  .why-chose-card {
      padding: 16px;
      border-radius: 16px;
      border: 1px solid #495151;
      height: 100%;
      background: #2c2c2c !important;

      .img-wraper {
          width: 40px;
          height: 40px;
          border-radius: 8px;
          overflow: hidden;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          background: #3d3d3d;

      }
  }

  .customer-satification-stats-card {
      padding: 24px;
      border-radius: 10px;
      border: 1px solid #495151;
      height: 100%;
      color: #4c2328cc;
      font-weight: 600;

      .img {
          margin-bottom: 0px;
      }

      &.dark-bg {
          background-color: #2A2B2C;
          color: var(--color0);
      }
  }



  .text div {
      color: #ffffff;
      font-size: 15px;
  }

  .inf-project-card {
      padding: 16px;
      border-radius: 12px;
      border: 1px solid #495151;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      background: #2c2c2c !important;

      .img-wraper {
          position: relative;
      }

      .img-wraper a {
          width: 100%;
          aspect-ratio: 5/3;

          &.icon-btn-rounded {
              aspect-ratio: 1/1;
              width: 32px;
              background-color: #fff;
          }

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 12px;
          }
      }

      .fvt-icon-wraper {
          position: absolute;
          top: 16px;
          right: 17px;
      }

      .action-icon-wraper {
          position: absolute;
          top: 16px;
          right: 16px;
          display: flex;
          gap: 8px;
          align-items: center;

      }

      .text-top {
          display: flex;
          justify-content: space-between;
          gap: 12px;
          margin-bottom: 8px;
      }

      .infulencer {
          display: flex;
          gap: 12px;
          align-items: center;

          .inf-img {
              width: 30px;
              height: 30px;
              position: relative;
              border: 1px solid var(--color1);
              border-radius: 50%;
              background-color: #dbdbdb;

              img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  border-radius: 50%;
              }

              .status-icon {
                  position: absolute;
                  bottom: 0;
                  right: 0;
                  width: 10px;
                  height: 10px;
                  border-radius: 50%;
                  background-color: #8B8B8B;
                  border: 1.2px solid var(--color0);

                  &.online {
                      background-color: var(--color8);
                  }
              }
          }

          .inf-name {
              color: #69d0d4 !important;
              background: linear-gradient(to right, #61B7BA, #0B6C6F);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              font-weight: 600;
          }
      }

      .bottom-part {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 12px;
          flex-wrap: wrap;
          margin-top: 0;
          line-height: 45px;
      }

      .ratings {
          display: inline-flex;
          align-items: center;
      }
  }

  .inf-price-plan-card {
      padding: 24px;
      border-radius: 16px;
      background-color: #31696c;
      transition: all 0.3s ease-in-out;

      .pricing_plan_header {
          padding-bottom: 12px;
          border-bottom: 1px solid var(--color15);
          margin-bottom: 40px;
          transition: all 0.3s ease-in-out;
      }

      .price {
          transition: all 0.3s ease-in-out;
      }

      .md-font.fw_bold.black_text.mb-3 {
          color: #69d0d4 !important;
          font-size: 23px;
          padding: 0px 0 0;
          /* line-height: 4px; */
      }

      .plan-feature-list {
          display: flex;
          flex-direction: column;
          gap: 20px;
          padding-left: 0;
          margin-bottom: 0;
          color: var(--text-color);

          li {
              display: flex;
              gap: 10px;
              position: relative;
              line-height: 1.1;
              font-weight: 500;
              margin-bottom: 0;
              color: white;

              &::before {
                  content: "";
                  font-family: 'Font Awesome 6 Free';
                  font-weight: 900;
                  color: #fff;
                  font-size: 12px;
                  line-height: 1;
                  width: 20px;
                  height: 20px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  border-radius: 50%;
                  background-color: var(--color4);
                  transition: all 0.3s ease-in-out;
              }

              &.check {
                  &::before {
                      content: "\f00c";
                      background-color: #2c2c2c;
                  }
              }


              &.cross {


                  &::before {
                      content: "\f00d";
                      background-color: #6c757d;
                  }
              }
          }
      }

      .inf_card_footer {
          margin-top: 52px;
      }

      &:hover,
      &.active {
          background-color: #2c2c2c !important;
          border: 1px solid #495151;

          .pricing_plan_header {
              border-color: #4C23281A;
          }

          .plan-feature-list li::before {
              background-color: var(--primary-color);
          }

          .price {
              color: #65d0d4;
          }

          .inf-gray-btn {
              background-color: var(--primary-color);
              color: var(--color0);
          }
      }
  }

  .box-card {
      padding: 18px 34px;
      border: 1px solid var(--color1);
      border-radius: 12px;
  }

  .image-upload-area-card {
      padding: 16px;
      border-radius: 8px;
      border: 1px dashed #007AFF;
      background: #F3F5FB;
      text-align: center;
      font-size: 10px;

      .image-upload-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          padding: 6px 12px;
          border: 1px solid var(--color1);
          border-radius: 6px;
          background: var(--color0);
          font-size: 12px;
          line-height: 24px;
          font-weight: 500;
          color: var(--color12);
          cursor: pointer;
          transition: all 0.3s ease-in-out;

          .upload-icon {
              line-height: 1;
          }

          span.text {
              color: #7588b3;
          }

          span.drag-drop.w-100,
          span.w-100 {
              color: #000000 !important;
              display: none !important;
          }



      }

      .drag-drop {
          font-size: 12px;
          color: var(--color12);
          margin: 16px 0 8px 0;
      }
  }

  .blog-card {
      border: 1px solid white !important;
      border-radius: 10px !important;
      padding: 10px !important;
      height: 370px !important;
  }

  .blog-card {
      .blog-card-image {
          max-height: 248px;
          height: 100%;
          width: 100%;
          aspect-ratio: 1.71/1;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 12px;
          }
      }

      .blog-date {
          font-weight: 700;
          color: #65d0d4;
          margin: 12px 0 8px 0;
      }

      .blog-title {
          color: #ffffff;
          font-weight: 600;
          font-size: 14px;
          line-height: 1.4;
      }
  }

  /* NavBar Section */
  .header-shadow {
      /* box-shadow: 0 4px 8px 0 #0000000F; */
  }

  .logo-wrapper {
      height: 80px;
      width: 80px;
  }

  .footer_logo img {
      height: 80px;
      width: 80px;
  }




  .influencer-header {
      /* .navbar-area {
          padding-block: 18px;
      } */

      background: #171717;

      /* .navbar-area .nav-container {
          padding: 30px 10px 30px !important;
      } */

      .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
          font-family: var(--urbanist-font);
          color: #ffffff;
          font-weight: 600;
          font-size: 15px;
      }

      .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
          color: var(--primary-color);
      }

      .inf-black-btn-outline {
          padding-inline: 13px;
          line-height: 1.5;
          color: var(--text-color);
          font-weight: 600;
          background: linear-gradient(139deg, #61B7BA, #0B6C6F);
          padding: 10px;
          border-radius: 50px;
          border: none;
          color: #fff;
          /* font-size: 13px; */
          /* font-family: 'Montserrat'; */
          min-width: 110px;
          text-align: center;

          &:hover {
              color: var(--color0);
          }
      }

      .inf-black-btn-outline:not(:has(svg)) {
          padding-inline: 22px;
      }

      .inf-black-btn-outline:has(svg) {
          padding-inline: 0;
          /* border: 1px solid transparent; */
          font-size: 18px;
          background: none;

          &:hover {
              background-color: transparent;
              color: var(--primary-color);
          }
      }
  }

  /* Banner Section */
  .influencer_banner {
      background-size: cover;
      background-repeat: no-repeat;

      .banner-wraper {
          display: flex;
      }

      .banner-text-wraper {
          position: relative;
          z-index: 2;
          max-width: 675px;
          align-self: center;

          .title1 {
              /* color: var(--text-color); */
              text-transform: capitalize;
              color: #31696c;
          }

          .banner-des {
              margin-top: 24px;
              /* color: var(--text-color) !important; */
              max-width: 620px;
              color: #fff !important;
              font-size: 16px;
              font-weight: 300;
              line-height: 25px;
          }

          .banner-btn-wraper {
              margin-top: 40px;
          }
      }

      /* .image-part {
          position: relative;
          z-index: 1;
          flex: 1;
          height: 750px;

          .img-wraper {
              position: absolute;
              top: 0;
              left: 5px !important;
              width: 800px;
              height: 100%;
              clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

              img {
                  width: 100%;
                  height: 100%;
                  object-fit: contain;
                  border-radius: 5px;
              }
          }
      } */
  }

  /* Sponsor Section */
  @keyframes slide {
      0% {
          transform: translateX(0%);
      }

      100% {
          transform: translateX(-100%);
      }
  }

  .our-sponsor-inner {
      display: flex;
      align-items: center;

      .inf-title {
          border-right: 1px solid var(--color0);
          padding-right: 30px;
      }

      .sponsor_brand_wraper {
          display: flex;
          align-items: center;
          overflow: hidden;
      }

      .sponsor_brand_container {
          flex-shrink: 0;
          display: flex;
          align-items: center;
          animation: slide 15s linear infinite;

          .sopnsor_brand {
              flex-shrink: 0;
              padding: 0 50px;
              max-width: 280px;
              text-align: center;
          }
      }
  }

  /* market place card */
  .marketplace_card_grid {
      align-items: start;

      .img-part {
          max-width: 200px;
          max-height: 200px;
          width: 100%;
          height: 100%;
          margin: 0 auto;
      }

      .market-place-work-card+.img {
          padding-top: 90px;
      }

      .img:last-child {
          display: none;
      }
  }

  /* Priceing Plan */
  .inf_pricing {
      .pricing_type {
          background-color: var(--color0);
          border: none;

          .active_btn {
              background: transparent;
              color: var(--text-color);
          }

          button.active {
              background: var(--primary-color);
              color: var(--color0);
          }
      }
  }

  /* Client Review */
  .slider-navigation-btn-wraper {
      display: flex;
      align-items: center;
      gap: 8px;

      .up_arrow,
      .down_arrow {
          all: unset;

          i {
              height: 40px;
              width: 40px;
              border-radius: 50%;
              margin-inline: auto;
              background: transparent;
              border: 1px solid #ffffff !important;
              color: var(--primary-color);
              text-align: center;
              display: flex;
              justify-content: center;
              align-items: center;
              transition: all 0.3s ease-in-out;

              &:hover {
                  background-color: var(--primary-color);
                  color: var(--color0);
              }
          }

          &.slick-disabled {
              opacity: 0.5;

              i {
                  background: transparent;
                  color: var(--primary-color);
                  border: 1px solid var(--primary-color);
              }
          }
      }
  }

  .review-slider-wraper-container {
      max-width: 100%;
      margin-inline: auto;
      display: flex;
      gap: 86px;
      align-items: stretch;

      .review-left-wraper {
          max-width: 100%;
          flex: 1;
      }

      .review-left-inner {
          height: 100%;
          display: flex;
          justify-content: space-between;
          gap: 16px;

          .slick-slide {
              margin: 0 12px;
          }
      }

      .review-right-wraper {
          max-width: 546px;
          flex: 1;
          display: inline-flex;
          align-items: center;
      }

      .slider_left_card {
          padding: 16px;
          border-radius: 12px;
          border: 1px solid #495151;
          background: #2c2c2c !important;

          .rating-wraper {
              flex-direction: row-reverse;
              justify-content: flex-end;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;

              .golden_text {
                  font-size: 12px;
              }
          }

          .review-des {
              margin-bottom: 70px;
          }

          .threeline-text {
              padding: 10px 0;
              height: 86px;
              margin: 0 0 20px;
          }

          .profile_image {
              height: 36px;
              width: 36px;
              border-radius: 50%;
              overflow: hidden;
          }
      }

      .slider_image_card {
          max-height: 596px;
          height: 100%;
          overflow: hidden;
          border-radius: 24px;
          background: var(--color5);
      }

  }

  /* FAQ Section */
  .inf-faq-wraper {
      max-width: 740px;
      margin-inline: auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
  }

  .inf-faq-item {
      padding: 24px;
      border-radius: 16px;
      background: #2c2c2c;
      border: 1px solid #31696c;

      .inf-faq-title-wraper {
          display: flex;
          gap: 24px;
          justify-content: space-between;
          cursor: pointer;

          .fa-plus {
              display: block;
          }

          .fa-minus {
              display: none;
          }
      }

      &.open {
          .fa-plus {
              display: none;
          }

          .fa-minus {
              display: block;
          }
      }

      .inf-faq-content-wraper {
          max-width: 620px;
          margin-top: 0px;
          color: #ccd3d3;
          font-size: 14px;
          font-weight: 600;
      }
  }

  /* Search Section */
  .header-global-search {
      width: 100%;
      max-width: 550px;
      position: fixed;
      left: 50%;
      transform: translateX(-50%);
      top: 40px;
      z-index: 999;
      visibility: hidden;
      opacity: 0;
      transition: all .3s;
      background: var(--white);
      padding: 12px;
      border-radius: 10px;
  }

  .header-global-search.active {
      visibility: visible;
      opacity: 1;
  }

  .header-global-search.global-search-notUpdate {
      position: relative;
      visibility: unset;
      opacity: unset;
      transform: unset;
      max-width: 250px;
      top: 0;
      left: 0;
      padding: 0;
  }

  /* Footer Section */
  .influencer-footer.custom_footer {
      background: #444444;
  }

  .footer_newslatter {
      display: flex;
      justify-content: space-between;
      gap: 24px;
      flex-wrap: wrap;

      form {
          max-width: 520px;
          flex: 1 1 220px;
      }
  }

  .influencer-footer .newsletter_input {
      all: unset;
      border: 1px solid #D7D9DD;
      border-radius: 10px;
      padding: 12px 16px;
      height: auto;
      line-height: 1.4;
      color: #ffffffa6;
      font-weight: 400;
      flex: 1;

      &::placeholder {
          color: #ffffffa6;
          font-weight: 400;
      }
  }

  .influencer-footer {
      .footer_paragraph {
          color: white;
          font-weight: 300;
          font-size: 16px;
      }

      .footer-area-wrapper {
          padding-bottom: 30px;
      }

      .footer_widget .footer_widget_title {
          font-weight: 500;
      }

      .social_links {
          gap: 8px;
      }

      .social_links a {
          color: var(--color0);
          border: 1px solid #ffffff1a;
          background-color: transparent;
          transition: all 0.3s ease-in-out;

          &:hover {
              background-color: var(--primary-color);
              background-image: none;
              color: var(--color0);
          }
      }

      .footer_widget .footer_widget_ul .footer_widget_list {
          color: #ffff !important;

          &:hover {
              color: var(--color0);
          }
      }
  }

  .influencer-copyright-area.copyright-border {
      border-top: 1px solid #8B8B8B4D;
  }

  .influencer-copyright-area.copyright-area {
      padding: 0 0;

      .footer-widget-para p {
          color: #ffffffa6;
      }
  }

  /* final project page */
  .project-owner {
      display: flex;
      gap: 20px;
      margin-bottom: 30px;

      .label-bagde {
          font-size: 16px;
      }

      .left-part .inf-img {
          flex-shrink: 0;
          width: 80px;
          height: 80px;
          position: relative;
          border: 1px solid var(--color1);
          border-radius: 50%;
          background-color: #f7f7f7;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 50%;
          }

          .status-icon {
              position: absolute;
              bottom: 13px;
              right: -5px;
              width: 16px;
              height: 16px;
              border-radius: 50%;
              background-color: #8B8B8B;
              border: 2px solid var(--color0);

              &.online {
                  background-color: var(--color8);
              }
          }
      }

      .right-top {
          flex-wrap: wrap;
      }

      .right-part .right-bottom {
          display: flex;
          gap: 24px;
          row-gap: 12px;
          flex: 1;
          margin-top: 17px;
          flex-wrap: wrap;

          .raitng-wraper {
              padding-right: 10px;
              border-right: 1px solid var(--color1);
          }
      }

      .social-icon-wraper {
          display: flex;
          gap: 8px;

          .social-icon {
              color: var(--color12);
              font-weight: 600;
              display: flex;
              gap: 8px;

              a {
                  width: 24px;
                  height: 24px;
                  border-radius: 6px;
                  border: 1px solid var(--color1);
                  display: inline-flex;
                  justify-content: center;
                  align-items: center;
                  color: #7ddee2 !important;
              }

          }
      }
  }

  .project-performence {
      margin-top: 32px;
      margin-bottom: 14px;
  }

  .project-details-wraper {
      .projec-details-pera {
          margin-top: 16px;
          margin-bottom: 40px;
      }
  }

  .projecte-details-slider-wraper {
      position: relative;
      margin-bottom: 24px;

      .slick-arrow {
          height: 38px;
          width: 38px;
          border-radius: 50%;
          color: var(--color0);
          background-color: #0000004D;
          display: flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer;
          z-index: 10;
          transition: all 0.3s ease-in-out;

          &:hover {
              background-color: #000;
          }

          &.prev-arrow {
              left: 40px;
          }

          &.next-arrow {
              right: 40px;
          }
      }

      .main-images {
          aspect-ratio: 1.4/1;
          max-height: 606px;
          position: relative;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 20px;
          }

          .fvt-icon-wraper {
              position: absolute;
              top: 24px;
              right: 24px;
          }
      }

      .small-slider-image-wraper {
          position: absolute;
          bottom: 24px;
          width: 100%;
          padding: 0 12px;

          .small-images-wraper {
              border: 8px solid var(--color0);
              border-radius: 1000px;
              background: var(--color0);
              overflow: hidden;
              max-height: 70px;
              max-width: 344px;
              width: fit-content;
              margin-inline: auto;
          }

          .small-image {
              width: 100% !important;
          }

          .small-image img {
              width: 76px;
              height: 54px;
              border-radius: 6px;
              cursor: pointer;
          }

          .slick-list {
              padding: 0 !important;
          }

          .slick-list {
              margin: 0 -4px;
          }

          .slick-slide {
              margin: 0 4px;

              img {
                  border: 2px solid transparent;
                  filter: opacity(0.5);
                  transition: all 0.3s ease-in-out;
              }
          }

          .slick-slide.slick-current {
              img {
                  filter: opacity(1);
              }
          }
      }
  }

  .compare-package-table {
      margin-top: 32px;

      th,
      td {
          border: 1px solid var(--color1);
          padding: 20px;
      }

      th {
          font-weight: 700;
          color: #ffffff;
      }

      th:first-child {
          border-radius: 8px 0 0 0;
      }

      th:last-child {
          border-radius: 0 8px 0 0;
      }

      td {
          font-weight: 600;
          font-size: 14px;
      }

      .icon {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          color: #767474;
          background: #F7F7F7;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
      }

      .icon.check {
          color: var(--color8);
      }
  }

  .full-rating-wraper {
      display: flex;
      gap: 40px;
      align-items: center;
      margin-top: 30px;

      .left-part {
          text-align: center;
          max-width: 140px;
          padding: 23px 40px 23px 0;
          border-right: 1px solid var(--color1);

          .overall-rating {
              font-size: 32px;
              line-height: 1;
              color: #ffffff;

              font-weight: 700;
          }

          .total-reviews {
              position: relative;
              right: 0;
              left: -117px;
              top: 36px;
              position: relative;
              left: -125px;
              top: 36px;
              /* display: contents; */
          }

          .stars-container {
              display: flex;
              gap: 4px;
              margin: 8px 0;

              i {
                  color: var(--color11);
              }
          }
      }

      .right-part {
          flex: 1;
          display: flex;
          flex-direction: column;
          gap: 16px;

          .progress-wraper {
              display: flex;
              gap: 16px;
              align-items: center;
              font-size: 14px;
              font-weight: 500;
          }

          .progress {
              flex: 1;
              height: 10px;
              border-radius: 90px;
              background: #F7F7F7;

              .progress-bar {
                  height: 10px;
                  border-radius: 90px;
                  background: var(--color13);
              }
          }

          .rating-label {
              color: #ffffff !important;
              font-weight: 700;
          }
      }
  }

  .client-review-wraper {
      padding: 18px;
      border-radius: 12px;
      border: 1px solid var(--color1);
      margin-top: 30px;

      .top-part {
          display: flex;
          justify-content: space-between;
          gap: 20px;
          flex-wrap: wrap;
          margin-bottom: 24px;

          .review-shorting {
              font-size: 14px;
              color: #BEBEC5;
          }

          .review-shoring {
              font-weight: 600;
              color: var(--color12);
              border: none;
              background-color: #ffffff;
          }
      }

      .client-review-inner {
          display: flex;
          flex-direction: column;
          gap: 16px;
      }
  }

  .client-review-card {
      padding: 16px;
      border: 1px solid var(--color1);
      border-radius: 12px;

      .flag {
          margin-right: 8px;

          img {
              width: 16px;
              height: 10px;
          }
      }

      .reviewer-part {
          display: flex;
          gap: 12px;
          padding-bottom: 12px;
          border-bottom: 1px solid var(--color1);

          .reviewer-image {
              flex-shrink: 0;
              width: 50px;
              height: 50px;
              overflow: hidden;

              img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  border-radius: 50%;
              }
          }

          .reviewer-info {
              flex: 1;
              display: flex;
              justify-content: space-between;
              align-items: center;
              flex-wrap: wrap;
              gap: 12px;

              .reviewer-name {
                  font-weight: 600;
                  color: #ffffff !important;
              }

              .date {
                  font-size: 12px;
                  color: #BEBEC5;
              }
          }
      }

      span.icon {
          color: black;
      }

      .available-time {
          color: black !important;
          /* parent div ka color set kare */
      }

      .available-time span,
      .available-time span i {
          color: black !important;
          /* span aur icon dono ke liye */
      }


      .review-descripton-wraper {
          margin-top: 24px;

          .review-star {
              display: flex;
              gap: 4px;
              margin-bottom: 12px;

              i {
                  color: var(--color11);
              }
          }

          .des {
              font-size: 14px;
              font-weight: 500;
          }
      }
  }

  .packagees-wraper-card {
      padding: 16px;
      border: 1px solid var(--color1);
      border-radius: 12px;

      &.sticky-top {
          z-index: 0;
          top: 24px;
      }

      .custom-nav {
          padding: 12px;
          border-radius: 12px;
          background-color: #F6F6F8;
          display: flex;

          .nav-link {
              padding: 8px 16px;
              flex: 1;
              border-radius: 4px;
              font-weight: 600;
              text-align: center;
              color: var(--color12);
              transition: all .3s linear;

              &.active {
                  background-color: var(--color0);
              }
          }
      }

      .package-entites {
          display: flex;
          gap: 16px;

          .revision,
          .delivery {
              flex: 1;
              padding: 8px 10px;
              border-radius: 108px;
              background-color: #F6F6F8;
              margin: 16px 0 30px 0;
              text-align: center;
          }

          .revision.sm-font.fw_medium span {
              color: black;
          }

          .delivery.sm-font.fw_medium span {
              color: black;
          }

          .delivery svg {
              margin-top: -2px;
          }
      }

      .service-list {
          padding-left: 0;
          margin-bottom: 0;
          list-style-type: none;
          display: flex;
          flex-direction: column;
          gap: 12px;

          li {
              display: flex;
              justify-content: space-between;
              gap: 12px;
              padding-bottom: 12px;
              border-bottom: 1px solid var(--color1);
              font-size: 14px;
              font-weight: 500;
              color: var(--paragraph-color);

              .check {
                  color: var(--color8);
              }
          }
      }

      .package-price {
          font-size: 20px;
          font-weight: 700;
          color: var(--text-color);
          display: flex;
          justify-content: space-between;
          gap: 12px;
          margin-top: 24px;
      }

      .package-btn-wraper {
          display: flex;
          flex-direction: column;
          gap: 12px;
          margin-top: 40px;
      }
  }

  .profile-area .sticky-top {
      z-index: 10;
  }

  .sticky-top {
      z-index: 0;
  }

  /* final job details */
  .profile-statistics {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;

      .total-job,
      .last-seen {
          align-items: center;
      }
  }

  .job-details-wraper {
      padding: 16px;
      border: 1px solid var(--color1);
      border-radius: 12px;

      .top-part {
          padding-bottom: 16px;
          margin-bottom: 16px;
          border-bottom: 1px solid var(--color1);
          display: flex;
          justify-content: space-between;
          gap: 12px;
      }

      .top-part .project-info {
          margin-top: 8px;
      }

      .job-description {
          color: rgb(0, 0, 0) !important;

          p:has(+ p) {
              margin-bottom: 16px;
          }
      }

      .tag-wraper {
          display: flex;
          gap: 8px;
          flex-wrap: wrap;
          margin-top: 24px;
      }

      .bottom-part {
          display: flex;
          justify-content: space-between;
          gap: 24px;
          margin-top: 24px;

          .rate {
              font-weight: 500;
              font-size: 500;
              color: var(#988D8D);

              .money {
                  font-size: 20px;
                  font-weight: 700;
                  color: var(--primary-color);
              }
          }

          &>div:not(.rate) {
              align-self: center;
          }

          .project-attributes-wraper {
              display: flex;
              gap: 12px;
              flex-wrap: wrap;
          }

          .porject-attribute {
              display: flex;
              gap: 6px;
              align-items: center;
          }
      }
  }

  .submit-proposal-wraper {
      padding: 16px;
      border: 1px solid var(--color1);
      border-radius: 12px;

      .submit-proposal-form {
          margin-top: 24px;
      }
  }

  /* influencer details */
  .influencer-content-wrapper .title-part-wraper {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 40px;
  }

  .influencer-content-wrapper .btn-wraper {
      max-width: 298px;
      width: 100%;
  }

  .influencer-details-part-wraper {
      padding: 24px;
      border: 1px solid var(--color1);
      border-radius: 12px;

      .top-part {
          border-bottom: 1px solid var(--color1);
          padding-bottom: 24px;
          display: flex;
          justify-content: space-between;
          gap: 24px;
      }

      .profile-status-top-part {
          display: flex;
          gap: 12px;
          align-items: center;
          flex-wrap: wrap;
          justify-content: end;
      }

      .profile-status-top-part span {
          color: white !important;
      }

      .profile-status-bottom-part {
          display: flex;
          gap: 6px;
          flex-wrap: wrap;
      }

      .about-title-wraper {
          display: flex;
          gap: 16px;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap;
          margin-bottom: 12px;
          margin-top: 16px;

          .rate {
              font-size: 14px;
              font-weight: 500;

              .money {
                  font-size: 24px;
                  font-weight: 700;
                  color: var(--primary-color);
              }
          }
      }

      .influencer-details-tag-list {
          display: flex;
          gap: 40px;
          flex-wrap: wrap;
          margin-top: 24px;

          .category-tag-list {
              /* flex: 1 1 250px; */
              padding-right: 24px;
              border-right: 1px solid var(--color1);

              &:last-child {
                  padding-right: 0;
                  border-right: none;
              }
          }

          .tag-title {
              font-size: 16px;
              font-weight: 700;
              color: #ffffff !important;
              margin-bottom: 12px;
          }

          .tags-wraper {
              display: flex;
              gap: 8px;
              flex-wrap: wrap;
          }
      }
  }

  .project-owner.influencer-info {
      margin-bottom: 0;

      .location-wraper {
          margin-top: 4px;
      }

      .right-part .right-bottom {
          margin-top: 6px;
      }
  }

  /* Listing page */
  .title-with-searchbar-part-wraper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 24px;
      margin-bottom: 30px;

      .searchbar-wraper {
          display: flex;
          gap: 12px;
          flex: 1 1 220px;
          max-width: 500px;
          width: 100%;

          .inf-custom-input {
              padding: 8px 18px;
              font-weight: 500;
          }
      }
  }

  .listing-filter-wraper {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
      gap: 16px;
      flex-wrap: wrap;
      margin-bottom: 40px;

      .listing-filter {
          flex: 1;

          select {
              width: 100%;
          }
      }
  }

  /* All Project */
  .budget-filter-wraper {
      .inf-custom-select::placeholder {
          color: var(--paragraph-color);
      }
  }

  .budget-secletion-wraper {
      position: absolute;
      top: calc(100% + 16px);
      left: 0;
      width: 100%;
      border: 1px solid var(--color1);
      padding: 16px;
      border-radius: 12px;
      background-color: #fff;
      box-shadow: 0 4px 8px 0 #00000014;
      z-index: 3;
      display: none;
      min-width: 220px;

      .price-wraper {
          flex: 1;

          .inf-custom-select {
              width: 100%;
              padding: 10px;
          }
      }

      .inputs-wraper {
          display: flex;
          gap: 8px;
          align-items: end;
          margin-bottom: 12px;
      }

      &.open {
          display: block;
      }
  }

  /* All Blog */
  .all-blog-page-wraper {
      .title-with-searchbar-part-wraper {
          .searchbar-wraper {
              flex: 1 1 150px;
              max-width: 200px;
              width: 100%;

              .all-blog-searchbar-wraper {
                  width: 100%;
              }
          }
      }
  }

  /* Blog details page */
  .blog-writer-details {
      margin-bottom: 30px;
      gap: 12px;

      .top {
          display: flex;
          gap: 8px;
          align-items: center;

          .bloger-image {
              height: 30px;
              width: 30px;
              border-radius: 50%;

              img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  border-radius: 50%;
              }
          }

          .bloger-name .name {
              font-size: 16px;
          }
      }

      .bottom {
          gap: 6px;
          font-size: 14px;

          i {
              color: var(--primary-color);
          }
      }
  }

  .blog-details-inner {

      .main-blog-image {
          max-width: 100%;
          max-height: 525px;
          margin-bottom: 24px;
          overflow: hidden;
          border-radius: 12px;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
          }
      }

      .blog-content-wraper {
          color: #897F7F;
      }

      .blog-content-wraper:has(+ .blog-content-wraper) {
          margin-bottom: 24px;
      }
  }

  .blog-comment-list {
      margin-top: 24px;
      display: flex;
      flex-direction: column;
      gap: 16px;
  }

  .blog-comment-item {
      border: 1px solid var(--color1);
      border-radius: 12px;
      padding: 16px;
      display: flex;
      gap: 12px;

      .blog-comment-image {
          width: 50px;
          height: 50px;
          border-radius: 50%;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 50%;
          }
      }

      .blog-comment-content {
          flex: 1;
      }

      .blog-comment-top {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 12px;
          margin-bottom: 4px;
      }

      .blog-comment-text {
          font-size: 14px;
          line-height: 20px;
          font-weight: 500;
          margin-bottom: 12px;
          color: var(--paragraph-color);
          max-width: 640px;
      }
  }

  .leave-a-comment-form {
      margin-top: 30px;
  }

  .blog-sidebar {
      padding: 16px;
      border: 1px solid var(--color1);
      border-radius: 12px;
  }

  .blog-search-wraper {
      position: relative;
      display: none;

      .icon {
          position: absolute;
          top: 50%;
          left: 12px;
          transform: translateY(-50%);
          line-height: 1;
      }

      input.lg-input {
          padding-left: 34px;
      }
  }

  .blog-sidebar-title {
      cursor: pointer;

      .icon {
          transition: all .3s ease-in-out;
      }

      &.open {
          .icon {
              rotate: 180deg;
          }
      }
  }

  .blog-sidebar-content {
      padding-top: 30px;

      ul {
          list-style: none;
          padding: 0;
          margin: 0;
          display: flex;
          flex-direction: column;
          gap: 12px;

          li {
              padding-bottom: 16px;
              border-bottom: 1px solid var(--color1);

              &:last-child {
                  padding-bottom: 0;
                  border-bottom: none;
              }

              a {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  gap: 12px;
                  font-weight: 500;
                  color: var(--paragraph-color);

                  .blog-name {
                      color: var(--color12);
                      font-weight: 600;
                  }
              }
          }
      }
  }

  .recen-blog-wraper {
      margin-top: 30px;

      .recent-blog-title {
          margin-bottom: 30px;
      }
  }

  .blog-tags-wraper {
      margin-top: 30px;

      .inf-title {
          margin-bottom: 30px;
      }

      .blog-tags {
          display: flex;
          gap: 8px;
          flex-wrap: wrap;
      }
  }

  /* About Us page */
  .about-us-des {
      max-width: 1078px;
      margin-inline: auto;
      margin-top: 16px;
      margin-bottom: 30px;
  }

  .about-us-main-image {
      width: 100%;
      max-height: 600px;

      img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 16px;
      }
  }

  .success-stories-wraper {
      .story-wraper {
          padding: 24px;
          border: 1px solid var(--color1);
          border-radius: 16px;
          margin-top: 30px;

          .img-wraper img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 12px;
          }
      }

      .story-content {
          .inf-para {
              margin: 12px 0 24px 0;
          }

          .success-list {
              list-style: none;
              padding: 0;
              margin: 0;

              li {
                  margin-bottom: 8px;
                  position: relative;
                  padding-left: 0;
                  display: flex;
                  gap: 12px;
                  color: white;
                  font-size: 15px;

                  &::before {
                      content: '\f00c';
                      font-family: 'Font Awesome 6 Free';
                      font-weight: 900;
                      color: var(--color0);
                      font-size: 8px;
                      width: 16px;
                      height: 16px;
                      border-radius: 50%;
                      background-color: var(--primary-color);
                      display: inline-flex;
                      align-items: center;
                      justify-content: center;
                      margin-top: 4px;
                      flex-shrink: 0;
                  }
              }
          }
      }
  }

  /* Mission & Vision */
  .our-mission-vision-wraper {
      margin-top: 30px;
  }

  .mission-vision-wraper {
      .mission-vision-image {
          width: 100%;
          max-height: 434px;
          height: 100%;
          margin-bottom: 16px;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 12px;
          }
      }

      .mission-vision-content {
          .des {
              margin-top: 12px;
              font-weight: 500;
              color: var(--paragraph-color);
          }
      }
  }

  /* Dashboard Css */
  .breadcrumb-area {
      background-color: #404546;
  }

  .inf-status-badge {
      padding: 2px 8px;
      border-radius: 100px;
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-transform: capitalize;

      .dot {
          height: 9px;
          width: 9px;
          border-radius: 50%;
          gap: 8px;
          background-color: #000;
      }

      &.success {
          color: #4AD991;
          background-color: #4AD99133;

          .dot {
              background-color: #4AD991;
          }
      }

      &.warning {
          color: #FEC53D;
          background-color: #FEC53D33;

          .dot {
              background-color: #FEC53D;
          }
      }

      &.info {
          color: #3083FF;
          background-color: #3083FF33;

          .dot {
              background-color: #3083FF;
          }
      }

      &.danger {
          color: #FF0000;
          background-color: #FF000033;

          .dot {
              background-color: #FF0000;
          }
      }

  }

  .action-icon-btn-wraper {
      display: flex;
      gap: 12px;
      align-items: center;
      justify-content: center;
  }

  .btn-icon {
      height: 24px;
      width: 24px;
      border-radius: 4px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      line-height: 1;
  }

  .btn-icon-primary {
      background-color: #3083FF33;
      color: #3083FF;
  }

  .btn-icon-danger {
      background-color: #FF000033;
      color: #FF0000;
  }

  .btn-profile.btn-outline-gray {
      border: 1px solid #D4D4D9;
  }

  .profile-settings-menu-inner {
      border: 1px solid var(--color1);
  }

  .myJob-wrapper-single-balance {
      padding: 16px;
      border-radius: 8px;
      border: 1px solid var(--color1);
      background-color: #fff !important;
      height: 100%;

      &.total_balance {
          background-color: #fff !important;
      }

      .icon-wraper {
          height: 48px;
          width: 48px;
          border-radius: 50%;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 16px;
      }

      .balance-icon {
          background-color: #8280FF33;
      }

      .total-project-icon {
          background-color: #FFBB3833;
      }

      .complete-order-icon {
          background-color: #4AD99133;
      }

      .active-order-icon {
          background-color: #FF987133;
      }

      .myJob-wrapper-single-balance-para {
          margin-top: 0;
          margin-bottom: 8px;
          color: var(--paragraph-color);
      }
  }

  .btn-profile {
      border-radius: 4px;
      font-family: var(--urbanist-font);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
  }

  .btn-profile.btn-bg-1 {
      background-color: var(--primary-color);

      &:hover {
          background-color: var(--color2);
      }
  }

  .single-profile-settings-header {
      .btn-profile {
          padding-left: 12px;
          padding-right: 12px;
      }
  }

  .custom_table .btn-profile {
      padding: 4px 8px;
  }

  /*Table Setting*/
  .custom_table table {

      th,
      td {
          border: 1px solid var(--color1);
          font-weight: 500;
          font-size: 14px;
      }

      th {
          color: #727272;
          background-color: #F9F9F9;
      }

      td {
          color: var(--text-color);
      }
  }

  /* Order */
  .myOrder-single {
      border: 1px solid var(--color1);

      .top-part {
          padding: 24px;
      }

      .bottom-part {
          padding: 16px;
          border-top: 1px solid var(--color1);
          background-color: var(--color5);
          border-radius: 0 0 10px 10px;
      }

      .myOrder-single-flex {
          align-items: start;
      }

  }

  .myOrder-single-block-item-author {
      position: relative;
  }

  .single-jobs {
      border: 1px solid var(--color1);
      border-radius: 12px;
      padding: 16px;

      .title-wraper {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 12px;
          margin-bottom: 16px;

          .inf-title {
              margin-bottom: 0;
              color: #31696c;
          }
      }

      .single-jobs-dates {
          display: flex;
          gap: 6px;
          padding-bottom: 16px;
          border-bottom: 1px solid var(--color1);
      }

      &:hover {
          box-shadow: none;
      }
  }

  /* Order details */
  .myOrder-single-content-id {
      color: var(--primary-color);
      font-size: 20px;
  }

  .dashboard-card {
      padding: 24px;
      border: 1px solid var(--color1);
      border-radius: 12px
  }

  .myJob-tabs .tabs {
      justify-content: center;
      padding: 12px;
      border-radius: 8px;
      background-color: var(--color5);
      gap: 0;

      li {
          color: var(--color12) !important;
          font-family: var(--urbanist-font);
          font-weight: 600;
          font-size: 16px;
          line-height: 1.5;
          padding: 8px 8px;
          text-align: center;
          flex: 1;

          &.active {
              background-color: #fff;
          }

          &::before {
              display: none;
          }
      }
  }

  /* Rating */
  .end-contract-single {
      border: 1px solid var(--color1);
  }

  .end-contract-feedback-single {
      border: 1px solid var(--color1);
  }

  .end-contract-widget-item {
      border: 1px solid var(--color1);
  }

  .form-control:focus {
      box-shadow: none;
      border-color: var(--color1);
  }

  /* Chat */
  .chat-wrapper {
      border: 1px solid var(--color1);
  }

  /* dashboard client part */
  .breadcrumb-contents {
      background: transparent;
  }

  .myJob-wrapper-single {
      .top-part {
          padding: 24px;
      }

      .bottom-part {
          padding: 16px;
          border-top: 1px solid var(--color1);
          background-color: var(--color5);
          border-radius: 0 0 10px 10px;
      }
  }

  /* dashboard order details */
  .dashboard-card .project-owner.influencer-info {
      .right-bottom {
          gap: 8px;
          row-gap: 8px;
          color: var(--paragraph-color);
          font-size: 13px;
          font-weight: 500;
          line-height: 1;

          .account-insight {
              display: flex;
              align-items: center;
              gap: 8px;

              .icon {
                  height: 24px;
                  width: 24px;
                  border-radius: 6px;
                  display: inline-flex;
                  align-items: center;
                  justify-content: center;
                  border: 1px solid var(--color1);
              }
          }
      }
  }

  /* dashboard offer details */
  .jobFilter-wrapper-item {
      box-shadow: none;
      border: 1px solid var(--color1);
  }

  /* Register page */
  .choose-account-flex {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      ;

      .choose-account-single {
          height: 100%;

          .choose-account-single-thumb {
              display: flex;
              justify-content: space-between;
              gap: 20px;
          }

          .rounded-select {
              height: 20px;
              width: 20px;
              border-radius: 50%;
              border: 1px solid var(--color1);
              display: inline-flex;
              align-items: center;
              justify-content: center;
              background-color: #fff;
              transition: all.3s ease-in-out;

              &::before {
                  content: '\f00c';
                  font-family: 'Font Awesome 6 Free';
                  font-weight: 900;
                  color: #fff;
                  font-size: 12px;
              }
          }

          &.selected {
              .rounded-select {
                  background-color: var(--primary-color);
                  border-color: var(--primary-color);
              }
          }
      }

      .choose-account-single.selected {
          background: #171717 !important;
      }

      .choose-account-single.selected .choose-account-single-contents-title {
          color: #ffffff;
      }

      .choose-account-single.selected .choose-account-single-thumb svg path {
          fill: var(--color12);
      }
  }

  .setup-wrapper-left::before {
      display: none;
  }

  .profile-settings-wrapper {
      .single-profile-settings {
          border: 1px solid var(--color1);
      }
  }

  .section-bg-2 {
      background-color: #2c2c2c !important;
  }

  .custom-form .single-input .label-title,
  .custom-form .form-group .label-title {
      font-size: 14px;
      line-height: 1.1;
      color: #0b6c6f !important;
  }

  .custom-form .single-input .form--control {
      height: auto;
      font-size: 14px;
  }

  .submit-btn {
      padding: 10px 20px;
      font-size: 14px;
  }

  .login-others-single-btn {
      padding: 6px 10px;
  }

  .started-single+.started-single {
      margin-top: 34px;
  }

  .started-single-thumb {
      height: 40px;
      width: 40px;
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #F7F7F7;

      svg circle {
          fill: transparent;
      }
  }

  .started-single-contents-title+.started-single-contents-para {
      margin-top: 12px;
  }

  .checkbox-inline .checkbox-label {
      font-size: 14px;
      color: #ffff;
  }

  .login-wrapper-form {
      .g-recaptcha {
          width: 100%;
      }
  }

  .profile-settings-menu-item:hover .profile-settings-menu-item-link,
  .profile-settings-menu-item.active .profile-settings-menu-item-link {
      background-color: #FDF4F7;
  }

  /* Contact page */
  .contact-info-item-icon {
      background-color: #fff;
      border-color: var(--primary-color);
  }

  .contact-info-item-title {
      line-height: 1.3;
  }

  .contact-info-item-para {
      margin-top: 0;
  }

  /* Login page */
  .login-others-single-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 500;
      gap: 8px;

      svg {
          width: 16px;
          height: 16px;
      }
  }

  /* Responsive Design */
  /* Banner Part */
  /* @media only screen and (max-width: 1550px) {
      .influencer_banner {
          .image-part {
              height: 640px;

              .img-wraper {
                  width: 678px;
              }
          }
      }
  } */

  @media only screen and (max-width: 1439px) {
      .marketplace_card_grid {
          grid-template-columns: 3fr 1fr 3fr 1fr 3fr 1fr 3fr;
          gap: 16px;
      }
  }

  /* @media only screen and (max-width: 1399.98px) {
      .influencer_banner {
          .image-part {
              height: 550px;

              .img-wraper {
                  width: 540px;
              }
          }
      }
  } */

  @media only screen and (max-width: 1199.98px) {

      /* padding-setting */
      .pab-120 {
          padding-bottom: 70px !important;
      }

      .pat-120 {
          padding-top: 70px !important;
      }

      .pat-80 {
          padding-top: 40px !important;
      }

      .pab-80 {
          padding-bottom: 40px !important;
      }

      .pat-60 {
          padding-top: 40px !important;
      }

      .pab-60 {
          padding-bottom: 40px !important;
      }

      /* Title Setting */
      .title1 {
          font-size: 44px;
      }

      /* Button Setting */
      .inf-cmn-btn {
          padding: 10px 18px;
          font-size: 14px;
          border-radius: 8px;

          &.style2.md-radius {
              border-radius: 6px;
          }
      }

      /* Components */
      .influencer_card,
      .inf-job-card,
      .why-chose-card,
      .customer-satification-stats-card,
      .inf-project-card,
      .inf-price-plan-card,
      .image-upload-area-card {
          border-radius: 12px;
      }

      /* Banner Part */
      .influencer_banner {
          .banner-text-wraper {
              max-width: 480px;

              .banner-des {
                  font-size: 16px;
              }
          }
      }

      /* .influencer_banner {
          .image-part {
              height: 510px;

              .img-wraper {
                  width: 675px;
              }
          }
      } */

      /* Client Review */
      .review-slider-wraper-container {
          gap: 40px;
      }

      .review-slider-wraper-container {
          & .slider_left_card {
              .review-des {
                  margin-bottom: 40px;
              }
          }
      }

      /* influencer details */
      .influencer-details-part-wraper {
          .profile-status-bottom-part {
              justify-content: end;
          }
      }

      /* Footer */
      .influencer-footer {
          .footer-area-wrapper {
              padding-bottom: 24px;
          }
      }

      .influencer-footer .newsletter_input {
          padding: 10px 16px;
          border-radius: 8px;
      }
  }

  @media only screen and (max-width: 991.98px) {

      /* Title Settings */
      .influencer {
          font-size: 14px;
      }

      .title1 {
          font-size: 38px;
      }

      .title2 {
          font-size: 32px;
          line-height: 1.2;
      }

      .title3 {
          font-size: 28px;
          line-height: 1.26;
      }

      .title4 {
          font-size: 24px;
          line-height: 1.2;
      }

      .title5 {
          font-size: 20px;
          line-height: 1.2;
      }

      .title6 {
          font-size: 18px;
          line-height: 1.2;
      }

      .title7 {
          font-size: 16px;
          line-height: 1.2;
      }

      .lg-font {
          font-size: 16px;
          line-height: 1.2;
      }

      .md-font {
          font-size: 16px;
          line-height: 1.4;
      }

      .sm-font {
          font-size: 12px;
          line-height: 1.4;
      }

      /* Banner Part */
      .influencer_banner {
          .banner-text-wraper {
              margin-top: 0;
              max-width: 100%;
              padding-block: 50px;
          }

          .image-part {
              display: none;
          }
      }

      /* our sponsor */
      .our-sponsor-section {
          padding-top: 26px !important;
          padding-bottom: 26px !important;
      }

      .our-sponsor-inner {
          .sponsor_brand_container {
              .sopnsor_brand {
                  flex-shrink: 0;
                  padding: 0 30px;
                  max-width: 190px;
              }
          }
      }

      /* Marketplace Work */
      .marketplace_card_grid {
          grid-template-columns: 1fr 1fr;
          row-gap: 34px;

          .img-part {
              max-width: 150px;
              max-height: 150px;
          }

          .market-place-work-card+.img {
              display: none;
          }
      }

      /* Customer Statifaction */
      .customer-satification-stats-card {
          .img {
              margin-bottom: 45px;
          }
      }

      /* why chose card */
      .why-chose-card {
          .img-wraper {
              width: 24px;
              height: 24px;
              border-radius: 6px;

              img {
                  width: 16px;
                  height: 16px;
              }
          }
      }
  }

  @media (min-width: 300px) and (max-width: 991.98px) {
      .container.nav-container {
          position: relative;
          min-height: auto;
      }

      .navbar-area .nav-container .logo-wrapper {
          height: auto;
      }

      .navbar-area .nav-container .responsive-mobile-menu {
          position: absolute;
          right: 10px;
          top: 50px;
          display: inline-flex;
          gap: 8px;
          width: auto;

          .click-nav-right-icon,
          .navbar-toggler {
              position: static;
              transform: translateY(0);
              color: white;
          }
      }

      .show-nav-content.show {
          margin-top: 60px;
      }
  }

  @media only screen and (max-width:767.98px) {

      /* Client Review */
      .review-slider-wraper-container {
          gap: 0;
          justify-content: space-between;

          .review-right-wraper {
              display: none;
          }
      }

      /*profile details*/
      .influencer-details-part-wraper {
          .top-part {
              flex-direction: column;
          }

          .profile-status-top-part,
          .profile-status-bottom-part {
              justify-content: start;
          }
      }

      .project-owner {
          .social-icon-wraper {
              flex-wrap: wrap;
          }
      }
  }

  @media only screen and (max-width:475.98px) {

      /* Title */
      .title1 {
          font-size: 30px;
      }

      .title2 {
          font-size: 28px;
      }

      .title3 {
          font-size: 24px;
      }

      /* Client Review */
      .slider_left_card {
          span:has(i) i {
              font-size: 12px;
          }
      }

      /* final project details*/
      .projecte-details-slider-wraper {
          & .small-slider-image-wraper {
              .small-images-wraper {
                  max-height: 46px;
                  max-width: 152px;

                  .small-image img {
                      width: 40px;
                      height: 30px;
                  }
              }
          }
      }

      .project-review-wraper {
          .full-rating-wraper {
              flex-direction: column;

              .left-part {
                  padding: 0 20px 20px 20px;
                  border-right: none;
                  border-bottom: 1px solid var(--color1);
                  width: 100%;
                  max-width: 100%;

                  .stars-container {
                      justify-content: center;
                  }
              }

              .right-part {
                  width: 100%;
              }
          }
      }

      /* final job details */
      .project-owner {
          .left-part .inf-img {
              width: 50px;
              height: 50px;
          }
      }
  }

  /* my css */
  section.influencer.influencer-market-place.pat-120.pab-120 {
      background-color: #171717 !important;
  }

  section.influencer.influencer-customer-satification.bg-primary-one.pat-120.pab-120 {
      /* background: #2c2c2c !important; */

  }

  section.influencer.influencer-pricing-plan.bg-primary-one.pat-120.pab-120 {
      /* background: #171717 !important; */

  }

  section#faq {
      background: #171717 !important;
  }

  section.influencer.influencer-featured-section.pat-120.pab-60 {
      background: #171717 !important;
  }

  .mobile-padding-wrapper {
      background: #171717;
  }
  button.inf-cmn-btn.style2.inf-primary-btn.basic_standard_premium.choose_basic_standard_premium_shake {
    width: 100% !important;
}
button.inf-cmn-btn.style2.inf-black-btn-outline.w-100 {
    width: 100% !important;
    color: #57a6a9 !important;
}


.custom_table td button.btn {
    font-size: 12px;
    padding: 5px;
    height: 27px;
    width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom_table td .badge{
    font-weight: 300;
    font-size: 12px;
}
.custom_table td .modal-footer button{
    width: auto;
}


.card.campaign-card p{
    min-height: 60px;
    line-height: 1.4;
    padding: 5px 0;
}
.card.campaign-card span{
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 1px;
}