body{
font-family: 'Poppins', sans-serif;
background-color: #f4f7f6;
color:#333;
line-height: 1.6;
margin:0;
padding:0;
}
main{
text-transform: capitalize;
}
h1,h2,h3,h4,h5{
font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
p,span{
font-family:'Times New Roman', Times, serif;
}
li{
font-family:Georgia, 'Times New Roman', Times, serif;
}
dt{
color: rgba(202, 3, 3, 0.874);
font-weight: bold;
font-family: 'Montserrat',sans-serif;
font-size: clamp(0.8rem,3.9vw,1.2rem);
margin-top:clamp(0.5rem,3vw,2rem);
}
dd{
font-family: 'Open Sans',sans-serif;
color: black;
padding-right: clamp(0.6rem,0.6vw,1rem);
font-size: clamp(0.7rem,3.8vw,1.13rem);
}
table th{
font-family:'Times New Roman', Times, serif;
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-weight:700;
}
table td{
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
a{
font-family: 'Open Sans',sans-serif;
}
/* header layout  */
.dktp{
display: flex;
background: linear-gradient(90deg, #0d54bf, #0048b3);
justify-content:space-between;
align-items: center;
}
header {
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
position: relative;
z-index: 10;
}
.webname{
display: flex;
flex-direction: column;
justify-content: center;
height: clamp(6rem,15vw,30rem);
}
.webname p{
color: white;
text-align: center;
margin: 0;
}
.webname p:first-of-type{
text-transform: capitalize;
font-size: clamp(1rem,4.2vw,1.5rem);
font-family: Georgia, 'Times New Roman', Times, serif;
font-weight: bold;
line-height:clamp(1.3rem,6vw,3rem);
padding-inline:clamp(0.5rem,4vw,1rem);
}
.webname p:nth-of-type(2){
margin-top:2px;
color:#BBDEFB;
}
nav{
display: flex;
flex-wrap: wrap;
flex-direction: column;
color: rgb(255, 255, 255);
justify-content: space-between;
}
nav a{
text-decoration: none;
text-transform: capitalize;
font-size: clamp(0.8rem,3.3vw,1.2rem);
color: white;
margin-block:5px;
padding-block:2px;
padding-inline: clamp(0.2rem,2vw,1rem);
}
.main-nav {
color: white;
padding-inline: clamp(0.4rem,1vw,2rem);
padding-block:4px;
display: flex;
justify-content: space-between;
align-items: center;
}
.menu-left, .search-icon {
cursor: pointer;
}
.menu-left {
display: flex;
align-items: center;
font-size: clamp(0.9rem,4vw,1.2rem);
}
.menu-icon {
display: flex;
align-items: center;
margin-right:5px;
}
.search-icon{
display: flex;
align-items: center;
width:clamp(1.4rem,4vw,3rem);
height:clamp(1.4rem,4vw,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;
}
.dropdown-menu.show {
display: block;
}
.hidden {
display: none !important;
}
.dropdown-menu a {
color:white;
padding-inline: clamp(1rem,2vw,3rem);
padding-block: clamp(0.2rem,1.5vw,3rem);
text-decoration: none;
display: block;
font-size: clamp(0.8rem,3.4vw,1.05rem);
}
.dropdown-menu a:hover {
background-color: #f9f9f9;
color: blue;
}
.search-container {
background-color: #f1f1f1;
padding: 15px;
display: none;
}
.search-container input[type="text"] {
width: calc(100% - 24px);
padding:8px;
border: 1px solid black;
border-radius: 4px;
font-size:clamp(0.9rem,2.5vw,1.3rem);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.314);
}
.search-container.show {
display: block;
}
/* maincontainer layout */
.maincontainer{
display: flex;
flex-direction: column;
}
.firstd{
display: flex;
flex-direction: column;
margin-bottom: clamp(1rem,5vw,4rem);
}
h1{
padding-block: clamp(1rem,1vw,3rem);
padding-inline: clamp(0.4rem,2vw,1rem);
text-align: center;
margin-inline: auto;
line-height: 1.6;
margin-bottom: 0;
font-weight: 800;
font-size: clamp(0.8rem,4.5vw,3rem);
background: linear-gradient(45deg,rgb(122, 178, 1), #025a7d);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: slideInDown 1.2s ease-out;
}
.notfy-out{
padding-inline: clamp(0.4rem,2vw,1rem);
margin-inline: auto;
text-align: center;
color: #e90628;
font-size: clamp(0.7rem,3vw,1rem);
font-weight: bolder;
text-indent: 0;
animation: slideInDown 1.6s ease-out;
line-height: 1.6;
}
.notfy-out span{
color: blue;
font-size: clamp(0.6rem,2.5vw,0.9rem);
line-height: 1.4;
}
#mainbox{
padding-block: clamp(1rem,1vw,2rem);
background-color: rgb(255, 255, 255);
margin-inline: clamp(0.2rem,1vw,2rem);
margin-bottom: clamp(0.3rem,1vw,1rem);
flex-grow:1;
}
.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: solid 1px blue;
margin-bottom: 0;
padding-bottom: clamp(0.2rem,0.2vw,10rem);
font-size:clamp(1rem,4.2vw,2rem);
font-weight:700;
line-height: 1.5;
}
#mainbox .detailsbox:nth-of-type(1) h2 { color: #c50101; border-bottom: 2px solid #1A237E; }

/* short title div section  */
.shortinfo{
margin: 0;
text-align: center;
padding-block: clamp(0.2rem,0.2vw,3rem);
font-weight: bold;
font-size: clamp(0.9rem,5vw,1.8rem);
line-height: 1.4;
}
.shortinfo{
margin-top: clamp(0.4rem,0.8vw,2rem);
}
#shinf1{
margin-top:clamp(1rem,1vw,2rem);
color: crimson;
}
#shinf2{
color: forestgreen;
}
#shinf3{
color: olive;
}
/* ul or li div layout */
.detailsbox ul{
margin: 0;
margin-top: clamp(0.8rem,1vw,3rem);
list-style-type:none;
padding-right:clamp(0.5rem,0.5vw,3rem);
padding-left: clamp(0.3rem,2vw,3rem);
background-color:#ffffff;
border-style:groove;
border-radius:10px;
padding-block:10px;
min-height:clamp(15rem,15vw,200rem);
max-height:fit-content;
overflow:hidden;
}
.page-btn {
font-size:clamp(0.7rem,1.8vw,3rem);
font-weight:bold;
border: 1px solid #007bff;
background: white;
color: #007bff;
padding: 3px 5px;
cursor: pointer;
border-radius: 4px;
margin:clamp(0.2rem,0.5vw,5rem);
}
.dots{
border: none;
background: transparent;
cursor: default;
color: #777;
font-weight: bold;
padding: 0 2px;
}
.page-btn.active {
background: #0263ca;
color: white;
font-weight:bolder;
}
.page-btn:hover {
background: #e7f1ff;
}
.nav-btn {
background: #69ae01;
color:white;
}
/* .detailsbox li:nth-child(odd){
background-color:#f0f0f0;
}
.detailsbox li:nth-child(even){
background-color: white;
} */
.detailsbox li li{
background: transparent !important;
background-color:transparent1 !important;
}
.detailsbox ul ul,ol{
margin-top: clamp(0.5rem,0.5vw,3rem);
}
.detailsbox ol ul,ol{
margin-top: clamp(0.5rem,0.5vw,3rem);
}
.detailsbox ul ul li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox ul ol li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox ol ol li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox ol ul li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox li{
padding-right: clamp(0.4rem,0.5vw,2rem);
line-height: 1.5;
margin-bottom: clamp(0.5rem,2vw,3rem);
font-size: clamp(0.8rem,3.5vw,1.2rem);
color:rgb(0, 43, 135);
font-family:Georgia, 'Times New Roman', Times, serif;
}
.detailsbox li i{
margin-right:clamp(0.3rem,2vw,2rem);
color:green;
}
.detailsbox li a{
color:#194386;
font-weight: bold;
text-decoration: none;
}
.detailsbox li a:hover, .rside ul li a:hover{
color: darkblue;
text-decoration: underline;
}
.detailsbox p{
font-size: clamp(0.75rem,3.6vw,2rem);
}

