8366
{
  "metadata": {
    "url": "https://tobaccoboard.commerce.gov.in/css/custom.css",
    "title": "",
    "meta_description": "",
    "meta_keywords": ""
  },
  "content": ":root, [data-bs-theme=\"light\"] {\n\t/* --bs-body-bg: #FFFDF8; */\n\t--darkOliveGreen: #465B3C;\n\t--charcoalGreen: #384632;\n\t--goldenBrown: #CC8A2B;\n\t--amberYellow: #F4B600;\n\t--lightBeige: #fcefd0;\n\t--title: #2B2B2B;\n\t--text: #424242;\n\t--transition: all ease-in-out 0.3s;\n\t--rounded: 10px;\n\n}\n\n\n\n.fw-900, .interblack { font-weight: 900; }\n.fw-800, .interextrabold { font-weight: 800; }\n.fw-700, .interbold { font-weight: 700; }\n.fw-600, .intersemibold { font-weight: 600; }\n.fw-500 { font-weight: 500; }\n.fw-400, .interregular { font-weight: 400; }\n.fw-300, .interlight { font-weight: 300; }\n.fw-200, .interthin { font-weight: 200; }\n\n\nhtml, body {\n\tfont-family: 'Inter', sans-serif;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 1.5;\n\tscroll-behavior: smooth;\n\tmargin: 0;\n\tpadding: 0;\n\tcolor: var(--bs-body-color);\n\tbackground-color: var(--bs-body-bg);\n\ttop: 0 !important;\n}\n\na {\n  display: inline-block;\n  text-decoration: none;\n  color: inherit;\n  transition: var(--transition);\n}\n\na:focus,\na:visited {\n  outline: none;\n  /* text-decoration: none; */\n}\n\na:hover{\n\tcolor: inherit;\n\t/* text-decoration: none; */\n}\n\nul li a:hover{\n    color: var(--goldenBrown);\n}\n\n#main-content ul li a{\n\tdisplay: inline;\n}\n\n#main-content ul li a:hover{\n    color: var(--goldenBrown);\n\ttext-decoration: underline;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: 'Inter', sans-serif;\n  /* margin: 0; */\n  line-height: 1.2;\n  color: inherit;\n}\n\nh1 { font-size: 2.5rem; font-weight: 700; }\nh2 { font-size: 2rem; font-weight: 600; }\nh3 { font-size: 1.75rem; font-weight: 600; }\nh4 { font-size: 1.5rem; font-weight: 500; }\nh5 { font-size: 1.25rem; font-weight: 500; }\nh6 { font-size: 1rem; font-weight: 400; }\n\n.material-symbols-outlined{\n\tvertical-align: middle;\n}\n\nimg{ \n\tmax-width: 100%; \n\tvertical-align: middle;\n}\n/* Reset lists everywhere (except we restore defaults inside #main-content below) */\nul {\n\tlist-style-type: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\ntable, .table{\n    /* --bs-table-bg: var(--bs-white);\n\tborder-color: var(--bs-gray-400); */\n}\n\n/* Ensure lists inside the main content keep their default/browser styles */\n#main-content ul:not(.pagination) {\n\tlist-style-type: revert;\n\tmargin: revert;\n\tpadding-left: 2rem;\n}\n\n#main-content ul li{\n\tpadding-bottom: 5px;\n}\n\n.text-coalgreen{\n\tcolor: var(--darkOliveGreen);\n}\n\n.text-goldenbrown{\n\tcolor: var(--goldenBrown);\n}\n\n.bg-goldenbrown{\n\tbackground-color: var(--goldenBrown);\n}\n.dropdown-item{\n\t--bs-dropdown-item-padding-x: .75rem;\n    --bs-dropdown-item-padding-y: .4rem;\n\t--bs-dropdown-link-active-bg: var(--goldenBrown);\n\tdisplay: flex;\n    justify-content: space-between;\n    gap: .5rem;\n    align-items: center;\n\tborder-radius: 3px;\n}\n.dropdown-submenu {\n  position: relative;\n}\n.dropdown-menu{\n\t--bs-dropdown-min-width: 14rem;\n\tpadding: 5px;\n}\n.dropdown-submenu > .dropdown-menu {\n\t--bs-dropdown-min-width: 12rem;\n\ttop: 0;\n\tleft: 100%;\n\tmargin-top: -1px;\n}\n\n.dropdown-toggle::after{\n\tborder: 0 !important;\n\tcontent: '\\e313' !important;\n\tfont-family: 'Material Symbols Rounded';\n\tfont-size: 1.5rem;\n    line-height: 10px;\n\tfont-weight: 500;\n    margin: 0;\n    vertical-align: middle !important;\n\tcolor: inherit;\n}\n\n.dropdown-submenu .dropdown-toggle::after{\n\tcontent: '\\e315' !important;\n}\n\n.navbar{\n\t--bs-navbar-active-color: var(--goldenBrown);\n\t--bs-navbar-hover-color: var(--goldenBrown);\n\t--bs-navbar-color: var(--bs-gray-800)\n}\n.navbar-toggler{\n\tbackground-color: var(--lightBeige);\n}\n\n.no-carat::after{\n\tdisplay: none;\n}\n/*  */\np{\n\tline-height: 1.6;\n}\n.form-group{\n\tmargin-bottom: 1rem;\n}\n\n.form-check .form-check-input{\n\twidth: 1.2em;\n    height: 1.2em;\n}\n\n.form-check-label{\n\tvertical-align: middle;\n}\n\nselect.form-select, input.form-control:not([type=file]){\n    height: 45px;\n}\n.form-control[type=file]{\n\tline-height: 2.2;\n}\ninput.form-control:focus, select.form-select:focus{\n\tborder-color: var(--charcoalGreen);\n    box-shadow: 0 0 0 .25rem rgb(56 70 50 / 14%);\n}\n\n.form-label{\n    margin-bottom: .3rem;\n}\n\n\n.box-shadow{\n\t--size: 3px;\n\t--radius: 15px;\n\tborder-radius: var(--radius);\n\tborder: 1px solid rgba(0, 0, 0, 0.1);\n\toverflow: hidden;\n\ttransition: var(--transition);\n\tbox-shadow: calc(var(--size) * -1) var(--size) 0 rgba(0, 0, 0, 0.1);\n}\n\n.box-shadow-lg{\n\t--size: 6px;\n\tbox-shadow: calc(var(--size) * -1) var(--size) rgba(56, 69, 51, 0.4);\n}\n\n.btn:not(.btn-sm, .btn-xs, .btn-link){\n\t--bs-btn-padding-x: 1.3rem;\n    --bs-btn-padding-y: 0.5rem;\n\t/* --bs-btn-color: #fff;\n\t--bs-btn-hover-color: #fff; */\n\t--size: 0;\n\t--radius: 8px;\n\tfont-weight: 500;\n}\n.btn:hover{\n\t--size: 4px;\n}\n\n.btn-primary{\n\t--bs-btn-bg: var(--charcoalGreen);\n\t--bs-btn-border-color: var(--charcoalGreen);\n    --bs-btn-hover-bg: var(--darkOliveGreen);\n    --bs-btn-hover-border-color: var(--darkOliveGreen);\n    --bs-btn-active-bg: var(--darkOliveGreen);\n    --bs-btn-active-border-color: var(--darkOliveGreen);\n    --bs-btn-disabled-bg: var(--charcoalGreen);\n    --bs-btn-disabled-border-color: var(--charcoalGreen);\n}\n\n.btn-secondary{\n\t--bs-btn-bg: var(--goldenBrown);\n\t--bs-btn-border-color: var(--goldenBrown);\n    --bs-btn-hover-bg: var(--amberYellow);\n    --bs-btn-hover-border-color: var(--amberYellow);\n    --bs-btn-active-bg: var(--amberYellow);\n    --bs-btn-active-border-color: var(--amberYellow);\n    --bs-btn-disabled-bg: var(--goldenBrown);\n    --bs-btn-disabled-border-color: var(--goldenBrown);\n}\n\n.pagination{\n\tbox-shadow: none !important;\n\talign-items: center;\n    --bs-pagination-color: var(--darkOliveGreen);\n    --bs-pagination-hover-color: var(--darkOliveGreen);\n    --bs-pagination-focus-color: var(--darkOliveGreen);\n    --bs-pagination-active-bg: var(--darkOliveGreen);;\n    --bs-pagination-active-border-color: var(--darkOliveGreen);\n}\n\n.page-link:focus{\n\tbox-shadow: none;\n}\n.material-symbols-rounded{\n\tvertical-align: middle;\n}\n\n.btn .material-symbols-rounded{\n\tfont-size: 20px;\n}\n\n.title, .sub-title{\n\ttext-transform: uppercase;\n\tposition: relative;\n\tfont-size: 1.4rem;\n\tdisplay: inline-block;\n\tmargin-bottom: 1.4rem;\n\t/* color: var(--title); */\n}\n.title:not(.no-dash)::after, .sub-title:not(.no-dash):after{\n\tposition: absolute;\n\tbottom: -8px;\n\theight: 5px;\n\twidth: 40%;\n\tcontent: '';\n\tclear: both;\n\tdisplay: block;\n\tbackground-color: var(--goldenBrown);\n\tborder-radius: 10px;\n}\n.sub-title{\n\tfont-size: 1.2rem;\n}\n\n.line-clamp {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: initial;\n\tdisplay: -webkit-box;\n\t-webkit-box-orient: vertical;\n}\n\n.line-clamp-2 {\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n}\n\n.line-clamp-3 {\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n}\n\n\n\n\n\n\n\n/* Header */\n\n.header-topbar{\n\tbackground-color: var(--bs-secondary-bg);\n\tz-index: 1021;\n    position: relative;\n}\n\n.nav-section{\n\tbackground-color: var(--lightBeige);\n}\n\n#whatsNew li a > p{\n\tmargin: 0;\n}\n#whatsNew li a, #whatsNew li p{\n\tline-height: 1.3;\n}\n\n#whatsNew li > a:empty, #whatsNew li a > p:empty{\n\tdisplay: none;\n}\n\n/* Main */\n.slider-section .carousel-item {\n\theight: 700px;\n}\n.slider-section .carousel-item > img{\n\theight: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: center;\n}\n\n.slider-section :is(.carousel-control-next, .carousel-control-prev){\n\twidth: 10%;\n}\n.slider-section :is(.carousel-control-next, .carousel-control-prev){\n\topacity: 1;\n}\n.slider-section :is(.carousel-control-next-icon, .carousel-control-prev-icon){\n    background-size: 60% 60%;\n    background-color: var(--goldenBrown);\n    border-radius: 50px;\n    width: 2.5rem;\n    height: 2.5rem;\n\tborder: 1px solid var(--bs-border-color-translucent);\n}\n.slider-section .carousel-indicators{\n\talign-items: center;\n\tgap: 2px;\n\tmargin-bottom: 8rem;\n}\n.slider-section .carousel-indicators > button:not(.active){\n\twidth: 10px;\n}\n\n.slider-section .carousel-indicators > button{\n\theight: 10px;\n\tborder-radius: 10px;\n\tborder: 0;\n\ttransition: var(--transition);\n}\n\n.slider-section .carousel-indicators > button.active{\n\theight: 10px;\n\tborder-radius: 10px;\n}\n\n/* Slider end */\n\n/*Vision Mission  */\n.vismis-section{\n\tmargin-top: -6rem;\n\tposition: relative;\n\tz-index: 9;\n}\n.vismis-wrapper{\n\t--radius: 15px;\n\tpadding: 2.5rem;\n\tcolor: var(--bs-white);\n}\n.vismis-wrapper p{\n\tmargin: 0;\n}\n.vis-wrapper{\n\theight: 100%;\n\tborder-radius: var(--radius) 0 0 var(--radius);\n\tbackground-color: var(--charcoalGreen);\n}\n.mis-wrapper{\n\tborder-radius: 0 var(--radius) var(--radius) 0;\n\tbackground-color: var(--charcoalGreen);\n}\n\n/* END */\n\n\n\n\n/* Intro Section */\n\n.profile-card{\n    display: flex;\n    flex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n    gap: 0.5rem;\n    padding: 10px;\n\ttext-align: center;\n}\n\n.profile-card:hover, .reg-card:hover{\n\tbackground-color: var(--lightBeige);\n}\n\n.profile-card .card-img-top{\n\theight: 70px;\n\twidth: 70px;\n\tobject-fit: cover;\n    object-position: center;\n\tborder-radius: 50%;\n}\n\n/* priceTable-section */\n\n.priceTable-section{\n\tbackground-color: var(--lightBeige);\n}\n\n.priceTable-section .table th, .priceTable-section .table td{\n\talign-content: center;\n    padding: 12px 8px;\n}\n.priceTable-section .table td{\n\tfont-weight: 500;\n}\n\n.no-cellspace td{\n\tpadding-block: 4px !important;\n}\n\n.title-height{\n\tmin-height: 4rem;\n}\n\n\n\n/* Statics-section */\n\n.statics-section .card{\n\theight: 100%;\n}\n.statics-section .card-icon{\n\tfont-size: 4rem;\n\tcolor: var(--goldenBrown);\n}\n\n.statics-section .card-list li{\n\tpadding-bottom: 3px;\n\tfont-weight: 500;\n\tfont-size: 1.1rem;\n\tcolor: var(--bs-secondary);\n}\n.statics-section .card-list a:not(.btn):hover{\n\tcolor: var(--goldenBrown);\n}\n.statics-section .card-list a:hover span:not(.material-symbols-rounded){\n\ttext-decoration: underline;\n}\n\n\n\n/* Tender */\n\n.tender-section{\n\tbackground: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url('../img/tender/tender_bg.jpg');\n}\n\n.tender-section .card{\n\t--bs-card-color: var(--bs-white);\n\tbackdrop-filter: blur(5px);\n\tborder-color: rgb(255 255 255 / 10%);\n\tbackground: linear-gradient(135deg, rgba(177, 177, 177, 20%) 0%, rgba(177, 177, 177, 10%) 100%);\n}\n\n.tender-icon, .reg-icon{\n\tpadding: 10px;\n\tborder-radius: 10px;\n\tbackground-color: var(--iconbgclr);\n\tcolor: var(--iconclr);\n}\n\n/* gallery-wrapper */\n\n.slider {\n\twidth: 100%;\n\tmargin: auto;\n}\n\n.slick-slide {\n\tmargin: 5px;\n\ttransition: all ease-in-out .3s;\n\topacity: .3;\n\tborder-radius: var(--rounded);\n}\n\n.slick-active {\n\topacity: 1;\n}\n\n.slick-list{\n\tpadding: 0 !important;\n}\n\n.slick-slide img {\n\twidth: 100%;\n}\n\n.slick-prev:before,\n.slick-next:before {\n\tcolor: black;\n}\n\n\n.slick-current {\n\topacity: 1;\n}\n\n.slider-wrapper{\n\theight: 200px;\n}\n\n.slider-wrapper img{\n\theight: 100%;\n\tobject-fit: cover;\n    object-position: center;\n}\n\n\n\n/* Registration section */\n\n\n.reg-card.reg-card-1{\n\t--iconbgclr: #F6E2FF;\n\t--iconclr: #A952D0;\n}\n.reg-card.reg-card-2{\n\t--iconbgclr: #E8FFE2;\n\t--iconclr: #51B444;\n}\n.reg-card.reg-card-3{\n\t--iconbgclr: #FFF4E2;\n\t--iconclr: #DDC122;\n}\n.reg-card.reg-card-4{\n\t--iconbgclr: #E2F2FF;\n\t--iconclr: #528DD0;\n}\n.reg-card.reg-card-5{\n\t--iconbgclr: #E2FFF9;\n\t--iconclr: #4AAFAF;\n}\n.reg-card.reg-card-6{\n\t--iconbgclr: #FFEBF7;\n\t--iconclr: #F262C2;\n}\n\n.reg-card{\n\tposition: relative;\n\theight: 100%;\n\tbackground-color: var(--bs-body-bg);\n}\n.reg-card strong{\n\tline-height: 1.2;\n}\n.reg-card small{\n\tline-height: 1.2;\n\tmargin-top: 5px;\n\tdisplay: inline-block;\n}\n.reg-card:not(.no-link)::after{\n\tposition: absolute;\n\ttop: -20px;\n    right: -20px;\n\ttransition: var(--transition);\n\tcontent: '\\e89e';\n\tfont-family: 'Material Symbols Rounded';\n\tdisplay: block;\n\tclear: both;\n\tbackground-color: var(--iconbgclr);\n\tcolor: var(--iconclr);\n\tpadding: 2px 6px;\n    font-size: 16px;\n    border-radius: 0 0 0 10px;\n}\n\n.reg-card:hover::after{\n\ttop: 0;\n\tright: 0;\n}\n\n\n\n\n\n/* #main-content */\n\n#main-content{\n\tmargin-block: 2.5rem;\n}\n\n\n\n\n\n/* Footer */\n\nfooter{\n\tbackground-color: var(--lightBeige);\n}\n.footer-section ul li a{\n\tdisplay: inline-block;\n\tposition: relative;\n}\n\n.footer-section ul li a:hover{\n\tcolor: var(--goldenBrown);\n}\n\n.footer-section ul:not(.no-arrow) li a:before{\n\tcontent: '\\e315';\n\tfont-family: 'Material Symbols Rounded';\n\tclear: both;\n\tvertical-align: middle;\n    font-size: 20px;\n\n}\n\n.footer-section .userful-link li a{\n\t/* max-width: 90px; */\n\tbackground: var(--bs-white);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 50px;\n\tpadding: 5px;\n    border-radius: 8px;\n\toverflow: hidden;\n}\n\n.foot-social > a{\n\tdisplay: inline-block;\n\tpadding: 7px;\n\tborder-radius: 8px;\n\tbackground-color: var(--bs-body-bg);\n\ttransition: background-color 0.3s;\n\tline-height: 1;\n}\n\n.foot-social > a:hover{\n\tbackground-color: var(--goldenBrown);\n\tcolor: var(--bs-white);\n}\n\n\n\n\n/* Translator */\n\n\nbody > .skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{\n\tdisplay: none!important;\n}\n.goog-te-gadget {\n\tcolor: transparent!important;\n\tfont-size:0px;\n}\n.goog-text-highlight {\n\tbackground: none !important;\n\tbox-shadow: none !important;\n}\n\n.goog-te-gadget .goog-te-combo{\n\tpadding: 5px;\n\tborder-radius: 5px;\n\tborder: 1px solid var(--bs-body-color);\n}\n.goog-te-gadget{\n\tfont-size:0px !important;\n}\n\n\n\n/* responsive */\n\n\n@media (min-width: 1200px) {\n\t.dropdown-submenu > .dropdown-menu {\n\t\tdisplay: none;\n\t}\n\n\t.dropdown-submenu:hover > .dropdown-menu {\n\t\tdisplay: block;\n\t}\n\n\theader .navbar-nav .nav-link{\n\t\t--bs-navbar-nav-link-padding-x: .8rem;\n\t}\n\n}\n\n@media (max-width: 1199px) {\n\n\theader .navbar-nav > li{\n\t\twidth: 100%;\n\t}\n\theader .navbar-nav{\n\t\t--bs-nav-link-padding-x: .5rem;\n\t}\n\theader .nav-link{\n\t\t/* --bs-nav-link-font-size: 1.1rem; */\n\t\t--bs-nav-link-padding-y: 0.8rem;\n\t\t--bs-nav-link-font-size: 1.1rem;\n\t\tfont-weight: 500;\n\t\tdisplay: flex;\n        align-items: center;\n        justify-content: space-between;\n\t}\n\theader .navbar-nav .dropdown-menu{\n\t\t--bs-dropdown-font-size: 1.1rem;\n\t\tborder: 0;\n\t\tmargin: 0;\n\t\tfont-weight: 400;\n\t\t/* padding-left: 1rem; */\n\t\tborder-radius: 0;\n\t\ttransition: var(--transition);\n\t}\n\theader :is(.navbar-nav .dropdown-toggle.show, .navbar-nav .dropdown-menu.show){\n\t\tbackground-color: #dfa14945;\n\t}\n\theader :is(.navbar-nav  .dropdown-toggle.show, .dropdown-item:focus, .dropdown-item:hover){\n\t\tcolor: var(--bs-white);\n        background-color: var(--goldenBrown);\n\t}\n\theader .dropdown-submenu .dropdown-toggle.show::after{\n\t\trotate: 90deg;\n\t}\n\theader .dropdown-item{\n\t\t--bs-dropdown-item-padding-y: .5rem;\n\t\tfont-weight: 500;\n\t\t/* --bs-dropdown-link-color: var(--text); */\n\t}\n\n\theader .logo-section .whats-new{\n\t\torder: 3 !important;\n\t}\n\theader .logo-section .head-logo{\n\t\torder: 2 !important;\n\t\tmargin-right: auto !important;\n\t}\n\n}\n\n\n@media (min-width: 1200px) and (max-width: 1399px) {\n\theader .navbar-nav .nav-link{\n\t\t/* font-size: .9rem; */\n\t\t--bs-nav-link-font-size: 13px;\n\t\tfont-weight: 500;\n\t}\n\theader .dropdown-toggle::after{\n\t\tmargin-left: -4px;\n\t\twidth: 15px;\n\t}\n\t/* header .head-logo{\n\t\tmax-width: 170px;\n\t} */\n\n}\n\n\n@media (min-width: 992px) and (max-width: 1199px) {\n\n}\n\n@media (max-width: 991px) {\n\t.profile-section .card-text{\n\t\tfont-size: 12px;\n\t}\n\t\n\t.footer-section .userful-link li a{\n\t\tmax-width: 100px;\n\t}\n}\n\n@media (max-width: 767px) {\n\t\n\t.vismis-wrapper{\n\t\tpadding: 2rem;\t\n\t}\n\t.vis-wrapper{\n\t\tborder-radius: var(--radius) var(--radius) 0 0;\n\t}\n\t.mis-wrapper{\n\t\tborder-radius: 0 0 var(--radius) var(--radius);\n\t}\n\t\n\t.footer-section .userful-link li a{\n\t\tmax-width: 150px;\n\t\theight: 80px;\n\t}\n}\n\n@media screen and (max-width: 575px) {\n\t.profile-card{\n\t\twidth: 100%;\n\t}\n\t\n}",
  "html": "<html><head><meta name=\"color-scheme\" content=\"light dark\"></head><body><pre style=\"word-wrap: break-word; white-space: pre-wrap;\">\n:root, [data-bs-theme=\"light\"] {\n\t/* --bs-body-bg: #FFFDF8; */\n\t--darkOliveGreen: #465B3C;\n\t--charcoalGreen: #384632;\n\t--goldenBrown: #CC8A2B;\n\t--amberYellow: #F4B600;\n\t--lightBeige: #fcefd0;\n\t--title: #2B2B2B;\n\t--text: #424242;\n\t--transition: all ease-in-out 0.3s;\n\t--rounded: 10px;\n\n}\n\n\n\n.fw-900, .interblack { font-weight: 900; }\n.fw-800, .interextrabold { font-weight: 800; }\n.fw-700, .interbold { font-weight: 700; }\n.fw-600, .intersemibold { font-weight: 600; }\n.fw-500 { font-weight: 500; }\n.fw-400, .interregular { font-weight: 400; }\n.fw-300, .interlight { font-weight: 300; }\n.fw-200, .interthin { font-weight: 200; }\n\n\nhtml, body {\n\tfont-family: 'Inter', sans-serif;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 1.5;\n\tscroll-behavior: smooth;\n\tmargin: 0;\n\tpadding: 0;\n\tcolor: var(--bs-body-color);\n\tbackground-color: var(--bs-body-bg);\n\ttop: 0 !important;\n}\n\na {\n  display: inline-block;\n  text-decoration: none;\n  color: inherit;\n  transition: var(--transition);\n}\n\na:focus,\na:visited {\n  outline: none;\n  /* text-decoration: none; */\n}\n\na:hover{\n\tcolor: inherit;\n\t/* text-decoration: none; */\n}\n\nul li a:hover{\n    color: var(--goldenBrown);\n}\n\n#main-content ul li a{\n\tdisplay: inline;\n}\n\n#main-content ul li a:hover{\n    color: var(--goldenBrown);\n\ttext-decoration: underline;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: 'Inter', sans-serif;\n  /* margin: 0; */\n  line-height: 1.2;\n  color: inherit;\n}\n\nh1 { font-size: 2.5rem; font-weight: 700; }\nh2 { font-size: 2rem; font-weight: 600; }\nh3 { font-size: 1.75rem; font-weight: 600; }\nh4 { font-size: 1.5rem; font-weight: 500; }\nh5 { font-size: 1.25rem; font-weight: 500; }\nh6 { font-size: 1rem; font-weight: 400; }\n\n.material-symbols-outlined{\n\tvertical-align: middle;\n}\n\nimg{ \n\tmax-width: 100%; \n\tvertical-align: middle;\n}\n/* Reset lists everywhere (except we restore defaults inside #main-content below) */\nul {\n\tlist-style-type: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\ntable, .table{\n    /* --bs-table-bg: var(--bs-white);\n\tborder-color: var(--bs-gray-400); */\n}\n\n/* Ensure lists inside the main content keep their default/browser styles */\n#main-content ul:not(.pagination) {\n\tlist-style-type: revert;\n\tmargin: revert;\n\tpadding-left: 2rem;\n}\n\n#main-content ul li{\n\tpadding-bottom: 5px;\n}\n\n.text-coalgreen{\n\tcolor: var(--darkOliveGreen);\n}\n\n.text-goldenbrown{\n\tcolor: var(--goldenBrown);\n}\n\n.bg-goldenbrown{\n\tbackground-color: var(--goldenBrown);\n}\n.dropdown-item{\n\t--bs-dropdown-item-padding-x: .75rem;\n    --bs-dropdown-item-padding-y: .4rem;\n\t--bs-dropdown-link-active-bg: var(--goldenBrown);\n\tdisplay: flex;\n    justify-content: space-between;\n    gap: .5rem;\n    align-items: center;\n\tborder-radius: 3px;\n}\n.dropdown-submenu {\n  position: relative;\n}\n.dropdown-menu{\n\t--bs-dropdown-min-width: 14rem;\n\tpadding: 5px;\n}\n.dropdown-submenu &gt; .dropdown-menu {\n\t--bs-dropdown-min-width: 12rem;\n\ttop: 0;\n\tleft: 100%;\n\tmargin-top: -1px;\n}\n\n.dropdown-toggle::after{\n\tborder: 0 !important;\n\tcontent: '\\e313' !important;\n\tfont-family: 'Material Symbols Rounded';\n\tfont-size: 1.5rem;\n    line-height: 10px;\n\tfont-weight: 500;\n    margin: 0;\n    vertical-align: middle !important;\n\tcolor: inherit;\n}\n\n.dropdown-submenu .dropdown-toggle::after{\n\tcontent: '\\e315' !important;\n}\n\n.navbar{\n\t--bs-navbar-active-color: var(--goldenBrown);\n\t--bs-navbar-hover-color: var(--goldenBrown);\n\t--bs-navbar-color: var(--bs-gray-800)\n}\n.navbar-toggler{\n\tbackground-color: var(--lightBeige);\n}\n\n.no-carat::after{\n\tdisplay: none;\n}\n/*  */\np{\n\tline-height: 1.6;\n}\n.form-group{\n\tmargin-bottom: 1rem;\n}\n\n.form-check .form-check-input{\n\twidth: 1.2em;\n    height: 1.2em;\n}\n\n.form-check-label{\n\tvertical-align: middle;\n}\n\nselect.form-select, input.form-control:not([type=file]){\n    height: 45px;\n}\n.form-control[type=file]{\n\tline-height: 2.2;\n}\ninput.form-control:focus, select.form-select:focus{\n\tborder-color: var(--charcoalGreen);\n    box-shadow: 0 0 0 .25rem rgb(56 70 50 / 14%);\n}\n\n.form-label{\n    margin-bottom: .3rem;\n}\n\n\n.box-shadow{\n\t--size: 3px;\n\t--radius: 15px;\n\tborder-radius: var(--radius);\n\tborder: 1px solid rgba(0, 0, 0, 0.1);\n\toverflow: hidden;\n\ttransition: var(--transition);\n\tbox-shadow: calc(var(--size) * -1) var(--size) 0 rgba(0, 0, 0, 0.1);\n}\n\n.box-shadow-lg{\n\t--size: 6px;\n\tbox-shadow: calc(var(--size) * -1) var(--size) rgba(56, 69, 51, 0.4);\n}\n\n.btn:not(.btn-sm, .btn-xs, .btn-link){\n\t--bs-btn-padding-x: 1.3rem;\n    --bs-btn-padding-y: 0.5rem;\n\t/* --bs-btn-color: #fff;\n\t--bs-btn-hover-color: #fff; */\n\t--size: 0;\n\t--radius: 8px;\n\tfont-weight: 500;\n}\n.btn:hover{\n\t--size: 4px;\n}\n\n.btn-primary{\n\t--bs-btn-bg: var(--charcoalGreen);\n\t--bs-btn-border-color: var(--charcoalGreen);\n    --bs-btn-hover-bg: var(--darkOliveGreen);\n    --bs-btn-hover-border-color: var(--darkOliveGreen);\n    --bs-btn-active-bg: var(--darkOliveGreen);\n    --bs-btn-active-border-color: var(--darkOliveGreen);\n    --bs-btn-disabled-bg: var(--charcoalGreen);\n    --bs-btn-disabled-border-color: var(--charcoalGreen);\n}\n\n.btn-secondary{\n\t--bs-btn-bg: var(--goldenBrown);\n\t--bs-btn-border-color: var(--goldenBrown);\n    --bs-btn-hover-bg: var(--amberYellow);\n    --bs-btn-hover-border-color: var(--amberYellow);\n    --bs-btn-active-bg: var(--amberYellow);\n    --bs-btn-active-border-color: var(--amberYellow);\n    --bs-btn-disabled-bg: var(--goldenBrown);\n    --bs-btn-disabled-border-color: var(--goldenBrown);\n}\n\n.pagination{\n\tbox-shadow: none !important;\n\talign-items: center;\n    --bs-pagination-color: var(--darkOliveGreen);\n    --bs-pagination-hover-color: var(--darkOliveGreen);\n    --bs-pagination-focus-color: var(--darkOliveGreen);\n    --bs-pagination-active-bg: var(--darkOliveGreen);;\n    --bs-pagination-active-border-color: var(--darkOliveGreen);\n}\n\n.page-link:focus{\n\tbox-shadow: none;\n}\n.material-symbols-rounded{\n\tvertical-align: middle;\n}\n\n.btn .material-symbols-rounded{\n\tfont-size: 20px;\n}\n\n.title, .sub-title{\n\ttext-transform: uppercase;\n\tposition: relative;\n\tfont-size: 1.4rem;\n\tdisplay: inline-block;\n\tmargin-bottom: 1.4rem;\n\t/* color: var(--title); */\n}\n.title:not(.no-dash)::after, .sub-title:not(.no-dash):after{\n\tposition: absolute;\n\tbottom: -8px;\n\theight: 5px;\n\twidth: 40%;\n\tcontent: '';\n\tclear: both;\n\tdisplay: block;\n\tbackground-color: var(--goldenBrown);\n\tborder-radius: 10px;\n}\n.sub-title{\n\tfont-size: 1.2rem;\n}\n\n.line-clamp {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: initial;\n\tdisplay: -webkit-box;\n\t-webkit-box-orient: vertical;\n}\n\n.line-clamp-2 {\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n}\n\n.line-clamp-3 {\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n}\n\n\n\n\n\n\n\n/* Header */\n\n.header-topbar{\n\tbackground-color: var(--bs-secondary-bg);\n\tz-index: 1021;\n    position: relative;\n}\n\n.nav-section{\n\tbackground-color: var(--lightBeige);\n}\n\n#whatsNew li a &gt; p{\n\tmargin: 0;\n}\n#whatsNew li a, #whatsNew li p{\n\tline-height: 1.3;\n}\n\n#whatsNew li &gt; a:empty, #whatsNew li a &gt; p:empty{\n\tdisplay: none;\n}\n\n/* Main */\n.slider-section .carousel-item {\n\theight: 700px;\n}\n.slider-section .carousel-item &gt; img{\n\theight: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: center;\n}\n\n.slider-section :is(.carousel-control-next, .carousel-control-prev){\n\twidth: 10%;\n}\n.slider-section :is(.carousel-control-next, .carousel-control-prev){\n\topacity: 1;\n}\n.slider-section :is(.carousel-control-next-icon, .carousel-control-prev-icon){\n    background-size: 60% 60%;\n    background-color: var(--goldenBrown);\n    border-radius: 50px;\n    width: 2.5rem;\n    height: 2.5rem;\n\tborder: 1px solid var(--bs-border-color-translucent);\n}\n.slider-section .carousel-indicators{\n\talign-items: center;\n\tgap: 2px;\n\tmargin-bottom: 8rem;\n}\n.slider-section .carousel-indicators &gt; button:not(.active){\n\twidth: 10px;\n}\n\n.slider-section .carousel-indicators &gt; button{\n\theight: 10px;\n\tborder-radius: 10px;\n\tborder: 0;\n\ttransition: var(--transition);\n}\n\n.slider-section .carousel-indicators &gt; button.active{\n\theight: 10px;\n\tborder-radius: 10px;\n}\n\n/* Slider end */\n\n/*Vision Mission  */\n.vismis-section{\n\tmargin-top: -6rem;\n\tposition: relative;\n\tz-index: 9;\n}\n.vismis-wrapper{\n\t--radius: 15px;\n\tpadding: 2.5rem;\n\tcolor: var(--bs-white);\n}\n.vismis-wrapper p{\n\tmargin: 0;\n}\n.vis-wrapper{\n\theight: 100%;\n\tborder-radius: var(--radius) 0 0 var(--radius);\n\tbackground-color: var(--charcoalGreen);\n}\n.mis-wrapper{\n\tborder-radius: 0 var(--radius) var(--radius) 0;\n\tbackground-color: var(--charcoalGreen);\n}\n\n/* END */\n\n\n\n\n/* Intro Section */\n\n.profile-card{\n    display: flex;\n    flex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n    gap: 0.5rem;\n    padding: 10px;\n\ttext-align: center;\n}\n\n.profile-card:hover, .reg-card:hover{\n\tbackground-color: var(--lightBeige);\n}\n\n.profile-card .card-img-top{\n\theight: 70px;\n\twidth: 70px;\n\tobject-fit: cover;\n    object-position: center;\n\tborder-radius: 50%;\n}\n\n/* priceTable-section */\n\n.priceTable-section{\n\tbackground-color: var(--lightBeige);\n}\n\n.priceTable-section .table th, .priceTable-section .table td{\n\talign-content: center;\n    padding: 12px 8px;\n}\n.priceTable-section .table td{\n\tfont-weight: 500;\n}\n\n.no-cellspace td{\n\tpadding-block: 4px !important;\n}\n\n.title-height{\n\tmin-height: 4rem;\n}\n\n\n\n/* Statics-section */\n\n.statics-section .card{\n\theight: 100%;\n}\n.statics-section .card-icon{\n\tfont-size: 4rem;\n\tcolor: var(--goldenBrown);\n}\n\n.statics-section .card-list li{\n\tpadding-bottom: 3px;\n\tfont-weight: 500;\n\tfont-size: 1.1rem;\n\tcolor: var(--bs-secondary);\n}\n.statics-section .card-list a:not(.btn):hover{\n\tcolor: var(--goldenBrown);\n}\n.statics-section .card-list a:hover span:not(.material-symbols-rounded){\n\ttext-decoration: underline;\n}\n\n\n\n/* Tender */\n\n.tender-section{\n\tbackground: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url('../img/tender/tender_bg.jpg');\n}\n\n.tender-section .card{\n\t--bs-card-color: var(--bs-white);\n\tbackdrop-filter: blur(5px);\n\tborder-color: rgb(255 255 255 / 10%);\n\tbackground: linear-gradient(135deg, rgba(177, 177, 177, 20%) 0%, rgba(177, 177, 177, 10%) 100%);\n}\n\n.tender-icon, .reg-icon{\n\tpadding: 10px;\n\tborder-radius: 10px;\n\tbackground-color: var(--iconbgclr);\n\tcolor: var(--iconclr);\n}\n\n/* gallery-wrapper */\n\n.slider {\n\twidth: 100%;\n\tmargin: auto;\n}\n\n.slick-slide {\n\tmargin: 5px;\n\ttransition: all ease-in-out .3s;\n\topacity: .3;\n\tborder-radius: var(--rounded);\n}\n\n.slick-active {\n\topacity: 1;\n}\n\n.slick-list{\n\tpadding: 0 !important;\n}\n\n.slick-slide img {\n\twidth: 100%;\n}\n\n.slick-prev:before,\n.slick-next:before {\n\tcolor: black;\n}\n\n\n.slick-current {\n\topacity: 1;\n}\n\n.slider-wrapper{\n\theight: 200px;\n}\n\n.slider-wrapper img{\n\theight: 100%;\n\tobject-fit: cover;\n    object-position: center;\n}\n\n\n\n/* Registration section */\n\n\n.reg-card.reg-card-1{\n\t--iconbgclr: #F6E2FF;\n\t--iconclr: #A952D0;\n}\n.reg-card.reg-card-2{\n\t--iconbgclr: #E8FFE2;\n\t--iconclr: #51B444;\n}\n.reg-card.reg-card-3{\n\t--iconbgclr: #FFF4E2;\n\t--iconclr: #DDC122;\n}\n.reg-card.reg-card-4{\n\t--iconbgclr: #E2F2FF;\n\t--iconclr: #528DD0;\n}\n.reg-card.reg-card-5{\n\t--iconbgclr: #E2FFF9;\n\t--iconclr: #4AAFAF;\n}\n.reg-card.reg-card-6{\n\t--iconbgclr: #FFEBF7;\n\t--iconclr: #F262C2;\n}\n\n.reg-card{\n\tposition: relative;\n\theight: 100%;\n\tbackground-color: var(--bs-body-bg);\n}\n.reg-card strong{\n\tline-height: 1.2;\n}\n.reg-card small{\n\tline-height: 1.2;\n\tmargin-top: 5px;\n\tdisplay: inline-block;\n}\n.reg-card:not(.no-link)::after{\n\tposition: absolute;\n\ttop: -20px;\n    right: -20px;\n\ttransition: var(--transition);\n\tcontent: '\\e89e';\n\tfont-family: 'Material Symbols Rounded';\n\tdisplay: block;\n\tclear: both;\n\tbackground-color: var(--iconbgclr);\n\tcolor: var(--iconclr);\n\tpadding: 2px 6px;\n    font-size: 16px;\n    border-radius: 0 0 0 10px;\n}\n\n.reg-card:hover::after{\n\ttop: 0;\n\tright: 0;\n}\n\n\n\n\n\n/* #main-content */\n\n#main-content{\n\tmargin-block: 2.5rem;\n}\n\n\n\n\n\n/* Footer */\n\nfooter{\n\tbackground-color: var(--lightBeige);\n}\n.footer-section ul li a{\n\tdisplay: inline-block;\n\tposition: relative;\n}\n\n.footer-section ul li a:hover{\n\tcolor: var(--goldenBrown);\n}\n\n.footer-section ul:not(.no-arrow) li a:before{\n\tcontent: '\\e315';\n\tfont-family: 'Material Symbols Rounded';\n\tclear: both;\n\tvertical-align: middle;\n    font-size: 20px;\n\n}\n\n.footer-section .userful-link li a{\n\t/* max-width: 90px; */\n\tbackground: var(--bs-white);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 50px;\n\tpadding: 5px;\n    border-radius: 8px;\n\toverflow: hidden;\n}\n\n.foot-social &gt; a{\n\tdisplay: inline-block;\n\tpadding: 7px;\n\tborder-radius: 8px;\n\tbackground-color: var(--bs-body-bg);\n\ttransition: background-color 0.3s;\n\tline-height: 1;\n}\n\n.foot-social &gt; a:hover{\n\tbackground-color: var(--goldenBrown);\n\tcolor: var(--bs-white);\n}\n\n\n\n\n/* Translator */\n\n\nbody &gt; .skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{\n\tdisplay: none!important;\n}\n.goog-te-gadget {\n\tcolor: transparent!important;\n\tfont-size:0px;\n}\n.goog-text-highlight {\n\tbackground: none !important;\n\tbox-shadow: none !important;\n}\n\n.goog-te-gadget .goog-te-combo{\n\tpadding: 5px;\n\tborder-radius: 5px;\n\tborder: 1px solid var(--bs-body-color);\n}\n.goog-te-gadget{\n\tfont-size:0px !important;\n}\n\n\n\n/* responsive */\n\n\n@media (min-width: 1200px) {\n\t.dropdown-submenu &gt; .dropdown-menu {\n\t\tdisplay: none;\n\t}\n\n\t.dropdown-submenu:hover &gt; .dropdown-menu {\n\t\tdisplay: block;\n\t}\n\n\theader .navbar-nav .nav-link{\n\t\t--bs-navbar-nav-link-padding-x: .8rem;\n\t}\n\n}\n\n@media (max-width: 1199px) {\n\n\theader .navbar-nav &gt; li{\n\t\twidth: 100%;\n\t}\n\theader .navbar-nav{\n\t\t--bs-nav-link-padding-x: .5rem;\n\t}\n\theader .nav-link{\n\t\t/* --bs-nav-link-font-size: 1.1rem; */\n\t\t--bs-nav-link-padding-y: 0.8rem;\n\t\t--bs-nav-link-font-size: 1.1rem;\n\t\tfont-weight: 500;\n\t\tdisplay: flex;\n        align-items: center;\n        justify-content: space-between;\n\t}\n\theader .navbar-nav .dropdown-menu{\n\t\t--bs-dropdown-font-size: 1.1rem;\n\t\tborder: 0;\n\t\tmargin: 0;\n\t\tfont-weight: 400;\n\t\t/* padding-left: 1rem; */\n\t\tborder-radius: 0;\n\t\ttransition: var(--transition);\n\t}\n\theader :is(.navbar-nav .dropdown-toggle.show, .navbar-nav .dropdown-menu.show){\n\t\tbackground-color: #dfa14945;\n\t}\n\theader :is(.navbar-nav  .dropdown-toggle.show, .dropdown-item:focus, .dropdown-item:hover){\n\t\tcolor: var(--bs-white);\n        background-color: var(--goldenBrown);\n\t}\n\theader .dropdown-submenu .dropdown-toggle.show::after{\n\t\trotate: 90deg;\n\t}\n\theader .dropdown-item{\n\t\t--bs-dropdown-item-padding-y: .5rem;\n\t\tfont-weight: 500;\n\t\t/* --bs-dropdown-link-color: var(--text); */\n\t}\n\n\theader .logo-section .whats-new{\n\t\torder: 3 !important;\n\t}\n\theader .logo-section .head-logo{\n\t\torder: 2 !important;\n\t\tmargin-right: auto !important;\n\t}\n\n}\n\n\n@media (min-width: 1200px) and (max-width: 1399px) {\n\theader .navbar-nav .nav-link{\n\t\t/* font-size: .9rem; */\n\t\t--bs-nav-link-font-size: 13px;\n\t\tfont-weight: 500;\n\t}\n\theader .dropdown-toggle::after{\n\t\tmargin-left: -4px;\n\t\twidth: 15px;\n\t}\n\t/* header .head-logo{\n\t\tmax-width: 170px;\n\t} */\n\n}\n\n\n@media (min-width: 992px) and (max-width: 1199px) {\n\n}\n\n@media (max-width: 991px) {\n\t.profile-section .card-text{\n\t\tfont-size: 12px;\n\t}\n\t\n\t.footer-section .userful-link li a{\n\t\tmax-width: 100px;\n\t}\n}\n\n@media (max-width: 767px) {\n\t\n\t.vismis-wrapper{\n\t\tpadding: 2rem;\t\n\t}\n\t.vis-wrapper{\n\t\tborder-radius: var(--radius) var(--radius) 0 0;\n\t}\n\t.mis-wrapper{\n\t\tborder-radius: 0 0 var(--radius) var(--radius);\n\t}\n\t\n\t.footer-section .userful-link li a{\n\t\tmax-width: 150px;\n\t\theight: 80px;\n\t}\n}\n\n@media screen and (max-width: 575px) {\n\t.profile-card{\n\t\twidth: 100%;\n\t}\n\t\n}</pre></body></html>"
}
0
x-amz-checksum-crc32:uO/yfA==