:root {
    --themeColor: #7b1074;
    --secondaryColor:#fff;
    --backgroundColor:#fff ;
    --textColor: #000000;
    --heading_color:#7b1074;
}

body{ background-color: var(--backgroundColor);}
p{ color: var(--textColor)}
.table>:not(caption)>*>*{ background-color: var(--backgroundColor);}
.pagewise-title{color: var(--heading_color);letter-spacing: 0;text-transform: capitalize;font-weight: 700;    font-size: 20px;margin: 0px;}
.table-title{font-size:18px;text-align:center;background: var(--themeColor);margin: 0px;padding: 10px;color: var(--secondaryColor);}
.pdf_content,table{font-family:"Poppins", "Noto Sans Devanagari", "Noto Sans Bengali", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Kannada", "Noto Sans Malayalam", sans-serif;color:#1f2d53;}
.page_break { page-break-before: always; }
.home-page .first{text-align:center;width: 100%;height:450px;}
.home-page .second{text-align:center;width: 100%;height:250px;}
.last-page .first{text-align:center;width: 100%;height:806px;}
.last-page .second{text-align:center;width: 100%;height:250px;}
.home-page .third{text-align:center;width: 100%;height:350px;}
.home-page img{width: 200px;}
.primary-bg{background-color:var(--themeColor);}
.primary-font-color{color: #1f2e3d;}
.primary-font-light{color: #ffffff;}
.general_page .main_table{width: 100%;min-height:1055px;}
/* border-left: 5px solid var(--themeColor);border-right: 5px solid var(--themeColor); */
.general_page{padding:20px 15px;margin:0px;} 
.page-title{text-align:center;color:var(--themeColor);margin-bottom: 1rem;}
.page-title .title{border-bottom: 2px double var(--themeColor);border-top: 2px double var(--themeColor);display: inline-block;padding:10px 15px;margin:0px !important;line-height:1;}
.page-footer{height:20px;vertical-align: bottom;}
.page-footer .footer{margin:0px !important;text-align:right;}
.page-content{height:965px;vertical-align: initial;}
table{border-collapse: collapse;}
.chile-table.table{width: 100%;border-collapse: collapse;margin: 0px;}
.table-div{border:1px solid var(--themeColor);border-radius: 5px;overflow: hidden;overflow-x: auto;}
.table-div.small{width: 60%;margin-left: auto;margin-right: auto;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mb-0{margin-bottom:0px !important;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.chile-table.table td, .chile-table.table th {padding: 0.6rem 0.75rem;vertical-align: middle;font-size:15px;border:0px !important;text-align:left;font-size:14px; color: var(--textColor);}
.chile-table.table td{font-weight:normal;font-size:14px;}
.chile-table.table-striped tr:nth-child(odd) {background-color: #f1f1f169;}
.chile-table.table-striped tr:nth-child(even) {background-color: rgba(214, 82, 189, 0.2);}
.table-title{font-size:18px;text-align:center;background: var(--themeColor);margin: 0px;padding: 10px;color: var(--secondaryColor);}
.child-header.chile-table.table-striped tr:nth-child(odd) {background-color:  rgba(214, 82, 189, 0.2);}
.child-header.chile-table.table-striped tr:nth-child(even) {background-color: #f1f1f169 !important; }
.child-header .table-header th{color:var(--secondaryColor) !important;background-color:var(--themeColor) !important;}
.chart-blank-content{border:1px solid var(--themeColor)26;width: 100%;line-height:2;font-size:14px;}
.chart-blank-content.small{font-size:12px;}
.chart-blank-content p{padding:10px;margin:0px;}
.vertical-top{vertical-align: super;}
.chart-image{width: 100%;}
.chart{padding:10px;border:1px solid var(--themeColor)26;}
.dark-title{color:var(--themeColor);text-align:center;margin-bottom:10px;margin-top:10px;font-weight:700;}
.dark-title-big{color:var(--themeColor);margin-bottom:5px;margin-top:0px;font-weight:700;font-size:20px;}
.dark-note{color:var(--themeColor);text-align:left;margin-bottom:10px;margin-top:10px;font-weight:700;}
.dark-title-blank{color:transparent;}
.text-left{text-align:left !important;}
.chart3{text-align:center;}
.chart3 .smallchart{width:100%;margin-left:5px;margin-right:5px;}
.chart3 .smallchart2{width:100%;margin-left:5px;margin-right:5px;}
.chart3 .chart-desc{font-size:12px;margin-top:10px !important;margin-bottom:0px !important;}
.chart3 .dark-title{margin-top:15px !important;}
.chart-inline{width: 50%;float:left;margin-left:25%;}
.text-center{text-align:center !important;}
.dates{border-top:1px dotted;border-bottom:1px dotted;margin-bottom:10px;}
.dates p{text-align:center;font-size:14px;margin-top:5px !important;margin-bottom:5px !important;}
.small-margin{margin-top:5px;margin-bottom:5px;}
.d-inline-ignificance{display: inline-block;color:#ffffff;padding:10px 15px;border-radius:25px;margin-bottom:10px;margin-right:0px;margin-left:0px;margin-top:0px;}
.legends-box{margin-bottom:5px;font-size:12px;}
.legends-box .box{width: 20px;height:20px;display: inline-block;margin-right:10px;border-radius:50%;}
.legends-box .text{font-size:14px;display: inline-block;margin-bottom:2px;}
.kalsarpa-text{line-height:2;}
.kalsarpa-text p{margin:0px;}
.kalsarpa-divs{display: block;margin-top:25px;}
.kalsarpa-divs .subclass{border:1px solid #ddd;width: 148px;text-align:center;padding:10px 10px;margin-right:8px;margin-left:8px;margin-bottom:15px;border-radius:5px;color:#ffffff;float:left;}
.kalsarpa-status,.kalsarpa-detail{border:1px solid var(--themeColor)26;padding:10px;margin-right:10px;}
.kalsarpa-detail{text-align:center;}
.kalsarpa-status .status{color:var(--themeColor);text-align:center;margin-bottom:5px;margin-top:0px;font-weight:700;}
.kalsarpa-status .status-desc{font-size:14px;font-weight:normal;}
.detail-name,.detail-direction{color:var(--themeColor);text-align:center;margin-bottom:5px;margin-top:0px;font-weight:700;margin-bottom:15px;margin-top:15px;}
.kalsarpa-detail .value{display: inline-block;padding:10px;background:#d653bd;color:#fff;margin:0px 15px;font-size:15px;}
.kalsarpa-desc{font-weight:normal;font-size:16px;line-height:1.5;}
.kalsarpa-two{border-left:10px solid #009688;padding:5px 10px;background:#f1f1f1;}
.kalsarpa-two ul{list-style:none;padding:0px;font-size:15px;line-height:1.5;margin:0px;}
ul{list-style:none;padding:0px;font-size:15px;line-height:1.2;margin:0px;}
ul li{margin-bottom:10px;}
.kalsarpa-two ul li{margin-bottom:10px;}
.maglik-box{border:1px solid var(--themeColor);margin-top:20px;}
.maglik-box .one{font-size:20px;color:var(--themeColor);}
.maglik-box .two{font-size:30px;background:var(--themeColor);color:#ffffff;}
.maglik-box .one,.maglik-box .two{text-align:center;font-weight:700;padding:15px 0px;}
.planet-profile-page{line-height:2;font-size:15px;}
.palent-one{padding: 5px 20px;margin-top:15px;border-radius:10px;background:#fff;color:#000;border: 1px solid var(--themeColor);}
.palent-title{color:var(--themeColor);margin-bottom:5px;margin-top:0px;font-weight:700;font-size:23px !important;}
.palent-two{padding: 5px 15px;font-size:20px;font-weight:normal;margin-top:10px;margin-bottom:20px;border-radius:10px;background:#bbdefb;color:#292e34;text-align:center;}
.quote-master{padding:0px 20px;margin-top:20px; margin-bottom:20px;}
.quote2{padding: 8px 20px;color:var(--themeColor);font-size:20px !important;border-left:8px solid;border-right:2px solid;}
.quote2 p{margin:0px;line-height:1.5;font-size:20px !important;}
.profile-maglik-box{border:1px solid var(--themeColor);margin-top:30px;margin-bottom:30px;line-height:1.5;}
.profile-maglik-box .one{font-size:20px;color:var(--themeColor);}
.profile-maglik-box .two{font-size:20px;background:var(--themeColor);color:#ffffff;}
.profile-maglik-box .one,.profile-maglik-box .two{text-align:center;font-weight:700;padding:15px 0px;}
.planet_profile p{font-size: 14px;}
.profile-kalsarpa-divs{display: block;margin-top:25px;}
.profile-kalsarpa-divs .subclass{display: inline-block;border:1px solid #ddd;width: 100%;text-align:center;padding:10px 10px;margin-right:8px;margin-left:8px;margin-bottom:15px;border-radius:5px;}
.profile-kalsarpa-divs .key{color:#000;font-weight:normal;margin:0px;line-height:1.5;}
.profile-kalsarpa-divs .value{color:var(--themeColor);font-weight:700;font-size:18px;margin:0px;line-height:1.5;}
.planet-kalsarpa-divs{display: block;margin-top:25px;}
.planet-kalsarpa-divs .subclass{border:1px solid #ddd;width: 100%;text-align:center;padding:10px 10px;margin-right:0px;margin-left:0px;margin-bottom:15px;border-radius:5px;float:left;}
.planet-kalsarpa-divs .key{color:var(--textColor);font-weight: 500;margin:0px;line-height:1.5;font-size: 12px;}
.planet-kalsarpa-divs .key.mb-2{color:var(--textColor);}
.planet-kalsarpa-divs .value{color:var(--heading_color);font-weight:700;font-size:18px;margin:0px;line-height:1.5;}
.planet-kalsarpa-divs .status{font-weight:700;margin-bottom:0px;margin-top: .5rem;}
.footer-text{padding:30px 150px;font-size:20px;font-weight:normal;line-height:1.5;}
.text-radius-blank h5{ color: var(--heading_color);}
.w50{width: 50%;float:left;}
.w50 .grid{padding:2px !important;}
.topic_page{padding: 2rem 1rem;}
.sidebar_column .nav-link{text-align: left;}
.sidebar_column .nav-link{color: var(--textColor);font-weight: 600;font-size: 14px;}
.sidebar_column .nav-pills .nav-link.active{background-color: var(--themeColor);color: var(--secondaryColor);}
.btn-success,.btn-success:hover,.btn-success:disabled,.btn-success:active,:not(.btn-check)+.btn-success:active,.btn-success:first-child:active,.btn-success:focus-visible{background-color: var(--themeColor);border-color: var(--themeColor);color: var(--secondaryColor);}
.page_buttons{display: flex;align-items: center;justify-content: space-between;padding: 1rem;border-bottom: 1px solid #ddd;}
#menu_button{display: none;}
#np_button{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.banding{border-bottom: 1px solid #ddd;height: 64px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;color: var(--themeColor);}
.banding h2{font-size: 20px;margin: 0px;}
.banding img{width: 100%;height: 100%;object-fit: contain;}
.banding-mobile img{width: 100%;height: 100%;object-fit: contain;}
.banding-mobile{display: none;}
.banding-mobile{text-align: center;margin: 0px;}
.banding-mobile h2{font-weight: 700;padding: 1rem 0px;margin: 0px;font-size: 16px;}
.sidebar_column .master_sidebar{height: calc(100% - 70px);overflow-y: scroll;padding: 0px 1rem;}
.tab-content{height: 90%;overflow-y: scroll;}
.table-sub-title{font-size: 16px;font-weight: 700;text-decoration: underline;text-align: center;margin-top: 30px;}
.fixed_with_image{margin-top: 10px;margin-bottom: 1rem;padding: 0px 2rem;}
.fixed_with_image img{float: left;max-width: 245px;margin-right: 10px;}
.fixed_with_image .fix_title{font-size: 20px;font-weight: 700;}
.fixed_with_image .fix_desc{font-size: 14px;line-height: 2;letter-spacing: 1px;margin-bottom: 0px;}
.chile-table-center.table td, .chile-table-center.table th{text-align: center;}
.ass_img{text-align: center;}
.ass_img img{max-width: 200px;width: 100%;}
.planet-profile-image{text-align: center;}
.planet-profile-image img{max-width: 70px; margin-right: 10px;}
.gem_data{text-align: center;border: 1px solid #ddd;border-radius: 15px;}
.gem_data img{width: 100%;max-width: 80px;}
.ana_image img{width: 100%;max-width: 100px;}
.ana_text{font-size: 14px;font-weight: 700;margin: 0px;}
.ana_text2{font-size: 20px;font-weight: 700;margin: 0px;}
.ana_desc{font-size: 14px;margin-top: 1rem;}
.ana_section{border: 1px solid #ddd;padding: 2rem;margin-bottom: 1rem;border-radius: 15px;}
.pdf_logo{max-width: 280px;padding: 3rem 0rem;}
.company_data{padding: 3rem 0rem;}
.company_detail{padding: 3rem 0rem;}
.company_data{font-weight: 700;}
.company_data img{width: 100%;max-width: 200px;margin: 1rem 0px;}
.pdf_type{margin-bottom: 20px;}
.company_name{font-weight: 700;margin: 0;font-size: 20px;color: var(--heading_color);}
.company_date_time{margin: 0;}
.company_address{margin: 0px;}

.border_div{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.border-image{width: 180px !important;max-width: unset !important; margin: 0px !important;}

.text-success{color: #00BF63 !important;}
.text-danger{color: #FF3131 !important;}
.text-warning{color: #FF914D !important;}
.border-success{border:2px solid #00BF63 !important;}
.border-danger{border:2px solid #FF3131 !important;}
.border-warning{border:2px solid #FF914D !important;}
.danger.table-striped td,.danger.table-striped th{background: #feeaea !important;box-shadow:unset !important;width: 58% !important;text-align: center;}
.warning.table-striped td,.warning.table-striped th{background: #fff4ed !important;box-shadow:unset !important;width: 58% !important;text-align: center;}
.success.table-striped td,.success.table-striped th{background: #def7eb !important;box-shadow:unset !important;width: 58% !important;text-align: center;}

.progress_div{margin-left:3rem;margin-right:3rem;margin-bottom:30px;margin-top:30px;}
.progress_tdiv{margin-left:.3rem;margin-right:.3rem;}
.progress_t{width:100%;}
.progress_tpoint{text-align: right;}
.progress_baar{background:#e1e5ff;border-radius:15px;border:1px solid #fff;height:17px;}
.progress_bar{float:left;border-radius:15px;text-align:center;height:15px;}
.progress_div2{margin-left:3rem;margin-right:3rem;margin-bottom:30px;margin-top:30px;}
.progress_tdiv2{margin-left:.3rem;margin-right:.3rem;}
.progress_t2{width:100%;}
.progress_tpoint2{text-align: right;}
.progress_baar2{border-radius:25px;border:1px solid #fff;height:40px;}
.progress_bar2{float:left;border-radius:25px;text-align: left;height: 38px;padding: 7px 20px;color: #fff;font-weight: 700;     display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 15px; line-height: 1.2;}

.frontBG{ display: flex; flex-direction: column; justify-content: space-between;}
.frontBG .company_detail{ padding: 0; padding-top: 20%; max-width: 67%; width: 100%; margin: 0 auto;}
.frontBG .company_detail .company_name{ font-size: 30px;}
.frontBG .company_data{ padding: 0; padding-bottom: 18%;}

.frontBG .report_name{ font-size: 60px; font-weight: 700;}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .pdf_content{max-width: 768px;margin: auto;overflow: scroll;height: 100%;border: 1px solid #ddd;}
}
@media only screen and (max-width: 1200px) {
    .sidebar_column .master_sidebar{height: 400px;padding: 1rem;}
    body::-webkit-scrollbar {width: 0px;background: #fff;}
    .banding{display: none;}
    .banding-mobile{display: block;border-bottom: 1px solid #ddd;width: 100%;height: 50px;}
    #menu_button{display: block;}
    #np_button{width: auto;}
    .page_buttons button{margin-left: 10px;}
    .reg-footer{padding: 0px 2rem;}
    .sidebar_column{position: fixed;z-index: 999;background: #fff;width: 100%;top: -10000px;border: 1px solid #ddd;transition: all .3s;}
    .sidebar_column.show{top: 106px;}
    .content{width: 100%;border: 1px solid #ddd;}
    .table-div.small{width: 100%;}
    .container.site-container{padding: 0px;}
    #menu_button button{margin: 0px;}
}

@media(width <= 767.98px ){
    .progress_div2{  font-size: 12px ; margin-left: 0; margin-right: 0; }
    .frontBG .report_name{ font-size: 40px;}
    .frontBG .company_detail .company_name{ font-size: 25px;}
    /* Hard cap at 2 lines: a long full name can wrap to 3 lines at this font
       size, which pushes the date/address text below it down into the
       cloud/plane artwork baked into the background image. Clamping
       guarantees this block's height can never grow enough to cause that
       overlap (same fix as pdfpagegov_style.css). */
    .frontBG .company_detail .company_name{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    /* This title ("Foreign Travel and Settlement") always wraps to 3 lines at
       phone widths, so the block as a whole (title + name + date + address)
       is tall — tighter leading buys back enough height that, combined with
       the clamp above and the reduced top padding below, the address line
       clears the cloud/plane artwork. */
    .frontBG .report_name,
    .frontBG .company_detail p{ line-height: 1.15; }
}
@media(width <= 567.98px ){
    .frontBG .company_data{ padding-bottom: 10%;}
}

/* Cover-page text (title/name/dob/address) vs. the cloud/plane artwork baked
   into .frontBG's own background image: the fixed 20% top padding leaves the
   text starting too low at phone widths, so even a 2-line name can still
   reach the artwork. Tightening this gives the text block back the
   clearance the design assumes at wider widths (same fix as
   pdfpagegov_style.css). */
@media (width <= 480px) {
    .frontBG .company_detail{ padding-top: 5%; }
}
/* Phones up to 480px: the title/name/date/address block is still taller
   than the space above the cloud/plane artwork even with the 5% padding-top
   above, so the date/address lines can still reach it (real devices vary
   enough in font rendering that this isn't limited to the very narrowest
   widths). Shrinking the title and name further buys back the rest of the
   room, with real margin to spare rather than a bare minimum fit. */
@media (width <= 480px) {
    .frontBG .report_name{ font-size: 30px; }
    .frontBG .company_detail .company_name{ font-size: 18px; }
}

@media only screen and (max-width: 465px) {
    .content{border: 0px !important;}
    .tab-content{height: 80%;}
}