/* table div layout all */
table{
margin-top: clamp(1rem,1vw,2rem);
width: 100%;

}
.detailsbox th{
background-color: rgb(67, 116, 207);
color: white;
border:1px solid rgb(0, 0, 0);
font-size:clamp(0.8rem,3.4vw,1.1rem);
padding-block:clamp(0.2rem,3vw,2.5rem);
line-height:1.3;
font-weight: 900;
padding-inline:clamp(0.2rem,0.8vw,2rem);
}
.detailsbox td{
border: 1px solid green;
padding-left: clamp(0.3rem,1vw,2rem);
font-size: clamp(0.7rem,3.5vw,1.3rem);
padding-inline:clamp(0.2rem,0.8vw,2rem);
padding-block:clamp(0.2rem,1.8vw,2.5rem);
color:black;
line-height: 1.4;
}
/* .detailsbox tr:nth-child(odd){
background-color: rgb(235, 235, 235);
}
.detailsbox tr:nth-child(even){
background-color: white;
} */
.detailsbox td:first-child{
text-align: center;
}
#imp_link table{
background-color:rgba(251, 207, 97, 0.615);
}
#imp_link tr{
background-color:transparent;
}
#imp_link td:last-child{
color: rgb(26, 16, 235);
font-weight: 700;
text-align: center;
}
#imp_link table td{
padding-top:0;
padding-block:clamp(0.5rem,4vw,3rem);
font-weight:700;
}
#imp_link table td:nth-of-type(2){
font-weight:bold;
text-align: center;
}
/* side box layout div  */
#sideboxlinker{
display: flex;
flex-direction: column;
gap:clamp(0.2rem,0.5vw,1rem);
}
/* .rside li:nth-child(odd){
background-color: rgb(237, 237, 237);
}
.rside li:nth-child(even){
background-color: rgb(255, 255, 255);
} */
.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.1vw,2rem);
color: rgb(0, 109, 148);
}
.rside ul{
/* padding-left: clamp(1.5rem,1vw,1.5rem);
padding-right: clamp(0.5rem,0.5vw,1.3rem); */
margin: 0;
margin-top: clamp(0.8rem,1vw,3rem);
list-style-type:square;
padding-right:clamp(0.5rem,0.5vw,3rem);
padding-left: clamp(1.5rem,7vw,5rem);
}
.sidebox{
font-size: clamp(1rem,4vw,1.15rem);
margin-inline:5px;
margin-block: clamp(1rem,2vw,4rem);
}

.rside h3{
text-align: center;
margin-top: 0;
margin-bottom: clamp(0.6rem,2vw,2rem);
font-size:clamp(0.8rem,3.4vw,3rem);
background-color: rgb(94, 131, 1);
color: white;
padding-block: clamp(0.5rem,2vw,1rem);
border-top-left-radius: 10px;
border-top-right-radius:10px;
padding-inline:clamp(0.3rem,1vw,1rem);
}
.rside li{
line-height: 1.3;
padding-inline: clamp(0.2rem,0.5vw,2rem);
line-height: 1.2;
margin-bottom: clamp(0.2rem,1vw,2rem);
text-indent: -8px;
}
.rside li a{
color: #000000;
font-weight: 700;
text-decoration:none;
}
.rside li i{
color:rgb(59, 152, 1);
}
.rside ul{
list-style:none;
}
.rside{
background-color:white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.346);
margin-bottom: 10px;
border-radius: 10px;
padding-bottom:clamp(0.5rem,1vw,3rem);
}
.rside hr{
margin-top:0;
}
/* live button update light on or off */
.live-btn {
display: flex;
align-items: center;
gap: 10px;
background: hsl(0, 0%, 100%);
border: none;
margin-inline: auto;
margin-block: clamp(0.1rem,3vw,3rem);
color: rgb(0, 0, 0);
font-size:clamp(0.3rem,2.6vw,1rem);
font-weight: bold;
padding:3px 6px;
padding-inline:clamp(0.4rem,1.8vw,2rem);
border-radius: 50px;
border: 1px solid black;
cursor: pointer;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.137);
animation: slideInDown 1.5s ease-out;
  }

  .indicator {
width:clamp(0.4rem,1.8vw,1.5rem);
height:clamp(0.4rem,1.8vw,1.5rem);
border-radius: 50%;
background-color: red;
box-shadow: 0 0 3px red;
transition: all 0.3s ease;
  }

  .indicator.off {
background-color: #ffffff;
box-shadow: none;
  }
  /* poster section */
