Icons

Icon Style

                    
<section class="icons elements">
    <div class="container">
        <div class="icons-block">
            <h2>Icon Style </h2>
            <div class="icon1">
               <div class="svg-whole-wrapper">
                    <div class="svg-wrapper"  data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Graduate">
                        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="26" viewBox="0 0 40 26">
                            <path  data-name="Path 41209" d="M168.014,151.113l-18.888,6.778a1.136,1.136,0,0,0,0,2.136l7.031,2.524v9.709a2.988,2.988,0,0,0,1.3,2.313,8.881,8.881,0,0,0,2.708,1.342,30.41,30.41,0,0,0,16.423,0,8.879,8.879,0,0,0,2.708-1.342,2.988,2.988,0,0,0,1.3-2.313v-6.266a1.112,1.112,0,1,0-2.222,0v6.266c0,.036-.029.214-.434.53a7.214,7.214,0,0,1-2.048.971,28.114,28.114,0,0,1-15.034,0,7.212,7.212,0,0,1-2.049-.971c-.4-.316-.434-.493-.434-.53v-8.914l9.635,3.46a1.1,1.1,0,0,0,.729,0l17.412-6.249v5.754a1.111,1.111,0,1,0,2.222,0v-7.343a1.16,1.16,0,0,0-.746-1.077l-18.888-6.778a1,1,0,0,0-.729,0Zm.365,2.259,15.537,5.578-15.537,5.6-15.555-5.578Z" transform="translate(-148.377 -151.043)" fill="#fff"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Search">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                            <path data-name="Union 56" d="M142.972,150a7.061,7.061,0,0,1-4.924-2.012L100.02,110.874a64.046,64.046,0,0,1-81.605-6.12,60.327,60.327,0,0,1,0-86.781,63.977,63.977,0,0,1,88.919,0,60.292,60.292,0,0,1,2.985,83.658l37.616,36.712,0,0a6.7,6.7,0,0,1,1.533,7.457,6.994,6.994,0,0,1-6.452,4.2ZM28.295,27.615a46.925,46.925,0,0,0,0,67.5,49.761,49.761,0,0,0,69.16,0,46.925,46.925,0,0,0,0-67.5,49.756,49.756,0,0,0-69.16,0Z" fill="#130f40"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Video-Icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                            <path  data-name="Path 40751" d="M201,56a75,75,0,1,0,75,75A75.057,75.057,0,0,0,201,56Zm0,7.5A67.5,67.5,0,1,1,133.5,131,67.444,67.444,0,0,1,201,63.5Zm-20.626,33.75v67.5L236.624,131Z" transform="translate(-126 -56)" fill="#130f40"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Marketing-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150.005" height="150" viewBox="0 0 150.005 150">
                            <g  data-name="Group 40587" transform="translate(15236.548 13023.971)">
                                <path data-name="Path 39244" d="M229.424,80.828l-11.841,3.817h0a1.969,1.969,0,0,1-.746.126,2.514,2.514,0,0,1-.771-4.9l11.891-3.843a2.49,2.49,0,0,1,3.134,1.632,2.522,2.522,0,0,1-1.617,3.164Zm-14.18-9.365,6.444-12.554h0a2.527,2.527,0,0,0-1.07-3.39,2.481,2.481,0,0,0-3.358,1.079l-6.444,12.554a2.522,2.522,0,0,0,1.071,3.39,2.736,2.736,0,0,0,1.144.2,2.485,2.485,0,0,0,2.214-1.28Zm19.031,27.016-12.439-6.5a2.482,2.482,0,0,0-3.358,1.081,2.527,2.527,0,0,0,1.07,3.39l12.438,6.5h0a2.467,2.467,0,0,0,1.144.277,2.493,2.493,0,0,0,2.428-1.918,2.519,2.519,0,0,0-1.283-2.828Zm-71-48.335a2.517,2.517,0,0,1-1.368,2.235l-14.926,7.533a2.456,2.456,0,0,1-2.438-.1,2.516,2.516,0,0,1-1.169-2.134V42.611a2.516,2.516,0,0,1,1.186-2.132,2.47,2.47,0,0,1,2.421-.1l14.926,7.533a2.517,2.517,0,0,1,1.368,2.235Zm-8.061,0-6.866-3.465v6.929Zm-36.719-22.6h-19.9a2.511,2.511,0,0,0,0,5.022h19.9a2.511,2.511,0,0,0,0-5.022Zm0,10.044h-19.9a2.511,2.511,0,0,0,0,5.022h19.9a2.511,2.511,0,0,0,0-5.022Zm0,10.044h-19.9a2.511,2.511,0,0,0,0,5.022h19.9a2.511,2.511,0,0,0,0-5.022Zm82.493,46.7-2.488.729L206.46,121.5a2.526,2.526,0,0,1-.373,2.185,2.481,2.481,0,0,1-1.94,1.054l-10.3.352-66.224,2.26,7.19,23.954a12.647,12.647,0,0,1-1.91,11.115,12.329,12.329,0,0,1-17.384,2.6,12.551,12.551,0,0,1-4.488-6.438L103.567,133a19.88,19.88,0,0,1-14.921-9.345,20.251,20.251,0,0,1-1.78-17.633A19.984,19.984,0,0,1,99.612,93.833l16.319-5.022L145.783,70.13H133.346a7.423,7.423,0,0,1-5.194-2.2,7.562,7.562,0,0,1-2.195-5.235h-6.791l-16.842,9.717a2.472,2.472,0,0,1-1.244.326,2.215,2.215,0,0,1-1.244-.352,2.514,2.514,0,0,1-1.244-2.159V62.7H93.616a7.429,7.429,0,0,1-5.277-2.206,7.571,7.571,0,0,1-2.186-5.327V25.035a7.569,7.569,0,0,1,2.186-5.326A7.431,7.431,0,0,1,93.616,17.5h47.267a7.429,7.429,0,0,1,5.277,2.206,7.571,7.571,0,0,1,2.186,5.326v5.022h20.175a7.436,7.436,0,0,1,5.1,2.3,7.576,7.576,0,0,1,2.088,5.231V51.424l5.473-3.414a2.47,2.47,0,0,1,2.2-.224,2.5,2.5,0,0,1,1.508,1.63l7.936,26.439,2.488-.729h0a9.869,9.869,0,0,1,7.774.545,10.018,10.018,0,0,1,5,6.032,10.123,10.123,0,0,1-.839,7.821,9.967,9.967,0,0,1-6.165,4.811Zm-75.03-36.659V37.589a7.575,7.575,0,0,1,2.088-5.231,7.436,7.436,0,0,1,5.1-2.3h10.224V25.035a2.523,2.523,0,0,0-.729-1.776,2.477,2.477,0,0,0-1.759-.735H93.617a2.5,2.5,0,0,0-2.488,2.511V55.165a2.523,2.523,0,0,0,.729,1.776,2.477,2.477,0,0,0,1.759.735h7.463a2.477,2.477,0,0,1,1.759.735,2.523,2.523,0,0,1,.728,1.776v5.725L117.251,58a2.7,2.7,0,0,1,1.244-.326ZM153.7,65.209l17.041-10.671V37.589a2.5,2.5,0,0,0-2.214-2.511H133.148a2.5,2.5,0,0,0-2.214,2.511V62.7a2.5,2.5,0,0,0,2.214,2.511Zm-48.387,63a14.813,14.813,0,0,0,4.279-.653l14.28-4.369L115.185,94.36l-14.255,4.369a14.986,14.986,0,0,0-9.794,9.59,15.181,15.181,0,0,0,2.022,13.619,14.884,14.884,0,0,0,12.15,6.269Zm24.877,24.556-7.264-24.029-11.891,3.641c-.821.226-1.617.4-2.488.553l7.264,24.205h0a7.515,7.515,0,0,0,3.631,4.466,7.4,7.4,0,0,0,5.7.556,7.477,7.477,0,0,0,4.413-3.655,7.6,7.6,0,0,0,.562-5.735Zm60.45-32.59L172.3,59.485,119.786,92.327l9.006,29.955Zm10.324-.352-19.9-65.811-4.378,2.737L195.611,120Zm-1.318-30.28a4.987,4.987,0,0,0,2.935-2.511,4.913,4.913,0,0,0,.373-3.843,5.012,5.012,0,0,0-2.413-2.96,4.935,4.935,0,0,0-3.782-.379l-2.488.729,2.886,9.742Z" transform="translate(-15322.171 -13041.472)" fill="#1e1e2c"/>
                            </g>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Book Icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="112" height="150" viewBox="0 0 112 150">
                        <path data-name="Path 40186" d="M257.137,28H177.319a16.135,16.135,0,0,0-16.091,16.143V149.926a16.135,16.135,0,0,0,16.091,16.143h8.537v8.268a3.5,3.5,0,0,0,5.322,3l12.544-7.656,12.739,7.8a3.486,3.486,0,0,0,3.537.067,3.517,3.517,0,0,0,1.789-3.065v-8.417h35.351a16.135,16.135,0,0,0,16.091-16.143V44.143A16.135,16.135,0,0,0,257.137,28Zm-88.9,16.143a9.112,9.112,0,0,1,9.087-9.117h3.9v88.063a3.53,3.53,0,0,0,.3,1.414h-5.087a15.063,15.063,0,0,0-8.2,2.429Zm46.552,124.083-9.234-5.654a3.492,3.492,0,0,0-3.644,0l-9.045,5.52V148.88h21.925Zm51.441-18.3a9.112,9.112,0,0,1-9.087,9.117H221.788V148.88h36.238a15.063,15.063,0,0,0,8.2-2.429Zm0-16.3a8.223,8.223,0,0,1-8.2,8.226H183.15a3.513,3.513,0,0,0,0,7.027h2.7v10.163h-8.537a9.112,9.112,0,0,1-9.087-9.117V139.755a8.223,8.223,0,0,1,8.2-8.227h81.592a15.063,15.063,0,0,0,8.2-2.429Zm0-34.56v17.21a8.223,8.223,0,0,1-8.2,8.226h-70.1a3.53,3.53,0,0,0,.3-1.414V35.027h68.917a9.112,9.112,0,0,1,9.087,9.117Z" transform="translate(-161.228 -28)" fill="#1a1725"/>
                    </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Computer">
                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26">
                            <path data-name="Union 44" d="M16.239,26H8.821a.464.464,0,0,1,0-.928h.607l1.045-2.786H1.393A1.393,1.393,0,0,1,0,20.893V6.036A1.393,1.393,0,0,1,1.393,4.643H2.786V1.393A1.393,1.393,0,0,1,4.179,0H21.821a1.393,1.393,0,0,1,1.393,1.393v3.25h1.393A1.393,1.393,0,0,1,26,6.036V20.893a1.393,1.393,0,0,1-1.393,1.393h-9.08l1.045,2.786h.607a.464.464,0,1,1,0,.928h-.94Zm-.659-.928-1.045-2.786H11.465L10.42,25.071ZM.928,20.893a.465.465,0,0,0,.464.464H24.607a.465.465,0,0,0,.464-.464V19.5H.928Zm24.143-2.322V6.036a.465.465,0,0,0-.464-.464H23.214v13Zm-2.786,0V4.643H3.714V18.571Zm-19.5,0v-13H1.393a.465.465,0,0,0-.464.464V18.571Zm19.5-14.857V1.393a.464.464,0,0,0-.464-.464H4.179a.465.465,0,0,0-.464.464V3.714ZM12.071,17.643a.465.465,0,0,1-.464-.464V16.037a4.638,4.638,0,0,1-.754-.313l-.808.808a.464.464,0,0,1-.656,0L8.075,15.218a.464.464,0,0,1,0-.656l.808-.808A4.6,4.6,0,0,1,8.57,13H7.429a.464.464,0,0,1-.464-.464V10.679a.464.464,0,0,1,.464-.465H8.57a4.634,4.634,0,0,1,.313-.754l-.808-.808a.464.464,0,0,1,0-.656L9.389,6.682a.465.465,0,0,1,.656,0l.808.808a4.565,4.565,0,0,1,.754-.313V6.036a.465.465,0,0,1,.464-.464h1.857a.464.464,0,0,1,.464.464V7.178a4.586,4.586,0,0,1,.754.313l.808-.808a.465.465,0,0,1,.656,0L17.925,8a.465.465,0,0,1,0,.656l-.808.808a4.561,4.561,0,0,1,.313.754h1.142a.465.465,0,0,1,.465.465v1.857a.465.465,0,0,1-.465.464H17.43a4.638,4.638,0,0,1-.313.754l.808.808a.465.465,0,0,1,0,.656l-1.314,1.313a.464.464,0,0,1-.656,0l-.808-.808a4.586,4.586,0,0,1-.754.313v1.142a.464.464,0,0,1-.464.464Zm-1.048-2.891a3.68,3.68,0,0,0,1.151.478.465.465,0,0,1,.361.453v1.032h.928V15.682a.464.464,0,0,1,.361-.453,3.678,3.678,0,0,0,1.151-.478.465.465,0,0,1,.576.065l.73.73.656-.657-.73-.73a.464.464,0,0,1-.064-.576,3.694,3.694,0,0,0,.477-1.151.465.465,0,0,1,.453-.361h1.032v-.928H17.075a.464.464,0,0,1-.453-.361,3.687,3.687,0,0,0-.477-1.151.464.464,0,0,1,.064-.576l.73-.73-.656-.656-.73.73a.464.464,0,0,1-.576.064,3.677,3.677,0,0,0-1.151-.477.465.465,0,0,1-.361-.453V6.5h-.928V7.532a.465.465,0,0,1-.361.453,3.68,3.68,0,0,0-1.151.477.464.464,0,0,1-.576-.064l-.73-.73-.656.656.73.73a.465.465,0,0,1,.065.576,3.678,3.678,0,0,0-.478,1.151.464.464,0,0,1-.453.361H7.893v.928H8.925a.465.465,0,0,1,.453.361,3.685,3.685,0,0,0,.478,1.151.465.465,0,0,1-.065.576l-.73.73.656.657.73-.73a.465.465,0,0,1,.576-.065Zm-.809-3.144A2.786,2.786,0,1,1,13,14.393,2.787,2.787,0,0,1,10.214,11.607Zm.929,0A1.857,1.857,0,1,0,13,9.75,1.858,1.858,0,0,0,11.143,11.607Zm8.821-8.821a.464.464,0,0,1,0-.929h.928a.464.464,0,0,1,0,.929Zm-2.786,0a.464.464,0,0,1,0-.929h.928a.464.464,0,0,1,0,.929Zm-2.786,0a.464.464,0,0,1,0-.929h.929a.464.464,0,0,1,0,.929Z" fill="#fff"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Graduate">
                        <svg xmlns="http://www.w3.org/2000/svg" width="138" height="150" viewBox="0 0 138 150">
                            <path data-name="Path 40178" d="M208.921,113.168l-.51-.156c-7.471-2.087-9.995-4.088-13.321-5.4-11.8-4.67-14.862-8.039-15.645-9.627-.031-.06-.053-.119-.08-.179L179.3,87.1c6.308-8.778,10.819-19.731,10.819-31.077a54.767,54.767,0,0,0-.467-7.226,3.192,3.192,0,0,0,.709-2.01V23.617L211.5,19.43V37.4a3.013,3.013,0,1,0,6.022,0V15.651c0-.1-.009-.2-.017-.3a.98.98,0,0,0-.013-.108,1.216,1.216,0,0,0-.026-.183c-.009-.043-.017-.085-.026-.126s-.022-.106-.039-.158-.026-.085-.039-.129-.031-.1-.048-.144-.035-.085-.053-.126-.044-.091-.061-.137a1.277,1.277,0,0,0-.061-.116c-.026-.048-.053-.1-.08-.142s-.044-.067-.061-.1c-.044-.064-.088-.126-.132-.185a.216.216,0,0,0-.031-.041c-.057-.073-.119-.142-.18-.208-.022-.021-.044-.039-.061-.058-.044-.046-.1-.094-.141-.137-.026-.021-.053-.041-.08-.064-.048-.037-.093-.073-.141-.108a1.106,1.106,0,0,0-.1-.064c-.044-.03-.088-.06-.132-.087s-.075-.041-.11-.062-.093-.046-.137-.067-.08-.039-.124-.055-.088-.035-.132-.05-.088-.032-.132-.046-.088-.025-.132-.037-.1-.025-.141-.035l-.017,0L151.863.067a2.911,2.911,0,0,0-1.126,0L87.529,12.578a3.153,3.153,0,0,0,0,6.146L112.168,23.6V46.789a3.19,3.19,0,0,0,.766,2.083,56.255,56.255,0,0,0-.452,7.153c0,11.345,4.509,22.3,10.816,31.077l-.072,10.707c-.024.06-.046.119-.075.179-.784,1.588-3.854,4.958-15.648,9.627-3.326,1.314-5.852,3.314-13.321,5.4l-.514.156A17.1,17.1,0,0,0,82.295,129.45v20.562h69l69,0V129.447a17.1,17.1,0,0,0-11.373-16.279ZM151.3,6.322l31.319,6.2H151.263a3.13,3.13,0,0,0,0,6.255h31.358l-31.319,6.2-47.122-9.327Zm-.563,24.914a2.91,2.91,0,0,0,.564.055,2.826,2.826,0,0,0,.562-.055L183.9,24.895h.432V44.26c-5.515,1.078-17.03,2.529-33.036,2.529-16.023,0-27.572-1.453-33.108-2.531V24.894h.51Zm-31.956,19.47c5.515.954,16.3,2.336,32.513,2.336,16.263,0,27.033-1.39,32.518-2.346a50.155,50.155,0,0,1,.278,5.326c0,10.3-4.511,21.553-12.373,30.865a48.159,48.159,0,0,1-11.2,9.9c-3.453,2.133-6.729,3.305-9.224,3.305s-5.77-1.172-9.224-3.305a48.129,48.129,0,0,1-11.2-9.9C123.012,77.575,118.5,66.324,118.5,56.023a49.2,49.2,0,0,1,.279-5.316ZM151.3,106.348c6.493,0,14.778-4.66,22.025-12.112l.026,3.616.009,1.323.5,1.158c.039.1.119.293.229.517a14.409,14.409,0,0,0,3.6,4.367L151.3,124.3l-26.319-19.152a14.264,14.264,0,0,0,3.522-4.3c.11-.224.187-.412.232-.517l.5-1.158.009-1.323.026-3.616c7.244,7.451,15.53,12.111,22.023,12.111Zm62.981,37.4H88.316V129.447a10.878,10.878,0,0,1,7.147-10.308l.337-.1a56.576,56.576,0,0,0,11.234-4.367c.967-.476,1.8-.892,2.612-1.213a81.27,81.27,0,0,0,9.936-4.6l29.987,21.817a2.914,2.914,0,0,0,3.444.009l30.1-21.767v0a81.285,81.285,0,0,0,9.832,4.545c.811.32,1.642.737,2.607,1.213a56.729,56.729,0,0,0,11.237,4.367l.339.1a10.879,10.879,0,0,1,7.145,10.308Z" transform="translate(-82.295 -0.013)" fill="#1a1725"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Design">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150.022" height="150" viewBox="0 0 150.022 150">
                            <path  data-name="Path 40181" d="M199.491,93.926l30.1-30.1a3.258,3.258,0,0,0,.925-2A3.221,3.221,0,0,0,232.5,60.9a20.171,20.171,0,1,0-28.527-28.525,3.235,3.235,0,0,0-.928,2.026,3.2,3.2,0,0,0-1.986.888l-30.1,30.1-41.98-41.98a3.356,3.356,0,0,0-4.614,0L93.345,54.449a3.26,3.26,0,0,0,0,4.611l41.972,41.981-27.211,27.212a3.236,3.236,0,0,0-.753,1.178L97.3,156.719c-2.038,5.517-.192,8.492,1.09,9.774a7.126,7.126,0,0,0,5.213,2,13.131,13.131,0,0,0,4.556-.909l27.224-10.029a3.228,3.228,0,0,0,1.238-.773l0,0,27.219-27.213,41.975,41.975a3.262,3.262,0,0,0,4.614,0l31.026-31.035a3.26,3.26,0,0,0,0-4.611Zm18.745-60.934a13.652,13.652,0,0,1,9.65,23.3,3.174,3.174,0,0,0-.516.7L207.886,37.508a3.258,3.258,0,0,0,.7-.519,13.559,13.559,0,0,1,9.65-4ZM132.627,89.124l8.391-8.393a3.262,3.262,0,0,0-4.614-4.614l-8.39,8.393L116.71,73.2l8.386-8.386a3.261,3.261,0,0,0-4.611-4.611L112.1,68.592,100.263,56.754l26.413-26.422L166.35,70.007,139.931,96.427Zm1.691,60.739-10.73-10.732a3.261,3.261,0,0,0-4.611,4.611l9.432,9.433L105.9,161.467a4.723,4.723,0,0,1-2.883.432c-.091-.14-.29-1.05.4-2.922v0l9.8-26.615,28.949-28.949c.022-.019.045-.034.067-.053a.763.763,0,0,0,.053-.067l30.837-30.84c.048-.042.1-.074.147-.121s.076-.1.121-.147l29.963-29.966,19.308,19.31L161.65,122.542c-.039.036-.085.061-.124.1s-.065.083-.1.123Zm73.8,14.761L196.28,152.781l8.391-8.391a3.261,3.261,0,0,0-4.611-4.611l-8.391,8.391-11.3-11.3,8.393-8.393a3.261,3.261,0,1,0-4.611-4.611l-8.393,8.393-7.3-7.3,26.423-26.419,39.66,39.663Z" transform="translate(-92.389 -22.496)" fill="#1a1725"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Progress">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150.002" height="150" viewBox="0 0 150.002 150">
                            <path data-name="Union 117" d="M0,150V0H8.823V141.177H22.058V97.058h8.823v44.119H48.529V83.823h8.823v57.355H75V92.649h8.823v48.528h17.648V75h8.823v66.177h17.648V48.53h8.823l0,92.647H150V150ZM24.663,79.412l37.1-37.1L81.62,62.162,134.958,8.824H119.12V0H150V30.882h-8.823V15.043L81.62,74.6,61.767,54.75,30.883,85.633Z" fill="#1a1725"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Mail">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="125" viewBox="0 0 150 125">
                            <path  data-name="Icon ionic-md-mail" d="M137.964,5.625H16.536C8.678,5.625,2.25,12.442,2.25,20.777v94.7c0,8.334,6.428,15.152,14.286,15.152H137.964c7.858,0,14.286-6.817,14.286-15.152v-94.7C152.25,12.442,145.822,5.625,137.964,5.625Zm-1.785,32.2L77.25,79.489,18.321,37.822V22.67L77.25,64.337,136.179,22.67Z" transform="translate(-2.25 -5.625)" fill="#1a1725"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="User">
                        <svg xmlns="http://www.w3.org/2000/svg" width="19.5" height="26" viewBox="0 0 19.5 26">
                            <path  data-name="Union 41" d="M2.277,22.349a.806.806,0,0,1-.456-.73v-1.46H1.78C1.407,20,1.035,19.835.7,19.672a1.237,1.237,0,0,1-.7-1.1V16.184a1.22,1.22,0,0,1,.7-1.1c.373-.162.745-.365,1.118-.487V11.844a.833.833,0,0,1,.414-.689.861.861,0,0,1,.828-.041l.828.406a2.413,2.413,0,0,1,1.987-1.014H7.245l.538-.771a5.046,5.046,0,0,1-1.9-2.272c-1.159-.2-1.49-2.231-.538-2.92C5.465,1.825,7.2,0,9.771,0s4.306,1.825,4.43,4.543c.952.69.621,2.718-.538,2.92a5.269,5.269,0,0,1-1.9,2.272l.5.73h1.366a2.526,2.526,0,0,1,1.987,1.014l.828-.406a.856.856,0,0,1,.828.041.834.834,0,0,1,.414.69v2.758a6.679,6.679,0,0,1,1.118.487,1.139,1.139,0,0,1,.7,1.055V18.5a1.22,1.22,0,0,1-.7,1.1c-.373.162-.745.365-1.118.487v1.46a.764.764,0,0,1-.455.73L9.936,25.919a.253.253,0,0,1-.165.041A.459.459,0,0,0,9.564,26ZM15.65,12.412,10.185,15.17V24.9l6.666-3.367c-.29-1.176.455-1.217-.373-1.1h-.041a1.358,1.358,0,0,1-1.408-1.217,1.144,1.144,0,0,1,.331-.933,1.244,1.244,0,0,1-.373-.892,1.354,1.354,0,0,1,.373-.893,1.244,1.244,0,0,1-.373-.892,1.34,1.34,0,0,1,1.283-1.3h.041a2.413,2.413,0,0,1,.538.041V11.8ZM2.691,21.538l6.666,3.326V15.129L2.774,11.722v2.555a2.232,2.232,0,0,1,.538-.041h.042a1.285,1.285,0,0,1,.911,2.19,1.245,1.245,0,0,1,.373.892,1.354,1.354,0,0,1-.373.893,1.1,1.1,0,0,1,.331.933,1.359,1.359,0,0,1-1.408,1.217H3.146a1.733,1.733,0,0,1-.455-.041Zm-1.573-5.8a.39.39,0,0,0-.249.365V18.5a.466.466,0,0,0,.249.365,4.71,4.71,0,0,0,.952.446,2.562,2.562,0,0,0,1.035.243l.041.406v-.406c.29,0,.58-.2.58-.446A.457.457,0,0,0,3.6,18.78a.407.407,0,0,0-.373-.162H3.146l-.994-.2a.411.411,0,0,1-.331-.487.419.419,0,0,1,.5-.325l.911.162a.528.528,0,0,0,.5-.487.466.466,0,0,0-.5-.446l-.911.2H2.236a.4.4,0,0,1-.414-.325.422.422,0,0,1,.331-.487l.994-.2h.083a.5.5,0,0,0,.5-.487.474.474,0,0,0-.5-.487H3.188A5.589,5.589,0,0,0,1.118,15.738ZM16.4,19.591a5.235,5.235,0,0,0,2.029-.69.39.39,0,0,0,.249-.365V16.143a.467.467,0,0,0-.249-.365,4.814,4.814,0,0,0-2.07-.69h-.041a.5.5,0,0,0-.5.487.474.474,0,0,0,.5.487H16.4l.952.243a.411.411,0,0,1,.331.487c-.124.609-.994.162-1.408.122a.466.466,0,0,0-.5.446.473.473,0,0,0,.5.487c.455-.041,1.284-.487,1.408.122a.422.422,0,0,1-.331.487,7.752,7.752,0,0,1-1.076.2.487.487,0,0,0-.5.487.582.582,0,0,0,.579.446Zm-.042,0ZM4.637,11.885,9.771,14.44l5.051-2.555a1.565,1.565,0,0,0-1.242-.568H12.338a3.389,3.389,0,0,1-2.526,2.19H9.6a3.467,3.467,0,0,1-2.484-2.19H5.879A1.565,1.565,0,0,0,4.637,11.885Zm3.271-.852A2.474,2.474,0,0,0,9.771,12.7a2.552,2.552,0,0,0,1.863-1.663l-.621-.892a4.421,4.421,0,0,1-1.242.2,4.426,4.426,0,0,1-1.242-.2ZM6.169,4.949a.4.4,0,0,1-.249.2c-.124.041-.29.325-.248.771s.29.69.414.69H6.21a.44.44,0,0,1,.373.284A3.658,3.658,0,0,0,9.853,9.451a3.608,3.608,0,0,0,3.188-2.6.474.474,0,0,1,.5-.243c.124,0,.373-.243.414-.69s-.124-.73-.249-.771a.421.421,0,0,1-.248-.2L12.462,3.57a5.174,5.174,0,0,1-5.3,0ZM7.245,2.717a4.494,4.494,0,0,0,5.093,0,.408.408,0,0,1,.538.122l.249.325A3.354,3.354,0,0,0,9.771.811,3.27,3.27,0,0,0,6.459,3.164l.249-.325a.384.384,0,0,1,.328-.19A.354.354,0,0,1,7.245,2.717ZM8.528,8.072a.387.387,0,0,1,0-.568.406.406,0,0,1,.58,0,.938.938,0,0,0,1.325,0,.405.405,0,0,1,.579,0,.386.386,0,0,1,0,.568,1.829,1.829,0,0,1-2.484,0ZM11.1,6.449a.411.411,0,0,1-.414-.406.388.388,0,0,1,.414-.406h.745a.406.406,0,1,1,0,.812Zm-3.395,0a.406.406,0,1,1,0-.812h.745a.387.387,0,0,1,.414.406.441.441,0,0,1-.414.406Z" fill="#fff"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Star-filled">
                        <svg xmlns="http://www.w3.org/2000/svg" width="156.25" height="150" viewBox="0 0 156.25 150">
                            <path  data-name="Path 40749" d="M158.13,62.523c.781-3.93-2.342-8.647-6.245-8.647l-44.5-6.289L87.091,6.711a6.117,6.117,0,0,0-3.123-3.144c-3.9-2.358-8.587-.786-10.929,3.144L53.523,47.588l-44.5,6.289q-3.513,0-4.684,2.358a7.635,7.635,0,0,0,0,11.005L36.349,98.683,28.542,143.49a10.032,10.032,0,0,0,.781,4.717c2.342,3.93,7.026,5.5,10.929,3.144l39.813-21.224,39.813,21.224c.781.786,2.342.786,3.9.786h1.561a8.151,8.151,0,0,0,6.245-9.433L123.781,97.9l32.007-31.443A4.327,4.327,0,0,0,158.13,62.523Z" transform="translate(-2 -2.459)" fill="#130f40"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Star-Outline">
                        <svg xmlns="http://www.w3.org/2000/svg" width="156.25" height="150" viewBox="0 0 156.25 150">
                            <path data-name="Path 40750" d="M157.994,59.177a7.809,7.809,0,0,0-6.71-5.255l-44.393-6.51L87,6.86a7.784,7.784,0,0,0-14.043,0L53.059,47.333,8.666,53.921A7.736,7.736,0,0,0,4.3,67.1L36.519,98.473l-7.8,44.551a7.863,7.863,0,0,0,3.121,7.844,7.767,7.767,0,0,0,8.192.549l39.945-20.942,39.789,21.021a7.225,7.225,0,0,0,3.589.941,7.774,7.774,0,0,0,4.6-1.49,7.863,7.863,0,0,0,3.121-7.843l-7.8-44.551L155.5,67.177A7.869,7.869,0,0,0,157.994,59.177ZM110.013,90.551a7.869,7.869,0,0,0-2.263,6.981l5.617,32.864L84.032,114.709a7.765,7.765,0,0,0-7.334,0L47.364,130.4l5.617-32.864a7.869,7.869,0,0,0-2.263-6.981L27.313,67.02l32.846-4.785a7.8,7.8,0,0,0,5.929-4.314L79.975,28.038,94.643,58a7.8,7.8,0,0,0,5.929,4.314L133.418,67.1Z" transform="translate(-2.006 -2.436)" fill="#130f40"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="settings-Icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26">
                            <path data-name="Union 42" d="M4.677,25.652a2.1,2.1,0,0,1,1.945-3.695l2.361-3.573A6.694,6.694,0,0,1,6.257,13c0-.1.013-.2.017-.3l-2.958.1a1.659,1.659,0,0,1-.4.78,1.682,1.682,0,0,1-1.172.533H1.681A1.681,1.681,0,0,1,0,12.5a1.658,1.658,0,0,1,.45-1.2,1.67,1.67,0,0,1,2.836.671l3.076-.109A6.721,6.721,0,0,1,10.6,6.735L9.5,4.164a2.4,2.4,0,0,1-.3.029,2.11,2.11,0,1,1,1.092-.314l1.113,2.6a6.757,6.757,0,0,1,1.575-.193,6.687,6.687,0,0,1,4.231,1.5l3.109-2.822a1.677,1.677,0,1,1,1.483.9h-.084a1.68,1.68,0,0,1-.836-.277L17.824,8.362A6.664,6.664,0,0,1,19.7,13c0,.1-.013.206-.017.31l2.386.759a2.1,2.1,0,0,1,2.47-.969A2.1,2.1,0,0,1,25.9,15.73a2.1,2.1,0,0,1-4.088-.864l-2.223-.709a6.7,6.7,0,0,1-2.294,3.971l2.034,2.2a1.724,1.724,0,0,1,.857-.2,1.672,1.672,0,0,1,1.168.541l.008,0a1.677,1.677,0,0,1-1.235,2.814h-.071a1.675,1.675,0,0,1-1.34-2.583l-2.1-2.269a6.682,6.682,0,0,1-6.932.21L7.32,22.423a2.055,2.055,0,0,1,.571,1.061,2.1,2.1,0,0,1-1.639,2.474A2.048,2.048,0,0,1,5.829,26,2.082,2.082,0,0,1,4.677,25.652Zm.908-2.982a1.258,1.258,0,1,0,1.3,1.925h0a1.259,1.259,0,0,0-1.05-1.95A1.32,1.32,0,0,0,5.585,22.67Zm13.966-1.48a.837.837,0,0,0,.534,1.455.866.866,0,0,0,.605-.222.837.837,0,0,0-.534-1.455h-.018A.856.856,0,0,0,19.55,21.189ZM7.1,13A5.882,5.882,0,1,0,12.98,7.129,5.883,5.883,0,0,0,7.1,13Zm16.415,3.3a1.258,1.258,0,0,0,1.5-1.774,1.24,1.24,0,0,0-.735-.621,1.259,1.259,0,0,0-1.584.814h0A1.258,1.258,0,0,0,23.512,16.3ZM1.064,11.863a.82.82,0,0,0-.227.6.849.849,0,0,0,.87.809.816.816,0,0,0,.584-.264h0a.835.835,0,0,0-.038-1.183.845.845,0,0,0-.6-.227A.824.824,0,0,0,1.064,11.863Zm20.167-8.29a.838.838,0,0,0,.521,1.459.827.827,0,0,0,.605-.218.837.837,0,0,0-.563-1.459A.827.827,0,0,0,21.231,3.573ZM8.694.939a1.259,1.259,0,1,0,.992,2.315h0a1.258,1.258,0,0,0-.5-2.416A1.274,1.274,0,0,0,8.694.939ZM12.37,17.193a.788.788,0,0,1-.8-.78v-.2a3.785,3.785,0,0,1-.786-.436l-.206.117a.809.809,0,0,1-1.08-.281l-.609-1.006a.759.759,0,0,1-.084-.6.8.8,0,0,1,.382-.482l.189-.1A3.537,3.537,0,0,1,9.353,13a3.492,3.492,0,0,1,.025-.419l-.185-.1A.769.769,0,0,1,8.811,12a.759.759,0,0,1,.084-.6L9.5,10.4a.813.813,0,0,1,1.08-.285l.223.122a3.043,3.043,0,0,1,.769-.444v-.2a.791.791,0,0,1,.8-.78h1.218a.788.788,0,0,1,.8.78v.2a3.785,3.785,0,0,1,.786.436l.206-.117a.809.809,0,0,1,1.08.281l.609,1.006a.759.759,0,0,1,.084.6.8.8,0,0,1-.382.482l-.189.1a3.537,3.537,0,0,1,.025.419,3.49,3.49,0,0,1-.025.419l.185.1a.769.769,0,0,1,.382.482.759.759,0,0,1-.084.6L16.458,15.6a.814.814,0,0,1-1.08.285l-.223-.122a3.044,3.044,0,0,1-.769.444v.2a.791.791,0,0,1-.8.78Zm-1.092-2.1a2.7,2.7,0,0,0,.618.344.794.794,0,0,1,.513.73v.185h1.139V16.17a.794.794,0,0,1,.513-.73,2.98,2.98,0,0,0,.618-.344.831.831,0,0,1,.882-.063l.2.109.555-.914-.168-.092a.774.774,0,0,1-.4-.78A2.608,2.608,0,0,0,15.769,13a2.529,2.529,0,0,0-.025-.356.768.768,0,0,1,.4-.78l.168-.092-.555-.914-.2.109a.815.815,0,0,1-.882-.063,2.692,2.692,0,0,0-.618-.344.794.794,0,0,1-.513-.73V9.645H12.408v.185a.794.794,0,0,1-.513.73,2.976,2.976,0,0,0-.618.344.83.83,0,0,1-.882.063l-.2-.109-.555.914.168.092a.774.774,0,0,1,.4.78,2.6,2.6,0,0,0-.025.356,2.528,2.528,0,0,0,.025.356.768.768,0,0,1-.4.78l-.168.092.555.914.2-.109a.8.8,0,0,1,.389-.1A.829.829,0,0,1,11.277,15.1ZM11.084,13a1.891,1.891,0,1,1,1.891,1.887A1.892,1.892,0,0,1,11.084,13Zm.84,0a1.05,1.05,0,1,0,1.05-1.048A1.05,1.05,0,0,0,11.925,13Z" transform="translate(0 0)" fill="#fff"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Black-Board">
                        <svg xmlns="http://www.w3.org/2000/svg" width="131" height="150" viewBox="0 0 131 150">
                            <path data-name="Path 40187" d="M205.146,78.219a4.14,4.14,0,0,0-3.645,4.23v4.164h-2.048a12.454,12.454,0,0,0-12.281,12.493v5.076A22.975,22.975,0,0,0,184.037,147a22.91,22.91,0,0,0-13.24,20.824v56.224a4.131,4.131,0,0,0,4.094,4.166h36.845a4.131,4.131,0,0,0,4.094-4.166v-44.7c3.709-1.039,24.408-6.841,33.966-9.567a17.4,17.4,0,0,0,7.356-3.839,11.758,11.758,0,0,0,3.709-8.525,12.452,12.452,0,0,0-12.281-12.493H206.168a23.054,23.054,0,0,0,9.659-18.742A22.792,22.792,0,0,0,195.358,103.4v-4.3a4.033,4.033,0,0,1,4.093-4.164h90.065a4.033,4.033,0,0,1,4.094,4.164v54.141a4.023,4.023,0,0,1-4.094,4.164l-16.376.131a4.056,4.056,0,0,0-2.933,1.2,4.217,4.217,0,0,0,0,5.932,4.057,4.057,0,0,0,2.933,1.2l16.376-.129A12.509,12.509,0,0,0,301.8,153.248V99.107a12.454,12.454,0,0,0-12.281-12.493h-2.047V82.449a4.206,4.206,0,0,0-1.2-3.011,4.046,4.046,0,0,0-5.834.046,4.2,4.2,0,0,0-1.154,2.965v4.164h-69.6V82.449a4.21,4.21,0,0,0-1.2-3.011,4.054,4.054,0,0,0-2.96-1.219,3.389,3.389,0,0,0-.384,0ZM193.312,111.6a14.578,14.578,0,1,1-14.328,14.576A14.392,14.392,0,0,1,193.312,111.6Zm75.352,29.152a4.075,4.075,0,0,0-2.84,1.358A4.219,4.219,0,0,0,266.1,148a4.055,4.055,0,0,0,2.952,1.082h12.281a4.062,4.062,0,0,0,2.933-1.2,4.217,4.217,0,0,0,0-5.932,4.063,4.063,0,0,0-2.933-1.2H269.048C268.92,140.747,268.792,140.747,268.665,140.753Zm-75.352,12.495h55.267a4.069,4.069,0,0,1,4.093,4.164,2.584,2.584,0,0,1-1.024,2.343,10.29,10.29,0,0,1-4.029,2.018h-.064c-10.339,2.946-36.91,10.346-36.91,10.346a4.154,4.154,0,0,0-3.005,4.035v43.73H178.982V167.825a14.332,14.332,0,0,1,14.328-14.576Z" transform="translate(-170.797 -78.214)" fill="#1a1725"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Double-Quates">
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="150.002" viewBox="0 0 200 150.002">
                            <path  data-name="Union 55" d="M17108.338,4967.5c0-41.484,22.176-84.119,52.711-101.348a9,9,0,0,1,12.424,3.82,9.671,9.671,0,0,1-3.656,12.873c-14,7.91-26.051,23.109-33.834,41.059a44.674,44.674,0,0,1,18.168-3.9c25.309,0,45.85,21.316,45.85,47.5s-20.564,47.5-45.85,47.5C17128.881,5015,17108.338,4993.682,17108.338,4967.5Zm-108.338,0c0-41.512,22.152-84.119,52.682-101.348a9.017,9.017,0,0,1,12.455,3.82,9.673,9.673,0,0,1-3.689,12.873c-13.971,7.91-26,23.109-33.793,41.059a44.463,44.463,0,0,1,18.166-3.9c25.27,0,45.844,21.316,45.844,47.5s-20.574,47.5-45.844,47.5S17000,4993.682,17000,4967.5Z" transform="translate(-17000 -4864.998)" fill="#130f40"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Left-Arrow">
                        <svg xmlns="http://www.w3.org/2000/svg" width="87.5" height="150" viewBox="0 0 87.5 150">
                            <path data-name="Path 40149" d="M72.172,150,87.5,134.071,30.978,75,87.5,15.929,72.172,0,0,75Z" fill="#1a1725"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Right-Arrow">
                        <svg xmlns="http://www.w3.org/2000/svg" width="87.5" height="150" viewBox="0 0 87.5 150">
                            <path  data-name="Path 40150" d="M15.328,150,0,134.071,56.522,75,0,15.929,15.328,0,87.5,75Z" fill="#1a1725"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Up-Arrow">
                        <svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
                            <path data-name="Path 40754" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(-213.475 -199.67)" fill="#130f40" fill-rule="evenodd"/>
                        </svg>

                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Down-Arrow">
                        <svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
                            <path data-name="Path 40755" d="M428.483,199.67l-95.3,97.316-95.882-96.7L213.475,225.7,332.6,349.67l120.87-123.351Z" transform="translate(-213.475 -199.67)" fill="#130f40" fill-rule="evenodd"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Hamber-Icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
                            <path  data-name="Union 79" d="M19161.313,8514v-21.469H19314V8514Zm-43.656-64.293v-21.422H19314v21.422ZM19074,8385.418V8364h240v21.414Z" transform="translate(-19074 -8364.004)" fill="#181c31"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Close-Icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                            <path data-name="Union 59" d="M21.967,128.033A75,75,0,1,1,75,150,75,75,0,0,1,21.967,128.033ZM31.61,31.612A61.363,61.363,0,0,0,75,136.365l0,0A61.364,61.364,0,1,0,31.61,31.612ZM75,84.641,55.718,103.923l-9.641-9.64L65.36,75,46.078,55.718l9.641-9.641L75,65.36,94.283,46.078l9.64,9.641L84.641,75l19.282,19.282-9.64,9.64Z" fill="#130f40"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Long-Right-Arrow">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="90" viewBox="0 0 150 90">
                            <path data-name="Path 40151" d="M309.6,212.989a7.649,7.649,0,0,0-1.793-4.641L272.511,170.1c-2.391-2.193-6.978-3.1-9.651-.562a7.133,7.133,0,0,0,.068,9.844l24.816,26.86H166.216a6.752,6.752,0,0,0,0,13.5H287.744L262.928,246.6c-2.259,2.307-2.676,7.32-.068,9.844s7.356,1.719,9.651-.563l35.295-38.252a6.567,6.567,0,0,0,1.793-4.641Z" transform="translate(-159.598 -168.001)" fill="#1a1725"/>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">    
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Tick-Icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                            <path data-name="Path 40765" d="M123,48a75,75,0,1,0,75,75A74.989,74.989,0,0,0,123,48ZM111.425,149.575a4.973,4.973,0,0,1-3.173,1.587,5.2,5.2,0,0,1-3.209-1.623L84.851,129.346l6.418-6.418,17.019,17.019,45-45.325,6.31,6.526Z" transform="translate(-48 -48)" fill="#130f40"/>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                    
                

