.elementor-1368 .elementor-element.elementor-element-bb16b3b:not(.elementor-motion-effects-element-type-background), .elementor-1368 .elementor-element.elementor-element-bb16b3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.silvertipwashco.ca/wp-content/uploads/2026/03/Pressure-Washing-and-Window-Cleaning-Calgary-4.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1368 .elementor-element.elementor-element-bb16b3b > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e24646a ) 0%, #C4EDFF8C 35%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1368 .elementor-element.elementor-element-bb16b3b > .elementor-container{max-width:1356px;}.elementor-1368 .elementor-element.elementor-element-bb16b3b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 290px 0px;z-index:5;}.elementor-1368 .elementor-element.elementor-element-5de0238 > .elementor-container{max-width:1360px;}.elementor-1368 .elementor-element.elementor-element-72e314b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1368 .elementor-element.elementor-element-ad88075 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-1368 .elementor-element.elementor-element-ad88075{z-index:2;text-align:center;}.elementor-1368 .elementor-element.elementor-element-ad88075 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:80px;text-transform:uppercase;letter-spacing:5px;-webkit-text-stroke-width:9px;stroke-width:9px;-webkit-text-stroke-color:var( --e-global-color-text );stroke:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-1368 .elementor-element.elementor-element-e0c98d4{margin-top:20px;margin-bottom:0px;z-index:90;}.elementor-1368 .elementor-element.elementor-element-b1b63b0.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1368 .elementor-element.elementor-element-b1b63b0{z-index:90;}.elementor-widget-global .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button{background-color:var( --e-global-color-8c9e7f1 );font-family:"Oswald", Sans-serif;font-size:18px;font-weight:700;letter-spacing:0px;fill:var( --e-global-color-e24646a );color:var( --e-global-color-e24646a );border-style:double;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-e24646a );border-radius:60px 60px 60px 60px;padding:18px 18px 18px 18px;}.elementor-1368 .elementor-element.elementor-global-1465{width:auto;max-width:auto;z-index:80;}.elementor-1368 .elementor-element.elementor-element-8394a29{z-index:88;}.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button{background-color:var( --e-global-color-880ca65 );font-family:"Oswald", Sans-serif;font-size:18px;font-weight:800;letter-spacing:0px;text-shadow:0px 0px 0px #3C3A3D;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:double;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-primary );border-radius:60px 60px 60px 60px;padding:18px 18px 18px 18px;}.elementor-1368 .elementor-element.elementor-global-1474 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-1368 .elementor-element.elementor-global-1474{z-index:90;}.elementor-1368 .elementor-element.elementor-element-d5a8ed0{padding:100px 0px 100px 0px;}.elementor-1368 .elementor-element.elementor-element-8af8a24 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-widget-sitemap .elementor-sitemap-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-sitemap .elementor-sitemap-item, .elementor-widget-sitemap span.elementor-sitemap-list, .elementor-widget-sitemap .elementor-sitemap-item a{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-sitemap .elementor-sitemap-item{color:var( --e-global-color-text );}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );}body:not(.rtl) .elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section ul{margin-left:8px;}body.rtl .elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section ul{margin-right:8px;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-title{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-item, .elementor-1368 .elementor-element.elementor-element-2667b36 span.elementor-sitemap-list, .elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-item a{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-list, .elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-list .children{list-style-type:square;}.elementor-bc-flex-widget .elementor-1368 .elementor-element.elementor-element-8aa21ab.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1368 .elementor-element.elementor-element-8aa21ab.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1368 .elementor-element.elementor-element-f21d650 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-1368 .elementor-element.elementor-element-f21d650 .e-search-submit:hover{background-color:var( --e-global-color-secondary );}.elementor-1368 .elementor-element.elementor-element-f21d650 .e-search-input{border-radius:30px 30px 30px 30px;}.elementor-1368 .elementor-element.elementor-element-f21d650 .e-search-submit span{text-transform:uppercase;}.elementor-1368 .elementor-element.elementor-element-f21d650{--e-search-submit-border-radius:30px 30px 30px 30px;--e-search-submit-padding:20px 40px 20px 40px;}.elementor-1368 .elementor-element.elementor-element-311aae7{margin-top:0rem;margin-bottom:0rem;padding:0px 0px 0px 0px;z-index:9;}.elementor-1368 .elementor-element.elementor-element-53b8d8b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1368 .elementor-element.elementor-element-53b8d8b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-1368 .elementor-element.elementor-element-53b8d8b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1368 .elementor-element.elementor-element-318fe81 > .elementor-widget-container{--e-transform-translateX:-150px;margin:0rem 0rem -15rem 0rem;}.elementor-1368 .elementor-element.elementor-element-318fe81{z-index:80;text-align:end;}.elementor-1368 .elementor-element.elementor-element-318fe81 img{width:68%;}.elementor-1368 .elementor-element.elementor-element-9ee0157:not(.elementor-motion-effects-element-type-background), .elementor-1368 .elementor-element.elementor-element-9ee0157 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.silvertipwashco.ca/wp-content/uploads/2026/03/Pressure-Washing-and-Window-Cleaning-Calgary-1.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1368 .elementor-element.elementor-element-9ee0157 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #C0828200 0%, var( --e-global-color-text ) 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1368 .elementor-element.elementor-element-9ee0157{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:250px 0px 100px 0px;}.elementor-1368 .elementor-element.elementor-element-79cc98e{z-index:10;}.elementor-1368 .elementor-element.elementor-element-c78d8a5 > .elementor-container{max-width:966px;}.elementor-1368 .elementor-element.elementor-element-c78d8a5{z-index:10;}.elementor-1368 .elementor-element.elementor-element-5b7c620.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-global .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1368 .elementor-element.elementor-global-13075{text-align:center;}.elementor-1368 .elementor-element.elementor-global-13075 .elementor-heading-title{text-shadow:2px 1px 1px #252525;color:var( --e-global-color-accent );}.elementor-1368 .elementor-element.elementor-element-804f8b9{margin-top:15px;margin-bottom:0px;}.elementor-1368 .elementor-element.elementor-element-2be489d.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}:root{--page-title-display:none;}@media(min-width:1263px){.elementor-1368 .elementor-element.elementor-element-9ee0157:not(.elementor-motion-effects-element-type-background), .elementor-1368 .elementor-element.elementor-element-9ee0157 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1262px){.elementor-1368 .elementor-element.elementor-element-bb16b3b{padding:75px 0px 230px 0px;}.elementor-1368 .elementor-element.elementor-element-ad88075 .elementor-heading-title{font-size:4.2rem;line-height:80px;-webkit-text-stroke-width:0.3rem;stroke-width:0.3rem;}.elementor-1368 .elementor-element.elementor-element-e0c98d4{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:90;}.elementor-1368 .elementor-element.elementor-element-b1b63b0.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1368 .elementor-element.elementor-element-d5a8ed0{padding:50px 0px 50px 0px;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section{flex-basis:calc( 1 / 2 * 100% );}.elementor-1368 .elementor-element.elementor-element-311aae7{margin-top:0rem;margin-bottom:0rem;}.elementor-1368 .elementor-element.elementor-element-318fe81 > .elementor-widget-container{--e-transform-translateX:0px;margin:0rem 0rem -13rem 0rem;}.elementor-1368 .elementor-element.elementor-element-318fe81{text-align:end;}.elementor-1368 .elementor-element.elementor-element-318fe81 img{width:37rem;}.elementor-1368 .elementor-element.elementor-element-9ee0157, .elementor-1368 .elementor-element.elementor-element-9ee0157 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-9ee0157{padding:220px 0px 150px 0px;}.elementor-1368 .elementor-element.elementor-element-804f8b9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-2be489d.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}}@media(max-width:766px){.elementor-1368 .elementor-element.elementor-element-bb16b3b > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e24646a ) 0%, #C4EDFF8C 30%);}.elementor-1368 .elementor-element.elementor-element-bb16b3b{padding:75px 0px 130px 0px;}.elementor-1368 .elementor-element.elementor-element-72e314b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1368 .elementor-element.elementor-element-72e314b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-1368 .elementor-element.elementor-element-ad88075{text-align:center;}.elementor-1368 .elementor-element.elementor-element-ad88075 .elementor-heading-title{font-size:3.3rem;line-height:65px;-webkit-text-stroke-width:0.3rem;stroke-width:0.3rem;}.elementor-1368 .elementor-element.elementor-element-e0c98d4{z-index:90;}.elementor-1368 .elementor-element.elementor-element-b1b63b0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1368 .elementor-element.elementor-global-1474 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-d5a8ed0{padding:30px 0px 30px 0px;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );}.elementor-1368 .elementor-element.elementor-element-311aae7{margin-top:0rem;margin-bottom:0rem;}.elementor-1368 .elementor-element.elementor-element-318fe81 > .elementor-widget-container{--e-transform-translateX:0px;margin:0rem 0rem -5rem 0rem;}.elementor-1368 .elementor-element.elementor-element-318fe81{z-index:11;}.elementor-1368 .elementor-element.elementor-element-318fe81 img{width:100%;}.elementor-1368 .elementor-element.elementor-element-9ee0157:not(.elementor-motion-effects-element-type-background), .elementor-1368 .elementor-element.elementor-element-9ee0157 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1368 .elementor-element.elementor-element-9ee0157, .elementor-1368 .elementor-element.elementor-element-9ee0157 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-9ee0157{padding:100px 0px 60px 0px;}.elementor-1368 .elementor-element.elementor-global-13075{text-align:center;}.elementor-1368 .elementor-element.elementor-element-2be489d.elementor-column > .elementor-widget-wrap{justify-content:center;}}/* Start custom CSS for heading, class: .elementor-element-ad88075 */.elementor-1368 .elementor-element.elementor-element-ad88075 .elementor-heading-title {


  /* Thick dark navy stroke — matches logo outline */
  -webkit-text-stroke: 5px #152030 !important;
  paint-order: stroke fill !important;

  /* Layered shadows: blue depth + dark anchor */
  text-shadow:
    0px  4px 0px #6A9AB8,
    0px  5px 0px #6A9AB8,
    0px  6px 0px #6A9AB8,
    0px  7px 0px #152030,
    0px  8px 0px #0D1720,
    0px  9px 0px #0D1720,
    0px  0px 20px rgba(21,32,48,0.95) !important;
}


