/* @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;700&display=swap'); */

@font-face {
    font-family: 'MyCustomFontHe';
    src: url('../../fonts/DB\ Hindi\ p.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyCustomFontPara';
    src: url('../../fonts/DB\ Hindi\ p.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'madurima';
    src: url('../../fonts/DB\ Madhurima\ Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.heading_font_family {
    font-family: 'MyCustomFontHe', sans-serif;
}

.para_font_family {
    font-family: 'MyCustomFontPara', sans-serif;
}

.madurimahead
{
    font-family: 'madurima' , sans-serif;
}

.orange-bg {
    background-color: #f28c00;
    color: white;
    font-weight: 700;
    font-size: 36px;
    padding: 0.125rem 0.75rem;
    /* py-0.5 px-3 */
    user-select: none;
    line-height: 1.2;
    margin-top: 16px;
}

.headline {
    font-size: 42px;
    user-select: none;
    margin-bottom: 0;
    line-height: 1.2;
    margin-top: 25px;
}

.logo-text-orange {
    font-weight: 800;
    font-size: 1.5rem;
    /* text-2xl */
    color: #f28c00;
    user-select: none;
    line-height: 1;
    font-family: 'Noto Sans Devanagari', sans-serif;
}

.logo-text-black {
    font-weight: 800;
    font-size: 1.5rem;
    /* text-2xl */
    color: black;
    user-select: none;
    line-height: 1;
    font-family: 'Noto Sans Devanagari', sans-serif;
}

.digital-edition {
    font-size: 0.75rem;
    /* text-xs */
    color: #2563eb;
    /* blue-600 */
    font-weight: 600;
    user-select: none;
    line-height: 1;
}

.date-site {
    font-size: 0.75rem;
    /* text-xs */
    color: #4b5563;
    /* gray-700 */
    user-select: none;
    line-height: 1.2;
}

.border-orange {
    border-bottom: 5px solid #f28c00;
}

.logo-img {
    width: 238px;
    height: 75px;
    /* object-fit: cover; */
}

.top-box {
    background-color: #75746d;
    color: white;
    padding: 5px 25px;
    font-size: 18px;
    font-weight: 500;
    z-index: 2;
    width: 127px;
    margin-left: 41px;
    position: relative;
}

.bottom-box {
    background-color: #e50914;
    color: white;
    padding: 5px 40px;
    font-size: 20px;
    font-weight: bold;
    margin-top: -5px;
    position: relative;
    z-index: 3;
    box-shadow: 0px 14px 34px -14px rgba(0, 0, 0, 0.6);
}

.top-box1 {
    background-color: #75746d;
    color: white;
    padding: 5px 25px;
    font-size: 18px;
    font-weight: 500;
    z-index: 2;
    width: 127px;
    margin-left: 58px;
    position: relative;
}

.bottom-box1 {
    background-color: #e50914;
    color: white;
    padding: 5px 69px;
    font-size: 18px;
    font-weight: bold;
    margin-top: -5px;
    position: relative;
    z-index: 3;
    box-shadow: 0px 14px 34px -14px rgba(0, 0, 0, 0.6);
}

.top-box01 {
    background-color: #75746d;
    color: white;
    padding: 5px 25px;
    font-size: 18px;
    font-weight: 500;
    z-index: 2;
    width: 127px;
    left: 95px;
    position: relative;
}

.bottom-box01 {
    width: 175px;
    background-color: #e50914;
    color: white;
    padding: 5px 37px;
    font-size: 18px;
    font-weight: bold;
    margin-top: -5px;
    position: relative;
    left: 46px;
    z-index: 3;
    box-shadow: 0px 14px 34px -14px rgba(0, 0, 0, 0.6);
}

.top-box02 {
    background-color: #75746d;
    color: white;
    padding: 5px 18px;
    font-size: 18px;
    font-weight: 500;
    z-index: 2;
    width: 110px;
    left: 20px;
    position: relative;
}

.bottom-box02 {
    width: 150px;
    background-color: #e50914;
    color: white;
    padding: 5px 26px;
    font-size: 18px;
    font-weight: bold;
    margin-top: -5px;
    position: relative;
    left: 0px;
    z-index: 3;
    box-shadow: 0px 14px 34px -14px rgba(0, 0, 0, 0.6);
}

.triangle {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 17px solid #E12B20;
    position: absolute;
    left: 47px;
    top: 40px;
    transform: translate(-50%, -100%);
}

.triangle2 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 17px solid #E12B20;
    /* triangle point towards right */
    position: absolute;
    left: -34px;
    top: 180px;
}

.triangle2l {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 17px solid #E12B20;
    /* triangle point towards right */
    position: absolute;
    right: -49px;
    top: 140px;
}

.triangle3 {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 17px solid #E12B20;
    position: absolute;
    left: 47px;
    top: 17px;
    transform: translate(-50%, -100%);
}

.blue-box1 {
    background-color: #0077C8;
    height: 150px;
    width: 100%;
}

.main-container {
    width: 75.6rem;
    height: 122.85rem;
    background-color: white;
    margin: auto;
    position: relative;
}

@media print {

    .main-container 
    {
        margin: auto;
    }
}

@media print {
    body {
        -webkit-print-color-adjust: exact !important;
        /* Chrome, Safari */
        print-color-adjust: exact !important;
        /* Firefox */

    }

    .bg-dark-custom {
        background-color: #000000 !important;
    }

    .text-blue-custom {
        color: #007bff !important;
    }

    .border {
        border-color: #c2c0c0 !important;
    }

    .red-text {
        color: red !important;
    }
 /* Any other specific class colors */
}


@media print {
    * {
        -webkit-print-color-adjust: exact !important;

        print-color-adjust: exact !important;

    }

}

p {
    text-align: justify;
}


/* //Footer Styles// */

footer {
    position: relative;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.footer-group-container {
    display: flex;
    gap: 436px;
    /* Yeh gap teen CMYK groups ke beech ka hai – ise kam kar do */
    position: absolute;
    top: 0.5rem;
    left: 5rem;
}

.footer-corner1 {
    display: flex;
    gap: 2px;
    /* Yeh gap ek-ek color box ke beech ka hai */
}

.color-box1 {
    width: 12px;
    height: 12px;
}

.cyan {
    background-color: #00bfff;
}

.magenta {
    background-color: #ff00ff;
}

.yellow {
    background-color: #ffff00;
}

.black {
    background-color: #000000;
}


.pointer {
    position: absolute;
    top: 0px;
    left: 45%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid red;
}

.line-container {
    position: relative;
}

.line {
    height: 5px;
    background: linear-gradient(to right, red 50%, gray 50%);
    position: absolute;
    top: 50%;
    left: 25px;
    right: 20px;
    transform: translateY(-50%);
}

.drop-cap {
    float: left;
    font-size: 50px;
    line-height: 45px;
    font-weight: 800;
    margin-right: 17px;
    margin-top: 0px;
    color: grey;
}

.drop-cap1 {
    float: left;
    font-size: 50px;
    line-height: 45px;
    font-weight: 800;
    margin-right: 17px;
    padding-top: 10px;
    margin-top: 0px;
    margin-left: 7px;
    color: grey;
}

.custom-bottom-border {
  height: 12px; /* पहले 5px था, अब ज़्यादा मोटा */
  background: linear-gradient(to bottom, #666 0%, #fff 100%);
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.85); /* डार्क और डीपर शैडो */
  margin-left: 2rem;
  width: 72.2rem;
}