.grecaptcha-badge {
    visibility: hidden !important;
}
.navbar-toggler
{
	padding-right:0;
}

.top-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media (max-width: 991px) {

	body .modal .modal-dialog .modal-content .modal-body .title
	{
		font-size: 20px;
		text-align: justify;
		line-height: 25px;
	}
    /*body .main-content .hero .video-wrapper #slider-video {
        margin-top: 152px !important;
        height: 49% !important;
    }

    body .main-content .hero {
        height: 51vh !important;
    }*/

    body .main-content .goals {
        padding: 40px 0 !important;
    }

    body header .navbar .dropdown .dropdown-menu.show {
        border-radius: 10px;
    }

    body header .navbar .header-right {
        top: 33px !important;
    }

    /* Make the navbar background white on mobile and tablet */
    .navbar {
        background-color: #ffffff !important;
        /* White background */
    }

    /* Set the navbar logo to black */
    .navbar .navbar-brand img {
        filter: brightness(0);
		max-width: 150px;
        /* This makes the logo black */
    }

    /* Style the toggle button (hamburger icon) to black */
    .navbar-toggler .icon.menu,
    .navbar-toggler .icon.close {
        filter: brightness(0) !important;
        /* Makes the icons black */
    }

    .top-bar .first-section .top-bar-text {
        display: block !important;
        /* Overrides d-none */
        font-size: 12px !important;
        /* Sets font size to 12px */
        text-align: left;
    }

    .top-bar .first-section .top-bar-text a {
        font-size: 12px !important;
    }

    .top-bar .second-section .follow-text,
    .top-bar .second-section .social {
        display: none !important;
    }

    .social-section {
        display: flex;
        align-items: center;
        justify-content: center;
        /* Center-align the entire section */
        margin-top: 10px;
        font-size: 14px;
        /* Set font size to 14px */
    }

    .social-section p {
        margin: 0;
        font-size: inherit;
        /* Inherit the font size from the social section */
        margin-right: 8px;
    }

    .social-section ul.social {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .social-section ul.social li {
        margin-right: 10px;
    }

    /* Apply color to <a> tags inside the social section */
    .social-section ul.social li a {
        color: #d3181f !important;
        /* Set color for the <a> tag */
        text-decoration: none;
        /* Remove underline if desired */
    }
}

/*@media (max-width: 429px) {
		body .modal .modal-dialog .modal-content .modal-body .title
	{
		font-size: 20px;
		text-align: justify;
		line-height: 25px;
	}

    body .main-content .hero .video-wrapper #slider-video {
        margin-top: 144px !important;
        height: 47% !important;
    }

    body .main-content .hero {
        height: 67vh !important;
    }

    body .main-content .goals {
        padding: 40px 0 !important;
    }
}*/

/* Hide the social section on larger screens */
@media (min-width: 992px) {
    .social-section {
        display: none;
    }

    .top-bar {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 70px !important;
    }

    .top-bar .first-section {
        justify-content: flex-start;
        /* Aligns to the left */
    }

    .top-bar .second-section {
        justify-content: flex-end;
        /* Aligns to the right */
    }

    /* Additional styling to ensure alignment */
    .top-bar .first-section,
    .top-bar .second-section {
        flex: 1;
        display: flex;
    }
}


/* WhatsApp Button Wrapper */
.whatsapp-button-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px; /* Adjust as needed */
    height: 60px; /* Adjust as needed */
    z-index: 9999;
	border-radius: 50%;
}

/* WhatsApp Button */
.whatsapp-button {
    position: relative; /* Needed for pseudo-element positioning */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #25D366;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.whatsapp-button:hover {
    background-color: #1EBE57;
}

/* Icon Styling */
.floaticon {
    width: 30px; /* Adjust as needed */
    height: 30px; /* Adjust as needed */
    display: block;
    position: relative;
    z-index: 2; /* Ensure icon is on top */
}


/* Whatsapp Ripple Effect */
.whatsapp-button-wrapper::before,
.whatsapp-button-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid 3px rgb(37, 211, 102); /* Ripple color */
    border-radius: 50%;
    opacity: 0.5; /* Important: Start with opacity 0 */
}

.whatsapp-button-wrapper::before {
    animation: ripple 2s linear infinite;
}

.whatsapp-button-wrapper::after {
    animation: ripple 2s 1s linear infinite; /* 1s delay for staggered effect */
}


/* Telegram Button Wrapper */
.tg-button-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px; /* Adjust as needed */
    height: 60px; /* Adjust as needed */
    z-index: 9999;
	border-radius: 50%;
}

/* tg Button */
.tg-button {
    position: relative; /* Needed for pseudo-element positioning */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #1E96C8;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.tg-button:hover {
    background-color: #0B84B6;
}

/* Telegram Ripple Effect */
.tg-button-wrapper::before,
.tg-button-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid 3px rgb(30, 150, 200); /* Ripple color */
    border-radius: 50%;
    opacity: 0.5; /* Important: Start with opacity 0 */
}

.tg-button-wrapper::before {
    animation: ripple 2s linear infinite;
}

.tg-button-wrapper::after {
    animation: ripple 2s 1s linear infinite; /* 1s delay for staggered effect */
}

@keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0;
    }
}



@media (max-width: 768px) {
	
	body{
		padding-bottom: 60px;
	}
    /* Common styles for both buttons */
    .whatsapp-button-wrapper,
    .tg-button-wrapper {
        position: fixed;
        bottom: 0;
        width: 50%;  /* Each button takes half the screen */
        height: 60px; /* Adjust height as needed */
        z-index: 9999;
        border-radius: 0; /* Remove circular shape */
    }

    /* WhatsApp button on the left */
    .whatsapp-button-wrapper {
        left: 0;
        background-color: #25D366;
    }

    /* Telegram button on the right */
    .tg-button-wrapper {
        right: 0;
        background-color: #1E96C8;
    }

    /* Button styling */
    .whatsapp-button,
    .tg-button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

    /* Icon styling */
    .floaticon {
        width: 30px; /* Adjust as needed */
        height: 30px;
    }

    /* Remove ripple effect */
    .whatsapp-button-wrapper::before,
    .whatsapp-button-wrapper::after {
        display: none;
    }
	.tg-button-wrapper::before,
    .tg-button-wrapper::after {
        display: none;
    }
	
	.modal .modal-dialog .modal-content .modal-body .title {
	  font-size: 20px !Important;
	  text-align: left !Important;
	  margin-bottom: 20px !Important;
	  line-height: 25px !Important;
	}
}