Services

<div class="services-style-1">
    <div class="container">
        <h2>Services Style 1</h2>
        <div class="row justify-content-center">
            <div class="col-lg-4 col-md-6 col-12">
                <div class="item">
                    <div class="icon">
                        <svg id="noun_design_3656815" xmlns="http://www.w3.org/2000/svg" width="94" height="94" viewBox="0 0 94 94">
                            <g id="pencil_ruler_cross" data-name="pencil ruler cross" transform="translate(0 0)">
                            <path id="Path_378" data-name="Path 378" d="M93.4,69.091,68.348,44.053,89.486,22.93A13.039,13.039,0,0,0,71.049,4.489L49.93,25.631,24.9.573a1.957,1.957,0,0,0-2.779,0L.587,22.108a1.958,1.958,0,0,0,0,2.78L25.64,49.926C3.151,72.439,4.091,71.656,4.208,71.46c-.274.431.117-1.194-4.189,20.164a1.958,1.958,0,0,0,1.957,2.349c.2,0,20.042-3.915,20.708-4.307.372-.255,5.578-5.521,21.373-21.319C71.381,95.676,69.326,93.973,70.481,93.973s-.509,1.331,22.92-22.1a1.958,1.958,0,0,0,0-2.78ZM22.939,83.911a17.4,17.4,0,0,0-3.347-6.793L68.524,28.176l5.069,5.109ZM60.695,20.385l5.069,5.07L16.832,74.4a17.4,17.4,0,0,0-6.792-3.348ZM5.5,84.42a13.918,13.918,0,0,1,4.071,4.072L4.482,89.51Zm8.221,3.269A17.911,17.911,0,0,0,6.3,80.27L7.477,74.4A13.7,13.7,0,0,1,19.592,86.515ZM73.828,7.268a9.121,9.121,0,0,1,15.56,6.441c0,4.542-2.76,6.519-6.185,9.964l-12.9-12.9Zm-6.283,6.265,12.9,12.9-4.091,4.092-12.9-12.9ZM4.736,23.5,23.507,4.724l3.112,3.113-2.544,2.525a1.965,1.965,0,1,0,2.779,2.78L29.378,10.6l5.069,5.07-6.459,6.441a1.965,1.965,0,0,0,2.779,2.78l6.439-6.46L41.3,22.519l-2.544,2.525a1.965,1.965,0,1,0,2.779,2.78l2.525-2.545,3.112,3.113L28.4,47.166ZM70.481,89.255,46.818,65.587l18.77-18.774L68.7,49.926l-6.459,6.441a1.958,1.958,0,0,0,1.39,3.348c1.116,0,.842,0,7.829-7.028l4.091,4.092L73.006,59.3a1.958,1.958,0,0,0,1.39,3.348c1.077,0,1.351-.529,3.915-3.113l5.069,5.07-6.459,6.441A1.958,1.958,0,0,0,78.31,74.4c1.116,0,.842,0,7.829-7.028l3.112,3.113Z" transform="translate(0.02 0.006)"></path>
                            </g>
                        </svg>
                    </div>
                    <h4>UI/UX Design</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur
                        adipiscing elit, sed do eiusmod tempor
                        incididunt ut labore et dolore</p>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <div class="item">
                    <div class="icon">
                        <svg id="website_coding_and_gear" data-name="website coding and gear" xmlns="http://www.w3.org/2000/svg" width="94" height="94" viewBox="0 0 94 94">
                            <circle id="Ellipse_3" data-name="Ellipse 3" cx="2.015" cy="2.015" r="2.015" transform="translate(7.179 5.836)"></circle>
                            <circle id="Ellipse_4" data-name="Ellipse 4" cx="2.015" cy="2.015" r="2.015" transform="translate(15.078 5.836)"></circle>
                            <circle id="Ellipse_5" data-name="Ellipse 5" cx="2.015" cy="2.015" r="2.015" transform="translate(24.382 5.836)"></circle>
                            <path id="Path_361" data-name="Path 361" d="M92.042,68.542H88.947a1.2,1.2,0,0,1-.1-.235l2.193-2.193a1.958,1.958,0,0,0,.568-1.39,2.056,2.056,0,0,0-.568-1.39l-4.876-4.857V7.833A7.833,7.833,0,0,0,78.333,0H7.833A7.833,7.833,0,0,0,0,7.833V76.375a1.958,1.958,0,0,0,1.958,1.958H54.833a1.958,1.958,0,0,0,1.958,1.958h3.094a1.193,1.193,0,0,1,.1.235L57.79,82.72a1.958,1.958,0,0,0-.568,1.39,2.056,2.056,0,0,0,.568,1.39l5.542,5.542a1.958,1.958,0,0,0,2.781,0l2.193-2.193.235.1v3.094A1.958,1.958,0,0,0,70.5,94h7.833a1.958,1.958,0,0,0,1.958-1.958V88.947l.235-.1,2.193,2.193a1.958,1.958,0,0,0,1.39.568,2.056,2.056,0,0,0,1.39-.568L91.043,85.5a2.056,2.056,0,0,0,.568-1.39,1.958,1.958,0,0,0-.568-1.39L88.85,80.527a1.2,1.2,0,0,1,.1-.235h3.094A1.958,1.958,0,0,0,94,78.333V70.5A1.958,1.958,0,0,0,92.042,68.542ZM3.917,7.833A3.917,3.917,0,0,1,7.833,3.917h70.5A3.917,3.917,0,0,1,82.25,7.833V11.75H3.917Zm0,66.583V15.667H82.25V58.28l-1.723,1.7-.235-.1V56.792a1.958,1.958,0,0,0-1.958-1.958H70.5a1.958,1.958,0,0,0-1.958,1.958v3.094l-.235.1L66.113,57.79a1.958,1.958,0,0,0-1.39-.568,2.056,2.056,0,0,0-1.39.568L57.79,63.332a2.056,2.056,0,0,0-.568,1.39,1.958,1.958,0,0,0,.568,1.39l2.193,2.193a1.194,1.194,0,0,1-.1.235H56.792A1.958,1.958,0,0,0,54.833,70.5v3.917Zm86.167,1.958H87.557a1.958,1.958,0,0,0-1.958,1.39A11.358,11.358,0,0,1,84.678,80a1.958,1.958,0,0,0,.411,2.252l1.782,1.782-2.663,2.84L82.25,85.09a1.958,1.958,0,0,0-2.33-.333,11.358,11.358,0,0,1-2.233.92,1.958,1.958,0,0,0-1.39,1.958v2.448H72.458V87.557a1.958,1.958,0,0,0-1.39-1.958,11.357,11.357,0,0,1-2.232-.92,1.958,1.958,0,0,0-2.33.333l-1.782,1.782-2.761-2.585,1.782-1.782a1.958,1.958,0,0,0,.333-2.33,11.358,11.358,0,0,1-.92-2.232,1.958,1.958,0,0,0-1.958-1.39H58.75V72.458h2.526a1.958,1.958,0,0,0,1.958-1.39,11.359,11.359,0,0,1,.92-2.233,1.958,1.958,0,0,0-.411-2.252L61.962,64.8l2.761-2.761L66.5,63.822a1.958,1.958,0,0,0,2.33.333,11.359,11.359,0,0,1,2.233-.92,1.958,1.958,0,0,0,1.39-1.958V58.75h3.917v2.526a1.958,1.958,0,0,0,1.39,1.958,11.359,11.359,0,0,1,2.232.92,1.958,1.958,0,0,0,2.252-.411l1.782-1.782,2.761,2.761L85.011,66.5a1.958,1.958,0,0,0-.333,2.33,11.358,11.358,0,0,1,.92,2.233,1.958,1.958,0,0,0,1.958,1.39h2.526Z"></path>
                            <path id="Path_362" data-name="Path 362" d="M63.445,50.656a7.914,7.914,0,1,0,7.914,7.914A7.914,7.914,0,0,0,63.445,50.656Zm0,11.871A3.957,3.957,0,1,1,67.4,58.57,3.957,3.957,0,0,1,63.445,62.527ZM23.3,19.575a1.978,1.978,0,0,0-2.809,0l-7.914,7.914a1.978,1.978,0,0,0,0,2.809l7.914,7.914A1.987,1.987,0,1,0,23.3,35.4l-6.529-6.509L23.3,22.385a1.978,1.978,0,0,0,0-2.809ZM51,27.489l-7.914-7.914a1.987,1.987,0,1,0-2.809,2.809l6.529,6.509L40.277,35.4a1.987,1.987,0,1,0,2.809,2.809L51,30.3a1.978,1.978,0,0,0,0-2.809ZM34.164,17.023a1.978,1.978,0,0,0-2.374,1.583L27.833,38.39a1.978,1.978,0,0,0,1.583,2.374h.4a1.978,1.978,0,0,0,1.978-1.583L35.747,19.4a1.978,1.978,0,0,0-1.583-2.374Z" transform="translate(10.771 15.646)"></path>
                        </svg>
                    </div>
                    <h4>Web Development</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur
                        adipiscing elit, sed do eiusmod tempor
                        incididunt ut labore et dolore</p>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <div class="item">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="99.316" height="94" viewBox="0 0 99.316 94">
                            <g id="noun_digital_marketing_4236807" data-name="noun_digital marketing_4236807" transform="translate(-2 -4.043)">
                                <g id="Group_187" data-name="Group 187" transform="translate(2 4.044)">
                                <g id="Group_183" data-name="Group 183" transform="translate(19.726)">
                                    <g id="Group_170" data-name="Group 170" transform="translate(17.596 0.114)">
                                    <path id="Path_363" data-name="Path 363" d="M57.627,45.965a1.551,1.551,0,0,1-1.1-.454L26.5,15.48a1.55,1.55,0,0,1-.435-1.345L27.48,5.42a1.551,1.551,0,0,1,2.628-.848L67.443,41.906a1.551,1.551,0,0,1-.849,2.628l-8.719,1.411A1.605,1.605,0,0,1,57.627,45.965ZM29.254,13.848,58.162,42.757l4.945-.8L30.056,8.907Z" transform="translate(-26.045 -4.117)"></path>
                                    </g>
                                    <g id="Group_171" data-name="Group 171" transform="translate(30.453 8.561)">
                                    <path id="Path_364" data-name="Path 364" d="M50.326,30.1a1.546,1.546,0,0,1-1.1-.454L34.79,15.206a1.55,1.55,0,0,1,0-2.193,11.7,11.7,0,0,1,8.317-3.449h.007a11.76,11.76,0,0,1,8.309,20.082A1.546,1.546,0,0,1,50.326,30.1ZM38.177,14.207,50.229,26.259a8.664,8.664,0,0,0-.987-11.053h0a8.611,8.611,0,0,0-6.128-2.54h0A8.611,8.611,0,0,0,38.177,14.207Z" transform="translate(-34.335 -9.564)"></path>
                                    </g>
                                    <g id="Group_172" data-name="Group 172" transform="translate(1.85 25.253)">
                                    <path id="Path_365" data-name="Path 365" d="M32.18,52.775a5.219,5.219,0,0,1-3.7-1.529L17.421,40.186a5.238,5.238,0,0,1,0-7.4L29.428,20.782a1.55,1.55,0,0,1,2.193,0L47.885,37.046a1.55,1.55,0,0,1,0,2.193L35.879,51.245A5.213,5.213,0,0,1,32.18,52.775Zm-1.656-28.7L19.614,34.98a2.134,2.134,0,0,0,0,3.013L30.673,49.053a2.133,2.133,0,0,0,3.013,0L44.6,38.143Z" transform="translate(-15.892 -20.327)"></path>
                                    </g>
                                    <g id="Group_173" data-name="Group 173" transform="translate(0 44.495)">
                                    <path id="Path_366" data-name="Path 366" d="M21.194,47.791A6.5,6.5,0,0,1,16.6,36.7l3.51-3.51a1.55,1.55,0,0,1,2.193,0l7,7a1.55,1.55,0,0,1,0,2.193l-3.51,3.51A6.479,6.479,0,0,1,21.194,47.791Zm.011-11.312-2.414,2.414a3.4,3.4,0,0,0,4.8,4.8l2.414-2.414Z" transform="translate(-14.698 -32.736)"></path>
                                    </g>
                                    <g id="Group_174" data-name="Group 174" transform="translate(20.388 45.335)">
                                    <path id="Path_367" data-name="Path 367" d="M46.856,58.774a6.489,6.489,0,0,1-4.6-1.9L28.3,42.916a1.55,1.55,0,0,1,0-2.193l7.009-7.01a1.6,1.6,0,0,1,2.193,0L51.457,47.669a6.5,6.5,0,0,1-4.6,11.105ZM31.589,41.819,44.447,54.678a3.406,3.406,0,1,0,4.817-4.817L36.4,37Z" transform="translate(-27.845 -33.277)"></path>
                                    </g>
                                    <g id="Group_175" data-name="Group 175" transform="translate(20.388 45.317)">
                                    <path id="Path_368" data-name="Path 368" d="M29.4,43.377a1.551,1.551,0,0,1-1.1-2.647l7.009-7.01A1.551,1.551,0,0,1,37.5,35.913l-7.009,7.01A1.546,1.546,0,0,1,29.4,43.377Z" transform="translate(-27.845 -33.265)"></path>
                                    </g>
                                    <g id="Group_176" data-name="Group 176" transform="translate(30.102 51.526)">
                                    <path id="Path_369" data-name="Path 369" d="M35.66,43.877a1.551,1.551,0,0,1-1.1-2.647l3.5-3.505a1.551,1.551,0,0,1,2.193,2.193l-3.5,3.505A1.546,1.546,0,0,1,35.66,43.877Z" transform="translate(-34.109 -37.27)"></path>
                                    </g>
                                    <g id="Group_180" data-name="Group 180" transform="translate(40.069)">
                                    <g id="Group_177" data-name="Group 177">
                                        <path id="Path_370" data-name="Path 370" d="M42.294,12.1a1.55,1.55,0,0,1-1.548-1.486L40.538,5.66a1.551,1.551,0,0,1,1.485-1.614,1.532,1.532,0,0,1,1.614,1.485l.208,4.954A1.55,1.55,0,0,1,42.361,12.1Z" transform="translate(-40.537 -4.044)"></path>
                                    </g>
                                    <g id="Group_178" data-name="Group 178" transform="translate(8.275 4.6)">
                                        <path id="Path_371" data-name="Path 371" d="M47.423,13.616a1.551,1.551,0,0,1-1.1-2.647l3.5-3.5a1.551,1.551,0,1,1,2.193,2.193l-3.5,3.5A1.546,1.546,0,0,1,47.423,13.616Z" transform="translate(-45.873 -7.01)"></path>
                                    </g>
                                    <g id="Group_179" data-name="Group 179" transform="translate(11.424 16.173)">
                                        <path id="Path_372" data-name="Path 372" d="M54.41,17.781l-.066,0-4.955-.208A1.55,1.55,0,0,1,47.9,15.957a1.571,1.571,0,0,1,1.614-1.484l4.954.208a1.551,1.551,0,0,1-.063,3.1Z" transform="translate(-47.903 -14.472)"></path>
                                    </g>
                                    </g>
                                    <g id="Group_181" data-name="Group 181" transform="translate(35.142 56.567)">
                                    <path id="Path_373" data-name="Path 373" d="M38.91,47.126a1.551,1.551,0,0,1-1.1-2.647l3.505-3.5a1.551,1.551,0,0,1,2.193,2.193l-3.505,3.5A1.546,1.546,0,0,1,38.91,47.126Z" transform="translate(-37.359 -40.52)"></path>
                                    </g>
                                    <g id="Group_182" data-name="Group 182" transform="translate(14.929 0.114)">
                                    <path id="Path_374" data-name="Path 374" d="M42.146,48.624a1.551,1.551,0,0,1-1.1-.454L24.78,31.9a1.55,1.55,0,0,1-.435-1.345L28.429,5.42a1.55,1.55,0,0,1,2.627-.848L68.39,41.907a1.551,1.551,0,0,1-.849,2.628L42.394,48.6A1.622,1.622,0,0,1,42.146,48.624ZM27.534,30.268,42.682,45.416l21.372-3.46L31,8.906Z" transform="translate(-24.325 -4.117)"></path>
                                    </g>
                                </g>
                                <g id="Group_184" data-name="Group 184" transform="translate(0 80.411)">
                                    <path id="Path_375" data-name="Path 375" d="M92.247,68.783H11.069A9.076,9.076,0,0,1,2,59.72V56.745a1.551,1.551,0,0,1,1.552-1.551H40.524a1.553,1.553,0,0,1,1.219.591l3.667,4.652H57.9l3.669-4.653a1.556,1.556,0,0,1,1.219-.591H99.765a1.551,1.551,0,0,1,1.552,1.551V59.72A9.077,9.077,0,0,1,92.247,68.783ZM5.1,58.3V59.72a5.97,5.97,0,0,0,5.966,5.962H92.247a5.971,5.971,0,0,0,5.966-5.961V58.3H63.544l-3.669,4.653a1.556,1.556,0,0,1-1.219.591h-14a1.553,1.553,0,0,1-1.219-.591L39.771,58.3H5.1Z" transform="translate(-2 -55.194)"></path>
                                </g>
                                <g id="Group_185" data-name="Group 185" transform="translate(80.189 22.555)">
                                    <path id="Path_376" data-name="Path 376" d="M65.963,78.847A1.551,1.551,0,0,1,64.413,77.3V22.429a1.434,1.434,0,0,0-1.458-1.442H55.216a1.551,1.551,0,1,1,0-3.1h7.739a4.557,4.557,0,0,1,4.559,4.543V77.3A1.551,1.551,0,0,1,65.963,78.847Z" transform="translate(-53.666 -17.886)"></path>
                                </g>
                                <g id="Group_186" data-name="Group 186" transform="translate(5.282 22.555)">
                                    <path id="Path_377" data-name="Path 377" d="M6.957,78.847A1.551,1.551,0,0,1,5.406,77.3V22.429a4.557,4.557,0,0,1,4.559-4.543h7.723a1.551,1.551,0,1,1,0,3.1H9.965a1.434,1.434,0,0,0-1.458,1.442V77.3A1.551,1.551,0,0,1,6.957,78.847Z" transform="translate(-5.406 -17.886)"></path>
                                </g>
                                </g>
                            </g>
                        </svg>
                    </div>
                    <h4>Digital Marketing</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur
                        adipiscing elit, sed do eiusmod tempor
                        incididunt ut labore et dolore</p>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                            <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
