@import url("https://fonts.googleapis.com/css2?family=Carter+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Carter+One&family=Monoton&display=swap");

/* --- Pattern --- Pattern --- Pattern --- Pattern --- Pattern --- Pattern --- Pattern --- Pattern --- Pattern --- Pattern */
.pattern1 { background: repeating-linear-gradient(45deg, #444, #444 10px, #666 10px, #666 20px); }
.pattern2 { background: repeating-linear-gradient(90deg, #444, #444 5px, transparent 5px, transparent 10px); }
.pattern3 { background: repeating-linear-gradient(135deg, #444, #444 5px, #666 5px, #666 10px); }
.pattern4 { background: repeating-linear-gradient(45deg, black 0px, black 5px, transparent 5px, transparent 10px); }
.pattern5 { background: repeating-linear-gradient(0deg, #000, #000 10px, #fff 10px, #fff 20px); }

.pattern6 { background: radial-gradient(circle, #444 10%, transparent 20%) 0 0 / 10px 10px; }
.pattern7 { background: radial-gradient(circle at 50% 50%, #444 10%, transparent 20%) 0 0 / 20px 20px; }
.pattern8 { background: radial-gradient(circle at center, rgba(0,0,0,0.1) 20%, transparent 80%) 0 0 / 15px 15px; }
.pattern9 { background: radial-gradient(circle, black 10%, white 20%) 0 0 / 10px 10px; }
.pattern10 { background: radial-gradient(circle at top left, #444 20%, transparent 40%) 0 0 / 30px 30px; }

.pattern11 { background: linear-gradient(to right, rgba(0,0,0,0.2) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,0.2) 1px, transparent 1px); }
.pattern12 { background: repeating-linear-gradient(90deg, black 1px, transparent 1px, transparent 20px); }
.pattern13 { background: linear-gradient(to right, rgba(0,0,0,0.2) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,0.2) 1px, transparent 1px) }
.pattern14 { background: linear-gradient(90deg, black 1px, transparent 1px), linear-gradient(0deg, black 1px, transparent 1px); }
.pattern15 { background: repeating-linear-gradient(0deg, #000, #000 10px, #fff 10px, #fff 20px); }

.pattern16 { background: repeating-linear-gradient(135deg, #333, #333 10px, #666 10px, #666 20px); }
.pattern17 { background: linear-gradient(45deg, #444 25%, transparent 25%, transparent 50%, #444 50%, #444 75%, transparent 75%, transparent); }
.pattern18 { background: linear-gradient(135deg, rgba(255,255,255,0.4) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.4) 75%, transparent 75%, transparent); }

.pattern19 { background: repeating-conic-gradient(#444 0% 25%, #666 25% 50%) 0 0 / 10px 10px; }
.pattern20 { background: repeating-conic-gradient(#444 0% 25%, #777 25% 50%) 0 0 / 20px 20px; }
.pattern21 { background: repeating-conic-gradient(#444 0% 25%, #888 25% 50%) 0 0 / 30px 30px; }

.pattern22 { background: radial-gradient(circle at 10% 10%, #444, transparent), radial-gradient(circle at 90% 90%, #666, transparent); }
.pattern23 { background: radial-gradient(circle at 20% 20%, rgba(64, 64, 64, 0.2) 20%, transparent 40%); }
.pattern24 { background: radial-gradient(circle at 60% 60%, rgba(64, 64, 64, 0.3) 20%, transparent 50%); }
.pattern25 { background: radial-gradient(circle at 40% 40%, rgba(64, 64, 64, 0.3) 30%, transparent 60%); }
.pattern26 { background: radial-gradient(circle at bottom, rgba(64, 64, 64, 0.2) 30%, transparent 60%); }

.pattern27 { background: repeating-linear-gradient(0deg, black, black 1px, white 1px, white 2px); }
.pattern28 { background: repeating-linear-gradient(90deg, black, black 1px, white 1px, white 2px); }
.pattern29 { background: repeating-linear-gradient(45deg, #444, #444 2px, #666 2px, #666 4px, #888 4px, #888 6px); }
.pattern30 { background: repeating-linear-gradient(90deg, black 1px, transparent 1px, transparent 5px, black 5px, black 10px); }
.pattern31 { background: repeating-linear-gradient(45deg, #444, #444 3px, transparent 3px, transparent 6px); }


/* --- Shapes --- Shapes --- Shapes --- Shapes --- Shapes --- Shapes --- Shapes --- Shapes --- Shapes */
.shape1 { clip-path: none; }
.shape2 { clip-path: circle(50%); }
.shape3 { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.shape4 { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
.shape5 { clip-path: polygon(50% 15%, 85% 15%, 100% 40%, 50% 100%, 0% 40%, 15% 15%); }
.shape6 { clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); }
.shape7 { clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); }
.shape8 { clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); }
.shape9 { clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.shape10 { clip-path: circle(50% at 30% 50%); }
.shape11 { clip-path: ellipse(50% 40% at 50% 50%); }
.shape12 { clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); }
.shape13 { clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); }
.shape14 { clip-path: polygon(30% 0%, 70% 0%, 70% 30%, 100% 30%, 100% 70%, 70% 70%, 70% 100%, 30% 100%, 30% 70%, 0% 70%, 0% 30%, 30% 30%); }
.shape15 { clip-path: polygon(50% 0%, 100% 50%, 75% 50%, 75% 100%, 25% 100%, 25% 50%, 0% 50%); }
.shape16 { clip-path: polygon(20% 0%, 80% 0%, 50% 100%); }
.shape17 { clip-path: circle(50%) inset(20%); }
.shape18 { clip-path: polygon(50% 50%, 100% 50%, 100% 0%, 50% 0%, 0% 0%, 0% 50%); }
.shape19 { clip-path: polygon(45% 0%, 55% 0%, 30% 50%, 50% 50%, 20% 100%, 40% 50%, 0% 50%); }
.shape20 { clip-path: polygon(0% 0%, 75% 0%, 75% 50%, 0% 50%, 0% 100%, 10% 100%, 10% 0%); }
.shape21 { clip-path: polygon(50% 0%, 75% 25%, 100% 50%, 75% 75%, 50% 100%, 25% 75%, 0% 50%, 25% 25%); }

/* --- Box-Shadows --- Box-Shadows --- Box-Shadows --- Box-Shadows --- Box-Shadows --- Box-Shadows */
.shadow1 { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); }
.shadow2 { box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15); }
.shadow3 { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); }
.shadow4 { box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.2); }
.shadow5 { box-shadow: 0px 0px 10px rgba(0, 255, 0, 0.7); }
.shadow6 { box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.35); }
.shadow7 { box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2); }
.shadow8 { box-shadow: 0px 5px 15px rgba(255, 0, 0, 0.3), 0px -5px 15px rgba(0, 0, 255, 0.3); }
.shadow9 { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); }
.shadow10 { box-shadow: 10px 10px 15px rgba(50, 50, 50, 0.3); }
.shadow11 { box-shadow: -5px -5px 10px rgba(100, 100, 100, 0.2); }
.shadow12 { box-shadow: 3px 3px 8px rgba(200, 0, 0, 0.4); }
.shadow13 { box-shadow: 6px 6px 12px rgba(0, 100, 200, 0.3); }
.shadow14 { box-shadow: 4px 4px 20px rgba(150, 50, 50, 0.25); }
.shadow15 { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3); }
.shadow16 { box-shadow: 2px 2px 6px rgba(0, 150, 50, 0.2); }
.shadow17 { box-shadow: 0px 12px 24px rgba(100, 100, 255, 0.4); }
.shadow18 { box-shadow: inset 5px 5px 15px rgba(255, 255, 255, 0.3); }
.shadow19 { box-shadow: 0px 10px 30px rgba(50, 50, 50, 0.5); }
.shadow20 { box-shadow: 3px 3px 5px rgba(255, 150, 0, 0.3); }
.shadow21 { box-shadow: -8px -8px 12px rgba(50, 50, 255, 0.2); }
.shadow22 { box-shadow: 10px 10px 20px rgba(200, 50, 50, 0.3); }
.shadow23 { box-shadow: 6px 6px 18px rgba(50, 200, 50, 0.25); }
.shadow24 { box-shadow: 4px 4px 14px rgba(200, 0, 200, 0.4); }
.shadow25 { box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.5); }
.shadow26 { box-shadow: 2px 2px 7px rgba(255, 0, 255, 0.3); }
.shadow27 { box-shadow: 8px 8px 16px rgba(50, 150, 150, 0.3); }
.shadow28 { box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.2); }

/* --- Text-Shadows --- Text-Shadows --- Text-Shadows --- Text-Shadows --- Text-Shadows --- Text-Shadows */
.text-shadow1 { text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.2); }
.text-shadow2 { text-shadow: 2px 2px 4px rgba(50, 50, 50, 0.3); }
.text-shadow3 { text-shadow: 3px 3px 6px rgba(50, 50, 50, 0.5); }
.text-shadow4 { text-shadow: 0px 0px 8px rgba(50, 50, 50, 0.7); }
.text-shadow5 { text-shadow: 4px 4px 8px rgba(50, 50, 50, 0.6); }
.text-shadow6 { text-shadow: 0px 0px 12px rgba(50, 50, 50, 0.9); }
.text-shadow7 { text-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5); }
.text-shadow8 { text-shadow: 3px 3px 6px rgba(50, 50, 50, 0.5); }
.text-shadow9 { text-shadow: 4px 4px 8px rgba(50, 50, 50, 0.6); }
.text-shadow10 { text-shadow: 1px 1px 3px rgba(50, 50, 50, 0.4); }
.text-shadow11 { text-shadow: 2px 2px 6px rgba(50, 50, 50, 0.5); }
.text-shadow12 { text-shadow: 3px 3px 9px rgba(50, 50, 50, 0.6); }
.text-shadow13 { text-shadow: 5px 5px 10px rgba(50, 50, 50, 0.7); }
.text-shadow14 { text-shadow: 0px 0px 15px rgba(50, 50, 50, 0.8); }
.text-shadow15 { text-shadow: -2px -2px 5px rgba(50, 50, 50, 0.6); }
.text-shadow16 { text-shadow: inset 2px 2px 4px rgba(50, 50, 50, 0.5); }
.text-shadow17 { text-shadow: 0px 3px 8px rgba(50, 50, 50, 0.5); }
.text-shadow18 { text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5); }
.text-shadow19 { text-shadow: -3px -3px 6px rgba(50, 50, 50, 0.4); }
.text-shadow20 { text-shadow: 4px 4px 8px rgba(50, 50, 50, 0.5); }
.text-shadow21 { text-shadow: 3px 3px 6px rgba(50, 50, 50, 0.6); }
.text-shadow22 { text-shadow: 2px 2px 6px rgba(50, 50, 50, 0.7); }
.text-shadow23 { text-shadow: 0px 5px 15px rgba(50, 50, 50, 0.8); }
.text-shadow24 { text-shadow: 2px 2px 5px rgba(50, 50, 50, 0.6); }
.text-shadow25 { text-shadow: 3px 3px 6px rgba(50, 50, 50, 0.7); }
.text-shadow26 { text-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9); }

/* ⚫ --- Animations --- Animations --- Animations --- Animations --- Animations --- Animations --- Animations --- Animations --- Animations */

/* ⚫ Fade Animations */
        .animation1 { animation: fadeIn 1s ease-in-out forwards; }
        @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
        
        .animation2 { animation: fadeOut 1s ease-in-out forwards; }
        @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
        
        .animation3 { animation: fadeBlink 2s infinite; }
        @keyframes fadeBlink { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } }
        
        /* ⚫ Slide Animations */
        .animation4 { animation: slideInLeft 1s ease-out forwards; }
        @keyframes slideInLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } }
        
        .animation5 { animation: slideInRight 1s ease-out forwards; }
        @keyframes slideInRight { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } }
        
        .animation6 { animation: slideInUp 1s ease-out forwards; }
        @keyframes slideInUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } }
        
        .animation7 { animation: slideInDown 1s ease-out forwards; }
        @keyframes slideInDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } }
        
        /* ⚫ Scale Animations */
        .animation8 { animation: scaleUp 1s ease-in-out forwards; }
        @keyframes scaleUp { 0% { transform: scale(0.5); } 100% { transform: scale(1); } }
        
        .animation9 { animation: scaleBounce 1.5s infinite alternate; }
        @keyframes scaleBounce { 0% { transform: scale(1); } 100% { transform: scale(1.2); } }
        
        .animation10 { animation: scaleShrink 1s ease-in-out forwards; }
        @keyframes scaleShrink { 0% { transform: scale(1); } 100% { transform: scale(0.8); } }
        
        /* ⚫ Rotate Animations */
        .animation11 { animation: rotate360 2s linear infinite; }
        @keyframes rotate360 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        
        .animation12 { animation: flipY 1s ease-in-out forwards; }
        @keyframes flipY { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(180deg); } }
        
        .animation13 { animation: flipX 1s ease-in-out forwards; }
        @keyframes flipX { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(180deg); } }
        
        /* ⚫ Bounce Animations */
        .animation14 { animation: bounce 1s infinite alternate; }
        @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
        
        /* ⚫ Pulse */
        .animation15 { animation: pulse 1.5s infinite; }
        @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
        
        /* ⚫ Shadow Glow */
        .animation16 { animation: shadowGlow 1s ease-in-out infinite alternate; }
        @keyframes shadowGlow { 0% { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); } 100% { box-shadow: 0px 0px 30px rgba(0,0,0,0.8); } }
        
        /* ⚫ Border Radius Animation */
        .animation17 { animation: borderRadiusChange 2s ease-in-out infinite alternate; }
        @keyframes borderRadiusChange { 0% { border-radius: 0%; } 100% { border-radius: 50%; } }
        
        /* ⚫ Wobble */
        .animation18 { animation: wobble 1s ease-in-out infinite; }
        @keyframes wobble { 
            0% { transform: translateX(0); }
            15% { transform: translateX(-10px) rotate(-5deg); }
            30% { transform: translateX(10px) rotate(5deg); }
            45% { transform: translateX(-10px) rotate(-3deg); }
            60% { transform: translateX(10px) rotate(3deg); }
            75% { transform: translateX(-5px) rotate(-1deg); }
            100% { transform: translateX(0); }
        }
        
        /* ⚫ Shake */
        .animation19 { animation: shake 0.5s infinite; }
        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            20% { transform: translateX(-5px); }
            40% { transform: translateX(5px); }
            60% { transform: translateX(-5px); }
            80% { transform: translateX(5px); }
        }
        
        /* ⚫ Floating */
        .animation20 { animation: floating 3s ease-in-out infinite; }
        @keyframes floating {
            0% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0); }
        }
        
        /* ⚫ Swing */
        .animation21 { animation: swing 2s infinite ease-in-out; }
        @keyframes swing { 
            0% { transform: rotate(0deg); }
            50% { transform: rotate(10deg); }
            100% { transform: rotate(0deg); }
        }
        
        /* ⚫ Zoom In */
        .animation22 { animation: zoomIn 1s ease-in-out forwards; }
        @keyframes zoomIn { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
        
        /* ⚫ Zoom Out */
        .animation23 { animation: zoomOut 1s ease-in-out forwards; }
        @keyframes zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } }
        
        /* ⚫ Loading Spinner */
        .animation24 { animation: spinner 1s linear infinite; }
        @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        
        /* ⚫ Blinking */
        .animation25 { animation: blink 1s infinite alternate; }
        @keyframes blink { 0% { opacity: 1; } 100% { opacity: 0; } }
        
        /* ⚫ Ripple */
        .animation26 { animation: ripple 1.5s infinite; }
        @keyframes ripple { 
            0% { transform: scale(0); opacity: 1; } 
            100% { transform: scale(2); opacity: 0; }
        }
        
        /* ⚫ Typing Effect */
        .animation27 {
            overflow: hidden;
            white-space: nowrap;
            display: inline-block;
            animation: typing 3s steps(20) forwards;
        }
        @keyframes typing { from { width: 0; } to { width: 100%; } }
        
        /* ⚫ Flash */
        .animation28 { animation: flash 1s infinite; }
        @keyframes flash { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }
        
        /* ⚫ Roll In */
        .animation29 { animation: rollIn 1s ease-in-out forwards; }
        @keyframes rollIn {
            0% { transform: translateX(-100%) rotate(-120deg); opacity: 0; }
            100% { transform: translateX(0) rotate(0deg); opacity: 1; }
        }
        
        /* ⚫ Roll Out */
        .animation30 { animation: rollOut 1s ease-in-out forwards; }
        @keyframes rollOut {
            0% { transform: translateX(0) rotate(0deg); opacity: 1; }
            100% { transform: translateX(100%) rotate(120deg); opacity: 0; }
        }
        
        /* ⚫ Rubber Band */
        .animation31 { animation: rubberBand 1s ease-in-out; }
        @keyframes rubberBand {
            0% { transform: scaleX(1); }
            30% { transform: scaleX(1.25); }
            40% { transform: scaleX(0.75); }
            50% { transform: scaleX(1.15); }
            65% { transform: scaleX(0.85); }
            75% { transform: scaleX(1.05); }
            100% { transform: scaleX(1); }
        }
        
        /* ⚫ Jello */
        .animation32 { animation: jello 1s ease-in-out; }
        @keyframes jello {
            0% { transform: scale3d(1, 1, 1); }
            30% { transform: scale3d(1.25, 0.75, 1); }
            40% { transform: scale3d(0.75, 1.25, 1); }
            50% { transform: scale3d(1.15, 0.85, 1); }
            65% { transform: scale3d(0.85, 1.15, 1); }
            75% { transform: scale3d(1.05, 0.95, 1); }
            100% { transform: scale3d(1, 1, 1); }
        }
        
        /* ⚫ Light Speed In */
        .animation33 { animation: lightSpeedIn 1s ease-out forwards; }
        @keyframes lightSpeedIn {
            0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
            100% { transform: translateX(0) skewX(0); opacity: 1; }
        }
        
        /* ⚫ Light Speed Out */
        .animation34 { animation: lightSpeedOut 1s ease-in forwards; }
        @keyframes lightSpeedOut {
            0% { transform: translateX(0) skewX(0); opacity: 1; }
            100% { transform: translateX(100%) skewX(30deg); opacity: 0; }
        }
        
        /* ⚫ Heartbeat */
        .animation35 { animation: heartbeat 1.5s infinite; }
        @keyframes heartbeat {
            0% { transform: scale(1); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }
        
        /* ⚫ Spin In */
        .animation36 { animation: spinIn 1s ease-in-out forwards; }
        @keyframes spinIn {
            0% { transform: rotate(-360deg) scale(0); opacity: 0; }
            100% { transform: rotate(0) scale(1); opacity: 1; }
        }
        
        /* ⚫ Spin Out */
        .animation37 { animation: spinOut 1s ease-in-out forwards; }
        @keyframes spinOut {
            0% { transform: rotate(0) scale(1); opacity: 1; }
            100% { transform: rotate(360deg) scale(0); opacity: 0; }
        }
        
        /* ⚫ Hover Bob */
        .animation38:hover { animation: hoverBob 1s ease-in-out infinite; }
        @keyframes hoverBob {
            0% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
            100% { transform: translateY(0); }
        }
        
        /* ⚫ Hover Grow */
        .animation39:hover { animation: hoverGrow 0.5s forwards; }
        @keyframes hoverGrow {
            0% { transform: scale(1); }
            100% { transform: scale(1.1); }
        }
        
        /* ⚫ Hover Shrink */
        .animation40:hover { animation: hoverShrink 0.5s forwards; }
        @keyframes hoverShrink {
            0% { transform: scale(1); }
            100% { transform: scale(0.9); }
        }
        
        /* ⚫ Wave Hand */
        .animation41 { animation: waveHand 2s infinite; }
        @keyframes waveHand {
            0% { transform: rotate(0deg); }
            25% { transform: rotate(-10deg); }
            50% { transform: rotate(10deg); }
            75% { transform: rotate(-10deg); }
            100% { transform: rotate(0deg); }
        }
        
        /* ⚫ Jump */
        .animation42 { animation: jump 1.5s infinite ease-in-out; }
        @keyframes jump {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }
        
        /* ⚫ Bounce In */
        .animation43 { animation: bounceIn 1s ease-in-out forwards; }
        @keyframes bounceIn {
            0% { transform: scale(0.5); opacity: 0; }
            50% { transform: scale(1.2); opacity: 1; }
            100% { transform: scale(1); }
        }
        
        /* ⚫ Bounce Out */
        .animation44 { animation: bounceOut 1s ease-in-out forwards; }
        @keyframes bounceOut {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.2); opacity: 1; }
            100% { transform: scale(0.5); opacity: 0; }
        }
        
        /* ⚫ Floating Up & Down */
        .animation45 { animation: floatingUpDown 3s ease-in-out infinite; }
        @keyframes floatingUpDown {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        
        /* ⚫ Floating Sideways */
        .animation46 { animation: floatingSideways 3s ease-in-out infinite; }
        @keyframes floatingSideways {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(-10px); }
        }
        
        /* ⚫ Skew Swing */
        .animation47 { animation: skewSwing 2s ease-in-out infinite; }
        @keyframes skewSwing {
            0% { transform: skewX(0deg); }
            50% { transform: skewX(10deg); }
            100% { transform: skewX(0deg); }
        }
        
        /* ⚫ Blurry */
        .animation48 { animation: blurry 1s ease-in-out forwards; }
        @keyframes blurry {
            0% { filter: blur(5px); opacity: 0; }
            100% { filter: blur(0); opacity: 1; }
        }
        
        /* ⚫ Stretch */
        .animation49 { animation: stretch 1s ease-in-out forwards; }
        @keyframes stretch {
            0% { transform: scaleY(0.5); }
            100% { transform: scaleY(1); }
        }
        
        /* ⚫ Shrink Disappear */
        .animation50 { animation: shrinkDisappear 1s ease-in-out forwards; }
        @keyframes shrinkDisappear {
            0% { transform: scale(1); opacity: 1; }
            100% { transform: scale(0); opacity: 0; }
        }
        
        /* ⚫ Expand In */
        .animation51 { animation: expandIn 1s ease-in-out forwards; }
        @keyframes expandIn {
            0% { transform: scale(0); opacity: 0; }
            100% { transform: scale(1); opacity: 1; }
        }
        
        /* ⚫ Contract Out */
        .animation52 { animation: contractOut 1s ease-in-out forwards; }
        @keyframes contractOut {
            0% { transform: scale(1); opacity: 1; }
            100% { transform: scale(0); opacity: 0; }
        }
        
        /* ⚫ Shake Horizontally */
        .animation53 { animation: shakeHorizontal 0.5s ease-in-out infinite; }
        @keyframes shakeHorizontal {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-5px); }
            50% { transform: translateX(5px); }
            75% { transform: translateX(-5px); }
        }
        
        /* ⚫ Shake Vertically */
        .animation54 { animation: shakeVertical 0.5s ease-in-out infinite; }
        @keyframes shakeVertical {
            0%, 100% { transform: translateY(0); }
            25% { transform: translateY(-5px); }
            50% { transform: translateY(5px); }
            75% { transform: translateY(-5px); }
        }
        
        /* ⚫ Glowing */
        .animation55 { animation: glowing 1.5s ease-in-out infinite; }
        @keyframes glowing {
            0% { box-shadow: 0 0 5px #ff5733; }
            50% { box-shadow: 0 0 20px #ff5733; }
            100% { box-shadow: 0 0 5px #ff5733; }
        }
        
        /* ⚫ Pulse */
        .animation56 { animation: pulse 1.5s infinite; }
        @keyframes pulse {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.1); opacity: 0.7; }
            100% { transform: scale(1); opacity: 1; }
        }
        
        /* ⚫ Zoom In Rotate */
        .animation57 { animation: zoomInRotate 1s ease-in-out forwards; }
        @keyframes zoomInRotate {
            0% { transform: scale(0) rotate(-360deg); opacity: 0; }
            100% { transform: scale(1) rotate(0deg); opacity: 1; }
        }
        
        /* ⚫ Zoom Out Rotate */
        .animation58 { animation: zoomOutRotate 1s ease-in-out forwards; }
        @keyframes zoomOutRotate {
            0% { transform: scale(1) rotate(0deg); opacity: 1; }
            100% { transform: scale(0) rotate(360deg); opacity: 0; }
        }
        
        /* ⚫ Bounce Left */
        .animation59 { animation: bounceLeft 1.5s ease-in-out infinite; }
        @keyframes bounceLeft {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(-10px); }
        }
        
        /* ⚫ Bounce Right */
        .animation60 { animation: bounceRight 1.5s ease-in-out infinite; }
        @keyframes bounceRight {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(10px); }
        }
        
        /* ⚫ Slide Up */
        .animation61 { animation: slideUp 1s ease-in-out forwards; }
        @keyframes slideUp {
            0% { transform: translateY(100%); opacity: 0; }
            100% { transform: translateY(0); opacity: 1; }
        }
        
        /* ⚫ Slide Down */
        .animation62 { animation: slideDown 1s ease-in-out forwards; }
        @keyframes slideDown {
            0% { transform: translateY(-100%); opacity: 0; }
            100% { transform: translateY(0); opacity: 1; }
        }
        
        /* ⚫ Flash */
        .animation63 { animation: flash 1.5s infinite; }
        @keyframes flash {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.3; }
        }
        
        /* ⚫ Wobble */
        .animation64 { animation: wobble 1s ease-in-out infinite; }
        @keyframes wobble {
            0% { transform: translateX(0); }
            15% { transform: translateX(-10px) rotate(-5deg); }
            30% { transform: translateX(10px) rotate(5deg); }
            45% { transform: translateX(-5px) rotate(-2deg); }
            60% { transform: translateX(5px) rotate(2deg); }
            100% { transform: translateX(0); }
        }
        
        /* ⚫ Rotate Clockwise */
        .animation65 { animation: rotateClockwise 2s linear infinite; }
        @keyframes rotateClockwise {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* ⚫ Rotate Counterclockwise */
        .animation66 { animation: rotateCounterclockwise 2s linear infinite; }
        @keyframes rotateCounterclockwise {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(-360deg); }
        }
        
        /* ⚫ Skew In */
        .animation67 { animation: skewIn 1s ease-in-out forwards; }
        @keyframes skewIn {
            0% { transform: skewX(30deg); opacity: 0; }
            100% { transform: skewX(0); opacity: 1; }
        }
        
        /* ⚫ Skew Out */
        .animation68 { animation: skewOut 1s ease-in-out forwards; }
        @keyframes skewOut {
            0% { transform: skewX(0); opacity: 1; }
            100% { transform: skewX(30deg); opacity: 0; }
        }
        
        /* ⚫ Ripple Effect */
        .animation69 { animation: rippleEffect 2s infinite; }
        @keyframes rippleEffect {
            0% { box-shadow: 0 0 0 0 rgba(0,0,0,0.2); }
            100% { box-shadow: 0 0 0 20px rgba(0,0,0,0); }
        }
        
        /* ⚫ Slide in from left */
        .animation70 { animation: slideInLeft 1s ease-in-out forwards; }
        @keyframes slideInLeft {
            0% { transform: translateX(-100%); opacity: 0; }
            100% { transform: translateX(0); opacity: 1; }
        }
        
        /* ⚫ Rotate in Y-axis */
        .animation71 { animation: rotateYIn 1s ease-in-out forwards; }
        @keyframes rotateYIn {
            0% { transform: rotateY(90deg); opacity: 0; }
            100% { transform: rotateY(0); opacity: 1; }
        }
        
        /* ⚫ Rotate in X-axis */
        .animation72 { animation: rotateXIn 1s ease-in-out forwards; }
        @keyframes rotateXIn {
            0% { transform: rotateX(90deg); opacity: 0; }
            100% { transform: rotateX(0); opacity: 1; }
        }
        /* ⚫ Bounce In */
        .animation73 { animation: bounceIn 1s ease-in-out forwards; }
        @keyframes bounceIn {
            0% { transform: scale(0.3); opacity: 0; }
            50% { transform: scale(1.1); opacity: 1; }
            100% { transform: scale(1); }
        }
        
        /* ⚫ Bounce Out */
        .animation74 { animation: bounceOut 1s ease-in-out forwards; }
        @keyframes bounceOut {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.1); }
            100% { transform: scale(0.3); opacity: 0; }
        }
        
        /* ⚫ Swing */
        .animation75 { animation: swing 1s ease-in-out infinite; }
        @keyframes swing {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(10deg); }
            50% { transform: rotate(-10deg); }
            75% { transform: rotate(5deg); }
        }
        
        /* ⚫ Flicker */
        .animation76 { animation: flicker 1s infinite alternate; }
        @keyframes flicker {
            0% { opacity: 0.1; }
            50% { opacity: 0.7; }
            100% { opacity: 1; }
        }
        
        /* ⚫ Rotate & Scale */
        .animation77 { animation: rotateScale 1.5s ease-in-out infinite; }
        @keyframes rotateScale {
            0% { transform: rotate(0deg) scale(1); }
            50% { transform: rotate(180deg) scale(1.2); }
            100% { transform: rotate(360deg) scale(1); }
        }
        
        /* ⚫ Fly Out */
        .animation78 { animation: flyOut 1.5s ease-in-out forwards; }
        @keyframes flyOut {
            0% { transform: translateY(0); opacity: 1; }
            100% { transform: translateY(-100vh); opacity: 0; }
        }
        
        /* ⚫ Expand & Shrink */
        .animation79 { animation: expandShrink 2s ease-in-out infinite; }
        @keyframes expandShrink {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.2); }
        }
        
        /* ⚫ Stretch Horizontal */
        .animation80 { animation: stretchH 1.5s ease-in-out infinite; }
        @keyframes stretchH {
            0%, 100% { transform: scaleX(1); }
            50% { transform: scaleX(1.5); }
        }
        
        /* ⚫ Stretch Vertical */
        .animation81 { animation: stretchV 1.5s ease-in-out infinite; }
        @keyframes stretchV {
            0%, 100% { transform: scaleY(1); }
            50% { transform: scaleY(1.5); }
        }
        
        /* ⚫ Wave */
        .animation82 { animation: wave 2s ease-in-out infinite; }
        @keyframes wave {
            0%, 100% { transform: rotate(0deg); }
            50% { transform: rotate(15deg); }
        }
        
        /* ⚫ Roll In */
        .animation83 { animation: rollIn 1s ease-in-out forwards; }
        @keyframes rollIn {
            0% { transform: translateX(-100%) rotate(-360deg); opacity: 0; }
            100% { transform: translateX(0) rotate(0deg); opacity: 1; }
        }
        
        /* ⚫ Roll Out */
        .animation84 { animation: rollOut 1s ease-in-out forwards; }
        @keyframes rollOut {
            0% { transform: translateX(0) rotate(0deg); opacity: 1; }
            100% { transform: translateX(100%) rotate(360deg); opacity: 0; }
        }
        
        /* ⚫ Swing In */
        .animation85 { animation: swingIn 1s ease-in-out forwards; }
        @keyframes swingIn {
            0% { transform: rotateX(-90deg); opacity: 0; }
            100% { transform: rotateX(0deg); opacity: 1; }
        }
        
        /* ⚫ Swing Out */
        .animation86 { animation: swingOut 1s ease-in-out forwards; }
        @keyframes swingOut {
            0% { transform: rotateX(0deg); opacity: 1; }
            100% { transform: rotateX(90deg); opacity: 0; }
        }
        
        /* ⚫ Flip In */
        .animation87 { animation: flipIn 1s ease-in-out forwards; }
        @keyframes flipIn {
            0% { transform: rotateY(-180deg); opacity: 0; }
            100% { transform: rotateY(0); opacity: 1; }
        }
        
        /* ⚫ Flip Out */
        .animation88 { animation: flipOut 1s ease-in-out forwards; }
        @keyframes flipOut {
            0% { transform: rotateY(0); opacity: 1; }
            100% { transform: rotateY(180deg); opacity: 0; }
        }
        
        /* ⚫ Staggered Fade */
        .animation89 { animation: staggerFade 1s ease-in-out infinite alternate; }
        @keyframes staggerFade {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }
        
        /* ⚫ Pop */
        .animation90 { animation: pop 0.8s ease-in-out forwards; }
        @keyframes pop {
            0% { transform: scale(0); opacity: 0; }
            80% { transform: scale(1.2); opacity: 1; }
            100% { transform: scale(1); }
        }
        
        /* ⚫ Drop In */
        .animation91 { animation: dropIn 1s ease-in-out forwards; }
        @keyframes dropIn {
            0% { transform: translateY(-100%); opacity: 0; }
            100% { transform: translateY(0); opacity: 1; }
        }
        
        /* ⚫ Drop Out */
        .animation92 { animation: dropOut 1s ease-in-out forwards; }
        @keyframes dropOut {
            0% { transform: translateY(0); opacity: 1; }
            100% { transform: translateY(100%); opacity: 0; }
        }
        
        /* ⚫ Zoom In Fade */
        .animation93 { animation: zoomInFade 1.5s ease-in-out forwards; }
        @keyframes zoomInFade {
            0% { transform: scale(0.5); opacity: 0; }
            100% { transform: scale(1); opacity: 1; }
        }
        
        /* ⚫ Zoom Out Fade */
        .animation94 { animation: zoomOutFade 1.5s ease-in-out forwards; }
        @keyframes zoomOutFade {
            0% { transform: scale(1); opacity: 1; }
            100% { transform: scale(0.5); opacity: 0; }
        }
        
        /* ⚫ Float */
        .animation95 { animation: float 2s ease-in-out infinite; }
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        
        /* ⚫ Drip */
        .animation96 { animation: drip 1.5s ease-in-out infinite; }
        @keyframes drip {
            0%, 100% { transform: translateY(0); opacity: 1; }
            50% { transform: translateY(10px); opacity: 0.5; }
        }
        
        /* ⚫ Blur In */
        .animation97 { animation: blurIn 1s ease-in-out forwards; }
        @keyframes blurIn {
            0% { filter: blur(10px); opacity: 0; }
            100% { filter: blur(0); opacity: 1; }
        }
        
        /* ⚫ Blur Out */
        .animation98 { animation: blurOut 1s ease-in-out forwards; }
        @keyframes blurOut {
            0% { filter: blur(0); opacity: 1; }
            100% { filter: blur(10px); opacity: 0; }
        }
        
        /* ⚫ Grow Rotate */
        .animation99 { animation: growRotate 2s ease-in-out infinite; }
        @keyframes growRotate {
            0% { transform: scale(1) rotate(0deg); }
            50% { transform: scale(1.2) rotate(180deg); }
            100% { transform: scale(1) rotate(360deg); }
        }
        
        /* ⚫ Twist */
        .animation100 { animation: twist 1.5s ease-in-out infinite; }
        @keyframes twist {
            0%, 100% { transform: rotate(0deg); }
            50% { transform: rotate(30deg); }
        }


        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
        
        @keyframes slideIn {
            from {
                transform: translateX(-100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }
        
        
        
/* Text Effects on 19-03-2025 */
/* 1. Gradient Text */
.gradient-text {
    font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(90deg, #ff7eb3, #ff758c, #ff5858);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 2. Text Shadow */
.shadow-text {
    font-size: 1.8rem;
    text-shadow: 2px 2px 10px rgba(255, 255, 255, 0.3);
}

/* 3. Neon Glow */
/* 1. Neon Blue */
.neon-blue {
    font-size: 1.8rem;
    color: #0ff;
    text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 20px #0ff;
}

/* 2. Neon Green */
.neon-green {
    font-size: 1.8rem;
    color: #0f0;
    text-shadow: 0 0 5px #0f0, 0 0 10px #0f0, 0 0 20px #0f0;
}

/* 3. Neon Red */
.neon-red {
    font-size: 1.8rem;
    color: #f00;
    text-shadow: 0 0 5px #f00, 0 0 10px #f00, 0 0 20px #f00;
}

/* 4. Neon Purple */
.neon-purple {
    font-size: 1.8rem;
    color: #a000c0;
    text-shadow: 0 0 5px #a000c0, 0 0 10px #a000c0, 0 0 20px #a000c0;
}

/* 5. Neon Pink */
.neon-pink {
    font-size: 1.8rem;
    color: #ff1493;
    text-shadow: 0 0 5px #ff1493, 0 0 10px #ff1493, 0 0 20px #ff1493;
}

/* 6. Neon Yellow */
.neon-yellow {
    font-size: 1.8rem;
    color: #ff0;
    text-shadow: 0 0 5px #ff0, 0 0 10px #ff0, 0 0 20px #ff0;
}

/* 7. Neon Orange */
.neon-orange {
    font-size: 1.8rem;
    color: #ff4500;
    text-shadow: 0 0 5px #ff4500, 0 0 10px #ff4500, 0 0 20px #ff4500;
}

/* 1. Neon Cyan */
.neon-cyan {
    font-size: 1.8rem;
    color: #00ffff;
    text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 20px #00ffff;
}

/* 2. Neon Magenta */
.neon-magenta {
    font-size: 1.8rem;
    color: #ff00ff;
    text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff;
}

/* 3. Neon Lime */
.neon-lime {
    font-size: 1.8rem;
    color: #bfff00;
    text-shadow: 0 0 5px #bfff00, 0 0 10px #bfff00, 0 0 20px #bfff00;
}

/* 4. Neon White */
.neon-white {
    font-size: 1.8rem;
    color: #ffffff;
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff;
}

/* 5. Neon Sky Blue */
.neon-skyblue {
    font-size: 1.8rem;
    color: #87ceeb;
    text-shadow: 0 0 5px #87ceeb, 0 0 10px #87ceeb, 0 0 20px #87ceeb;
}

/* 6. Neon Violet */
.neon-violet {
    font-size: 1.8rem;
    color: #9400d3;
    text-shadow: 0 0 5px #9400d3, 0 0 10px #9400d3, 0 0 20px #9400d3;
}

/* 7. Neon Gold */
.neon-gold {
    font-size: 1.8rem;
    color: #ffd700;
    text-shadow: 0 0 5px #ffd700, 0 0 10px #ffd700, 0 0 20px #ffd700;
}



/* 4. Outlined Text */
.outline-text {
    font-size: 2rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 1px rgb(0, 0, 0);
}

/* 5. Uppercase Letter Spacing */
.uppercase-spacing {
    font-size: 1.5rem;
    letter-spacing: 5px;
    text-transform: uppercase;
}

/* 6. Embossed Effect */
.embossed-text {
    font-size: 1.8rem;
    color: #ddd;
    text-shadow: 1px 1px 0px #fff, -1px -1px 0px #000;
}

/* 7. Metallic Text */
.metallic-text1 {
    font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(45deg, #a7a7a7, #e0e0e0, #5a5a5a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 8. Soft Glow */
.soft-glow {
    font-size: 1.8rem;
    color: #b3e5fc;
    text-shadow: 0px 0px 15px #b3e5fc;
}

/* 9. Inset Effect */
.inset-text {
    font-size: 1.8rem;
    color: #ccc;
    text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.7);
}

/* 10. Monospace Typewriter */
.typewriter {
    font-family: monospace;
    font-size: 1.5rem;
    color: #ffcc00;
}

/* 11. Calligraphy */
/* 1. Golden Calligraphy */
.calligraphy-gold {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: gold;
}

/* 2. Silver Calligraphy */
.calligraphy-silver {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: silver;
}

/* 3. Rose Gold Calligraphy */
.calligraphy-rose-gold {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #b76e79;
}

/* 4. Royal Blue Calligraphy */
.calligraphy-royal-blue {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #4169e1;
}

/* 5. Emerald Green Calligraphy */
.calligraphy-emerald {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #50c878;
}

/* 6. Crimson Red Calligraphy */
.calligraphy-crimson {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: crimson;
}

/* 7. Deep Purple Calligraphy */
.calligraphy-deep-purple {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #673ab7;
}

/* 8. Sunset Orange Calligraphy */
.calligraphy-orange {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #ff7043;
}

/* 9. Champagne Calligraphy */
.calligraphy-champagne {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #f7e7ce;
}

/* 10. Sapphire Blue Calligraphy */
.calligraphy-sapphire {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #0f52ba;
}

/* 11. Amethyst Purple Calligraphy */
.calligraphy-amethyst {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #9966cc;
}

/* 12. Ruby Red Calligraphy */
.calligraphy-ruby {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #e0115f;
}

/* 13. Turquoise Calligraphy */
.calligraphy-turquoise {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #40e0d0;
}

/* 14. Charcoal Black Calligraphy */
.calligraphy-charcoal {
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
    color: #36454f;
}


/* 12. Block Lettering */
.block-letter {
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/* 13. Highlighted Text */
/* 1. Yellow-Orange Highlight */
.highlight-yellow-orange {
    font-size: 1.5rem;
    background: linear-gradient(90deg, yellow, orange);
    padding: 5px 10px;
    color: black;
    display: inline-block;
}

/* 2. Red-Pink Highlight */
.highlight-red-pink {
    font-size: 1.5rem;
    background: linear-gradient(90deg, red, pink);
    padding: 5px 10px;
    color: white;
    display: inline-block;
}

/* 3. Blue-Cyan Highlight */
.highlight-blue-cyan {
    font-size: 1.5rem;
    background: linear-gradient(90deg, blue, cyan);
    padding: 5px 10px;
    color: white;
    display: inline-block;
}

/* 4. Green-Lime Highlight */
.highlight-green-lime {
    font-size: 1.5rem;
    background: linear-gradient(90deg, green, lime);
    padding: 5px 10px;
    color: black;
    display: inline-block;
}

/* 5. Purple-Violet Highlight */
.highlight-purple-violet {
    font-size: 1.5rem;
    background: linear-gradient(90deg, purple, violet);
    padding: 5px 10px;
    color: white;
    display: inline-block;
}

/* 6. Gold-Champagne Highlight */
.highlight-gold-champagne {
    font-size: 1.5rem;
    background: linear-gradient(90deg, gold, #f7e7ce);
    padding: 5px 10px;
    color: black;
    display: inline-block;
}

/* 7. Teal-Turquoise Highlight */
.highlight-teal-turquoise {
    font-size: 1.5rem;
    background: linear-gradient(90deg, teal, turquoise);
    padding: 5px 10px;
    color: white;
    display: inline-block;
}

/* 8. Rose-Gold Highlight */
.highlight-rose-gold {
    font-size: 1.5rem;
    background: linear-gradient(90deg, #b76e79, #ffac81);
    padding: 5px 10px;
    color: black;
    display: inline-block;
}

/* 9. Black-Gray Highlight */
.highlight-black-gray {
    font-size: 1.5rem;
    background: linear-gradient(90deg, black, gray);
    padding: 5px 10px;
    color: white;
    display: inline-block;
}

/* 10. Cyan-Mint Highlight */
.highlight-cyan-mint {
    font-size: 1.5rem;
    background: linear-gradient(90deg, cyan, mintcream);
    padding: 5px 10px;
    color: black;
    display: inline-block;
}

/* 11. Peach-Apricot Highlight */
.highlight-peach-apricot {
    font-size: 1.5rem;
    background: linear-gradient(90deg, peachpuff, apricot);
    padding: 5px 10px;
    color: black;
    display: inline-block;
}

/* 12. Sunset Orange Highlight */
.highlight-sunset-orange {
    font-size: 1.5rem;
    background: linear-gradient(90deg, #ff7043, #ff9800);
    padding: 5px 10px;
    color: black;
    display: inline-block;
}

/* 13. Rainbow Highlight */
.highlight-rainbow {
    font-size: 1.5rem;
    background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
    padding: 5px 10px;
    color: black;
    display: inline-block;
}

/* 14. Sky Blue Highlight */
.highlight-sky-blue {
    font-size: 1.5rem;
    background: linear-gradient(90deg, skyblue, deepskyblue);
    padding: 5px 10px;
    color: black;
    display: inline-block;
}




/* 15. Transparent Text */
.transparent-text {
    font-size: 2rem;
    font-weight: bold;
    opacity: 0.6;
}

/* 16. Thin and Elegant */
/* 1. Light Gray Thin Text */
.thin-light-gray {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #a0a0a0;
}

/* 2. Soft White Thin Text */
.thin-white {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #f5f5f5;
}

/* 3. Pale Blue Thin Text */
.thin-pale-blue {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #b0c4de;
}

/* 4. Silver Thin Text */
.thin-silver {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: silver;
}

/* 5. Soft Beige Thin Text */
.thin-beige {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #f5deb3;
}

/* 6. Rose Gold Thin Text */
.thin-rose-gold {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #b76e79;
}

/* 7. Light Green Thin Text */
.thin-light-green {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #98fb98;
}

/* 8. Soft Lavender Thin Text */
.thin-lavender {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #e6e6fa;
}

/* 9. Champagne Thin Text */
.thin-champagne {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #f7e7ce;
}

/* 10. Soft Peach Thin Text */
.thin-peach {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #ffdab9;
}

/* 11. Light Cyan Thin Text */
.thin-light-cyan {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #e0ffff;
}

/* 12. Light Pink Thin Text */
.thin-light-pink {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #ffb6c1;
}

/* 13. Soft Mint Thin Text */
.thin-mint {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #98ff98;
}

/* 14. Frosted Blue Thin Text */
.thin-frosted-blue {
    font-size: 2rem;
    font-weight: 200;
    font-style: italic;
    color: #afeeee;
}


/* 17. Vintage Stamped */
.stamped {
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid white;
    padding: 5px;
    display: inline-block;
}


/* 14. Double Shadow */
.double-shadow-gray {
    font-size: 1.8rem;
    text-shadow: 2px 2px 5px #555, -2px -2px 5px #999;
}

.double-shadow-dark {
    font-size: 1.8rem;
    text-shadow: 3px 3px 6px #222, -3px -3px 6px #444;
}

.double-shadow-light {
    font-size: 1.8rem;
    text-shadow: 2px 2px 5px #bbb, -2px -2px 5px #eee;
}

.double-shadow-blue {
    font-size: 1.8rem;
    text-shadow: 2px 2px 5px #007bff, -2px -2px 5px #0056b3;
}

.double-shadow-red {
    font-size: 1.8rem;
    text-shadow: 2px 2px 5px #ff0000, -2px -2px 5px #b30000;
}

.double-shadow-purple {
    font-size: 1.8rem;
    text-shadow: 2px 2px 5px #8000ff, -2px -2px 5px #4b0082;
}

.double-shadow-gold {
    font-size: 1.8rem;
    text-shadow: 2px 2px 5px #ffd700, -2px -2px 5px #b8860b;
}

/* Rainbow Text Effects */
.rainbow-text {
    font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rainbow-text-pastel {
    font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(90deg, #ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ff, #a0c4ff, #bdb2ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rainbow-text-neon {
    font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(90deg, #ff073a, #ff8000, #fffb00, #00ff00, #00e1ff, #3d00ff, #ff00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 10px rgba(255, 0, 255, 0.8);
}

.rainbow-text-dark {
    font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(90deg, #8b0000, #ff4500, #ff8c00, #006400, #00008b, #4b0082, #2f4f4f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rainbow-text-metallic {
    font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(90deg, #c0c0c0, #d4af37, #e5e4e2, #b8860b, #ffdf00, #8c7853, #ffcc00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rainbow-text-gradient {
    font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(90deg, #ff0000, #ff7300, #ffeb00, #40ff00, #00c3ff, #8000ff, #ff00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbowMove 3s linear infinite;
}

@keyframes rainbowMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.rainbow-text-holo {
    font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(45deg, #ff00ff, #00ffff, #ffcc00, #ff00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: holo 3s infinite linear;
}

@keyframes holo {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


/* 19. Strikethrough Text */
.strikethrough {
    font-size: 1.5rem;
    text-decoration: line-through;
    color: #ff5252;
}

/* 20. Subtle Embossed */
.subtle-emboss {
    font-size: 1.8rem;
    color: #ccc;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5), -1px -1px 0px rgba(0, 0, 0, 0.5);
}

/* 21. Multi-Layered 3D Text */
.multi-layered {
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    text-shadow: 2px 2px 0 #ff5959, 4px 4px 0 #ff914d, 6px 6px 0 #ffc75f;
}

/* 22. Deep Shadow */
.deep-shadow {
    font-size: 2.5rem;
    color: #fff;
    text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.8);
}

/* 23. Engraved Text */
.engraved {
    font-size: 2.2rem;
    color: #999;
    text-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px rgba(0, 0, 0, 0.7);
}

/* 24. Double Outline */
/* 1. Yellow & Orange */
.double-outline-yellow-orange {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ffeb3b;
    text-shadow: 3px 3px 0px #ff9800, -3px -3px 0px #f44336;
}

/* 2. Blue & Cyan */
.double-outline-blue-cyan {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #00bcd4;
    text-shadow: 3px 3px 0px #2196f3, -3px -3px 0px #03a9f4;
}

/* 3. Green & Lime */
.double-outline-green-lime {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #4caf50;
    text-shadow: 3px 3px 0px #8bc34a, -3px -3px 0px #cddc39;
}

/* 4. Red & Maroon */
.double-outline-red-maroon {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #f44336;
    text-shadow: 3px 3px 0px #d32f2f, -3px -3px 0px #b71c1c;
}

/* 5. Purple & Magenta */
.double-outline-purple-magenta {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #9c27b0;
    text-shadow: 3px 3px 0px #e91e63, -3px -3px 0px #ff4081;
}

/* 6. Orange & Brown */
.double-outline-orange-brown {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ff9800;
    text-shadow: 3px 3px 0px #ff5722, -3px -3px 0px #795548;
}

/* 7. Cyan & Teal */
.double-outline-cyan-teal {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #00bcd4;
    text-shadow: 3px 3px 0px #009688, -3px -3px 0px #00796b;
}

/* 8. Gold & Bronze */
.double-outline-gold-bronze {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ffd700;
    text-shadow: 3px 3px 0px #ff8c00, -3px -3px 0px #b8860b;
}

/* 9. Silver & Gray */
.double-outline-silver-gray {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #c0c0c0;
    text-shadow: 3px 3px 0px #808080, -3px -3px 0px #606060;
}

/* 10. Neon Pink & Blue */
.double-outline-neon-pink-blue {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ff00ff;
    text-shadow: 3px 3px 0px #00ffff, -3px -3px 0px #ff1493;
}

/* 11. Dark Green & Olive */
.double-outline-dark-green-olive {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #006400;
    text-shadow: 3px 3px 0px #556b2f, -3px -3px 0px #808000;
}

/* 12. Midnight Blue & Indigo */
.double-outline-midnight-indigo {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #191970;
    text-shadow: 3px 3px 0px #4b0082, -3px -3px 0px #8a2be2;
}

/* 13. Turquoise & Aqua */
.double-outline-turquoise-aqua {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #40e0d0;
    text-shadow: 3px 3px 0px #00ced1, -3px -3px 0px #48d1cc;
}

/* 14. Black & Charcoal */
.double-outline-black-charcoal {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #000000;
    text-shadow: 3px 3px 0px #333333, -3px -3px 0px #666666;
}


/* 25. Chrome Text */
.chrome-text {
    font-size: 3rem;
    font-weight: 900;
    background: linear-gradient(90deg, #f5f5f5, #c1c1c1, #666, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.2);
}

/* 26. Double Glowing Text */
.double-glow {
    font-size: 2.2rem;
    color: #ff4081;
    text-shadow: 0 0 5px #ff4081, 0 0 15px #ff80ab, 0 0 30px #ff4081;
}

/* 27. Embossed Letterpress */
.embossed-press {
    font-size: 2rem;
    color: #ccc;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(0, 0, 0, 0.8);
}

/* 28. Transparent Glass Effect */
.glass-text1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.3);
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.8);
}

/* 29. Wireframe Text */
/* 1. Cyan Wireframe */
.wireframe-cyan {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #03dac6;
}

/* 2. Red Wireframe */
.wireframe-red {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ff0000;
}

/* 3. Blue Wireframe */
.wireframe-blue {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #0000ff;
}

/* 4. Green Wireframe */
.wireframe-green {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #00ff00;
}

/* 5. Yellow Wireframe */
.wireframe-yellow {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ffff00;
}

/* 6. Orange Wireframe */
.wireframe-orange {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ff8c00;
}

/* 7. Purple Wireframe */
.wireframe-purple {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #800080;
}

/* 8. Pink Wireframe */
.wireframe-pink {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ff69b4;
}

/* 9. White Wireframe */
.wireframe-white {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ffffff;
}

/* 10. Black Wireframe */
.wireframe-black {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #000000;
}

/* 11. Silver Wireframe */
.wireframe-silver {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #c0c0c0;
}

/* 12. Gold Wireframe */
.wireframe-gold {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ffd700;
}

/* 13. Teal Wireframe */
.wireframe-teal {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #008080;
}

/* 14. Magenta Wireframe */
.wireframe-magenta {
    font-size: 2.5rem;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 2px #ff00ff;
}


.gold {
    background: linear-gradient(45deg, #ffd700, #ffac00, #ff8c00, #ffd700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 30. Gold Metallic */
/* 1. Gold Metallic */
.metallic-gold {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #ffd700, #ffac00, #ff8c00, #ffd700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/* 2. Silver Metallic */
.metallic-silver {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #c0c0c0, #e0e0e0, #ffffff, #c0c0c0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/* 3. Bronze Metallic */
.metallic-bronze {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #cd7f32, #b87333, #964b00, #cd7f32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/* 4. Copper Metallic */
.metallic-copper {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #b87333, #d2691e, #8b4513, #b87333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

/* 5. Platinum Metallic */
.metallic-platinum {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #e5e4e2, #c5c5c5, #ffffff, #e5e4e2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/* 6. Rose Gold Metallic */
.metallic-rose-gold {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #b76e79, #e6bfb3, #ffccd5, #b76e79);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/* 7. Titanium Metallic */
.metallic-titanium {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #808080, #a9a9a9, #c0c0c0, #808080);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

/* 8. Sapphire Metallic */
.metallic-sapphire {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #0f52ba, #4169e1, #5a92d1, #0f52ba);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

/* 9. Emerald Metallic */
.metallic-emerald {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #50c878, #2e8b57, #006400, #50c878);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/* 10. Ruby Metallic */
.metallic-ruby {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #9b111e, #d70040, #ff2400, #9b111e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/* 11. Amethyst Metallic */
.metallic-amethyst {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #9966cc, #8a2be2, #4b0082, #9966cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

/* 12. Obsidian Metallic */
.metallic-obsidian {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #3a3b3c, #1e1e1e, #000000, #3a3b3c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.3);
}

/* 13. Quartz Metallic */
.metallic-quartz {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #e5d9f2, #c0c0c0, #ffffff, #e5d9f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

/* 14. Steel Metallic */
.metallic-steel {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #7a7a7a, #a1a1a1, #c2c2c2, #7a7a7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

/* 31. Diamond Crystal */
.diamond {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(45deg, #e0e0e0, #ffffff, #b3b3b3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 10px rgba(255, 255, 255, 0.8);
}

/* 32. Futuristic Sci-Fi */
.sci-fi {
    font-size: 2.5rem;
    font-weight: bold;
    color: #00e5ff;
    text-shadow: 0px 0px 5px #00e5ff, 0px 0px 10px #00e5ff;
}

/* 33. Embossed Gold */
.embossed-gold {
    font-size: 2.5rem;
    font-weight: bold;
    color: #b8860b;
    text-shadow: 1px 1px 0px #fff, -1px -1px 0px #000;
}

/* 34. Broken Glitch Effect */
.glitch {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 0 red, -2px -2px 0 blue;
}

/* 35. Ink Stroke Effect */
.ink-stroke {
    font-size: 2.5rem;
    font-weight: bold;
    font-style: italic;
    text-shadow: 3px 3px 0 black;
}

 /* Luxury Gold Text */
 .luxury-text {
    background: linear-gradient(45deg, #d4af37, #b8860b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 10px rgba(212, 175, 55, 0.5);
}

/* Metallic Chrome Text */
.metallic-text2 {
    background: linear-gradient(135deg, #e0e0e0, #a0a0a0, #606060);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

/* Glassmorphism Text */
.glassmorphism-text {
    color: rgba(12, 12, 12, 0.8);
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 20px;
    backdrop-filter: blur(5px);
    border-radius: 8px;
}

/* Deep Embossed Text */
/* 1. Red Embossed */
.deep-embossed-red {
    color: #800;
    text-shadow: -2px -2px 5px #c00, 2px 2px 5px #400;
}

/* 2. Blue Embossed */
.deep-embossed-blue {
    color: #004;
    text-shadow: -2px -2px 5px #006, 2px 2px 5px #002;
}

/* 3. Green Embossed */
.deep-embossed-green {
    color: #040;
    text-shadow: -2px -2px 5px #060, 2px 2px 5px #020;
}

/* 4. Yellow Embossed */
.deep-embossed-yellow {
    color: #660;
    text-shadow: -2px -2px 5px #aa0, 2px 2px 5px #440;
}

/* 5. Purple Embossed */
.deep-embossed-purple {
    color: #404;
    text-shadow: -2px -2px 5px #606, 2px 2px 5px #202;
}

/* 6. Orange Embossed */
.deep-embossed-orange {
    color: #640;
    text-shadow: -2px -2px 5px #a60, 2px 2px 5px #420;
}

/* 7. Pink Embossed */
.deep-embossed-pink {
    color: #805;
    text-shadow: -2px -2px 5px #c07, 2px 2px 5px #402;
}

/* 8. Cyan Embossed */
.deep-embossed-cyan {
    color: #066;
    text-shadow: -2px -2px 5px #099, 2px 2px 5px #033;
}

/* 9. Gold Embossed */
.deep-embossed-gold {
    color: #b8860b;
    text-shadow: -2px -2px 5px #daa520, 2px 2px 5px #8b6508;
}

/* 10. Silver Embossed */
.deep-embossed-silver {
    color: #777;
    text-shadow: -2px -2px 5px #aaa, 2px 2px 5px #555;
}

/* 11. Black Embossed */
.deep-embossed-black {
    color: #222;
    text-shadow: -2px -2px 5px #555, 2px 2px 5px #000;
}

/* 12. White Embossed */
.deep-embossed-white {
    color: #ddd;
    text-shadow: -2px -2px 5px #fff, 2px 2px 5px #aaa;
}

/* 13. Teal Embossed */
.deep-embossed-teal {
    color: #005;
    text-shadow: -2px -2px 5px #007, 2px 2px 5px #003;
}

/* 14. Magenta Embossed */
.deep-embossed-magenta {
    color: #800080;
    text-shadow: -2px -2px 5px #c000c0, 2px 2px 5px #400040;
}


/* 3D Depth Text */
.depth-3d-text {
    color: #fff;
    text-shadow: 3px 3px 0px #222, 6px 6px 0px #555;
}

/* Gradient Glow Text */
.gradient-glow-text {
    background: linear-gradient(90deg, #ff00ff, #00ffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(255, 0, 255, 0.5), 0px 0px 15px rgba(0, 255, 255, 0.5);
}

/* Holographic Effect */
.holographic-text {
    background: linear-gradient(45deg, #ff00ff, #00ffff, #ffcc00, #ff00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: holo 3s infinite linear;
}

@keyframes holo {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 1. 3D Layered Text */
/* 1. Red Layered */
.layered-red {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #ff5959, 8px 8px 0 #ff914d, 12px 12px 0 #ffc75f;
}

/* 2. Blue Layered */
.layered-blue {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #4a90e2, 8px 8px 0 #3572a5, 12px 12px 0 #1b4f72;
}

/* 3. Green Layered */
.layered-green {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #4caf50, 8px 8px 0 #388e3c, 12px 12px 0 #1b5e20;
}

/* 4. Yellow Layered */
.layered-yellow {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #ffeb3b, 8px 8px 0 #fbc02d, 12px 12px 0 #f57f17;
}

/* 5. Purple Layered */
.layered-purple {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #9c27b0, 8px 8px 0 #7b1fa2, 12px 12px 0 #4a148c;
}

/* 6. Orange Layered */
.layered-orange {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #ff9800, 8px 8px 0 #f57c00, 12px 12px 0 #e65100;
}

/* 7. Pink Layered */
.layered-pink {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #e91e63, 8px 8px 0 #c2185b, 12px 12px 0 #880e4f;
}

/* 8. Cyan Layered */
.layered-cyan {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #00bcd4, 8px 8px 0 #0097a7, 12px 12px 0 #006064;
}

/* 9. Gold Layered */
.layered-gold {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #ffd700, 8px 8px 0 #ffac00, 12px 12px 0 #ff8c00;
}

/* 10. Silver Layered */
.layered-silver {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #c0c0c0, 8px 8px 0 #a0a0a0, 12px 12px 0 #808080;
}

/* 11. Black Layered */
.layered-black {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #333, 8px 8px 0 #222, 12px 12px 0 #000;
}

/* 12. White Layered */
.layered-white {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: black;
    text-shadow: 4px 4px 0 #fff, 8px 8px 0 #ddd, 12px 12px 0 #bbb;
}

/* 13. Teal Layered */
.layered-teal {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #008080, 8px 8px 0 #006666, 12px 12px 0 #004d4d;
}

/* 14. Magenta Layered */
.layered-magenta {
    font-size: 3rem;
    font-weight: 900;
    position: relative;
    color: white;
    text-shadow: 4px 4px 0 #ff00ff, 8px 8px 0 #cc00cc, 12px 12px 0 #990099;
}


/* 2. Glass Morphism Text */
.glass-text2 {
    font-size: 2.5rem;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 20px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6);
}

/* 3. Fire Text Effect */
/* 1. Fire Red */
.fire-red {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, red, orange, yellow);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(255, 69, 0, 0.7);
}

/* 2. Fire Blue */
.fire-blue {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, blue, cyan, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(0, 0, 255, 0.7);
}

/* 3. Fire Green */
.fire-green {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, green, lime, yellow);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(0, 255, 0, 0.7);
}

/* 4. Fire Purple */
.fire-purple {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, purple, violet, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(128, 0, 128, 0.7);
}

/* 5. Fire Pink */
.fire-pink {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, deeppink, pink, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(255, 20, 147, 0.7);
}

/* 6. Fire Yellow */
.fire-yellow {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, gold, yellow, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(255, 215, 0, 0.7);
}

/* 7. Fire Orange */
.fire-orange {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, orangered, orange, gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(255, 69, 0, 0.7);
}

/* 8. Fire Cyan */
.fire-cyan {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, cyan, lightblue, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(0, 255, 255, 0.7);
}

/* 9. Fire White */
.fire-white {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, white, gray, black);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.7);
}

/* 10. Fire Gold */
.fire-gold {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, goldenrod, gold, yellow);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(218, 165, 32, 0.7);
}

/* 11. Fire Silver */
.fire-silver {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, silver, white, gray);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(192, 192, 192, 0.7);
}

/* 12. Fire Magenta */
.fire-magenta {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, magenta, purple, pink);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(255, 0, 255, 0.7);
}

/* 13. Fire Teal */
.fire-teal {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, teal, aqua, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(0, 128, 128, 0.7);
}

/* 14. Fire Rose */
.fire-rose {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, crimson, palevioletred, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(220, 20, 60, 0.7);
}


/* 4. Ice Text Effect */
.ice-text {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, #00d2ff, #3a7bd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 15px rgba(0, 212, 255, 0.7);
}


/* 6. Distorted Glitch Text */
/* 1. Glitch Red & Blue */
.glitch-red-blue {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 red, -3px -3px 0 blue;
}

/* 2. Glitch Green & Magenta */
.glitch-green-magenta {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 green, -3px -3px 0 magenta;
}

/* 3. Glitch Yellow & Cyan */
.glitch-yellow-cyan {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 yellow, -3px -3px 0 cyan;
}

/* 4. Glitch Purple & Orange */
.glitch-purple-orange {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 purple, -3px -3px 0 orange;
}

/* 5. Glitch Pink & Blue */
.glitch-pink-blue {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 pink, -3px -3px 0 blue;
}

/* 6. Glitch Cyan & Red */
.glitch-cyan-red {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 cyan, -3px -3px 0 red;
}

/* 7. Glitch White & Black */
.glitch-white-black {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 white, -3px -3px 0 black;
}

/* 8. Glitch Teal & Lime */
.glitch-teal-lime {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 teal, -3px -3px 0 lime;
}

/* 9. Glitch Blue & Gold */
.glitch-blue-gold {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 blue, -3px -3px 0 gold;
}

/* 10. Glitch Gray & Red */
.glitch-gray-red {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 gray, -3px -3px 0 red;
}

/* 11. Glitch Neon Green & Pink */
.glitch-neon-green-pink {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 lime, -3px -3px 0 deeppink;
}

/* 12. Glitch Dark Blue & Silver */
.glitch-dark-blue-silver {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 darkblue, -3px -3px 0 silver;
}

/* 13. Glitch Purple & Yellow */
.glitch-purple-yellow {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 purple, -3px -3px 0 yellow;
}

/* 14. Glitch Lightblue & Darkred */
.glitch-lightblue-darkred {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 3px 3px 0 lightblue, -3px -3px 0 darkred;
}



/* 8. Outlined Metallic Text */
.metallic-text3 {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, #b3b3b3, #fff, #7a7a7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px black;
}

.engraved {
    text-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px rgba(0, 0, 0, 0.7);
}

/* 2. Half-Gradient Stroke */
.half-stroke {
    background: linear-gradient(90deg, white, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px white;
}

/* 3. Inverted Cutout */
.cutout {
    background: white;
    color: black;
    padding: 10px;
    mix-blend-mode: difference;
}

/* 4. Letter Fade Out */
.fade-text {
    background: linear-gradient(90deg, white, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 5. Striped Text */
/* 1. Black & White Striped */
.striped-black-white {
    background: repeating-linear-gradient(45deg, white, white 5px, black 5px, black 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 2. Red & White Striped */
.striped-red-white {
    background: repeating-linear-gradient(45deg, white, white 5px, red 5px, red 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 3. Blue & White Striped */
.striped-blue-white {
    background: repeating-linear-gradient(45deg, white, white 5px, blue 5px, blue 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 4. Green & White Striped */
.striped-green-white {
    background: repeating-linear-gradient(45deg, white, white 5px, green 5px, green 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 5. Yellow & Black Striped */
.striped-yellow-black {
    background: repeating-linear-gradient(45deg, yellow, yellow 5px, black 5px, black 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 6. Purple & White Striped */
.striped-purple-white {
    background: repeating-linear-gradient(45deg, white, white 5px, purple 5px, purple 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 7. Orange & White Striped */
.striped-orange-white {
    background: repeating-linear-gradient(45deg, white, white 5px, orange 5px, orange 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 8. Cyan & Black Striped */
.striped-cyan-black {
    background: repeating-linear-gradient(45deg, cyan, cyan 5px, black 5px, black 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 9. Gold & Brown Striped */
.striped-gold-brown {
    background: repeating-linear-gradient(45deg, gold, gold 5px, brown 5px, brown 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 10. Silver & Gray Striped */
.striped-silver-gray {
    background: repeating-linear-gradient(45deg, silver, silver 5px, gray 5px, gray 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 11. Teal & Black Striped */
.striped-teal-black {
    background: repeating-linear-gradient(45deg, teal, teal 5px, black 5px, black 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 12. Magenta & White Striped */
.striped-magenta-white {
    background: repeating-linear-gradient(45deg, white, white 5px, magenta 5px, magenta 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 13. Blue & Red Striped */
.striped-blue-red {
    background: repeating-linear-gradient(45deg, blue, blue 5px, red 5px, red 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 14. Neon Green & Purple Striped */
.striped-neon-green-purple {
    background: repeating-linear-gradient(45deg, lime, lime 5px, purple 5px, purple 10px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* 6. Pixelated Text */
.pixelated {
    font-family: 'Courier New', monospace;
    text-shadow: 2px 2px 0 white, -2px -2px 0 black;
}

/* 7. Embossed Shadow */
.embossed {
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(0, 0, 0, 0.8);
}

/* 8. Glow with Inner Shadow */
.glow-inner {
    text-shadow: 0px 0px 10px white, inset 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.text-smoke {
    font-family: verdana;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}

.text-red {
    color: #ff4d4d;
    font-family: verdana;
    font-weight: 700;
    text-shadow: 1px 1px 1px #b32424,
        1px 2px 1px #b32424,
        1px 3px 1px #b32424,
        1px 4px 1px #b32424,
        1px 5px 1px #b32424,
        1px 6px 1px #b32424,
        1px 7px 1px #b32424,
        1px 8px 1px #b32424,
        1px 9px 1px #b32424,
        1px 10px 1px #b32424,
        1px 18px 6px rgba(139, 0, 0, 0.4),
        1px 22px 10px rgba(139, 0, 0, 0.2),
        1px 25px 35px rgba(139, 0, 0, 0.2),
        1px 30px 60px rgba(139, 0, 0, 0.4);
}

.text-blue {
    color: #4d79ff;
    font-family: verdana;
    font-weight: 700;
    text-shadow: 1px 1px 1px #243db3,
        1px 2px 1px #243db3,
        1px 3px 1px #243db3,
        1px 4px 1px #243db3,
        1px 5px 1px #243db3,
        1px 6px 1px #243db3,
        1px 7px 1px #243db3,
        1px 8px 1px #243db3,
        1px 9px 1px #243db3,
        1px 10px 1px #243db3,
        1px 18px 6px rgba(0, 0, 139, 0.4),
        1px 22px 10px rgba(0, 0, 139, 0.2),
        1px 25px 35px rgba(0, 0, 139, 0.2),
        1px 30px 60px rgba(0, 0, 139, 0.4);
}

.text-green {
    color: #33cc33;
    font-family: verdana;
    font-weight: 700;
    text-shadow: 1px 1px 1px #248f24,
        1px 2px 1px #248f24,
        1px 3px 1px #248f24,
        1px 4px 1px #248f24,
        1px 5px 1px #248f24,
        1px 6px 1px #248f24,
        1px 7px 1px #248f24,
        1px 8px 1px #248f24,
        1px 9px 1px #248f24,
        1px 10px 1px #248f24,
        1px 18px 6px rgba(0, 100, 0, 0.4),
        1px 22px 10px rgba(0, 100, 0, 0.2),
        1px 25px 35px rgba(0, 100, 0, 0.2),
        1px 30px 60px rgba(0, 100, 0, 0.4);
}

.text-yellow {
    color: #ffcc00;
    font-family: verdana;
    font-weight: 700;
    text-shadow: 1px 1px 1px #b38f00,
        1px 2px 1px #b38f00,
        1px 3px 1px #b38f00,
        1px 4px 1px #b38f00,
        1px 5px 1px #b38f00,
        1px 6px 1px #b38f00,
        1px 7px 1px #b38f00,
        1px 8px 1px #b38f00,
        1px 9px 1px #b38f00,
        1px 10px 1px #b38f00,
        1px 18px 6px rgba(139, 100, 0, 0.4),
        1px 22px 10px rgba(139, 100, 0, 0.2),
        1px 25px 35px rgba(139, 100, 0, 0.2),
        1px 30px 60px rgba(139, 100, 0, 0.4);
}

.text-orange {
    color: #ff751a;
    font-family: verdana;
    font-weight: 700;
    text-shadow: 1px 1px 1px #b34d00,
        1px 2px 1px #b34d00,
        1px 3px 1px #b34d00,
        1px 4px 1px #b34d00,
        1px 5px 1px #b34d00,
        1px 6px 1px #b34d00,
        1px 7px 1px #b34d00,
        1px 8px 1px #b34d00,
        1px 9px 1px #b34d00,
        1px 10px 1px #b34d00,
        1px 18px 6px rgba(139, 69, 0, 0.4),
        1px 22px 10px rgba(139, 69, 0, 0.2),
        1px 25px 35px rgba(139, 69, 0, 0.2),
        1px 30px 60px rgba(139, 69, 0, 0.4);
}

.text-purple {
    color: #9933ff;
    font-family: verdana;
    font-weight: 700;
    text-shadow: 1px 1px 1px #662299,
        1px 2px 1px #662299,
        1px 3px 1px #662299,
        1px 4px 1px #662299,
        1px 5px 1px #662299,
        1px 6px 1px #662299,
        1px 7px 1px #662299,
        1px 8px 1px #662299,
        1px 9px 1px #662299,
        1px 10px 1px #662299,
        1px 18px 6px rgba(75, 0, 130, 0.4),
        1px 22px 10px rgba(75, 0, 130, 0.2),
        1px 25px 35px rgba(75, 0, 130, 0.2),
        1px 30px 60px rgba(75, 0, 130, 0.4);
}

.text-cyan {
    font-family: verdana;
    font-weight: 700;
    color: #00ffff;
    text-shadow: 1px 1px 1px #007777,
        1px 2px 1px #007777,
        1px 3px 1px #007777,
        1px 4px 1px #007777,
        1px 5px 1px #007777,
        1px 6px 1px #007777,
        1px 7px 1px #007777,
        1px 8px 1px #007777,
        1px 9px 1px #007777,
        1px 10px 1px #007777,
    1px 18px 6px rgba(0, 64, 64, 0.4),
    1px 22px 10px rgba(0, 64, 64, 0.2),
    1px 25px 35px rgba(0, 64, 64, 0.2),
    1px 30px 60px rgba(0, 64, 64, 0.4);
}

.text-black {
    font-family: verdana;
    font-weight: 700;
    color: #000000;
    text-shadow: 1px 1px 1px #333333,
        1px 2px 1px #333333,
        1px 3px 1px #333333,
        1px 4px 1px #333333,
        1px 5px 1px #333333,
        1px 6px 1px #333333,
        1px 7px 1px #333333,
        1px 8px 1px #333333,
        1px 9px 1px #333333,
        1px 10px 1px #333333,
    1px 18px 6px rgba(16, 16, 16, 0.4),
    1px 22px 10px rgba(16, 16, 16, 0.2),
    1px 25px 35px rgba(16, 16, 16, 0.2),
    1px 30px 60px rgba(16, 16, 16, 0.4);
}

.text-pink {
    font-family: verdana;
    font-weight: 700;
    color: #ff69b4;
    text-shadow: 1px 1px 1px #b34776,
        1px 2px 1px #b34776,
        1px 3px 1px #b34776,
        1px 4px 1px #b34776,
        1px 5px 1px #b34776,
        1px 6px 1px #b34776,
        1px 7px 1px #b34776,
        1px 8px 1px #b34776,
        1px 9px 1px #b34776,
        1px 10px 1px #b34776,
    1px 18px 6px rgba(179, 71, 118, 0.4),
    1px 22px 10px rgba(179, 71, 118, 0.2),
    1px 25px 35px rgba(179, 71, 118, 0.2),
    1px 30px 60px rgba(179, 71, 118, 0.4);
}

/* Common styles for all reflections */
.reflection, .reflection1, .reflection2, .reflection3, .reflection4, .reflection5, 
.reflection6, .reflection7, .reflection8, .reflection9, .reflection10, 
.reflection11, .reflection12, .reflection13, .reflection14, .reflection15, .reflection16 {
  position: relative;
  text-align: center;
  font-size: 72px;
  font-family: "Monoton", "Carter One", cursive;
  font-weight: bold;
  display: inline-block;
}

.reflection::before, .reflection1::before, .reflection2::before, .reflection3::before, 
.reflection4::before, .reflection5::before, .reflection6::before, .reflection7::before, 
.reflection8::before, .reflection9::before, .reflection10::before, .reflection11::before, 
.reflection12::before, .reflection13::before, .reflection14::before, .reflection15::before, .reflection16::before {
  content: attr(data-content);
  position: absolute;
  inset: 0;
  transform: rotatex(180deg) translatey(15px);
  transform-origin: 50% 100%;
  white-space: nowrap;
}


/* Apply fading effect for realistic reflection */
.reflection::before {
  -webkit-mask: repeating-linear-gradient(transparent, transparent 3px, white 3px, white 4px), linear-gradient(transparent 40%, white 90%);
  mask: repeating-linear-gradient(transparent, transparent 3px, white 3px, white 4px), linear-gradient(transparent 40%, white 90%);
}

.reflection1::before {
    -webkit-mask: linear-gradient(transparent, #000);
    mask: linear-gradient(transparent, #000);
  }
  
  .reflection2::before {
    -webkit-mask: repeating-linear-gradient(transparent, transparent 3px, white 3px, white 4px);
    mask: repeating-linear-gradient(transparent, transparent 3px, white 3px, white 4px);
  }
  
  .reflection3::before {
    -webkit-mask: repeating-linear-gradient(transparent, transparent 3px, white 3px, white 4px), linear-gradient(transparent 40%, white 90%);
    mask: repeating-linear-gradient(transparent, transparent 3px, white 3px, white 4px), linear-gradient(transparent 40%, white 90%);
  }
  
  .reflection4::before {
    -webkit-mask: repeating-linear-gradient(35deg, transparent, transparent 2px, white 2px, white 4px), linear-gradient(-90deg, transparent 40%, white 95%);
    mask: repeating-linear-gradient(35deg, transparent, transparent 2px, white 2px, white 4px), linear-gradient(-90deg, transparent 40%, white 95%);
  }
  
  .reflection5::before {
    -webkit-mask: repeating-linear-gradient(35deg, transparent, transparent 2px, white 2px, white 4px), linear-gradient(-90deg, transparent 40%, white 95%);
    mask: repeating-linear-gradient(35deg, transparent, transparent 2px, white 2px, white 4px), linear-gradient(-90deg, transparent 40%, white 95%);
    -webkit-mask-composite: xor;
    mask-composite: xor;
  }
  
  .reflection6::before {
    -webkit-mask: linear-gradient(transparent 20%, rgba(255, 255, 255, 0.7) 95%);
    mask: linear-gradient(transparent 20%, rgba(255, 255, 255, 0.7) 95%);
    transform: rotatex(180deg) translatey(15px) skew(135deg) translatex(-10px);
  }
  
  .reflection7::before {
    -webkit-mask: linear-gradient(-135deg, transparent 5%, rgba(255, 255, 255, 0.5) 95%);
    mask: linear-gradient(-135deg, transparent 5%, rgba(255, 255, 255, 0.5) 95%);
    transform: rotatex(180deg) translatey(15px) skew(135deg) translatex(-10px);
  }
  
  .reflection8::before {
    -webkit-mask: repeating-linear-gradient(35deg, transparent, transparent 2px, white 2px, white 4px), repeating-linear-gradient(-35deg, transparent, transparent 2px, white 2px, white 4px), linear-gradient(transparent 30%, white 95%);
    mask: repeating-linear-gradient(35deg, transparent, transparent 2px, white 2px, white 4px), repeating-linear-gradient(-35deg, transparent, transparent 2px, white 2px, white 4px), linear-gradient(transparent 30%, white 95%);
    transform: rotatex(180deg) translatey(15px) skew(135deg) translatex(-10px);
  }
  
  .reflection9::before {
    transform: rotatex(180deg) translatey(15px);
    filter: blur(9px) brightness(1.5);
  }
  
  .reflection10::before {
    transform: rotatex(180deg) translatey(15px);
    filter: blur(4px);
    -webkit-mask: linear-gradient(transparent 30%, white 90%);
    mask: linear-gradient(transparent 30%, white 90%);
  }
  
  .reflection11::before {
    background: linear-gradient(deeppink, yellowgreen);
    -webkit-background-clip: text;
    background-clip: text;
    transform: rotatex(180deg) translatey(15px);
    -webkit-mask: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01) 25%, white, rgba(255, 255, 255, 0.01) 75%, transparent);
    mask: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01) 25%, white, rgba(255, 255, 255, 0.01) 75%, transparent);
  }
  
  .reflection12::before {
    background: linear-gradient(deeppink, yellowgreen);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    transform: rotatex(180deg) translatey(15px);
    -webkit-mask: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01) 25%, white, rgba(255, 255, 255, 0.01) 75%, transparent);
    mask: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01) 25%, white, rgba(255, 255, 255, 0.01) 75%, transparent);
  }
  
  .reflection13::before {
    background: linear-gradient(deeppink, yellowgreen);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    transform: rotatex(180deg) translatey(15px);
    -webkit-mask: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    mask: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  }
  
  .reflection14::before {
    background: linear-gradient(deeppink, yellowgreen);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    transform: rotatex(180deg) translatey(15px);
    -webkit-mask: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    mask: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    filter: blur(3px);
  }
  
  .reflection15::before {
    -webkit-mask: linear-gradient(transparent 5%, rgba(255, 255, 255, 0.9) 95%);
    mask: linear-gradient(transparent 5%, rgba(255, 255, 255, 0.9) 95%);
    transform: rotatex(180deg) translatey(11px) skew(125deg) translatex(-10px);
    background: #333;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    z-index: 1;
  }
  
  .reflection15::after {
    content: attr(data-content);
    position: absolute;
    inset: 0;
    transform-origin: 50% 100%;
    white-space: nowrap;
    transform: rotatex(180deg) translatey(11px) skew(-125deg) translatex(8px);
    background: #ddd;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-mask: linear-gradient(transparent 5%, rgba(255, 255, 255, 0.9) 95%);
    mask: linear-gradient(transparent 5%, rgba(255, 255, 255, 0.9) 95%);
  }
  
  .reflection16::before {
    -webkit-mask: linear-gradient(transparent 5%, rgba(255, 255, 255, 0.9) 99%);
    mask: linear-gradient(transparent 5%, rgba(255, 255, 255, 0.9) 99%);
    transform: rotatex(180deg) translatey(6px) skew(135deg) translatex(-8px);
    filter: blur(8px);
  }
  

/* WordArt */
.skew-text { transform: skew(20deg); }
.stretch-horizontal { transform: scaleX(2); }
.stretch-vertical { transform: scaleY(2); }
.compressed-horizontal { transform: scaleX(0.5); }
.compressed-vertical { transform: scaleY(0.5); }
.rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
.diamond { transform: rotate(45deg) scale(1.2, 0.8); }
.pentagon { transform: skew(10deg) scaleY(1.5); }
.star { transform: rotate(15deg) skew(20deg, -10deg); }
.arc { transform: perspective(300px) rotateX(20deg) rotateY(-10deg); }
.wave { transform: rotate(-5deg) skewX(10deg) scaleY(1.2); }
.triangle { transform: scaleY(1.8) skewX(20deg); }
.circle { transform: rotate(360deg) scale(1.2); }
.zigzag { transform: rotate(-10deg) skewX(20deg); }
.invert { transform: scale(-1, 1); }
.perspective { transform: perspective(300px) rotateY(45deg); }
.hourglass { transform: scaleX(1.5) rotate(180deg) skewY(20deg); }
.flip-vertical { transform: scaleY(-1); }
.cylinder { transform: perspective(400px) rotateX(50deg); }
.parallelogram { transform: skewX(25deg) scaleY(1.5); }
.twisted { transform: rotate(10deg) skewY(15deg); }
.tilted { transform: rotate(-15deg) skewX(10deg); }
.slant { transform: skew(20deg, -10deg); }
.compressed-wave { transform: rotate(-10deg) skewX(-5deg); }
.spiral { transform: perspective(500px) rotateX(-40deg) rotateY(10deg); }
.cone { transform: scaleY(1.3) rotateX(25deg); }
.hexagon { transform: skew(15deg, 15deg) scale(1.2); }
.tilted-box { transform: rotate(10deg) skewY(20deg); }
.skewed-shadow { transform: skewX(20deg); text-shadow: 3px 3px rgba(255, 255, 255, 0.3); }
.narrow-wave { transform: rotate(5deg) skewX(-10deg); }
.offset { transform: translateX(10px) skewY(-15deg); }



/* Common */
/* .accordion-section{
    border: 2px solid red;
    margin-top: 30px ;
    padding: 10px 5px 5px 5px ;
} */

.qa-accord{
    position: absolute;
    padding: 2px;
    min-height: 30px;
    right:5px;
    top:15px;
    width: auto;
    background-color: #fff;
}

[class^="qa-accordion"],
[class^="qa-tab"]
 {
	margin-bottom: 40px !important;
	background-color: #fff !important;
}

[class^="qa-tab"]{
	min-height: 250px !important;
	padding-top: 40px !important;
}


/* .accordion-section, .accordion-section .accordion-body,.accordion-section .accordion-item,.tab-section {
    padding: 10px;
    border: 1px solid var(--linecolor1);
    margin-top: 25px;
	background-color: initial;
} */

/* End of Common */


.qa-accordion1 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion1 a:hover, .qa-accordion1 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion1 {
	padding-left: 80px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
[role="tablist"].qa-accordion1:before {
	content: "";
	width: 5px;
	height: 100%;
	background: #004e89;
	position: absolute;
	top: 0;
	left: 22px;
	z-index: -1;
}
[role="tablist"].qa-accordion1  .accordion-item {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 15px;
}
[role="tablist"].qa-accordion1 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 0;
}
[role="tablist"].qa-accordion1 .accordion-button {
	display: block;
	padding: 10px 30px 15px 0;
	background: #fff;
	font-size: 18px;
	font-weight: bold;
	color: #004e89;
	position: relative;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion1 .accordion-button:before {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 50px;
	height: 50px;
	line-height: 40px;
	border-radius: 50%;
	background: #cad5c2;
	text-align: center;
	font-size: 17px;
	color: #004e89;
	border: 6px solid #004e89;
	position: absolute;
	top: 0;
	left: -80px;
}
[role="tablist"].qa-accordion1 .accordion-button.collapsed:before {
	content: "\f067";
	background: #fff;
}
[role="tablist"].qa-accordion1 .accordion-body {
	padding: 10px 15px;
	background: #eee;
	border: none;
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) inset, 0 1px 2px rgba(255, 255, 255, 0.9);
	font-size: 14px;
	color: #487677;
	line-height: 25px;
}

.qa-accordion2 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion2 a:hover, .qa-accordion2 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion2 .accordion-item {
	border: none;
	border-radius: 3px;
	box-shadow: none;
	margin-bottom: 15px;
}
[role="tablist"].qa-accordion2 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 3px;
}
[role="tablist"].qa-accordion2 .accordion-button {
	display: block;
	padding: 12px 15px 12px 50px;
	background: linear-gradient(to bottom, #fefefe, #cdcdcd);
	border: 1px solid #c3c3c3;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #676767;
	text-shadow: 1px 1px 1px #fff;
	position: relative;
}
[role="tablist"].qa-accordion2 .accordion-button:before {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
	background: #929191;
	font-size: 12px;
	font-weight: 900;
	color: #fdfbfb;
	text-align: center;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
	text-shadow: none;
	position: absolute;
	top: 8px;
	left: 15px;
}
[role="tablist"].qa-accordion2 .accordion-button.collapsed:before {
	content: "\f067";
}
[role="tablist"].qa-accordion2 .accordion-body {
	padding: 10px 15px;
	font-size: 15px;
	color: #222;
	line-height: 27px;
	border: none;
}
[role="tablist"].qa-accordion2 .accordion-body p {
	margin-bottom: 0;
}
.qa-accordion3 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion3 a:hover, .qa-accordion3 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion3 .accordion-item {
	border: none;
	border-radius: 3px;
	box-shadow: none;
	margin-bottom: 15px;
}
[role="tablist"].qa-accordion3 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 3px;
}
[role="tablist"].qa-accordion3 .accordion-button {
	display: block;
	padding: 12px 15px;
	background: #fff;
	font-size: 18px;
	font-weight: bold;
	color: #f81ac1;
	border: 1px solid #ececec;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	position: relative;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion3 .accordion-button.collapsed {
	box-shadow: none;
	color: #676767;
}
[role="tablist"].qa-accordion3 .accordion-button:before, [role="tablist"].qa-accordion3 .accordion-button.collapsed:before {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	width: 25px;
	height: 25px;
	line-height: 28px;
	font-size: 15px;
	font-weight: 900;
	color: #f81ac1;
	text-align: center;
	position: absolute;
	top: 8px;
	right: 15px;
	transform: rotate(135deg);
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion3 .accordion-button.collapsed:before {
	color: #676767;
	transform: rotate(0);
}
[role="tablist"].qa-accordion3 .accordion-button:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #ececec;
	position: absolute;
	top: 0;
	right: 55px;
}
[role="tablist"].qa-accordion3 .accordion-body {
	padding: 10px 15px 15px;
	border: none;
	font-size: 15px;
	color: #615f5f;
	line-height: 27px;
}
.qa-accordion4 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion4 body {
	background: linear-gradient(to right, #4e42b9, #e98223);
}
.qa-accordion4 a:hover, .qa-accordion4 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion4 .accordion-item {
	border: none;
	border-radius: 5px;
	box-shadow: none;
	margin-bottom: 10px;
	background: transparent;
}
[role="tablist"].qa-accordion4 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 5px;
	background: transparent;
	position: relative;
}
[role="tablist"].qa-accordion4 .accordion-button {
	display: block;
	padding: 20px 30px;
	margin: 0;
	background: rgba(0, 0, 0, 0.4);
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	border-radius: 5px;
	position: relative;
}
[role="tablist"].qa-accordion4 .accordion-button.collapsed {
	border: none;
}
[role="tablist"].qa-accordion4 .accordion-button:before, [role="tablist"].qa-accordion4 .accordion-button.collapsed:before {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	width: 30px;
	height: 30px;
	line-height: 27px;
	text-align: center;
	font-size: 25px;
	font-weight: 900;
	color: #fff;
	position: absolute;
	top: 15px;
	right: 30px;
	transform: rotate(180deg);
	transition: all 0.4s cubic-bezier(0.08, 1.09, 0.32, 1.275);
}
[role="tablist"].qa-accordion4 .accordion-button.collapsed:before {
	color: rgba(255, 255, 255, 0.5);
	transform: rotate(0deg);
}
[role="tablist"].qa-accordion4 .accordion-body {
	padding: 20px 30px;
	background: rgba(0, 0, 0, 0.1);
	font-size: 15px;
	color: #fff;
	line-height: 28px;
	letter-spacing: 1px;
	border-top: none;
	border-radius: 5px;
}
.qa-accordion5 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion5 a:hover, .qa-accordion5 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion5 .accordion-item {
	border: none;
	border-radius: 0;
	margin-bottom: 5px;
	box-shadow: none;
}
[role="tablist"].qa-accordion5 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
}
[role="tablist"].qa-accordion5 .accordion-button {
	display: block;
	padding: 20px 30px;
	margin: 0;
	background: #e65e36;
	font-size: 17px;
	font-weight: bold;
	color: #f9e2ad;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}
[role="tablist"].qa-accordion5 .accordion-button:before, [role="tablist"].qa-accordion5 .accordion-button.collapsed:before {
	content: "";
	width: 20px;
	height: 2px;
	background: #f9e2ad;
	position: absolute;
	top: 30px;
	right: 30px;
}
[role="tablist"].qa-accordion5 .accordion-button:after, [role="tablist"].qa-accordion5 .accordion-button.collapsed:after {
	content: "";
	width: 2px;
	height: 20px;
	background: #f9e2ad;
	position: absolute;
	bottom: 24px;
	right: 39px;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion5 .accordion-button:after {
	height: 0;
}
[role="tablist"].qa-accordion5 .accordion-body {
	padding: 20px 30px;
	background: #56522b;
	border-top: 2px solid #000;
	font-size: 15px;
	color: #f9e2ad;
	line-height: 28px;
	letter-spacing: 1px;
}


.qa-accordion6 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion6 a:hover, .qa-accordion6 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion6 .accordion-item {
	border: none;
	border-radius: 5px;
	box-shadow: none;
	margin-bottom: 5px;
}
[role="tablist"].qa-accordion6 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 5px 5px 0 0;
}
[role="tablist"].qa-accordion6 .accordion-button {
	display: block;
	padding: 20px 30px;
	background: #fff;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 1px solid #ea526f;
	border-radius: 5px 5px 0 0;
	position: relative;
}
[role="tablist"].qa-accordion6 .accordion-button.collapsed {
	border-color: #e0e0e0;
	border-radius: 5px;
}
[role="tablist"].qa-accordion6 .accordion-button:before, [role="tablist"].qa-accordion6 .accordion-button:before, [role="tablist"].qa-accordion6 .accordion-button:after, [role="tablist"].qa-accordion6 .accordion-button:after {
	content: "\f103";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	background: #ea526f;
	font-size: 20px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 15px;
	right: 30px;
	opacity: 1;
	transform: scale(1);
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion6 .accordion-button:after, [role="tablist"].qa-accordion6 .accordion-button.collapsed:after {
	content: "\f101";
	background: transparent;
	color: #000;
	opacity: 0;
	transform: scale(0);
}
[role="tablist"].qa-accordion6 .accordion-button.collapsed:before {
	opacity: 0;
	transform: scale(0);
}
[role="tablist"].qa-accordion6 .accordion-button.collapsed:after {
	opacity: 1;
	transform: scale(1);
}
[role="tablist"].qa-accordion6 .accordion-body {
	padding: 20px 30px;
	background: #ea526f;
	border-top: none;
	font-size: 15px;
	color: #fff;
	line-height: 28px;
	letter-spacing: 1px;
	border-radius: 0 0 5px 5px;
}
.qa-accordion7 a {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion7 .accordion-item {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 15px;
	position: relative;
}
[role="tablist"].qa-accordion7 .accordion-item:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	border: 1px dashed #6e8898;
	top: 25px;
	left: 18px;
	position: absolute;
}
[role="tablist"].qa-accordion7 .accordion-item:last-child:before {
	display: none;
}
[role="tablist"].qa-accordion7 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
}
[role="tablist"].qa-accordion7 .accordion-button {
	display: block;
	padding: 10px 30px 10px 60px;
	margin: 0;
	background: #fff;
	font-size: 18px;
	font-weight: 700;
	color: #1d3557;
	letter-spacing: 1px;
	border-radius: 0;
	overflow: hidden;
	position: relative;
}
[role="tablist"].qa-accordion7 .accordion-button:before, [role="tablist"].qa-accordion7 .accordion-button.collapsed:before {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 40px;
	height: 100%;
	line-height: 40px;
	font-size: 17px;
	color: #fff;
	text-align: center;
	background: #df8d12;
	border-radius: 3px;
	border: 1px solid #df8d12;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion7 .accordion-button.collapsed:before {
	content: "\f105";
	color: #000;
	background: #fff;
	border: 1px solid #6e8898;
}
[role="tablist"].qa-accordion7 .accordion-body {
	padding: 40px 20px 30px;
	margin-left: 40px;
	border-top: none;
	background: #df8d12;
	font-size: 15px;
	color: #fff;
	line-height: 28px;
	letter-spacing: 1px;
	-webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
	clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}
@media only screen and (max-width: 480px) {
	[role="tablist"].qa-accordion7 .accordion-body {
		padding: 70px 10px;
   }
}
.qa-accordion8 a {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion8 .accordion-item {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 30px 5px;
	position: relative;
}
[role="tablist"].qa-accordion8 .accordion-item:before, [role="tablist"].qa-accordion8 .accordion-item:after {
	content: "";
	border-left: 25px solid #fff;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
[role="tablist"].qa-accordion8 .accordion-item:after {
	border-left: none;
	border-right: 25px solid #fff;
	left: auto;
	right: 0;
}
[role="tablist"].qa-accordion8 .accordion-header {
	padding: 0;
	position: relative;
}
[role="tablist"].qa-accordion8 .accordion-button {
	display: block;
	padding: 10px 60px 15px 40px;
	background: #137a91;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #fff;
	position: relative;
}
[role="tablist"].qa-accordion8 .accordion-button:before, [role="tablist"].qa-accordion8 .accordion-button.collapsed:before {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 15px;
	right: 40px;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion8 .accordion-button.collapsed:before {
	content: "\f106";
	top: 12px;
}
[role="tablist"].qa-accordion8 .accordion-body {
	padding: 10px 30px 0;
	border-top: none;
	font-size: 15px;
	color: #5c4f4f;
	line-height: 28px;
	letter-spacing: 0.5px;
}
.qa-accordion9 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion9 a:hover, .qa-accordion9 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion9 .accordion-item {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 15px;
	position: relative;
}
[role="tablist"].qa-accordion9 .accordion-item:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	border: 1px dashed #6e8898;
	position: absolute;
	top: 25px;
	left: 18px;
}
[role="tablist"].qa-accordion9 .accordion-item:last-child:before {
	display: none;
}
[role="tablist"].qa-accordion9 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
}
[role="tablist"].qa-accordion9 .accordion-button {
	display: block;
	padding: 10px 30px 10px 60px;
	margin: 0;
	background: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #1d3557;
	border-radius: 0;
	position: relative;
}
[role="tablist"].qa-accordion9 .accordion-button:before, [role="tablist"].qa-accordion9 .accordion-button.collapsed:before {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 40px;
	height: 100%;
	line-height: 40px;
	background: #8a8ac3;
	border: 1px solid #8a8ac3;
	border-radius: 3px;
	font-size: 17px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion9 .accordion-button.collapsed:before {
	content: "\f105";
	background: #fff;
	border: 1px solid #6e8898;
	color: #000;
}
[role="tablist"].qa-accordion9 .accordion-body {
	padding: 10px 30px 10px 30px;
	margin-left: 40px;
	background: #fff;
	border-top: none;
	font-size: 15px;
	color: #6f6f6f;
	line-height: 28px;
	letter-spacing: 1px;
}
.qa-accordion10 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion10 a:hover, .qa-accordion10 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion10 .accordion-item {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
}
[role="tablist"].qa-accordion10 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 0;
	background: #fff;
	position: relative;
}
[role="tablist"].qa-accordion10 .accordion-button {
	display: block;
	padding: 15px 35px;
	margin: 0 0 20px 0;
	background: #fff;
	font-size: 17px;
	font-weight: bold;
	color: #d27d2a;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 2px solid #044f79;
	border-radius: 0 0 0 30px;
	position: relative;
}
[role="tablist"].qa-accordion10 .accordion-button.collapsed {
	margin-bottom: 0;
}
[role="tablist"].qa-accordion10 .accordion-button:before, [role="tablist"].qa-accordion10 .accordion-button.collapsed:before {
	content: "\2212";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 18px;
	font-weight: normal;
	color: #d27d2a;
	position: absolute;
	top: 15px;
	right: 17px;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion10 .accordion-button.collapsed:before {
	content: "\f067";
}
[role="tablist"].qa-accordion10 .accordion-button:after {
	content: "";
	border-top: 15px solid #044f79;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	bottom: -15px;
	left: 15%;
}
[role="tablist"].qa-accordion10 .accordion-button.collapsed:after {
	display: none;
}
[role="tablist"].qa-accordion10 .accordion-body {
	padding: 20px 30px;
	background: #d27d2a;
	border: none;
	font-size: 15px;
	color: #fff;
	line-height: 28px;
	letter-spacing: 1px;
	border-radius: 30px;
}
.qa-accordion11 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion11 a:hover, .qa-accordion11 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion11 .accordion-item {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
}
[role="tablist"].qa-accordion11 .accordion-header {
	padding: 0;
	border: none;
	border-radius: 0;
	margin-bottom: 10px;
	z-index: 1;
	position: relative;
}
[role="tablist"].qa-accordion11 .accordion-header:before, [role="tablist"].qa-accordion11 .accordion-header:after {
	content: "";
	width: 50%;
	height: 20%;
	box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 15px;
	left: 10px;
	transform: rotate(-3deg);
	z-index: -1;
}
[role="tablist"].qa-accordion11 .accordion-header:after {
	left: auto;
	right: 10px;
	transform: rotate(3deg);
}
[role="tablist"].qa-accordion11 .accordion-button {
	display: block;
	padding: 15px 70px 15px 70px;
	margin: 0;
	background: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #d11149;
	border-radius: 0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	position: relative;
}
[role="tablist"].qa-accordion11 .accordion-button:before, [role="tablist"].qa-accordion11 .accordion-button.collapsed:before {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 55px;
	height: 100%;
	text-align: center;
	line-height: 50px;
	border-left: 2px solid #d11149;
	position: absolute;
	top: 0;
	right: 0;
}
[role="tablist"].qa-accordion11 .accordion-button.collapsed:before {
	content: "\f107";
}
[role="tablist"].qa-accordion11 .accordion-button .icon {
	display: inline-block;
	width: 55px;
	height: 100%;
	border-right: 2px solid #d11149;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.7);
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
[role="tablist"].qa-accordion11 .accordion-body {
	padding: 10px 20px;
	margin: 0 0 20px;
	border-bottom: 3px solid #d11149;
	border-top: none;
	background: #fff;
	font-size: 15px;
	color: #333;
	line-height: 27px;
}
.qa-accordion12 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion12 a:hover, .qa-accordion12 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion12 .accordion-item {
	border: 1px solid #bf6026;
	border-radius: 0;
	box-shadow: none;
	margin-left: 50px;
	margin-bottom: 12px;
}
[role="tablist"].qa-accordion12 .accordion-header {
	padding: 0;
	background: #fff;
	position: relative;
}
[role="tablist"].qa-accordion12 .accordion-header:before, [role="tablist"].qa-accordion12 .accordion-header:after {
	content: "";
	border-right: 8px solid #bf6026;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	position: absolute;
	top: 12px;
	left: -9px;
}
[role="tablist"].qa-accordion12 .accordion-header:after {
	border-right: 7px solid #fff;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;
	position: absolute;
	top: 13px;
	left: -6px;
}
[role="tablist"].qa-accordion12 .accordion-button {
	display: block;
	padding: 10px 20px;
	border: none;
	font-size: 20px;
	font-weight: 600;
	color: #bf6026;
	position: relative;
}
[role="tablist"].qa-accordion12 .accordion-button:before, [role="tablist"].qa-accordion12 .accordion-button.collapsed:before {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #bf6026;
	text-align: center;
	border: 1px solid #bf6026;
	position: absolute;
	top: 0;
	left: -50px;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion12 .accordion-button.collapsed:before {
	content: "\f067";
}
[role="tablist"].qa-accordion12 .accordion-body {
	padding: 0 15px 15px;
	border: none;
	font-size: 14px;
	color: #807e7e;
	line-height: 28px;
}
[role="tablist"].qa-accordion12 .accordion-body p {
	margin-bottom: 0;
}
.qa-accordion13 a {
	text-decoration: none;
}
.qa-accordion13 a:hover, .qa-accordion13 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion13 .accordion-item {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 10px;
	position: relative;
}
[role="tablist"].qa-accordion13 .accordion-header {
	padding: 0;
	position: relative;
}
[role="tablist"].qa-accordion13 .accordion-header:before {
	content: "";
	width: 40px;
	height: 100%;
	background: #eb65a0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
[role="tablist"].qa-accordion13 .accordion-button {
	display: block;
	padding: 10px 30px 10px 60px;
	background: #f5f5f5;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #000;
	overflow: hidden;
	position: relative;
}
[role="tablist"].qa-accordion13 .accordion-button:before, [role="tablist"].qa-accordion13 .accordion-button.collapsed:before, [role="tablist"].qa-accordion13 .accordion-button:after, [role="tablist"].qa-accordion13 .accordion-button.collapsed:after {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 15px;
	color: #fff;
	position: absolute;
	top: 13px;
	left: 13px;
	z-index: 2;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion13 .accordion-button:after, [role="tablist"].qa-accordion13 .accordion-button.collapsed:after {
	content: "\f067";
	transform: translateY(50px);
}
[role="tablist"].qa-accordion13 .accordion-button.collapsed:before {
	transform: translateY(-50px);
}
[role="tablist"].qa-accordion13 .accordion-button.collapsed:after {
	transform: translateY(0);
}
[role="tablist"].qa-accordion13 .accordion-body {
	padding: 10px 30px 10px 60px;
	background: #f5f5f5;
	border-top: none;
	font-size: 15px;
	color: #6f6f6f;
	letter-spacing: 1px;
	line-height: 28px;
	position: relative;
}
[role="tablist"].qa-accordion13 .accordion-body:before {
	content: "";
	display: block;
	width: 40px;
	height: 100%;
	background: rgba(0, 0, 0, 0.05);
	position: absolute;
	top: 0;
	left: 0;
}
.qa-accordion14 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion14 a:hover, .qa-accordion14 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion14 .accordion-item {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 15px 50px;
}
[role="tablist"].qa-accordion14 .accordion-header {
	padding: 0;
	background: #fff;
	border: none;
	position: relative;
}
[role="tablist"].qa-accordion14 .accordion-button {
	display: block;
	padding: 10px 20px 10px 60px;
	background: #fe5f55;
	border-radius: 30px;
	border: 2px solid #fe5f55;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	position: relative;
}
[role="tablist"].qa-accordion14 .accordion-button.collapsed {
	border: 2px solid #bbb;
	background: #fff;
	color: #bbb;
}
[role="tablist"].qa-accordion14 .accordion-button:before, [role="tablist"].qa-accordion14 .accordion-button.collapsed:before {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	background: #fe5f55;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-right: 3px solid #fff;
	position: absolute;
	top: -10px;
	left: -30px;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion14 .accordion-button.collapsed:before {
	content: "\f067";
	background: #bbb;
	border: none;
}
[role="tablist"].qa-accordion14 .accordion-body {
	padding: 15px 20px 0;
	margin: 0 0 0 30px;
	border: none;
	font-size: 14px;
	color: #333;
	line-height: 28px;
	position: relative;
}
[role="tablist"].qa-accordion14 .accordion-body:before {
	content: "";
	display: block;
	width: 5px;
	height: 95%;
	background: #fe5f55;
	position: absolute;
	top: 0;
	left: -30px;
}
[role="tablist"].qa-accordion14 .accordion-body:after {
	content: "";
	border-top: 20px solid #fe5f55;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	bottom: 0px;
	left: -48px;
}
.qa-accordion15 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion15 a:hover, .qa-accordion15 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion15 .accordion-item {
	border: none;
	box-shadow: none;
	border-radius: 3px;
	margin-bottom: 10px;
	position: relative;
}
[role="tablist"].qa-accordion15 .accordion-item:after {
	content: "";
	width: 2px;
	height: 100%;
	background: #e8e9ed;
	position: absolute;
	top: 25px;
	left: 25px;
}
[role="tablist"].qa-accordion15 .accordion-item:last-child:after {
	display: none;
}
[role="tablist"].qa-accordion15 .accordion-header {
	padding: 0;
	border: none;
	background: #fff;
}
[role="tablist"].qa-accordion15 .accordion-button {
	display: block;
	padding: 15px 20px 20px 70px;
	font-size: 18px;
	font-weight: 600;
	color: #217692;
	position: relative;
}
[role="tablist"].qa-accordion15 .accordion-button:before {
	content: "";
	width: 50px;
	height: 1px;
	background: #e8e9ed;
	position: absolute;
	bottom: 0;
	left: 70px;
}
[role="tablist"].qa-accordion15 .accordion-button:after {
	content: "\2212";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #217692;
	border: 2px solid #217692;
	border-radius: 50%;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
[role="tablist"].qa-accordion15 .accordion-button.collapsed:after {
	background: #fff;
	border: 2px solid #e8e9ed;
	color: #cacddb;
	content: "\+";
}
[role="tablist"].qa-accordion15 .accordion-body {
	padding: 10px 20px 10px 70px;
	border: none;
	font-size: 14px;
	color: #888;
	line-height: 25px;
}


.qa-accordion16 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion16 a:hover, .qa-accordion16 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion16 .accordion-item {
	border: none;
	box-shadow: none;
	border-radius: 3px;
	margin-bottom: 0;
}
[role="tablist"].qa-accordion16 .accordion-header {
	padding: 0;
	border: none;
	background: transparent;
}
[role="tablist"].qa-accordion16 .accordion-button {
	display: block;
	padding: 15px 20px 15px 50px;
	background: #f8f8f8;
	border: 1px solid #e4e4e4;
	border-radius: 30px;
	font-size: 18px;
	font-weight: 600;
	color: #336a45;
	position: relative;
}
[role="tablist"].qa-accordion16 .accordion-button.collapsed {
	background: #d84f2d;
	border: 1px solid #d84f2d;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.01) 100%);
	color: #fff;
	border-radius: 20px 20px 0 0;
}
[role="tablist"].qa-accordion16 .accordion-item:nth-child(2) .accordion-button.collapsed {
	border-radius: 0;
}
[role="tablist"].qa-accordion16 .accordion-item:nth-child(2) .accordion-button, [role="tablist"].qa-accordion16 .accordion-item:last-child .accordion-button, [role="tablist"].qa-accordion16 .accordion-item:last-child .accordion-button.collapsed {
	border-radius: 0 0 20px 20px;
}
[role="tablist"].qa-accordion16 .accordion-button:after, [role="tablist"].qa-accordion16 .accordion-button.collapsed:after {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 18px;
	color: #336a45;
	position: absolute;
	top: 15px;
	left: 20px;
}
[role="tablist"].qa-accordion16 .accordion-button.collapsed:after {
	color: #fff;
}
[role="tablist"].qa-accordion16 .accordion-body {
	padding: 10px 20px 15px;
	border: none;
	font-size: 14px;
	color: #888;
	line-height: 25px;
}
.qa-accordion17 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion17 a:hover, .qa-accordion17 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion17 .accordion-item {
	border: none;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding-left: 40px;
	margin-bottom: 10px;
}
[role="tablist"].qa-accordion17 .accordion-header {
	padding: 0;
}
[role="tablist"].qa-accordion17 .accordion-button {
	display: block;
	padding: 15px;
	background: #fff;
	font-size: 15px;
	font-weight: bold;
	color: #94a210;
	text-transform: uppercase;
	border: 2px solid #94a210;
	border-left: none;
	border-radius: 0 8px 8px 0;
	box-shadow: none;
	position: relative;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion17 .accordion-button span {
	display: block;
	width: 40px;
	height: 110%;
	line-height: 70px;
	background: #94a210;
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -2px;
	left: -40px;
}
[role="tablist"].qa-accordion17 .accordion-button span:before, [role="tablist"].qa-accordion17 .accordion-button span:after {
	content: "";
	border-top: 20px solid #fff;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	left: 0;
}
[role="tablist"].qa-accordion17 .accordion-button span:before {
	top: -1px;
}
[role="tablist"].qa-accordion17 .accordion-button span:after {
	border-top-color: #94a210;
	bottom: -20px;
	z-index: 1;
}
[role="tablist"].qa-accordion17 .accordion-body {
	font-size: 14px;
	color: #808080;
	line-height: 23px;
	border-top: none;
}
[role="tablist"].qa-accordion17 .accordion-body p {
	margin-bottom: 0;
}
.qa-accordion18 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion18 a:hover, .qa-accordion18 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion18 .accordion-item {
	border: none;
	border-top: 1px solid #e8e8e8;
	box-shadow: none;
	border-radius: 0;
	margin: 0;
}
[role="tablist"].qa-accordion18 .accordion-item:last-child {
	border-bottom: 1px solid #e8e8e8;
}
[role="tablist"].qa-accordion18 .accordion-header {
	padding: 0;
}
[role="tablist"].qa-accordion18 .accordion-button {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #635858;
	background: #fff;
	padding: 15px 20px 15px 47px;
	position: relative;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion18 .accordion-button:before {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 32px;
	border-radius: 50%;
	background: #888bc2;
	font-size: 14px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 25%;
	left: 0;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion18 .accordion-button.collapsed:before {
	content: "\f067";
}
[role="tablist"].qa-accordion18 .accordion-body {
	font-size: 15px;
	color: #635858;
	line-height: 25px;
	border: none;
	padding: 14px 20px 14px 47px;
}
.qa-accordion19 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion19 a:hover, .qa-accordion19 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion19 .accordion-item {
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 15px;
}
[role="tablist"].qa-accordion19 .accordion-header {
	padding: 0;
}
[role="tablist"].qa-accordion19 .accordion-button {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
	background: #5f62ba;
	border: 2px solid #5f62ba;
	padding: 15px 20px 15px 47px;
	position: relative;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion19 .accordion-button.collapsed {
	background: #fff;
	border-color: #ddd;
	color: #888;
}
[role="tablist"].qa-accordion19 .accordion-button:before {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 18px;
	position: absolute;
	top: 30%;
	left: 20px;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion19 .accordion-button.collapsed:before {
	content: "\f107";
}
[role="tablist"].qa-accordion19 .accordion-body {
	font-size: 16px;
	color: #888;
	line-height: 25px;
	border: 2px solid #5f62ba;
	border-top: none;
	padding: 14px 20px;
}
.qa-accordion20 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion20 a:hover, .qa-accordion20 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion20 {
	padding-right: 24px;
	padding-left: 24px;
	z-index: 1;
}
[role="tablist"].qa-accordion20 .accordion-item {
	border: none;
	box-shadow: none;
	margin: 5px;
}
[role="tablist"].qa-accordion20 .accordion-header {
	padding: 0;
	border-radius: 0;
	border: none;
}
[role="tablist"].qa-accordion20 .panel-title {
	padding: 0;
}
[role="tablist"].qa-accordion20 .accordion-button {
	display: block;
	font-size: 16px;
	font-weight: bold;
	background: #e16b47;
	color: #f7c59f;
	padding: 15px 25px;
	position: relative;
	margin-left: -24px;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion20 .accordion-button.collapsed {
	background: #f7c59f;
	color: #e16b47;
	margin-left: 0;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion20 .accordion-button:before {
	content: "";
	border-left: 24px solid #e16b47;
	border-top: 27px solid transparent;
	border-bottom: 27px solid transparent;
	position: absolute;
	top: 0;
	right: -24px;
	transition: all 0.3s ease 0s;
}
[role="tablist"].qa-accordion20 .accordion-button.collapsed:before {
	border-left-color: #f7c59f;
}
[role="tablist"].qa-accordion20 .accordion-button:after {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 30%;
	right: 15px;
	font-size: 18px;
	color: #f7c59f;
}
[role="tablist"].qa-accordion20 .accordion-button.collapsed:after {
	content: "\f107";
	color: #e16b47;
}
[role="tablist"].qa-accordion20 .accordion-collapse {
	position: relative;
}
[role="tablist"].qa-accordion20 .accordion-collapse.show:before {
	content: "";
	border-right: 24px solid #f7c59f;
	border-bottom: 18px solid transparent;
	position: absolute;
	top: 0;
	left: -24px;
}
[role="tablist"].qa-accordion20 .accordion-body {
	font-size: 14px;
	color: #333;
	background: #e4e4e4;
	border-top: none;
	z-index: 1;
}
.qa-accordion21 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion21 a:hover, .qa-accordion21 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion21 .accordion-item {
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 15px;
}
[role="tablist"].qa-accordion21 .accordion-header {
	padding: 0;
	border-radius: 0;
	border: none;
}
[role="tablist"].qa-accordion21 .accordion-button {
	display: block;
	padding: 20px 30px 20px 50px;
	background: #f1f1f1;
	font-size: 16px;
	font-weight: bold;
	color: #20457c;
	position: relative;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion21 .accordion-button.collapsed {
	background: #fff;
	color: #696969;
	border: 1px solid #20457c;
	border-radius: 5px;
}
[role="tablist"].qa-accordion21 .accordion-button:after, [role="tablist"].qa-accordion21 .accordion-button.collapsed:after {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 25%;
	left: -13px;
	background: #a91739;
}
[role="tablist"].qa-accordion21 .accordion-button.collapsed:after {
	content: "\f107";
	background: #e94c6f;
}
[role="tablist"].qa-accordion21 .accordion-button.collapsed:hover {
	background: #f1f1f1;
	color: #20457c;
}
[role="tablist"].qa-accordion21 .accordion-body {
	font-size: 14px;
	color: #888;
	line-height: 25px;
	background: #f1f1f1;
	padding: 15px 15px 15px 50px;
	border: none;
	transition: all 0.5s ease 0s;
}
.qa-accordion22 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion22 a:hover, .qa-accordion22 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion22 {
	padding-left: 76px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
[role="tablist"].qa-accordion22:before {
	content: "";
	width: 1px;
	height: 90%;
	background: #9d325b;
	position: absolute;
	top: 0;
	left: 22px;
	z-index: -1;
}
[role="tablist"].qa-accordion22 .accordion-item {
	border: none;
	box-shadow: none;
	border-radius: 0;
}
[role="tablist"].qa-accordion22 .accordion-header {
	padding: 0;
	border-radius: 0;
	border: none;
}
[role="tablist"].qa-accordion22 .accordion-button {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #31162e;
	padding: 10px 30px 15px 0;
	background: #fff;
	position: relative;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion22 .accordion-button:before {
	content: "\f05b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #9d325b;
	border: 1px solid #9d325b;
	position: absolute;
	top: 0;
	left: -74px;
}
[role="tablist"].qa-accordion22 .accordion-button.collapsed:before {
	color: #9c335b;
	background: #fff;
}
[role="tablist"].qa-accordion22 .accordion-body {
	font-size: 14px;
	color: #487677;
	line-height: 25px;
	padding: 5px 15px 15px 0;
	border: none;
}
.qa-accordion23 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion23 a:hover, .qa-accordion23 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion23 .accordion-item {
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 15px;
}
[role="tablist"].qa-accordion23 .accordion-header {
	padding: 0;
	border-radius: 0;
	border: none;
}
[role="tablist"].qa-accordion23 .accordion-button {
	display: block;
	padding: 14px 30px 14px 70px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #ef6145;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion23 .accordion-button.collapsed {
	background: #f8f8f8;
	color: #1e4276;
}
[role="tablist"].qa-accordion23 .accordion-button.collapsed:hover {
	color: #ef6145;
}
[role="tablist"].qa-accordion23 .accordion-button:before {
	content: "";
	width: 55px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 0;
	left: -13px;
	transform: skewX(-25deg);
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion23 .accordion-button.collapsed:hover:before {
	background: #d7573e;
}
[role="tablist"].qa-accordion23 .accordion-button:after {
	content: "\f047";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 10px;
	top: 50%;
	color: #fff;
	transform: translateY(-50%);
}
[role="tablist"].qa-accordion23 .accordion-button.collapsed:after {
	color: #9f9f9f;
}
[role="tablist"].qa-accordion23 .accordion-button.collapsed:hover:after {
	color: #fff;
}
[role="tablist"].qa-accordion23 .accordion-body {
	font-size: 14px;
	color: #5a3245;
	line-height: 25px;
	padding: 20px 15px 20px 40px;
	position: relative;
	border: none;
	position: relative;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion23 .accordion-body:before {
	content: "";
	width: 5px;
	height: 40px;
	background: #ef6145;
	position: absolute;
	top: 30px;
	left: 0;
}
[role="tablist"].qa-accordion23 .accordion-body p {
	margin-bottom: 0;
}
.qa-accordion24 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion24 a:hover, .qa-accordion24 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion24 .accordion-item {
	border: none;
	box-shadow: none;
	margin-bottom: 5px;
}
[role="tablist"].qa-accordion24 .accordion-header {
	padding: 0;
	border: none;
	background: transparent;
}
[role="tablist"].qa-accordion24 .accordion-button {
	display: block;
	padding: 14px 50px 14px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #a568c8;
	position: relative;
	border-bottom: none;
	border-radius: 20px 20px 0 0;
}
[role="tablist"].qa-accordion24 .accordion-button.collapsed {
	border-radius: 20px;
}
[role="tablist"].qa-accordion24 .accordion-button:before, [role="tablist"].qa-accordion24 .accordion-button.collapsed:before {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	position: absolute;
	top: 12px;
	right: 30px;
}
[role="tablist"].qa-accordion24 .accordion-button.collapsed:before {
	content: "\f107";
}
[role="tablist"].qa-accordion24 .accordion-body {
	font-size: 14px;
	color: #555;
	line-height: 25px;
	padding: 20px 25px;
	position: relative;
	border: none;
}
.qa-accordion25 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion25 a:hover, .qa-accordion25 a:focus {
	text-decoration: none;
	outline: none;
}
[role="tablist"].qa-accordion25 .accordion-item {
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
}
[role="tablist"].qa-accordion25 .accordion-header {
	padding: 0;
}
[role="tablist"].qa-accordion25 .accordion-button {
	display: block;
	font-size: 16px;
	color: #9c88b9;
	padding: 17px 40px 17px 65px;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-bottom: none;
	position: relative;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion25 .accordion-button.collapsed {
	background: #fafafa;
	color: #959595;
}
[role="tablist"].qa-accordion25 .accordion-button.collapsed:hover {
	color: #9c88b9;
}
[role="tablist"].qa-accordion25 .accordion-button:after, [role="tablist"].qa-accordion25 .accordion-button.collapsed:after {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 15px;
	color: #fff;
	width: 45px;
	height: 100%;
	line-height: 54px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: -1px;
	background: #9c88b9;
	transition: all 0.2s;
}
[role="tablist"].qa-accordion25 .accordion-button.collapsed:after {
	content: "\f067";
	color: #959595;
	background: #f4f4f4;
	transition: all 0.5s ease 0s;
}
[role="tablist"].qa-accordion25 .accordion-button.collapsed:hover:after {
	background: #9c88b9;
	color: #fff;
}
[role="tablist"].qa-accordion25 .accordion-button:before {
	content: "";
	position: absolute;
	bottom: -11px;
	left: -1px;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #9c88b9;
}
[role="tablist"].qa-accordion25 .accordion-button.collapsed:before {
	display: none;
}
[role="tablist"].qa-accordion25 .accordion-body {
	font-size: 14px;
	color: #b7b7b7;
	padding: 0 65px 15px;
	line-height: 20px;
	margin-left: 12px;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-top: none;
}
.qa-accordion26 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion26 a:hover, .qa-accordion26 a:focus {
	outline: none;
	text-decoration: none;
}
[role="tablist"].qa-accordion26 .accordion-item {
	border: none;
	box-shadow: none;
	margin: 0;
}
[role="tablist"].qa-accordion26 .accordion-header {
	padding: 0;
	background: #f6f7f7;
}
[role="tablist"].qa-accordion26 .accordion-button {
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: bolder;
	color: #b6367f;
	background: transparent;
	padding: 15px 50px;
	text-transform: uppercase;
	transition: all 0.1s linear 0s;
}
[role="tablist"].qa-accordion26 .accordion-button i {
	font-size: 16px;
	position: absolute;
	top: 15px;
	left: 20px;
}
[role="tablist"].qa-accordion26 .accordion-button.collapsed {
	color: #808080;
	border-bottom: 1px solid #d3d3d3;
}
[role="tablist"].qa-accordion26 .accordion-button.collapsed:hover {
	color: #b6367f;
}
[role="tablist"].qa-accordion26 .accordion-button:after, [role="tablist"].qa-accordion26 .accordion-button.collapsed:after {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 20px;
	background: #fff;
	color: #b6367f;
	line-height: 45px;
	position: absolute;
	top: 0;
	right: 0;
}
[role="tablist"].qa-accordion26 .accordion-button.collapsed:after {
	content: "\f00d";
	color: #808080;
}
[role="tablist"].qa-accordion26 .accordion-body {
	font-size: 14px;
	color: #808080;
	border-top: 0 none;
}

.qa-accordion27 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion27 a:hover, .qa-accordion27 a:focus {
	outline: none;
	text-decoration: none;
}
[role="tablist"].qa-accordion27 .accordion-item {
	border-radius: 0;
	box-shadow: none;
	margin-top: 5px;
}
[role="tablist"].qa-accordion27 .accordion-header {
	padding: 0;
	border-radius: 0;
	background: #fff;
}
[role="tablist"].qa-accordion27 .accordion-button {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #5e579e;
	border: 1px solid #5e579e;
	text-transform: capitalize;
	padding: 16px 20px 16px 60px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s linear 0s;
}
[role="tablist"].qa-accordion27 .accordion-button.collapsed {
	color: #333;
	border: 1px solid #f2f2f2;
}
[role="tablist"].qa-accordion27 .accordion-button.collapsed:hover {
	color: #5e579e;
}
[role="tablist"].qa-accordion27 .accordion-button:before, [role="tablist"].qa-accordion27 .accordion-button.collapsed:before {
	content: "\f0a7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	color: #fff;
	padding: 20px;
	text-align: center;
	background: #5e579e;
	transition: all 0.3s ease-in-out 0s;
}
[role="tablist"].qa-accordion27 .accordion-button.collapsed:before {
	content: "\f0a4";
	color: #808080;
	background: #fff;
}
[role="tablist"].qa-accordion27 .accordion-body {
	font-size: 14px;
	color: #888;
	border-top: 0 none;
}
.qa-accordion28 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion28 a:hover, .qa-accordion28 a:focus {
	outline: none;
	text-decoration: none;
}
[role="tablist"].qa-accordion28 .accordion-item {
	border: 0px none;
	box-shadow: none;
	margin-top: 5px;
}
[role="tablist"].qa-accordion28 .accordion-header {
	padding: 0;
	background: #fff;
}
[role="tablist"].qa-accordion28 .accordion-button {
	display: block;
	position: relative;
	background: transparent;
	color: #de4d4e;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding: 15px 50px;
	border-bottom: 1px solid #de4d4e;
	border-radius: 0 15px 0 15px;
	transition: all 0.1s linear 0s;
}
[role="tablist"].qa-accordion28 .accordion-button.collapsed {
	color: #808080;
	border-bottom: 1px solid #d3d3d3;
	margin: 0;
}
[role="tablist"].qa-accordion28 .accordion-button i {
	color: #de4d4e;
	position: absolute;
	top: 14px;
	left: 25px;
}
[role="tablist"].qa-accordion28 .accordion-button:before, [role="tablist"].qa-accordion28 .accordion-button.collapsed:before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 36px;
	border: 7px solid transparent;
	border-top: 7px solid #de4d4e;
}
[role="tablist"].qa-accordion28 .accordion-button.collapsed:before {
	content: "";
	border: 0px none;
}
[role="tablist"].qa-accordion28 .accordion-button.collapsed:hover {
	color: #6a6060;
}
[role="tablist"].qa-accordion28 .accordion-button:after, [role="tablist"].qa-accordion28 .accordion-button.collapsed:after {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #de4d4e;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	top: 14px;
	right: 25px;
}
[role="tablist"].qa-accordion28 .accordion-button.collapsed:after {
	content: "\f107";
	color: #808080;
}
[role="tablist"].qa-accordion28 .accordion-body {
	border-top: 0 none;
	color: #808080;
}
.qa-accordion29 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion29 a:hover, .qa-accordion29 a:focus {
	outline: none;
	text-decoration: none;
}
[role="tablist"].qa-accordion29 .accordion-item {
	border-radius: 0;
	margin-bottom: 15px;
}
[role="tablist"].qa-accordion29 .accordion-header {
	padding: 0;
}
[role="tablist"].qa-accordion29 .panel-title {
	position: relative;
}
[role="tablist"].qa-accordion29 .panel-title:before {
	content: "";
	border-bottom: 25px solid rgba(0, 0, 0, 0);
	border-left: 15px solid #eee;
	border-top: 23px solid rgba(0, 0, 0, 0);
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 34px;
}
[role="tablist"].qa-accordion29 .accordion-button {
	color: #fff;
	background: #e63c22;
	display: block;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 13px 10px 13px 65px;
}
[role="tablist"].qa-accordion29 .accordion-button.collapsed {
	color: #5b5656;
	background: #fff;
	border: 1px solid red;
}
[role="tablist"].qa-accordion29 .accordion-button:before, [role="tablist"].qa-accordion29 .accordion-button.collapsed:before {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0px;
	padding: 13px 10px;
	color: #e63c22;
	background: #eee;
}
[role="tablist"].qa-accordion29 .accordion-button.collapsed:before {
	content: "\f067";
}
[role="tablist"].qa-accordion29 .accordion-body {
	color: #828282;
	font-size: 14px;
	line-height: 26px;
	border: 1px solid #e63c22;
}
.qa-accordion30 a {
	text-decoration: none;
	outline: none;
}
.qa-accordion30 a:hover, .qa-accordion30 a:focus {
	outline: none;
	text-decoration: none;
}
[role="tablist"].qa-accordion30 .accordion-item {
	margin-bottom: 12px;
}
[role="tablist"].qa-accordion30 .accordion-header {
	background: #fff;
	border-radius: 0;
	padding: 0;
}
[role="tablist"].qa-accordion30 .accordion-button {
	position: relative;
	color: #3498db;
	display: block;
	padding: 20px 20px 20px 70px;
	text-transform: uppercase;
	border: 5px solid #c0c0c0;
	font-weight: bold;
	line-height: 22px;
}
[role="tablist"].qa-accordion30 .accordion-button i {
	width: 60px;
	height: 60px;
	background: #fff;
	border: 5px solid #c0c0c0;
	font-size: 20px;
	position: absolute;
	top: -13px;
	left: -14px;
	line-height: 47px;
	text-align: center;
}
[role="tablist"].qa-accordion30 .accordion-button:hover, [role="tablist"].qa-accordion30 .accordion-button:hover i {
	border-color: #3498db;
}
[role="tablist"].qa-accordion30 .accordion-button.collapsed {
	color: #3e3e3e;
}
[role="tablist"].qa-accordion30 .accordion-body {
	border: 5px solid #c0c0c0;
	border-top: 0;
}



.btn-compo svg {
	position: absolute;
	right: 10px; /* Align SVG to the right */
	/* top: 50%; */
	/* transform: translateY(-50%);  */
  }

  .btn-compo {
	display: inline-block;
	/* padding: 10px 15px; */
	/* background-color: #007bff;
	color: white;
	border: none;
	border-radius: 4px; */
	cursor: pointer;
	position: relative;
  }

/* .accordion-section {
	border: 2px solid red;
	margin-top: 30px;
	padding: 10px 5px 5px 5px;
}

.qa-accord {
	position: absolute;
	padding: 2px;
	min-height: 30px;
	border: 1px solid red;
	right: 5px;
	top: 15px;
	width: auto;
	background-color: #fff;
} */



/* Tab */
.qa-tab1 a:hover, .qa-tab1 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab1 .tab {
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	margin: 0;
}
.qa-tab1 .tab .nav-tabs {
	margin: 0;
	border: none;
	position: relative;
}
.qa-tab1 .tab .nav-tabs .nav-link {
	color: #333;
	background-color: transparent;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-align: center;
	text-transform: capitalize;
	padding: 11px 18px;
	margin: 0 10px 0px 0;
	border-radius: 0;
	border: 1px solid #eee;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab1 .tab .nav-tabs .nav-link.active, .qa-tab1 .tab .nav-tabs .nav-link:hover, .qa-tab1 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background-color: transparent;
	border: 1px solid #eee;
}
.qa-tab1 .tab .nav-tabs .nav-link:before {
	content: '';
	background-color: #eee;
	height: 100%;
	width: 50%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.3s;
}
.qa-tab1 .tab .nav-tabs .nav-link.active:before, .qa-tab1 .tab .nav-tabs .nav-link:hover:before {
	background-color: #9c3140;
	width: 80%;
	left: 10%;
}
.qa-tab1 .tab-content {
	color: #333;
	background: linear-gradient(to right, transparent 50%, #eee 50%);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: 25px;
	padding: 20px 25px;
	border: 3px solid #9c3140;
}
@media only screen and (max-width: 479px) {
	.qa-tab1 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab1 .tab .nav-tabs .nav-link {
		margin-right: 0;
   }
}
.qa-tab2 a:hover, .qa-tab2 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab2 .tab {
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	margin: 0;
}
.qa-tab2 .tab .nav-tabs {
	margin: 0;
	border: none;
	position: relative;
}
.qa-tab2 .tab .nav-tabs .nav-link {
	color: #fff;
	background-color: #0ab6ad;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-align: center;
	text-transform: capitalize;
	padding: 18px 10px;
	margin: 0 9px 1px 0;
	border-radius: 0 10px 0 0;
	border: none;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab2 .tab .nav-tabs .nav-link.active, .qa-tab2 .tab .nav-tabs .nav-link:hover, .qa-tab2 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background-color: #0ab6ad;
	text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	border: none;
}
.qa-tab2 .tab .nav-tabs .nav-link:before {
	content: "";
	background: #242456;
	width: 100%;
	height: 90%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all 0.3s ease 0s;
}
.qa-tab2 .tab .nav-tabs .nav-link.active:before, .qa-tab2 .tab .nav-tabs .nav-link:hover:before {
	height: 0;
	opacity: 0;
}
.qa-tab2 .tab-content {
	color: #fff;
	background: #242456;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 25px;
	padding: 20px 25px;
	border-radius: 0 10px 0 0;
	border-bottom: 10px solid #0ab6ad;
}
@media only screen and (max-width: 479px) {
	.qa-tab2 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab2 .tab .nav-tabs .nav-link {
		margin: 0 0 10px;
   }
}
.qa-tab3 a:hover, .qa-tab3 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab3 .tab {
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	margin: 0;
}
.qa-tab3 .tab .nav-tabs {
	margin: 0;
	border: none;
	position: relative;
}
.qa-tab3 .tab .nav-tabs .nav-link {
	color: #fff;
	background-color: #222;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-align: center;
	text-transform: capitalize;
	padding: 11px 18px;
	margin: 0 0 1px 0;
	border-radius: 0;
	border: none;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab3 .tab .nav-tabs .nav-link.active, .qa-tab3 .tab .nav-tabs .nav-link:hover, .qa-tab3 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background-color: #222;
	border: none;
}
.qa-tab3 .tab .nav-tabs .nav-link:before, .qa-tab3 .tab .nav-tabs .nav-link:after {
	content: "";
	background: #fa8231;
	height: 100%;
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	transition: all 0.5s ease 0s;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.qa-tab3 .tab .nav-tabs .nav-link:after {
	background: #f7b731;
}
.qa-tab3 .tab .nav-tabs .nav-link.active:before, .qa-tab3 .tab .nav-tabs .nav-link:hover:before {
	opacity: 1;
	clip-path: polygon(0 0, 100% 0, 5% 10%, 0% 100%);
}
.qa-tab3 .tab .nav-tabs .nav-link.active:after, .qa-tab3 .tab .nav-tabs .nav-link:hover:after {
	opacity: 1;
	clip-path: polygon(95% 90%, 100% 0, 100% 100%, 0% 100%);
}
.qa-tab3 .tab-content {
	color: #444;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: 25px;
	padding: 20px 25px;
	border: 2px solid #222;
}
@media only screen and (max-width: 479px) {
	.qa-tab3 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
}
.qa-tab4 a:hover, .qa-tab4 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab4 .tab {
	font-family: 'Montserrat', sans-serif;
}
.qa-tab4 .tab .nav-tabs {
	padding: 0 5px;
	margin: 0;
	border: none;
}
.qa-tab4 .tab .nav-tabs .nav-link {
	color: #fff;
	background: #3c6382;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
	padding: 12px 15px 9px;
	margin: 0 12px 8px 0;
	border: 2px solid #3c6382;
	border-radius: 0;
	transition: all 0.3s ease 0s;
}
.qa-tab4 .tab .nav-tabs .nav-link.active, .qa-tab4 .tab .nav-tabs .nav-link:hover, .qa-tab4 .tab .nav-tabs .nav-link.active:hover {
	color: #3c6382;
	background: #fff;
	border: 2px solid #204560;
	border-radius: 20px 20px 20px 0;
	box-shadow: -5px 8px #3c6382;
}
.qa-tab4 .tab-content {
	color: #fff;
	background-color: #3c6382;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px 20px 10px;
	border-radius: 0 0 20px 20px;
}
@media only screen and (max-width: 479px) {
	.qa-tab4 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 5px;
   }
	.qa-tab4 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab4 .tab .nav-tabs .nav-link {
		margin: 0 0 10px;
   }
	.qa-tab4 .tab .nav-tabs .nav-link:hover, .qa-tab4 .tab .nav-tabs .nav-link.active, .qa-tab4 .tab .nav-tabs .nav-link.active:hover {
		box-shadow: 0 5px #3c6382;
		border-radius: 15px;
   }
}
.qa-tab5 a:hover, .qa-tab5 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab5 .tab {
	font-family: 'Montserrat', sans-serif;
}
.qa-tab5 .tab .nav-tabs {
	padding: 0 5px;
	margin: 0;
	border: none;
}
.qa-tab5 .tab .nav-tabs .nav-link {
	color: #777;
	background: #e9e9e9;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: capitalize;
	text-align: center;
	padding: 10px 15px;
	margin: 0 10px 0 0;
	border-radius: 0;
	border: none;
	position: relative;
	z-index: 1;
	transition: all 0.5s ease 0s;
}
.qa-tab5 .tab .nav-tabs .nav-link.active, .qa-tab5 .tab .nav-tabs .nav-link:hover, .qa-tab5 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background: transparent;
	border: none;
}
.qa-tab5 .tab .nav-tabs .nav-link:before, .qa-tab5 .tab .nav-tabs .nav-link:after {
	content: '';
	background-color: #fc5c7d;
	height: 100%;
	width: 100%;
	transform-origin: left center;
	transform: scaleX(0);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
}
.qa-tab5 .tab .nav-tabs .nav-link:after {
	background-color: #6a82fb;
	transform-origin: right center;
}
.qa-tab5 .tab .nav-tabs .nav-link:hover:before, .qa-tab5 .tab .nav-tabs .nav-link.active:before, .qa-tab5 .tab .nav-tabs .nav-link.active:hover:before, .qa-tab5 .tab .nav-tabs .nav-link:hover:after, .qa-tab5 .tab .nav-tabs .nav-link.active:after, .qa-tab5 .tab .nav-tabs .nav-link.active:hover:after {
	opacity: 0.7;
	transform: scaleX(1);
}
.qa-tab5 .tab-content {
	color: #555;
	background-color: #f5f5f5;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px 20px 10px;
}
@media only screen and (max-width: 479px) {
	.qa-tab5 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 5px;
   }
	.qa-tab5 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab5 .tab .nav-tabs .nav-link {
		margin: 0 0 10px;
   }
}
.qa-tab6 body {
	background-color: bisque;
}
.qa-tab6 a:hover, .qa-tab6 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab6 .demo {
	background-color: #e7e7e7;
}
.qa-tab6 .tab {
	background-color: #fff;
	font-family: 'Titillium Web', sans-serif;
	padding: 15px;
	border-radius: 10px 10px 0 0;
}
.qa-tab6 .tab .nav-tabs {
	padding: 0;
	margin: 0;
	border: none;
}
.qa-tab6 .tab .nav-tabs .nav-link {
	color: #bbb;
	background: transparent;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 7px 15px 6px;
	margin: 0 15px 15px 0;
	border: none;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	border-radius: 0;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.2s;
}
.qa-tab6 .tab .nav-tabs .nav-link.active, .qa-tab6 .tab .nav-tabs .nav-link:hover, .qa-tab6 .tab .nav-tabs .nav-link.active:hover {
	color: #eab543;
	background: transparent;
	border: none;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
}
.qa-tab6 .tab .nav-tabs .nav-link:before, .qa-tab6 .tab .nav-tabs .nav-link:after {
	content: '';
	background-color: #eab543;
	height: 2px;
	width: 0;
	position: absolute;
	left: 0;
	top: -2px;
	z-index: -1;
	transition: all 0.3s ease 0s;
}
.qa-tab6 .tab .nav-tabs .nav-link:after {
	top: auto;
	bottom: -2px;
}
.qa-tab6 .tab .nav-tabs .nav-link.active:before, .qa-tab6 .tab .nav-tabs .nav-link:hover:before, .qa-tab6 .tab .nav-tabs .nav-link.active:hover:before, .qa-tab6 .tab .nav-tabs .nav-link.active:after, .qa-tab6 .tab .nav-tabs .nav-link:hover:after, .qa-tab6 .tab .nav-tabs .nav-link.active:hover:after {
	width: 100%;
}
.qa-tab6 .tab-content {
	color: #999;
	font-size: 14px;
	font-weight: 600;
	background-color: #fff;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 10px 20px;
	border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 479px) {
	.qa-tab6 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 5px;
   }
	.qa-tab6 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab6 .tab .nav-tabs .nav-link {
		margin: 0 0 10px;
   }
}
.qa-tab7 a:hover, .qa-tab7 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab7 .tab {
	font-family: 'Titillium Web', sans-serif;
	padding: 0;
}
.qa-tab7 .tab .nav-tabs {
	padding: 0;
	margin: 0;
	border: none;
}
.qa-tab7 .tab .nav-tabs .nav-link {
	color: #fff;
	background: #444;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	text-transform: capitalize;
	padding: 10px 15px;
	margin: 0 0 1px 0;
	border: none;
	border-top: 10px solid #383838;
	border-radius: 10px 10px 0 0;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab7 .tab .nav-tabs .nav-link.active, .qa-tab7 .tab .nav-tabs .nav-link:hover, .qa-tab7 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background: #383838;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
	text-shadow: 0 0 10px #eb2f06;
	border: none;
	border-top: 10px solid #eb2f06;
}
.qa-tab7 .tab-content {
	color: #fff;
	margin-top: -1px;
	background: #444;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 15px 20px;
	border-bottom: 20px solid #eb2f06;
	border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 479px) {
	.qa-tab7 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 5px;
   }
	.qa-tab7 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab7 .tab .nav-tabs .nav-link {
		margin: 0 0 5px;
		border-radius: 0;
   }
}
.qa-tab8 a:hover, .qa-tab8 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab8 .demo {
	background-color: #f5f5f5;
}
.qa-tab8 .tab {
	font-family: 'Titillium Web', sans-serif;
	padding: 0;
}
.qa-tab8 .tab .nav-tabs {
	padding: 0;
	margin: 0;
	border: none;
}
.qa-tab8 .tab .nav-tabs .nav-link {
	color: #fff;
	background: #153811;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 0 10px 10px 0;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab8 .tab .nav-tabs .nav-link.active, .qa-tab8 .tab .nav-tabs .nav-link:hover, .qa-tab8 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background: #16720a;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	border: none;
	box-shadow: none;
}
.qa-tab8 .tab .nav-tabs .nav-link:before {
	content: "";
	background: #153811;
	height: 100%;
	width: 100%;
	opacity: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
	transition: all 0.3s ease 0s;
}
.qa-tab8 .tab .nav-tabs .nav-link.active:before, .qa-tab8 .tab .nav-tabs .nav-link:hover:before {
	opacity: 1;
	transform: perspective(250px) rotateY(-45deg) scaleX(0.6);
	transform-origin: left center;
}
.qa-tab8 .tab-content {
	color: #fff;
	background: #153811;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 15px 20px;
}
@media only screen and (max-width: 479px) {
	.qa-tab8 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 5px;
   }
	.qa-tab8 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab8 .tab .nav-tabs .nav-link {
		margin: 0 0 15px;
   }
	.qa-tab8 .tab .nav-tabs .nav-link.active:before, .qa-tab8 .tab .nav-tabs .nav-link:hover:before {
		opacity: 1;
		transform: perspective(750px) rotateY(-45deg) scaleX(0.6);
		transform-origin: left center;
   }
}
.qa-tab9 a:hover, .qa-tab9 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab9 .tab {
	font-family: 'Titillium Web', sans-serif;
	padding: 0;
}
.qa-tab9 .tab .nav-tabs {
	padding: 0;
	margin: 0;
	border: none;
	border-bottom: 3px solid #4ba6ed;
}
.qa-tab9 .tab .nav-tabs .nav-link {
	color: #222;
	background: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	text-transform: capitalize;
	padding: 7px 20px 6px;
	margin: 0 2px 1px 0;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab9 .tab .nav-tabs .nav-link.active, .qa-tab9 .tab .nav-tabs .nav-link:hover, .qa-tab9 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background: transparent;
	border: none;
	box-shadow: none;
}
.qa-tab9 .tab .nav-tabs .nav-link:before {
	content: "";
	background: #4ba6ed;
	height: 100%;
	width: 100%;
	opacity: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	transition: all 0.3s ease 0s;
}
.qa-tab9 .tab .nav-tabs .nav-link.active:before, .qa-tab9 .tab .nav-tabs .nav-link:hover:before {
	opacity: 1;
	clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
}
.qa-tab9 .tab .tab-content {
	color: #222;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 10px;
}
@media only screen and (max-width: 479px) {
	.qa-tab9 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 10px;
		border-bottom: none;
		border-left: 3px solid #4ba6ed;
   }
	.qa-tab9 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab9 .tab .nav-tabs .nav-link {
		margin: 0 0 5px;
   }
}
.qa-tab10 a:hover, .qa-tab10 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab10 .tab {
	font-family: 'Titillium Web', sans-serif;
	padding: 0;
}
.qa-tab10 .tab .nav-tabs {
	padding: 0 10px;
	margin: 0;
	border: none;
}
.qa-tab10 .tab .nav-tabs .nav-link {
	color: #222;
	background: #e7e7e7;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	text-transform: capitalize;
	padding: 7px 20px 6px;
	margin: 0 5px 3px 0;
	border: none;
	border-radius: 50px 100px/100px 50px;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.15s;
}
.qa-tab10 .tab .nav-tabs .nav-link.active, .qa-tab10 .tab .nav-tabs .nav-link:hover, .qa-tab10 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background: #ac40ab;
	border: none;
}
.qa-tab10 .tab .nav-tabs .nav-link:before {
	content: "";
	background: #ac40ab;
	height: 13px;
	width: 13px;
	border-radius: 50%;
	border: 2px solid #fff;
	transform: scale(0);
	position: absolute;
	bottom: -4px;
	right: 0;
	z-index: -1;
	transition: all 0.3s ease 0s;
}
.qa-tab10 .tab .nav-tabs .nav-link.active:before, .qa-tab10 .tab .nav-tabs .nav-link:hover:before {
	transform: scale(1);
}
.qa-tab10 .tab-content {
	color: #222;
	background: #e7e7e7;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px;
	border-right: 5px solid #ac40ab;
	border-bottom: 5px solid #ac40ab;
	border-radius: 20px 70px/70px 20px;
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab10 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 10px;
   }
	.qa-tab10 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab10 .tab .nav-tabs .nav-link {
		margin: 0 0 5px;
   }
}


.qa-tab11 a:hover, .qa-tab11 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab11 .tab {
	font-family: 'Titillium Web', sans-serif;
	padding: 0;
}
.qa-tab11 .tab .nav-tabs {
	padding: 0;
	margin: 0;
	border: none;
}
.qa-tab11 .tab .nav-tabs .nav-link {
	color: #fff;
	background: #f2f2f2;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	text-transform: capitalize;
	padding: 7px 20px 6px;
	margin: 0 5px 1px 0;
	border: none;
	border-bottom: 3px solid #13637e;
	border-radius: 0;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.1s;
}
.qa-tab11 .tab .nav-tabs .nav-link.active, .qa-tab11 .tab .nav-tabs .nav-link:hover, .qa-tab11 .tab .nav-tabs .nav-link.active:hover {
	color: #13637e;
	background: #f2f2f2;
	border: none;
	border-bottom: 3px solid #13637e;
}
.qa-tab11 .tab .nav-tabs .nav-link:before {
	content: "";
	background: #13637e;
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: clip-path 0.3s ease 0s, height 0.3s ease 0.2s;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.qa-tab11 .tab .nav-tabs .nav-link.active:before, .qa-tab11 .tab .nav-tabs .nav-link:hover:before {
	height: 0;
	clip-path: polygon(0 0, 0% 0, 100% 100%, 0% 100%);
}
.qa-tab11 .tab-content {
	color: #555;
	background: #f2f2f2;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px;
	outline: 10px solid rgba(19, 99, 126, 0.2);
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab11 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 15px;
   }
	.qa-tab11 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab11 .tab .nav-tabs .nav-link {
		margin: 0 0 5px;
   }
}
.qa-tab12 a:hover, .qa-tab12 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab12 .tab {
	font-family: 'Raleway', sans-serif;
	padding: 0;
}
.qa-tab12 .tab .nav-tabs {
	padding: 0 10px;
	margin: 0;
	border: none;
}
.qa-tab12 .tab .nav-tabs .nav-link {
	color: #333;
	background: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-transform: capitalize;
	padding: 10px 20px;
	margin: 0 10px 5px 0;
	border: none;
	border-radius: 10px;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.15s;
}
.qa-tab12 .tab .nav-tabs .nav-link.active, .qa-tab12 .tab .nav-tabs .nav-link:hover, .qa-tab12 .tab .nav-tabs .nav-link.active:hover {
	color: #aa551d;
	background: #fff;
	border: none;
	box-shadow: 0 -2px 0 2px #aa551d;
}
.qa-tab12 .tab .nav-tabs .nav-link:before {
	content: "";
	background: #aa551d;
	height: 10px;
	width: 70%;
	border-radius: 15px;
	opacity: 0;
	transform: translateX(-50%);
	position: absolute;
	bottom: 15px;
	left: 50%;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
}
.qa-tab12 .tab .nav-tabs .nav-link.active:before, .qa-tab12 .tab .nav-tabs .nav-link:hover:before {
	width: 50%;
	opacity: 1;
	bottom: -7px;
}
.qa-tab12 .tab-content {
	color: #555;
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px;
	border-radius: 15px;
	box-shadow: 0 5px 0 5px #aa551d;
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab12 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 15px;
   }
	.qa-tab12 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab12 .tab .nav-tabs .nav-link {
		margin: 0 0 15px;
		border-radius: 10px;
   }
}
.qa-tab13 a:hover, .qa-tab13 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab13 .tab {
	font-family: 'Raleway', sans-serif;
	padding: 0;
}
.qa-tab13 .tab .nav-tabs {
	padding: 0 10px;
	margin: 0;
	border: none;
}
.qa-tab13 .tab .nav-tabs .nav-link {
	color: #fff;
	background: linear-gradient(#ff416c, #ff4b2b);
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-transform: capitalize;
	padding: 8px 20px 10px;
	margin: 0 10px 16px 0;
	border: none;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.15s;
}
.qa-tab13 .tab .nav-tabs .nav-link.active, .qa-tab13 .tab .nav-tabs .nav-link:hover, .qa-tab13 .tab .nav-tabs .nav-link.active:hover {
	color: #ff416c;
	background: linear-gradient(#ff416c, #ff4b2b);
	border: none;
	box-shadow: 0 -3px 7px rgba(0, 0, 0, 0.15);
}
.qa-tab13 .tab .nav-tabs .nav-link:before {
	content: "";
	background: #fff;
	height: 100%;
	width: 100%;
	border-radius: 8px 8px 0 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
}
.qa-tab13 .tab .nav-tabs .nav-link.active:before, .qa-tab13 .tab .nav-tabs .nav-link:hover:before {
	top: 0;
}
.qa-tab13 .tab-content {
	color: #fff;
	background: linear-gradient(#ff416c, #ff4b2b);
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 0 15px #fff, 0 0 30px rgba(0, 0, 0, 0.9);
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab13 .tab .nav-tabs {
		padding: 0;
		margin: 0 0 15px;
   }
	.qa-tab13 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab13 .tab .nav-tabs .nav-link {
		margin: 0 0 15px;
		border-radius: 10px;
   }
}
.qa-tab14 a:hover, .qa-tab14 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab14 .tab {
	font-family: 'Source Sans Pro', sans-serif;
	padding: 0;
}
.qa-tab14 .tab .nav-tabs {
	margin: 0;
	border: none;
}
.qa-tab14 .tab .nav-tabs .nav-link {
	color: #fff;
	background: #332c32;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 8px 25px 10px;
	margin: 0 5px 5px 0;
	border: none;
	border-radius: 0 0 20px 0;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.15s;
}
.qa-tab14 .tab .nav-tabs .nav-link.active, .qa-tab14 .tab .nav-tabs .nav-link:hover, .qa-tab14 .tab .nav-tabs .nav-link.active:hover {
	color: #3af8ff;
	background: #332c32;
	border: none;
}
.qa-tab14 .tab .nav-tabs .nav-link:before {
	content: "";
	background: #3af8ff;
	height: 100%;
	width: 100%;
	transform: scaleX(0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
}
.qa-tab14 .tab .nav-tabs .nav-link.active:before, .qa-tab14 .tab .nav-tabs .nav-link:hover:before {
	opacity: 0;
	transform: scaleX(1);
}
.qa-tab14 .tab-content {
	color: #fff;
	background: #332c32;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px;
	border-radius: 0 0 30px 0;
	border: 10px solid #332c32;
	box-shadow: -5px -5px #3af8ff inset;
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab14 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab14 .tab .nav-tabs .nav-link {
		margin: 0 0 15px;
   }
}
.qa-tab15 a:hover, .qa-tab15 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab15 .tab {
	font-family: 'Barlow', sans-serif;
}
.qa-tab15 .tab .nav-tabs {
	border: none;
}
.qa-tab15 .tab .nav-tabs .nav-link {
	color: #666;
	background: #fff;
	font-size: 19px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 8px 25px 10px;
	margin: 0 10px 0 0;
	border: none;
	border-top: 3px solid #0670bc;
	border-radius: 0;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab15 .tab .nav-tabs .nav-link.active, .qa-tab15 .tab .nav-tabs .nav-link:hover, .qa-tab15 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background: transparent;
	border: none;
	border-top: 3px solid #0670bc;
}
.qa-tab15 .tab .nav-tabs .nav-link:before, .qa-tab15 .tab .nav-tabs .nav-link:after {
	content: "";
	background-color: #0670bc;
	width: 50%;
	height: 100%;
	opacity: 0;
	transform: perspective(300px) rotateX(-100deg);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.4s ease 0s;
}
.qa-tab15 .tab .nav-tabs .nav-link:after {
	transform: perspective(300px) rotateX(100deg);
	left: auto;
	right: 0;
	transition: all 0.4s ease 0.1s;
}
.qa-tab15 .tab .nav-tabs .nav-link.active:before, .qa-tab15 .tab .nav-tabs .nav-link:hover:before, .qa-tab15 .tab .nav-tabs .nav-link.active:after, .qa-tab15 .tab .nav-tabs .nav-link:hover:after {
	opacity: 1;
	transform: perspective(300px) rotateX(0);
}
.qa-tab15 .tab-content {
	color: #555;
	background: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px;
	border-bottom: 4px solid #0670bc;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab15 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab15 .tab .nav-tabs .nav-link {
		margin: 0 0 10px;
   }
}
.qa-tab16 a:hover, .qa-tab16 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab16 .tab {
	font-family: 'Barlow', sans-serif;
}
.qa-tab16 .tab .nav-tabs {
	border: none;
}
.qa-tab16 .tab .nav-tabs .nav-link {
	color: #555;
	background: #fff;
	font-size: 19px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 12px 20px 14px;
	margin: 0;
	border: none;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.3s;
}
.qa-tab16 .tab .nav-tabs .nav-link.active, .qa-tab16 .tab .nav-tabs .nav-link:hover, .qa-tab16 .tab .nav-tabs .nav-link.active:hover {
	color: #1d627c;
	background: #fff;
	border: none;
}
.qa-tab16 .tab .nav-tabs .nav-link:before, .qa-tab16 .tab .nav-tabs .nav-link:after {
	content: "";
	background-color: rgba(29, 98, 124, 0.09);
	width: 100%;
	height: 80%;
	position: absolute;
	top: -80%;
	left: 0;
	z-index: -1;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	transition: all 0.3s ease 0s;
}
.qa-tab16 .tab .nav-tabs .nav-link:after {
	background-color: #1d627c;
	top: auto;
	bottom: -4px;
	height: 4px;
	clip-path: none;
}
.qa-tab16 .tab .nav-tabs .nav-link.active:before, .qa-tab16 .tab .nav-tabs .nav-link:hover:before {
	top: 0;
}
.qa-tab16 .tab .nav-tabs .nav-link.active:after, .qa-tab16 .tab .nav-tabs .nav-link:hover:after {
	bottom: 0;
}
.qa-tab16 .tab-content {
	color: #555;
	background: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px;
	border-bottom: 4px solid #1d627c;
	box-shadow: 5px 5px 10px #cdcdcc;
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab16 .tab .nav-tabs {
		margin: 0 0 10px;
   }
	.qa-tab16 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
}
.qa-tab17 a:hover, .qa-tab17 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab17 .tab {
	font-family: 'Barlow', sans-serif;
}
.qa-tab17 .tab .nav-tabs {
	background: linear-gradient(#e9e9e9, #fff);
	padding: 10px;
	margin: 0 0 10px;
	border: none;
	border-radius: 20px 20px 0 0;
}
.qa-tab17 .tab .nav-tabs .nav-link {
	color: #555;
	background: #fff;
	font-size: 19px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 6px 20px 8px;
	margin: 0 5px 0 0;
	border: none;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.3s;
}
.qa-tab17 .tab .nav-tabs .nav-link.active, .qa-tab17 .tab .nav-tabs .nav-link:hover, .qa-tab17 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background: #fff;
	border: none;
}
.qa-tab17 .tab .nav-tabs .nav-link:before {
	content: "";
	background-color: #ea237e;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	opacity: 0;
	transform: perspective(350px) rotateY(-70deg) scale(0.5);
	position: absolute;
	top: 0;
	left: 50px;
	z-index: -1;
	transition: left 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0.2s;
}
.qa-tab17 .tab .nav-tabs .nav-link.active:before, .qa-tab17 .tab .nav-tabs .nav-link:hover:before {
	opacity: 1;
	transform: perspective(350px) rotateY(0) scale(1);
	left: 0;
}
.qa-tab17 .tab-content {
	color: #555;
	background: linear-gradient(#fff, #e9e9e9);
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px;
	border-radius: 0 0 20px 20px;
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab17 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin: 0 0 10px;
   }
	.qa-tab17 .tab .nav-tabs .nav-link:last-child {
		margin-bottom: 0;
   }
	.qa-tab17 .tab .nav-tabs .nav-link {
		margin: 0;
   }
}
.qa-tab18 a:hover, .qa-tab18 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab18 .tab {
	font-family: 'Nunito', sans-serif;
}
.qa-tab18 .tab .nav-tabs {
	background-color: #fff;
	padding: 0 0 1px;
	margin: 0 0 10px;
	border: none;
	border-radius: 30px;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.15);
}
.qa-tab18 .tab .nav-tabs .nav-link {
	color: #555;
	background: #fff;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 8px 20px 6px;
	margin: 0 5px 0 0;
	border: none;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.3s;
}
.qa-tab18 .tab .nav-tabs .nav-link.active, .qa-tab18 .tab .nav-tabs .nav-link:hover, .qa-tab18 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background: #fff;
	border: none;
}
.qa-tab18 .tab .nav-tabs .nav-link:before, .qa-tab18 .tab .nav-tabs .nav-link:after {
	content: "";
	background-color: #1890e0;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	opacity: 0.5;
	transform: scaleX(0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.4s ease 0s;
}
.qa-tab18 .tab .nav-tabs .nav-link:after {
	background-color: #7a10eb;
	transform: scaleX(0);
	transition: all 0.4s ease 0.2s;
}
.qa-tab18 .tab .nav-tabs .nav-link.active:before, .qa-tab18 .tab .nav-tabs .nav-link:hover:before {
	opacity: 0;
	transform: scaleX(1);
}
.qa-tab18 .tab .nav-tabs .nav-link.active:after, .qa-tab18 .tab .nav-tabs .nav-link:hover:after {
	opacity: 1;
	transform: scaleX(1);
	background: linear-gradient(to right, #1890e0, #7a10eb);
}
.qa-tab18 .tab-content {
	color: #999;
	background-color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 20px;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.15);
	border-radius: 20px;
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab18 .tab .nav-tabs {
		padding: 0;
		border-radius: 20px;
   }
	.qa-tab18 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin: 0 0 5px;
   }
	.qa-tab18 .tab .nav-tabs .nav-link:last-child {
		margin-bottom: 0;
   }
	.qa-tab18 .tab .nav-tabs .nav-link {
		margin: 0;
   }
}
.qa-tab19 a:hover, .qa-tab19 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab19 .tab {
	font-family: 'Nunito', sans-serif;
}
.qa-tab19 .tab .nav-tabs {
	border: none;
}
.qa-tab19 .tab .nav-tabs .nav-link {
	color: #08ad9c;
	background-color: #fff;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 20px 8px;
	margin: 0 5px 10px 0;
	border: 5px solid #fff;
	border-radius: 0;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.15) inset;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab19 .tab .nav-tabs .nav-link.active, .qa-tab19 .tab .nav-tabs .nav-link:hover, .qa-tab19 .tab .nav-tabs .nav-link.active:hover {
	color: #fff;
	background-color: #fff;
	border: 5px solid #fff;
}
.qa-tab19 .tab .nav-tabs .nav-link:before {
	content: "";
	background-color: #08ad9c;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: rotate(20deg);
	position: absolute;
	top: 150%;
	left: 0;
	z-index: -1;
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0.13s, top 0.5s ease 0s;
}
.qa-tab19 .tab .nav-tabs .nav-link.active:before, .qa-tab19 .tab .nav-tabs .nav-link:hover:before {
	opacity: 1;
	transform: rotate(0);
	top: 0;
}
.qa-tab19 .tab-content {
	color: #fff;
	background-color: #08ad9c;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 20px;
	border: 10px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), 0 0 10px rgba(0, 0, 0, 0.15) inset;
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab19 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin: 0 0 5px;
   }
}
.qa-tab20 a:hover, .qa-tab20 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab20 .tab {
	font-family: 'Baloo Tamma 2', cursive;
}
.qa-tab20 .tab .nav-tabs {
	background-color: transparent;
	border: none;
}
.qa-tab20 .tab .nav-tabs .nav-link {
	color: #222;
	background: transparent;
	font-size: 19px;
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	padding: 13px 15px 7px;
	margin: 0 0 1px 0;
	border: none;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab20 .tab .nav-tabs .nav-link:last-child {
	margin-right: 0;
}
.qa-tab20 .tab .nav-tabs .nav-link:hover, .qa-tab20 .tab .nav-tabs .nav-link.active {
	color: #222;
	background: transparent;
	border: none;
}
.qa-tab20 .tab .nav-tabs .nav-link.active {
	color: #fff;
}
.qa-tab20 .tab .nav-tabs .nav-link:before {
	content: "";
	background: #444;
	height: 100%;
	width: 100%;
	transform: perspective(400px) rotateX(75deg);
	transform-origin: bottom center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.5s ease 0s;
}
.qa-tab20 .tab .nav-tabs .nav-link.active:before, .qa-tab20 .tab .nav-tabs .nav-link:hover:before {
	background: linear-gradient(#f857a6, #ff5858);
	border-radius: 20px 20px 0 0;
	transform: perspective(500px) rotateX(0);
}
.qa-tab20 .tab-content {
	color: #fff;
	background: #333;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 23px;
	padding: 20px;
	border-radius: 0 0 20px 20px;
	box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.5);
}
.qa-tab20 .tab .tab-content h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 7px 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab20 .tab .nav-tabs {
		background-color: #333;
		border-radius: 21px 21px 0 0;
   }
	.qa-tab20 .tab .nav-tabs .nav-link {
		width: 100%;
   }
	.qa-tab20 .tab .nav-tabs .nav-link {
		color: #fff;
   }
	.qa-tab20 .tab-content h3 {
		font-size: 18px;
   }
}

.qa-tab21 body {
	background-color: floralwhite;
}
.qa-tab21 a:hover, .qa-tab21 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab21 .tab {
	font-family: 'Nunito', sans-serif;
}
.qa-tab21 .tab .nav-tabs {
	background-color: transparent;
	border: none;
}
.qa-tab21 .tab .nav-tabs .nav-link {
	color: #222;
	background: transparent;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 15px 10px;
	margin: 0;
	border: none;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab21 .tab .nav-tabs .nav-link:last-child {
	margin-right: 0;
}
.qa-tab21 .tab .nav-tabs .nav-link:hover, .qa-tab21 .tab .nav-tabs .nav-link.active {
	color: #222;
	background: #fff;
	border: none;
}
.qa-tab21 .tab .nav-tabs .nav-link.active {
	color: #6cbf1c;
}
.qa-tab21 .tab .nav-tabs .nav-link:before, .qa-tab21 .tab .nav-tabs .nav-link:after {
	content: "";
	background-color: #d1d1d1;
	height: 7px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.5s ease 0s;
}
.qa-tab21 .tab .nav-tabs .nav-link:after {
	background-color: #6cbf1c;
	height: 100%;
	opacity: 0;
}
.qa-tab21 .tab .nav-tabs .nav-link.active:before, .qa-tab21 .tab .nav-tabs .nav-link:hover:before {
	height: 100%;
	opacity: 0;
}
.qa-tab21 .tab .nav-tabs .nav-link.active:after, .qa-tab21 .tab .nav-tabs .nav-link:hover:after {
	height: 7px;
	opacity: 1;
}
.qa-tab21 .tab-content {
	color: #555;
	background: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 23px;
	padding: 20px;
}
.qa-tab21 .tab-content h3 {
	color: #222;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 7px 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab21 .tab .nav-tabs .nav-link {
		width: 100%;
   }
	.qa-tab21 .tab .nav-tabs .nav-link {
		margin: 0 0 10px;
   }
	.qa-tab21 .tab-content h3 {
		font-size: 18px;
   }
}
.qa-tab22 a:hover, .qa-tab22 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab22 .tab {
	font-family: 'Sora', sans-serif;
}
.qa-tab22 .tab .nav-tabs {
	background-color: transparent;
	border: none;
}
.qa-tab22 .tab .nav-tabs .nav-link {
	color: #333;
	background: #f5f5f5;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	padding: 11px 15px 10px;
	margin: 0 10px 1px 0;
	border: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab22 .tab .nav-tabs .nav-link:last-child {
	margin-right: 0;
}
.qa-tab22 .tab .nav-tabs .nav-link:hover, .qa-tab22 .tab .nav-tabs .nav-link.active {
	color: #fff;
	background: #f5f5f5;
	border: none;
}
.qa-tab22 .tab .nav-tabs .nav-link:before {
	content: '';
	background: #6f2aab;
	height: 100%;
	width: 100%;
	opacity: 0;
	transform: scale(0.5);
	position: absolute;
	left: 50%;
	top: 0;
	z-index: -1;
	transition: opacity 0.4s ease 0s, left 0.3s ease 0s, transform 0.4s ease 0.2s;
}
.qa-tab22 .tab .nav-tabs .nav-link.active:before, .qa-tab22 .tab .nav-tabs .nav-link:hover:before {
	opacity: 1;
	transform: scale(1);
	left: 0;
}
.qa-tab22 .tab-content {
	color: #333;
	background: linear-gradient(to right bottom, #f5f5f5 50%, transparent 50%);
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 20px;
	border-top: 4px solid #6f2aab;
	border-left: 4px solid #6f2aab;
	position: relative;
}
.qa-tab22 .tab-content h3 {
	color: #6f2aab;
	font-size: 22px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 7px 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab22 .tab .nav-tabs .nav-link {
		width: 100%;
   }
	.qa-tab22 .tab .nav-tabs .nav-link {
		margin: 0 0 10px;
   }
	.qa-tab22 .tab-content h3 {
		font-size: 18px;
   }
}
.qa-tab23 a:hover, .qa-tab23 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab23 .tab {
	font-family: 'Poppins', sans-serif;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.qa-tab23 .tab .nav-tabs {
	background-color: #333;
	padding: 10px;
	border: none;
	border-radius: 10px 10px 0 0;
}
.qa-tab23 .tab .nav-tabs .nav-link {
	color: #333;
	background: #fff;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	padding: 11px 15px 10px;
	margin: 0 10px 0 0;
	border: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
	clip-path: polygon(0 5%, 15% 15%, 5% 0, 95% 0, 85% 15%, 100% 5%, 100% 95%, 85% 85%, 95% 100%, 5% 100%, 15% 85%, 0 95%);
}
.qa-tab23 .tab .nav-tabs .nav-link:last-child {
	margin-right: 0;
}
.qa-tab23 .tab .nav-tabs .nav-link:hover, .qa-tab23 .tab .nav-tabs .nav-link.active {
	color: #fff;
	background: #fff;
	border: none;
}
.qa-tab23 .tab .nav-tabs .nav-link:before {
	content: '';
	background: #fc427b;
	height: 100%;
	width: 100%;
	opacity: 0;
	filter: blur(10px);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.3s ease;
}
.qa-tab23 .tab .nav-tabs .nav-link.active:before, .qa-tab23 .tab .nav-tabs .nav-link:hover:before {
	border-radius: 10px;
	opacity: 1;
	filter: blur(0);
	transform: scale(0.9, 0.8);
}
.qa-tab23 .tab-content {
	color: #333;
	background: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 25px 20px;
	box-shadow: -5px 5px 30px rgba(0, 0, 0, 0.1) inset;
	position: relative;
}
.qa-tab23 .tab-content h3 {
	color: #fc427b;
	background-color: #e7e7e7;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px 10px;
	margin: 0 0 7px 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab23 .tab .nav-tabs .nav-link {
		width: 100%;
   }
	.qa-tab23 .tab .nav-tabs .nav-link {
		margin: 0 0 10px;
   }
	.qa-tab23 .tab .nav-tabs .nav-link:last-child {
		margin-bottom: 0;
   }
	.qa-tab23 .tab-content h3 {
		font-size: 18px;
   }
}
.qa-tab24 a:hover, .qa-tab24 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab24 .tab .nav-tabs {
	font-family: 'Lato', sans-serif;
	margin: 0 0 10px 0;
	border: none;
}
.qa-tab24 .tab .nav-tabs .nav-link {
	color: #444;
	background: linear-gradient(to top right, #f9f9f9 49%, #f1f1f1 50%);
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 10px 20px;
	margin-right: 10px;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;
}
.qa-tab24 .tab .nav-tabs .nav-link:last-child {
	margin-right: 0;
}
.qa-tab24 .tab .nav-tabs .nav-link:hover, .qa-tab24 .tab .nav-tabs .nav-link.active {
	color: #fff;
	border-color: transparent;
	border: none;
}
.qa-tab24 .tab .nav-tabs .nav-link:before {
	content: "";
	background: linear-gradient(to right, #2f80ed, #56ccf2);
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: 0 50% 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.5s ease-out 0s;
}
.qa-tab24 .tab .nav-tabs .nav-link.active:before, .qa-tab24 .tab .nav-tabs .nav-link:hover:before {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.qa-tab24 .tab-content {
	color: #444;
	background: linear-gradient(to top right, #f9f9f9 49%, #f1f1f1 50%);
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 25px 20px;
	box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);
	position: relative;
}
.qa-tab24 .tab-content h3 {
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0;
}
@media only screen and (max-width: 767px) {
	.qa-tab24 .tab .nav-tabs .nav-link {
		padding: 10px 20px;
   }
}
@media only screen and (max-width: 479px) {
	.qa-tab24 .tab .nav-tabs .nav-link {
		text-align: center;
		width: 100%;
		margin-bottom: 15px;
   }
}
.qa-tab25 a:hover, .qa-tab25 a:focus {
	text-decoration: none;
	outline: none;
}
.qa-tab25 .tab .nav-tabs {
	border: none;
	border-bottom: 2px solid #079fc9;
	margin: 0;
}
.qa-tab25 .tab .nav-tabs .nav-link {
	padding: 10px 20px;
	margin: 0 10px -1px 0;
	font-size: 17px;
	font-weight: 600;
	color: #293241;
	text-transform: uppercase;
	border: 2px solid #e6e5e1;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;
}
.qa-tab25 .tab .nav-tabs .nav-link:hover, .qa-tab25 .tab .nav-tabs .nav-link.active {
	background: #fff;
	color: #079fc9;
	border: 2px solid #079fc9;
	border-bottom: none;
	border-bottom-color: transparent;
}
.qa-tab25 .tab .nav-tabs .nav-link:before {
	content: "";
	display: block;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
}
.qa-tab25 .tab .nav-tabs .nav-link.active:before, .qa-tab25 .tab .nav-tabs .nav-link:hover:before {
	transform: scaleX(1);
}
.qa-tab25 .tab .tab-content {
	padding: 10px;
	font-size: 17px;
	color: #6f6f6f;
	line-height: 30px;
	letter-spacing: 1px;
	position: relative;
}
@media only screen and (max-width: 479px) {
	.qa-tab25 .tab .nav-tabs {
		border: none;
   }
	.qa-tab25 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
   }
	.qa-tab25 .tab .nav-tabs .nav-link {
		margin: 0;
		border-bottom: 2px solid transparent;
   }
	.qa-tab25 .tab .nav-tabs .nav-link:before {
		content: "";
		width: 100%;
		height: 2px;
		background: #079fc9;
		position: absolute;
		bottom: -2px;
		left: 0;
   }
}
.qa-tab26 a:hover, .qa-tab26 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab26 .tab .nav-tabs {
	border: none;
	margin-bottom: 30px;
}
.qa-tab26 .tab .nav-tabs .nav-link {
	padding: 12px 20px;
	margin-right: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #4f000b;
	text-transform: uppercase;
	border-radius: 0;
	z-index: 1;
	position: relative;
}
.qa-tab26 .tab .nav-tabs .nav-link:hover {
	color: #fff;
}
.qa-tab26 .tab .nav-tabs .nav-link.active {
	border: none;
	color: #fff;
}
.qa-tab26 .tab .nav-tabs .nav-link:before {
	content: "";
	width: 100%;
	height: 100%;
	border: 3px solid #4f000b;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transform: scale(1);
	transition: all 0.5s ease 0s;
}
.qa-tab26 .tab .nav-tabs .nav-link:hover:before, .qa-tab26 .tab .nav-tabs .nav-link.active:before {
	opacity: 0;
	transform: scale(0.5);
}
.qa-tab26 .tab .nav-tabs .nav-link:after {
	content: "";
	width: 100%;
	height: 100%;
	background: #4f000b;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
	transform: scale(1.2);
	transition: all 0.5s ease 0s;
}
.qa-tab26 .tab .nav-tabs .nav-link:hover:after, .qa-tab26 .tab .nav-tabs .nav-link.active:after {
	opacity: 1;
	transform: scale(1);
}
.qa-tab26 .tab-content {
	padding: 20px 35px;
	margin: 0;
	background: #da7635;
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 25px;
	z-index: 1;
	position: relative;
}
.qa-tab26 .tab-content:before, .qa-tab26 .tab-content:after {
	content: "";
	display: block;
	width: 100%;
	height: 21px;
	background: linear-gradient(-45deg, transparent 75%, #da7635 75%) 0 50%, linear-gradient(45deg, transparent 75%, #da7635 75%) 0 50%;
	background-repeat: repeat-x;
	background-size: 16px;
	position: absolute;
	bottom: -21px;
	left: 0;
}
.qa-tab26 .tab-content:after {
	bottom: auto;
	top: -21px;
	transform: rotate(-180deg);
}
.qa-tab26 .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab26 .tab .nav-tabs {
		overflow: hidden;
   }
	.qa-tab26 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
   }
	.qa-tab26 .tab .nav-tabs .nav-link {
		margin-right: 0;
   }
}
.qa-tab27 a:hover, .qa-tab27 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab27 .tab .nav-tabs {
	border: none;
	margin-bottom: 10px;
}
.qa-tab27 .tab .nav-tabs .nav-link {
	padding: 10px 20px;
	margin-right: 15px;
	background: #f8333c;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	border: none;
	border-top: 3px solid #f8333c;
	border-bottom: 3px solid #f8333c;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease 0s;
}
.qa-tab27 .tab .nav-tabs .nav-link.active, .qa-tab27 .tab .nav-tabs .nav-link:hover {
	border: none;
	border-top: 3px solid #f8333c;
	border-bottom: 3px solid #f8333c;
	background: #fff;
	color: #f8333c;
}
.qa-tab27 .tab .nav-tabs .nav-link:before {
	content: "";
	border-top: 15px solid #f8333c;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	position: absolute;
	top: 0;
	left: -50%;
	transition: all 0.3s ease 0s;
}
.qa-tab27 .tab .nav-tabs .nav-link:hover:before, .qa-tab27 .tab .nav-tabs .nav-link.active:before {
	left: 0;
}
.qa-tab27 .tab .nav-tabs .nav-link:after {
	content: "";
	border-bottom: 15px solid #f8333c;
	border-left: 15px solid transparent;
	border-top: 15px solid transparent;
	position: absolute;
	bottom: 0;
	right: -50%;
	transition: all 0.3s ease 0s;
}
.qa-tab27 .tab .nav-tabs .nav-link:hover:after, .qa-tab27 .tab .nav-tabs .nav-link.active:after {
	right: 0;
}
.qa-tab27 .tab-content {
	padding: 20px 30px;
	border-top: 3px solid #384d48;
	border-bottom: 3px solid #384d48;
	font-size: 17px;
	color: #384d48;
	letter-spacing: 1px;
	line-height: 30px;
	position: relative;
}
.qa-tab27 .tab-content:before {
	content: "";
	border-top: 25px solid #384d48;
	border-right: 25px solid transparent;
	border-bottom: 25px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
}
.qa-tab27 .tab-content:after {
	content: "";
	border-bottom: 25px solid #384d48;
	border-left: 25px solid transparent;
	border-top: 25px solid transparent;
	position: absolute;
	bottom: 0;
	right: 0;
}
.qa-tab27 .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab27 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
   }
}
.qa-tab28 a:hover, .qa-tab28 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab28 .tab .nav-tabs {
	border: none;
}
.qa-tab28 .tab .nav-tabs .nav-link {
	padding: 15px 25px;
	margin-right: 7px;
	background: #fff;
	font-size: 17px;
	font-weight: 800;
	color: #000;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;
}
.qa-tab28 .tab .nav-tabs .nav-link.active {
	background: transparent;
	color: #fff;
	border: none;
}
.qa-tab28 .tab .nav-tabs .nav-link:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #f1e9de;
	border-radius: 3px;
	border: 7px double #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform: skewX(15deg);
	transition: all 0.5s ease 0s;
}
.qa-tab28 .tab .nav-tabs .nav-link.active:before {
	background: #e94b35;
	border-color: #000;
}
.qa-tab28 .tab .nav-tabs .nav-link.active:before {
	transform: skewX(0);
}
.qa-tab28 .tab-content {
	padding: 20px 30px;
	margin-top: 10px;
	background: #b59972;
	font-size: 15px;
	color: #fff;
	line-height: 27px;
	letter-spacing: 1px;
	border: 2px solid #000;
	transform: skewX(-5deg);
}
.qa-tab28 .tab .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
}
@media only screen and (max-width: 767px) {
	.qa-tab28 .tab .nav-tabs .nav-link {
		padding: 15px;
   }
}
@media only screen and (max-width: 479px) {
	.qa-tab28 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
   }
	.qa-tab28 .tab-content {
		transform: skewX(-3deg);
   }
}
.qa-tab29 a:hover, .qa-tab29 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab29 .tab .nav-tabs {
	border: none;
	margin-bottom: 20px;
}
.qa-tab29 .tab .nav-tabs .nav-link {
	padding: 10px 20px;
	margin-right: 5px;
	background: #cb5245;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	border: 2px solid #cb5245;
	border-radius: 50px;
	overflow: hidden;
	z-index: 1;
	position: relative;
	transition: all 0.4s ease-in 0s;
}
.qa-tab29 .tab .nav-tabs .nav-link:hover {
	color: #cb5245;
	background: #fff;
	border: 2px solid #cb5245;
}
.qa-tab29 .tab .nav-tabs .nav-link.active {
	color: #092c4f;
	border: 2px solid #092c4f;
}
.qa-tab29 .tab .nav-tabs .nav-link:before {
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #fff;
	margin-top: -100px;
	position: absolute;
	top: 50%;
	left: -50%;
	opacity: 0.3;
	z-index: -1;
	transform: scale(0);
	transition: all 0.4s ease-in 0.1s;
}
.qa-tab29 .tab .nav-tabs .nav-link:hover:before, .qa-tab29 .tab .nav-tabs .nav-link.active:before {
	opacity: 1;
	transform: scale(2);
}
.qa-tab29 .tab-content {
	padding: 15px 20px;
	background: #cb5245;
	font-size: 15px;
	color: #fff;
	line-height: 30px;
	letter-spacing: 1px;
	border: 2px solid #092c4f;
	border-radius: 25px;
	outline: 5px solid #092c4f;
	outline-offset: 3px;
}
.qa-tab29 .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab29 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
   }
	.qa-tab29 .tab .nav-tabs .nav-link:hover:before, .qa-tab29 .tab .nav-tabs .nav-link.active:before {
		transform: scale(10);
   }
}
.qa-tab30 a:hover, .qa-tab30 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab30 .tab .nav-tabs {
	border: none;
	margin-bottom: 10px;
}
.qa-tab30 .tab .nav-tabs .nav-link {
	display: block;
	padding: 5px 10px;
	margin: 0 10px 20px 0;
	font-size: 20px;
	font-weight: 700;
	color: #444bba;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	position: relative;
	transition: all 0.3s ease 0s;
}
.qa-tab30 .tab .nav-tabs .nav-link:hover, .qa-tab30 .tab .nav-tabs .nav-link.active {
	background: #fff;
	color: #e16a46;
	border: none;
}
.qa-tab30 .tab .nav-tabs .nav-link:before {
	content: "";
	width: 3px;
	height: 0;
	background: #444bba;
	margin: 0 auto;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	transition: all 0.5s ease 0s;
}
.qa-tab30 .tab .nav-tabs .nav-link:hover:before, .qa-tab30 .tab .nav-tabs .nav-link.active:before {
	height: 25px;
}
.qa-tab30 .tab .nav-tabs .nav-link:after {
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #e16a46;
	margin: 0 auto;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.qa-tab30 .tab .nav-tabs .nav-link:hover:after, .qa-tab30 .tab .nav-tabs .nav-link.active:after {
	bottom: -10px;
	opacity: 1;
}
.qa-tab30 .tab-content {
	padding: 15px;
	margin-top: 0;
	background: #e16a46;
	border-radius: 20px;
	font-size: 15px;
	color: #fff;
	line-height: 25px;
	border: 5px dashed #fff;
	letter-spacing: 1px;
	position: relative;
}
.qa-tab30 .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab30 .tab .nav-tabs {
		margin-bottom: 0;
   }
	.qa-tab30 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
   }
}
.qa-tab31 a:hover, .qa-tab31 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab31 .tab .nav-tabs {
	border: none;
	margin-bottom: 20px;
}
.qa-tab31 .tab .nav-tabs .nav-link {
	display: block;
	padding: 7px 15px;
	margin: 0 0 25px 0;
	background: #fff;
	font-size: 20px;
	font-weight: 700;
	color: #523f38;
	text-transform: uppercase;
	border: 1px solid #d3d3d3;
	border-radius: 0;
	position: relative;
	transition: all 0.3s ease 0s;
}
.qa-tab31 .tab .nav-tabs .nav-link:before {
	content: "";
	width: 101%;
	height: 4px;
	background: #d3d3d3;
	position: absolute;
	bottom: -36px;
	left: 8px;
}
.qa-tab31 .tab .nav-tabs .nav-link.active:before {
	background: #3ea1b3;
}
.qa-tab31 .tab .nav-tabs .nav-link:after {
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: -46px;
	right: -10px;
	z-index: 1;
}
.qa-tab31 .tab .nav-tabs .nav-link.active:after {
	background: #ec9a29;
}
.qa-tab31 .tab .nav-tabs .nav-link:hover, .qa-tab31 .tab .nav-tabs .nav-link.active {
	background: #3ea1b3;
	color: #fff;
}
.qa-tab31 .tab-content {
	padding: 10px 15px;
	margin-top: 0;
	background: #fff;
	font-size: 15px;
	color: #777;
	line-height: 30px;
	position: relative;
}
.qa-tab31 .tab-content:before {
	content: "";
	width: 100%;
	padding: 6px 0;
	border: 1px solid #d3d3d3;
	position: absolute;
	top: -18px;
	left: 0;
}
.qa-tab31 .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab31 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab31 .tab .nav-tabs .nav-link {
		margin-bottom: 36px;
   }
	.qa-tab31 .tab .nav-tabs .nav-link:before {
		width: 100%;
		bottom: -20px;
   }
	.qa-tab31 .tab .nav-tabs .nav-link:after {
		margin: 0 auto;
		bottom: -30px;
		left: 0;
		right: 0;
   }
	.qa-tab31 .tab-content:before {
		width: 0;
		padding: 0;
		border: none;
   }
}
.qa-tab32 a:hover, .qa-tab32 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab32 .tab .nav-tabs {
	border-bottom: 2px solid #e8e8e8;
}
.qa-tab32 .tab .nav-tabs .nav-link {
	display: block;
	padding: 10px 20px;
	margin: 0 5px 1px 0;
	background: #fff;
	font-size: 20px;
	font-weight: 700;
	color: #112529;
	text-align: center;
	border: none;
	border-radius: 0;
	z-index: 2;
	position: relative;
	transition: all 0.3s ease 0s;
}
.qa-tab32 .tab .nav-tabs .nav-link:hover, .qa-tab32 .tab .nav-tabs .nav-link.active {
	color: #198df8;
	border: none;
}
.qa-tab32 .tab .nav-tabs .nav-link.active:before {
	content: "\276E";
	transform: rotate(-90deg);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 25px;
	font-weight: 700;
	color: #198df8;
	margin: 0 auto;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
}
.qa-tab32 .tab .nav-tabs .nav-link.active:after {
	content: "";
	width: 100%;
	height: 3px;
	background: #198df8;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: -1;
	transition: all 0.3s ease 0s;
}
.qa-tab32 .tab-content {
	padding: 30px 20px 20px;
	margin-top: 0;
	background: #fff;
	font-size: 15px;
	color: #7a9181;
	line-height: 30px;
	border-radius: 0 0 5px 5px;
}
.qa-tab32 .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab32 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab32 .tab .nav-tabs .nav-link.active:before {
		content: "\f105";
		bottom: 15%;
		left: 0;
		right: auto;
   }
}
.qa-tab33 a:hover, .qa-tab33 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab33 .tab .nav-tabs {
	border-bottom: 5px solid #593082;
}
.qa-tab33 .tab .nav-tabs .nav-link {
	display: block;
	padding: 10px;
	border: 2px solid #593082;
	border-radius: 0;
	background: #fff;
	font-size: 20px;
	font-weight: 700;
	color: #593082;
	text-align: center;
	margin: 0 5px 30px 0;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;
}
.qa-tab33 .tab .nav-tabs .nav-link:hover, .qa-tab33 .tab .nav-tabs .nav-link.active {
	color: #593082;
	border: 2px solid #593082;
}
.qa-tab33 .tab .nav-tabs .nav-link:before {
	content: "";
	width: 15px;
	height: 15px;
	background: #593082;
	border-radius: 50%;
	margin: 0 auto;
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
}
.qa-tab33 .tab .nav-tabs .nav-link.active:before {
	background: #aee800;
	border: 2px solid #fff;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
	transform: scale(2);
}
.qa-tab33 .tab-content {
	padding: 20px;
	margin-top: 0;
	border-radius: 0 0 5px 5px;
	font-size: 15px;
	color: #7a9181;
	background: #fff;
	line-height: 30px;
}
.qa-tab33 .tab-content h3 {
	font-size: 24px;
	margin-top: 5px;
}
@media only screen and (max-width: 479px) {
	.qa-tab33 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
   }
	.qa-tab33 .tab .nav-tabs .nav-link {
		margin-right: 0;
		margin-bottom: 20px;
   }
	.qa-tab33 .tab .nav-tabs .nav-link:before, .qa-tab33 .tab .nav-tabs .nav-link.active:before {
		width: 0;
		height: 0;
		background: none;
		box-shadow: none;
		border: none;
		bottom: -10px;
		transform: scale(1);
   }
	.qa-tab33 .tab .nav-tabs .nav-link.active:before {
		border-top: 10px solid #593082;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
   }
}
.qa-tab34 a:hover, .qa-tab34 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab34 .tab .nav-tabs {
	border-bottom: none;
	position: relative;
}
.qa-tab34 .tab .nav-tabs .nav-link {
	margin-bottom: 0;
}
.qa-tab34 .tab .nav-tabs .nav-link {
	display: block;
	padding: 15px 20px;
	border: none;
	border-radius: 0;
	background: #fafafa;
	font-size: 17px;
	font-weight: 700;
	color: #732c7b;
	margin-right: 1px;
	text-align: center;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.qa-tab34 .tab .nav-tabs .nav-link.active, .qa-tab34 .tab .nav-tabs .nav-link:hover {
	background: #af94be;
	color: #fff;
	border: none;
	border-top: 2px solid #732c7b;
}
.qa-tab34 .tab .nav-tabs .nav-link:after {
	content: "";
	width: 100%;
	position: absolute;
	top: -3px;
	left: 0;
	transition: all 0.3s ease 0s;
}
.qa-tab34 .tab-content {
	padding: 20px;
	margin-top: 0;
	border-radius: 0 0 5px 5px;
	font-size: 15px;
	color: #757575;
	line-height: 30px;
}
.qa-tab34 .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab34 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
   }
	.qa-tab34 .tab .nav-tabs .nav-link:last-child {
		margin-bottom: 0;
   }
}
.qa-tab35 a:hover, .qa-tab35 a:focus {
	outline: none;
	text-decoration: none;
}
.qa-tab35 .tab {
	text-align: center;
}
.qa-tab35 .tab .nav-tabs {
	display: inline-block;
	position: relative;
	border-bottom: none;
}
.qa-tab35 .tab .nav-tabs .nav-link {
	margin: 0;
}
.qa-tab35 .tab .nav-tabs .nav-link {
	display: block;
	padding: 80px 20px 10px;
	background: #fff;
	font-size: 17px;
	font-weight: 700;
	color: #999;
	text-transform: uppercase;
	text-align: center;
	border-radius: 0;
	border: none;
	border-bottom: 2px solid #fff;
	margin-right: 0;
	overflow: hidden;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;
}
.qa-tab35 .tab .nav-tabs .nav-link i {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #f2f2f2;
	margin: auto;
	font-size: 22px;
	color: #999;
	border-radius: 5px;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	transform: rotate(45deg);
}
.qa-tab35 .tab .nav-tabs .nav-link.active i {
	background: #29335c;
	color: #fff;
}
.qa-tab35 .tab .nav-tabs .nav-link i {
	transform: rotate(-45deg);
}
.qa-tab35 .tab .nav-tabs .nav-link.active, .qa-tab35 .tab .nav-tabs .nav-link:hover {
	color: #999;
	border: none;
	border-bottom: 2px solid #fff;
}
.qa-tab35 .tab .nav-tabs .nav-link.active {
	border-bottom: 2px solid #29335c;
}
.qa-tab35 .tab-content {
	padding: 20px;
	margin-top: -5px;
	font-size: 15px;
	color: #757575;
	line-height: 26px;
	text-align: left;
	border-top: 1px solid #e5e5e5;
}
.qa-tab35 .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
}
@media only screen and (max-width: 479px) {
	.qa-tab35 .tab .nav-tabs .nav-link {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
   }
	.qa-tab35 .tab .nav-tabs .nav-link:last-child {
		margin-bottom: 0;
   }
}


/* End of Tab */