.elementor-1368 .elementor-element.elementor-element-ad88075 .elementor-heading-title {
  font-family: 'Bebas Neue', sans-serif !important;
  color: #fcfae5 !important;
  -webkit-text-stroke: 5px #152030 !important;
  paint-order: stroke fill !important;
  text-shadow:
    0px 4px 0px #6A9AB8,
    0px 5px 0px #6A9AB8,
    0px 6px 0px #6A9AB8,
    0px 7px 0px #152030,
    0px 8px 0px #0D1720,
    0px 9px 0px #0D1720,
    0px 0px 20px rgba(21,32,48,0.95) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.1 !important;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1474 *//* 1. The Silver Glass Base */
.secondary-button .elementor-button {
    position: relative;
    overflow: hidden;
    
    /* SILVER GRADIENT: Lighter top -> Base Color -> Darker bottom */
    background: linear-gradient(180deg, #F0F6FF 0%, #DAE3F1 50%, #BCC9E0 100%);
    
    /* 3D Glass Effects (Cool Tones) */
    box-shadow: 
        inset 0 2px 0 rgba(255,255,255,0.9),  /* Bright White Top Highlight */
        inset 0 -2px 0 rgba(100, 110, 130, 0.1), /* Subtle Bottom Shadow */
        0 5px 15px rgba(38, 58, 144, 0.2);    /* Soft Blue Drop Shadow */
        
    /* Glass Borders */
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(160, 170, 190, 0.5);
    border-radius: 50px;
    
    /* Text Styles - using Brand Blue for contrast */
    color: #263A90; 
    text-shadow: 0 1px 0 rgba(255,255,255,0.8); /* "Etched" look for dark text on light bg */
    font-weight: 800!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    z-index: 1;
}

/* 2. The Shine Beam */
.secondary-button .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 80%;
    height: 100%;
    
    /* White Shine */
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.9) 50%, 
        rgba(255,255,255,0) 100%
    );
    
    transform: skewX(-25deg);
    z-index: -1;
    
    /* LOOPING ANIMATION: Matches the gold button timing */
    animation: silverShineLoop 4s infinite;
}