Copy to clipboard

            
<div class="services-style-2">
    <div class="container">
        <h2>Services Style 2</h2>
        <div class="row justify-content-center">
            <div class="col-lg-4 col-md-6 col-12">
                <div class="item">
                    <div class="icon">
                        <svg id="noun_design_3656815" xmlns="http://www.w3.org/2000/svg" width="94" height="94" viewBox="0 0 94 94">
                            <g id="pencil_ruler_cross" data-name="pencil ruler cross" transform="translate(0 0)">
                            <path id="Path_378" data-name="Path 378" d="M93.4,69.091,68.348,44.053,89.486,22.93A13.039,13.039,0,0,0,71.049,4.489L49.93,25.631,24.9.573a1.957,1.957,0,0,0-2.779,0L.587,22.108a1.958,1.958,0,0,0,0,2.78L25.64,49.926C3.151,72.439,4.091,71.656,4.208,71.46c-.274.431.117-1.194-4.189,20.164a1.958,1.958,0,0,0,1.957,2.349c.2,0,20.042-3.915,20.708-4.307.372-.255,5.578-5.521,21.373-21.319C71.381,95.676,69.326,93.973,70.481,93.973s-.509,1.331,22.92-22.1a1.958,1.958,0,0,0,0-2.78ZM22.939,83.911a17.4,17.4,0,0,0-3.347-6.793L68.524,28.176l5.069,5.109ZM60.695,20.385l5.069,5.07L16.832,74.4a17.4,17.4,0,0,0-6.792-3.348ZM5.5,84.42a13.918,13.918,0,0,1,4.071,4.072L4.482,89.51Zm8.221,3.269A17.911,17.911,0,0,0,6.3,80.27L7.477,74.4A13.7,13.7,0,0,1,19.592,86.515ZM73.828,7.268a9.121,9.121,0,0,1,15.56,6.441c0,4.542-2.76,6.519-6.185,9.964l-12.9-12.9Zm-6.283,6.265,12.9,12.9-4.091,4.092-12.9-12.9ZM4.736,23.5,23.507,4.724l3.112,3.113-2.544,2.525a1.965,1.965,0,1,0,2.779,2.78L29.378,10.6l5.069,5.07-6.459,6.441a1.965,1.965,0,0,0,2.779,2.78l6.439-6.46L41.3,22.519l-2.544,2.525a1.965,1.965,0,1,0,2.779,2.78l2.525-2.545,3.112,3.113L28.4,47.166ZM70.481,89.255,46.818,65.587l18.77-18.774L68.7,49.926l-6.459,6.441a1.958,1.958,0,0,0,1.39,3.348c1.116,0,.842,0,7.829-7.028l4.091,4.092L73.006,59.3a1.958,1.958,0,0,0,1.39,3.348c1.077,0,1.351-.529,3.915-3.113l5.069,5.07-6.459,6.441A1.958,1.958,0,0,0,78.31,74.4c1.116,0,.842,0,7.829-7.028l3.112,3.113Z" transform="translate(0.02 0.006)"></path>
                            </g>
                        </svg>
                    </div>
                    <h4>UI/UX Design</h4>
                    <p>Lorem ipsum dolor sit amet consectetur ad
                        ipiscing elit, sed do eiusmod tempor incidi
                        dunt ut labore et dolore</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <div class="item">
                    <div class="icon">
                        <svg id="website_coding_and_gear" data-name="website coding and gear" xmlns="http://www.w3.org/2000/svg" width="94" height="94" viewBox="0 0 94 94">
                            <circle id="Ellipse_3" data-name="Ellipse 3" cx="2.015" cy="2.015" r="2.015" transform="translate(7.179 5.836)"></circle>
                            <circle id="Ellipse_4" data-name="Ellipse 4" cx="2.015" cy="2.015" r="2.015" transform="translate(15.078 5.836)"></circle>
                            <circle id="Ellipse_5" data-name="Ellipse 5" cx="2.015" cy="2.015" r="2.015" transform="translate(24.382 5.836)"></circle>
                            <path id="Path_361" data-name="Path 361" d="M92.042,68.542H88.947a1.2,1.2,0,0,1-.1-.235l2.193-2.193a1.958,1.958,0,0,0,.568-1.39,2.056,2.056,0,0,0-.568-1.39l-4.876-4.857V7.833A7.833,7.833,0,0,0,78.333,0H7.833A7.833,7.833,0,0,0,0,7.833V76.375a1.958,1.958,0,0,0,1.958,1.958H54.833a1.958,1.958,0,0,0,1.958,1.958h3.094a1.193,1.193,0,0,1,.1.235L57.79,82.72a1.958,1.958,0,0,0-.568,1.39,2.056,2.056,0,0,0,.568,1.39l5.542,5.542a1.958,1.958,0,0,0,2.781,0l2.193-2.193.235.1v3.094A1.958,1.958,0,0,0,70.5,94h7.833a1.958,1.958,0,0,0,1.958-1.958V88.947l.235-.1,2.193,2.193a1.958,1.958,0,0,0,1.39.568,2.056,2.056,0,0,0,1.39-.568L91.043,85.5a2.056,2.056,0,0,0,.568-1.39,1.958,1.958,0,0,0-.568-1.39L88.85,80.527a1.2,1.2,0,0,1,.1-.235h3.094A1.958,1.958,0,0,0,94,78.333V70.5A1.958,1.958,0,0,0,92.042,68.542ZM3.917,7.833A3.917,3.917,0,0,1,7.833,3.917h70.5A3.917,3.917,0,0,1,82.25,7.833V11.75H3.917Zm0,66.583V15.667H82.25V58.28l-1.723,1.7-.235-.1V56.792a1.958,1.958,0,0,0-1.958-1.958H70.5a1.958,1.958,0,0,0-1.958,1.958v3.094l-.235.1L66.113,57.79a1.958,1.958,0,0,0-1.39-.568,2.056,2.056,0,0,0-1.39.568L57.79,63.332a2.056,2.056,0,0,0-.568,1.39,1.958,1.958,0,0,0,.568,1.39l2.193,2.193a1.194,1.194,0,0,1-.1.235H56.792A1.958,1.958,0,0,0,54.833,70.5v3.917Zm86.167,1.958H87.557a1.958,1.958,0,0,0-1.958,1.39A11.358,11.358,0,0,1,84.678,80a1.958,1.958,0,0,0,.411,2.252l1.782,1.782-2.663,2.84L82.25,85.09a1.958,1.958,0,0,0-2.33-.333,11.358,11.358,0,0,1-2.233.92,1.958,1.958,0,0,0-1.39,1.958v2.448H72.458V87.557a1.958,1.958,0,0,0-1.39-1.958,11.357,11.357,0,0,1-2.232-.92,1.958,1.958,0,0,0-2.33.333l-1.782,1.782-2.761-2.585,1.782-1.782a1.958,1.958,0,0,0,.333-2.33,11.358,11.358,0,0,1-.92-2.232,1.958,1.958,0,0,0-1.958-1.39H58.75V72.458h2.526a1.958,1.958,0,0,0,1.958-1.39,11.359,11.359,0,0,1,.92-2.233,1.958,1.958,0,0,0-.411-2.252L61.962,64.8l2.761-2.761L66.5,63.822a1.958,1.958,0,0,0,2.33.333,11.359,11.359,0,0,1,2.233-.92,1.958,1.958,0,0,0,1.39-1.958V58.75h3.917v2.526a1.958,1.958,0,0,0,1.39,1.958,11.359,11.359,0,0,1,2.232.92,1.958,1.958,0,0,0,2.252-.411l1.782-1.782,2.761,2.761L85.011,66.5a1.958,1.958,0,0,0-.333,2.33,11.358,11.358,0,0,1,.92,2.233,1.958,1.958,0,0,0,1.958,1.39h2.526Z"></path>
                            <path id="Path_362" data-name="Path 362" d="M63.445,50.656a7.914,7.914,0,1,0,7.914,7.914A7.914,7.914,0,0,0,63.445,50.656Zm0,11.871A3.957,3.957,0,1,1,67.4,58.57,3.957,3.957,0,0,1,63.445,62.527ZM23.3,19.575a1.978,1.978,0,0,0-2.809,0l-7.914,7.914a1.978,1.978,0,0,0,0,2.809l7.914,7.914A1.987,1.987,0,1,0,23.3,35.4l-6.529-6.509L23.3,22.385a1.978,1.978,0,0,0,0-2.809ZM51,27.489l-7.914-7.914a1.987,1.987,0,1,0-2.809,2.809l6.529,6.509L40.277,35.4a1.987,1.987,0,1,0,2.809,2.809L51,30.3a1.978,1.978,0,0,0,0-2.809ZM34.164,17.023a1.978,1.978,0,0,0-2.374,1.583L27.833,38.39a1.978,1.978,0,0,0,1.583,2.374h.4a1.978,1.978,0,0,0,1.978-1.583L35.747,19.4a1.978,1.978,0,0,0-1.583-2.374Z" transform="translate(10.771 15.646)"></path>
                        </svg>
                    </div>
                    <h4>Web Development</h4>
                    <p>Lorem ipsum dolor sit amet consectetur ad
                        ipiscing elit, sed do eiusmod tempor incidi
                        dunt ut labore et dolore</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <div class="item">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="99.316" height="94" viewBox="0 0 99.316 94">
                            <g id="noun_digital_marketing_4236807" data-name="noun_digital marketing_4236807" transform="translate(-2 -4.043)">
                                <g id="Group_187" data-name="Group 187" transform="translate(2 4.044)">
                                <g id="Group_183" data-name="Group 183" transform="translate(19.726)">
                                    <g id="Group_170" data-name="Group 170" transform="translate(17.596 0.114)">
                                    <path id="Path_363" data-name="Path 363" d="M57.627,45.965a1.551,1.551,0,0,1-1.1-.454L26.5,15.48a1.55,1.55,0,0,1-.435-1.345L27.48,5.42a1.551,1.551,0,0,1,2.628-.848L67.443,41.906a1.551,1.551,0,0,1-.849,2.628l-8.719,1.411A1.605,1.605,0,0,1,57.627,45.965ZM29.254,13.848,58.162,42.757l4.945-.8L30.056,8.907Z" transform="translate(-26.045 -4.117)"></path>
                                    </g>
                                    <g id="Group_171" data-name="Group 171" transform="translate(30.453 8.561)">
                                    <path id="Path_364" data-name="Path 364" d="M50.326,30.1a1.546,1.546,0,0,1-1.1-.454L34.79,15.206a1.55,1.55,0,0,1,0-2.193,11.7,11.7,0,0,1,8.317-3.449h.007a11.76,11.76,0,0,1,8.309,20.082A1.546,1.546,0,0,1,50.326,30.1ZM38.177,14.207,50.229,26.259a8.664,8.664,0,0,0-.987-11.053h0a8.611,8.611,0,0,0-6.128-2.54h0A8.611,8.611,0,0,0,38.177,14.207Z" transform="translate(-34.335 -9.564)"></path>
                                    </g>
                                    <g id="Group_172" data-name="Group 172" transform="translate(1.85 25.253)">
                                    <path id="Path_365" data-name="Path 365" d="M32.18,52.775a5.219,5.219,0,0,1-3.7-1.529L17.421,40.186a5.238,5.238,0,0,1,0-7.4L29.428,20.782a1.55,1.55,0,0,1,2.193,0L47.885,37.046a1.55,1.55,0,0,1,0,2.193L35.879,51.245A5.213,5.213,0,0,1,32.18,52.775Zm-1.656-28.7L19.614,34.98a2.134,2.134,0,0,0,0,3.013L30.673,49.053a2.133,2.133,0,0,0,3.013,0L44.6,38.143Z" transform="translate(-15.892 -20.327)"></path>
                                    </g>
                                    <g id="Group_173" data-name="Group 173" transform="translate(0 44.495)">
                                    <path id="Path_366" data-name="Path 366" d="M21.194,47.791A6.5,6.5,0,0,1,16.6,36.7l3.51-3.51a1.55,1.55,0,0,1,2.193,0l7,7a1.55,1.55,0,0,1,0,2.193l-3.51,3.51A6.479,6.479,0,0,1,21.194,47.791Zm.011-11.312-2.414,2.414a3.4,3.4,0,0,0,4.8,4.8l2.414-2.414Z" transform="translate(-14.698 -32.736)"></path>
                                    </g>
                                    <g id="Group_174" data-name="Group 174" transform="translate(20.388 45.335)">
                                    <path id="Path_367" data-name="Path 367" d="M46.856,58.774a6.489,6.489,0,0,1-4.6-1.9L28.3,42.916a1.55,1.55,0,0,1,0-2.193l7.009-7.01a1.6,1.6,0,0,1,2.193,0L51.457,47.669a6.5,6.5,0,0,1-4.6,11.105ZM31.589,41.819,44.447,54.678a3.406,3.406,0,1,0,4.817-4.817L36.4,37Z" transform="translate(-27.845 -33.277)"></path>
                                    </g>
                                    <g id="Group_175" data-name="Group 175" transform="translate(20.388 45.317)">
                                    <path id="Path_368" data-name="Path 368" d="M29.4,43.377a1.551,1.551,0,0,1-1.1-2.647l7.009-7.01A1.551,1.551,0,0,1,37.5,35.913l-7.009,7.01A1.546,1.546,0,0,1,29.4,43.377Z" transform="translate(-27.845 -33.265)"></path>
                                    </g>
                                    <g id="Group_176" data-name="Group 176" transform="translate(30.102 51.526)">
                                    <path id="Path_369" data-name="Path 369" d="M35.66,43.877a1.551,1.551,0,0,1-1.1-2.647l3.5-3.505a1.551,1.551,0,0,1,2.193,2.193l-3.5,3.505A1.546,1.546,0,0,1,35.66,43.877Z" transform="translate(-34.109 -37.27)"></path>
                                    </g>
                                    <g id="Group_180" data-name="Group 180" transform="translate(40.069)">
                                    <g id="Group_177" data-name="Group 177">
                                        <path id="Path_370" data-name="Path 370" d="M42.294,12.1a1.55,1.55,0,0,1-1.548-1.486L40.538,5.66a1.551,1.551,0,0,1,1.485-1.614,1.532,1.532,0,0,1,1.614,1.485l.208,4.954A1.55,1.55,0,0,1,42.361,12.1Z" transform="translate(-40.537 -4.044)"></path>
                                    </g>
                                    <g id="Group_178" data-name="Group 178" transform="translate(8.275 4.6)">
                                        <path id="Path_371" data-name="Path 371" d="M47.423,13.616a1.551,1.551,0,0,1-1.1-2.647l3.5-3.5a1.551,1.551,0,1,1,2.193,2.193l-3.5,3.5A1.546,1.546,0,0,1,47.423,13.616Z" transform="translate(-45.873 -7.01)"></path>
                                    </g>
                                    <g id="Group_179" data-name="Group 179" transform="translate(11.424 16.173)">
                                        <path id="Path_372" data-name="Path 372" d="M54.41,17.781l-.066,0-4.955-.208A1.55,1.55,0,0,1,47.9,15.957a1.571,1.571,0,0,1,1.614-1.484l4.954.208a1.551,1.551,0,0,1-.063,3.1Z" transform="translate(-47.903 -14.472)"></path>
                                    </g>
                                    </g>
                                    <g id="Group_181" data-name="Group 181" transform="translate(35.142 56.567)">
                                    <path id="Path_373" data-name="Path 373" d="M38.91,47.126a1.551,1.551,0,0,1-1.1-2.647l3.505-3.5a1.551,1.551,0,0,1,2.193,2.193l-3.505,3.5A1.546,1.546,0,0,1,38.91,47.126Z" transform="translate(-37.359 -40.52)"></path>
                                    </g>
                                    <g id="Group_182" data-name="Group 182" transform="translate(14.929 0.114)">
                                    <path id="Path_374" data-name="Path 374" d="M42.146,48.624a1.551,1.551,0,0,1-1.1-.454L24.78,31.9a1.55,1.55,0,0,1-.435-1.345L28.429,5.42a1.55,1.55,0,0,1,2.627-.848L68.39,41.907a1.551,1.551,0,0,1-.849,2.628L42.394,48.6A1.622,1.622,0,0,1,42.146,48.624ZM27.534,30.268,42.682,45.416l21.372-3.46L31,8.906Z" transform="translate(-24.325 -4.117)"></path>
                                    </g>
                                </g>
                                <g id="Group_184" data-name="Group 184" transform="translate(0 80.411)">
                                    <path id="Path_375" data-name="Path 375" d="M92.247,68.783H11.069A9.076,9.076,0,0,1,2,59.72V56.745a1.551,1.551,0,0,1,1.552-1.551H40.524a1.553,1.553,0,0,1,1.219.591l3.667,4.652H57.9l3.669-4.653a1.556,1.556,0,0,1,1.219-.591H99.765a1.551,1.551,0,0,1,1.552,1.551V59.72A9.077,9.077,0,0,1,92.247,68.783ZM5.1,58.3V59.72a5.97,5.97,0,0,0,5.966,5.962H92.247a5.971,5.971,0,0,0,5.966-5.961V58.3H63.544l-3.669,4.653a1.556,1.556,0,0,1-1.219.591h-14a1.553,1.553,0,0,1-1.219-.591L39.771,58.3H5.1Z" transform="translate(-2 -55.194)"></path>
                                </g>
                                <g id="Group_185" data-name="Group 185" transform="translate(80.189 22.555)">
                                    <path id="Path_376" data-name="Path 376" d="M65.963,78.847A1.551,1.551,0,0,1,64.413,77.3V22.429a1.434,1.434,0,0,0-1.458-1.442H55.216a1.551,1.551,0,1,1,0-3.1h7.739a4.557,4.557,0,0,1,4.559,4.543V77.3A1.551,1.551,0,0,1,65.963,78.847Z" transform="translate(-53.666 -17.886)"></path>
                                </g>
                                <g id="Group_186" data-name="Group 186" transform="translate(5.282 22.555)">
                                    <path id="Path_377" data-name="Path 377" d="M6.957,78.847A1.551,1.551,0,0,1,5.406,77.3V22.429a4.557,4.557,0,0,1,4.559-4.543h7.723a1.551,1.551,0,1,1,0,3.1H9.965a1.434,1.434,0,0,0-1.458,1.442V77.3A1.551,1.551,0,0,1,6.957,78.847Z" transform="translate(-5.406 -17.886)"></path>
                                </g>
                                </g>
                            </g>
                        </svg>
                    </div>
                    <h4>Digital Marketing</h4>
                    <p>Lorem ipsum dolor sit amet consectetur ad
                        ipiscing elit, sed do eiusmod tempor incidi
                        dunt ut labore et dolore</p>
                </div>
            </div>
        </div>
    </div>
    </div>
            Copy to clipboard
        

            