.imagebox{
text-align: center;
display: flex;
justify-content: center;
}
.poster{
display:flex;
justify-content: center;
margin-inline: auto;
height:clamp(10rem,50vw,20rem);
width:90%;
border-radius:5px;
margin-top: clamp(1rem,2vw,3rem);
opacity:2;

}
  /* FREQUENTLY aked Question Answer */
  .fqsection{
margin-top:clamp(1rem,5vw,10rem);
margin-inline:clamp(0.3rem,1vw,10rem);
background-color: white;
padding-bottom: clamp(1rem,2vw,2rem);
  }
  h4{
font-size:clamp(0.78rem,3.6vw,1.3rem);
padding-inline:clamp(0.5rem,2vw,2rem);
padding-block: clamp(1rem,2vw,2rem);
text-align: center;
background:linear-gradient(135deg, #1D2671,#C33764);
color:rgb(255, 255, 255);
margin: 0;
border-bottom: 1px solid darkgreen;
  }
  .fq-question{
color:rgb(4, 93, 226);
font-size: clamp(0.7rem,3.4vw,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;
/* background-color: rgb(245, 236, 222); */
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,7vw,4rem);
font-size: clamp(0.75rem,3.4vw,1.5rem);
text-indent:0;
color: rgb(0, 0, 0);
font-weight:600;
  }

  /* footer section */

  .social-media-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:clamp(1.5rem,3vw,10rem);
padding-block:clamp(1rem,4vw,8rem);
background-color:black;
}

