@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);}

.instructions_inner ul li { list-style-type: disc; }

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 10px;    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);}

header .form-style { position: relative; }

.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; width: 100%;}

.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%;    padding: 11px 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: 90px;    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);}
.about_content p {    margin-bottom: 15px;}
p.absolute-top {    position: absolute;    bottom: 0;    left: 85px;      background-color: var(--BlueColor); color: #fff;    padding: 10px 30px;    font-size: 25px;}
.form-style {  position: relative; width: 25%; }
#search_input {width: 100%;  padding: 10px 40px 10px 10px;  border-radius: 5px; }
.form-style button { right: 10px;  top: 50%;  transform: translateY(-50%); cursor: pointer;}
.search_box {  position: absolute; width: 100%; background: #fff; border: 1px solid #ddd;  border-radius: 5px; margin-top: 5px; max-height: 200px;  overflow-y: auto;   display: none;   z-index: 999; }
.search_box ul {  list-style: none;  padding: 0; margin: 0; }
.search_box ul li {padding: 10px; cursor: pointer; }
.search_box ul li:hover {  background: #f2f2f2;}
.search_box ul li:last-child{border: none !important;}

.search_box a{color: #000;}
.search_box p{  white-space: normal;    word-wrap: break-word;     overflow-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2;    line-clamp: 2;    -webkit-box-orient: vertical;  overflow: hidden; margin-bottom: 10px; font-size: 13px; font-weight: 500;}


.search_box::-webkit-scrollbar {  width: 10px;}
.search_box::-webkit-scrollbar-track {  background: #f1f1f1;}
.search_box::-webkit-scrollbar-thumb {  background: #888;}
.search_box::-webkit-scrollbar-thumb:hover {  background: #555;}

.ab_home {
    padding: 50px 0;
}
.ab_text p {
    margin-bottom: 8px;
}
.ab_text ul li {
    margin-bottom: 15px;
    list-style-type: disc;
}
.ab_text ul {
    padding-left: 15px;
}