<div class="services-style-3">
    <div class="container">
        <h2>Services Style 3</h2>
        <div class="item right">
            <div class="image">
                <img src="/agency-pro/sites/default/files/2022-03/services.jpg" alt="Image">
            </div>
            <div class="item-content">
                <div class="icon">
                    <svg id="noun_design_3656815" xmlns="http://www.w3.org/2000/svg" width="94" height="94" viewBox="0 0 94 94">
                        <g id="pencil_ruler_cross" data-name="pencil ruler cross" transform="translate(0 0)">
                        <path id="Path_378" data-name="Path 378" d="M93.4,69.091,68.348,44.053,89.486,22.93A13.039,13.039,0,0,0,71.049,4.489L49.93,25.631,24.9.573a1.957,1.957,0,0,0-2.779,0L.587,22.108a1.958,1.958,0,0,0,0,2.78L25.64,49.926C3.151,72.439,4.091,71.656,4.208,71.46c-.274.431.117-1.194-4.189,20.164a1.958,1.958,0,0,0,1.957,2.349c.2,0,20.042-3.915,20.708-4.307.372-.255,5.578-5.521,21.373-21.319C71.381,95.676,69.326,93.973,70.481,93.973s-.509,1.331,22.92-22.1a1.958,1.958,0,0,0,0-2.78ZM22.939,83.911a17.4,17.4,0,0,0-3.347-6.793L68.524,28.176l5.069,5.109ZM60.695,20.385l5.069,5.07L16.832,74.4a17.4,17.4,0,0,0-6.792-3.348ZM5.5,84.42a13.918,13.918,0,0,1,4.071,4.072L4.482,89.51Zm8.221,3.269A17.911,17.911,0,0,0,6.3,80.27L7.477,74.4A13.7,13.7,0,0,1,19.592,86.515ZM73.828,7.268a9.121,9.121,0,0,1,15.56,6.441c0,4.542-2.76,6.519-6.185,9.964l-12.9-12.9Zm-6.283,6.265,12.9,12.9-4.091,4.092-12.9-12.9ZM4.736,23.5,23.507,4.724l3.112,3.113-2.544,2.525a1.965,1.965,0,1,0,2.779,2.78L29.378,10.6l5.069,5.07-6.459,6.441a1.965,1.965,0,0,0,2.779,2.78l6.439-6.46L41.3,22.519l-2.544,2.525a1.965,1.965,0,1,0,2.779,2.78l2.525-2.545,3.112,3.113L28.4,47.166ZM70.481,89.255,46.818,65.587l18.77-18.774L68.7,49.926l-6.459,6.441a1.958,1.958,0,0,0,1.39,3.348c1.116,0,.842,0,7.829-7.028l4.091,4.092L73.006,59.3a1.958,1.958,0,0,0,1.39,3.348c1.077,0,1.351-.529,3.915-3.113l5.069,5.07-6.459,6.441A1.958,1.958,0,0,0,78.31,74.4c1.116,0,.842,0,7.829-7.028l3.112,3.113Z" transform="translate(0.02 0.006)"></path>
                        </g>
                    </svg>
                </div>
                <h4>UI/UX Design</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do
                    eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                    laboris nisi ut aliquip ex ea commodo consequat.</p>
                <a href="#" class="btn btn-primary btn-style-3 btn-style-md" title="Title">READ MORE
                    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
                        <path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
                    </svg>
                </a>
            </div>
        </div>
    </div>
</div>
            Copy to clipboard