/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}




/**************************************************************************************************************************************************************************************************************/


/*
Theme Name: Next
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Multipurpose HTML5 Template
Version: 1.0.0
*/


/*
=================================
|***    Table of contents:   ***|
=================================

1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Hero Section
8. About us
9. Services
10. Fun facts
11. Projects
12. Pricing
13. Testimonial
14. CTA
15. Team
16. Video Banner
17. Shop
18. Marquee
19. Blog
20. Footer

Main Style file-> assets/css/main.css 
*/

@font-face {
    font-family: 'Toxigenesis Rg';
    src: url('assets/fonts/toxigenesis/toxigenesis\ bd.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Black';
    src: url('assets/fonts/lato/Lato-BlackItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Kelvetica';
    src: url('assets/fonts/kelvetica/Kelvetica.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Moliga DEMO';
    src: url('assets/fonts/moliga-demo/Moliga\ DEMO.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Great Book';
    src: url('assets/fonts/garet/Garet-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AuraMoon';
    src: url('assets/fonts/aura-moon-font/AuraMoon-4nZEY.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conceta';
    src: url('assets/fonts/conceta-font/Conceta-ZpKJx.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nova SOLID';
    src: url('assets/fonts/nova-solid-font/NovaSolidSolid-1Xq0.ttf') format('truetype'),
         url('assets/fonts/nova-solid-font/NovaSolidSolid-mJzm.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}



p{
    font-size: 1.2rem;
    font-family: 'Great Book';
}

h2 {
    font-size: 50px;
}

.header-left{
    text-align: right;
    flex: 1;
}

/* .section-padding{
    background-color: rgb(230 235 244);

} */
.hero-section-emp{
    /* background-image: radial-gradient(95.09% 118.5% at 43.64% 75.17%, rgba(162, 188, 255, .215) 45.19%, rgba(118, 139, 252, .5) 86.75%);
    background-color: rgb(230 235 244); */
    z-index: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    place-content: center;
    background-size: 100%; 
}

.bg-emp{
    /* background-image: radial-gradient(95.09% 118.5% at 43.64% 75.17%, rgba(162, 188, 255, .215) 45.19%, rgba(118, 139, 252, .5) 86.75%); */
    background-color: rgb(230 235 244);
}

/* .hero-section-emp::before{
    content:'';
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(assets/img/banner-bg-first.svg);
    background-size: 100%;
    background-position: top;

} */


.hero-section-emp .hero-content {
    text-align: left;
    margin-bottom: 90px;
    position: relative;
    z-index: 9;

    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
}

.hero-content-row{
    position: relative;
    top: -100px;

}

.hero-2 .hero-content .sub-content{
    
    width: 410px;
}




.header__hamburger:hover{
    background-image: linear-gradient(to right, #e451b8f5, #6d81fc);
    box-shadow: 0 4px 15px 0 rgb(185 197 246);
    cursor: pointer;
}

.header__hamburger:hover .fa-bars:before{
    color: #ffffff;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
}

.hero-content h1{
    font-size: 50px;
}

.hero-content .emp-lg{
    font-size: 100px;
    display: block;
    padding: 0px 0 30px;
    font-family: 'AuraMoon' ;
    font-style: italic;
    letter-spacing: 2px;
}


.color-secondary{
    color: #3d52a0;
    font-size: 90px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.hero-para{
    font-size: 20px;
}
/* 
.hero-section-emp::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./assets/img/emp-bg.jpg);
    z-index: 1;
    mix-blend-mode: multiply;
    opacity: 0.5;
} */


.hero-button-banner a{
    width: 200px;
    text-align: center;
}

.link {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
  }
  .link--drag:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
  }
  .link--drag::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    -o-transform: scale3d(0, 1, 1);
  }
  .link::before {
    content: "";
  }
  .link::before,
  .link::after {
    position: absolute;
    width: 100%;
    height: 1px;
    /* background: currentColor; */
    top: 120%;
    left: 0;
    pointer-events: none;
  }
.offcanvas__contact h4{
    color: #3d52a0;
    display: none;
}



.mt{padding-top: 50px;}

.mb{margin-bottom: 10px;}

.squareBox img{
    width: 100%;
}

.text-title{
    color: #3d52a0;
}



.section-spacing{
    margin-top: 80px;
    padding-top: 50px;
    display: block;
}

/* .about-wrapper.style-2 .about-content .icon-items .dot {
    width: 40px;
} */

/* .about-wrapper.style-2 .about-content .icon-items{
    margin-top: 20px;
} */
.about-content p{
    width: 480px;
}

/* .grow-business-wrapper .grow-image-items{
    margin-top: 100px;
} */

.grow-shape{
    /* From https://css.glass */
background: rgba(255, 255, 255, 0.16);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2.5px);
-webkit-backdrop-filter: blur(2.5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.tranparent-shape {
    background: rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 50px;
}

.fixImg {
    width: auto !important;
}

.fixImg img{
    border-radius: 20px;
}

.user-shape{
    /* From https://css.glass */
background: rgba(255, 255, 255, 0.16);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2.5px);
-webkit-backdrop-filter: blur(2.5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}


.service-popular-items .service-content {
    margin-top: 0;
    padding: 30px 40px 40px;
}

.service-popular-items .service-content p{
    min-height: 100px;
}

.funfact-section{
    padding: 120px 0 !important;
    position: relative;
    background-image: url("assets/img/whychoose-bg.png");
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;

}

.funfact-section::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: radial-gradient(66.34% 66.34% at 50% 25.71%, rgba(16, 24, 40, 0.3) 0%, rgba(16, 24, 40, 0.97) 100%);
}


.funfact-box-items{
    background: rgb(61 82 160 / 35%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(2.5px);
}



.funfact-box-items:hover {
transform: scale(1.1); 
   box-shadow: 0 5px 20px 5px #00000044;
}


.funfact-box-items h2{
    color: #ffffff !important;

    background: -webkit-linear-gradient(#e451b8, rgb(117, 122, 246));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}

.funfact-box-items p{
    color: #ffffff !important;
}


.funfact-box-items h6{
    color: #ffffff !important;
    border-bottom: 2px dotted #ffffff;
    
}

.logo-1{
    width: 220px;
}


.logo-2{
    width: 220px ;
}

.theme-btn-new-header {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none !important;
    background: url(assets/img/button-bg.jpg);
    color: #3d52a0;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 15px;
    transition: all 0.4s ease-in-out;
    letter-spacing: 0;
    border-radius: 14px;
    position: relative; 
    overflow: hidden;
    text-align: center;
    line-height: 1;
    z-index: 9;
    transition: ease 0.5s;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 35px 68px 0px rgba(145, 192, 255, 0.5), inset 0px -8px 16px 0px rgb(58 78 153 / 55%), inset 0px 11px 28px 0px rgb(255, 255, 255);

}

    .theme-btn-new-header:hover{
        transition: ease  0.5s;
        backdrop-filter: blur(5px);
        background-color: rgba(255, 255, 255, 1);
        border-radius: 14px;
        box-shadow:0px 35px 68px 0px rgb(0 0 0 / 50%), inset 0px -8px 16px 0px rgb(82 113 255 / 59%), inset 0px 11px 28px 0px rgb(255, 255, 255);
        color: var(--theme) !important;
        
    }

    .hero-3 .hero-content .hero-button a{
        width: 200px;
    }
    

.theme-btn-new {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none !important;
    background: url(assets/img/button-bg.jpg);
    background-size: 230%;
    color: #3d52a0;
    transition: all 0.4s ease-in-out;
    font-size: 16px;
    font-weight: 500;
    padding: 22px 15px;
    transition: all 0.4s ease-in-out;
    letter-spacing: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 1;
    z-index: 9;
    transition: ease  0.5s;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 15px;
    box-shadow: 0px 35px 68px 0px rgba(145, 192, 255, 0.5), inset 0px -8px 16px 0px rgb(58 78 153 / 72%), inset 0px 11px 28px 0px rgb(255, 255, 255);

  }
  
  .theme-btn-new:hover{
    transition: ease  0.5s;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 15px;
    box-shadow: 0px 35px 68px 0px rgba(41, 41, 41, 0.5), inset 0px -8px 16px 0px rgb(82 113 255 / 59%), inset 0px 11px 28px 0px rgb(255, 255, 255);
  }
  
  .theme-btn-new i {
    margin-left: 10px;
  }

.tag {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    border: 1px solid #3d52a0;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 30px;
    background: transparent;

    background: -webkit-linear-gradient(#e451b8, #757af6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}


.tag span{
    color: #3d52a0;
    font-weight: bold;
}

.illustration{
    position: absolute;
    top: 0;
}

.grow-business-wrapper .grow-image-items .grow-image img {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0;

}

.services-main{
    /* background-image: radial-gradient(95.09% 118.5% at 43.64% 75.17%, rgba(162, 188, 255, .215) 45.19%, rgba(118, 139, 252, .5) 86.75%); */
    /* padding-top: 80px !important; */
}

.service-popular-items .service-content{
    background: rgb(230 235 244);
}

.grow-business-wrapper-2 .grow-business-image .grap-shape{background: rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* .hero-3 .hero-image .bcright-shape img{
    width: auto;
} */
.linechart-bob img{
    width: 60% !important;
}

.piechart-bob img{
    width: 50% !important;
}



/* .hero-3 .hero-image .message-shape {
    position: absolute;
    bottom: 5%;
    left: 58%;
    -webkit-animation: rotate-center 50s linear infinite both;
    animation: rotate-center 50s linear infinite both;} */

.hero-3 .hero-image .frame-shape{
    width: 20%;
}



@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Add vendor prefixes for compatibility */
@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.grow-business-wrapper .grow-image-items .user-shape {
    right: -4%;
    bottom: 10%;
}

.grow-business-wrapper .grow-image-items .grow-shape{
    top: 10%;
    left: -5%;

}

.grow-business-wrapper-2 .grow-business-image img{
    width: 100%;
}

.grap-shape{
    width: 40%;
}

.grap-shape img{
    width: 100% !important;
}

.grow-business-image .grap-shape {
    left: -10% !important;
    top: -3% !important;
}

.grap-shape-frame{
    width: 50%;
    position: absolute;
    right: 0% !important;
    bottom: -13% !important;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.grap-shape-frame img{
    width: 100% !important;
}

.icon-items {
    display: flex;
    margin-top: 30px;
    gap: 20px;
}


.icon-items .dot {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: var(--white);
    box-shadow: 0px 5px 30px rgba(92, 48, 253, 0.3);
    border-radius: 50%;
    position: relative;
}

.icon-items .dot::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--theme);
    transform: translate(-50%, -50%);
    border-radius: 10px;
}

.checkit img{
   width: 25px;
}

.grow-business-content{
    margin-left:50px;
}

.grow-business-content h4{
    font-family: 'Toxigenesis Rg';
    font-size: 24px;
}

.social-icon img{
    width: 60px;
}

.social-icon img:hover{
    transform: scale(1.3);
    transition: ease 1s;
}

.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {
    width: 60px;
    height: 60px;
}

.grow-business-wrapper .grow-image-items .grow-shape {width: 40%;}
.grow-business-wrapper .grow-image-items .grow-shape img{
    width: 100%;
}

.grow-business-wrapper .grow-image-items .user-shape {width: 40%;}
.grow-business-wrapper .grow-image-items .user-shape img{
    width: 100%;
}


.hero-image {
    position: relative;
    margin: 50px auto;
    perspective: 1000px;
}

.hero-image img {
    display: block;
    width: 500px;
    height: auto;
}


.hero-3 .hero-content h1{
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 1px;
}

.grow-business-wrapper .grow-image-items .grow-image{
    max-width: 100%;
}

.contact-wrapper .contact-right .contact-form-items .form-clt input, .contact-wrapper .contact-right .contact-form-items .form-clt textarea {
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    padding: 16px 20px;
    border-radius: 8px;
    color: #3d52a0;
    border: 1px solid #000000;
}

.bg-cover-contact{
    position: relative;
}

.contact-list i{
    color: #3d52a0;
    font-size: 20px;
}

.banner-img{
    width: 300px;
    z-index: 99;
    position: relative;
}

.banner-img::before{
    content: '';
    /* background: rgb(255 255 255 / 30%); */
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.banner-img img{
    width: 100%;
}

.breadcrumb-wrapper .page-heading .breadcrumb-items {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    justify-content: start;

}

.breadcrumb-wrapper .page-heading {
    position: relative;
    z-index: 9;
    /* text-align: left; */
    justify-content: flex-end;
    
}

.breadcrumb-wrapper .page-heading p{
    padding-top: 30px ;
    
}

.contact-form-items .row{
    background: rgb(255 255 255 / 38%);
    padding: 20px;
    border-radius: 20px;
    margin-top: 10px;
}

.service-wrapper .page-heading{
    flex:1;
}

.ServiceInnerContent p {
    width: 481px;
}

.ServiceInnerContent p b{
    font-weight: bold;
    color: #000;
}

.service-image{
    margin: 0 auto;
    text-align: center;
}

.service-image img{
    width: 50% !important;
}




/* .hero-3 .hero-image .bcright-shape {
    position: absolute;
    right: 100px;
    bottom: 10%;
    left: inherit;
    top: inherit;
    width: auto;
} */

.hero-3 .hero-content .hero-button{
    margin-top: 50px;
}

.digital-markating-section{
    position: relative;
    background-image: url(assets/img/whychoose-bg.png);
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
}

.digital-markating-section::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: radial-gradient(66.34% 66.34% at 50% 25.71%, rgba(16, 24, 40, 0.3) 0%, rgba(16, 24, 40, 0.97) 100%);
}

.digital-cards{
    position: relative;
}

.service-box-items{
    background: rgb(61 82 160 / 35%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(2.5px);
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before, span[class^="flaticon-"]:before, span[class*=" flaticon-"]:before{
    color: #ffffff;
}

.pt-5{
    padding-top: 50px;
}

.header__hamburger{
    display: none;
}

@media (max-width: 1400px) {
    h2 {
        font-size: 45px;
    }
    p {
        font-size: 1rem;
    }
    .hero-3 .hero-content h1 {
        font-size: 40px;
    }
    .hero-content .emp-lg {
        font-size: 90px;
    }
}

@media(max-width: 1198px){
    .header__hamburger{
        display: block;
    }
}


@media(max-width: 991px){
    .header__hamburger{
        display: block;
    }
    .hero-section-emp{
        height: auto;
        padding-bottom:0;
    }
    .hero-content .emp-lg {
        font-size: 50px;
    }
    .hero-3 .hero-content .hero-button {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: flex-start;
    }
    
    .mean-container .mean-nav ul li.mean-last{
        display: none;
    }
}

@media(max-width: 600px){
    /* .hero-3 .hero-image .bcright-shape{
        bottom: 5%;
    } */
    .about-wrapper.style-2 .about-content .icon-items .dot {
        width: 40px;
        height: 30px;
    } 
    .grow-shape{
        display: none;
    }
    .service-popular-items{
        padding: 0;
    }
    .link--drag:hover::before{
        transform: none;
    }
    .link::before, .link::after{
        width: 0;
    }
    .service-wrapper{
        padding-top: 10%;
        flex-direction: column;
        gap: 10px;
    }
    .ServiceInnerContent p {
        width: 290px;
    }
    .grow-business-content {
        margin-left: 0;
    }

    .header-button .theme-btn-new{
        width: 100%;
    }

    .about-content p{
        width: 100%;
    }
    
}


.whatsapp-float {
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce 1.5s infinite;
    z-index: 9999; /* Ensures it stays on top of all elements */
}
.whatsapp-float img {
    width: 40px;
    height: 40px;
}
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}