/*!
Theme Name: fortisTech_gten
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fortistech_gten
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

fortisTech_gten is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* CSS Variables */
:root {
    /* Colors */
    --primary-color: #0056b3;
    --secondary-color: #00356f;
    --dark-black: rgba(23, 23, 23, 1);
    --bg-dark: #001529;
    --text-light: rgba(84, 84, 84, 1);
    --text-dark: rgba(0, 0, 0, 1);
    --card-bg: rgba(246, 246, 246, 1);
    --card-border: #1e3a8a;
    --body-color:  rgba(255, 255, 255, 1);
    --feature-card-bg : linear-gradient(180deg, #0F111C 0%, rgba(4, 5, 8, 0.3) 100%);
    --feature-card-box-shadow-1 :  0px 0.301px 1.505px -1.083px rgba(255, 255, 255, 0.16) inset, 0px 1.144px 5.721px -2.167px rgba(255, 255, 255, 0.14) inset, 0px 5px 25px -3.25px rgba(255, 255, 255, 0.09) inset;
    --seventy-twenty-five : calc(25px + (70 - 25) * (100vw - 320px) / (1920 - 320));
    --eighteen-fourteen : calc(14px + (18 - 14) * (100vw - 320px) / (1920 - 320));
    --fifty-twenty-five : calc(25px + (50 - 25) * (100vw - 320px) / (1920 - 320));
    --sixteen-fourteen : calc(14px + (16 - 14) * (100vw - 320px) / (1920 - 320));
    --fifty-twenty : calc(20px + (50 - 20) * (100vw - 320px) / (1920 - 320));
    --twenty-five-sixteen : calc(16px + (25 - 16) * (100vw - 320px) / (1920 - 320));
    --twenty-five-eighteen : calc(16px + (25 - 16) * (100vw - 320px) / (1920 - 320));
    --twenty-fourteen : calc(14px + (20 - 14) * (100vw - 320px) / (1920 - 320));
    --fourteen-twelve : calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
    --eighteen-sixteen : calc(16px + (18 - 16) * (100vw - 320px) / (1920 - 320));
    --thirty-twenty : calc(20px + (30 - 10) * (100vw - 320px) / (1920 - 320));
    --twenty-eighteen : calc(18px + (20 - 18) * (100vw - 320px) / (1920 - 320));
    --forty-two-twenty : calc(20px + (42 - 20) * (100vw - 320px) / (1920 - 320));
    --vision-font: calc(124px + (400 - 124px) * (100vw - 320px) / (1920 - 320));


    /* Typography */
    --font-size-base: 16px;
    --font-size-sm: 14px;
    --font-size-md: 18px;
    --font-size-lg: 24px;
    --font-size-xl: 32px;
    --font-size-xxl: 48px;
    /* Line Heights */
    --line-height-sm: 1.2;
    --line-height-base: 1.5;
    --line-height-lg: 1.8;
    --line-height-hero-title: calc(70px + (120 - 70) * (100vw - 320px) / (1920 - 320));
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 5rem;
    
    /* Border Radius */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --Primary-Gradient : linear-gradient(90deg, #FFF 0%, #70BEFA 100%);
	--bs-border-width : 0px;
	--bs-navbar-toggler-focus-width: 0rem;
    /* Transitions */
    --transition-speed: 0.3s;
    --poppins :  "Poppins", sans-serif;
    --conso :  "Conso", sans-serif;
	--bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

/* Base Styles */
body {
   
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--text-dark);
    background: var(--body-color);
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: var(--line-height-sm);
    margin-bottom: var(--spacing-sm);
}

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: all var(--transition-speed) ease;
}
/* header css */
header {
	background-color: rgba(252, 250, 248, 1)!important;
	padding: var(--spacing-sm) 0;
	width: 100%;
	border: 0px solid rgba(238, 237, 237, 0.3);
	box-shadow: -5px -5px 250px 0px rgba(255, 255, 255, 0.02) inset;
}

.navbar {
	padding: var(--spacing-sm) 0;
}
@media (min-width:990px) {
    header {
      padding: var(--spacing-lg) 0;  
    }
    .navbar {
	padding: var(--spacing-md) 0;
}
}
nav.transparent {
    background-color: rgba(252, 250, 248, 1)!important;
}
nav.white {
    background-color: rgba(252, 250, 248, 1)!important;
    box-shadow: 6px 8px 12px 0 rgba(0, 0, 0, .25);
}
.navbar-toggler:focus {
	box-shadow: none;
}
.nav-item a.nav-link {
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 154%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.75);
    display: flex;
        justify-content: space-between;
}
.dropdown-menu .dropdown-item {
    font-family: var(--poppins);
    font-weight: 300;
    font-size: 16px;
    line-height: 154%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.75);
}
/* footer css */
footer {
	background-color: var(--dark-black);
	padding: var(--spacing-md) 0;
	width: 100%;
	height: auto;
}
.footer__section_secondary {
	background-color: rgba(29, 29, 29, 1);
	padding: var(--spacing-md) 0;
}
footer li , .footer__inline-nav li {
	list-style: none;
}
.footer_column {
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}
@media (min-width:990px) {
    .footer_column {
        align-content: center;
    }
}
.footer__address-list li, .footer_p, .footer__address-list li a, .footer__inline-nav li {
	font-family: var(--poppins);
font-weight: 400;
font-size: 14px;
line-height: 21.75px;
letter-spacing: 0%;
color: rgba(204, 204, 204, 1);
}
.footer__section h6 {
	font-family: var(--poppins);
	font-weight: 700;
	font-size: 14px;
	line-height: 250%;
	letter-spacing: 0%;
	color: rgba(204, 204, 204, 1);
}
/* homepage css */
.carousel-control-next-icon, .carousel-control-prev-icon{
	background-color:  rgba(0, 0, 0, 0.25);
	border: 0.82px solid;
	backdrop-filter: blur(16.484375px);
	box-shadow: -0.6px 0.6px 0.6px -1.2px rgba(255, 255, 255, 0.35) inset;
	padding: 10px 10px;
	border-radius: 50%;
	width: 25px;
    height: 25px;
	background-size: 50% 100%;
}
.hero-section {
    padding: var(--spacing-md) 0;
    padding-bottom: 0;
}
    .offcanvas-header .btn-close {
    margin: 0;
}

