/* @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-5-Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

/* @font-face {
    font-family: 'DB_Hindi';
    src: url('') format('truetype');
}

@font-face {
    font-family: 'DB_Hindi_ultra';
    src: url('') format('truetype');
} */


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

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


body {
    /* background-color: hwb(0 60% 2%); */
}

.left-red-box,
.right-red-box {
    background-color: #a81034;
    color: white;
    /*font-weight: 700;*/
    font-size: 2.2rem;
    /* 18px */
    padding: 0.25rem 1rem;
    line-height: 1.2;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    /* Increased height */
    min-width: 50px;
}

.right-red-box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.orange-bar {
    background-color: #f39200;
    height: 28px;
    flex-grow: 1;
    margin-top: 42px;
    min-width: 361px;
}

.center-logo .orange-text {
    color: #f39200;
}

.center-logo .black-text {
    color: black;
}

.right-text {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 0.75rem;
    color: black;
    /*font-weight: 400;*/
    line-height: 1.1;
    text-align: right;
    user-select: none;
    margin-right:-18px;
}

.right-text span.uppercase {
    text-transform: uppercase;
    font-weight: 600;
    display: inline;
    line-height: 1.1;
}


.div-email {
    text-align: end;
    padding-right: 5px;
}

.div-day {
    position: absolute;
    top: 19px;
    right: 95px;
}

.logo-img {
    width: 100%;
    height: 68px;
}


@media print {

    .left-red-box,
    .right-red-box,
    .orange-bar {
        background-color: #a81034 !important;
        /* Replace with actual color */
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
        min-width: 50px;

    }

    .left-red-box,
    .orange-bar {
        background-color: #a81034 !important;
        /* Replace with actual color */
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
        min-width: 185px;
    }

    .orange-bar {
        background-color: orange !important;
        min-width: 210px;
        margin-top: 40px;
    }

    .print-section {
        padding-left: 10px !important;
    }

    .logo-img {
        width: 100%;
        height: 68px !important;
    }

}

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

.main-sec {
    font-family: 'Noto Sans Devanagari', sans-serif;
    line-height: 1.3;
    /* background: white; */
    padding: 0.5rem;
    margin-top: 0.945rem;
}

.vertical-text {
    font-family: 600;
    font-size: 19px;
    line-height: 1;
    width: 75px;
    margin-top: 5px;
}

.blue-box-left {
    background-color: #0099ff;
    width: 70px;
    /*font-weight: 700;*/
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-title {
    /*font-weight: 900;*/
    font-size: 52px;
    line-height: 1.2;
    text-align: start;
    padding-left: 12px;
    width: 200px;
    word-spacing: 1px;
}

.main-title .red-text {
    color: #b91c1c;
}

.article-content {
    font-size: 13px;
    line-height: 1.2;
    text-align: justify;

}

.image-block img {
    width: 262px;
    height: 170px;
    margin-bottom: 0.25rem;
    object-fit: cover;
}

.blue-box-right {
    background-color: #0099ff;
    color: white;
    font-size: 10px;
    line-height: 1.2;
    padding: 0.5rem;
    width: 184px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px;
    position: absolute;
    top: 19.9rem;
    right: 13.2rem;
}

.glow-icon {
    background-color: #007acc;
    box-shadow: 0 0 8px 2px #00aaff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    padding: 2px;
    user-select: none;
    white-space: normal;
    flex-shrink: 0;
}

.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
    gap: 0.5rem;
}

/* .vertical-text span {
      margin-bottom: 0.1rem;
      display: block;
    } */
.left-logo {
    width: 40px;
    height: 40px;
    margin-bottom: 0.25rem;
    object-fit: contain;
}

.article-header {
    font-weight: 600;
    color: black;
    font-size: 12px;
}

.article-header+span {
    margin: 0 0.25rem;
}

.bg-dark-custom {
    background-color: #0a0a0a;
}

.text-blue-custom {
    color: #00a2ff;
}

.border-left-blue {
    border-left: 1px solid #00a2ff;
}

.bdr {
    border: 3px solid rgb(192, 187, 187);
    margin-bottom: 10px;
}


@media print{
    .rishu{
        margin-top: -10px;
        padding: 0px;
    }
    .main-container{
        margin: 0;
    }
}



@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 */
}

.bg-orange {
    background: #ddb31c;
    width: 100%;
    height: 52px;
}

.p-relative {
    position: relative;
}

.absolute {
    top: 20%;
    position: absolute;
    left: 0;
    text-align: center;
    padding: 4px;
    background: rgba(227, 59, 59, 0.721);
}

.bg-red {
    background-color: rgba(216, 16, 16, 0.878);
}

.bg-thumb {
    background-color: rgb(127, 150, 255);
    padding: 5px;
}

