body {
        font-family: "montserrat", sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #000;
    }

    .site-header {
        transition: transform 0.3s ease-in-out;
    }

    .site-header.hide {
        transform: translateY(-100%);
    }

    main {
        padding-top: 154px;
    }

    .video-section {
        position: relative;
        min-height: 100vh;
        background: #000;
        overflow: hidden;
        color: #fff;
        font-family: "montserrat", sans-serif;
        font-weight: 900;
        font-style: normal;
    }

    .video-section h1 {
        font-weight: 900;
        font-style: normal;
        text-transform: uppercase;
        font-size: calc(2.3rem + 2.4vw);
    }

    .video-section video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;

    }

    img.logo {
        width: max(182px, 19.2vw);
        padding-left: 1px;
        padding-right: 7px;
    }

    .offcanvas .nav-link {
        padding: 1rem 0;
    }

    /* Overlay */
    .video-section::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1;
    }

    .video-content {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-self: flex-end;
    }

    .offcanvas {
        width: 100vw !important;
    }

    .ficon {
        display: initial;
        flex-shrink: 0;

        background: transparent;
        border: none;
    }

    .close-icon-x {
        width: 28px;
        height: 28px;
        margin: 8px 3px 0 auto;
        padding: 5px 5px;
    }

    .ficon svg {
        display: flex;
        height: inherit;
        width: inherit;
    }

    .navbar-toggler {
        background: transparent;
        border: none;
        width: 35px;
        height: 35px;
    }

    .my-toggler-icon {
        display: flex;
        width: 35px;
        height: 35px;
    }

    .navbar-toggler:focus {

        box-shadow: none;
    }

    .offcanvas-body .nav-item>.nav-link {
        border-bottom: 1px solid;
        padding: .5rem 0;
    }

    .offcanvas-body {
        padding-left: 0;
    }

    .offcanvas-body .navbar-nav {
        margin-right: 1.9rem;
    }

    .navbar-nav {
        font-family: "montserrat", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .lead-top {
        text-transform: uppercase;
    }

    .lead-top span {
        font-weight: 600;
        font-style: italic;
        background: rgb(237, 27, 36);
        padding: 0 .35rem;
        margin-left: .3rem;
    }

    .site-header {
        font-family: montserrat, sans-serif;
        font-weight: 900;
        height: max(150px, 19vh);
    }

    .h-container {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        padding: 0 50px;
        position: relative;
    }

    .site-header .navbar-nav .nav-link {
        font-weight: 600;
        font-size: 1.25rem;
        color: black;
    }

    .site-header .navbar {
        margin: 0;
        padding: 0;
    }

    .gcol {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-around;
    }

    .hero-section1 {
        padding: 4rem 0;
    }

    .gcol {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-around;
        text-align: center;
    }

    .btn.btn-donate {
        align-items: center;
        background-attachment: scroll;
        background-clip: border-box;
        background-color: rgb(237, 27, 36);
        font-size: 1.5rem;
        color: #fff;
        font-weight: 500;
        border-radius: 0;
        padding: 1.3rem 4.4rem;
    }

    .hcol {
        font-size: 1.1rem;
        color: black;
    }

    .hcol h2 {
        font-size: 3.16rem;
        font-weight: 700;
    }

    .hcol p {
        margin-top: 2rem;
    }

    .crow {
        display: flex;
        justify-content: space-between;
        width: 100%;
        text-align: center;
    }

    .ccol {
        /* flex: 0 0 50%; */
        width: 44%;
    }

    .img-responsive {
        max-width: 100%;
    }

    .img-full {
        width: 100%;
    }



    .ministry-section1 {
        background: #f5f5f5;
        padding: .7rem 0 2rem;
        position: relative;
    }

    .news-btn-wrapp {
        text-align: center;
    }

    .ministry-section1::before {
        content: '';
        position: absolute;
        left: calc(50% - 10vw);
        height: 10px;
        width: 20vw;
        background: #fff;
        top: 0;
    }

    .ministry-section1 h3 {
        font-size: 3.16rem;
        font-weight: 300;
    }

    .btn-img-mg {
        margin-top: 2.5rem;
    }

    .btn-site {
        background-color: rgb(255, 255, 255);
        color: black;
        padding: .52rem 5rem;
        border: 1px solid;
        border-radius: 0;
        font-weight: 700;
        font-size: 1.2rem;
        transition: all .6s;
    }

    .btn-site:hover {
        background: black;
        color: #fff;
    }

    .btn-news {
        background: black;
        color: #fff;
        padding: .65rem 3.5rem;
        border: 1px solid;
        border-radius: 0;
        font-weight: 700;
        font-size: 1.2rem;
        transition: all .6s;
    }

    .btn-news:hover {
        background: rgb(237, 27, 36);
        color: #fff;
    }

    .insta-widget-home {
        height: 475px;
        width: 100%;

    }

    .insta-area {
        background: black;
    }

    .insta-area h3 {
        font-size: 3.16rem;
        font-weight: 300;
        color: #fff;
        padding: 3rem 0;
    }

    .social-menu img {
        width: 43px;
        height: 43px;
        object-fit: contain;
        object-position: center center;
    }

    .social-area {
        background: black;
        padding: 4rem 0 4rem 65px;
    }

    footer {
        background: black;
        color: #fff;
        font-weight: 300;
        padding: 4rem 0 2rem;
    }

    .footer-s-links {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .footer-s-links li {}

    .footer-s-links a,
    .footer-s-links a:visited,
    .footer-s-links a:active {

        padding: 0.3rem 0;
        margin: 0;
        color: #fff;
        display: inline-block;
    }

    footer h4 {
        font-size: .95rem;
        margin-bottom: 1rem;
    }

    .banner-section::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        z-index: 1;
        background-color: #5e4f4f;
    }

    .banner-section.events-banner::before {
        z-index: 3;
        background-color: #242323;
    }

    .gbgtop {
        position: relative;
        z-index: 22;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .gbgl1,
    .gbgl2 {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        z-index: 2;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .gbgl1 {
        background: radial-gradient(circle at 90.33333460489908% 28.33337465922038%, #000000 0%, 17.5%, rgba(0, 0, 0, 0) 35%), radial-gradient(circle at 5.333333412806193% 20.500041643778484%, #000000 0%, 32%, rgba(0, 0, 0, 0) 64%), radial-gradient(circle at 3.6667072772979736% 84.3333371480306%, #000000 0%, 50%, rgba(0, 0, 0, 0) 100%), radial-gradient(circle at 88.66666793823242% 92.99999872843424%, rgba(237, 27, 36, 0.99) 0%, 25%, rgba(237, 27, 36, 0) 50%), radial-gradient(circle at 56.000003814697266% 32.33333269755045%, #000000 0%, 42%, rgba(0, 0, 0, 0) 70%), radial-gradient(circle at 93.6865234375% 11.42578125%, #717171 0%, 42%, rgba(113, 113, 113, 0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255, 255, 255, 0) 100%);
    }

    .gbgl2 {
        background: radial-gradient(circle at 69.00000254313152% 93.66666793823242%, #000 0%, 35%, rgba(0, 0, 0, 0) 70%), radial-gradient(circle at 7.000000476837158% 100%, #ED1B24 0%, 14.702999999999998%, rgba(237, 27, 36, 0) 39%), radial-gradient(circle at 6.165364583333333% 12.617187499999998%, #000 0%, 42%, rgba(0, 0, 0, 0) 70%), radial-gradient(circle at 91.33333206176758% 8.166666825612385%, #000 0%, 42%, rgba(0, 0, 0, 0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFF 0%, 100%, rgba(255, 255, 255, 0) 100%);
    }

    .banner-section {
        background-size: cover;
        height: calc(100vh - max(150px, 19vh));
        position: relative;
    }

    .banner-title {
        position: relative;
        padding-left: 4rem;
        color: #fff;
    }

    .banner-title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 15%;
        width: 2px;
        height: 75%;
        background: #fff;
    }

    .banner-title h1 {
        font-size: 5.4rem;
        font-weight: 900;
        text-transform: uppercase;
    }


    .textual {
        margin: 5rem 0 3rem 0;
        font-size: .9rem;
    }

    .textual h2 {
        font-size: 3.45rem;
        font-weight: 900;
        margin-bottom: 2rem;
        color: black;
    }

    .headline-t {
        text-transform: uppercase;
    }

    .full-learn-link {
        width: 100%;
        display: block;
        text-align: center;
        height: 5rem;
        line-height: 5rem;
        background: black;
        color: #fff;
        text-decoration: none;
        margin: 5rem 0;
        cursor: pointer;
        font-weight: 300;
    }

    .full-learn-link:hover {
        line-height: 4.9rem;
        font-size: 1.2rem;
        transition: all .5s;
        font-weight: 500;
    }

    .full-learn-link svg {
        fill: #fff;
    }

    .icontexty {
        display: inline;
        width: 1.2rem;
        height: 2rem;
        transform: rotate(180deg);
    }

    .img-h-s {
        position: relative;
        width: 100%;
        display: flex;
    }

    .img-h-s h3 {
        display: flex;
        top: 0;
        color: #fff;
        font-weight: 900;
        font-size: 3.8rem;
        /* padding: 0 10%; */
        /* justify-self: center; */
        height: 100%;
        position: absolute;
        align-items: center;
        padding: 0 max(3rem, 15%);
        /* max-width: 610px; */
        margin: 0 auto;
        text-align: center;
        background: rgba(0, 0, 0, 0.75);
        width: 100%;
    }

    .gray-secto {
        background: #f5f5f5;
        padding: 4rem 0;
    }

    .legacy-sect {
        margin-bottom: 7rem;
    }

    .racing h2 {
        font-size: 3.9rem;
        text-align: center;
        color: rgb(237, 27, 36);
        font-weight: 700;
        margin: 1rem 0 5rem;
    }

    .racing {
        font-size: 1.35rem;
    }

    .god-speed-bar {
        background: #ed1b24;
        color: #fff;
        margin: 12rem 0 0;
        padding: 1rem;
    }

    .channel-text-logo {
        text-align: center;
        font-size: 3.1rem;
        font-weight: 900;
        font-style: italic;
        padding: 2rem 0;
    }

    .channel-text-logo span {
        color: black;
        font-style: normal;
    }

    .subsc-magz {
        font-size: .97rem;
        padding: 2rem 0;
        color: black;
    }

    .subsc-magz span {
        color: #fff;
        font-weight: 500;
    }

    .learn-link {
        color: #fff;
        background: #000000;
        text-decoration: none;
        padding: .7rem 6rem;
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 300;
        border-radius: 5px;
        margin: 2rem 0;
        display: inline-block;
        text-align: center;
    }

    .gsbanner .banner-title h1 {
        background: #ed1b24;
        display: inline-block;
        padding: 0 1rem;
        /* height: 6rem; */
        /* padding-top: -1.5rem; */
        font-style: italic;
    }

    .god-speed-logo {
        font-size: 3rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .god-speed-logo span {
        background: #ed1b24;
        color: #fff;
        padding: 0 .75rem;
        font-style: italic;
    }

    .godspeed-channel {
        padding: 5rem 0;
    }

    .black-strip {
        background: black;
        height: 4rem;
    }

    .red-italic {
        color: #ed1b24;
        font-style: italic;
    }

    .red-text {
        color: #ed1b24;
        text-decoration: none;
    }

    .gsb-text {
        margin: 3.5rem 0 1rem;
        font-weight: 300;
    }

    .godspeed-book {
        padding: 4rem 0 1rem;
    }

    .gs-container {
        padding: 0 15.7% 0 8.9%;
    }

    .commun-text {
        text-align: center;
        padding: 6rem 0;
    }

    .commun-text h3 {
        margin-bottom: 4rem;
        font-size: 2.3rem;
        font-weight: 400;
        color: black;
    }

    .commun-text h3 span {
        color: rgb(237, 27, 36);
        font-weight: 700;
    }

    .commun-text a {
        color: rgb(237, 27, 36);
        font-weight: 600;
        word-break: break-word;
    }

    .godspeed-magz {
        margin: 5rem 0;
    }

    .godspeed-txt {
        margin: 2rem 0;
        font-weight: 300;
    }

    .godspeed-txt STRONG {
        font-weight: bold;
    }

    .gs-form-text {
        margin: 3rem 0;
        padding: 0 12.8%;
    }

    .form-control,
    .form-control:focus,
    .form-select,
    .form-select:focus {
        border-radius: 0;
        padding: .5rem .75rem;
        border-color: black;
        box-shadow: none;
        font-weight: 300;
        color: black;
    }


    /* 
    
    select 2 
    overrides 
    start 
    
    */

    /* ===== Select2 Bootstrap 5 Override ===== */

    .select2-container {
        width: 100% !important;
    }

    .select2-container--default .select2-selection--single {
        height: 38px;
        padding: 1.3rem 1rem;
        border: 1px solid #000;
        border-radius: 0;
        background-color: #fff;
        display: flex;
        align-items: center;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0;
        line-height: 1.4;
        color: #212529;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
        right: 10px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #6c757d transparent transparent transparent;
    }

    /* Focus (match Bootstrap) */
    .select2-container--default.select2-container--focus .select2-selection--single {}

    /* Dropdown */
    .select2-dropdown {
        border-radius: 0;
        border: 1px solid #ced4da;
        overflow: hidden;
    }

    /* Search input */
    .select2-search--dropdown .select2-search__field {
        border-radius: 0;
        padding: 8px 12px;
        border: none;
        border-bottom: 1px solid #dee2e6;
        outline: gray;
    }

    /* Results */
    .select2-results__option {
        padding: 8px 12px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .select2-results__option--highlighted {
        background-color: #999 !important;
    }

    /* Disabled */
    .select2-container--disabled .select2-selection--single {}

    /* Input-group fix */
    .input-group .select2-container {
        flex: 1 1 auto;
    }

    .input-group .select2-container .select2-selection--single {}

    /* 
    
    select 2 
    overrides 
    ends 
    
    */


    .btn.btn-primary {
        background-color: rgb(237, 27, 36);
        font-weight: 300;
        border-radius: 0;
        border: none;
        padding: .57rem 3rem;
        display: block;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }


    .btn.btn-primary:hover {
        background: rgba(237, 27, 36, 0.61);
    }


    .btn.btn-secondary {
        background-color: black;
        font-weight: 400;
        /* border-radius: 0; */
        /* border: none; */
        padding: .57rem 3rem;
        /* display: block; */
        text-transform: uppercase;
        /* width: 100%; */
        text-align: center;
        border-radius: 5px;
        transition: all .5s;
        border: 1px solid transparent;
    }


    .btn.btn-secondary:hover {
        background: rgb(245, 245, 245);
        color: rgb(0, 0, 0);
        border: 1px solid rgb(0, 0, 0);
    }

    .iti.iti--allow-dropdown {
        display: block;
    }

    .donate-page {
        padding: 5rem 0;
    }

    .donate-text-1 {}

    .donate-text-1 p {
        margin: 1rem 0 2rem;
    }

    .donate-text-2 {
        font-size: 0.65rem;
        font-style: italic;
        font-weight: 300;
    }

    .btn.btn-donate2 {
        background-color: black;
        font-weight: 300;
        /* border-radius: 0; */
        /* border: none; */
        padding: .6rem 4rem;
        /* display: block; */
        text-transform: uppercase;
        /* width: 100%; */
        text-align: center;
        border-radius: 5px;
        transition: all .5s;
        border: 1px solid transparent;
        color: #fff;
    }


    .btn.btn-donate2:hover {
        background: rgb(245, 245, 245);
        color: rgb(0, 0, 0);
        border: 1px solid rgb(0, 0, 0);
    }

    .donate-page h1 {
        font-size: 5.2rem;
        font-weight: 900;
        text-transform: uppercase;
    }

    .contact-p {
        padding: 4rem 0px;
        /* font-weight: 300; */
    }

    .contact-p h2 {
        font-size: 5rem;
        font-weight: 900;
        text-transform: capitalize;
    }

    .contact-form .form-control {
        border-radius: 4px;
        border: none;
    }

    .contact-form {
        padding: 1.4rem;
        background: #e5e5e5;
        border-radius: 6px;
        font-size: .9rem;
        font-weight: 300;
        color: black;
    }


    .contact-form .select2-container--default,
    .contact-form .select2-selection--single {
        height: 38px;
        padding: 1.3rem 0.5rem;
        border: none;
        /* border-radius: 0; */
        background-color: #fff;
        display: flex;
        align-items: center;
        border-radius: 4px;
    }

    .contact-form .form-check-label {
        font-size: 1rem;
    }

    .btn.btn-contact-p {
        background-color: black;
        font-weight: 400;
        padding: .57rem 3rem;
        text-transform: uppercase;
        text-align: center;
        border-radius: 5px;
        transition: all .5s;
        border: 1px solid transparent;
        width: 100%;
        margin-top: 1rem;
        color: #fff;
    }


    .btn.btn-contact-p:hover {
        background: rgb(245, 245, 245);
        color: rgb(0, 0, 0);
        border-color: transparent;
    }

    .address-area {
        font-size: .85rem;
        /* font-weight: 300; */
        margin: 4rem 0;
    }

    .address-area a,
    .address-area a:hover {
        color: black;
    }

    .iti__search-input {
        outline: gray;
        border: 1px solid gray;
        border-radius: 0;
        padding: .7rem inherit 0.7rem inherit;
        height: 2rem;
    }

    .frame-pay {
        height: 100%;
        width: 100%;
    }

    .gs-form-text {
        margin: 0rem 0;
        padding: 0 0;
    }

    #frmContact .form-label {
        font-size: .876rem;
    }

    .blog-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: 1px solid rgba(245, 245, 245, 0.75);
        border-radius: 0;
    }


    .blog-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: 1px solid rgba(245, 245, 245, 0.75);
    }

    .blog-card:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .blog-card-image-wrapper {
        border-bottom: 1px solid rgba(245, 245, 245, 0.75);
    }


    .blog-card-body {
        padding: 1.5rem;
    }

    .blog-card-excerpt {
        line-height: 1.6;
        text-decoration: none;
        color: black;
    }

    .blog-read-more {
        font-size: 0.875rem;
    }

    .blog-like-btn {
        color: #6c757d !important;
        transition: color 0.2s ease;
    }

    .blog-like-btn {
        color: #dc3545 !important;
    }

    .blog-like-btn.liked {
        color: #dc3545 !important;
    }

    .blog-like-btn.liked .like-icon {
        display: none;
    }

    .blog-like-btn.liked .like-icon-filled {
        display: inline-block;
        animation: likePulse 0.4s ease;
    }

    .like-icon,
    .like-icon-filled {
        transition: all 0.2s ease;
    }

    .view-icon {
        transition: all 0.2s ease;
    }

    .blog-like-btn:hover .like-icon {
        stroke-width: 2.5;
    }

    /* Share Modal Styles */
    .share-social-buttons .btn {
        flex: 1;
        min-width: 120px;
        justify-content: center;
    }

    .share-url-container .input-group {
        border-radius: 8px;
        overflow: hidden;
    }

    .share-url-container .form-control {
        border-right: 0;
    }

    .share-url-container .btn-outline-secondary {
        border-left: 0;
        background-color: #f8f9fa;
    }

    .share-embed textarea {
        font-family: monospace;
        resize: none;
    }

    .btn-menu-s {
        background: transparent;
        border: none;
        color: #6c757d;
        text-align: right;
        display: inline-block;
        width: 1px;
        margin-right: -6px;
    }

    .btn-menu-s:hover {
        color: #495057;
        background-color: #f8f9fa;
    }

    @keyframes likePulse {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.2);
        }

        100% {
            transform: scale(1);
        }
    }

    .blog-card-title a {
        color: black;
    }

    .blog-single {
        background: black;
        color: #fff;
        display: flex;
    }

    .blog-post-detail-w {
        background: #fff;
        margin: 0rem 7.1%;
        display: flex;
        flex-direction: column;
    }

    .blog-card:hover a {
        color: rgb(237, 27, 36);
    }

    .blog-post-detail {
        padding: 2rem 8%;
        color: black;
        margin: 3rem 5rem 2rem;
        border: 1px solid #8080801c;
    }

    .recent-posts {
        margin: 0 5rem;
        background: #fff;
        color: black;
        padding: 0 0 1rem 0;
        /* padding-top: 4rem; */
        font-weight: 300;
    }

    .recent-posts h5 {
        min-height: 2.8rem;
    }

    .recent-posts .recent_head {
        min-height: 2.4rem;
        font-weight: 300;
        font-size: 1.2rem;
        margin: 0 0 1.2rem;
        line-height: 2.4rem;
    }

    .recent_head_link {
        text-decoration: none;
        font-size: .9rem;
        color: #000;
    }

    .blog-title {
        font-weight: 900;
    }

    .button-center-1 {
        text-align: center;
    }

    .blog-body .button-center-1 a {
        padding: .8rem 1.5rem;
        background: black;
        color: #fff;
        text-decoration: none;
        font-weight: 100;
        text-transform: uppercase;
        font-size: .85rem;
        border-radius: 6px;
        margin: 1rem auto;
        display: inline-block;
    }

    .p-s-share-section {
        /* background-color: #f8f9fa; */
        border: 1px solid #8080807d;
        border-width: 1px 0 1px 0;
        margin: 1.5rem 0 0;
    }

    .thin {
        font-weight: 300;
    }

    .p-s-share-container {
        /* max-width: 600px; */
        padding: 0;
    }

    .p-s-share-buttons {
        padding: .6rem 0;
    }

    .p-s-share-btn-wrapper {
        position: relative;
    }

    .p-s-share-btn {
        width: 50px;
        height: 50px;
        padding: 0;
        border-radius: 8px !important;
        border: none;
        background-color: #ffffff !important;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    .p-s-share-btn:hover {
        background-color: #f8f9fa !important;
        border-color: #adb5bd !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .p-s-share-btn:active {
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .p-s-share-btn:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
    }

    .p-s-icon {
        width: 19px;
        height: 19px;
        fill: #000;
        transition: fill 0.3s ease;
    }

    .social-network .p-s-icon {
        fill: #fff;
    }

    .p-s-share-btn:hover .p-s-icon {
        fill: #0d6efd;
    }

    /* Facebook specific hover */
    .p-s-share-btn-wrapper:nth-child(1) .p-s-share-btn:hover .p-s-icon {
        fill: #1877f2;
    }

    /* X (Twitter) specific hover */
    .p-s-share-btn-wrapper:nth-child(2) .p-s-share-btn:hover .p-s-icon {
        fill: #000000;
    }

    /* LinkedIn specific hover */
    .p-s-share-btn-wrapper:nth-child(3) .p-s-share-btn:hover .p-s-icon {
        fill: #0a66c2;
    }

    /* Link copy specific hover */
    .p-s-share-btn-wrapper:nth-child(4) .p-s-share-btn:hover .p-s-icon {
        fill: #28a745;
    }

    /* Print specific hover */
    .p-s-share-btn-wrapper:nth-child(5) .p-s-share-btn:hover .p-s-icon {
        fill: #dc3545;
    }

    .p-s-btn-label {
        font-size: 0.75rem;
        margin-top: 0.25rem;
    }

    .blog-body img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .blog-body {
        font-size: 1.15rem;
        font-weight: 400;
    }

    .blog-body a {
        color: rgb(237, 27, 36);
    }

    .blog-body strong {
        font-weight: 600;
    }

    /* Responsive adjustments */
    @media (max-width: 576px) {
        .p-s-share-btn {
            width: 45px;
            height: 45px;
        }

        .p-s-share-buttons {
            gap: 0.75rem;
        }
    }

    /* Loading state */
    .p-s-share-btn.p-s-loading {
        cursor: wait;
        opacity: 0.7;
    }

    .p-s-share-btn.p-s-loading .p-s-icon {
        animation: p-s-spin 1s linear infinite;
    }

    @keyframes p-s-spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    /* Success state for link copy */
    .p-s-share-btn.p-s-success {
        background-color: #d1e7dd !important;
        border-color: #badbcc !important;
    }

    .p-s-share-btn.p-s-success .p-s-icon {
        fill: #0f5132;
    }

    /* Tooltip for buttons */
    .p-s-share-btn-wrapper {
        position: relative;
    }

    .p-s-share-btn-wrapper::after {
        content: attr(aria-label);
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #333;
        color: white;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 0.75rem;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s;
        z-index: 1000;
        display: none;
    }

    .p-s-share-btn-wrapper:hover::after {
        opacity: 1;
        visibility: visible;
    }

    .btn.btn-xx {
        position: absolute;
        right: .5rem;
        top: .5rem;
    }

    .share-modal-title {
        font-weight: 600;
    }

    #shareModal .modal-body {
        margin: 2.5rem 2rem;
    }

    /* footer social icons */
    ul.social-network {
        list-style: none;
        padding: 0;
    }

    ul.social-network li {
        display: inline-block;
        margin: 0 5px;
        margin: 1rem;
    }



    .social-network a.icoFacebook {
        background-color: #3B5998;
    }

    .social-network a.icoTwitter {
        background-color: #33ccff;
    }

    .social-network a.icoGoogle {
        background-color: #BD3518;
    }

    .social-network a.icoVimeo {
        background-color: #0590B8;
    }

    .social-network a.icoLinkedin {
        background-color: #007bb7;
    }

    .social-network a.icoCopy {
        background-color: #333333;
    }

    a.socialIcon:hover,
    .socialHoverClass {
        color: #44BCDD;
    }

    .social-circle li a {
        display: inline-block;
        position: relative;
        margin: 0 auto 0 auto;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        width: 45px;
        height: 45px;
        font-size: 20px;
        padding: 5px;
    }

    .social-circle li i {
        margin: 0;
        line-height: 50px;
        text-align: center;
    }

    .social-circle li a:hover svg,
    .triggeredHover {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms--transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -ms-transition: all 0.2s;
        transition: all 0.2s;
    }

    .social-circle i {
        color: #fff;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -o-transition: all 0.8s;
        -ms-transition: all 0.8s;
        transition: all 0.8s;
    }

    .social-network.social-circle {
        text-align: center;
        margin: 0;
    }

    #shareModal .modal-body {
        margin: 2.1rem 1.5rem;
    }

    .modal-content {
        border-radius: 0;
        margin: 1.5rem;
    }

    @media (max-width: 768px) {

        .blog-single {
            background: transparent;
        }

        .blog-post-detail-w {
            margin: 0;
        }

        .blog-post-detail {
            padding: 2rem;
            margin: 1rem 0;
        }

        .recent-posts {
            margin: 1rem 0rem;
            padding: 0 0 1rem 0;
        }

        .recent-posts .recent_head {
            margin: 0;
        }

        .gs-container {
            padding: 0 4%;
        }

        .video-section {
            min-height: calc(52vh - 80px);
            margin-top: 0;
        }

        main {
            padding-top: 80px;
        }

        .video-section video {
            /* height: auto; */
            object-fit: cover;
        }

        .video-content {
            align-self: center;
        }

        .site-header {
            height: 80px;
        }

        .navbar-brand {
            padding-right: 0;
            margin-right: 0;
        }

        .h-container {
            padding: 0 3.3%;
        }

        .ccol {
            /* flex: 0 0 50%; */
            width: 48.05%;
        }

        .ministry-section1 .btn-site {
            padding: .52rem 1.4rem;
            width: 100%;
        }

        .ministry-section1 h3 {
            font-size: 2.5rem;
            font-weight: 400;
            text-align: center;
        }

        .insta-area h3 {
            font-size: 2.7rem;
            text-align: center;
        }

        .hcol h2 {
            font-size: 2.2rem;
            font-weight: 700;
        }

        .btn.btn-donate {
            font-size: 1.4rem;
            padding: 0.17rem 0.5rem;
            margin-bottom: .7rem;
        }

        .banner-section {
            height: 290px;
        }

        .banner-title {
            padding-left: 1rem;
        }

        .banner-title h1 {
            font-size: 2.7rem;
        }

        .textual {
            margin: 3rem 0 0 0;
        }

        .textual h2 {
            font-size: 2.45rem;
        }

        .img-h-s h3 {
            font-size: 2.2rem;
            padding: 0 1rem;
        }

        .gray-secto {
            padding: 1.75rem 0;
        }

        .full-learn-link {
            margin: 3rem 0 1rem;
        }

        .legacy-sect {
            margin-bottom: 1rem;
        }

        .subsc-magz {
            padding: 0;
        }

        .learn-link {
            padding: .7rem 3rem;
            margin: 2rem 0;
        }

        .god-speed-bar {
            margin: 3rem 0 0;
        }

        .racing h2 {
            font-size: 2.6rem;
            margin: 0;
            padding: 1rem;
        }

        .godspeed-channel {
            padding: 2rem 0;
        }

        .commun-text {
            padding: 2rem 0;
        }

        .contact-p {
            padding: 1rem 0px 6rem;
        }

        .contact-p h2 {
            font-size: 2.3rem;
        }

        .donate-page {
            padding: .5rem 0 2rem;
        }

        .donate-page h1 {
            font-size: 2.7rem;
        }

        .frame-pay {
            height: 100vh;
        }

        #frmContact {
            padding: 2rem;
        }
    }