.vision {
    /* height: 100vh; */
    z-index: 10;
    overflow: hidden;
    padding: var(--spacing-md) 0;
    max-height: max-content;
    background-color: rgba(252, 250, 248, 1);
}
@media (min-width:990px) {
    .carousel-control-next-icon, .carousel-control-prev-icon{ 
        padding: 30px 30px;
    }
    .offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto;
}
.hero-section {
    padding: 0;
    padding-bottom: 0;
}
.vision {
    padding: var(--spacing-lg);
}
}
.bground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
@media(min-width:990px){
        .bground {
     align-items: center;
}
}


.vision_img {
    font-family: var(--conso);
font-weight: 600;
font-size: clamp(124px, calc(124px + 276 * ((100vw - 320px) / 1600)), 400px);
line-height: 112.00000000000001%;
letter-spacing: 0%;
text-transform: capitalize;
color: rgba(0, 0, 0, 0.04);
text-align: center;
}
.background {
    position: absolute;
    top: 0rem; /*0 */
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.slider-track {
    position: absolute;
    display: flex;
    width: max-content;
    flex-wrap: wrap;
    flex-direction: column;
       overflow: hidden;
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
    transform: translate3d(0, 0, 0); /* Force hardware acceleration */
}
.top-track {
    top: 40px;
     -webkit-animation: slideLeft 15s linear infinite;
    animation: slideLeft 15s linear infinite;
    left: 5%; 
     overflow: hidden;
     animation: slideLeft 15s linear infinite;
    animation-delay: 0.1s; /* Small delay to help Safari initialize properly */
    animation-fill-mode: forwards;
}
.bottom-track {
    top: 40px;
     -webkit-animation: slideRight 15s linear infinite;
    animation: slideRight 15s linear infinite;
    right: 5%; 
     overflow: hidden;
     animation: slideRight 15s linear infinite;
    animation-delay: 0.1s; /* Small delay to help Safari initialize properly */
    animation-fill-mode: forwards;
}
/*@-webkit-keyframes slideLeft {*/
/*    0% {*/
/*        -webkit-transform: translateY(0);*/
/*        transform: translateY(0);*/
/*    }*/
    
/*    100% {*/
/*        -webkit-transform: translateY(-50%);*/
/*        transform: translateY(-50%);*/
/*    }*/
/*}*/
/*@-webkit-keyframes slideRight {*/
/*    0% {*/
/*         -webkit-transform:translateY(-50%);*/
/*        transform: translateY(-50%);*/
/*    }*/
    
/*    100% {*/
/*          -webkit-transform: translateY(0);*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/

/* Standard keyframes */
@keyframes slideLeft {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes slideRight {
    0% {
        transform: translate3d(0, -50%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* Safari-specific keyframes with vendor prefixes */
@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -50%, 0);
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

/* Extra Safari fixes - add these if still having issues */
@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
        .slider-track {
            transform: translateZ(0);
        }
    }
}
.model-card {
    width: 100%;
    height: 100%;
    margin: 10px 0px;
    background-color: transparent;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.feature-img {
    width: clamp(130px, calc(130px + (110 * ((100vw - 302px) / 898))), 200px);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width:470px) {
    #topTrack .model-card  {
    justify-content: start;
    }
    #bottomTrack .model-card  {
    justify-content: end;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bottom-track {
        right: -45px;
        
    }
    .top-track {
        left: -45px;
    }
}
@media (min-width:1199px) {
    .feature-img {
       width: 230px;
    }
}
@media (min-width:1400px) {
    .feature-img {
      width: 270px;
    }
}

.flex-fill-50 {
  flex: 1 1 50% !important;
}
.vheight {
    max-height: 100%;
    height: 50vh;
}

.background:before {
    filter: blur(6px);
    content: "";
    position: absolute;
           top: -6%;
    width: 100%;
    height: 220px;
    z-index: 1;
    border-radius: 20px;
    /*transform: rotate(180deg);*/
    background: linear-gradient(180.42deg, #FCFAF8 12.55%, rgba(252, 250, 248, 0.421983) 64.11%, rgba(252, 250, 248, 0) 92.26%);
}
@media (min-width:1200px) {
    .vheight {
         height: 60vh;
    }
    .background:before { 
                top: -9%;
    }
    
}
.background::after {
    content: "";
    position: absolute;
        bottom: -3rem;
    width: 100%;
    height: 220px;
    z-index: 1;
    /* filter: blur(6px); */
        transform: rotate(180deg);
    background: linear-gradient(180.42deg, #FCFAF8 12.55%, rgba(252, 250, 248, 0.421983) 64.11%, rgba(252, 250, 248, 0) 92.26%);
    border-radius: 20px;
}
.vision_title h1 {
    font-family: var(--conso);
    font-weight: 600;
    font-size: var(--seventy-twenty-five);
    line-height: 112.00000000000001%;
    letter-spacing: 0;
    text-transform: capitalize;
}
.vision-text p {
    font-family: var(--poppins);
    font-weight: 400;
    font-size: var(--eighteen-fourteen);
    line-height: 154%;
    letter-spacing: 0;
    text-transform: capitalize;
}
a.btn.vision-btn.px-3 {
    box-shadow: 0px 73.72px 62.66px 0px rgba(0, 0, 0, 0.09);
    background: rgba(0, 0, 0, 1);
    font-family: var(--poppins);
    font-weight: 600;
    font-size: 16px;
    line-height: 154%;
    letter-spacing: 0;
    text-transform: capitalize;
    color: rgba(255, 255, 255, 1);
    border-radius: 0;
}

.supplier {
    padding: var(--spacing-md) 0;
    width: 100%;
    max-height: 100%;
}
h1.source-title {
    font-family: var(--conso);
    font-weight: 600;
    font-size: var(--fifty-twenty-five);
    line-height: 112.00000000000001%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 1)
}
p.source-text {
    font-family: var(--poppins);
    font-weight: 300;
    font-size: var(--sixteen-fourteen);
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.8);
}
.inquire, .contact-page-row  {
    padding: var(--spacing-lg) 0;
    max-height: max-content;
    background-color: rgba(252, 250, 248, 1);
}
 .contact-page-row {
     padding-left:var(--spacing-md);
     padding-right:var(--spacing-md);
     border-radius:10px;
 }
.contact-head, .contact-page  {
    padding: var(--spacing-md) 0;
    max-height: 100%;
}
@media(max-width:990px) {
     .contact-page-row {
     padding-left:var(--spacing-xs);
     padding-right:var(--spacing-xs);
 }
}
.breadcrum-section {
      padding: var(--spacing-xs) 0;
}
.product-card {
    padding: var(--spacing-sm) 0;
    max-height: max-content;
}
.contact-info {
    padding: var(--spacing-lg) 0;
    max-height: max-content;
    background-image: url(Assets/Texture.svg);
}

.info-section .section-title {
    font-family: var(--conso);
    font-weight: 700;
    font-size: var(--fifty-twenty);
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}
.info-section p {
    font-family: var(--poppins);
    font-weight: 400;
    font-size: var(--sixteen-fourteen);
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}
.contact-detail {
    margin-bottom: 3rem;
}
.contact-detail .contact-info-title {
    font-family: var(--conso);
    font-weight: 400;
    font-size: var(--twenty-five-sixteen);
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}
.contact-detail .contact-info-text {
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);

}
.social-links a {
    text-decoration: none;
    margin-right: 1rem;
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: rgba(0, 0, 0, 1);
    
}
.btn-submit, .btn-submit:hover, .btn-submit:focus,  .btn:disabled{
    background-color: #000;
    color: rgba(255, 255, 255, 1);
    border: none;
    padding: 0.75rem;
    width: 100%;
    font-family: var(--poppins);
    font-weight: 600;
    font-size: var(--sixteen-fourteen);
    line-height: 154%;
    letter-spacing: 0%;
    text-transform: capitalize;

}
.form-label {
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}
.form-control, .form-control:focus, .form-control:hover, .form-select, .form-select:focus {
    background: rgba(255, 255, 255, 1);
    border: none;
    transition: none;
    box-shadow:none;
    border-radius: 0;
}
.form-control::placeholder, .form-select:optional {
    color: rgba(178, 178, 178, 1);
    font-family: var(--poppins);
    font-weight: 300;
    font-size: 14.71px;
    line-height: 100%;
    letter-spacing: 0%;
}
.info-text {
    font-family: var(--conso);
    font-weight: 400;
    font-size: 18.04px;
    line-height: 27.07px;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}
.info-title {
    font-family: var(--conso);
    font-weight: 700;
    font-size: var(--forty-two-twenty);
    line-height: 130%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}
.info-card-title {
    font-family: var(--poppins);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
}
.font_400 {
    font-weight: 400 !important;
}
.font_500 {
    font-weight: 500 !important;
}
.main-title {
    font-family: var(--conso);
    font-weight: 500;
    font-size: var(--thirty-twenty);
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.8);
}
.about-description {
    font-family: var(--poppins);
font-weight: 300;
font-size: var(--sixteen-fourteen);
line-height: 100%;
letter-spacing: 0%;
color: rgba(84, 84, 84, 1);
}

