/* 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);
}
.si {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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;
}
.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: var(--color7);
}
.bg-primary-two {
    background-color: var(--color6);
}
.bg_black {
    background-color: var(--text-color);
}
.bg_white {
    background-color: var(--color0);
}
.bg_gray {
    background-color: #f9f9f9;
}
/*Text Settings*/
.influencer {
    font-family: var(--urbanist-font);
    font-size: 16px;
    line-height: 1.5;
    color: var(--paragraph-color);
    p{
        color: var(--paragraph-color);
    }
} 
.inf-title {
    color: var(--text-color);
    font-family: var(--urbanist-font);
}
.title1 {
    font-size: 64px;
    line-height: 1.15;
}
.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: 24px;
    line-height: 1.2;
}
.title7 {
    font-size: 22px;
    line-height: 1.2;
}
.lg-font {
    font-size: 20px;
    line-height: 1.2;
}
.md-font {
    font-size: 18px;
    line-height: 1.4;
}
.sm-font {
    font-size: 14px;
    line-height: 1.4;
}
.fw_bolder {
    font-weight: 800;
}
.fw_bold {
    font-weight: 700;
}
.fw_semibold {
    font-weight: 600;
}
.fw_medium {
    font-weight: 500;
}
.red_text {
    color: var(--color3);
}
.golden_text {
    color: var(--color11);
}
.primary_text {
    color: var(--primary-color);
}

