* {

        box-sizing: border-box;

        margin: 0;

        padding: 0;

    }

.um-form label{color: #000 !important;}

    body {

        font-family: 'poppins';

    }



    p {

        text-align: left !important;

        color: #555 !important;

        font-weight: 400;

        font-size: 16px !important;

        line-height: normal !important;

    }



    .lft-p p {

        text-align: left !important;

        color: rgb(255, 255, 255) !important;

        font-size: 13px !important;

        line-height: normal !important;

    }



    .excerpt-clamp {

        display: -webkit-box;

        -webkit-line-clamp: 8;

        /* Number of lines to show */

        -webkit-box-orient: vertical;

        overflow: hidden;

        text-overflow: ellipsis;

    }





    .lft-h {

        text-decoration: none !important;

        color: rgb(255, 255, 255) !important;

        font-size: 20px !important;

    }





    /* header */



    .post-title-overlay {

        position: absolute;

        top: 35%;

        left: 50%;

        transform: translate(-50%, -50%);

        color: white;

        /* Change color if needed */

        font-size: 2rem;

        /* Adjust size as needed */

        font-weight: bold;

        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);

        /* Adds nice visibility */

        z-index: 2;

    }



    @media (max-width: 786px) {

        .post-title-overlay {

            font-size: 14px !important;

        }

    }







    @media (max-width: 991.98px) {

        #mobileMenu a {

            margin-bottom: 8px;

        }

    }



    @media (max-width: 768px) {

        .height-mobile {

            height: 50px !important;

            width: auto !important;

        }

    }



    .dropdown-menu .dropdown-item {

        color: black;

        font-weight: 500;

        text-transform: uppercase;

    }



    .dropdown-menu .dropdown-item:hover {

        background-color: gainsboro;

        /* Optional: light background on hover */

        color: black;

    }



    .navbar-custom {

        background-color: #b20000;

    }



    /* Target navbar links and brand specifically */

    .navbar-custom .nav-link,

    .navbar-custom .navbar-brand {

        color: white;

    }



    /* Add hover effect */

    .navbar-custom .nav-link:hover,

    .navbar-custom .navbar-brand:hover {

        color: #f1f1f1;

    }



    /* Additional styling for nav-c */

    .nav-c .nav-item .nav-link {

        color: white !important;

        /* Ensure the text color is white */

        text-transform: uppercase;

        font-size: 15px;

        font-weight: 500;

        margin-right: 10px;

        /* Adds margin to the right of the navbar buttons */

        margin-left: 10px;

        /* Adds margin to the left of the navbar buttons */

    }



    .nav-c .nav-item .nav-link:hover {

        color: #f1f1f1;

        /* Optional hover color */

        font-weight: 500;

    }



    .headpages a {

        font-size: 18px;

        padding: 22px !important;

        color: black;

        text-transform: uppercase;

        font-weight: 600;

        /* Semi-bold */

        margin-right: 8px;

        /* Matches mr-2 */

        display: inline-block;

        transition: color 0.3s ease;

        text-decoration: none;

    }



    .headpages a:hover {

        color: red;

        /* Change to red on hover */

        text-decoration: none;

    }



    .col-red {

        color: red;

    }



    /* .header-scrolled {

                        background-color: black !important;

                        transition: background-color 0.3s ease;

                    }

                    .header-scrolled #logo-default {

                        display: none;

                    }

                    .header-scrolled #logo-scrolled {

                        display: block !important;

                    } */

    .header-default {

        background-color: #ffffff;

        /* Or your desired default background */

    }



    .header-scrolled .headpages a {

        color: white !important;

    }



    .headpages a {

        transition: color 0.3s ease, background-color 0.3s ease;

    }



    .headpages a:hover {

        color: red;

        text-decoration: none;

    }



    .hedmarg {

        padding-top: 0px !important;

        padding-bottom: 0px !important;

    }



    a.nav-link.sing {

        padding: 7px !important;

    }



    .sing {

        background-color: red !important;

        color: white !important;

        border: none;

        border-radius: 5px;

    }



    .sing:hover {

        background-color: red !important;

        color: white !important;

        border-color: red !important;

        text-decoration: none !important;

        box-shadow: none !important;

    }





    /* Footer Css */

    footer {

        background-color: #000;

        color: #fff;

    }



    .footer-logo span {

        color: #b30000;

        /* red S */

    }



    .footer-logo small {

        font-size: 22px;

        color: #fff;

    }



    .footer-contact a,

    .footer-bottom .right-links a {

        color: #b30000;

        text-decoration: none;

    }



    .footer-contact a:hover,

    .footer-bottom .right-links a:hover {

        text-decoration: underline;

    }



    .getp {

        font-weight: 600;

        color: white !important;

        font-size: 17px !important;

    }



    .geth {

        font-size: 22px Im !important;

        color: white !important;

        font-weight: 600 !important;

    }



    .phn {

        color: white !important;

    }



    .footer-bottom {

        background-color: #111;

        color: #ccc;

        font-size: 14px;

        padding: 15px 0;

    }



    a {

        color: #b30000 !important;

        font-size: 15px !important;

        text-decoration: none !important;

    }



    a:hover {

        color: #b30000 !important;

        font-size: 15px;

        text-decoration: underline !important;

    }



    .cpy {

        color: white !important;

    }



    .cpy :hover {

        color: #b30000 !important;

    }



    .text-white {

        color: #fff !important;

        font-weight: 400 !important;

    }





    @media (min-width: 992px) {



        /* Bootstrap lg and above = desktop */

        .custom-margin {

            margin-left: 100px !important;

        }

    }



    @media (max-width: 991px) {



        /* Tablet + Mobile screens */

        .custom-margin {

            text-align: center;

            /* Center inline content */

            margin-left: auto;

            /* Optional: center block elements */

            margin-right: auto;

            display: block;

            /* For buttons/divs */

        }

    }







    .main-body {

        margin: 0;

        font-family: 'Segoe UI', sans-serif;

        background: url('../img/Slider-bg-new.jpg') no-repeat center center;

        background-size: cover;

        box-sizing: border-box;

        /* height: 490px; */

    }



    .bg-red {

        background-color: #b60000;

    }



    .cover-h {

        font-size: 2.2rem;

        font-weight: 700 !important;

        color: #000;

        border-bottom: 2px solid #000000 !important;

        display: inline-block;

        width: 100%;

        padding-bottom: 5px !important;

        margin-bottom: 15px;

    }



    .cover-s {

        font-size: 2rem;

        font-weight: 700 !important;

        color: #000;

        border-bottom: 2px solid #000000 !important;

        display: inline-block;

        width: 100%;

        padding-bottom: 5px !important;

        margin-bottom: 15px;

    }





    .cover-content {

        font-size: 0.9rem;

    }



    .issue-label {

        font-size: 0.75rem;

        background-color: white !important;

        display: inline-block;

        font-weight: 600;

        color: black;

        margin-left: 10px;

        padding: 4px 5px;

    }



    .cover-title {

        font-size: 0.95rem;

        margin-left: 10px !important;

        font-weight: bold;

        line-height: 1.3;

    }



    .cover-content.bg-dark .btn-light {

        background: #ff0000;

        border-color: #ff0000;

        margin-left: 10px;

        font-weight: 600;

        color: #fff !important;

    }



    .cover-content.bg-danger .btn-light {

        background: #000;

        color: #fff;

        font-weight: 600;

        border-color: black;

        margin-left: 10px;

    }



    .issue-badge {

        display: inline-block;

        background: #fffefe;

        color: #ac0606;

        font-weight: bold;

        font-size: 15px;

        width: 46%;

        height: 22px;

        text-align: center;

        /* padding: 4px 23px; */

        text-transform: uppercase;

        margin-bottom: 8px;

    }



    .cover-title {

        color: white !important;

        font-weight: 600 !important;

        /* text-transform: lowercase !important; */

    }



    .flexx {

        height: 92px !important;

    }



    .bg-danger {

        background-color: #c20719 !important;

    }



    .title1 {

        font-size: 14px !important;

        text-transform: uppercase;

        font-weight: 600 !important;

        color: black !important;

    }



    .text-secondary {

        color: black !important;

    }



    /* spotlight */



    .btn-sm,

    .btn-group-sm>.btn {

        padding: 0.25rem 0.5rem !important;

        font-size: 10px !important;

        line-height: 1.5 !important;

        border-radius: 0 !important;

    }



    .btn-end {

        display: block;

        /* makes the button take a block level for alignment */

        text-align: right;

        /* aligns the content to the right */

    }



    .spotlight-logo {

        max-height: 80px;

        max-width: 150px;

        object-fit: contain;

        display: inline-block;

        margin: 0;

        border-radius: 0;

        /* float: left; */

    }



    .spotlight-bgg {

        background-color: #f2f2f2 !important;

    }



    .spotlight .item-card {

        padding: 15px;

    }



    .spotlight .item-card .card {

        transition: transform 0.3s ease, box-shadow 0.3s ease;

        border-radius: 10px;

    }



    .spotlight .item-card .card:hover {

        transform: translateY(-5px);

        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);

    }



    .spotlight .item-card h5 {

        font-weight: 600;

        margin-bottom: 10px;

    }



    .btn-danger {

        color: #fff !important;

        font-weight: 700 !important;

        background-color: #b20000 !important;

        border-color: #b20000;

    }



    .btn-danger:hover {

        font-weight: 700 !important;

        color: #fff !important;

        background-color: #c82333;

        border-color: #bd2130;

    }



    .card-body {

        height: 100% !important;

        background-color: #f2f2f2 !important;

    }



    .spotlight .item-card p {

        font-size: 14px;

        color: #555;

    }



    /* Custom navigation arrows */

    .owl-nav button.owl-prev,

    .owl-nav button.owl-next {

        position: absolute;

        top: 50%;

        transform: translateY(-50%);

        background: transparent !important;

        border: none !important;

        outline: none !important;

        z-index: 1000;

    }



    .owl-nav button.owl-prev {

        left: -40px;

    }



    .owl-nav button.owl-next {

        right: -40px;

    }



    .owl-nav svg {

        width: 35px;

        height: 35px;

        fill: #d32f2f;

        transition: fill 0.3s;

    }



    .owl-nav button:hover svg {

        fill: #bd2130;

    }



    /* Mobile adjustments */

    @media (max-width: 767px) {

        .owl-nav button.owl-prev {

            left: -15px;

        }



        .owl-nav button.owl-next {

            right: -15px;

        }

    }



    .synergy-card .featured-img {

        width: 60px;

        height: 60px;

        object-fit: cover;

        border-radius: 4px;

    }



    .synergy-wrapper {

        background-color: #f3f3f3;

        /* Light grey like in image */

    }



    /* .synergy-section {

    padding: 40px 20px;

    margin: 40px auto;

    max-width: 1300px;

  } */



    .synergy-heading {

        font-weight: 700;

        text-transform: uppercase;

        font-size: 22px;

        position: relative;

        margin-bottom: 30px;

    }



    .synergy-heading::after {

        content: '';

        width: 100%;

        height: 2px;

        background: #333;

        display: block;

        margin-top: 8px;

    }



    .synergy-card {

        background: #f7f7f7 !important;

        /* border: 1px solid #eee;

      box-shadow: 0 1px 4px rgba(0,0,0,0.05); */

        padding: 20px;

        width: 400px;

        display: flex;

        flex-direction: column;

        height: 100%;

        justify-content: space-between;

    }



    .synergy-card h6 {

        font-weight: 700 !important;

        font-size: 22px;

        margin-bottom: 10px;

    }



    .synergy-card p {

        font-size: 14px;

        margin-bottom: 10px;

    }



    .author {

        font-weight: bold;

        font-size: 14px;

        text-transform: uppercase;

        color: #333;

        margin-bottom: 10px;

    }



    .click-img-wrap {

        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-top: auto;

    }



    .click-btn {

        background: red;

        color: white;

        font-size: 12px;

        padding: 6px 12px;

        border: none;

        text-transform: uppercase;

        border-radius: 2px;

        text-decoration: none;

        white-space: nowrap;

    }



    .featured-img {

        width: 60px;

        height: 60px;

        object-fit: cover;

        border-radius: 4px;

        margin-left: 10px;

    }



    .see-all-btn {

        display: block;

        margin-left: auto;

        margin-top: 20px;

    }



    @media (max-width: 768px) {

        .click-img-wrap {

            flex-direction: column;

            gap: 10px;

        }



        .featured-img {

            margin-left: 0;

        }

    }



    .fon-art {

        font-size: 13px !important;

    }



    .leader img {

        transition: border 0.3s;

    }



    .leader.active img {

        border: 3px solid red;

        border-radius: 50%;

    }



    .cant {

        font-family: 'Poppins', sans-serif;

        /* background-color: #f4f4f4; */

        display: flex;

        justify-content: center;

        align-items: center;

        height: auto;

    }



    .cont {

        width: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .testimonial-carousel {

        position: relative;

        width: 80%;

        max-width: 900px;

        background: #f0f0f0;

        border-radius: 20px;

        padding: 30px;

        text-align: center;

        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

    }



    .testimonial-carousel img {

        width: 80px !important;

        height: 80px;

        border-radius: 50%;

        object-fit: cover;

        border: 4px solid white;

        background: white;

        z-index: 3;

    }



    .name {

        font-weight: bold;

        color: #d10000;

        margin-top: 10px;

        font-size: 20px;

    }



    .title {

        font-size: 16px;

        color: #333;

        margin-bottom: 15px;

    }



    .message {

        color: #555;

        line-height: 1.6;

        padding: 0 20px;

        font-size: 15px;

    }



    /* Custom Styling for Arrow */

    /* Custom Styling for Arrow */

    .owl-prev,

    .owl-next {

        font-size: 40px;

        color: #b00000;

        user-select: none;

        position: absolute;

        top: 50%;

        transform: translateY(-50%);

        z-index: 10;

    }



    .owl-prev {

        left: -50px;

    }



    .owl-next {

        right: -50px;

    }



    /* Styling for the Testimonial block */

    .testimonial {

        display: block;

        justify-content: center;

    }



    .pos {

        position: absolute !important;

    }



    .leader-col-b {

        color: black;

    }



    @media (max-width: 768px) {

        .media-text-box h2 {

            font-size: 22px !important;

        }

    }



    @media (max-width: 768px) {

        .testimonial-carousel {

            padding: 20px;

        }

    }





    @media (max-width: 767.98px) {

        .video-container {

            padding-top: 74px;

            padding-bottom: 74.25%;

        }

    }



    @media (max-width: 767.98px) {

        .video-container iframe {

            transform: scale(1);

            transform-origin: top;

            left: 0;

            width: 100%;

            height: 100%;



            border: 0;

        }

    }





    @media (max-width: 768px) {

        .headpages a {

            font-size: 12px;

        }

    }



    .section-heading {

        color: #d71920;

        font-weight: bold;

        margin-bottom: 40px;

        font-size: 37px;

    }



    .leaders-container {

        display: flex;

        justify-content: center;

        align-items: flex-end;

        gap: 30px;

        margin-top: 60px;

        flex-wrap: wrap;

    }



    .leader {

        position: relative;

        width: 100px;

        text-align: center;

        cursor: pointer;

    }



    .leader-col h1 {

        color: red;

    }



    .leader img {

        width: 100px;

        height: 100px;

        object-fit: cover;

        border-radius: 50%;

        border: 3px solid transparent;

        transition: border 0.3s ease;

    }



    .leader.highlight img {

        border-color: #d32f2f;

    }



    .leader:hover img {

        border-color: #d32f2f;

    }



    /* Wave effect */

    .leader:nth-child(1) {

        transform: translateY(20px);

    }



    .leader:nth-child(2) {

        transform: translateY(-20px);

    }



    .leader:nth-child(3) {

        transform: translateY(20px);

    }



    .leader:nth-child(4) {

        transform: translateY(-20px);

    }



    .leader:nth-child(5) {

        transform: translateY(20px);

    }



    .leader:nth-child(6) {

        transform: translateY(-20px);

    }



    .leader:nth-child(7) {

        transform: translateY(20px);

    }



    .leader:nth-child(8) {

        transform: translateY(-20px);

    }



    .leader:nth-child(9) {

        transform: translateY(20px);

    }



    .leader:nth-child(10) {

        transform: translateY(-20px);

    }



    .quote {

        margin-top: 80px;

        font-size: 1.2rem;

        transition: all 0.3s ease;

    }



    .quote small {

        display: block;

        margin-top: 5px;

        font-size: 0.85rem;

        color: #777;

        letter-spacing: 1px;

    }



    @media (max-width: 768px) {

        .leaders-container {

            gap: 42px !important;

        }

    }



    @media (max-width: 768px) {

        .section-heading {

            font-size: 45px !important;

        }

    }



    .owl-carousel .owl-item img {

        display: inline !important;

    }



    .flip-card-back .description {

        padding: 0px !important;

    }



    @media (max-width: 768px) {

        .topsd .red {

            font-size: 48px !important;

        }

    }



    @media (max-width: 768px) {

        .topsd .outlined {

            font-size: 66px !important;

        }

    }



    @media (max-width: 768px) {

        .aboutmarg {

            padding-top: 180px !important;

        }

    }



    @media (max-width: 768px) {

        .carousel-track {

            height: 75% !important;

        }

    }



    @media (max-width: 768px) {

        .newsletter-text {

            font-size: 21px !important;

            width: 267px !important;

        }

    }



    @media (max-width: 768px) {

        .carousel {

            width: 149px !important;

            height: auto;

        }

    }



    @media (max-width: 768px) {

        .heig-fix {

            height: 520px !important;

        }

    }



    .owl-carousel .owl-item img {

        border: 1px white !important;

        border-color: white;

    }



    .energy-section {

        background-color: #f2f2f2;

        padding: 50px 0;

        padding-top: 0px;

    }



    .section-heading {

        color: #d71920;

        font-weight: bold;

        font-size: 55px !important;

    }



    .hover-box {

        position: relative;

        background-size: cover;

        background-position: center;

        height: 400px;

        margin-bottom: 20px;

        overflow: hidden;

        border: 1px solid #fff;

        transition: all 0.4s ease;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .box-content {

        text-align: center;

        color: #fff;

        background: rgba(0, 0, 0, 0.6);

        height: 100%;

        width: 100%;

        padding: 10px;

        transition: all 0.4s ease;

        display: flex;

        align-items: center;

        justify-content: center;

        flex-direction: column;

    }



    .box-content .description {

        display: none;

        font-size: 14px;

        line-height: 1.5;

        max-width: 90%;

        margin-top: 10px;

    }



    .hover-box:hover .description {

        display: block;

        text-align: left;

    }



    .hover-box:hover .title1 {

        display: none;

    }



    .title1 {

        font-size: 30px;

        font-weight: 150px;

        color: #eff0f2;

        margin-bottom: 160px;

    }



    @media (max-width: 1366px) {

        .title1 {

            font-size: 26px;

        }

    }



    .hover-box {

        perspective: 1000px;

    }



    .flip-card-inner {

        position: relative;

        width: 100%;

        height: 400px;

        transition: transform 0.6s;

        transform-style: preserve-3d;

    }



    .hover-box:hover .flip-card-inner {

        transform: rotateY(180deg);

    }



    .flip-card-front,

    .flip-card-back {

        position: absolute;

        width: 100%;

        height: 100%;

        backface-visibility: hidden;

        overflow: hidden;

    }



    .flip-card-front {

        background-size: cover;

        background-position: center;

        display: flex;

        align-items: flex-end;

        justify-content: center;

        padding: 10px;

        color: white;

        text-align: center;

    }



    .flip-card-front .overlay {

        background: rgba(0, 0, 0, 0.5);

        /* darken for better text visibility */

        width: 100%;

        padding: 10px;

        border-radius: 8px;

    }



    .flip-card-back {

        background-color: white;

        transform: rotateY(180deg);

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 10px;

        text-align: center;

    }



    .over {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        display: flex;

        flex-direction: column;

        justify-content: flex-end;

        z-index: 1;

    }



    .flip-card-front,

    .flip-card-back {

        border: none !important;

        /* ← Prevent default white border */

    }



    .flip-card-back {

        background-color: #fff;

        transform: rotateY(180deg);

        padding: 0;

        /* minimize extra spacing */

    }



    .flip-card-back .description {

        padding: 30px;

    }



    .testimonial-image img {

        object-fit: contain !important;

    }



    .whatinside {

        margin-bottom: 120px;

        background-color: #00000063;

        opacity: 0.9;

    }



    .post {

        /* position: fixed; */

        z-index: 9999;

    }



    .topsd h1 {

        font-size: 5rem;

        font-weight: 700;

        margin: 0;

    }



    .topsd .red {

        color: #ff2d2d;

    }



    .topsd h2 {

        font-size: 5rem;

        font-weight: 700;

        line-height: 1.2;

        margin: 0;

    }



    .topsd .outlined {

        color: transparent;

        -webkit-text-stroke: 2px white;

        text-stroke: 2px white;

        /* for Firefox */

    }



    .about1 {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .testimonial-1 h2 span {

        background: white;

        color: #b60000;

    }



    .aboutmarg {

        padding-top: 85px;

    }



    .newsletter-section {

        background: linear-gradient(to right, #b60000, #00b4d8);

        color: white;

        padding: 30px 150px;

        display: flex;

        justify-content: space-between;

        align-items: center;

        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    }



    .newsletter-text {

        font-size: 28px;

        font-weight: 700;

    }



    .subscribe-button {

        padding: 14px 32px;

        font-size: 16px;

        border: none;

        background: white;

        color: #0077b6;

        font-weight: bold;

        cursor: pointer;

        border-radius: 8px;

        transition: 0.3s ease-in-out;

        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);

    }



    .subscribe-button:hover {

        background-color: #e0e0e0;

        transform: scale(1.05);

    }



    /* Overlay background */

    .popup-form {

        display: none;

        position: fixed;

        z-index: 1000;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background-color: rgba(0, 0, 0, 0.6);

        animation: fadeIn 0.4s ease-in-out;

    }



    @keyframes fadeIn {

        from {

            opacity: 0;

        }



        to {

            opacity: 1;

        }

    }



    /* Centered larger popup */

    .popup-content {

        background-color: #fff;

        position: absolute;

        top: 55%;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 90%;

        max-width: 500px;

        height: auto;

        max-height: 80%;

        padding: 30px;

        text-align: center;

        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);

        animation: slideIn 0.4s ease-out;

        overflow-y: auto;

    }



    @keyframes slideIn {

        from {

            transform: translate(-50%, -60%);

            opacity: 0;

        }



        to {

            transform: translate(-50%, -50%);

            opacity: 1;

        }

    }



    .popup-content h2 {

        margin-top: 0;

        font-size: 28px;

        color: #b60000;

        text-align: center;

    }



    .popup-content input {

        width: 100%;

        padding: 10px;

        margin: 12px 0;

        font-size: 16px;

        border: 1px solid #ccc;

        border-radius: 10px;

        transition: 0.3s;

    }



    .popup-content input:focus {

        border-color: #00b4d8;

        outline: none;

        box-shadow: 0 0 6px rgba(0, 180, 216, 0.5);

    }



    .popup-content button {

        background-color: #b60000;

        color: white;

        border: none;

        padding: 14px;

        cursor: pointer;

        border-radius: 10px;

        font-size: 16px;

        width: 100%;

        transition: background 0.3s;

        margin-top: 10px;

    }



    .popup-content button:hover {

        background-color: #005f8a;

    }



    .small-text {

        font-size: 12px;

        color: #777;

        margin-top: 15px;

        text-align: center;

        line-height: 1.5;

    }



    .close-btn {

        position: absolute;

        top: 15px;

        right: 20px;

        font-size: 26px;

        color: #999;

        cursor: pointer;

        transition: 0.2s;

    }



    .close-btn:hover {

        color: red;

        transform: rotate(90deg);

    }



    @media (max-width: 768px) {

        .newsletter-section {

            flex-direction: column;

            text-align: center;

        }



        @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

            .test-image {

                margin-top: 175px !important;

            }

        }



        @media only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

            /* Your CSS for iPhone 14 Pro in portrait */

        }



        .subscribe-button {

            margin-top: 20px;

        }



        .popup-content {

            width: 90%;

            padding: 30px 20px;

        }

    }



    .pop-logo {

        height: 70px;

        justify-items: center;

        text-align: center;

    }



    /* Stats Styles */

    .stat-box {

        border: 1px solid red;

        padding: 20px;

        border-radius: 0px;

        background-color: #f7f7f7;

        width: 100%;

        max-width: 250px;

        transition: background-color 0.5s ease, color 0.5s ease;

    }



    .stat-box:hover {

        background-color: #d71920;

        color: #fff;

    }



    .stat-box:hover .stat-number {

        color: #fff;

    }



    .stat-icon {

        height: 40px;

        margin-bottom: 10px;

    }



    .stat-number {

        font-weight: 700 !important;

        color: #d71920;

        margin-bottom: 10px;

    }



    .col2 {

        background-color: #eff0f2;

        padding: 50px 15px;

        display: flex;

        justify-content: center;

    }



    .f25 {

        font-size: 23px !important;

        color: black;

        text-align: center !important;

    }



    .stat-box .stat-icon {

        transition: filter 0.3s ease;

    }



    .stat-box:hover .stat-icon {

        filter: brightness(0) invert(1);

    }



    /* Responsive Adjustments */

    @media (max-width: 768px) {

        .stat-box {}



        .col2 {

            padding: 30px 10px;

        }



        .f25 {

            font-size: 20px;

        }



        .stat-icon {

            height: 35px;

        }

    }



    @media (max-width: 1536px) {

        .f25 {

            font-size: 18px !important;

        }

    }



    @media (max-width: 1366px) {

        .f25 {

            font-size: 15px !important;

        }

    }



    /* Optional Red Box Variant */

    .red-box {

        background-color: #d71920;

        color: #fff;

    }



    .red-box .stat-number {

        color: #fff;

    }



    /* Section Titles */

    .platform-title {

        font-size: 28px;

        font-weight: bold;

    }



    .platform-title span {

        color: #d71920;

    }



    .platform-subtitle {

        color: #333;

        margin-top: 10px;

    }



    /* Service Box Styles */

    .service-box {

        position: relative;

        overflow: hidden;

        border-radius: 6px;

    }



    .service-box img {

        width: 100%;

        height: auto;

        display: block;

        border-radius: 6px;

    }



    .overlay-text {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        color: #fff;

        font-size: 20px;

        font-weight: bold;

        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);

    }



    .media-platform-section {

        padding: 60px;

    }



    .media-text-box {

        border-radius: 8px;

        text-align: left;

    }



    .media-text-box h2 {

        font-size: 55px;

        font-weight: bold;

        color: #333;

    }



    .media-text-box h2 span {

        color: #d71920;

    }



    .media-image-box {

        position: relative;

        overflow: hidden;

        border-radius: 0px;

    }



    .media-image-box img {

        width: 60%;

        height: auto;

        display: block;

        margin: 4px;

    }



    .media-pack-btn {

        background-color: #d71920;

        color: white !important;

        padding: 10px 20px;

        text-decoration: none;

        border-radius: 5px;

        display: inline-block;

        transition: background-color 0.3s ease;

    }



    .media-pack-btn:hover {

        background-color: darkred;

        text-decoration: none;

        color: white;

    }



    .heig-fix {

        height: 340px;

    }



    .gery-bg {

        background: #e1e1e1;

    }



    .magazine-section {

        border-top: 2px solid red;

        padding-top: 20px;

    }



    .long-read-topic {

        max-height: 400px;

        overflow-y: scroll;

        overflow-x: hidden;

    }



    .magazine-title {

        font-weight: bold;

        font-size: 18px;

        margin-bottom: 20px;

    }



    .magazine-content {

        display: flex;

        flex-wrap: wrap;

        gap: 20px;

    }



    .magazine-left {

        flex: 1;

        min-width: 280px;

    }



    .magazine-left img {

        width: 100%;

        max-width: 250px;

    }



    .magazine-left p {

        margin: 10px 0;

        font-weight: bold;

    }



    .buttons {

        /* display: flex; */

        gap: 10px;

    }



    .buttons button {

        padding: 5px 10px;

        border: 1px solid #aaa;

        background: #f2f2f2;

        cursor: pointer;

    }



    .magazine-right {

        flex: 2;

        display: flex;

        flex-direction: column;

        gap: 20px;

    }



    .article {

        display: flex;

        gap: 15px;

        border-bottom: 1px solid #ccc;

        padding-bottom: 10px;

    }



    .article img {

        width: 300px;

        height: auto;

        object-fit: contain;

    }



    .article-title {

        font-weight: bold;

    }



    .author {

        font-size: 12px;

        color: #444;

        margin-top: 5px;

    }



    .article-content {

        font-size: 12px;

        padding-left: 0px

    }



    .back-mag {

        background-color: #e1e1e1;

    }



    .button {

        background-color: #b30000;

        color: white !important;

        border: none;

        /* padding: 10px 20px !important; */

        text-align: center;

        height: 28px;

        text-decoration: none;

        display: inline-block;

        font-size: 10px !important;

        font-weight: 700 !important;

        cursor: pointer;

    }



 a.badge-primary:hover,