.pg {
    font-size: 13px;
    line-height: 1.2;
}


 @media print {
    .print-section {
        height: 95%;
        overflow: hidden !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        position: absolute;
        right: 0.8rem !important;
    }

    .print-section img {
        max-height: 70px;
        height: auto;
        width: 100px;
    }


    .vs {
        margin-top: 35px !important;
    }

    .div11 {
        margin-top: 8px !important;
    }
}


.newspaper1 {
    width: 540px;
    height: 1080px;
    /* margin: 20px auto; */
    /* background-color: white; */
    padding: 15px;
    padding-top: 3px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    /* overflow-y: auto; */
    position: relative;
    border: 1px solid rgb(226, 218, 218);
    margin-top: 15px;
}

.headline {
    font-size: 37px;
    /*font-weight: bold;*/
    margin-top: 1rem;
    /* margin-bottom: 8px; */
    /* padding-bottom: 8px; */
    text-align: center;
    line-height: 1;
    margin-bottom: 15px;
}

.main-headline {
    font-size: 80px;
    /*font-weight: bolder;*/
    line-height: 1;
    margin: 5px 0;
    color: #000;
    text-align: center;
    padding: 0 10px;
}

.byline {
    font-style: normal;
    /* color: #666; */
    margin-bottom: 5px;
    font-size: 14px;
    border-bottom: 5px solid rgb(182, 179, 179);
}

.article-text {
    text-align: justify;
    font-size: 10px;
    line-height: 1.4;
    height: 726px;
    /* overflow-y: auto; */
    width: 204px;
}

.image-caption {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.info-box {
    background-color: #cac7c7;
    border: 1px solid #ddd;
    padding: 10px;
    /* margin: 15px 0; */
    height: 273px;
    /* border-radius: 10px; */
}

.info-box-header {
    background-color: #a82a36;
    color: white;
    padding: 10px 10px;
    /*font-weight: bold;*/
    margin-bottom: 0px;
    line-height: 0.9;
    font-size: 24px;
    text-align: normal;
    position: relative;
    top: -25px;
}
.info-box-header1 {
    background-color: #a82a36;
    color: white;
    padding: 10px 5px;
    /*font-weight: bold;*/
    margin-bottom: 0px;
    line-height: 0.9;
    font-size: 24px;
    text-align: normal;
    position: relative;
    top: -25px;
}

.info-item {
    padding: 5px 10px;
    border-bottom: 1px dotted #ddd;
    font-size: 13px;
    line-height: 1.2;
}

.info-item1 {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.2;
    margin-top: -22px;
}

.info-item2{
     padding: 0px 5px;
     padding-top: 6px;
    font-size: 15px;
    line-height: 1.2;
    margin-top: -23px;
    border-bottom: 1px solid gray;
}
.info-item3{
    padding: 0px 5px;
    padding-top: 5px;
    font-size: 15px;
    line-height: 1.2;
    border-bottom: 1px solid gray;
}
.info-item4{
    padding: 0px 5px;
    padding-top: 5px;
    font-size: 15px;
    line-height: 1.2;
    border-bottom: 1px solid gray;
}
.info-item5{
    padding: 0px 5px;
    padding-top: 5px;
    font-size: 15px;
    line-height: 1.2;
    border-bottom: 1px solid gray;
}

.alert {
    padding: 10px;
    margin-bottom: 10px;
    height: 151px;
    /* overflow-y: auto; */
    font-size: 10px;
    width: 259px;
}

.div-box
{
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 0px 15px;
}

.div-box1{
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 0px 0px;
}

.lastCol {
    position: absolute;
    top: 56rem;
    left: 8px;
}

.alert-info {
    background-color: rgb(247, 202, 217);
    color: black;
    border-radius: 0%;
    border: 1px solid rgb(218, 212, 212);
    height: 141px;
    position: relative;
    left: -9px;
}

.alert-warning {
    background-color: white;
    color: black;
    border-radius: 0%;
    border: none;
}

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

        print-color-adjust: exact !important;

    }

    .headline-subtitlee {
        font-size: 33px !important;
    }
}

.container3 {
    max-width: 324px;
    margin: 0.5rem;
    padding: 0 0.5rem;
    position: absolute;
    top: 27rem;
    right: 11.9rem;
    height: 403px;
}

.hd {
    /*font-weight: 700;*/
    font-size: 1.5rem;
    /* 18px */
    line-height: 1.2;
    text-align: justify;
    margin-bottom: 0.25rem;
}

.hd span:first-child {
    color: #d32f2f;
    /* red */
}

.image-wrapper {
    position: relative;
    margin-top: 0.25rem;
}

.image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

.overlay-text {
    position: absolute;
    top: 12.9rem;
    right: 0rem;
    background-color: rgba(0, 0, 0, 0.4);
    color: rgb(221, 220, 220);
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 1.3;
    padding: 0.15rem 0.3rem;
    max-width: 60%;
    text-align: justify;
    user-select: none;
    pointer-events: none;
    border-left: 1px solid black;
}

.subtitle1 {
    /*font-weight: 700;*/
    font-size: 1.1rem;
    line-height: 1.1;
    /* 14px */
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
}