Graphic Icon Style

                    
<section class="icons elements">
    <div class="container">
        <div class="icons-block">
                <h2>Graphic Icon Style</h2>
            <div class="icon3">
                <div class="svg-whole-wrapper">
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Facebook">
                        <svg xmlns="http://www.w3.org/2000/svg" width="51.796" height="59.197" viewBox="0 0 51.796 59.197">
                            <g  data-name="Group 40583" transform="translate(-1.852 -0.793)">
                                <path data-name="Path 39504" d="M-3.447,173.42a3.109,3.109,0,0,0-3.112,3.066v53.068a3.1,3.1,0,0,0,3.112,3.059H42.125a3.1,3.1,0,0,0,3.112-3.059V176.486a3.109,3.109,0,0,0-3.112-3.066Z" transform="translate(8.41 -172.624)" fill="#f3f0d2"/>
                                <path data-name="Path 39505" d="M39.188,59.2V66.37h-.232a1.021,1.021,0,1,0,.1,2.041h2.312a1.02,1.02,0,1,0,0-2.041h-.136V59.2Z" transform="translate(1.795 -37.219)" fill="#2e364f"/>
                                <path data-name="Path 39506" d="M-1.7,179.352a1.021,1.021,0,0,0-1.029,1.013v9.785a3.586,3.586,0,0,0,1.972,3.255,4.606,4.606,0,0,0,1.838.435H15.029a4.6,4.6,0,0,0,1.838-.435,3.583,3.583,0,0,0,1.972-3.259v-9.7a1.021,1.021,0,0,0-1.017-1.017Z" transform="translate(19.755 -155.665)" fill="#2e364f"/>
                                <path data-name="Path 39507" d="M12.588,176.4a1.944,1.944,0,0,0-1.987,0l-14.046,9.573a.774.774,0,0,0,0,1.356l14.169,9.658a1.944,1.944,0,0,0,1.991,0l14.046-9.573a.774.774,0,0,0,0-1.356Z" transform="translate(16.151 -164.893)" fill="#3a6882"/>
                                <path data-name="Path 39508" d="M-.83,174.744a1.022,1.022,0,0,0,.1,2.042h12.22a1.021,1.021,0,0,0,0-2.042Z" transform="translate(22.402 -168.847)" fill="#2e364f"/>
                                <path data-name="Path 39509" d="M31.739,66.068H44.268a1.019,1.019,0,1,0,0-2.039H31.739A1.019,1.019,0,0,0,31.739,66.068Zm16.608-2.039a1.021,1.021,0,1,0,.1,2.039H63.075a1.019,1.019,0,1,0,0-2.039H48.348ZM31.739,68.1a1.021,1.021,0,1,0,0,2.041h8.354a1.021,1.021,0,1,0,0-2.041Zm12.534,0a1.021,1.021,0,1,0,0,2.041h18.8a1.021,1.021,0,1,0,0-2.041Z" transform="translate(-19.658 -23.423)" fill="#3a6882"/>
                                <path data-name="Path 39510" d="M31.421,53.709a3.107,3.107,0,0,0-3.111,3.066v8.033c6.292,0,11.548-5.63,11.548-11.1Zm37.135,0c0,6.131,6.134,11.1,11.547,11.1V56.776a3.107,3.107,0,0,0-3.111-3.067Zm-40.246,48.1v8.034a3.1,3.1,0,0,0,3.111,3.058h8.435c0-5.337-6.534-11.09-11.547-11.09ZM68.555,112.9h8.436a3.1,3.1,0,0,0,3.111-3.058V101.81C74.292,101.81,68.555,107.82,68.555,112.9Z" transform="translate(-26.456 -52.916)" fill="#ef5939"/>
                            </g>
                        </svg>
                    </div>
                </div>
                <div class="svg-whole-wrapper">
                    <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Facebook">
                        <svg xmlns="http://www.w3.org/2000/svg" width="63.279" height="63.279" viewBox="0 0 63.279 63.279">
                            <g data-name="Group 40585" transform="translate(-23 -23)">
                                <path  data-name="Path 39447" d="M66.049,67.957,64.128,67H44.921L43,67.957l11.525,18.25Z" transform="translate(0.115 0.072)" fill="#e2e4e5"/>
                                <path  data-name="Path 39448" d="M68.851,44.723c-.96,0-.96,1.067-.96,1.067V44.723q0-1.471-.064-2.941C63.944,38,54.445,38,54.445,38s-9.5,0-13.381,3.782Q41,43.251,41,44.723V52.4l3.841,9.6,4.9,3.838a2.88,2.88,0,0,0,2.151.964H57a2.88,2.88,0,0,0,2.151-.964l4.9-3.838,3.08-7.7c2.723-.2,3.643-4.326,3.643-7.451A2.19,2.19,0,0,0,68.851,44.723Z" transform="translate(0.277 0.206)" fill="#f8e1c2"/>
                                <path  data-name="Path 39449" d="M40.881,44.723V45.79s0-1.067-.96-1.067A2.19,2.19,0,0,0,38,46.857c0,3.124.92,7.255,3.643,7.451l3.08,7.7,4.9,3.838a2.88,2.88,0,0,0,2.151.964h2.55V38s-9.5,0-13.381,3.782Q40.879,43.251,40.881,44.723Z" transform="translate(-0.015 0.206)" fill="#fcf1e2"/>
                                <path  data-name="Path 39450" d="M50,57h9.6s0,2.881-4.8,2.881S50,57,50,57Z" transform="translate(-0.162 -0.335)" fill="#f79392"/>
                                <path  data-name="Path 39451" d="M60.406,47.263a5.991,5.991,0,0,1,2.863.651,1.649,1.649,0,0,0-.718-1.527,3.137,3.137,0,0,0-3.585,0,1.729,1.729,0,0,0-.723,1.21,6.788,6.788,0,0,1,2.164-.334Zm-11.531,0a5.991,5.991,0,0,0-2.863.651,1.649,1.649,0,0,1,.718-1.527,3.137,3.137,0,0,1,3.585,0,1.729,1.729,0,0,1,.723,1.21A6.788,6.788,0,0,0,48.874,47.263Z" transform="translate(-0.004 -0.234)" fill="#3e3e3f"/>
                                <path  data-name="Path 39452" d="M57.154,67.8h-5.1a2.88,2.88,0,0,1-2.151-.964L45,63v4.322s0,7.2,9.6,7.2,9.6-7.2,9.6-7.2V63l-4.9,3.838A2.88,2.88,0,0,1,57.154,67.8Z" transform="translate(0.036 -0.189)" fill="#f4d0a1"/>
                                <g  data-name="Group 334" transform="translate(41.194 37.903)">
                                <path  data-name="Path 39453" d="M54.445,38s-.728,0-1.861.08v5.4c3.572,0,5.735-2.578,6.986-5.027A35.921,35.921,0,0,0,54.445,38Zm-8.721,1.279A11.537,11.537,0,0,0,41,41.842a6.409,6.409,0,0,0,2.231,5.042C42.949,44.045,42.933,42.195,45.724,39.279Zm.909-.259v4.463c2.751,0,4.945-3.893,5.684-5.382A32.716,32.716,0,0,0,46.633,39.02Zm18.707,1.1v6.766c2.389,0,2.541-4.476,2.55-5.042A9.118,9.118,0,0,0,65.34,40.118ZM61.088,38.74v4.742a4.506,4.506,0,0,0,4.243-3.369A19.55,19.55,0,0,0,61.088,38.74Z" transform="translate(-41 -38)" fill="#3e3e3f"/>
                                </g>
                                <path data-name="Path 39454" d="M49.9,66.835,45,63v4.322s0,7.2,9.6,7.2V67.8h-2.55A2.88,2.88,0,0,1,49.9,66.835Z" transform="translate(-0.132 -0.189)" fill="#f8e1c2"/>
                                <path data-name="Path 39455" d="M34.353,52.639V33.8q-.963-.343-1.921-.7V52.639c-2.507,1.652-.96,6.579-.96,9.176h3.841c0-2.6,1.547-7.525-.96-9.176Z" transform="translate(-0.317 0.137)" fill="#fa5655"/>
                                <path data-name="Path 39456" d="M81.676,30.683c0-.96-24.85-7.683-26.838-7.683S28,29.723,28,30.683c0,.6,7.387,3.08,12.922,4.853v5.711c3.976-3.841,13.916-3.841,13.916-3.841s9.94,0,13.916,3.841V35.536c5.535-1.773,12.922-4.253,12.922-4.853Z" transform="translate(-0.198 0)" fill="#3e3e3f"/>
                                <path data-name="Path 39457" d="M66.491,68.017l.034-.057L64.6,67l-9.589,4.784,5.563,5.6Z" transform="translate(-0.151 0.072)" fill="#fff"/>
                                <path data-name="Path 39458" d="M58.683,86.4l-2.688-9.8,1.728-1.727-2.9-2.9-2.879,2.879L53.69,76.6,51,86.4Z" transform="translate(-0.202 -0.125)" fill="#df2c2c"/>
                                <path data-name="Path 39459" d="M54.842,86.4V72l-.018-.018-2.879,2.879L53.69,76.6,51,86.4Z" transform="translate(-0.262 -0.125)" fill="#fa5655"/>
                                <path data-name="Path 39460" d="M43.034,68.017,43,67.96,44.921,67l9.589,4.784-5.563,5.6Z" transform="translate(-0.095 0.072)" fill="#fff"/>
                                <path data-name="Path 39461" d="M23,86.247l3.955-10.564a5.857,5.857,0,0,1,3.009-2.865L42.775,68,54.64,86.247Zm63.279,0L82.324,75.683a5.857,5.857,0,0,0-3.009-2.865L66.5,68,54.64,86.247Z" transform="translate(0 0.032)" fill="#3e3e3f"/>
                                <path data-name="Path 39462" d="M55.076,86.247,43.032,68,34,70.881,51.061,86.247Zm0,0L67.119,68l9.032,2.881L59.09,86.247Z" transform="translate(-0.436 0.032)" fill="#9e9fa0"/>
                            </g>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                    
                

