*,
*::before,
*::after {
box-sizing: border-box;
}
.btn,
body {
line-height: 1.6;
}
.btn,
.btn i {
color: none;
display: flex;
}
.btn,
.btn i,
.btn span,
.buttondiv,
.webname {
display: flex;
}
.btn:hover,
body {
background-color: #fff;
}
body,
table a {
font-weight: 500;
}
.shdt,
h1 {
margin-bottom: 0;
}
.live-btn,
.menu-left,
.search-icon {
cursor: pointer;
}
body,
footer {
padding: 0;
}
.social-media-links a,
.tp,
.webname p:first-of-type,
main,
nav a {
text-transform: capitalize;
}
.btn,
.dropdown-menu a,
.rside li a,
.tp a,
nav a,
table a {
text-decoration: none;
}
body {
font-family: Hind, sans-serif;
color: #333;
margin: 0;
}
.buttondiv {
flex-wrap: wrap;
justify-content: space-between;
gap: clamp(1rem, 1.3vw, 3rem);
padding-block: clamp(1rem, 3vw, 3rem);
}
.btn {
border: 0.5px solid #000;
border-radius: 8px;
width: 40%;
flex-grow: 1;
background: #fbfdff;
padding-block: clamp(0.5rem, 2vw, 3rem);
padding-inline: clamp(0.2rem, 1.3vw, 0.7rem);
transition: 0.5s ease-in-out;
}
.btn i {
padding: 2;
border-radius: clamp(0.4rem, 2.5vw, 2rem);
margin-inline: clamp(0.4rem, 1vw, 2rem);
font-size: clamp(0.7rem, 4vw, 2rem);
align-items: center;
}
.detailsbox ul,
.rside ul {
padding-right: clamp(0.5rem, 0.5vw, 3rem);
}
.btn span {
font-size: clamp(0.8rem, 3.6vw, 2rem);
align-items: center;
align-items: center;
padding-left: clamp(0.1rem, 1.8vw, 2rem);
}
.btn:hover {
transform: scale(1.03) translateY(-5px);
color: #2bb202;
font-weight: bolder;
box-shadow: 0 3px clamp(0.5rem, 0.5vw, 1rem) rgba(170, 209, 211, 0.867);
}
.btn:active {
transform: translateX(clamp(1rem, 1.7vw, 5rem));
}
h1,
h2,
h3,
h4,
h5 {
font-family: khand, sans-serif;
font-weight: 700;
}
li,
p,
span,
table,
table a {
font-family: Hind, sans-serif;
}
th {
font-weight: 600;
}
td {
font-weight: 400;
border: 1px solid #000;
}
.shdt,
h1 {
font-weight: 700;
}
.shdt {
color: red;
font-family: Montserrat, sans-serif;
font-size: clamp(0.8rem, 4.2vw, 1.2rem);
margin-top: clamp(0.5rem, 3vw, 2rem);
}
.shdd {
font-family: "Open Sans", sans-serif;
color: #000;
margin-left: 0;
padding-right: clamp(0.6rem, 0.6vw, 1rem);
font-size: clamp(0.8rem, 4vw, 1.13rem);
line-height: 1.9;
margin-top: 8px;
font-weight: 600;
}
header {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 10;
}
.webname {
flex-direction: column;
justify-content: center;
background-color: #1a237e;
height: clamp(6rem, 28vw, 30rem);
}
.main-nav,
nav {
background-color: #3f51b5;
display: flex;
color: #fff;
}
.webname p {
color: #fff;
text-align: center;
margin: 0;
}
.webname p:first-of-type {
font-size: clamp(0.8rem, 3.7vw, 1.5rem);
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 700;
line-height: clamp(1.3rem, 6vw, 3rem);
padding-inline: clamp(0.5rem, 4vw, 1rem);
}
.webname p:nth-of-type(2) {
margin-top: 10px;
color: #bbdefb;
font-size: clamp(0.8rem, 2vw, 1.5rem);
}
nav {
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
}
nav a {
font-size: clamp(0.7rem, 3.5vw, 1.2rem);
color: #fff;
margin-block: 10px;
padding-block: 2px;
padding-inline: clamp(0.2rem, 2vw, 1rem);
}
.main-nav {
padding-inline: clamp(0.3rem, 4vw, 2rem);
padding-block: clamp(0.1rem, 0.5vw, 2rem);
justify-content: space-between;
align-items: center;
}
.menu-icon,
.menu-left {
align-items: center;
display: flex;
}
.menu-left {
font-size: clamp(0.8rem, 3.8vw, 1.2rem);
}
.menu-icon {
margin-right: 10px;
}
.search-icon {
display: flex;
align-items: center;
width: clamp(1.2rem, 3.8vw, 3rem);
height: clamp(1.2rem, 3.8vw, 3rem);
}
.menu-left svg,
.search-icon svg {
width: clamp(1.2rem, 5vw, 3rem);
height: clamp(1.2rem, 5vw, 3rem);
stroke: white;
fill: none;
stroke-width: 2;
}
.dropdown-menu {
display: none;
background-color: #010167;
}
.dropdown-menu.show,
.search-container.show {
display: block;
}
.hidden {
display: none !important;
}
.dropdown-menu a {
color: #fff;
padding-inline: clamp(1rem, 2vw, 3rem);
padding-block: clamp(0.2rem, 1.5vw, 3rem);
display: block;
font-size: clamp(0.9rem, 3.6vw, 1.05rem);
}
.dropdown-menu a:hover {
background-color: #f9f9f9;
color: #00f;
}
.search-container {
background-color: #f1f1f1;
padding: 15px;
display: none;
}
#imp_link table,
#mainbox,
.detailsbox ul,
.rside {
background-color: #fff;
}
.notfy-out,
h1 {
padding-inline: clamp(0.4rem, 2vw, 1rem);
margin-inline: auto;
line-height: 1.6;
text-align: center;
}
.search-container input[type="text"] {
width: calc(100% - 24px);
padding: 8px;
border: 1px solid #000;
border-radius: 4px;
font-size: clamp(0.9rem, 2.5vw, 1.3rem);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.314);
}
.maincontainer {
display: flex;
flex-direction: column;
}
.firstd {
display: flex;
align-items: center;
margin-bottom: clamp(1rem, 5vw, 4rem);
padding-left: clamp(0.3rem, 0.6vw, 8rem);
}
h1 {
font-size: clamp(1rem, 5vw, 3rem);
background: linear-gradient(45deg, green, #f39200);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.detailsbox h2,
.detailsbox td,
.rside h3,
h4 {
font-weight: 500;
}
.notfy-out {
color: #e90628;
font-size: clamp(0.7rem, 3vw, 1rem);
font-weight: bolder;
text-indent: 0;
}
.notfy-out span {
color: #00f;
font-size: clamp(0.6rem, 2.5vw, 0.9rem);
line-height: 1.4;
}
#mainbox {
padding-block: clamp(1rem, 1vw, 2rem);
margin-inline: clamp(0.2rem, 1vw, 2rem);
margin-bottom: clamp(0.3rem, 1vw, 1rem);
}
.detailsbox {
padding-inline: clamp(0.6rem, 1vw, 2rem);
padding-bottom: clamp(1rem, 1vw, 4rem);
margin-bottom: clamp(1rem, 1vw, 4rem);
padding-top: clamp(0.5rem, 0.6vw, 10rem);
border-radius: clamp(0.5rem, 0.6vw, 1.5rem);
}
.detailsbox h2 {
margin: 0;
border-bottom: 1px solid #00f;
padding-bottom: clamp(0.2rem, 0.2vw, 10rem);
font-size: clamp(1rem, 5vw, 2rem);
line-height: 1.5;
}
#mainbox .detailsbox:first-of-type h2 {
color: #1a237e;
border-bottom: 2px solid #1a237e;
}
#mainbox .detailsbox:nth-of-type(2) h2 {
color: #1976d2;
border-bottom: 2px solid #1976d2;
}
#mainbox .detailsbox:nth-of-type(3) h2 {
color: #d40202;
border-bottom: 2px solid #388e3c;
}
#mainbox .detailsbox:nth-of-type(4) h2 {
color: #3701a3;
border-bottom: 2px solid #fbc02d;
}
#mainbox .detailsbox:nth-of-type(12) h2,
#mainbox .detailsbox:nth-of-type(5) h2 {
color: #7b1fa2;
border-bottom: 2px solid #7b1fa2;
}
#mainbox .detailsbox:nth-of-type(13) h2,
#mainbox .detailsbox:nth-of-type(6) h2 {
color: #00796b;
border-bottom: 2px solid #00796b;
}
#mainbox .detailsbox:nth-of-type(14) h2,
#mainbox .detailsbox:nth-of-type(7) h2 {
color: #e64a19;
border-bottom: 2px solid #e64a19;
}
#mainbox .detailsbox:nth-of-type(15) h2,
#mainbox .detailsbox:nth-of-type(8) h2 {
color: #c2185b;
border-bottom: 2px solid #c2185b;
}
#mainbox .detailsbox:nth-of-type(9) h2 {
color: indigo;
border-bottom: 2px solid #512da8;
}
#mainbox .detailsbox:nth-of-type(10) h2 {
color: green;
border-bottom: 2px solid #455a64;
}
#mainbox .detailsbox:nth-of-type(11) h2 {
color: #fbc02d;
border-bottom: 2px solid #fbc02d;
}
.shortinfo {
margin: 0;
text-align: center;
padding-block: clamp(0.2rem, 0.2vw, 3rem);
font-weight: 700;
font-size: clamp(0.9rem, 4vw, 1.8rem);
line-height: 1.4;
margin-top: clamp(0.4rem, 0.8vw, 2rem);
}
#shinf1 {
margin-top: clamp(1rem, 1vw, 2rem);
color: #8302be;
}
#shinf2 {
color: #228b22;
}
#shinf3 {
color: olive;
}
.detailsbox ul {
margin: 0;
margin-top: clamp(0.8rem, 1vw, 3rem);
list-style-type: square;
padding-left: clamp(1.5rem, 5vw, 3rem);
border-style: groove;
border-radius: 10px;
padding-block: 10px;
}
.detailsbox ol {
padding-left: clamp(1.2rem, 7vw, 3rem);
}
.detailsbox li li {
background: 0 0 !important;
background-color: transparent1 !important;
}
.detailsbox ol ul,
.detailsbox ul ul,
ol {
margin-top: clamp(0.5rem, 0.5vw, 3rem);
}
.detailsbox ol ol li,
.detailsbox ol ul li,
.detailsbox ul ol li,
.detailsbox ul ul li {
margin-bottom: clamp(0.4rem, 0.5vw, 2rem);
}
.detailsbox li {
padding-inline: clamp(0.2rem, 0.5vw, 2rem);
line-height: 1.6;
margin-bottom: clamp(0.2rem, 1vw, 3rem);
font-size: clamp(0.8rem, 4vw, 1.2rem);
color: #000;
}
.detailsbox td,
.detailsbox th {
border: 1px solid #000;
padding-inline: clamp(0.2rem, 0.8vw, 2rem);
}
table {
border-collapse: collapse;
margin-top: clamp(1rem, 1vw, 2rem);
width: 100%;
}
.detailsbox th {
background-color: #4374cf;
color: #fff;
font-size: clamp(0.8rem, 3.9vw, 1.1rem);
padding-block: clamp(0.2rem, 3vw, 2.5rem);
line-height: 1.3;
}
.detailsbox td {
padding-left: clamp(0.3rem, 1vw, 2rem);
font-size: clamp(0.7rem, 3.8vw, 1.3rem);
padding-block: clamp(0.2rem, 1.8vw, 2.5rem);
color: #000;
line-height: 1.5;
}
.rside .m_mpage a,
.rside h3,
h4 {
text-align: center;
color: #fff;
}
#imp_link table td:nth-of-type(2),
.detailsbox td:first-child,
.rside .m_mpage {
text-align: center;
}
#imp_link tr {
background-color: transparent;
}
#imp_link td:last-child {
color: #1a10eb;
font-weight: 600;
text-align: center;
}
#imp_link table td {
padding-top: 0;
padding-block: clamp(0.5rem, 3.5vw, 3rem);
font-size: clamp(0.7rem, 3.7vw, 1.3rem);
font-weight: 700;
}
#imp_link table td:nth-of-type(3) a {
color: #00f;
font-weight: 700;
}
#sideboxlinker {
display: flex;
flex-direction: column;
gap: clamp(0.2rem, 0.5vw, 1rem);
}
.rside ul li a {
padding-block: clamp(0.3rem, 0.4vw, 1rem);
border-radius: 15px;
padding-inline: clamp(0.5rem, 0.5vw, 2rem);
font-size: clamp(0.7rem, 3.3vw, 2rem);
}
.rside ul {
margin: 0;
margin-top: clamp(0.8rem, 1vw, 3rem);
padding-left: clamp(1.5rem, 7vw, 5rem);
list-style: none;
}
.sidebox {
font-size: clamp(1rem, 4vw, 1.15rem);
margin-inline: 5px;
margin-block: clamp(1rem, 2vw, 4rem);
}
.live-btn,
.poster {
margin-inline: auto;
display: flex;
}
.rside h3 {
margin-top: 0;
margin-bottom: clamp(0.6rem, 2vw, 2rem);
font-size: clamp(1rem, 4vw, 3rem);
background-color: #ad0303;
padding-block: clamp(0.5rem, 1vw, 1rem);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-inline: clamp(0.3rem, 1vw, 1rem);
}
.rside li {
padding-inline: clamp(0.2rem, 0.5vw, 2rem);
line-height: 1.2;
margin-bottom: clamp(0.2rem, 3vw, 2rem);
text-indent: -8px;
}
.rside li a {
color: #273ae4;
font-weight: 700;
}
.rside li i {
color: #3b9801;
}
.rside {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.346);
margin-bottom: 10px;
border-radius: 10px;
}
.rside .m_mpage a {
background-color: green;
padding-block: clamp(0.3rem, 0.5vw, 1rem);
padding-inline: clamp(0.5rem, 2.2vw, 1rem);
font-size: clamp(0.5rem, 2.5vw, 2rem);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.765);
}
.live-btn {
align-items: center;
min-width: fit-content;
max-width: fit-content;
gap: 10px;
background: #fad1e1;
border: 1px solid #000;
margin-block: clamp(0.1rem, 3vw, 3rem);
font-size: clamp(0.3rem, 2.6vw, 1rem);
font-weight: 700;
padding: 3px 6px;
padding-inline: clamp(0.4rem, 1.8vw, 2rem);
border-radius: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.137);
color: red;
}
.indicator {
width: clamp(0.4rem, 1vw, 3rem);
height: clamp(0.4rem, 1vw, 3rem);
border-radius: 50%;
background-color: red;
box-shadow: 0 0 3px red;
transition: 0.3s;
}
.indicator.off {
background-color: #fff;
box-shadow: none;
}
.imagebox {
text-align: center;
display: flex;
justify-content: center;
}
.poster {
justify-content: center;
height: clamp(10rem, 50vw, 20rem);
width: 90%;
border-radius: 5px;
margin-top: clamp(1rem, 2vw, 3rem);
opacity: 2;
}
.fqsection {
margin-top: clamp(1rem, 5vw, 10rem);
margin-inline: clamp(0.3rem, 1vw, 10rem);
background-color: #fff;
padding-bottom: clamp(1rem, 2vw, 2rem);
}
h4 {
font-size: clamp(0.78rem, 4vw, 1.7rem);
padding-inline: clamp(0.5rem, 2vw, 2rem);
padding-block: clamp(0.5rem, 1vw, 2rem);
background: linear-gradient(135deg, #1d2671, #c33764);
margin: 0;
border-bottom: 1px solid #006400;
}
.copyright,
.social-media-links,
footer {
background-color: #000;
}
.fq-question {
color: #045de2;
font-size: clamp(0.7rem, 3.8vw, 2rem);
padding-inline: clamp(0.5rem, 2vw, 4rem);
margin-inline: clamp(0.3rem, 1vw, 2rem);
margin-top: clamp(0.5rem, 2vw, 2rem);
line-height: 1.6;
font-weight: 600;
margin-bottom: 0;
padding-top: clamp(0.5rem, 1vw, 1rem);
border-radius: 10px;
}
.fq-question b {
margin-right: clamp(0.5rem, 2vw, 2rem);
color: rgba(7, 100, 241, 0.835);
}
.fq-answer {
line-height: 1.8;
margin-top: clamp(0.2rem, 0.5vw, 1rem);
margin-bottom: 0;
margin-inline: clamp(1rem, 3vw, 4rem);
font-size: clamp(0.8rem, 3.9vw, 1.5rem);
text-indent: 0;
color: #000;
}
.copyright,
.social-media-links a,
.tp a {
text-align: center;
color: #fff;
}
.social-media-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: clamp(1.5rem, 3vw, 10rem);
padding-block: clamp(1rem, 2vw, 8rem);
}
.social-media-links a {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
text-decoration: none;
font-size: clamp(0.5rem, 2.5vw, 3rem);
}
.social-media-links a i {
font-size: clamp(1rem, 4.2vw, 8rem);
flex-grow: 1;
}
.tp {
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
padding-block: clamp(0.5rem, 3vw, 5rem);
}
.tp a {
margin-inline: clamp(0.5rem, 2vw, 1.2rem);
width: 30%;
font-size: clamp(0.6rem, 2.8vw, 0.9rem);
margin-block: clamp(0.2rem, 0.3vw, 3rem);
flex-grow: 1;
}
.copyright {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.copyrightp {
margin: 0;
font-size: clamp(0.75rem, 2.8vw, 0.9rem);
padding-block: clamp(1rem, 1vw, 3rem);
}
@media screen and (max-width: 600px) {
.live-btn {
display: none;
}
.buttondiv {
flex-direction: column;
}
.btn {
width: 90%;
flex-grow: 1;
margin-inline: auto;
font-weight: 600;
box-shadow: 0 3px 4px rgba(55, 87, 91, 0.3);
}
}
@media screen and (min-width: 600px) and (max-width: 1025px) {
body {
margin: 0;
}
.btn {
padding-block: clamp(0.5rem, 1.5vw, 2rem);
line-height: 1.4;
}
.notfy-out,
h1 {
line-height: 1.6;
text-align: center;
margin-inline: auto;
}
.btn i {
font-size: clamp(1rem, 1.5vw, 1.5rem);
margin-inline: 2px;
}
.btn span {
font-size: clamp(1rem, 1.5vw, 2rem);
padding-left: clamp(0.6rem, 1vw, 2rem);
}
.detailsbox ol,
.detailsbox ul {
padding-left: clamp(1.2rem, 2.8vw, 3rem);
padding-right: clamp(0.5rem, 1vw, 3rem);
}
.webname {
height: max-content;
padding-block: clamp(1rem, 3vw, 6rem);
}
.webname p:first-of-type {
font-size: clamp(0.9rem, 1.7vw, 1.8rem);
line-height: clamp(1.8rem, 3vw, 6rem);
}
.webname p:last-of-type {
margin-top: clamp(0.5rem, 0.5vw, 6rem);
font-size: clamp(1rem, 1.5vw, 4rem);
color: #fff;
}
.main-nav,
.search-container {
display: none;
}
#mobile-menu,
.imagebox,
.poster,
nav {
display: flex;
}
nav {
flex-direction: row;
justify-content: center;
}
.dropdown-menu {
background-color: #3f51b5;
text-align: center;
}
#mainbox,
.firstd {
background-color: #fff;
}
.dropdown-menu a {
font-size: clamp(0.9rem, 1.3vw, 1.5rem);
padding-block: clamp(0.7rem, 0.9vw, 2rem);
margin-block: 0;
}
.dropdown-menu a:hover {
background-color: transparent;
color: #ccf3f5;
}
.firstd {
margin-bottom: clamp(1rem, 4vw, 5rem);
align-items: flex-end;
box-shadow: 0 3px 3px rgb(0, 0, 0, 0.1);
}
.detailsbox,
h1 {
margin-bottom: 0;
}
h1 {
padding-block: 0;
width: 90%;
font-weight: 700;
font-size: clamp(1.3rem, 2.4vw, 3rem);
background: linear-gradient(45deg, #d51e3d, #9c9c07, #926901);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.firstd .live-btn {
font-size: clamp(0.74rem, 1vw, 1.4rem);
padding-inline: clamp(0.2rem, 0.5rem, 1rem);
padding-block: clamp(0.25rem, 0.4vw, 0.5rem);
margin-block: clamp(0.5rem, 0.9vw, 2rem);
flex-wrap: nowrap;
}
.firstd .live-btn .indicator {
width: clamp(0.6rem, 0.9vw, 1.5rem);
height: clamp(0.6rem, 0.9vw, 1.5rem);
flex-grow: 0;
}
.notfy-out {
width: 80%;
color: #e90628;
font-size: clamp(0.7rem, 1vw, 3rem);
font-weight: bolder;
text-indent: 0;
animation: 1.6s ease-out slideInDown;
}
.notfy-out span {
color: #00f;
font-size: clamp(0.6rem, 1vw, 3rem);
line-height: 1.5;
}
.maincontainer {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0;
}
#mainbox {
padding-block: clamp(1rem, 1vw, 2rem);
padding-inline: clamp(0.5rem, 1vw, 3rem);
margin-inline: clamp(0.7rem, 1vw, 5rem);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.152);
border-radius: 5px;
}
.detailsbox {
box-shadow: none;
padding-bottom: 0;
}
.detailsbox h2 {
font-size: clamp(1.35rem, 2.2vw, 4rem);
line-height: 1.2;
padding-bottom: clamp(0.5rem, 1vw, 2rem);
padding-top: clamp(0.5rem, 1.5vw, 2rem);
}
.shdt {
margin-top: clamp(1rem, 1.7vw, 2rem);
margin-bottom: 5px;
font-size: clamp(1rem, 1.63vw, 1.2rem);
}
.shdd {
margin-top: clamp(0.2rem, 0.2vw, 2rem);
font-size: clamp(1rem, 1.6vw, 3rem);
margin-left: 0;
line-height: 1.9;
font-weight: 500;
}
#post_name {
padding-top: 10px;
}
#post_name .shortinfo {
font-size: clamp(1rem, 1.7vw, 3rem);
margin-top: clamp(0.5rem, 1vw, 3rem);
}
.detailsbox ul {
padding-block: clamp(0.5rem, 1vw, 2rem);
border-radius: 10px;
}
.detailsbox ol ul,
.detailsbox ul ul,
ol {
margin-top: clamp(0.5rem, 0.5vw, 3rem);
}
.detailsbox ol ol li,
.detailsbox ol ul li,
.detailsbox ul ol li,
.detailsbox ul ul li {
margin-bottom: clamp(0.4rem, 0.5vw, 2rem);
}
.detailsbox li {
font-size: clamp(1.05rem, 1.6vw, 2rem);
margin-bottom: clamp(0.3rem, 0.7vw, 2rem);
padding-inline: clamp(0.4rem, 1vw, 2rem);
padding-block: 1;
line-height: 1.6;
}
.detailsbox td,
.detailsbox th,
.rside li {
padding-inline: clamp(0.2rem, 0.5vw, 2rem);
}
.detailsbox th {
font-size: clamp(1.05rem, 1.8vw, 2rem);
padding-block: clamp(0.2rem, 1vw, 1.5rem);
}
.detailsbox td {
font-size: clamp(1.05rem, 1.6vw, 2rem);
padding-block: clamp(0.1rem, 0.6vw, 1.5rem);
}
#imp_link table td {
font-size: clamp(1rem, 1.6vw, 2rem);
padding-block: clamp(0.5rem, 0.8vw, 2vw);
}
.sidebox {
width: 97%;
margin-inline: auto;
padding-bottom: clamp(1rem, 1vw, 2rem);
position: sticky;
top: 5%;
height: fit-content;
}
#sideboxlinker {
flex-direction: row;
flex-wrap: nowrap;
gap: clamp(0.4rem, 1vw, 2rem);
}
.rside ul {
padding-left: clamp(1.2rem, 2vw, 5rem);
padding-right: clamp(0.5rem, 2vw, 5rem);
}
.rside ol {
padding-left: clamp(1.2rem, 2vw, 3rem);
padding-right: clamp(0.5rem, 1vw, 3rem);
}
.rside li {
font-size: clamp(1rem, 1vw, 2rem);
margin-bottom: 0;
padding-block: 2px;
line-height: 1.4;
}
.rside ul li a {
font-size: clamp(0.8rem, 1.35vw, 1.2rem);
}
.rside {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.188);
border-radius: 10px;
padding-bottom: clamp(0.8rem, 1.5vw, 3rem);
flex-grow: 1;
}
.rside .m_mpage a {
font-size: clamp(0.6rem, 1vw, 2rem);
padding-block: clamp(0.2rem, 0.3vw, 0.5rem);
padding-inline: 10px;
border-radius: 5px;
}
.rside hr {
margin-top: 0;
}
.rside h3 {
font-size: clamp(0.9rem, 1.65vw, 1.2rem);
background-color: #e53935;
line-height: 1.2;
padding-block: clamp(0.5rem, 1vw, 2rem);
padding-inline: 10px;
}
.imagebox {
text-align: center;
justify-content: center;
}
.poster {
justify-content: center;
margin-inline: auto;
height: clamp(20rem, 25vw, 90rem);
width: 70%;
border-radius: 5px;
margin-top: clamp(1rem, 2vw, 3rem);
opacity: 2;
}
.fqsection {
margin-block: clamp(1rem, 2vw, 10rem);
margin-inline: clamp(1rem, 2vw, 4rem);
border: 1px solid #000;
}
.fq-answer,
.fq-question {
margin-inline: clamp(1rem, 1vw, 2rem);
}
h4 {
font-size: clamp(1.1rem, 1.55vw, 1.5rem);
padding-inline: clamp(0.5rem, 2vw, 2rem);
padding-block: clamp(0.6rem, 1vw, 2rem);
margin-bottom: clamp(1rem, 2vw, 3rem);
}
.fq-question {
font-size: clamp(0.95rem, 1.55vw, 2rem);
padding-left: clamp(2.33rem, 4vw, 4rem);
margin-top: clamp(0.2rem, 0.3vw, 6rem);
line-height: 1.4;
font-weight: 800;
padding-block: clamp(0.3rem, 0.5vw, 0.8rem);
text-indent: -40px;
}
.fqsection hr {
margin-bottom: clamp(1rem, 1.6vw, 4rem);
}
.fq-question b {
margin-right: clamp(0.3rem, 0.5vw, 2rem);
}
.fq-answer {
margin-top: clamp(0.2rem, 0.6vw, 1.2rem);
font-size: clamp(0.95rem, 1.59vw, 1.2rem);
text-indent: 0;
line-height: 1.7;
}
.social-media-links {
gap: clamp(2rem, 4vw, 6rem);
padding-block: clamp(0.8rem, 2vw, 1rem);
}
.social-media-links a {
font-size: clamp(0.6rem, 0.9vw, 2rem);
}
.social-media-links a i {
font-size: clamp(1rem, 1.5vw, 3rem);
}
.tp {
height: none;
padding-block: clamp(1rem, 2vw, 6rem);
flex-wrap: nowrap;
justify-content: center;
}
.tp a {
width: fit-content;
font-size: clamp(0.75rem, 1.1vw, 1.2rem);
margin-block: 0;
flex-grow: 0;
}
.copyrightp {
font-size: clamp(0.78rem, 1.1vw, 1.2rem);
padding-block: clamp(0.5rem, 1.8vw, 3rem);
}
}
@media screen and (min-width: 1025px) and (max-width: 1441px) {
.btn,
.btn span {
padding-left: 3px;
}
.detailsbox,
.rside {
box-shadow: none;
}
.imagebox,
.notfy-out,
h1 {
text-align: center;
}
body {
margin: 0;
background-color: #fff;
}
.notfy-out,
.poster,
h1 {
margin-inline: auto;
}
.btn {
padding-block: clamp(0.5rem, 1.4vw, 1.5rem);
line-height: 1.3;
}
.btn i {
font-size: clamp(1rem, 1.3vw, 2rem);
margin-inline: clamp(0.2rem, 0.8vw, 1rem);
}
.btn span {
font-size: clamp(1.02rem, 1.1vw, 2rem);
}
.detailsbox ol,
.detailsbox ul {
padding-left: clamp(1.2rem, 2.5vw, 3rem);
padding-right: clamp(0.5rem, 1vw, 3rem);
}
main {
background-color: #eee;
}
.dktp,
.dropdown-menu,
nav {
background-color: #1a237e;
}
.webname {
height: max-content;
padding-block: clamp(1rem, 1vw, 8rem);
opacity: 0.7;
}
.webname p:first-of-type {
font-size: clamp(1.1rem, 1.4vw, 3rem);
line-height: clamp(1.8rem, 3vw, 6rem);
}
.webname p:last-of-type {
margin-top: clamp(0.1rem, 0.2vw, 6rem);
font-size: clamp(1rem, 1.2vw, 4rem);
color: #fff;
}
.dktp {
display: flex;
}
.main-nav,
.search-container {
display: none;
}
#mobile-menu,
.imagebox,
.poster,
nav {
display: flex;
}
nav {
flex-direction: row;
justify-content: end;
flex-grow: 1;
padding-right: clamp(0.4rem, 1vw, 2rem);
}
#mobile-menu {
gap: clamp(0.7rem, 1.7vw, 2rem);
}
.dropdown-menu {
align-items: center;
}
#mainbox,
.firstd {
background-color: #fff;
}
.dropdown-menu a {
font-size: clamp(0.85rem, 1.1vw, 1.5rem);
padding-block: clamp(0.5rem, 0.6vw, 2rem);
margin-block: 0;
padding-inline: 0;
}
.dropdown-menu a:hover {
background-color: transparent;
color: #ccf3f5;
}
.firstd {
margin-bottom: clamp(1rem, 2vw, 5rem);
}
.detailsbox,
h1 {
margin-bottom: 0;
}
h1 {
margin-top: clamp(0.5rem, 1vw, 1.5rem);
padding-block: clamp(0.5rem, 0.5vw, 3rem);
width: 90%;
line-height: 1.6;
font-weight: 700;
font-size: clamp(1.6rem, 2vw, 3rem);
background: linear-gradient(45deg, #d51e3d, #9c9c07, #926901);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
#post_name .shortinfo,
.detailsbox ol ul,
.detailsbox ul ul,
ol {
margin-top: clamp(0.5rem, 0.5vw, 3rem);
}
.firstd .live-btn {
font-size: clamp(0.7rem, 0.65vw, 1.4rem);
padding-inline: clamp(0.4rem, 0.5rem, 1rem);
padding-block: clamp(0.2rem, 0.3vw, 0.5rem);
margin-block: clamp(0.6rem, 1vw, 2rem);
}
.firstd .live-btn .indicator {
width: clamp(0.5rem, 0.6vw, 1.5rem);
height: clamp(0.5rem, 0.6vw, 1.5rem);
}
.notfy-out {
width: 80%;
color: #e90628;
font-size: clamp(0.7rem, 0.8vw, 3rem);
font-weight: bolder;
text-indent: 0;
}
.notfy-out span {
color: #46a200;
font-size: clamp(0.6rem, 0.8vw, 3rem);
}
.maincontainer {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0;
}
#mainbox {
padding-block: clamp(1rem, 1vw, 2rem);
padding-inline: clamp(0.5rem, 0.8vw, 3rem);
margin-right: clamp(1rem, 1vw, 2rem);
margin-left: 2px;
border-radius: 0 10px 10px 0;
}
.detailsbox h2 {
font-size: clamp(1.35rem, 2vw, 4rem);
line-height: 1.2;
padding-bottom: clamp(0.5rem, 0.5vw, 2rem);
padding-top: clamp(0.5rem, 1vw, 2rem);
font-weight: 600;
}
.shdt {
margin-top: clamp(1rem, 1.5vw, 2rem);
font-size: clamp(0.95rem, 1.4vw, 3rem);
}
.shdd {
margin-top: clamp(0.2rem, 0.2vw, 2rem);
font-size: clamp(1.04rem, 1.4vw, 3rem);
margin-left: 0;
font-weight: 500;
font-style: inherit;
line-height: 1.9;
}
#post_name .shortinfo {
font-size: clamp(1rem, 1.3vw, 3rem);
}
#post_name h2 {
margin-bottom: clamp(1rem, 1.5vw, 2rem);
}
.detailsbox ul {
border: 0.5px solid #000;
border-radius: 10px 10px 2px 2px;
padding-block: clamp(0.5rem, 1vw, 3rem);
}
.detailsbox ol ol li,
.detailsbox ol ul li,
.detailsbox ul ol li,
.detailsbox ul ul li {
margin-bottom: clamp(0.4rem, 0.5vw, 2rem);
}
.detailsbox li {
font-size: clamp(1rem, 1.35vw, 2rem);
margin-bottom: clamp(0.2rem, 0.5vw, 2rem);
padding-inline: clamp(0.4rem, 1vw, 2rem);
padding-block: 1px;
line-height: 1.6;
}
.detailsbox th {
font-size: clamp(0.9rem, 1.3vw, 2rem);
padding-block: clamp(0.2rem, 0.8vw, 1.5rem);
padding-inline: 8px;
}
.detailsbox td {
font-size: clamp(0.9rem, 1.33vw, 2rem);
padding-block: clamp(0.1rem, 0.3vw, 1.5rem);
}
#imp_link table td {
padding-block: clamp(0.5rem, 0.7vw, 2vw);
font-size: clamp(0.7rem, 1.3vw, 2rem);
font-weight: 500;
}
.sidebox {
margin-top: 0;
max-width: 27%;
min-width: 25%;
margin-right: 0;
padding-block: 0;
position: sticky;
top: 1%;
height: fit-content;
}
.rside ul {
padding-left: clamp(1.2rem, 1.7vw, 3rem);
padding-right: clamp(0.5rem, 1vw, 3rem);
}
.rside li {
font-size: clamp(1rem, 1vw, 2rem);
margin-bottom: 0;
padding-block: 1;
line-height: 1.25;
}
.rside ul li a {
font-size: clamp(0.78rem, 1.05vw, 2rem);
}
.rside .m_mpage {
padding-inline: clamp(0.2rem, 0.3vw, 2rem);
}
.rside .m_mpage a {
padding-block: 3px;
font-size: clamp(0.5rem, 0.8vw, 2rem);
padding-inline: 12px;
}
.rside {
border-radius: 3px;
padding-bottom: clamp(0.5rem, 1vw, 2rem);
}
.rside ul hr {
margin-top: 0;
margin-bottom: clamp(0.5rem, 1vw, 2rem);
}
.rside h3 {
font-size: clamp(0.9rem, 1.3vw, 4rem);
background-color: #e53935;
line-height: 1.5;
padding-block: clamp(0.3rem, 0.5vw, 2rem);
border-top-right-radius: 0;
border-top-left-radius: 3px;
padding-inline: clamp(0.3rem, 0.65vw, 2rem);
}
.imagebox {
justify-content: center;
}
.poster {
justify-content: center;
height: clamp(20rem, 25vw, 90rem);
width: 70%;
border-radius: 5px;
margin-top: clamp(1rem, 2vw, 3rem);
opacity: 2;
}
.fqsection {
margin-block: clamp(1rem, 2vw, 10rem);
margin-inline: clamp(1rem, 2vw, 4rem);
}
.fqsection hr {
margin-bottom: clamp(1rem, 1vw, 3rem);
}
h4 {
font-size: clamp(1.1rem, 1.6vw, 1.5rem);
padding-inline: clamp(0.5rem, 2vw, 2rem);
padding-block: clamp(0.7rem, 1vw, 2rem);
}
.fq-question {
font-size: clamp(1rem, 1.37vw, 2rem);
padding-left: clamp(0.5rem, 5vw, 4rem);
margin-inline: clamp(0.3rem, 1vw, 2rem);
margin-top: clamp(1rem, 1vw, 6rem);
line-height: 1.4;
font-weight: 600;
padding-block: clamp(0.3rem, 0.5vw, 0.8rem);
text-indent: -40px;
}
.fq-question b {
margin-right: clamp(0.3rem, 0.5vw, 2rem);
color: rgba(3, 89, 218, 0.835);
}
.fq-answer {
margin-top: clamp(0.2rem, 0.5vw, 1.2rem);
margin-inline: clamp(1rem, 5vw, 4rem);
font-size: clamp(1rem, 1.35vw, 1.2rem);
text-indent: 0;
line-height: 1.9;
}
.social-media-links {
padding-block: clamp(0.5rem, 1vw, 1rem);
}
.copyrightp,
.tp {
padding-block: clamp(1rem, 1.5vw, 2rem);
}
.social-media-links a {
font-size: clamp(0.6rem, 0.8vw, 2rem);
}
.social-media-links a i {
font-size: clamp(0.9rem, 1.5vw, 2rem);
}
.tp {
width: 70%;
margin-inline: auto;
flex-wrap: nowrap;
}
.tp a {
font-size: clamp(0.8rem, 1.1vw, 1.2rem);
flex-grow: 0;
}
.copyrightp {
font-size: clamp(0.8rem, 1vw, 1.2rem);
}
}
@media screen and (min-width: 1441px) and (max-width: 2561px) {
.btn,
.btn span {
padding-left: 3px;
}
header,
main {
animation: 1s ease-out slideInDown;
}
#mainbox,
main {
background-color: #fff;
}
.dropdown-menu,
.imagebox,
.notfy-out,
h1 {
text-align: center;
}
.dktp,
.poster,
main {
width: 80%;
}
#mainbox,
h4 {
padding-block: clamp(1rem, 1vw, 2rem);
}
body {
margin: 0;
background-color: #f5f4f4;
}
.notfy-out,
.poster,
h1,
header,
main {
margin-inline: auto;
}
.btn {
padding-block: clamp(0.5rem, 1.1vw, 3rem);
line-height: 1.3;
}
.btn i {
font-size: clamp(1rem, 0.9vw, 2rem);
margin-inline: clamp(0.2rem, 0.8vw, 1rem);
}
.btn span {
font-size: clamp(1.02rem, 0.95vw, 2rem);
font-weight: 600;
}
main {
border: 1px solid #000;
border-top: none;
margin-top: clamp(10rem, 8vw, 40rem);
}
.dktp,
.dropdown-menu,
.webname,
nav {
background-color: #1a237e;
}
header {
box-shadow: none;
min-width: 70%;
max-width: 80%;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.webname {
height: clamp(10rem, 8vw, 40rem);
padding-inline: clamp(1rem, 0.7vw, 3rem);
opacity: 0.8;
}
.webname p:first-of-type {
font-size: clamp(1.3rem, 1.1vw, 4rem);
line-height: 1.3;
font-weight: 700;
}
.webname p:last-of-type {
margin-top: clamp(0.5rem, 0.7vw, 6rem);
font-size: clamp(1rem, 0.95vw, 3rem);
color: #fff;
font-weight: 600;
}
.dktp {
display: flex;
position: fixed;
top: 0;
z-index: 1000;
}
.main-nav,
.search-container {
display: none;
}
#mobile-menu,
.imagebox,
.poster,
nav {
display: flex;
}
nav {
flex-direction: row;
flex-grow: 1;
justify-content: end;
}
#mobile-menu {
justify-content: end;
gap: clamp(1rem, 1.2vw, 3rem);
padding-right: clamp(1rem, 0.9vw, 3rem);
}
.dropdown-menu {
align-items: center;
}
.dropdown-menu a {
margin-block: 0;
font-size: clamp(1.125rem, 1vw, 2.5rem);
line-height: 1.5;
font-weight: 500;
text-decoration: none;
padding-block: clamp(0.5rem, 0.5vw, 3rem);
padding-inline: 0;
}
.dropdown-menu a:hover {
background-color: transparent;
color: #ccf3f5;
}
.firstd {
margin-bottom: clamp(1rem, 2vw, 8rem);
align-items: center;
}
h1 {
padding-block: 0;
width: 95%;
line-height: 1.65;
margin-bottom: clamp(1rem, 0.5vw, 3rem);
margin-top: clamp(2rem, 1.8vw, 10rem);
font-weight: 600;
font-size: clamp(1.8rem, 1.8vw, 5rem);
background: linear-gradient(45deg, #d51e3d, #9c9c07, #926901);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
padding-inline: clamp(1rem, 2vw, 3rem);
}
.firstd .live-btn {
font-size: clamp(0.8rem, 0.7vw, 1.7rem);
padding-inline: clamp(0.4rem, 0.8vw, 1.5rem);
padding-block: clamp(0.2rem, 0.3vw, 1rem);
margin-block: clamp(1rem, 1vw, 1.5rem);
}
.firstd .live-btn .indicator {
width: clamp(0.7rem, 0.5vw, 1.5rem);
height: clamp(0.7rem, 0.5vw, 1.5rem);
margin-right: 5px;
}
.notfy-out {
width: 80%;
color: #e90628;
font-size: clamp(1rem, 1vw, 2rem);
font-weight: bolder;
line-height: 1.6;
text-indent: 0;
}
.shdd,
.shdt {
font-size: clamp(1.2rem, 1vw, 4rem);
}
.notfy-out span {
color: #00f;
font-size: clamp(0.8rem, 0.8vw, 2rem);
}
.maincontainer {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 15px 0 0;
border-top: 0.5px solid #000;
}
.detailsbox ol,
.detailsbox ul {
padding-left: clamp(1.2rem, 2.5vw, 4rem);
padding-right: clamp(0.5rem, 1vw, 3rem);
border-style: groove;
}
#mainbox {
padding-inline: clamp(0.5rem, 0.5vw, 3rem);
border: none;
margin-left: 0;
margin-right: clamp(1rem, 1.2vw, 3rem);
}
.detailsbox {
box-shadow: none;
margin-bottom: clamp(0.5rem, 0.5vw, 3rem);
}
.detailsbox h2 {
font-size: clamp(1.7rem, 1.5vw, 4rem);
line-height: 1.3;
padding-bottom: clamp(0.5rem, 0.5vw, 2rem);
padding-top: clamp(0.3rem, 0.5vw, 2rem);
font-weight: 600;
}
.rside h3,
.shdd {
font-weight: 500;
}
.shdt {
margin-top: clamp(1rem, 1.5vw, 4rem);
}
.shdd {
margin-top: clamp(0.2rem, 0.2vw, 2rem);
margin-left: 0;
line-height: 1.9;
}
#post_name .shortinfo {
font-size: clamp(1.15rem, 1.05vw, 4rem);
margin-top: clamp(0.5rem, 0.5vw, 3rem);
}
#post_name h2,
.rside hr {
margin-bottom: clamp(1rem, 1vw, 3rem);
}
.detailsbox ul {
padding-block: clamp(1rem, 1vw, 6rem);
}
.detailsbox ol {
padding-block: clamp(1rem, 1vw, 3rem);
border-radius: clamp(1rem, 0.8vw, 4rem);
}
.detailsbox li {
font-size: clamp(1.2rem, 1.18vw, 3rem);
margin-bottom: clamp(0.5rem, 0.7vw, 2rem);
padding-inline: clamp(0.4rem, 0.4vw, 2rem);
padding-block: 1;
line-height: 1.6;
}
.detailsbox td,
.detailsbox th {
font-size: clamp(1.1rem, 1.2vw, 3rem);
padding-inline: clamp(0.5rem, 0.5vw, 2rem);
}
.detailsbox th {
padding-block: clamp(0.2rem, 0.7vw, 2rem);
line-height: 1.46;
}
.detailsbox td {
padding-block: clamp(0.1rem, 0.6vw, 2rem);
line-height: 1.5;
}
#imp_link table td {
font-size: clamp(0.9rem, 1.1vw, 3rem);
padding-block: clamp(0.3rem, 0.8vw, 2vw);
}
.sidebox {
max-width: 27%;
min-width: 25%;
margin-right: 0;
padding-bottom: clamp(1rem, 1vw, 4rem);
position: sticky;
top: clamp(10rem, 9vw, 40rem);
height: fit-content;
margin-top: 0;
}
.rside ul {
padding-left: clamp(1.2rem, 1.3vw, 3rem);
padding-right: clamp(0.5rem, 0.5vw, 3rem);
}
.rside li {
font-size: clamp(1rem, 1.1vw, 3rem);
margin-bottom: clamp(0.2rem, 0.3vw, 4rem);
padding-inline: clamp(0.4rem, 0.2vw, 2rem);
padding-block: 0;
line-height: 1.4;
}
.rside ul li a {
font-size: clamp(0.93rem, 0.9vw, 3rem);
}
.rside {
box-shadow: 0 0 5px rgba(112, 111, 111, 0.252);
border-radius: 10px;
padding-bottom: clamp(0.8rem, 0.9vw, 3rem);
}
.rside h3 {
font-size: clamp(1.1rem, 1.1vw, 4rem);
background-color: #e53935;
line-height: 1.6;
padding-block: clamp(0.5rem, 0.5vw, 2rem);
padding-inline: clamp(0.3rem, 0.5vw, 2rem);
}
.rside .m_mpage a {
font-size: clamp(0.75rem, 0.7vw, 2rem);
padding-block: clamp(0.5rem, 0.3vw, 3rem);
padding-inline: clamp(0.5rem, 0.6vw, 3rem);
}
.imagebox {
justify-content: center;
}
.poster {
justify-content: center;
height: clamp(20rem, 25vw, 90rem);
border-radius: 5px;
margin-top: clamp(1rem, 2vw, 3rem);
opacity: 2;
}
.fqsection {
margin-top: clamp(1rem, 2vw, 10rem);
margin-inline: clamp(1rem, 2vw, 4rem);
padding-bottom: clamp(2rem, 3vw, 10rem);
box-shadow: none;
margin-inline: auto;
margin-bottom: 0;
border: 1px solid #000;
}
h4 {
font-size: clamp(1.3rem, 1.2vw, 3rem);
padding-inline: clamp(0.5rem, 2vw, 2rem);
margin-bottom: clamp(1rem, 1vw, 4rem);
}
.fq-question {
font-size: clamp(1.1rem, 1vw, 3rem);
padding-left: clamp(0.5rem, 7vw, 7rem);
margin-inline: clamp(0.3rem, 1vw, 4rem);
margin-top: 0;
line-height: 1.4;
font-weight: 600;
padding-block: clamp(0.3rem, 0.5vw, 0.8rem);
text-indent: -70px;
}
.fqsection hr {
margin-block: clamp(1rem, 1vw, 6rem);
border-color: #000;
}
.fq-question b {
margin-right: clamp(0.3rem, 0.5vw, 2rem);
}
.fq-answer {
margin-top: 0;
margin-inline: clamp(1rem, 6vw, 8rem);
font-size: clamp(1rem, 0.9vw, 3rem);
text-indent: -10px;
margin-bottom: 0;
line-height: 1.8;
}
.tp,
footer {
margin-inline: auto;
}
.social-media-links {
padding-block: clamp(1rem, 1vw, 3rem);
}
.social-media-links a {
font-size: clamp(0.5rem, 0.7vw, 3rem);
}
.social-media-links a i {
font-size: clamp(1.2rem, 1vw, 3rem);
}
footer {
width: 80.18%;
}
.tp {
padding-block: clamp(2rem, 1vw, 4rem);
width: 70%;
flex-wrap: nowrap;
}
.tp a {
font-size: clamp(0.95rem, 0.8vw, 2rem);
flex-grow: 0;
width: fit-content;
}
.copyright {
height: clamp(7rem, 5vw, 20rem);
}
.copyrightp {
font-size: clamp(1rem, 0.85vw, 2rem);
padding-block: clamp(0.5rem, 0.5vw, 5rem);
}
}
@media screen and (min-width: 2561px) {
.btn,
.btn span {
padding-left: 3px;
}
#mainbox,
main {
background-color: #fff;
}
.dropdown-menu,
.imagebox,
.notfy-out,
h1 {
text-align: center;
}
.dktp,
.poster,
main {
width: 80%;
}
#mainbox,
h4 {
padding-block: clamp(1rem, 1vw, 2rem);
}
body {
margin: 0;
background-color: #f5f4f4;
}
.notfy-out,
.poster,
h1,
header,
main {
margin-inline: auto;
}
.btn {
padding-block: clamp(0.5rem, 1.1vw, 3rem);
line-height: 1.3;
}
.btn i {
font-size: clamp(1rem, 0.85vw, 2rem);
margin-inline: clamp(0.2rem, 0.8vw, 1rem);
}
.btn span {
font-size: clamp(1.02rem, 0.8vw, 2rem);
font-weight: 600;
}
main {
border: 1px solid #000;
border-top: none;
margin-top: clamp(10rem, 8vw, 40rem);
}
.dktp,
.dropdown-menu,
.webname,
nav {
background-color: #1a237e;
}
header {
box-shadow: none;
min-width: 70%;
max-width: 80%;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.webname {
height: clamp(10rem, 8vw, 40rem);
padding-inline: clamp(1rem, 0.7vw, 3rem);
opacity: 0.8;
}
.webname p:first-of-type {
font-size: clamp(1.3rem, 1vw, 4rem);
line-height: 1.3;
font-weight: 700;
}
.webname p:last-of-type {
margin-top: clamp(0.5rem, 0.7vw, 6rem);
font-size: clamp(1rem, 0.9vw, 3rem);
color: #fff;
font-weight: 600;
}
.dktp {
display: flex;
position: fixed;
top: 0;
z-index: 1000;
}
.main-nav,
.search-container {
display: none;
}
#mobile-menu,
.imagebox,
.poster,
nav {
display: flex;
}
nav {
flex-direction: row;
flex-grow: 1;
justify-content: end;
}
#mobile-menu {
justify-content: end;
gap: clamp(1rem, 1.2vw, 3rem);
padding-right: clamp(1rem, 0.9vw, 3rem);
}
.dropdown-menu {
align-items: center;
}
.dropdown-menu a {
margin-block: 0;
font-size: clamp(1.125rem, 0.9vw, 2.5rem);
line-height: 1.5;
font-weight: 500;
text-decoration: none;
padding-block: clamp(0.5rem, 0.5vw, 3rem);
padding-inline: 0;
}
.dropdown-menu a:hover {
background-color: transparent;
color: #ccf3f5;
}
.firstd {
margin-bottom: clamp(1rem, 2vw, 8rem);
align-items: center;
}
h1 {
padding-block: 0;
width: 95%;
line-height: 1.65;
margin-bottom: clamp(1rem, 0.5vw, 3rem);
margin-top: clamp(2rem, 1.8vw, 10rem);
font-weight: 600;
font-size: clamp(1.8rem, 1.5vw, 5rem);
background: linear-gradient(45deg, #d51e3d, #9c9c07, #926901);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
padding-inline: clamp(1rem, 2vw, 3rem);
}
.firstd .live-btn {
font-size: clamp(0.8rem, 0.5vw, 1.7rem);
padding-inline: clamp(0.4rem, 0.8vw, 1.5rem);
padding-block: clamp(0.2rem, 0.3vw, 1rem);
margin-block: clamp(1rem, 1vw, 1.5rem);
}
.firstd .live-btn .indicator {
width: clamp(0.7rem, 0.4vw, 1.5rem);
height: clamp(0.7rem, 0.4vw, 1.5rem);
margin-right: 5px;
}
.notfy-out {
width: 80%;
color: #e90628;
font-size: clamp(1rem, 1vw, 2rem);
font-weight: bolder;
line-height: 1.5;
text-indent: 0;
}
.shdd,
.shdt {
font-size: clamp(1.2rem, 0.8vw, 6rem);
}
.notfy-out span {
color: #00f;
font-size: clamp(0.8rem, 0.7vw, 2rem);
}
.maincontainer {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 15px 0 0;
border-top: 0.5px solid #000;
}
.detailsbox ol,
.detailsbox ul {
padding-right: clamp(0.5rem, 1vw, 3rem);
border-style: groove;
}
#mainbox {
padding-inline: clamp(0.5rem, 0.5vw, 3rem);
border: none;
margin-left: 0;
margin-right: clamp(1rem, 1.2vw, 3rem);
}
.detailsbox {
box-shadow: none;
margin-bottom: clamp(0.5rem, 0.5vw, 3rem);
}
.detailsbox h2 {
font-size: clamp(1.7rem, 1.3vw, 4rem);
line-height: 1.3;
padding-bottom: clamp(0.5rem, 0.5vw, 2rem);
padding-top: clamp(0.3rem, 0.5vw, 2rem);
font-weight: 600;
}
.detailsbox li,
.social-media-links a i {
font-size: clamp(1.2rem, 1vw, 3rem);
}
.rside h3,
.shdd {
font-weight: 500;
}
.shdt {
margin-top: clamp(1rem, 1.5vw, 4rem);
}
.shdd {
margin-top: clamp(0.2rem, 0.2vw, 2rem);
margin-left: 0;
line-height: 1.9;
}
#post_name .shortinfo {
font-size: clamp(1.15rem, 0.9vw, 4rem);
margin-top: clamp(0.5rem, 0.5vw, 3rem);
}
#post_name h2 {
margin-bottom: clamp(1rem, 0.9vw, 3rem);
}
.detailsbox ul {
padding-left: clamp(1.2rem, 2.2vw, 4rem);
padding-block: clamp(1rem, 1vw, 6rem);
}
.detailsbox ol {
padding-left: clamp(1.2rem, 2.5vw, 4rem);
padding-block: clamp(1rem, 1vw, 3rem);
border-radius: clamp(1rem, 0.8vw, 4rem);
}
.detailsbox li {
margin-bottom: clamp(0.5rem, 0.7vw, 2rem);
padding-inline: clamp(0.4rem, 0.4vw, 2rem);
padding-block: 1;
line-height: 1.6;
}
.detailsbox td,
.detailsbox th {
padding-inline: clamp(0.5rem, 0.5vw, 2rem);
}
.detailsbox th {
font-size: clamp(1.1rem, 1vw, 3rem);
padding-block: clamp(0.2rem, 0.7vw, 2rem);
line-height: 1.46;
}
.detailsbox td {
font-size: clamp(1.1rem, 0.9vw, 3rem);
padding-block: clamp(0.1rem, 0.6vw, 2rem);
line-height: 1.5;
}
#imp_link table td {
font-size: clamp(0.9rem, 0.9vw, 3rem);
padding-block: clamp(0.3rem, 0.8vw, 2vw);
}
.sidebox {
max-width: 27%;
min-width: 25%;
margin-right: 0;
padding-bottom: clamp(1rem, 1vw, 4rem);
position: sticky;
top: clamp(10rem, 9vw, 40rem);
height: fit-content;
margin-top: 0;
}
.rside ul {
padding-left: clamp(1.2rem, 1.3vw, 3rem);
padding-right: clamp(0.5rem, 0.5vw, 3rem);
}
.rside li {
font-size: clamp(1rem, 0.9vw, 3rem);
margin-bottom: clamp(0.2rem, 0.3vw, 4rem);
padding-inline: clamp(0.4rem, 0.2vw, 2rem);
padding-block: 0;
line-height: 1.4;
}
.rside ul li a {
font-size: clamp(0.93rem, 0.8vw, 3rem);
}
.rside hr {
margin-bottom: clamp(1rem, 1vw, 3rem);
}
.rside {
box-shadow: 0 0 5px rgba(112, 111, 111, 0.252);
border-radius: 10px;
padding-bottom: clamp(0.8rem, 0.9vw, 3rem);
}
.rside h3 {
font-size: clamp(1.1rem, 1vw, 4rem);
background-color: #e53935;
line-height: 1.6;
padding-block: clamp(0.5rem, 0.5vw, 2rem);
padding-inline: clamp(0.3rem, 0.5vw, 2rem);
}
.rside .m_mpage a {
font-size: clamp(0.75rem, 0.6vw, 2rem);
padding-block: clamp(0.5rem, 0.3vw, 3rem);
padding-inline: clamp(0.5rem, 0.6vw, 3rem);
}
.imagebox {
justify-content: center;
}
.poster {
justify-content: center;
height: clamp(20rem, 25vw, 90rem);
border-radius: 5px;
margin-top: clamp(1rem, 2vw, 3rem);
opacity: 2;
}
.fqsection {
margin-top: clamp(1rem, 2vw, 10rem);
margin-inline: clamp(1rem, 2vw, 4rem);
padding-bottom: clamp(2rem, 3vw, 10rem);
box-shadow: none;
margin-inline: auto;
margin-bottom: 0;
border: 1px solid #000;
}
h4 {
font-size: clamp(1.3rem, 1.1vw, 3rem);
padding-inline: clamp(0.5rem, 2vw, 2rem);
margin-bottom: clamp(1rem, 1vw, 4rem);
}
.fq-question {
font-size: clamp(1.1rem, 0.9vw, 4rem);
padding-left: clamp(0.5rem, 7vw, 7rem);
margin-inline: clamp(0.3rem, 1vw, 4rem);
margin-top: 0;
line-height: 1.4;
font-weight: 600;
padding-block: clamp(0.3rem, 0.5vw, 0.8rem);
text-indent: -70px;
}
.fqsection hr {
margin-block: clamp(1rem, 0.9vw, 6rem);
border-color: #000;
}
.fq-question b {
margin-right: clamp(0.3rem, 0.4vw, 2rem);
}
.fq-answer {
margin-top: 0;
margin-inline: clamp(1rem, 6vw, 8rem);
font-size: clamp(1rem, 0.8vw, 4rem);
text-indent: -10px;
margin-bottom: 0;
line-height: 1.8;
}
.tp,
footer {
margin-inline: auto;
}
.social-media-links {
padding-block: clamp(1rem, 0.8vw, 3rem);
}
.social-media-links a {
font-size: clamp(0.5rem, 0.6vw, 3rem);
}
footer {
width: 80.18%;
}
.tp {
padding-block: clamp(2rem, 0.8vw, 4rem);
width: 70%;
flex-wrap: nowrap;
}
.tp a {
font-size: clamp(0.95rem, 0.7vw, 2rem);
flex-grow: 0;
width: fit-content;
}
.copyright {
height: clamp(7rem, 4vw, 20rem);
}
.copyrightp {
font-size: clamp(1rem, 0.7vw, 2rem);
padding-block: clamp(0.5rem, 0.5vw, 5rem);
}
}