.social-media-links a{
color:white;
display:flex;
flex-direction:column-reverse;
text-align: center;
justify-content:space-between;
text-decoration:none;
font-size:clamp(0.5rem,2.3vw,3rem);
text-transform:capitalize;
}
.social-media-links a i{
font-size:clamp(0.85rem,3vw,8rem);
flex-grow: 1;
}

  footer{
background-color:black;
padding: 0;
  }
  .tp{
display: flex;
justify-content: space-around;
align-items: center;
text-transform: capitalize;
flex-wrap:wrap;
padding-block:clamp(0.2rem,5vw,5rem);
  }
  .tp a{
margin-inline: clamp(0.5rem,2vw,1.2rem);
width:30%;
color: white;
text-align: center;
font-size: clamp(0.6rem,2.6vw,0.9rem);
margin-block: clamp(0.2rem,0.3vw,3rem);
text-decoration: none;
flex-grow:1;
  }
  .copyright{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: white;
background-color:black;
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){
.detailsbox ul{
border-radius:2px;
padding-left:clamp(1.5rem,3vw,2rem);
}
.detailsbox li{
text-indent: -7px;
}
main{
background-color: white;
}
.dktp{
flex-direction: column;
background: linear-gradient(to right, rgb(1, 35, 108),rgb(1, 104, 145));
}
#left-side{
order: 2;
}
nav{
flex-grow: 1;
background-color: rgb(13, 53, 93);
width: 100%;
padding-block:0;
}
.rside hr{
margin-bottom:clamp(0.7rem,2vw,2rem);
}
.main-nav{
flex-grow: 1;
justify-content: space-between;
}
}
/* medium screen size  */
@media screen and (min-width:600px) and (max-width:1025px) {
body{
margin: 0;
}
/* header section */
header{
animation: slideInDown 1s ease-out;
/* box-shadow: 0 5px 20px rgba(116, 115, 115, 0.632); */
}
.dktp{
padding-top:clamp(0.5rem,2vw,2rem);
}
.webname{
height:max-content;
padding-block:clamp(0.5rem,1vw,6rem);
padding-inline:clamp(1rem,2vw,3rem);
}
.webname p:first-of-type{
font-size: clamp(1.1rem,2vw,1.8rem);
line-height: clamp(1.8rem,3vw,6rem);
}
.webname p:last-of-type{
margin-top:0;
font-size: clamp(0.9rem,1.5vw,4rem);
color: white;
}
/* nav and search box  */
.main-nav{
display: none;
}
.search-container{
display: none;
}
nav{
display: flex;
flex-direction: row;
justify-content: center;
}
#mobile-menu{
display: flex;
}
.dropdown-menu{
text-align: center;
gap:clamp(1rem,1.5vw,3rem);
padding-right:clamp(1rem,2vw,3rem);
}
.dropdown-menu a{
font-size: clamp(0.7rem,1.2vw,1.5rem);
padding-block:clamp(0.2rem,0.5vw,2rem);
padding-inline:2px;
}
.dropdown-menu a:hover{
background-color:transparent;
color: rgb(204, 243, 245);
}
.firstd{
margin-bottom: clamp(1rem,2vw,5rem);
background-color:white;
box-shadow:0 5px 5px rgba(202, 200, 200, 0.382);
}
h1{
padding-top: clamp(1rem,1vw,3rem);
padding-bottom:clamp(0.5rem,0.5vw,1rem);
text-align: center;
width: 90%;
margin-inline: auto;
line-height: 1.6;
margin-bottom: 0;
font-weight: 700;
font-size: clamp(1.05rem,1.9vw,3rem);
background: linear-gradient(45deg,rgb(15, 54, 151), #219800, #926901);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: slideInDown 1.2s ease-out;
}
/* main container / parrent container */
.maincontainer{
display: flex;
flex-direction:row;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
animation: slideInDown 1.4s ease-out;
}
#left-side{
order: 2;
}
@keyframes slideInDown {
from { transform: translateY(-50px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
#mainbox{
padding-block: clamp(1rem,1vw,2rem);
padding-inline: clamp(0.5rem,1vw,3rem);
background-color: white;
margin-inline: clamp(0.7rem,1vw,5rem);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.152);
border-radius:5px;
width:90%;
}
.detailsbox{
margin-bottom:0;
box-shadow:none;
}
.detailsbox h2{
font-size:clamp(1.1rem,1.8vw,4rem);
line-height: 1.2;
padding-bottom: clamp(0.5rem,0.5vw,2rem);
padding-top: clamp(0.5rem,1vw,2rem);
}
/* ditails box */
dl{
padding-inline: clamp(1rem,1.5vw,2rem);
}
dt{
margin-top: clamp(1rem,1.7vw,2rem);
font-size: clamp(0.9rem,1.5vw,1.2rem);
}
dd{
margin-top: clamp(0.2rem,0.2vw,2rem);
font-size: clamp(0.9rem,1.55vw,3rem);
margin-left: 0;
}
/* short name box */
#post_name .shortinfo{
font-size: clamp(1rem,1.6vw,3rem);
margin-top: clamp(0.5rem,0.5vw,3rem);
}
/* ditails box li */
.detailsbox ul{
padding-left: clamp(0.5rem,0.5vw,3rem);
padding-right: clamp(0.5rem,1vw,3rem);
padding-block:clamp(0.5rem,1vw,2rem);
border-radius:10px;
}
.page-btn{
margin-top:clamp(0.3rem,0.8vw,1rem);
font-size:clamp(0.7rem,1.2vw,1rem);
}
.detailsbox ol {
padding-left: clamp(1.2rem,2.5vw,3rem);
padding-right: clamp(0.5rem,1vw,3rem);
}
#itemList{
min-height:300px;
padding-inline:0;
}
.detailsbox ul ul,ol{
margin-top: clamp(0.5rem,0.5vw,3rem);
}
.detailsbox ol ul,ol{
margin-top: clamp(0.5rem,0.5vw,3rem);
}
.detailsbox ul ul li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox ul ol li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox ol ol li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox ol ul li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox li{
font-size: clamp(0.9rem,1.5vw,2rem);
margin-bottom: clamp(0.5rem,0.7vw,2rem);
padding-inline:clamp(0.4rem,0.8vw,2rem);
padding-block:1;
line-height: clamp(1.4rem,2.5vw,2rem);
}
.detailsbox li i{
margin-left:5px;
margin-right:10px;
}
.detailsbox p{
font-size: clamp(0.9rem,1.5vw,2rem);
}
/* table box details */
.detailsbox th{
font-size: clamp(0.9rem,1.55vw,2rem);
padding-block: clamp(0.2rem,1vw,1.5rem);
padding-inline:clamp(0.2rem,0.5vw,2rem);
}
.detailsbox td{
font-size: clamp(0.95rem,1.6vw,2rem);
padding-block: clamp(0.1rem,0.6vw,1.5rem);
padding-inline:clamp(0.2rem,0.5vw,2rem);
}
#imp_link table td{
font-size: clamp(0.8rem,1.4vw,2rem);
padding-top: 0;
padding-block:clamp(0.5rem,1.5vw,2vw);
}
/* sider box layout designe */
.sidebox{
width:45%;
margin-inline: auto;
padding-bottom:0;
position:relative;
top:5%;
height: fit-content;
}
#sideboxlinker{
flex-direction:row;
flex-wrap:nowrap;
gap:clamp(0.4rem,1vw,2rem);
}
.rside ul{
padding-left: clamp(1.5rem,2vw,5rem);
padding-right: clamp(0.5rem,2vw,5rem);
}
.rside ol{
padding-left: clamp(1.2rem,2.5vw,3rem);
padding-right: clamp(0.5rem,1vw,3rem);
}
.rside li{
font-size: clamp(1rem,1vw,2rem);
margin-bottom: clamp(0.2rem,0.5vw,2rem);
padding-inline:clamp(0.2rem,0.5vw,2rem);
padding-block:2px;
line-height:1.4;
}
.rside ul li a{
font-size: clamp(0.7rem,1.2vw,2rem);
}
.rside{
box-shadow: 0 0 10px rgba(97, 96, 96, 0.379);
border-radius: 10px;
padding-bottom:clamp(0.8rem,1.5vw,3rem);
flex-grow:1;
}
.rside hr{
margin-top:0;
}
.rside h3{
font-size:clamp(0.8rem,1.4vw,4rem);
line-height: 1.2;
padding-block:clamp(0.5rem,1.2vw,2rem);
padding-inline:5px;
}
/* poster section */
.imagebox{
text-align: center;
display: flex;
justify-content: center;
}
.poster{
display:flex;
justify-content: center;
margin-inline: auto;
height:clamp(20rem,25vw,90rem);
width:70%;
border-radius:5px;
margin-top: clamp(1rem,2vw,3rem);
opacity:2;
}
/* FQ-question / Answer section */
.fqsection{
margin-block:clamp(1rem,2vw,10rem);
margin-inline: clamp(1rem,2vw,4rem);
border: 1px solid black;
  }
  h4{
font-size:clamp(1rem,1.6vw,1.5rem);
padding-inline:clamp(0.5rem,2vw,2rem);
padding-block: clamp(0.8rem,1vw,2rem);

  }
  .fq-question{
font-size: clamp(0.8rem,1.5vw,2rem);
padding-left: clamp(0.5rem,5vw,4rem);
margin-inline: clamp(0.3rem,1vw,2rem);
margin-top: clamp(0.2rem,0.3vw,6rem);
line-height: 1.4;
font-weight: 600;
padding-block: clamp(0.3rem,0.5vw,0.8rem);
text-indent: -40px;
  }
  .fqsection hr{
margin-block: 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);
margin-inline: clamp(1rem,3vw,2rem);
font-size: clamp(0.8rem,1.38vw,1.2rem);
text-indent:-10px;
line-height:1.8;
  }
  /* footer section */
  .social-media-links {
gap:clamp(2rem,4vw,6rem);
padding-block:clamp(1rem,1vw,3rem);
  }
  .social-media-links a{
font-size:clamp(0.6rem,0.7vw,2rem);
  }
  .social-media-links a i{
font-size:clamp(0.9rem,1.4vw,3rem);
  }
  .tp{
height: none;
padding-block:clamp(0.7rem,1vw,6rem);
flex-wrap:nowrap;
gap:clamp(1rem,3vw,3rem);
justify-content:center;
  }
  .tp a{
font-size: clamp(0.7rem,1vw,1.2rem);
width: fit-content;
margin: 0;
margin-block:0;
flex-grow: 0;
  }
  .copyright{
padding-block: clamp(0.6rem,0.7vw,3rem);
  }
  .copyrightp{
font-size: clamp(0.78rem,1.2vw,1.2rem);
  }
}