Social Icons Style

                    
<section class="icons elements">
    <div class="container">
        <div class="icons-block">
                <h2>Social Icons Style</h2>
            <div class="icon2">
                <div class="svg-whole-wrapper">
                     <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Twitter">
                         <svg xmlns="http://www.w3.org/2000/svg" width="175" height="150" viewBox="0 0 175 150">
                             <path  data-name="Path 40771" d="M191.807,45.891a67.957,67.957,0,0,1-17.658,5.3c2.943-.408,7.063-5.913,8.829-7.952a33.817,33.817,0,0,0,5.886-11.214.94.94,0,0,0,0-1.019c-.392-.2-.589,0-.981,0a85.683,85.683,0,0,1-20.994,8.359,1.186,1.186,0,0,1-1.373-.408,18.159,18.159,0,0,0-1.766-2.039,41.792,41.792,0,0,0-10.2-6.524,34.553,34.553,0,0,0-15.7-2.65,37.289,37.289,0,0,0-14.715,4.282,38.535,38.535,0,0,0-11.968,10.194A37.026,37.026,0,0,0,104.1,57.1a42.278,42.278,0,0,0-.392,15.7c.2.816,0,1.019-.785.816C73.89,69.338,49.953,58.736,30.529,35.7c-.785-1.019-1.373-1.019-1.962,0-8.437,13.252-4.316,34.456,6.278,45.059a43.663,43.663,0,0,0,4.513,4.078c-.589.2-7.652-.612-13.93-4.078-.785-.612-1.177-.2-1.373.816a32.793,32.793,0,0,0,.2,4.282c1.57,13.456,10.595,25.893,22.759,30.583a18.126,18.126,0,0,0,4.709,1.427c-2.747.612-5.69,1.019-13.734.408-.981-.2-1.373.408-.981,1.223,5.886,17.126,18.835,22.223,28.645,25.078a26.132,26.132,0,0,1,3.924.612.2.2,0,0,1-.2.2c-3.139,5.1-14.323,8.971-19.62,10.806a67.486,67.486,0,0,1-29.823,3.874c-1.57-.2-1.962-.2-2.354,0s0,.612.392,1.019a65.663,65.663,0,0,0,6.278,3.874,100.171,100.171,0,0,0,19.816,8.359c35.709,10.194,76.126,2.651,103.006-25.078,20.994-21.612,28.449-51.583,28.449-81.758,0-1.223,1.373-1.835,2.158-2.447a71.463,71.463,0,0,0,13.93-15.087,3.879,3.879,0,0,0,.785-2.854v-.2C192.4,45.483,192.592,45.483,191.807,45.891Z" transform="translate(-17.417 -27.656)" fill="#130f40"/>
                         </svg>
                     </div>
                 </div>
                 <div class="svg-whole-wrapper">
                     <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Instagram">
                         <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                             <path data-name="Path 40772" d="M117.05,27.95h0a9,9,0,1,0,9,9A9,9,0,0,0,117.05,27.95Zm34.5,18.15a56.924,56.924,0,0,0-3.45-18.225A37.05,37.05,0,0,0,139.4,14.6a35.25,35.25,0,0,0-13.275-8.625A54.75,54.75,0,0,0,107.9,2.45C99.95,2,97.4,2,77,2s-22.95,0-30.9.45A54.75,54.75,0,0,0,27.875,5.975,35.85,35.85,0,0,0,14.6,14.6,35.25,35.25,0,0,0,5.975,27.875,54.75,54.75,0,0,0,2.45,46.1C2,54.05,2,56.6,2,77s0,22.95.45,30.9a54.751,54.751,0,0,0,3.525,18.225A35.251,35.251,0,0,0,14.6,139.4a35.85,35.85,0,0,0,13.275,8.625A54.75,54.75,0,0,0,46.1,151.55c7.95.45,10.5.45,30.9.45s22.95,0,30.9-.45a54.75,54.75,0,0,0,18.225-3.525A35.25,35.25,0,0,0,139.4,139.4a36.375,36.375,0,0,0,8.7-13.275,56.925,56.925,0,0,0,3.45-18.225c0-7.95.45-10.5.45-30.9S152,54.05,151.55,46.1ZM138.05,107a42.075,42.075,0,0,1-2.55,13.95,22.95,22.95,0,0,1-5.625,8.625,23.925,23.925,0,0,1-8.625,5.625,42.075,42.075,0,0,1-13.95,2.55c-7.5.375-10.275.45-30,.45s-22.5,0-30-.45a42.975,42.975,0,0,1-14.55-2.25,24.525,24.525,0,0,1-8.25-5.625,22.5,22.5,0,0,1-5.55-8.625,41.55,41.55,0,0,1-3-14.25c0-7.5-.45-10.275-.45-30s0-22.5.45-30a41.55,41.55,0,0,1,2.625-14.25A22.5,22.5,0,0,1,24.5,24.5a23.55,23.55,0,0,1,8.25-6A42.975,42.975,0,0,1,47,15.95c7.5,0,10.275-.45,30-.45s22.5,0,30,.45a42.075,42.075,0,0,1,13.95,2.55,22.95,22.95,0,0,1,8.925,6,22.95,22.95,0,0,1,5.625,8.25A42.075,42.075,0,0,1,138.05,47c.375,7.5.45,10.275.45,30S138.425,99.5,138.05,107ZM77,38.525a38.4,38.4,0,1,0,27.277,11.22A38.475,38.475,0,0,0,77,38.525Zm0,63.45A24.975,24.975,0,1,1,101.975,77,24.975,24.975,0,0,1,77,101.975Z" transform="translate(-2 -2)" fill="#130f40"/>
                         </svg>
                     </div>
                 </div>
                 <div class="svg-whole-wrapper">
                     <div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Facebook">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                            <path  data-name="Path 40770" d="M143.75,2H10.25A8.25,8.25,0,0,0,2,10.25v133.5A8.25,8.25,0,0,0,10.25,152H82.1V93.875H62.6v-22.5H82.1V54.5a27.3,27.3,0,0,1,29.1-30,151.952,151.952,0,0,1,17.475.9V45.65H116.75c-9.45,0-11.25,4.5-11.25,11.025V71.15H128l-2.925,22.5H105.5V152h38.25a8.25,8.25,0,0,0,8.25-8.25V10.25A8.25,8.25,0,0,0,143.75,2Z" transform="translate(-2 -2)" fill="#130f40"/>
                        </svg>
                     </div>
                 </div>
            </div>    
        </div>
    </div>
</section>
                    
                
HEADER STYLE
COLOR SCHEMES