.feature {
    display: flex;
    gap: 2rem;
}

.about-image {
    width: 100%;
    height: auto;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
}

.feature-icon {
    width: 150px;
    height: auto;
    border-radius: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-bottom: 1rem;
    position: relative;
}
.feature-icon img {
    width: 55px;
    height: 55px;
}
.icon-feature:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    /* background-color: #000; */
    border-left: 0.74px solid rgba(155, 155, 155, 1);
    left: 50%;
    /* right: 0; */
    top: 70px;
}

.feature-title {
    font-family: var(--conso);
    font-weight: 700;
    font-size: var(--twenty-eighteen);
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 1rem;
    color: rgba(31, 31, 31, 1);
}

.feature-description, .material-list li {
    font-family: var(--poppins);
    font-weight: 400;
    font-size: var(--sixteen-fourteen);
    line-height: 100%;
    letter-spacing: 0%;
    color:rgba(84, 84, 84, 1) ;    
    margin-bottom: 1.5rem;
}

.material-list {
    padding-left: 0;
}

.material-list li {
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
}
.child-breadcrumb a, .child-breadcrumb span {
    font-family: var(--conso);
    font-weight: 300;
    font-size: var(--twenty-fourteen);
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.8);
}
.product-card .card {
  box-shadow: 0px 10px 24px 0px rgba(149, 157, 165, 0.2);


}
.product-card .card-body {
    background:var(--card-bg);
}
.product-card .card-title {
    font-family: var(--poppins);
    font-weight: 500;
    font-size: var(--twenty-fourteen);
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 1);
}
.product-card p {
    font-family: var(--poppins);
    font-weight: 300;
    font-size: var(--fourteen-twelve);
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
}


.items-center {
    display: flex;
        justify-content: flex-start;
}
@media (min-width: 990px) {
    .items-center {
        justify-content: center;
    }
}
.items-end {
    display: flex;
        justify-content: flex-end;
}
.items-start {
    display: flex;
        justify-content: flex-start;
}

.divider {
    width: 30px;
    border-top: 2px solid #212529;
    margin-bottom: 1rem;
}

.scroll-to-top {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
  border: 5px solid #000;
    margin-bottom: 2rem;
    cursor: pointer;
    top:-2rem;
}

.whatsapp-button {
    position: fixed;
    bottom: 20px; /* Adjust as per your need */
    right: 20px; /* Adjust as per your need */
    width: 60px;
    height: 60px;
    background-color: green; /* Change color as needed */
    border-radius: 50%;
    text-align: center;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    z-index: 1000;
    cursor: pointer;
}

.whatsapp-button i {
    font-size: 30px;
    line-height: 60px;
    color: #fff; /* Change icon color as needed */
}