/* laptop screen size / desktop screen size */
@media screen and (min-width:1025px) and (max-width:1441px){
body{
margin: 0;
background-color: #ffffff;
}
main{
background-color: #eeeeee;
}
/* header section */
header{
animation: slideInDown 1s ease-out;
/* box-shadow: 0 5px 20px rgba(116, 115, 115, 0.632); */
}
.webname{
height:max-content;
padding-block:clamp(0.5rem,0.8vw,8rem);
padding-inline:clamp(1rem,2vw,3rem);
}
.webname p:first-of-type{
font-size: clamp(1.2rem,1.7vw,3rem);
line-height: clamp(1.8rem,3vw,6rem);
}
.webname p:last-of-type{
margin-top:0;
font-size: clamp(1rem,1.4vw,4rem);
color: white;
}
/* nav and search box  */
.main-nav{
display: none;
}
.search-container{
display: none;
}
nav{
display: flex;
flex-direction: row;
justify-content: center;
}
#mobile-menu{
display: flex;
}
.dropdown-menu{
text-align: center;
gap:clamp(0.8rem,1.5vw,3rem);
padding-right:clamp(1rem,1.5vw,2rem);
}
.dropdown-menu a{
font-size: clamp(0.8rem,1.1vw,1.5rem);
padding-block:clamp(0.3rem,0.5vw,2rem);
padding-inline:5px;
}
.dropdown-menu a:hover{
background-color:transparent;
color: rgb(204, 243, 245);
}
/* fisrs info div section */
.firstd{
margin-bottom: clamp(1rem,2vw,5rem);
background-color:white;
}
h1{
margin-top:clamp(0.5rem,1vw,1.5rem);
padding-block: clamp(0.5rem,0.5vw,3rem);
text-align: center;
width: 90%;
margin-inline: auto;
line-height: 1.4;
margin-bottom: 0;
font-weight: 700;
font-size: clamp(1.3rem,1.6vw,3rem);
background: linear-gradient(45deg,rgb(255, 0, 200), #327f28, #f5c001);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: slideInDown 1.2s ease-out;
}
/* main container / parrent container */
.maincontainer{
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0;
animation: slideInDown 1.4s ease-out;
}
@keyframes slideInDown {
from { transform: translateY(-50px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
#mainbox{
padding-block: clamp(1rem,1vw,2rem);
padding-inline: clamp(0.5rem,0.8vw,3rem);
background-color: rgb(255, 255, 255);
margin-inline: clamp(0.8rem,0.8vw,2rem);
border-radius: 10px;
}
.detailsbox{
box-shadow: none;
margin-bottom:0;
}
.detailsbox p{
font-size:clamp(1rem,1.2vw,2rem);
}
.detailsbox h2{
font-size:clamp(1.2rem,1.8vw,4rem);
line-height: 1.2;
padding-bottom: clamp(0.5rem,0.5vw,2rem);
padding-top: clamp(0.5rem,1vw,2rem);
font-weight:600;
}
/* ditails box */
dl{
padding-inline: clamp(1rem,1.5vw,2rem);
}
dt{
margin-top: clamp(1rem,1.5vw,2rem);
font-size: clamp(1rem,1.2vw,3rem);
}
dd{
margin-top: clamp(0.2rem,0.2vw,2rem);
font-size: clamp(1rem,1.25vw,3rem);
margin-left: 0;
font-weight:500;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* short name box */
#post_name .shortinfo{
font-size: clamp(1rem,1.4vw,3rem);
margin-top: clamp(0.5rem,1vw,3rem);
}
/* ditails box li */
.detailsbox ul{
padding-left: clamp(1.3rem,3vw,4rem);
padding-right: clamp(0.5rem,1vw,3rem);
border:0.5px solid black;
border-top-right-radius:0;
border-top-left-radius:0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
padding-block:clamp(0.5rem,1vw,3rem);
}
.detailsbox ul li i{
margin-right:clamp(0.5rem,0.8vw,2rem);
}
.detailsbox ol {
padding-left: clamp(1.2rem,2.5vw,3rem);
padding-right: clamp(0.5rem,1vw,3rem);
}
.detailsbox ul ul,ol{
margin-top: clamp(0.5rem,0.5vw,3rem);
}
.detailsbox ol ul,ol{
margin-top: clamp(0.5rem,0.5vw,3rem);
}
.detailsbox ul ul li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox ul ol li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox ol ol li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox ol ul li{
margin-bottom: clamp(0.4rem,0.5vw,2rem);
}
.detailsbox li{
font-size: clamp(0.9rem,1.25vw,2rem);
margin-bottom: clamp(0.2rem,0.9vw,2rem);
padding-right:clamp(0.4rem,1vw,2rem);
text-indent:-10px;
padding-block:1px;
line-height:1.3;
font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.page-btn{
font-size:clamp(0.7rem,1.1vw,1rem);
margin-inline:clamp(0.3rem,0.5vw,2rem);
margin-top:clamp(0.3rem,0.8vw,1rem);
}
.detailsbox p{
font-size: clamp(0.9rem,1.15vw,2rem);
}
#itemList{
min-height:400px;
max-height: fit-content;
}
/* table box details */
.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.3vw,2rem);
padding-block: clamp(0.1rem,0.3vw,1.5rem);
}
#imp_link table td{
padding-block:clamp(0.5rem,1vw,2vw);
font-size: clamp(0.8rem,1.2vw,2rem);
}
/* sider box layout designe */
.sidebox{
margin-top:0;
min-width:18%;
max-width:20%;
margin-right: clamp(0.5rem,0.5vw,2rem);
padding-block:0;
position:sticky;
top:1%;
height: fit-content;
}
.rside ul{
padding-left: clamp(1.4rem,2vw,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;
text-indent:-12px;
}
.rside ul li a{
font-size: clamp(0.7rem,1vw,2rem);

}
.rside{
box-shadow: 0 0 10px rgba(162, 156, 156, 0.531);
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.7rem,1vw,4rem);
line-height: 1.5;
padding-block:clamp(0.3rem,0.5vw,2rem);
border-top-right-radius:3px;
border-top-left-radius: 3px;
padding-inline:clamp(0.3rem,0.65vw,2rem);
}
/* poster section */
.imagebox{
text-align: center;
display: flex;
justify-content: center;
}
.poster{
display:flex;
justify-content: center;
margin-inline: auto;
height:clamp(20rem,25vw,90rem);
width:70%;
border-radius:5px;
margin-top: clamp(1rem,2vw,3rem);
opacity:2;

}
/* FQ-question / Answer section */
.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(1rem,1.3vw,1.5rem);
padding-inline:clamp(0.5rem,2vw,2rem);
padding-block: clamp(0.6rem,0.9vw,2rem);
  }
  .fq-question{
font-size: clamp(0.8rem,1.25vw,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.3vw,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(0.8rem,1.2vw,1.2rem);
text-indent:-10px;
line-height:1.8;
  }
  /* footer section */
  .social-media-links{
padding-block:clamp(1rem,1vw,3rem);
  }
  .social-media-links a{
font-size:clamp(0.6rem,0.75vw,2rem);
  }
.social-media-links a i{
font-size:clamp(0.9rem,1.1vw,2rem);
  }
  .tp{
height: clamp(2.5rem,2vw,15rem);
justify-content: center;
gap: clamp(1.5rem,3vw,3rem);
padding-block:2px;
width:80%;
margin-inline: auto;
flex-wrap:nowrap;
  }
  .tp a{
font-size: clamp(0.75rem,1vw,1.2rem);
width: fit-content;
flex-grow: 0;
margin: 0;
  }
  .copyrightp{
font-size: clamp(0.8rem,1vw,1.2rem);
padding-block:clamp(1rem,1vw,3rem);
  }

}

