@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0);}
    20%, 80% { transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% {transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(4px, 0, 0); }
}

.shake_button { animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both 7s 5; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }
.navbar-brand { background-image: url('../images/bullet-logo-animated.gif'); background-size: cover; /* Adjust as needed */ width: 140px; /* Adjust width as needed */ height: 75px; /* Adjust height as needed */ }
.ftco-counter .text.text-border { border-right: 0px solid rgba(0, 0, 0, 0.07); }
.logo-color {color: #228B70;}

/* Common Hero Section Styles */
.hero-section-common {
    position: relative;
    min-height: 35vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-top: 80px;
}

.hero-section-common .hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.hero-section-common .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-section-common .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 139, 112, 0.8);
    z-index: -1;
}

.hero-section-common .hero-content {
    color: white;
    z-index: 1;
}

.hero-section-common .hero-title {
    color: white;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-section-common .hero-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Brand Button Styles - Global */
.btn-brand {
    background-color: #228B70;
    border-color: #228B70;
    color: white;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-brand:hover {
    background-color: #1C7D64;
    border-color: #1C7D64;
    color: white;
}

.btn-brand:focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 139, 112, 0.5);
}

.btn-brand i {
    margin-right: 0.5rem;
}

/* Contact Link Styles - Make links look like regular text */
.contact-link {
    color: inherit !important;
    text-decoration: none !important;
}

.contact-link:hover {
    color: inherit !important;
    text-decoration: none !important;
}

/* CTA Button Styles - Global */
.cta-button .btn {
    padding: 12px 30px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cta-button .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* CTA Section - Global */
.cta-section {
    padding: 4rem 0;
    background: #228B70;
}

.cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.cta-text h2 {
    color: white;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.cta-text p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.1rem;
    margin: 0;
}

/* CTA Section Responsive */
@media (max-width: 768px) {
    .cta-content {
        flex-direction: column;
        text-align: center;
    }
}
.bullet-message { font-size: 45px; margin-bottom: 60px; }
.bullet-message p { line-height: 1.3; margin-bottom: 10px; }
.bullet-message b.logo-color { font-style: italic; }
@media (max-width: 768px) { .bullet-message { margin-top: 25px; margin-bottom: 25px; } }

/************************* Homepage CSS Start *********************************/
@media (max-width: 991.98px) {
    .hero-wrap {
        background-position: 70% center !important;
    }
}
/************************* Homepage CSS End   *********************************/

/************************* Society CSS Start *********************************/
.hero-wrap.hero-wrap-society { height: 300px !important; }
.hero-wrap.hero-wrap-society .overlay { height: 300px !important; }
.hero-wrap.hero-wrap-society .slider-text { height: 350px !important; }
/************************* Society CSS End *********************************/

/************************* Common CSS Start *********************************/
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; }
.select2-container .select2-search--inline .select2-search__field {height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; }
.selection-select, .select2-hidden-accessible {width: 100% !important;}
.cmt-4-6-r { margin-top: 4.6rem }
.ml-10-p { margin-left: 10%; }
.font-italic { font-style: italic; }
.justify-text { text-align: justify; text-justify: inter-word; }
.cursor-pointer { cursor: pointer; }
.accordion-custom .card-header { cursor: pointer; }
.accordion-custom .card-header button { font-size: medium; color: #228B70; font-weight: 600; }
.map-container { overflow: auto; max-width: 100%; }
/************************* Common CSS End *********************************/

/************************* Message CSS Start *********************************/
.info-msg, .success-msg, .warning-msg, .error-msg { margin: 10px 0; padding: 10px; border-radius: 3px 3px 3px 3px;}
.info-msg { color: #059; background-color: #BEF; }
.success-msg { color: #270; background-color: #DFF2BF; }
.warning-msg { color: #9F6000; background-color: #FEEFB3; }
.error-msg { color: #D8000C; background-color: #FFBABA; }
/************************* Message CSS End *********************************/

/************************* Custom .btn-theme CSS Start *********************************/
.btn-theme { color: #fff; background-color: #228B70; border-color: #228B70; box-shadow: none; }
.btn-theme:hover { color: #fff; background-color: #1C7D64; border-color: #1A7359; }
.btn-theme:focus, .btn-theme.focus { color: #fff; background-color: #1C7D64; border-color: #1A7359; box-shadow: 0 0 0 0 rgba(34, 139, 112, 0.5); }
.btn-theme.disabled,
.btn-theme:disabled { color: #fff; background-color: #228B70; border-color: #228B70; }
.btn-theme:not(:disabled):not(.disabled):active,
.btn-theme:not(:disabled):not(.disabled).active,
.show > .btn-theme.dropdown-toggle { color: #fff; background-color: #1A7359; border-color: #185F50; }
.btn-theme:not(:disabled):not(.disabled):active:focus,
.btn-theme:not(:disabled):not(.disabled).active:focus,
.show > .btn-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(34, 139, 112, 0.5); }
/************************* Custom .btn-theme CSS End *********************************/

/************************* Loading Overlay CSS Start *********************************/
.loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */ z-index: 9999; /* Ensure it appears on top of other elements */ display: none; /* Initially hidden */ text-align: center; align-items: center; justify-content: center; }
/************************* Loading Overlay CSS End *********************************/

/************************* Progress Bar CSS Start *********************************/
.custom-sr-only { margin-top: 1%; }
/************************* Progress Bar CSS End   *********************************/

/************************* Overriding Original CSS Start *********************************/
.hero-wrap.hero-wrap-2 { height: 450px !important; position: relative; }
.hero-wrap.hero-wrap-2 .overlay { width: 100%; opacity: .1; height: 450px; }
.hero-wrap.hero-wrap-2 .slider-text { height: 450px !important; }
/************************* Overriding Original CSS End *********************************/

/************************* Overriding Check Box CSS Start *********************************/
.terms-and-conditions-checkbox .custom-control-input.is-invalid ~ .custom-control-label { color: #666666; }
.terms-and-conditions-checkbox .custom-control-label::before { margin-top: 0.5%; cursor: pointer; }
.terms-and-conditions-checkbox .custom-control-label::after { top: 0.45rem; }
.terms-and-conditions-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: #228B70; background-color: #228B70; }
/************************* Overriding Check Box CSS End   *********************************/

/************************* Sweet Alert Check Box CSS Start *********************************/
.swal2-styled.swal2-confirm { background-color: #228B70; }
.swal2-styled.swal2-confirm:focus { box-shadow: 0 0 0 3px rgba(34, 139, 112, 0.5); }
/************************* Sweet Alert Check Box CSS End   *********************************/

/************************* Social Media Icon CSS Start *********************************/
ul.ftco-footer-social li a { color: #FFFFFF !important; }
/************************* Social Media Icon CSS End   *********************************/