infographics.html in word-games-theme-2.1.3

- old
+ new
@@ -1,120 +1,5 @@
 
-<style>
-    .inforgraphics_section {
-        width: 100%;
-        padding: 50px 0px 50px 0px;
-        border-top: 1px solid rgb(224, 224, 224);
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-
-    .inforgraphics_section .wrapper {
-        display: flex;
-        max-width: 700px;
-        position: relative;
-    }
-
-    .inforgraphics_section .wrapper svg {
-        top: 50%;
-        height: 44px;
-        width: 44px;
-        color: #343F4F;
-        cursor: pointer;
-        font-size: 1.15rem;
-        position: absolute;
-        text-align: center;
-        line-height: 44px;
-        background: #eee;
-        border-radius: 50%;
-        transform: translateY(-50%);
-        transition: transform 0.1s linear;
-    }
-
-    .inforgraphics_section .wrapper svg:active {
-        transform: translateY(-50%) scale(0.9);
-    }
-
-    .inforgraphics_section .wrapper svg:hover {
-        background: #f2f2f2;
-    }
-
-    .inforgraphics_section .wrapper svg:first-child {
-        left: 0px;
-        display: none;
-        z-index: 999;
-    }
-
-    .inforgraphics_section .wrapper svg:last-child {
-        right: 0px;
-    }
-
-    .carousel {
-        display: flex;
-        max-width: 700px;
-        overflow-x: scroll;
-        scroll-snap-type: x mandatory;
-        scroll-behavior: smooth;
-    }
-
-    .carousel-inner {
-        display: flex;
-        flex-wrap: nowrap;
-    }
-
-    .slide {
-        flex: 0 0 calc(100% / 3);
-        scroll-snap-align: start;
-        padding: 20px;
-    }
-
-    .carousel img {
-        width: 100%;
-        object-fit: contain;
-        max-width: 100%;
-        height: auto;
-        border-radius: 8px;
-    }
-
-    .carousel-inner p {
-        text-align: center;
-        margin: 10px 0;
-        font-size: 14px;
-        white-space: normal;
-        word-wrap: break-word;
-    }
-
-    @media screen and (max-width: 768px) {
-        .inforgraphics_section .wrapper {
-            max-width: 100%;
-        }
-
-        .carousel-inner p {
-            font-size: 20px;
-        }
-
-        .inforgraphics_section .wrapper i:first-child {
-            left: 0;
-            /* margin-left: 14px; */
-            z-index: 99;
-        }
-
-        .inforgraphics_section .wrapper i:last-child {
-            right: 0;
-            z-index: 99;
-            display: block !important;
-        }
-
-        .carousel {
-            overflow-x: hidden;
-        }
-        .slide {
-            flex: 0 0 100%;
-            margin-right: 0;
-        }
-    }
-</style>
 
 <div class="inforgraphics_section">
     <h3 class="text-center w-100 mb-5" style="font-size:22px"><b>Other useful information</b></h3>
     <div class="wrapper">
         <svg id="left" fill="#000000" viewBox="-12 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>angle-left</title> <path d="M7.28 23.28c-0.2 0-0.44-0.080-0.6-0.24l-6.44-6.44c-0.32-0.32-0.32-0.84 0-1.2l6.44-6.44c0.32-0.32 0.84-0.32 1.2 0 0.32 0.32 0.32 0.84 0 1.2l-5.8 5.84 5.84 5.84c0.32 0.32 0.32 0.84 0 1.2-0.16 0.16-0.44 0.24-0.64 0.24z"></path> </g></svg>
\ No newline at end of file