/* large desktop screen size */
@media screen and (min-width:1441px) and (max-width:2561px){
body{
margin: 0;
}
main{
background-color: white;
width:62%;
margin-inline: auto;
border-top:none;
margin-top:0;
animation: slideInDown 1s ease-out;
}
/* .maincontainer{
min-width:70%;
max-width:80%;
margin-inline: auto;
} */
/* .firstd{
min-width:70%;
max-width:80%;
margin-inline: auto;
} */
/* header section */
header{
animation: slideInDown 1s ease-out;
box-shadow:none;
min-width:62%;
max-width:62%;
margin-inline: auto;

}
.dktp{
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.webname{
height: clamp(10rem,7vw,40rem);
padding-inline:clamp(1rem,1vw,4rem);

}
.webname p:first-of-type{
font-size: clamp(1.5rem,1.2vw, 4rem);
line-height:1.3;
font-weight: 700;
}
.webname p:last-of-type{
margin-top: clamp(0.5rem,0.3vw,6rem);
font-size: clamp(1rem,1vw,3rem);
color: white;
font-weight: 600;
}
/* nav and search box  */
.main-nav{
display: none;
}
.search-container{
display: none;
}
nav{
display: flex;
flex-direction: row;
justify-content: center;
}
#mobile-menu{
display: flex;
}
.dropdown-menu{
text-align: center;
padding-right:clamp(1rem,0.8vw,4rem);
gap:clamp(1rem,0.8vw,4rem);
}
.dropdown-menu a{
font-size: clamp(1rem,0.7vw,2.5rem);
line-height: 1.5;
font-weight: 500;
text-decoration: none;
padding-block:clamp(0.8rem,0.5vw,3rem);
padding-inline:5px;
}
.dropdown-menu a:hover{
background-color:transparent;
color: rgb(204, 243, 245);
}
/* fisrs info div section */
.firstd{
margin-bottom: clamp(1rem,1vw,8rem);
/* margin-top: clamp(1rem,2vw,8rem); */

}
h1{
padding-block:0;
text-align: center;
width:95%;
margin-inline: auto;
line-height: 1.5;
margin-bottom:clamp(1rem,0.5vw,3rem);
margin-top: clamp(1rem,1.2vw,10rem);
font-weight: 700;
font-size: clamp(2rem,1.2vw,4rem);
background: linear-gradient(45deg,rgb(218, 11, 218), #04a301, #b99804);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: slideInDown 1.2s ease-out;
padding-inline:clamp(1rem,2vw,3rem);
}
/* main container / parrent container */
.maincontainer{
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0;
animation: slideInDown 1.4s ease-out;
border-top:0.5px solid black;
padding-top:15px;
}
@keyframes slideInDown {
from { transform: translateY(-50px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
#mainbox{
padding-block: clamp(1rem,1vw,2rem);
padding-inline: clamp(1rem,0.6vw,3rem);
background-color: white;
border:none;
margin-left:0;

margin-right: clamp(1rem,1.2vw,3rem);
}
.detailsbox{
box-shadow: none;
}
.detailsbox h2{
font-size:clamp(1.7rem,1.2vw,4rem);
line-height: 1.3;
padding-bottom: clamp(0.5rem,0.5vw,2rem);
padding-top: clamp(0.5rem,0.5vw,2rem);
font-weight:700;
}
/* ditails box */
dl{
padding-inline: clamp(1rem,1.5vw,2rem);
}
dt{
margin-top: clamp(1rem,1.5vw,4rem);
font-size: clamp(1.2rem,1.27vw,4rem);
}
dd{
margin-top: clamp(0.2rem,0.2vw,2rem);
font-size: clamp(1.16rem,1.25vw,4rem);
margin-left: 0;
}
/* short name box */
.shortinfo{
font-size: clamp(1.2rem,2rem,4rem);
margin-top: clamp(0.5rem,0.5vw,3rem);
}
/* ditails box li */
.detailsbox ul{
padding-left: clamp(1rem,0.5vw,3rem);
padding-right: clamp(0.5rem,1vw,3rem);
border-style:groove;
padding-block:clamp(1rem,1vw,6rem);
padding-left:0;
}
.pagination-container{
margin-block:clamp(1rem,1vw,2rem);
}
.page-btn{
font-size:clamp(0.7rem,0.7vw,2rem);
padding-inline:clamp(0.5rem,0.5vw,2rem);
margin:clamp(0.3rem,0.4vw,2rem);
}
.nav-btn{
font-size:clamp(0.5rem,0.6vw,2rem);
padding-block:clamp(0.4rem,0.3vw,2rem);
margin:clamp(0.3rem,0.4vw,2rem);
}
.detailsbox ol {
padding-left: clamp(1.2rem,2.5vw,3rem);
padding-right: clamp(0.5rem,1vw,3rem);
border-style:groove;
}
.detailsbox li{
font-size: clamp(1.2rem,0.8vw,3rem);
margin-bottom: clamp(0.7rem,0.5vw,2rem);
padding-inline:clamp(0.4rem,1vw,2rem);
padding-block:1;
line-height:1.6;
}
.detailsbox ul li i{
margin-right:clamp(0.5rem,0.8vw,2rem);
}
/* table box details */
.detailsbox th{
font-size: clamp(1.3rem,1.18vw,3rem);
padding-block: clamp(0.2rem,0.7vw,2rem);
padding-inline: clamp(0.5rem,0.5vw,2rem);
line-height: 1.46;
}
.detailsbox td{
font-size: clamp(1.3rem,1.17vw,3rem);
padding-block: clamp(0.1rem,0.6vw,2rem);
padding-inline: clamp(0.5rem,0.5vw,2rem);
line-height: 1.5;
}
.detailsbox p{
font-size: clamp(1.25rem,1.2vw,2rem);
}
p{
font-size: clamp(1.125rem,1.2vw,4rem);
line-height: 1.6;
}
#imp_link table td{
font-size: clamp(1.3rem,1.1vw,3rem);
padding-block:clamp(0.5rem,1.2vw,2vw);
}
/* sider box layout designe */
.sidebox{
max-width:16%;
min-width:15%;
margin-inline:0;
padding-bottom: clamp(1rem,1vw,4rem);
height: fit-content;
margin-top: 0;

}
#left-side{
position: fixed;
left: 0;
top:23%;
}
#right-side{
position: fixed;
right: 0;
top: 23%;
}
.rside ul{
padding-left: clamp(1.8rem,1.8vw,3rem);
padding-right: clamp(0.5rem,0.5vw,3rem);
}
.rside li{
font-size: clamp(1rem,1vw,3rem);
margin-bottom: clamp(0.2rem,0.3vw,4rem);
padding-inline:clamp(0.4rem,0.2vw,2rem);
padding-block:0;
text-indent: -18px;
line-height:1.3;
}
.rside ul li a{
font-size: clamp(1rem,0.7vw,3rem);
}
.rside hr{
margin-bottom:clamp(1rem,1vw,3rem);
}
.rside{
box-shadow:0px 0px 20px rgb(155, 148, 148);
border-radius: 10px;
padding-bottom:clamp(0.8rem,0.9vw,3rem);
}
.rside h3{
font-size:clamp(1.2rem,0.8vw,4rem);
line-height: 1.6;
font-weight: 600;
padding-block:clamp(0.8rem,0.5vw,2rem);
padding-inline:clamp(0.3rem,1vw,2rem);
}
/* poster section */
.imagebox{
text-align: center;
display: flex;
justify-content: center;
}
.poster{
display:flex;
justify-content: center;
margin-inline: auto;
height:clamp(20rem,25vw,90rem);
width:80%;
border-radius:5px;
margin-top: clamp(1rem,2vw,3rem);
opacity:2;
}
/* FQ-question / Answer section */
.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 black;

  }
  h4{
font-size:clamp(1.1rem,1.3vw,3rem);
padding-inline:clamp(0.5rem,2vw,2rem);
padding-block: clamp(1rem,1vw,2rem);
margin-bottom:clamp(1rem,1vw,4rem);

  }
  .fq-question{
font-size: clamp(1.1rem,1.2vw,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: black;
  }
  .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,1.1vw,3rem);