a.badge-primary:focus {

  color: #212529;

  background-color: #cca300;

  text-decoration: none !important;

}



    .badge-primary {

        color: #fff !important;

        font-size: 75%;

        font-weight: 500;

        background-color: #b20000;

    }



    .badge-primary :hover {

        color: #fff !important;

        font-size: 75%;

        font-weight: 700;

        background-color: #b20000;

    }



    .badge {

        display: inline-block;

        padding: 0.25em 0.4em;

        font-size: 75%;

        font-weight: 700;

        line-height: 1;

        color: white !important;

        border-radius: 0;

        text-align: center;

        white-space: nowrap;

        vertical-align: baseline;

        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    }



    .headpages .nav-link {

        position: relative;

        padding: 10px 15px;

        color: #000;

        text-decoration: none;

        /* border-bottom: 2px solid transparent; */

        /* Transparent border by default */

        transition: color 0.3s, border-color 0.3s;

    }



    .headpages .nav-link:hover {

        color: #fff;

        /* font-size: 18px !important; */

        /* border-bottom: 2px solid #000; */

        /* Only border color changes, no layout shift */

    }


    .ab1{
        font-size: 30px !important;
        font-weight: 700 !important;
    }

.flip-p{
        color:white !important;
    }

.testimonial-image {
    flex: 1 !important;
    min-width: 300px !important;
    text-align: center !important;
}
slider-wrapper {
    margin: 0px auto !important;
    position: relative !important;
    text-align: center !important;
}
.social-section a {
    color: #000;
    font-size: 18px !important;
    text-decoration: none;
    margin-right: 10px;
    width: 15px !important;
    height: 15px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cc0000;
    border-radius: 100%;
    transition: all 0.3s ease;
}

.social-section a:hover {
    background-color: #ffffff;
    color: #fff;
    border-color: #ffffff;
}

.signin-btn {
  background-color: #ff0000;
  color: #fff !important;
  font-weight: 500;
  padding: 6px 16px;
  border-radius: 3px;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

.signin-btn:hover {
  background-color: #cc0000;
}