Icons
<div class="icons">
<div class="container">
<h2>Icons</h2>
<div class="icons-list">
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Mail" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="78" height="60" viewBox="0 0 78 60">
<path d="M7.313,60A7.411,7.411,0,0,1,0,52.5V20.562a.91.91,0,0,1,1.48-.732C4.891,22.548,9.413,26,24.957,37.578c3.212,2.406,8.635,7.47,14.046,7.44,5.435.042,10.969-5.13,14.058-7.44C68.6,26,73.109,22.53,76.526,19.812A.913.913,0,0,1,78,20.544V52.5A7.411,7.411,0,0,1,70.687,60ZM39,40c-3.533.06-8.623-4.566-11.185-6.468C7.6,18.486,6.061,17.154,1.4,13.422A3.807,3.807,0,0,1,0,10.47V7.5A7.411,7.411,0,0,1,7.313,0H70.687A7.411,7.411,0,0,1,78,7.5v2.97a3.774,3.774,0,0,1-1.4,2.952c-4.663,3.75-6.2,5.064-26.419,20.112C47.642,35.424,42.6,40,39.071,40Z" transform="translate(0 0)"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Phone" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="75.604" height="75.604" viewBox="0 0 75.604 75.604">
<g transform="matrix(0.951, 0.309, -0.309, 0.951, 18.541, 0)">
<path d="M58.289,42.4,45.163,36.773a2.813,2.813,0,0,0-3.281.809l-5.813,7.1A43.437,43.437,0,0,1,15.3,23.919l7.1-5.813a2.806,2.806,0,0,0,.809-3.281L17.59,1.7A2.831,2.831,0,0,0,14.367.071L2.18,2.883A2.813,2.813,0,0,0,0,5.624,54.37,54.37,0,0,0,54.376,60a2.813,2.813,0,0,0,2.742-2.18L59.93,45.633A2.847,2.847,0,0,0,58.289,42.4Z" transform="translate(0 0)"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Search" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="38.123" height="38.124" viewBox="0 0 38.123 38.124">
<g id="Icon_feather-search" data-name="Icon feather-search" transform="translate(-3 -3)">
<path id="Path_1" data-name="Path 1" d="M35.2,19.852A15.352,15.352,0,1,1,19.852,4.5,15.352,15.352,0,0,1,35.2,19.852Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
<path id="Path_2" data-name="Path 2" d="M33.234,33.234l-8.259-8.259" transform="translate(5.768 5.768)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Facebook" data-bs-placement="top">
<svg id="default_facebook" data-name="default/facebook" xmlns="http://www.w3.org/2000/svg" width="30" height="60" viewBox="0 0 30 60">
<g id="facebook-logo_1_copy_2" data-name="facebook-logo (1) copy 2">
<path d="M28.87.012,21.675,0C13.591,0,8.366,5.8,8.366,14.766v6.808H1.131A1.18,1.18,0,0,0,0,22.8v9.864a1.18,1.18,0,0,0,1.131,1.223H8.366V58.777A1.18,1.18,0,0,0,9.5,60h9.439a1.18,1.18,0,0,0,1.131-1.223V33.886h8.459a1.18,1.18,0,0,0,1.131-1.223l0-9.864a1.278,1.278,0,0,0-.331-.865,1.09,1.09,0,0,0-.8-.359H20.069V15.8c0-2.774.611-4.182,3.953-4.182l4.847,0A1.18,1.18,0,0,0,30,10.4V1.236A1.181,1.181,0,0,0,28.87.012Z" transform="translate(0)"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Twitter" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="76.154" height="60" viewBox="0 0 76.154 60">
<path d="M68.326,14.953c.048.656.048,1.313.048,1.969C68.374,36.937,52.67,60,23.967,60A45.1,45.1,0,0,1,0,53.2a33.275,33.275,0,0,0,3.769.187,31.876,31.876,0,0,0,19.377-6.469,15.584,15.584,0,0,1-14.593-10.5,20.276,20.276,0,0,0,2.948.234,16.988,16.988,0,0,0,4.107-.516A15.266,15.266,0,0,1,3.092,21.281v-.187a16.087,16.087,0,0,0,7.055,1.922A15.017,15.017,0,0,1,3.189,10.406,14.685,14.685,0,0,1,5.315,2.766,44.831,44.831,0,0,0,37.5,18.609a16.6,16.6,0,0,1-.387-3.469A15.372,15.372,0,0,1,52.718,0a15.8,15.8,0,0,1,11.4,4.781,31.312,31.312,0,0,0,9.906-3.656,15.193,15.193,0,0,1-6.862,8.344,32.052,32.052,0,0,0,8.988-2.344A33.022,33.022,0,0,1,68.326,14.953Z"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Instagram" data-bs-placement="top">
<svg id="default_instagram" data-name="default/instagram" xmlns="http://www.w3.org/2000/svg" width="60.001" height="60.001" viewBox="0 0 60.001 60.001">
<g id="instagram_6_copy_4" data-name="instagram (6) copy 4">
<path id="Combined_Shape" data-name="Combined Shape" d="M18.749,60A18.772,18.772,0,0,1,0,41.249v-22.5A18.77,18.77,0,0,1,18.749,0h22.5A18.772,18.772,0,0,1,60,18.749v22.5A18.774,18.774,0,0,1,41.249,60ZM5.625,18.749v22.5A13.141,13.141,0,0,0,18.749,54.376h22.5A13.141,13.141,0,0,0,54.376,41.249v-22.5A13.141,13.141,0,0,0,41.249,5.625h-22.5A13.14,13.14,0,0,0,5.625,18.749ZM15,30A15,15,0,1,1,30,45,15.015,15.015,0,0,1,15,30Zm5.625,0A9.375,9.375,0,1,0,30,20.626,9.385,9.385,0,0,0,20.626,30ZM42.5,13.75A3.75,3.75,0,1,1,46.251,17.5,3.751,3.751,0,0,1,42.5,13.75Z"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Down caret" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="18.947" viewBox="0 0 30 18.947">
<g transform="translate(30 18.947) rotate(180)">
<path d="M2.019,0H27.981c1.8,0,2.694,2.415,1.423,3.831L16.428,18.29a1.88,1.88,0,0,1-2.856,0L.6,3.831C-.676,2.415.222,0,2.019,0Z" transform="translate(0 0)"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Up caret" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="18.947" viewBox="0 0 30 18.947">
<g transform="translate(30 -0.526) rotate(180)">
<path d="M2.019,0H27.981c1.8,0,2.694-2.415,1.423-3.831L16.428-18.29a1.88,1.88,0,0,0-2.856,0L.6-3.831C-.676-2.415.222,0,2.019,0Z" transform="translate(0 -0.526)"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Video" data-bs-placement="top">
<svg id="noun_Video_3387950" xmlns="http://www.w3.org/2000/svg" width="85.713" height="60" viewBox="0 0 85.713 60">
<g transform="translate(0 0)">
<path d="M56.492,60H7.792A7.978,7.978,0,0,1,0,51.864V8.136A7.978,7.978,0,0,1,7.792,0h48.7a7.979,7.979,0,0,1,7.794,8.136V19.165l15.685-8.818a3.77,3.77,0,0,1,1.844-.488A3.87,3.87,0,0,1,85.247,12a4.214,4.214,0,0,1,.466,1.928V44.266a3.989,3.989,0,0,1-3.895,4.068,3.806,3.806,0,0,1-1.744-.43L64.286,39.66v12.2A7.979,7.979,0,0,1,56.492,60ZM7.792,5.085a2.991,2.991,0,0,0-2.92,3.051V51.864a2.991,2.991,0,0,0,2.92,3.051h48.7a2.992,2.992,0,0,0,2.923-3.051V8.136a2.992,2.992,0,0,0-2.923-3.051ZM80.844,15.631,65.258,24.392V34.485l15.586,8.134Z"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Bulb" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="39.364" height="60" viewBox="0 0 39.364 60">
<g id="Shape_2" data-name="Shape 2" transform="translate(0.003)">
<path d="M23.64,60H15.734a1.337,1.337,0,0,1-1.138-.621,1.2,1.2,0,0,1,0-1.261A1.335,1.335,0,0,1,15.73,57.5h7.915a1.335,1.335,0,0,1,1.133.619,1.2,1.2,0,0,1,0,1.261A1.337,1.337,0,0,1,23.64,60Zm3.937-5H11.8a1.337,1.337,0,0,1-1.138-.621,1.2,1.2,0,0,1,0-1.259,1.333,1.333,0,0,1,1.133-.621h15.79a1.328,1.328,0,0,1,1.133.621,1.2,1.2,0,0,1,0,1.259A1.333,1.333,0,0,1,27.578,55Zm0-5H11.792a1.333,1.333,0,0,1-1.133-.621,1.2,1.2,0,0,1,0-1.259,1.333,1.333,0,0,1,1.133-.621h15.79a1.328,1.328,0,0,1,1.133.621,1.2,1.2,0,0,1,0,1.259A1.328,1.328,0,0,1,27.582,50Zm-.02-5H11.812a4.021,4.021,0,0,1-2.785-1.1,3.642,3.642,0,0,1-1.153-2.651A18.355,18.355,0,0,0,3.712,29.7,18.113,18.113,0,0,1,6.385,4.923a20.435,20.435,0,0,1,26.605,0,18.105,18.105,0,0,1,2.66,24.769A18.352,18.352,0,0,0,31.5,41.249,3.692,3.692,0,0,1,30.347,43.9,4.07,4.07,0,0,1,27.563,45ZM19.688,22.5a5.136,5.136,0,0,1,5.25,5A5.051,5.051,0,0,1,21,32.316V42.5h6.563a1.338,1.338,0,0,0,.928-.366,1.211,1.211,0,0,0,.385-.883,20.513,20.513,0,0,1,4.361-12.6,15.624,15.624,0,0,0-2.02-21.882,17.684,17.684,0,0,0-23.058,0,15.616,15.616,0,0,0-2.01,21.873A20.526,20.526,0,0,1,10.5,41.249a1.211,1.211,0,0,0,.385.883,1.338,1.338,0,0,0,.928.366h6.563V32.316a5.052,5.052,0,0,1-3.939-4.82A5.137,5.137,0,0,1,19.688,22.5Zm0,2.5a2.5,2.5,0,1,0,2.624,2.5A2.538,2.538,0,0,0,19.688,25ZM31.5,20a1.218,1.218,0,0,1-1.313-1.251,10.271,10.271,0,0,0-10.5-10A1.238,1.238,0,0,1,18.375,7.5a1.215,1.215,0,0,1,.34-.882,1.326,1.326,0,0,1,.973-.369c7.237,0,13.125,5.608,13.125,12.5a1.179,1.179,0,0,1-.323.869A1.384,1.384,0,0,1,31.5,20Z" transform="translate(-0.003 0)"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Gift" data-bs-placement="top">
<svg id="Shape_3" data-name="Shape 3" xmlns="http://www.w3.org/2000/svg" width="61.261" height="60" viewBox="0 0 61.261 60">
<path d="M54.3,60H6.962a4.136,4.136,0,0,1-4.177-4.084V25.967H1.393A1.379,1.379,0,0,1,0,24.6V16.436a4.136,4.136,0,0,1,4.177-4.084H18.461a7.343,7.343,0,0,1-1.3-7.627A7.614,7.614,0,0,1,23.458.044,7.87,7.87,0,0,1,24.286,0a7.7,7.7,0,0,1,6.346,3.3A7.7,7.7,0,0,1,36.911.086a7.793,7.793,0,0,1,2.3.346,7.458,7.458,0,0,1,5.346,7.157A7.329,7.329,0,0,1,42.8,12.352H57.085a4.135,4.135,0,0,1,4.176,4.084V24.6a1.378,1.378,0,0,1-1.391,1.362H58.477v29.95A4.136,4.136,0,0,1,54.3,60ZM36.2,25.967V57.278H54.3a1.379,1.379,0,0,0,1.393-1.362V25.967Zm-8.353,0V57.278h5.569V25.967Zm-22.278,0v29.95a1.379,1.379,0,0,0,1.393,1.362h18.1V25.967ZM36.2,15.076v8.167H58.477V16.436a1.377,1.377,0,0,0-1.391-1.36Zm-8.353,0v8.167h5.569V15.076Zm-23.67,0a1.378,1.378,0,0,0-1.393,1.36v6.807H25.061V15.076ZM36.9,2.823a4.826,4.826,0,0,0-4.874,4.766v4.764H36.9a4.824,4.824,0,0,0,4.872-4.764A4.825,4.825,0,0,0,36.9,2.823Zm-12.53,0a4.826,4.826,0,0,0-4.874,4.766,4.825,4.825,0,0,0,4.874,4.764h4.872V7.588A4.825,4.825,0,0,0,24.366,2.823Z" transform="translate(0 0)"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Image" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="77.207" height="60" viewBox="0 0 77.207 60">
<g id="noun_Image_1570203" transform="translate(0 -0.4)">
<g transform="translate(0 0.4)">
<path d="M72.059,60H5.148A5.228,5.228,0,0,1,0,54.707V5.295A5.229,5.229,0,0,1,5.148,0H72.059a5.229,5.229,0,0,1,5.148,5.295V54.707A5.228,5.228,0,0,1,72.059,60ZM57.449,34.358h0L46.244,46.6l8.579,9.871H72.059a1.7,1.7,0,0,0,1.715-1.763V52.722L57.449,34.358Zm-32.6-7.032L3.431,50.985v3.722A1.7,1.7,0,0,0,5.148,56.47H50.21L24.85,27.326ZM57.482,30a1.724,1.724,0,0,1,1.254.556L73.774,47.483V5.295A1.7,1.7,0,0,0,72.059,3.53H5.148A1.7,1.7,0,0,0,3.431,5.295V45.8L23.617,23.492a1.7,1.7,0,0,1,.993-.55,1.587,1.587,0,0,1,.256-.021,1.726,1.726,0,0,1,1.3.6L43.939,43.953l12.277-13.4A1.715,1.715,0,0,1,57.369,30Q57.425,30,57.482,30Z" transform="translate(0 0)"/>
</g>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Camera" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="73.846" height="60" viewBox="0 0 73.846 60">
<g id="noun_Camera_1683400" transform="translate(0.215 -0.514)">
<g transform="translate(-0.215 0.514)">
<path d="M63.94,60H9.907A9.819,9.819,0,0,1,0,50.293V18.53A9.819,9.819,0,0,1,9.907,8.823h9.6L22.655,1.13A1.788,1.788,0,0,1,24.315,0H49.531a1.788,1.788,0,0,1,1.66,1.13l3.153,7.693h9.6a9.819,9.819,0,0,1,9.907,9.707V50.293A9.819,9.819,0,0,1,63.94,60ZM9.907,12.353A6.175,6.175,0,0,0,3.6,18.53V50.293a6.175,6.175,0,0,0,6.3,6.177H63.94a6.175,6.175,0,0,0,6.3-6.177V18.53a6.175,6.175,0,0,0-6.3-6.177H53.134a1.8,1.8,0,0,1-1.662-1.1l-3.151-7.72h-22.8l-3.151,7.72a1.8,1.8,0,0,1-1.662,1.1ZM36.923,51.177a16.959,16.959,0,0,1-17.11-16.765,17.113,17.113,0,0,1,34.22,0A16.959,16.959,0,0,1,36.923,51.177Zm0-30A13.239,13.239,0,1,0,50.43,34.412,13.39,13.39,0,0,0,36.923,21.176Z" transform="translate(0)"/>
</g>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Expand" data-bs-placement="top">
<svg id="expand-solid" xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45">
<path d="M31.277,45a1.115,1.115,0,0,1-1.112-1.112V40.179a1.116,1.116,0,0,1,1.112-1.114h7.787V31.277a1.116,1.116,0,0,1,1.114-1.112h3.709A1.115,1.115,0,0,1,45,31.277v11.5A2.219,2.219,0,0,1,42.774,45ZM2.226,45A2.219,2.219,0,0,1,0,42.774v-11.5a1.115,1.115,0,0,1,1.112-1.112H4.821a1.116,1.116,0,0,1,1.114,1.112v7.787h7.787a1.116,1.116,0,0,1,1.112,1.114v3.709A1.115,1.115,0,0,1,13.723,45ZM40.179,14.834a1.116,1.116,0,0,1-1.114-1.112V5.935H31.277a1.116,1.116,0,0,1-1.112-1.114V1.112A1.115,1.115,0,0,1,31.277,0h11.5A2.219,2.219,0,0,1,45,2.226v11.5a1.115,1.115,0,0,1-1.112,1.112Zm-39.067,0A1.115,1.115,0,0,1,0,13.723V2.226A2.219,2.219,0,0,1,2.226,0h11.5a1.115,1.115,0,0,1,1.112,1.112V4.821a1.116,1.116,0,0,1-1.112,1.114H5.935v7.787a1.116,1.116,0,0,1-1.114,1.112Z" transform="translate(0 0)" fill="#fff"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Add Plus" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45">
<g id="noun_Plus_292125" transform="translate(-0.333 -0.342)">
<path d="M22.5,45a22.429,22.429,0,1,1,8.47-1.645A22.464,22.464,0,0,1,22.5,45Zm0-42.352a19.859,19.859,0,0,0-14.038,33.9A19.856,19.856,0,0,0,36.538,8.464,19.721,19.721,0,0,0,22.5,2.648Zm0,30.958a1.325,1.325,0,0,1-1.324-1.324V23.829H12.725a1.324,1.324,0,0,1,0-2.648h8.451V12.729a1.324,1.324,0,1,1,2.647,0v8.452h8.449a1.324,1.324,0,0,1,0,2.648H23.824v8.452A1.325,1.325,0,0,1,22.5,33.605Z" transform="translate(0.333 0.342)"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Right arrow" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="40" viewBox="0 0 60 40">
<path data-name="Icon ionic-ios-arrow-round-back" d="M46.145,12.018a2.721,2.721,0,0,0-.021,3.833l12.65,12.687H10.57a2.708,2.708,0,0,0,0,5.416h48.2L46.1,46.64a2.741,2.741,0,0,0,.021,3.833,2.7,2.7,0,0,0,3.814-.021l17.173-17.29h0a3.041,3.041,0,0,0,.563-.854,2.584,2.584,0,0,0,.208-1.042,2.715,2.715,0,0,0-.771-1.9L49.938,12.08A2.656,2.656,0,0,0,46.145,12.018Z" transform="translate(-7.882 -11.251)"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Location pin" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="41.25" height="60" viewBox="0 0 41.25 60">
<path id="Icon_material-location-on" data-name="Icon material-location-on" d="M28.125,3A20.8,20.8,0,0,0,7.5,24c0,15.75,20.625,39,20.625,39S48.75,39.75,48.75,24A20.8,20.8,0,0,0,28.125,3Zm0,28.5A7.5,7.5,0,1,1,35.491,24,7.437,7.437,0,0,1,28.125,31.5Z" transform="translate(-7.5 -3)"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Left arrow" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="40" viewBox="0 0 60 40">
<path data-name="Icon ionic-ios-arrow-round-back" d="M29.619,12.018a2.721,2.721,0,0,1,.021,3.833L16.989,28.537h48.2a2.708,2.708,0,0,1,0,5.416h-48.2L29.66,46.64a2.741,2.741,0,0,1-.021,3.833,2.7,2.7,0,0,1-3.814-.021L8.653,33.162h0a3.041,3.041,0,0,1-.563-.854,2.584,2.584,0,0,1-.208-1.042,2.715,2.715,0,0,1,.771-1.9L25.826,12.08A2.656,2.656,0,0,1,29.619,12.018Z" transform="translate(-7.882 -11.251)"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Be" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="98.171" height="60" viewBox="0 0 98.171 60">
<path id="Shape_Copy_2" data-name="Shape Copy 2" d="M77.649,60c-.519,0-.824-.016-.827-.016-7.814,0-13.825-2.2-17.865-6.537C52.845,46.884,53.433,37.6,53.44,37.51a26.989,26.989,0,0,1,2.934-11.321c2.667-5.126,8.379-11.236,20.448-11.236,7.091,0,12.535,2.117,16.182,6.293,6.513,7.458,5.026,19.093,5.011,19.21H66.478c0,4.11,1.521,7.056,4.518,8.752a12.289,12.289,0,0,0,5.811,1.462c.239,0,.373-.009.373-.009,3.82,0,6.595-.887,8.249-2.636a5.418,5.418,0,0,0,1.53-3.682h10.7c0,6.275-2.879,10.771-8.552,13.367A29.141,29.141,0,0,1,77.649,60Zm-.592-36.442c-9.287,0-10.684,8.942-10.7,9.033H86.335a10.082,10.082,0,0,0-2.568-6.576A9.024,9.024,0,0,0,77.057,23.558ZM31.885,58.753c-.129,0-.2,0-.2,0H0V0H31.683C42.305,0,48.9,5.993,48.9,15.64c0,10.4-9.185,11.171-9.278,11.178a10.175,10.175,0,0,1,8.038,3.342c3.778,4.314,3.379,11.173,3.371,11.237C51.034,58.266,33.845,58.753,31.885,58.753ZM13.961,32.591V48.32H30.794c4.837-.113,7.29-2.683,7.29-7.638.01-2.725-.7-4.824-2.11-6.239a6.536,6.536,0,0,0-4.288-1.852Zm0-22.154V23.558H30.588c2.8,0,5.4-.849,5.4-7.005,0-6.047-4.257-6.117-4.3-6.117Zm74.892.255H63.719V3.461H88.854v7.231Z"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Clock" data-bs-placement="top">
<svg id="clock-solid" xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45">
<path d="M22.5,45A22.5,22.5,0,0,1,6.589,6.589,22.5,22.5,0,0,1,38.411,38.411,22.353,22.353,0,0,1,22.5,45ZM21.048,7.984A1.453,1.453,0,0,0,19.6,9.435V23.548a3.616,3.616,0,0,0,1.361,2.834l6.079,4.51a1.46,1.46,0,0,0,.906.319A1.3,1.3,0,0,0,28.1,31.2a1.437,1.437,0,0,0,.973-.536L30.891,28.4a1.451,1.451,0,0,0-.225-2.041L25.4,22.5V9.435a1.453,1.453,0,0,0-1.451-1.451Z" transform="translate(0 0)"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Hand shake" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="82.193" height="47.601" viewBox="0 0 82.193 47.601">
<path d="M43.515,47.6a4.934,4.934,0,0,1-2.96-.994c-1.123-.895-2.162-1.721-2.853-2.266a6.935,6.935,0,0,1-2.877,2.366,3.388,3.388,0,0,1-1.326.27,3.35,3.35,0,0,1-1.278-.257,5.918,5.918,0,0,1-2.6-2.483,4.255,4.255,0,0,1-2.811-.422,5.388,5.388,0,0,1-2.193-2.42,3.753,3.753,0,0,1-1.433.3,3.373,3.373,0,0,1-.944-.135,5.473,5.473,0,0,1-3.088-3.378c-1.494-.652-4.97-2.537-4.97-5.927a1.347,1.347,0,0,1,.065-.417,13.422,13.422,0,0,1,.632-1.487L13.637,29.5l-.783,1.637a1.351,1.351,0,0,1-.788.7,1.425,1.425,0,0,1-.429.07,1.358,1.358,0,0,1-.618-.149L.732,26.454a1.353,1.353,0,0,1-.585-1.813L12.231.743A1.353,1.353,0,0,1,13.435,0a1.362,1.362,0,0,1,.614.148l9.785,5a1.36,1.36,0,0,1,.606,1.79l-.981,2.046,2.135,1.2c1.739-1.057,4.151-2.507,5.753-3.412a6.851,6.851,0,0,1,3.327-1.056,4.888,4.888,0,0,1,3.052,1.163c2.3-1.471,3.945-2.1,5.515-2.1a5.752,5.752,0,0,1,2.406.534c.772.348,3.006,1.272,9.27,3.7l4.522-1.487-.716-1.774a1.355,1.355,0,0,1,.8-1.779L70.4.079a1.346,1.346,0,0,1,1.708.774l9.988,25.1v.012a1.351,1.351,0,0,1-.771,1.757L70.645,31.815a1.348,1.348,0,0,1-1.734-.757l-.793-1.968-2.17.961a4.436,4.436,0,0,1-1.023,5.158,5.4,5.4,0,0,1-3.64,1.409l-.162,0c-.028,0-.056,0-.084-.005s-.059-.005-.089-.005a6.393,6.393,0,0,1-5.905,4.109,5.534,5.534,0,0,1-.779-.06,6.15,6.15,0,0,1-4,3.149,6.3,6.3,0,0,1-1.422.182,4.888,4.888,0,0,1-2.564,2.988,6.04,6.04,0,0,1-2.662.627Zm-13-15.841a4.679,4.679,0,0,1,2.74.88,4.03,4.03,0,0,1,1.786,3.706,4.5,4.5,0,0,1,3.321,1.69,4.683,4.683,0,0,1,.594,3.86c.369.288,1.7,1.335,3.28,2.6a2.864,2.864,0,0,0,2.834.058A2.223,2.223,0,0,0,46.238,43.3a3.386,3.386,0,0,1-.5-.391l-4.793-4.8L42.853,36.2l4.8,4.8a2.437,2.437,0,0,0,1.967.184,3.539,3.539,0,0,0,2.2-1.674c-1.793-1.622-5.7-5.523-6.468-6.289l-.011-.011a1.361,1.361,0,0,1,.016-1.895,1.35,1.35,0,0,1,1.891-.016c.024.027,4.79,4.8,6.534,6.352a2.633,2.633,0,0,0,2.429.161,3.708,3.708,0,0,0,2.116-1.93c-1.343-.9-7.524-7-7.786-7.261a1.35,1.35,0,0,1,1.89-1.926c2.437,2.4,6.6,6.411,7.391,6.939a1.6,1.6,0,0,0,.366.165H60.2a.026.026,0,0,1,.012,0,.026.026,0,0,0,.012,0,3.21,3.21,0,0,0,2.786-.5,1.921,1.921,0,0,0-.054-2.951l-.009-.01c-1.415-1.588-7.21-7.167-8.357-8.27A89.673,89.673,0,0,1,41.86,16.212l-1.42.93a6.194,6.194,0,0,1-2.391,3.692,3.717,3.717,0,0,1-3.074.718A4.7,4.7,0,0,1,31.721,19.6a6.372,6.372,0,0,1-.224-4.888A9.778,9.778,0,0,1,35.238,8.52a1.783,1.783,0,0,0-.6-.1,4.122,4.122,0,0,0-1.962.7c-1.31.744-3.523,2.061-6.233,3.71l-.121.073a1.349,1.349,0,0,1-1.364.023l-2.666-1.5L14.818,27.028l1.445.99a4.192,4.192,0,0,1,5.165-.974,3.493,3.493,0,0,1,2.068,3,4.569,4.569,0,0,1,5.419-.406,3.364,3.364,0,0,1,1.394,2.126C30.381,31.761,30.45,31.759,30.519,31.759Zm4.17,7.26h-.064l-2.73,3.736c.409.684,1.024,1.5,1.634,1.5a.663.663,0,0,0,.256-.053,5.329,5.329,0,0,0,2.534-2.89,2.205,2.205,0,0,0-.135-1.685A2.12,2.12,0,0,0,34.689,39.019Zm-4.142-4.56a1.881,1.881,0,0,0-.315.027,1.017,1.017,0,0,0-.594.329c-.36.808-2.12,3.6-2.86,4.765A3.433,3.433,0,0,0,28.1,41.435a1.635,1.635,0,0,0,1.3.084l2.876-4.946a1.432,1.432,0,0,0-.555-1.708A1.9,1.9,0,0,0,30.547,34.459Zm-4.068-2.828a1.874,1.874,0,0,0-1.492.746A53.361,53.361,0,0,0,21.7,37.295c.3.705.795,1.516,1.313,1.669a.586.586,0,0,0,.177.025,2.05,2.05,0,0,0,1.105-.538c1.024-1.6,2.638-4.191,2.881-4.748a.38.38,0,0,1,.036-.059.483.483,0,0,0,.034-.053.087.087,0,0,0,.008-.023.078.078,0,0,1,.01-.027c.347-.56.647-1.306.11-1.68A1.873,1.873,0,0,0,26.479,31.631Zm-7.04-2.364a1.62,1.62,0,0,0-1,.345,14.1,14.1,0,0,0-1.552,2.849c.13,1.253,1.413,2.219,2.466,2.807.374-1.307.873-3.023,1.387-4.685a.818.818,0,0,0,0-.669.8.8,0,0,0-.5-.438A1.624,1.624,0,0,0,19.439,29.267Zm50.643-26.2L61.746,6.049l9.166,22.766,8.17-3.135Zm-56.057.112h0L3.159,24.662l7.86,4.053L21.436,6.96l-7.41-3.785ZM41.8,13.3a1.354,1.354,0,0,1,.649.166c.083.048,9.156,5.026,13.175,6.081a1.37,1.37,0,0,1,.592.333c.234.225,5.769,5.536,8.086,7.951l2.8-1.249L60.447,10.041,55.3,11.731a1.366,1.366,0,0,1-.423.067,1.342,1.342,0,0,1-.48-.088l-.3-.117c-6.4-2.478-8.726-3.441-9.55-3.813a3.066,3.066,0,0,0-1.3-.3c-1.017,0-2.285.525-4.11,1.7l-.581.371c-2.356,1.493-3.539,2.243-4.433,5.818-.458,1.835-.246,2.566-.079,2.839.213.355.707.5,1.494.7a1.151,1.151,0,0,0,.953-.271,3.509,3.509,0,0,0,1.371-2.408,1.356,1.356,0,0,1,.6-1.012l2.6-1.7A1.344,1.344,0,0,1,41.8,13.3Z" transform="translate(0 0)" fill="#fff"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Rupees" data-bs-placement="top">
<svg id="noun_Indian_Rupee_772000" data-name="noun_Indian Rupee_772000" xmlns="http://www.w3.org/2000/svg" width="51.563" height="51.563" viewBox="0 0 51.563 51.563">
<g transform="translate(0 0)">
<path d="M25.781,51.563A25.782,25.782,0,1,1,51.563,25.781,25.811,25.811,0,0,1,25.781,51.563Zm0-48.686a22.9,22.9,0,1,0,22.9,22.9A22.93,22.93,0,0,0,25.781,2.877Z" fill="#fff"/>
<path d="M19.566,1.554A1.547,1.547,0,0,0,18.012,0H1.611a1.554,1.554,0,1,0,0,3.108H7.827a4,4,0,0,1,3.626,2.359h-9.9a1.554,1.554,0,0,0,0,3.108h9.841a4,4,0,0,1-3.626,2.359H2.3a1.568,1.568,0,0,0-1.439.978,1.608,1.608,0,0,0,.345,1.726L12.258,24.688a1.567,1.567,0,1,0,2.187-2.244l-3.338-3.338L6.1,14.1H7.827a3.04,3.04,0,0,0,.748-.058,7.181,7.181,0,0,0,6.158-5.467h3.28a1.554,1.554,0,1,0,0-3.108h-3.28A5.813,5.813,0,0,0,13.7,3.108h4.259A1.527,1.527,0,0,0,19.566,1.554Z" transform="translate(15.998 13.178)" fill="#fff"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Down arrow" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="20.225" height="53.438" viewBox="0 0 20.225 53.438">
<g id="Group_2" data-name="Group 2" transform="translate(-0.414 0.753)">
<path id="Line_3" data-name="Line 3" d="M0,0H45.062" transform="translate(11.103 0.247) rotate(90)" fill="none" stroke="#000" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/>
<path d="M14.3,0V14.3H0Z" transform="translate(10.527 32.46) rotate(45)"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Left arrow" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45">
<path data-name="Icon ionic-ios-arrow-dropright-circle" d="M48.375,25.875a22.5,22.5,0,1,1-22.5-22.5A22.5,22.5,0,0,1,48.375,25.875Zm-26.448,0L30.786,17.1a2.088,2.088,0,1,0-2.953-2.953L17.513,24.5a2.086,2.086,0,0,0-.065,2.877l10.168,10.2a2.084,2.084,0,1,0,2.953-2.942Z" transform="translate(-3.375 -3.375)" fill="#fff"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Right arrow" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45">
<path data-name="Icon ionic-ios-arrow-dropright-circle" d="M3.375,25.875a22.5,22.5,0,1,0,22.5-22.5A22.5,22.5,0,0,0,3.375,25.875Zm26.448,0L20.964,17.1a2.088,2.088,0,0,1,2.953-2.953L34.237,24.5a2.086,2.086,0,0,1,.065,2.877l-10.168,10.2a2.084,2.084,0,1,1-2.953-2.942Z" transform="translate(-3.375 -3.375)" fill="#fff"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Diamond" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="56.568" height="56.568" viewBox="0 0 56.568 56.568">
<rect width="40" height="40" transform="translate(28.284) rotate(45)" fill="#fff"/>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Quotes" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="104.449" height="87.738" viewBox="0 0 104.449 87.738">
<g id="Group_37340" data-name="Group 37340" transform="translate(-910 -6835.723)">
<path d="M33.507,39.763a27.649,27.649,0,0,0-7.665-1.123,24.016,24.016,0,0,0-9.611,1.976C18.647,31.74,24.45,16.425,36.012,14.7a2.75,2.75,0,0,0,2.24-1.983l2.527-9.07A2.755,2.755,0,0,0,38.508.176,19.126,19.126,0,0,0,35.923,0C22.045,0,8.3,14.536,2.5,35.349-.9,47.56-1.9,65.917,6.485,77.472c4.692,6.466,11.538,9.918,20.348,10.263l.108,0a24.451,24.451,0,0,0,6.566-47.975Z" transform="translate(910 6835.724)" fill="#fff"/>
<path id="Path-2" data-name="Path" d="M48.15,51.3A24.428,24.428,0,0,0,33.506,39.762a27.648,27.648,0,0,0-7.664-1.123,24.023,24.023,0,0,0-9.612,1.976c2.416-8.876,8.22-24.191,19.783-25.915a2.752,2.752,0,0,0,2.24-1.983l2.527-9.07A2.755,2.755,0,0,0,38.509.176,19.1,19.1,0,0,0,35.924,0C22.046,0,8.3,14.536,2.5,35.349-.9,47.559-1.9,65.916,6.487,77.473c4.691,6.464,11.539,9.918,20.347,10.262l.109,0A24.45,24.45,0,0,0,48.15,51.3Z" transform="translate(963.157 6835.724)" fill="#fff"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Mouse" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="32.052" height="46.541" viewBox="0 0 32.052 46.541">
<g id="Group_37341" data-name="Group 37341" transform="translate(-431 -930)">
<path d="M16.026,46.541C7.189,46.541,0,39.074,0,29.9V16.644C0,7.466,7.189,0,16.026,0S32.052,7.466,32.052,16.644v13.3C32.052,39.1,24.862,46.541,16.026,46.541Zm0-43.458c-7.175,0-13.012,6.084-13.012,13.561V29.9c0,7.478,5.837,13.561,13.012,13.561A13.282,13.282,0,0,0,29.037,29.949v-13.3C29.037,9.166,23.2,3.083,16.026,3.083Z" transform="translate(431 930)" fill="#fff"/>
<path d="M-.108,0A1.513,1.513,0,0,1,1.349,1.564V7.036A1.513,1.513,0,0,1-.108,8.6,1.513,1.513,0,0,1-1.565,7.036V1.564A1.513,1.513,0,0,1-.108,0Z" transform="translate(447.459 942.646)" fill="#fff"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Coffee" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="67.8" height="64.714" viewBox="0 0 67.8 64.714">
<g id="Icon_feather-coffee" data-name="Icon feather-coffee" transform="translate(-1.5)">
<path id="Path_6" data-name="Path 6" d="M27,12h3.046a12.185,12.185,0,1,1,0,24.37H27" transform="translate(25.568 11.284)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
<path id="Path_7" data-name="Path 7" d="M3,12H51.741V39.417A12.185,12.185,0,0,1,39.556,51.6H15.185A12.185,12.185,0,0,1,3,39.417Z" transform="translate(0 11.612)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
<path id="Path_8" data-name="Path 8" d="M9,1.5v9.139" transform="translate(6.185 0)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
<path id="Path_9" data-name="Path 9" d="M15,1.5v9.139" transform="translate(12.686 0)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
<path id="Path_10" data-name="Path 10" d="M21,1.5v9.139" transform="translate(19.028 0)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Reward" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="63" viewBox="0 0 42 63">
<g id="Icon_feather-award" data-name="Icon feather-award" transform="translate(-6)">
<path id="Path_11" data-name="Path 11" d="M46.5,20.841A19.5,19.5,0,1,1,27,1.5,19.421,19.421,0,0,1,46.5,20.841Z" transform="translate(0 0)" fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
<path id="Path_12" data-name="Path 12" d="M13.882,20.848,10.5,46.018l13.974-8.289,13.974,8.289-3.382-25.2" transform="translate(2.526 15.482)" fill="none" stroke= "#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
</g>
</svg>
</div>
<div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-3" title="Clock2" data-bs-placement="top">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60">
<g id="Clock" transform="translate(0.125 0.125)">
<path d="M30,60A30,30,0,1,1,60,30,30.034,30.034,0,0,1,30,60ZM30,5A25,25,0,1,0,55,30,25.026,25.026,0,0,0,30,5ZM40,42.5a2.482,2.482,0,0,1-1.767-.733l-10-10A2.539,2.539,0,0,1,27.5,30V12.5a2.5,2.5,0,1,1,5,0V28.966l9.268,9.265A2.5,2.5,0,0,1,40,42.5Z" transform="translate(-0.125 -0.125)" fill="#fff"/>
</g>
</svg>
</div>
</div>
</div>
</div>