.green_text {
    color: var(--color8);
}
.white_text {
    color: var(--color0);
}
.black_text {
    color: var(--text-color);
}
.deep_black_text {
    color: var(--color12);
}
.text-with-icon {
    display: inline-flex;
    gap: 6px;
}
.oneline-text {
    height: 1.1875em;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.twoline-text {
    height: 3em;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.threeline-text {
    height: 4.28em;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/* Button Settings */
.inf-cmn-btn {
    padding: 12px 24px;
    border-radius: 10px;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    text-align: center; 
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    &.style2 {        
        padding: 10px 22px;
    }  
    &.style3 {        
        padding: 10px 35px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 500;
    }  
    &.style4 {        
        padding: 15px;
        border-radius: 8px;
    }  
    &.md-radius {
        border-radius: 10px;
    }
    &:has(i) {
        line-height: 1;
    }
}
.inf-black-btn-outline {
    background-color: transparent;
    color: var(--text-color);
    border-color: var(--color2);
    &: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-color: var(--primary-color);
    color: var(--color0);
    border-color: var(--primary-color);
    &:hover {
        color: var(--color0);
        border-color: var(--color12);
        background-color: var(--color12);
    }
}  
.inf-primary-outline-btn {
    background-color: transparent;
    color: var(--primary-color);
    border-color: var(--primary-color);
    &: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 {
    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: var(--color12);
    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;
}
.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;
}
.select2-container--open .select2-dropdown--below{
    top: 10px;
}
.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;
}
.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);
    background-color: var(--color5);
}
.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: var(--text-color);
            font-weight: 500;
        }
    }
    .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;
        }
    }
}
/* Component Setting */
.influencer_card {
    padding: 16px;
    border-radius: 12px;
    background: var(--color0);
    border: 1px solid var(--color1);
    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 {
        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: -2px;
    }
    .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: 24px;
        gap: 8px;
        .followers {
            font-size: 14px;
            font-weight: 600;
            .black_text {
                font-size: 16px;
            }
        }
    }
    .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;
    background: var(--color0);
    border: 1px solid var(--color1);
    .card-header {
        all: unset;
        display: flex;
        justify-content: space-between;
        gap: 14px;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid var(--color1);
        background: transparent;
    }
    .left-part {
        display: flex;
        gap: 12px;
        .img-wraper {
            flex-shrink: 0;
            width: 50px;
            height: 50px;
            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 var(--color1);
    height: 100%;
    .img-wraper {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--primary-color);
        flex-shrink: 0;
    }
}
.customer-satification-stats-card {
    padding: 24px;
    border-radius: 16px;
    background-color: var(--color6);
    height: 100%;
    color: #4c2328cc;
    font-weight: 600;
    .img {
        margin-bottom: 90px;
    }
    &.dark-bg {
        background-color: #2A2B2C;
        color: var(--color0);
    }
}
.inf-project-card {
    padding: 16px;
    border-radius: 12px;
    border: 1px solid var(--color1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    .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: var(--text-color);
            font-weight: 600;
        }
    }
    .bottom-part {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 12px;
    }
    .ratings {
        display: inline-flex;
        align-items: center;
    }
}
.inf-price-plan-card {
    padding: 24px;
    border-radius: 16px;
    background-color: var(--color0);
    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;
    }
    .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;
            &::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: var(--primary-color);
                }
            }
           &.cross {
                &::before {
                    content: "\f00d";
                    background-color: var(--color4);
                }
            }
        }
    }
    .inf_card_footer {
        margin-top: 52px;
    }
    &:hover,
    &.active {
        background-color: var(--color6);
        .pricing_plan_header {
            border-color: #4C23281A;
        }
        .plan-feature-list li::before {
            background-color: var(--primary-color);
        }
       .price {
            color: var(--primary-color);
       }
       .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;
        }
    }
    .drag-drop {
        font-size: 12px;
        color: var(--color12);
        margin: 16px 0 8px 0 ;
    }
}
.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: 500;
        color: var(--paragraph-color);
        margin: 12px 0 8px 0;
    }
    .blog-title {
        color: var(--color12);
        font-weight: 600;
        font-size: 18px;
        line-height: 1.4;
    }
}
/* NavBar Section */
.header-shadow {
    box-shadow: 0 4px 8px 0 #0000000F;
}
.influencer-header {
    .navbar-area {
        padding-block: 18px;
    }
    .navbar-area .nav-container {
        padding: 0 10px !important;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li a{
        font-family: var(--urbanist-font);
        color: var(--text-color);
        font-weight: 600;
        font-size: 16px;
    }
    .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);
        &: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;
        &: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;
        }
        .banner-des {
            margin-top: 24px;
            color: var(--text-color);
            max-width: 620px;
            font-size: 20px;
            font-weight: 500;
        }
        .banner-btn-wraper {
            margin-top: 40px;
        }
    }
    .image-part {
        position: relative;
        z-index: 1;
        flex: 1;
        height: 750px;
        .img-wraper {
            position: absolute;
            top: 0;
            left: -40px;
            width: 800px;
            height: 100%;
            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
    }
}
/* 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%;
    }
    .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 var(--primary-color);
            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 var(--color1);
        .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 {
            height: 4.7em;
        }
        .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: var(--color0);
    .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: 16px;
    }
}

/* 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: var(--text-color);
}
.footer_newslatter {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    form {
        max-width: 562px;
        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: #ffffffa6;
        font-weight: 400;
    }
    .footer-area-wrapper {
        padding-bottom: 44px;
    }
    .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: #ffffffa6;
        &: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: var(--primary-color);
            }

        }
    }
}
.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: var(--color12);
    }
    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: #1B1F35;
            font-weight: 700;
        }
        .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: var(--color12);
            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: var(--color14);
            }
            .date {
                font-size: 12px;
                color: #BEBEC5;
            }
        }
    }
    .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;
        }
        .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: var(--paragraph-color);
        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-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: var(--text-color);
            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;
                &::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: #f9f9f9;
}
.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: 16px;
    }
    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;
        }
    }
    .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: #ff5b6b1a;
    }
    .choose-account-single.selected .choose-account-single-contents-title {
        color: var(--color12);
    }
    .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: #ffffff;
}
.custom-form .single-input .label-title, .custom-form .form-group .label-title {
    font-size: 14px;
    line-height: 1.1;
}
.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;
}
.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: 510px;
            }
        }
    }
    /* 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: 0px;
        display: inline-flex;
        gap: 8px;
        width: auto;
        .click-nav-right-icon,
        .navbar-toggler {
            position: static;
            transform: translateY(0);
        }
    }
    .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;
        }
    }
}