text-indent:-10px;
margin-bottom: 0;
  }
  /* footer section */
  .social-media-links{
padding-block:clamp(1rem,1vw,3rem);
border-top-right-radius: 25px;
border-top-left-radius: 25px;
  }
  .social-media-links a{
font-size:clamp(0.5rem,0.7vw,3rem);
  }
  .social-media-links a i{
font-size:clamp(1.2rem,1.1vw,3rem);
  }
  footer{
width:62%;
margin-inline: auto;
border-top-right-radius:25px;
border-top-left-radius:25px;
  }
  .tp{
height: clamp(5rem,3vw,20rem);
padding-block: 10px;
width:90%;
justify-content: center;
gap:clamp(1rem,1.2vw,4rem);
margin-inline: auto;
flex-wrap:nowrap;

  }
  .tp a{
font-size: clamp(1rem,0.8vw,2rem);
margin-inline:0;
flex-grow:0;
width:fit-content;
  }

  .copyrightp{
font-size: clamp(1rem,0.8vw,2rem);
padding-block:clamp(0.5rem,1vw,5rem);
  }

}

@media screen and (min-width:2561px){
body{
margin: 0;
}
main{
background-color: white;
width:62%;
margin-inline: auto;
border-top:none;
margin-top:0;
animation: slideInDown 1s ease-out;
}
/* .maincontainer{
min-width:70%;
max-width:80%;
margin-inline: auto;
} */
/* .firstd{
min-width:70%;
max-width:80%;
margin-inline: auto;
} */
/* header section */
header{
animation: slideInDown 1s ease-out;
box-shadow:none;
min-width:62%;
max-width:62%;
margin-inline: auto;

}
.dktp{
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.webname{
height: clamp(10rem,7vw,40rem);
padding-inline:clamp(1rem,1vw,4rem);

}
.webname p:first-of-type{
font-size: clamp(1.5rem,1.2vw, 4rem);
line-height:1.3;
font-weight: 700;
}
.webname p:last-of-type{
margin-top: clamp(0.5rem,0.3vw,6rem);
font-size: clamp(1rem,1vw,3rem);
color: white;
font-weight: 600;
}
/* nav and search box  */
.main-nav{
display: none;
}
.search-container{
display: none;
}
nav{
display: flex;
flex-direction: row;
justify-content: center;
}
#mobile-menu{
display: flex;
}
.dropdown-menu{
text-align: center;
padding-right:clamp(1rem,0.8vw,4rem);
gap:clamp(1rem,0.8vw,4rem);
}
.dropdown-menu a{
font-size: clamp(1rem,0.7vw,2.5rem);
line-height: 1.5;
font-weight: 500;
text-decoration: none;
padding-block:clamp(0.8rem,0.5vw,3rem);
padding-inline:5px;
}
.dropdown-menu a:hover{
background-color:transparent;
color: rgb(204, 243, 245);
}
/* fisrs info div section */
.firstd{
margin-bottom: clamp(1rem,1vw,8rem);
/* margin-top: clamp(1rem,2vw,8rem); */

}
h1{
padding-block:0;
text-align: center;
width:95%;
margin-inline: auto;
line-height: 1.5;
margin-bottom:clamp(1rem,0.5vw,3rem);
margin-top: clamp(1rem,1.2vw,10rem);
font-weight: 700;
font-size: clamp(2rem,1.2vw,4rem);
background: linear-gradient(45deg,rgb(218, 11, 218), #04a301, #b99804);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: slideInDown 1.2s ease-out;
padding-inline:clamp(1rem,2vw,3rem);
}
/* main container / parrent container */
.maincontainer{
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0;
animation: slideInDown 1.4s ease-out;
border-top:0.5px solid black;
padding-top:15px;
}
@keyframes slideInDown {
from { transform: translateY(-50px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
#mainbox{
padding-block: clamp(1rem,1vw,2rem);
padding-inline: clamp(1rem,0.6vw,3rem);
background-color: white;
border:none;
margin-left:0;

margin-right: clamp(1rem,1.2vw,3rem);
}
.detailsbox{
box-shadow: none;
}
.detailsbox h2{
font-size:clamp(1.7rem,1.2vw,4rem);
line-height: 1.3;
padding-bottom: clamp(0.5rem,0.5vw,2rem);
padding-top: clamp(0.5rem,0.5vw,2rem);
font-weight:700;
}
/* ditails box */
dl{
padding-inline: clamp(1rem,1.5vw,2rem);
}
dt{
margin-top: clamp(1rem,1.5vw,4rem);
font-size: clamp(1.2rem,1.27vw,4rem);
}
dd{
margin-top: clamp(0.2rem,0.2vw,2rem);
font-size: clamp(1.16rem,1.25vw,4rem);
margin-left: 0;
}
/* short name box */
.shortinfo{
font-size: clamp(1.2rem,2rem,4rem);
margin-top: clamp(0.5rem,0.5vw,3rem);
}
/* ditails box li */
.detailsbox ul{
padding-left: clamp(1rem,0.5vw,3rem);
padding-right: clamp(0.5rem,1vw,3rem);
border-style:groove;
padding-block:clamp(1rem,1vw,6rem);
padding-left:0;
}
.pagination-container{
margin-block:clamp(1rem,1vw,2rem);
}
.page-btn{
font-size:clamp(0.7rem,0.7vw,2rem);
padding-inline:clamp(0.5rem,0.5vw,2rem);
margin:clamp(0.3rem,0.4vw,2rem);
}
.nav-btn{
font-size:clamp(0.5rem,0.6vw,2rem);
padding-block:clamp(0.4rem,0.3vw,2rem);
margin:clamp(0.3rem,0.4vw,2rem);
}
.detailsbox ol {
padding-left: clamp(1.2rem,2.5vw,3rem);
padding-right: clamp(0.5rem,1vw,3rem);
border-style:groove;
}
.detailsbox li{
font-size: clamp(1.2rem,0.8vw,3rem);
margin-bottom: clamp(0.7rem,0.5vw,2rem);
padding-inline:clamp(0.4rem,1vw,2rem);
padding-block:1;
line-height:1.6;
}
.detailsbox ul li i{
margin-right:clamp(0.5rem,0.8vw,2rem);
}
/* table box details */
.detailsbox th{
font-size: clamp(1.3rem,1.18vw,3rem);
padding-block: clamp(0.2rem,0.7vw,2rem);
padding-inline: clamp(0.5rem,0.5vw,2rem);
line-height: 1.46;
}
.detailsbox td{
font-size: clamp(1.3rem,1.17vw,3rem);
padding-block: clamp(0.1rem,0.6vw,2rem);
padding-inline: clamp(0.5rem,0.5vw,2rem);
line-height: 1.5;
}
.detailsbox p{
font-size: clamp(1.25rem,1.2vw,2rem);
}
p{
font-size: clamp(1.125rem,1.2vw,4rem);
line-height: 1.6;
}
#imp_link table td{
font-size: clamp(1.3rem,1.1vw,3rem);
padding-block:clamp(0.5rem,1.2vw,2vw);
}
/* sider box layout designe */
.sidebox{
max-width:16%;
min-width:15%;
margin-inline:0;
padding-bottom: clamp(1rem,1vw,4rem);
height: fit-content;
margin-top: 0;

}
#left-side{
position: fixed;
left: 0;
top:23%;
}
#right-side{
position: fixed;
right: 0;
top: 23%;
}
.rside ul{
padding-left: clamp(1.8rem,1.8vw,3rem);
padding-right: clamp(0.5rem,0.5vw,3rem);
}
.rside li{
font-size: clamp(1rem,1vw,3rem);
margin-bottom: clamp(0.2rem,0.3vw,4rem);
padding-inline:clamp(0.4rem,0.2vw,2rem);
padding-block:0;
text-indent: -18px;
line-height:1.3;
}
.rside ul li a{
font-size: clamp(1rem,0.7vw,3rem);
}
.rside hr{
margin-bottom:clamp(1rem,1vw,3rem);
}
.rside{
box-shadow:0px 0px 20px rgb(155, 148, 148);
border-radius: 10px;
padding-bottom:clamp(0.8rem,0.9vw,3rem);
}
.rside h3{
font-size:clamp(1.2rem,0.8vw,4rem);
line-height: 1.6;
font-weight: 600;
padding-block:clamp(0.8rem,0.5vw,2rem);
padding-inline:clamp(0.3rem,1vw,2rem);
}
/* poster section */
.imagebox{
text-align: center;
display: flex;
justify-content: center;
}
.poster{
display:flex;
justify-content: center;
margin-inline: auto;
height:clamp(20rem,25vw,90rem);
width:80%;
border-radius:5px;
margin-top: clamp(1rem,2vw,3rem);
opacity:2;
}
/* FQ-question / Answer section */
.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 black;

  }
  h4{
font-size:clamp(1.1rem,1.3vw,3rem);
padding-inline:clamp(0.5rem,2vw,2rem);
padding-block: clamp(1rem,1vw,2rem);
margin-bottom:clamp(1rem,1vw,4rem);

  }
  .fq-question{
font-size: clamp(1.1rem,1.2vw,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: black;
  }
  .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,1.1vw,3rem);
text-indent:-10px;
margin-bottom: 0;
  }
  /* footer section */
  .social-media-links{
padding-block:clamp(1rem,1vw,3rem);
border-top-right-radius: 25px;
border-top-left-radius: 25px;
  }
  .social-media-links a{
font-size:clamp(0.5rem,0.7vw,3rem);
  }
  .social-media-links a i{
font-size:clamp(1.2rem,1.1vw,3rem);
  }
  footer{
width:62%;
margin-inline: auto;
border-top-right-radius:25px;
border-top-left-radius:25px;
  }
  .tp{
height: clamp(5rem,3vw,20rem);
padding-block: 10px;
width:90%;
justify-content: center;
gap:clamp(1rem,1.2vw,4rem);
margin-inline: auto;
flex-wrap:nowrap;

  }
  .tp a{
font-size: clamp(1rem,0.8vw,2rem);
margin-inline:0;
flex-grow:0;
width:fit-content;
  }

  .copyrightp{
font-size: clamp(1rem,0.8vw,2rem);
padding-block:clamp(0.5rem,1vw,5rem);
  }

}