.content1 {
    margin-top: 5px;
    font-size: 12.5px;
    /* 12px */
    line-height: 1.2;
    border-bottom: 3px solid rgb(184, 182, 182);
    padding-bottom: 5px;
}

.container4 {
    max-width: 324px;
    margin: 1rem auto;
    padding: 0 0.5rem;
    position: absolute;
    top: 51.5rem;
    right: 12.5rem;
    height: 43rem;
}

.hedd {
    /*font-weight: 900;*/
    font-size: 3rem;
    /* 18px */
    line-height: 1;
    text-align: center;
    margin-bottom: 0.25rem;
}

.hedd span:first-child {
    color: #d32f2f;
    /* red */
}

.image-wrapper {
    position: relative;
    margin-top: 0.25rem;
}

.image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

.content3 {
    font-size: 13px;
    line-height: 1.2;
    padding-top: 5px;
}

.author-location {
    font-weight: 300;
    font-size: 12px;
    /* border-bottom: 4px solid rgb(201, 196, 196); */
    width: 190px;
}
  .btm{
    border-bottom: 4px solid rgb(201, 196, 196);
  }

.author-location .dot {
    color: #d32f2f;
    font-weight: 700;
    margin: 0 0.25rem;
}

.card-custom {
    width: 10.5rem;
    border: 1px solid #d1d5db;
    /* gray-300 */
    background-color: #e8e4e4;
}

.card-header-custom {
    background-color: #9c1c3a;
    color: white;
    /*font-weight: 600;*/
    font-size: 1.3rem;
    /* text-lg */
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
    line-height: 1;
}

.card-body-custom {
    color: #1f2937;
    /* gray-900 */
    font-size: 12px;
    /* text-sm */
    line-height: 1.2;
    padding: 5px 0.7rem;

    text-align: justify;
}

.disflx {
    margin-top: -5px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    height: 372px;
}

.newspaperr {
    /* background-color: white; */
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
    /* border: 2px solid rgb(180, 177, 177); */
    width: 760px;
    height: 352px;
    padding: 8px;
    padding-right: 0px;
}

.headline-subtitlee {
    font-size: 34px;
    line-height: 1.1;
    /*font-weight: 200;*/
    color: #0c0c0c;
    margin-bottom: 0;
    margin-top: 0;
}

.main-headlinee {
    font-size: 60px;
    /*font-weight: 600;*/
    margin: 0px 0;
    line-height: 1.1;
}

.column-contents {
    width: 260px;
    /* height: 208px; */
    font-size: 13px;
    line-height: 1.2;
}

.content-sections {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 14px;
    height: 172px;
}

.source-texts {
    font-size: 12px;
    font-weight: bold;
    margin-top: 2px;
    border-bottom: 4px solid gray;
    margin-bottom: 13px;
    padding-bottom: 3px;
}

.red-dott {
    color: #dc3545;
    font-size: 16px;
    font-weight: bold;
}

p {
    text-align: justify;
}

.lstt {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.immgg {
    width: 240px;
    height: 150px;
}


.main-articlel {
    max-width: 231px;
    height: 22rem;
    /* border: 1px solid #d8d4d4; */
    padding: 0rem 0.5rem;
}

.taglinel {
    /*font-weight: 400;*/
    font-size: 19px;
    /* 14px */
    color: #a7a3a3;
    margin-bottom: 0.25rem;
    margin: 0;
}

.headlinel {
    /*font-weight: 800;*/
    font-size: 35px;
    line-height: 1;
    text-align: justify;
    margin-bottom: 0px;
}

.bylinel {
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    /* 16px */
    margin-bottom: 0.9rem;
    border-bottom: 3px solid gray;

}

.contentl {
    font-weight: 400;
    font-size: 13px;
    /* 16px */
    line-height: 1.2;
    text-align: justify;
    margin: 0;
}

.sqr {
    width: 60px;
    height: 65px;
    float: right;
    color: black;
    text-align: center;
    font-size: 13px;
    /*font-weight: 700;*/
    margin: 5px;
    border-bottom: 5px solid rgba(91, 91, 238, 0.719);
    padding-bottom: 3px;
}

/* //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: 26.8rem;
}

.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;
}



/* //Footer Styles// */

.set{
            background-color: #ccc;
            border-radius: 25px;
            height: 10px;
            width: 100px;
            position: relative;
            display: inline-block;
        }
        .set::after{
            content: "";
            position: absolute;
            background: #fcfcfc;
            width: 12px;
            height: 10px;
            top:0;left:50%;
            transform: translateX(-50%);
            border-radius: 50%;
            
        }
        .dot{
            width: 10px;
            height: 10px;
            border-radius: 50px;
        }
        .blue{
            background-color: blue;
        }
        .red{
            background-color: rgb(194, 54, 80);
        }
        .yellow{
            background-color: yellow;
        }
        .black{
            background-color: black;
        }