/* 3. Hover Actions */
.secondary-button .elementor-button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 25px rgba(38, 58, 144, 0.25); /* Shadow grows slightly darker */
    background: linear-gradient(180deg, #ffffff 0%, #e2ebf7 50%, #c5d4ed 100%); /* Gets slightly brighter */
}

/* 4. The Animation Keyframes */
@keyframes silverShineLoop {
    0% {
        left: -150%;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        left: 150%; /* Fly across */
        opacity: 0;
    }
    100% {
        left: 150%; /* Pause */
        opacity: 0;
    }
}




/* 1. Target the custom icon (::after) on Hover */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button:hover .elementor-button-text::after {
    /* "Buzz" animation parameters */
    animation-name: elementor-buzz;
    animation-duration: 0.7s; /* Speed of the buzz */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* 2. The "Buzz" Keyframes (Replicating Elementor's style) */
@keyframes elementor-buzz {
    10% {
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        transform: translateX(1px) rotate(0);
    }
    100% {
        transform: translateX(-1px) rotate(0);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e0c98d4 */.elementor-1368 .elementor-element.elementor-element-e0c98d4 {
    position: relative;
z-index: 9999;
isolation: isolate;

}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-13075 */.elementor-1368 .elementor-element.elementor-global-13075 span {
    color:#81a1bf;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1474 *//* 1. The Silver Glass Base */
.secondary-button .elementor-button {
    position: relative;
    overflow: hidden;
    
    /* SILVER GRADIENT: Lighter top -> Base Color -> Darker bottom */
    background: linear-gradient(180deg, #F0F6FF 0%, #DAE3F1 50%, #BCC9E0 100%);
    
    /* 3D Glass Effects (Cool Tones) */
    box-shadow: 
        inset 0 2px 0 rgba(255,255,255,0.9),  /* Bright White Top Highlight */
        inset 0 -2px 0 rgba(100, 110, 130, 0.1), /* Subtle Bottom Shadow */
        0 5px 15px rgba(38, 58, 144, 0.2);    /* Soft Blue Drop Shadow */
        
    /* Glass Borders */
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(160, 170, 190, 0.5);
    border-radius: 50px;
    
    /* Text Styles - using Brand Blue for contrast */
    color: #263A90; 
    text-shadow: 0 1px 0 rgba(255,255,255,0.8); /* "Etched" look for dark text on light bg */
    font-weight: 800!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    z-index: 1;
}

/* 2. The Shine Beam */
.secondary-button .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 80%;
    height: 100%;
    
    /* White Shine */
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.9) 50%, 
        rgba(255,255,255,0) 100%
    );
    
    transform: skewX(-25deg);
    z-index: -1;
    
    /* LOOPING ANIMATION: Matches the gold button timing */
    animation: silverShineLoop 4s infinite;
}

/* 3. Hover Actions */
.secondary-button .elementor-button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 25px rgba(38, 58, 144, 0.25); /* Shadow grows slightly darker */
    background: linear-gradient(180deg, #ffffff 0%, #e2ebf7 50%, #c5d4ed 100%); /* Gets slightly brighter */
}

/* 4. The Animation Keyframes */
@keyframes silverShineLoop {
    0% {
        left: -150%;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        left: 150%; /* Fly across */
        opacity: 0;
    }
    100% {
        left: 150%; /* Pause */
        opacity: 0;
    }
}




/* 1. Target the custom icon (::after) on Hover */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button:hover .elementor-button-text::after {
    /* "Buzz" animation parameters */
    animation-name: elementor-buzz;
    animation-duration: 0.7s; /* Speed of the buzz */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* 2. The "Buzz" Keyframes (Replicating Elementor's style) */
@keyframes elementor-buzz {
    10% {
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        transform: translateX(1px) rotate(0);
    }
    100% {
        transform: translateX(-1px) rotate(0);
    }
}/* End custom CSS */