@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css);
@import url(css/ma5-menu.min.css);
@import url(css/animate.css);
/* Global */
:root{--BlueColor: #1D4ED8; --YellowColor: #FFAD28;  --Montserrat: "Montserrat", sans-serif;}
html{scroll-behavior: smooth; transition: 0.5s;}
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-family: var(--Montserrat);}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 14px; font-family: var(--Montserrat);}
a{font-size: 14px; text-decoration: none; font-family: var(--Montserrat);}
a:hover{text-decoration: none;}
p{font-size: 14px; padding: 0px; margin: 0px; font-family: var(--Montserrat);}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: var(--Montserrat);}
input,textarea,select,button {font-family: var(--Montserrat); font-size: 14px;}
input:focus{outline: none;}
textarea:focus{outline: none;}
select:focus{outline: none;}
button:focus{outline: none;}
small{font-family: var(--Montserrat);}
/* Start CSS */
.top-header-line{background-color: var(--BlueColor);}
header{    box-shadow: rgba(217, 217, 217, 0.5) 0px 8px 24px;    position: sticky;    top: 0;    z-index: 999;    background: #fff}
/* Fennec Nav */
.fennec-nav .navbar ul {    padding-left: 0;    list-style-type: none;   margin-bottom: 0;}
.fennec-nav .navbar .navbar-nav .nav-item {    position: relative;    padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {    font-size: 14px;    font-weight: 500;    color: #444;    text-transform: capitalize;    padding: 10px 15px;    position: relative;    z-index: 1;   margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a i {    margin-left: 1px;    position: relative;    top: -2px;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before {    font-size: 11px;}
.fennec-nav .navbar .navbar-nav .nav-item a::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;  z-index: -1;    opacity: 0;    visibility: hidden;    -webkit-transition: 0.5s;    transition: 0.5s; color: #000;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, 
.fennec-nav .navbar .navbar-nav .nav-item {    opacity: 1;    visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    background: #000;    position: absolute;    border: none;    top: 80px;    left: 0;    width: 400px;    z-index: 99;    display: block;    opacity: 0;    visibility: hidden;    border-radius: 0;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;    padding-top: 15px;    padding-left: 5px;    padding-right: 5px;    padding-bottom: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {    text-transform: capitalize;    padding: 5px 15px;    display: block;    color: #000;    margin-top: 6px;    font-size: 15px;    font-weight: 600;    transition: 0.5s;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {    display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {    position: absolute;    content: '';    height: 100%;    width: 3px;    left: -5px;    background: #49af45;    -webkit-transition: 0.5s;    transition: 0.5s;    opacity: 0;    visibility: hidden;    top: 0;    -webkit-transform: scale(0);    transform: scale(0);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {    opacity: 1;    visibility: visible;    -webkit-transform: scale(1);    transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {    margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {    left: 220px;    top: 0;    opacity: 0;    visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {    left: 220px;    top: 0;    opacity: 0;    visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: 100%;    margin-top: 0;}
.logo-part {    width: 15%;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover{color: var(--BlueColor);}
.form-style input { border: none;    background: #f2f6ff;    padding: 10px;    border-radius: 5px;}
.form-style button { color: var(--BlueColor);    right: 10px;    top: 9px;}
.whatsapp-btn a{background-color: #0f6359; padding: 10px 20px; border-radius: 5px;}
.slider{padding: 100px 0;}
.content-side-slider span{background-color: #e1e9ff;    padding: 7px 20px;    border-radius: 50px;    font-size: 14px;}
p.heading-title {    font-size: 30px;    display: block;    margin-bottom: 14px;   font-family: var(--Cardo); font-weight: 400;}
.slider-btn a{background: var(--YellowColor); padding: 10px 30px; border-radius: 10px; transition: 0.5s;}
.slider-btn a:hover{background-color: var(--BlueColor);}
color {    background: var(--BlueColor);    padding: 5px 15px; box-shadow: rgba(28, 79, 215, 0.5) 0px 7px 29px 0px;}
.content-side-slider small {    line-height: 35px; text-align: justify;}
.slider {    padding: 50px 0 50px 0;}
.about_content span{font-size: 30px; font-weight: 600; font-family: var(--Montserrat);}
.about_content p {    font-size: 16px;    line-height: 28px;}
.indexing .title span{color: #000; text-align: center; font-size: 21.333px; font-style: 500; line-height: normal;}
.strip-item p {font-family: var(--Montserrat);}
.title-span:before {    content: '';    position: absolute;    bottom: 0;    left: 15px;    display: block;    width: 100%;    height: 10%;    transform: translateY(-75%);    z-index: 10;    transition: max-width 1s ease; background: linear-gradient(90deg, rgba(29, 78, 216, .65) 0, rgba(30, 58, 138, 0) 100%);}
.svg-mode {    position: absolute;    bottom: -2px;    z-index: 99;    width: 100%;}
.aim-img img{border-radius: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-right: 10px solid var(--BlueColor);}
.aim-content .title span{font-family: var(--Cardo); font-size: 35px;}
.aim-content .title span:before {content: '';  position: absolute;  bottom: 0; left: 15px; display: block; width: 100%;    height: 10%;    transform: translateY(-75%);    z-index: 10;    transition: max-width 1s ease;    background: linear-gradient(90deg, rgba(30, 58, 138, .65) 0, rgba(30, 58, 138, 0) 100%);}
.strip-fee{background: var(--BlueColor);}
.strip-item-blues p{font-size: 25px; font-family: var(--Cardo); color: var(--BlueColor);}
.strip-fee {    background: #d6e1ff;}
.index-logo .title span{font-family: var(--Cardo); font-size: 35px;}
.index-logo .title span:before {content: '';  position: absolute;  bottom: 0; left: 15px; display: block; width: 100%;    height:10%;    transform: translateY(-75%);    z-index: 10;    transition: max-width 1s ease;    background: linear-gradient(90deg, rgba(30, 58, 138, .65) 0, rgba(30, 58, 138, 0) 100%);}
.index-logo span{font-weight: bold;}
.index-logo ul li img { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;   background: #fff;    padding: 15px;    min-height: 60px;    border-radius: 10px;}
.our-books-services .title span{font-family: var(--Montserrat); font-size: 35px; position: relative; font-weight: 600;}
.our-books-services .title span:before {content: '';  position: absolute;  bottom: 0; left: 0px; display: block; width: 100%;    height: 10%;    transform: translateY(-75%);    z-index: 10;    transition: max-width 1s ease;    background: linear-gradient(90deg, rgba(29, 78, 216, .65) 0, rgba(30, 58, 138, 0) 100%);}
.floating-whatsapp-container {  position: fixed;  bottom: 50px;  right: 25px;  z-index: 9999;}
.floating-whatsapp-button {  display: flex;  align-items: center;  justify-content: center;  width: 60px;  height: 60px;  background: linear-gradient(135deg, #25D366, #128C7E);  border-radius: 50%;  color: white;  text-decoration: none;  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);  transition: all 0.3s ease;  position: relative;  animation: glow 3s infinite;}
.floating-whatsapp-button:hover {  transform: scale(1.1);  box-shadow: 0 6px 25px rgba(37, 211, 102, 0.6);  background: linear-gradient(135deg, #128C7E, #25D366);}
.floating-whatsapp-button svg {  width: 28px;  height: 28px;  z-index: 2;}
/* Reduced Pulse Animation Rings */
.pulse-ring, .pulse-ring-2 {  position: absolute;  border: 2px solid #25D366;  border-radius: 50%;  animation: pulse-animation-small 2s infinite;  opacity: 0;}
.pulse-ring {  width: 60px;  height: 60px;}
.pulse-ring-2 {  width: 60px;  height: 60px;  animation-delay: 1s;}
.pulse-ring-2:hover{color: #fff;}
@keyframes pulse-animation-small {
0% { transform: scale(1);    opacity: 1;  }
50% { opacity: 0.6;  } 
100% {  transform: scale(1.3);   opacity: 0;  }
}
.book-item img{border-radius: 30px;}
.testimonial .title span{font-family: var(--Cardo); font-size: 35px;}
.testimonial .title span:before {content: '';  position: absolute;  bottom: 0; left: 15px; display: block; width: 100%;    height: 10%;    transform: translateY(-75%);    z-index: 10;    transition: max-width 1s ease;    background: linear-gradient(90deg, rgba(30, 58, 138, .65) 0, rgba(30, 58, 138, 0) 100%);}
.testimonial span{font-weight: bold;}
.main-testimonial p {    line-height: 30px; font-family: var(--Cardo);}
i.set-left {    position: absolute;    left: 0;    font-size: 74px;    z-index: -1;    opacity: 0.1;}
i.set-right {    position: absolute;    right: 0;    font-size: 74px;    z-index: -1;    opacity: 0.1;    bottom: 0;}
/* Faqs */
.faqSection {    display: block;    overflow: hidden;}
.faqSection .headingSection span {    color: #000; font-size: 30px;     font-weight: 600;}
.faqBox {    margin-top: 35px;    display: flex;}
.faqAccordion {    margin: 0 auto;    display: flex;    flex-direction: column;    gap: 10px;  width: 90%;}
.faqItem {    display: block;    background: var(--Blucolor);    border: solid 1px #2d385e1c; overflow: hidden;}
.faqHeader { padding: 15px 50px 15px 15px;    display: block;    font-size: 18px;    font-weight: 500;    cursor: pointer;    position: relative;    color: #333;    border: none;    border-bottom: 1px solid #ccc; font-family: var(--Montserrat);}
.faqHeader em {    width: 26px;    height: 26px;    background: var(--BlueColor);    border-radius: 50px;    position: absolute;    top: 12px;    right: 12px;    display: flex;    align-items: center;    justify-content: center;    transition: 0.3s;}
.faqHeader em:before {    content: "";    width: 14px;    height: 2px;    background: #fff;    display: block;    transition: 0.3s;}
.faqHeader em:after {    content: "";    margin: -1px 0 0 -7px;    width: 14px;    height: 2px;    background: #fff;    display: block;    transform: rotate(-90deg);    position: absolute;    top: 50%;    left: 50%;    transition: 0.3s;}
.faqBody {    display: none;}
.faqBody ul,
.faqBody ol {    margin-top: 10px;    display: flex;    flex-direction: column;    gap: 8px;}
.faqBody ul li,.faqBody ol li {    padding-left: 30px;    position: relative;    color: #666;}
.faqBody ul li:after,
.faqBody ol li:after {    content: "";    position: absolute;    top: 3px;    left: 0;    width: 20px;    height: 20px;    background: url(../images/bullet.svg) no-repeat left top;    background-size: 100%;}
.faqItem.actives .faqHeader em:after {    content: "";    transform: rotate(0deg);    transition: 0.3s;}
.faqItem.actives .faqBody {    padding: 0 15px 15px;    display: block;}
.faqItem.actives .faqBody p {    margin: 0;    color: #666;}
.faqItem.actives .faqBody p ~ p {    margin-top: 15px;}
.faqBody p {    text-align: justify;}
.faqSection .title span{font-family: var(--Montserrat); font-size: 35px;     font-weight: 600;}
.faqSection .title span:before {content: '';  position: absolute;  bottom: 0; left: 15px; display: block; width: 100%;    height: 10%;    transform: translateY(-75%);    z-index: 10;    transition: max-width 1s ease;    background: linear-gradient(90deg, rgba(29, 78, 216, .65) 0, rgba(30, 58, 138, 0) 100%);}
.widget img{width: 30%;}
.widget i {        font-size: 20px;    display: inline-block;    color: rgba(1, 41, 112, 0.5);    line-height: 0;    margin-right: 10px;    transition: 0.3s;}
.widget span{font-size: 20px;}
.widget-two ul li {    line-height: 28px;}
.widget-two span {  color: var(--BlueColor);  font-weight: 500;}
.icon-footer {    width: 6%;    float: left;    text-align: left;}
.widget-last ul {    text-align: left;}
.widget-last ul li {    margin-bottom: 15px;}
.text-footer a {    color: #000;}
.widget-last span {  color: var(--BlueColor);  font-weight: 500;}
.copy-right{background-color: var(--BlueColor);}
.counter-box small {  font-size: 42px;}
.counter-box p {  font-size: 18px;  color: #333;  font-weight: 500;}
.counter-box {    background: var(--BlueColor);    padding: 20px; padding: 15px; border-radius: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.counter-box > span {    font-size: 40px;    color: #fff;}
.tagline{background-color: var(--BlueColor);}
.tagline-side span{font-size: 21px; font-family: var(--Montserrat); text-transform: capitalize; color: #fff;}
.button-side a {    background: var(--YellowColor);    padding: 12px 25px; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.book-item p {    font-size: 17px; display: block;}
/* Downlaod */
.downlaod .title span{font-family: var(--Montserrat); font-size: 28px; font-weight: 600;}
.downlaod .title span:before {content: '';  position: absolute;  bottom: 0; left: 15px; display: block; width: 100%;    height: 10%;    transform: translateY(-75%);    z-index: 10;    transition: max-width 1s ease;    background: linear-gradient(90deg, rgba(29, 78, 216, .65) 0, rgba(30, 58, 138, 0) 100%);}
/* Box */
.box {  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);  padding: 25px;  background: #ffffff;  position: relative;}
.box::before,
.box::after {  content: "";  position: absolute;  left: 0;  bottom: 0;  width: 75px;  border-bottom: 3px solid #dddddd;  border-left: 3px solid #dddddd;  height: 75px;  transition: 0.4s;}
.box::after {  border-left: 0;  border-bottom: 0;  border-top: 3px solid #ddd;  border-right: 3px solid #ddd;  top: 0;  right: 0;  left: auto;}
.box:hover::before,
.box:hover::after {  width: 110px;  height: 40px;  border-color: var(--YellowColor);}
.box h3 {  font-size: 20px;  font-weight: 600;}
strong{font-family: var(--Montserrat);}
.box a {    font-size: 22px;    color: var(--BlueColor);}
.wrap-this span {font-size: 20px; display: block;  margin-top: 10px; color: var(--BlueColor); margin-bottom: 8px;}
.wrap-this {    border-bottom: 1px solid #f1f1f1;    padding-bottom: 15px;}
.wrap-this:last-child{border-bottom: none;}
.content-side-img img{border-radius: 15px;    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
table {  font-family: var(--Montserrat);  border-collapse: collapse;  width: 100%;}
td, th {   font-size: 14px;  text-align: left;  padding: 8px;}
/* tr:nth-child(even) {  background-color: var(--BlueColor);  color: #fff;} */
/* tr:nth-child(odd) { background-color: #f1f1f1;} */
.logo-part img {position: absolute;  width: 6%;  top: 0;}
#toTop {    position: fixed;    bottom: 50px;    right: 25px;    cursor: pointer;    z-index: 9999;    transition: 0.5s;}
.slider-img img{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-right: 10px solid var(--BlueColor); border-radius: 15px;}
img.vector-moved {    position: absolute;    right: 0;    opacity: 0.5;    width: 6%;}
/* img.wave-circle {     position: absolute;    right: 0px;    top: 0;    z-index: -1;    opacity: 0.9;    transform: rotate(90deg);    overflow: hidden;} */
.slider{overflow-x: hidden;}
img.wave-circle {position: absolute; left: 0px; top: 0; z-index: -1; opacity: 0.9; overflow: hidden;}
.breadcumb{background-color: var(--BlueColor);}
img.wave-breadcumb {    position: absolute;    width: 8%;    top: 0;}

.home-filed input {   width: 100%;    height: 45px;    padding-left: 15px;    border: 1px solid #ccc; border-radius: 5px;}
.home-filed select {  color: #555;  width: 100%;    height: 45px;    padding-left: 15px;    border: 1px solid #ccc; border-radius: 5px;}
.home-filed textarea{width: 100%; height: 100px;    padding-left: 15px;    border: 1px solid #ccc; border-radius: 5px; resize: none;} 
.home-filed {    margin-bottom: 15px;}
.home-filed button{background: var(--BlueColor); padding: 8px 35px; border-radius: 10px;}
.submission_form {background: var(--YellowColor); border-radius: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
/* .img-border img {  border: 2px solid var(--YellowColor); padding: 5px;  background-color: white; border-radius: 100px;    width: 20%;} */
.editorial-content ul li {    font-size: 12px; margin-bottom: 5px;}
.editorial-board_img {    width: 32%; margin-bottom: 30px; background: #fff;}
.editorial-content small{background-color: #d6e1ff; padding: 5px 10px; border-radius: 50px; font-size: 10px;}
.editorial-board_img{ box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;    padding-left: 15px;    padding-top: 15px;    padding-bottom: 15px;    border: 1px solid #f1f1ff;    border-radius: 15px;}
.instructions-content-loop span {    font-size: 22px;    font-weight: 400;    display: block;    margin-bottom: 12px;    margin-top: 12px;}
.instructions-content-loop ul li {    list-style-type: disc; padding-bottom: 10px;}
.instructions-content-loop ul  {padding-left: 15px;}
.instructions-content-loop p  {padding-top: 10px; padding-bottom: 10px;}
.instructions-content-loop small {    font-weight: 500;    font-size: 18px;    display: block;    margin-bottom: 15px;}
.single-contact-info .contact-icon {    height: 80px;    width: 80px;    background: var(--BlueColor);    border-radius: 50%;    display: inline-flex;    align-items: center;    justify-content: center;    margin-bottom: 20px;}
.single-contact-info.bg-light {    text-align: center;}
.contact-page .contact-form input, .contact-page .contact-form textarea {    border-radius: 0;    margin-bottom: 20px;    width: 100%;    border: 1px solid #ccc;    outline: none;    border-radius: 5px;    padding: 10px 20px;    resize: none;}
.contact-page .contact-form button[type=submit] {  background: var(--YellowColor);    border: none;    color: #fff;    text-transform: uppercase;    letter-spacing: 1px;   padding: 10px 0;    border-radius: 10px;    width: 30%;    margin: 0px auto;}
.contact-form{border-radius: 30px;}
.contact-form textarea{height: 100px;}
.contact-form {    background: #d6e1ff;}
.heading-large_pattern a{font-size: 20px; color: var(--BlueColor); text-decoration: underline;}
.full-width-archives span{background-color: var(--BlueColor); display: block; padding: 15px 15px; border-radius: 10px; font-size: 25px; text-align: center; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.full-width-archives p{font-size: 20px;}
.archives_div a {    background: var(--YellowColor);    display: block;    padding: 10px 15px;    border-radius: 8px; font-size: 18px;}
.logo-part img {    position: absolute;    width: 8%;    top: 0;    background: #fff;    border-radius: 100px;}
.strip-fee ul li {    font-size: 16px;}
.slider .title span{font-family: var(--Montserrat); font-size: 33px; font-weight: 600;}
.slider .title span:before {content: '';  position: absolute;  bottom: 0; left: 15px; display: block; width: 100%;    height: 10%;    transform: translateY(-75%);    z-index: 10;    transition: max-width 1s ease;    background: linear-gradient(90deg, rgba(29, 78, 216, .65) 0, rgba(30, 58, 138, 0) 100%);}
.serial_number table ul li {    line-height: 28px;}
.serial_number table ul li:last-child {    display: inline-flex;}
.serial_number table ul li:last-child a{margin-right: 5px; padding-right: 5px;}
.serial_number table ul li:last-child p{margin-right: 5px; padding-right: 5px;}
table,th,td {    border: none}
table {    width: 100%;    display: table;    border-collapse: collapse;    border-spacing: 0;}
table.striped tr {    border-bottom: none;}
table.striped>tbody>tr:nth-child(odd) {    background-color: rgba(242,242,242,0.5);}
table.striped>tbody>tr>td {    border-radius: 0;}
table.highlight>tbody>tr {    -webkit-transition: background-color .25s ease;    transition: background-color .25s ease;}
table.highlight>tbody>tr:hover {    background-color: rgba(242,242,242,0.5);}
table.centered thead tr th,table.centered tbody tr td {    text-align: center;}
tr {    border-bottom: 1px solid rgba(0,0,0,0.12);}
td,th {    padding: 15px 5px;    display: table-cell;    text-align: left;    vertical-align: middle;    border-radius: 2px;}
.body {    margin-bottom: 8px;}
.content-abstract p {    text-align: justify;    line-height: 22px;}
.width-setup img {    width: 100%;  border: 2px solid #f1f1f1;    padding: 2px;}
.width-setup {    width: 20%;}
.content-side {    width: 75%;}
.editorial-content {    width: 90%;    float: right;}
.editorial-content span {    font-size: 14px;    display: block;    margin-bottom: 7px;}
.about_content p {    text-align: justify;}
.add-new-strip ul li {    font-size: 18px;}
.contact-bg-item span {    font-size: 22px;    font-weight: 500;}
.img-srink {     background: #d6e1ff;    padding: 12px 8px;    border-radius: 50px;    text-align: center;}
.contact-bg-item {    border-radius: 50px;}
.contact-bg-item img {    width: 72%;    margin: 0px auto;}


.archive-accordion {  max-width: 400px;  margin: auto;  font-family: Arial, sans-serif;}
.archive-item {  border-bottom: 1px solid #ccc;}
.archive-title {  padding: 15px;  cursor: pointer;  background: var(--BlueColor);  color: #fff;  font-weight: bold;}
.archive-title:hover {  background: #222;}
.archive-content {  max-height: 0;  overflow: hidden;  transition: max-height 0.4s ease;  background: #f8f8f8;}
.archive-content a {  display: block;  padding: 12px;  text-decoration: none;  color: #000;  border-top: 1px solid #ccc;}
.archive-content a:hover {  background: #eaeaea;}

.opne-type {    margin-bottom: 20px; border-radius: 15px;}
.opne-type ul li{margin-bottom: 15px;}
.opne-type span {    display: block;    text-align: center;    font-size: 22px;    font-weight: 600;    margin-bottom: 20px;}

.opne-type p {    text-align: justify;}

p.text-type {    font-size: 20px;    font-weight: 500;}
.menuscript a {    font-size: 20px;}

.blues-item p {    font-size: 18px;}
/* Fixed side button */


/* Fixed side button */
a.fixed-manuscript {
    position: fixed;
    right: 45px;
    top: 50%;
    transition: 0.5s;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: right top;
    background-color: var(--BlueColor);
    color: #fff;
    padding: 12px 20px;
    text-decoration: none;
    font-weight: bold;
    font-family: var(--Montserrat);
    border-radius: 5px 5px 0 0;
    z-index: 9999;
}

a.fixed-manuscript:hover {
    background-color: var(--YellowColor);
}