@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap');
*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Bitter', serif !important; }
a{text-decoration: none;color: #000;}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #EDEDED; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--maincolor); }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset ;
    -webkit-text-fill-color: #393939 !important;
    transition: background-color 5000s ease-in-out 0s; /* Optional: adds a smooth transition */    
}



.search-container-inner input:-webkit-autofill,
.search-container-inner input:-webkit-autofill:hover,
.search-container-inner input:-webkit-autofill:focus,
.search-container-inner input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px #fffaf7 inset ;
}

.contact-details input:-webkit-autofill,
.contact-details input:-webkit-autofill:hover,
.contact-details input:-webkit-autofill:focus,
.contact-details input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px #fff inset ;
}



:root {
  --maincolor: #F39314;
  --text-color: #393939;
  --heading-color: #1D1C1C;
  --card-bg: #F1FAFF;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol, ul {
    padding-left: 1rem;
}

b, strong {
    font-weight: bolder;
}

@font-face {font-family: Nirmala; src: url(../fonts/Nirmala.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

body{color: var(--text-color);-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;background-color: #FFFAF7;}

/***********************************HEADER CSS STARTS****************************/
/* .hero{height: 300px;width: 100%;background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(./images/home-bnr.webp);background-position: center;background-size: cover;} */
.navbar{display: flex;align-items: center;justify-content:center;padding: 0px 13%;/*background: linear-gradient(white, rgba(255,255,255,0.6) 60%, transparent);*/
    background-color: #0000002E;position: absolute; top: 0; right: 0; left: 0; z-index: 100;}
/*.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }*/
.nav-link-cont{display: flex;gap: 40rem; align-items: center;}
.logo{font-size: 54px;font-weight: 600;/*background-color: rgba(0,0,0,0.7);*/padding: 10px;}
.logo a{color: var(--maincolor);}
.nav-links{display: flex;list-style: none;gap: 2rem;padding-left: 0;margin-bottom: 0;}
/* .nav-links li.nav-active { display: none; } */
.nav-links li a{font-size: 18px;color: #fff;font-weight: 500;text-transform: capitalize;white-space: nowrap;}
.nav-links li a:hover{color: var(--maincolor); transition: 0.3s;}
.nav-icons{display: flex;gap: 5px;align-items: center;}
.search-btn{border: none;background-color:transparent ;color: var(--maincolor);/*width: 42px; height: 42px;*/margin-left: 2rem;cursor: pointer;}
.search-btn i{color: var(--maincolor);font-size: 20px;}
.menu-toggle{display: none; border: none;background: transparent;color: var(--maincolor);font-size: 25px;cursor: pointer;}

/* HAMBURGER ANIMATION CSS*/
.hamburger{background: transparent; padding: 10px; width: 42px; height: 58px;}
.hamburger .line{ width: 26px; height: 3px; background-color: #fff; display: block; margin: 6px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.hamburger:hover{ cursor: pointer; }
.hamburger .line:nth-child(2){/*width: 14px; margin-right: 5px;*/ margin-left: auto;}

#hamburger-6.is-active{ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#hamburger-6.is-active .line:nth-child(2){ width: 0px; }

#hamburger-6.is-active .line:nth-child(1), #hamburger-6.is-active .line:nth-child(3){ -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

#hamburger-6.is-active .line:nth-child(1){ -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); }

#hamburger-6.is-active .line:nth-child(3){ -webkit-transform: translateY(-8px) rotate(85deg); -ms-transform: translateY(-8px) rotate(85deg); -o-transform: translateY(-8px) rotate(85deg); transform: translateY(-8px) rotate(85deg); }

/* HAMBURGER ANIMATION CSS ENDS*/

/*Overlay css*/
/*.search-overlay{display: none; position: fixed; top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: 99999;justify-content: center;align-items: center;transition: all 1s ease-in-out;}
.search-overlay.active{display: flex;}
.search-box{position: fixed;transform: translateX(-400px);transition: transform 0.5s ease-in-out;}*/
/* .search-overlay.active .search-box{left: 20px;} */
/*.search-box input{padding:5px;font-size: 20px;width: 65vw;border: none;outline: none;border-bottom: 1px solid #dddddd;background: transparent;color: white;text-align: center;}
.search-box input::placeholder{color: #aaa;font-weight: 200;font-size: 18px;}
.close-btn { position: relative; right: -26px; top: 1.2rem; transform: translateY(-50%); font-size: 55px; color: #fff; cursor: pointer; padding-left: 10px; }
*/
/**************************************HEADER CSS ENDS****************************/

.ins-bnr-con{position: relative; height: 30vh; min-height: 420px; overflow: hidden; aspect-ratio: 16 / 3; width: 100%;}
.ins-bnr-con img{height: 100%; width: 100%; object-fit: cover; filter: brightness(0.8); display: block;}

/*******************Main Page Heading CSS*********************************/
.top-heading{text-align: center;font-size: 45px;font-weight: 400;margin-top: 55px;padding: 0 22px 10px;color: var(--heading-color);}
.top-heading span{color:var(--maincolor);font-weight: 600;}
.top-subhead{text-align: center;font-size: 20px;font-weight: 400;color: var(--heading-color);margin-bottom: 20px;padding: 0 22px;}
.no-result{font-size: 20px;padding-bottom: 3rem;}
/*******************************Main Page Heading CSS Ends****************/

/***************Page content CSS starts**********************/
.text-container{padding: 1rem 12rem 4rem;display: flex;justify-content: center;gap: 1.5rem;transition: all 0.3s ease-in-out;}

/****LEFT SIDE FILTERS****/
.left-cont{width: 15%;/*margin-top: 5.8rem;*/height: auto;align-self: flex-start;position: sticky;top: 10px;z-index: 1000}
.left{transition: width 0.3s ease-in-out;padding: 13px 13px 13px 10px;border-radius: 10px;border: 1px solid rgba(243, 147, 20, 0.2);}
.selected-filters{display: flex;list-style-type: none;padding-bottom: 15px;flex-wrap: wrap;gap: 10px;flex-shrink: 0;}
.selected-filters-mob{display: none;}
.selected-tag-wrapper{font-size: 14px; font-weight: 400; color: var(--text-color); border: 1px solid #FADDB6; border-radius: 3px; display: flex ; justify-content: center; align-items: center; padding: 1px 3px; gap: 2px; }
/*.selected-filters .cross-icn{position: relative; top: -10px; left: 3px;}*/
.selected-tag-wrapper a .cross-icn{color: var(--maincolor);position: relative;top: 1px;}
/*.filter-curtain { position: fixed; top: 0; left: -100%; height: 100vh; z-index: 999; transition: left 0.3s ease-in-out; background: #fff; }*/
/* When curtain is open */
/*.filter-curtain.open { left: 0; }*/
/* Close button styling */
.close-filter { display: none; background: none; border: none; cursor: pointer; margin-bottom: 0px; margin-left: auto; margin-right: 0; }
/* Mobile-only filter button */
.mob-btn-section{padding: 15px 16px; background: #fffaf7;display: flex;justify-content: space-between;align-items: center;top: 8.2rem;position: relative;display: none;}
.filter-toggle-btn { display: none; position: relative;/* top: 28.5rem; left: 15px;*/ z-index: 1000; background: #fff; color: #000; border: none; padding: 5px 12px; border-radius: 5px; font-weight: 400; font-family: 'Bitter', serif; font-size: 15px; line-height: 19.2px; cursor: pointer; border: 1px solid #00000042; }
.filter-toggle-btn img{width: 15px;height: auto;position: relative;top: 2px;}
/* .filter-fixed { position: sticky;top: 0 !important; z-index: 1; transition: all 0.3s ease-in-out; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -6px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } */
.filter-fixed{
    position: fixed;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -6px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    transition: all 0.5s ease-in-out;
    margin: auto;
    animation: 800ms ease 0s 1 normal none running slideInDown;
}
.filter-container{max-height: calc(100vh - 183px); overflow-y: auto; overflow-x: hidden;}
.filter-container::-webkit-scrollbar { width: 3px; }
.filter-category{border-bottom: 1px solid #E3E3E3;/*padding: 10px;*/margin: 0 8px;}
.filter-category:last-child{border-bottom: none;}
.category-header{margin-top: 8px;font-weight: 500;font-size: 15px;white-space: nowrap;line-height: 22.8px;/*display: flex;align-items: center;justify-content: space-between;*/cursor: pointer;color: var(--heading-color);}
.category-header i{cursor: pointer;}
.filter-name{display: flex;align-items: baseline;align-items: center;}
.filter-options{margin-top: 5px;}
.filter-options label{display: block;margin: 0;cursor: pointer;font-size: 14px; font-weight: 400;line-height: 33px;}
.filter-options input{cursor: pointer;margin-right: 10px;}
.post-count{color: var(--maincolor);font-size: 13px;font-weight: 400;padding-left: 5px;}
/* .more-filter-options .filters{height:auto;} */
/* .more-filter-options .more-filters { height: 57px; overflow: hidden; } */
/*.toggle-more { color: rgba(0,0,0,0.7); cursor: pointer; margin-top: 5px; font-size: 15px;line-height: 24.31px;font-weight: 300; }*/
/*.tags-container{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 8px;margin-bottom: 15px;}
.tags-container input[type="checkbox"]{display: none;}
.tags{padding: 0 15px;border-radius: 10px;background:#FFF;border: 1px solid #DDD2D2;transition: 0.3s ease-in-out;color: #464444;font-weight: 400;font-size: 16px;line-height: 35px;}
.tags-container input[type="checkbox"]:checked + .tags{background: #F3931430;border: 1px solid var(--maincolor);}*/
/*.search-tags{padding-left: 0;}*/

@keyframes slideInDown{
  0%{
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
}
}

/****LEFT SIDE FILTERS END****/

/***********MIDDLE CONTENT BLOCK CSS************/
.middle{position: relative;width: 47%;transition: width 0.3s ease-in-out;margin-bottom: 5rem;}

/****Inscription Search Bar & select dropdown****/

.select-drp-cont {display: flex ; justify-content: space-between; gap: 10px; margin: 0 auto; width: 50%; }
.custom-select {position: relative; width: 210px; }
.selected {background: #fffaf7; padding: 12px 10px; border: 1px solid #dddddd; cursor: pointer; border-radius: 7px; outline: none;
    -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; font-weight: 400; color: var(--text-color); }
.options {display: none; position: absolute; top: calc(100% - 35px); left: 0; background: #fffaf7; border: 1px solid #dddddd; 
    border-radius: 7px; outline: none; width: 100%; padding: 5px 15px; font-size: 16px; font-weight: 400; color: var(--text-color); line-height: 36px; cursor: pointer; z-index: 100000; }
.options div{border-bottom: 1px solid #dbdbdb8c;}
.options div:last-child{border-bottom: none;}
.custom-select.open .options {display: block; }

/*Search Bar*/
#search-inscription-form{width: 76%;position: relative;}
.search-container{position:relative;display: flex;justify-content: space-between;border: 1px solid #dddddd;border-radius: 7px;margin-bottom: 41px;align-items: center;padding: 1.5px 10px;background:#fffaf7;width: 100%;max-width: 100%;margin-left: auto;margin-right: 0;}
.search-box-inscription{position: relative;width: 68%;}
.search-container-inner{position: relative;
     position: relative;
    display: inline-flex;
    align-items: center;
    border: none;
    width: auto;
    max-width: 100%;
    background: #fffaf7;}
.search-container input{    width: 100%;background: #fffaf7;border: none;outline: none;padding: 5px 35px 5px 0px;text-align: left;color: var(--text-color);font-size: 16px;font-weight: 400;line-height: 30px;}
.search-container input::placeholder{color: var(--text-color);font-size: 16px;font-weight: 400;line-height: 43.88px;}
.search-icn{position: absolute; right: 25px; /*top: 3px;*/ border-radius: 50%; background: #ededed; width: 32px; height: 32px;}
.search-icn img{width: 62%;position: relative; top: 6px; left: 6px;}
.clear-btn {
    position: absolute;
    right: 0%;
    cursor: pointer;
    color: var(--maincolor);
    display: none; /* initially hidden */
}
.enter-btn {
    position: absolute;
    top: 17%;
    right: 10%;
    cursor: pointer;
  /*  padding: 8px;*/
    /*background: #EFEFEF;*/
    border-radius: 6px;
    display: none;
}
.enter-btn p{
    font-size: 13px;
   color: #747371;
   margin-bottom: 0;
  margin-left: 6px;
}
.dwn-icn{
  font-size: 14px;
   color: #B5B4B3;
}


.clear-btn i{color: var(--maincolor);}

.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.input-wrapper input {
  width: 100%;
  padding-right: 2rem; /* leave space for the X */
}

.input-wrapper .clear-x {
  position: absolute;
  right: 8px;      /* stays inside input edge */
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--maincolor);
  cursor: pointer;
  display: none;   /* show only when text entered */
}

/******SEARCH SUGGESTIONS******/
.suggestions-box-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 51%;
    padding: 8px 0 7px 0;
    height: 368px;
    z-index: 9999;
    background: #fffaf7;
    border-radius: 7px;
    border: 1px solid #ddd;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: none;
}
 .suggestions-box {width: 100%; background: #fffaf7; max-height: 350px; overflow-y: auto; border: none; }
 .suggestions-box .suggestion {padding: 7px 10px; margin: 2px 0; border-bottom: 1px solid #ddd; cursor: pointer; }
 .suggestions-box .suggestion:last-child{border-bottom: none;}
 .suggestions-box .suggestion:hover {background: #f8ede6; }
 .suggestions-box .suggestion .snippet {font-size: 12px; }
 .suggestions-box .suggestion strong{font-weight: 600;color: var(--heading-color);}

 .algolia-attribute{display: none !important; font-size: 13px; color: #808080; padding: 8px; display: flex; justify-content: flex-end}
 .algolia-logo{width: 58px; height: auto; position: relative; top: 2px; padding-left: 0px;}

/********Dynasty Intro**********/
.dynasty-intro{background: #FADDB761; border-radius: 10px;padding: 35px;text-align: left;margin-bottom: 40px;}
.dynasty-head{font-size: 23px; font-weight: 500;line-height: 40.35px;color: var(--heading-color);margin-bottom: 0;}
.dynasty-details{font-size: 15px;line-height: 24px;font-weight: 400;color: var(--text-color);padding-bottom: 10px;}

.dynasty-read-more{display: flex;justify-content: flex-end;color: var(--maincolor);text-decoration: underline;text-underline-offset: 4px;cursor: pointer;}
.show-moredynasty-height {
    max-height: 120px;
    overflow: hidden;
}

.dynasty-details-container {
    transition: max-height 0.4s ease;overflow: hidden;
  max-height: 120px;  
}

.view-more-dynasty{display: flex;justify-content: flex-end;}
.view-more-dynasty a{color: var(--maincolor);text-decoration: underline;text-underline-offset: 4px;}



.article{border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 8px;padding: 35px 0 0;border: 1px solid rgba(243, 147, 20, 0.2);margin-bottom: 40px;}
.content-cont{padding: 0 35px;}
.minitags{font-style: italic;color: var(--maincolor);font-size: 15px;line-height: 22.5px;font-weight: 500;}
.article-head{font-size: 25px;font-weight: 600;line-height: 35px;color: var(--heading-color);padding-bottom: 5px;}
.article-subhead{font-size: 16px; font-weight: 400; color: var(--text-color);padding-bottom: 8px;line-height: 28px;}
.tag-list{border-bottom: 1px solid #dddddd;padding: 5px 0 15px;margin-bottom: 20px;}
.tag-list ul{display: flex;list-style: none;justify-content: flex-start;gap: 7px;padding-left: 0; margin-bottom: 0;flex-wrap: wrap; }
.tag-list ul li{font-size: 13.5px;font-style: italic;color: var(--text-color);border-right: 1px solid #dddddd;padding: 0 5px 0 0;font-weight: 400;line-height: 22.5px;}
.tag-list ul li:last-child{border-right: none;}
.tag-list ul li a{color: var(--text-color);}
.subhead{font-size: 18px;line-height: 45px;font-weight: 600;color: var(--maincolor);}
.art-outer{padding-bottom: 15px;}
.article-content{font-weight: 400;font-size: 1rem;line-height: 1.875rem;color: var(--text-color) !important;/*margin-bottom: 25px;*/padding-left: 0;}
.article-intro{font-weight: 400;font-size: 1.15rem;line-height: 1.875rem;color: var(--text-color) !important;padding-left: 0;text-align: left;}
.article-intro p{margin-bottom: 0;line-height: 1.875rem;font-size: 1rem;}
.article-intro p span{line-height: 1.875rem !important; font-size: 1rem !important;}
.text-head{font-weight: 500;font-size: 16px;line-height: 23px;}

.button-cont{display: flex ; align-items: center; justify-content: flex-start; gap: 5px; padding-left: 20px;}
.button-cont .tab.active{background:#FFF2E2;color: var(--maincolor); }
.original-btn{background-color: #FEF9F2;color: #FFCC8D;font-size: 15px;padding: 5px 15px; border-radius: 5px; width: fit-content; line-height: 25px;cursor: pointer;}

.translation-box{display: none;padding: 12px;margin: 0 0 15px;border: 1px solid #D0D0D0; border-radius: 7px;}
.translation-box[data-tab="tab1"] {
    display: block; /* show first tab's content */
}
.full-view-btn {
    position: relative;
    background: #FFFAF7;
    color: var(--maincolor);
    border: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 28px;
    cursor: pointer;
    overflow: visible;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: all 0.3s ease-in-out;
}
.full-view-btn:hover{color: #E88503;}
.full-view-btn .btn-right-arrow{display: inline-block;  margin-left: 4px; position: relative;top: 5px;transform: translateX(0); transition: transform 0.3s ease-in-out;}
.full-view-btn:hover .btn-right-arrow, .full-view-btn:focus .btn-right-arrow{transform: translateX(3px);}

.full-view-btn .btn-right-arrow img {
  display: block;
  width: auto;
  height: auto;
  transition: transform 0.3s ease;
}
.full-view-btn:hover .btn-right-arrow img {
  transform: translateX(3px);
}

/*.full-view-btn span.icon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%) translateX(10px); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; color: var(--maincolor); background: #fff; border-radius: 50%; font-size: 12px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.full-view-btn span.icon i { position: relative; top: 0.5px; }*/
/*.full-view-btn:hover .text { transform: translateX(-10px); }*/
/*.full-view-btn:hover .icon { transform: translateY(-50%) translateX(0); opacity: 1; }*/

.lifted-sub{position: relative; top: -22px; background: #FFF2E2; padding: 7px; border-radius: 5px; width: fit-content; line-height: 25px;}

/**tag container below article***/
.btn-tag-cont{display: flex;justify-content: space-between;align-items: center;margin-bottom: 35px;}
.tag-cont-2{display: flex;justify-content: flex-start;gap: 10px;align-items: center;width: 60%;}
.tag-names{border-radius: 6px;padding: 1px 5px;font-size: 13px;font-weight: 400;color: var(--text-color);border: 1px solid var(--maincolor);}
.tag2-head{border: none;font-size: 14px;color: var(--text-color);}
.tag2-wrapper{display: flex ; justify-content: flex-start; align-items: center; flex-wrap: wrap;gap: 6px;}

/* wrapper + label */
.toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    /*padding-left: 9px;*/
    padding-bottom: 15px;
}

.toggle-label {font-size: 15px;font-weight: 400;}

/**toggle button***/
.toggle-btn-container{display: flex;justify-content: flex-start;align-items: center;gap: 5px;}

.translation-box ul{margin-bottom: 0;}
.script-lines{line-height: 1.875rem;list-style: none;height: 420px;overflow: auto;/*scrollbar-color: var(--maincolor) #c2c9d2;  scrollbar-width: thin;*/padding-left: 0;text-align: left;}
.script-lines p{line-height: 1.875rem;padding-right: 15px;}
.script-lines p span{font-size: 1.15rem !important;color: var(--text-color) !important;}
.original-text li, .original-text ol li, .original-text ol li span, .original-text p, .original-text p span, .original-text{text-align: left !important;line-height: 1.875rem !important; font-size: 1rem !important;color: var(--text-color) !important;}

.script-lines li{padding-right:5px;margin-bottom: 1rem;line-height: 1.875rem;color: var(--text-color) !important;list-style-type: none;}
.script-lines li b{font-weight: 600;color: var(--text-color);}
.editor-comment{display: flex;flex-direction: column;justify-content: space-between;gap: 15px;align-items: flex-start;background: #FFF9F0;padding: 25px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.edit-icn{position: relative;top: 8px;padding-right: 10px;}
.e-heading{font-weight: 500;font-size: 18px;line-height: 20.4px;white-space: nowrap;text-align: left;}
.e-comment{font-weight: 400;font-size: 15px;line-height: 25px;}
/*.article-2 .translation-box{margin-top: 45px;}*/
.translation-box-original{transition: all 0.5s ease-in-out;display: none;}
.translation-box-original.show-box{display: block;}
.original-script-box{padding: 35px;}
.see-original-btn{margin-left: auto;margin-right: 0;display: block;border: none;border:none;outline: none;cursor: pointer;
  font-size: 18px;font-weight: 600;line-height: 45px;color: var(--maincolor);background: #fff;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 12px;margin-bottom: 15px;}
.see-original-btn .icon{position: relative;top: 7px;left: 7px;}
.lang-btn-container{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}

/*.original-txt-btn{background: linear-gradient(to bottom, var(--maincolor), #FD9D20); color: #fff; padding: 10px 20px; border-radius: 3px; border: none; font-weight: 600; font-size: 16px; 
  line-height: 23px;width: 170px;text-align: center;cursor: pointer;}*/

/*.original-txt-btn.active{background: #FFF2E2;color: var(--maincolor);}*/

.original-text{list-style: none;height: 384px;overflow: auto;padding-left: 0; margin-bottom: 0;overflow-wrap: break-word;padding-right: 5px;display: none;}
.meter-devnagari, .meter-devnagari p, .meter-devnagari span, .line-devnagari, .line-devnagari p, .line-devnagari span{font-family: "Nirmala" !important;line-height: 1.875rem !important;}
.meter-roman p, .meter-roman p span, .meter-roman{line-height: 1.875rem !important;}
.devnagari{display: none;}
.roman{display: block;}
/*.roman-text{display: none;}*/
.original-text .text-head{font-weight: 600;font-size: 16px;line-height: 45px;color: var(--heading-color);}
.original-text li{font-weight: 400;font-size: 1.15rem;line-height: 1.875rem;margin-bottom: 1rem;}
.original-text li b{color: var(--text-color); font-weight: 600;}


/***********scanned modal***********/

.modal-content-scanned.is-loading { visibility: hidden; }
.modal-content-scanned { transition: visibility 0.05s; }
.modal-overlay {display: none; position: fixed;z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5); animation: slideUp 0.5s ease-in-out; }
.modal-content-scanned {background-color: #fefefe; margin: 3% auto 0; padding: 30px 30px 0px; border: 1px solid #888; width: 565px; max-width: 100%; position: relative; height: 804px; overflow-y: auto; text-align: center; }
.modal-content-scanned img{width: 100%; height: 718px; object-fit: contain;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.close-button {color: #000; font-size: 24px; font-weight: 500; cursor: pointer; display: flex; justify-content: flex-end; position: absolute; top: 0px; right: 7px; }
.close-button:hover, .close-button:focus {text-decoration: none; cursor: pointer; }
.navigation-btns {display: flex; position: relative; top: 30px; position: absolute; left: 10px; gap: 12px; z-index: 10; width: 20%; padding: 0 20px; }
.navigation-btns span {font-size: 14px;cursor: pointer;}
.navigation-btns .swiper-button-prev, .navigation-btns .swiper-button-next{color: #000!important;height: 16px;cursor: pointer;display: flex;align-items: center;transition: 0.3s all ease-in-out;}
.navigation-btns .swiper-button-prev:hover, .navigation-btns .swiper-button-next:hover{color: var(--maincolor) !important;}

/* Full-cover loader overlay */
.modal-loader {position: absolute; inset: 0; /* top:0; left:0; right:0; bottom:0 */ background: rgba(255, 255, 255, 0.9); display: flex; align-items: center; justify-content: center; z-index: 50; display: none; /* hidden by default */ }

/* Spinner */
.modal-loader .spinner {width: 45px; height: 45px; border-radius: 50%; border: 4px solid rgba(0, 0, 0, 0.1); border-top-color: rgba(0, 0, 0, 0.7); animation: spin 1s linear infinite; }

/* Spinner animation */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Blur + disable swiper & buttons when loading */
.modal-content-scanned.is-loading .mySwiper, .modal-content-scanned.is-loading .navigation-btns {filter: blur(1px); pointer-events: none; user-select: none; }

/***********MIDDLE CONTENT BLOCK CSS ENDS*****************/

/********************RIGHT RELATED LINKS CSS*************/
.right{visibility: visible;width: 17%;overflow: hidden;transition: all 0.5s ease-in-out;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-radius: 10px;border: 1px solid rgba(243, 147, 20, 0.2);background: #FFFAF3;padding: 10px;/*margin-top: 5.5rem;*/position: sticky;top: 10px;height: fit-content; }
  .index-header{display: flex;justify-content: space-between;align-items: baseline;}
.index-btn{background: #FFF3E3;border: 1px solid #F3931469;border-radius: 7px;padding: 8px 10px;display: none;right: 0;width: 80px;}
.index-btn.show{display: block;height: fit-content;position: relative;/*top: 28.5rem;*/right: 4px;z-index: 9999;}
.right.visible{width: 20%;visibility: visible;padding: 25px 15px;}
.right-heading{font-size: 15px;font-weight: 500;line-height: 28px;}
.search-word-count{font-size: 13px;font-weight: 400; color: var(--text-color);padding-bottom: 10px;}
.searched-word{font-weight: 500; color: var(--text-color);}
.search-word-count-num{color: var(--maincolor);font-weight: 600;}
.search-word-count-main-span{display: none;}
.related-links-container{height: 375px;overflow: auto;}
.related-links-container::-webkit-scrollbar { width: 3px; }
.related-links, .related-links-2{display: flex;justify-content: flex-start;gap: 5px;border-bottom: 1px solid #F0E6D8;padding: 5px;}
.related-links:last-child, .related-links-2:last-child{border-bottom: none;}
.related-links img, .related-links-2 img{width: 13px;height: auto;}
.related-links a, .related-links-2 a{font-size: 14px;font-weight: 400;line-height: 22px;color: var(--text-color);}
.link-active, .content-link-active {color: var(--maincolor) !important;}
.index-close { display: none; background: none; border: none; cursor: pointer; margin-bottom: 10px; margin-left: auto; margin-right: 0; }
.index-close img{width: 16px;height: 16px;}
/********************RIGHT RELATED LINKS CSS ENDS******************/

/*****LOADMORE********/
.load-more { position: absolute; bottom: -2.5rem; left: 42%; transform: translate(50%, 0);display: none;}
.loader { border: 5px solid #f3f3f3; border-top: 5px solid var(--maincolor); border-radius: 50%; width: 40px; height: 40px; animation: spin 2s linear infinite; }

.load-more-2{position: absolute; top: 0; left: 50%;transform: translate(-50%, -50%);display: none;}
.load-more-3{position: absolute; display: none;z-index: 1;bottom: 1.5rem; top: 34%;left: 50%;transform: translate(-50%, -50%);}
.load-more-4 {position: absolute; z-index: 1; bottom: 1.5rem; top: 100%; left: 50%; transform: translate(-50%, -50%); display: none; } @keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/***********************INDIVIDUAL INSCRIPTION CSS**************************/
.details-page-bnr-con{position: relative; height: 30vh; min-height: 420px; overflow: hidden; aspect-ratio: 16 / 3; width: 100%;}
.details-page-bnr-con img{height: 100%; width: 100%; object-fit: cover; filter: brightness(0.8); display: block;}
.detail-page-header{position: relative;}
.page-close-btn{display: none; position: absolute;right: 20px;top: 3px;background-color: #F3EAE5;padding: 3px;border-radius: 4px;cursor: pointer;}

.page-close-container.pg-close-fixed {
    position: fixed !important;
    right: 0 !important;
    z-index: 9999;
    background-color: #fffaf7;
    width: 100%;
    padding: 13px 0;
    display: none;
}



.swiper-button-next svg, .swiper-button-prev svg {
    width: 80% !important;
    height: 80% !important;
  }
.page-close-btn-icn{color: var(--maincolor);position: relative;top: 2px;height: 20px;width: 22px;}
.det-top-heading{text-align: center;font-size: 45px;font-weight: 400;margin-top: 50px;padding: 0 22px 10px 22px;color: var(--heading-color);}
.det-top-subhead{text-align: center;font-size: 20px;font-weight: 400; padding: 0px 22px 35px; color: var(--text-color);line-height: 28px;}
.main-wrapper{display: flex;gap: 1.5rem;padding-bottom: 2rem;justify-content: flex-start;}

.pg-det-content{width: 83%;}
.new-wrapper{display: flex;gap: 1.5rem;}
/*.inner-wrapper{width: 89%;}*/
.inner-wrapper{width: 65%;}

/****select text css details page***/
.tooltip {position: absolute; background: #FFE7C7; color: var(--text-color); padding: 5px 8px; border-radius: 3px;border: 1px solid #F8EFE5; font-size: 18px; 
    font-weight: 400; line-height: 19.56px;z-index: 1000; white-space: nowrap; pointer-events: auto; display: inline-block; opacity: 0; transform: translateY(10px); 
    transition: opacity 0.25s ease, transform 0.25s ease; cursor: pointer; width: 92px; }
.tooltip.show { opacity: 1; transform: translateY(0); }
.tooltip-default{transition: 0.3s all ease-in-out;}
.tooltip-social {display: none; transition: 0.3s all ease-in-out; }
.tooltip-social div{display: flex;  gap: 5px;}
.tooltip-social .media-icn a{font-size: 14px;color: var(--text-color);transition: 0.3s all ease-in-out;}
.tooltip-social .media-icn a:hover{color: var(--maincolor);}
.tooltip:hover .tooltip-default {display: none; }
.tooltip:hover .tooltip-social {display: block; }

/*******TABLE OF CONTENT*************/
.table-of-contents{width: 17%;padding:20px 18px 8px;border: 1px solid #FADDB799;background: #FFFAF3; border-radius: 10px;height: fit-content;position: sticky;top: 35px;}
.toc-content{font-weight: 400;font-size: 14px;line-height: 20px;color: var(--text-color);padding: 10px 0px;display: flex;align-items: flex-start;}
.toc-content-icon{padding-right: 5px;position: relative;top: 2px;}
.toc-head{font-weight: 500; color: var(--heading-color);font-size: 15px;line-height: 16px;margin-bottom: 12px;}

/*******LEFT BLOCK*******/
/*.det-left{width: 70%;}*/
.det-intro{border: 1px solid #f7d5a861!important;}
.det-intro, .glossary, .bibliography{background: #FFFAF37D;border: 1px solid #FADDB761; border-radius: 10px;padding: 25px;margin-bottom: 25px;}
.det-intro-head{font-size: 24px;line-height: 40px;font-weight: 400;color: var(--heading-color);padding-bottom: 15px;}
.det-intro-details{font-weight: 500;font-size: 16px;line-height: /* 25px */ 1.875rem;color: var(--text-color);text-align: left;}
.det-intro-details p{margin-bottom: 10px;}
.det-original-text p, .det-original-text p span, .trans-text p span{line-height: 1.875rem!important;margin-top: 0 !important;text-align: left !important;font-size: 16px !important;color: var(--text-color) !important;font-weight: 500;}
.det-line-devnagari, .det-meter-devnagari, .det-line-devnagari p, .det-meter-devnagari p, .det-line-devnagari span, .det-meter-devnagari span{font-family: "Nirmala" !important;}
.det-meter-devnagari, .det-meter-devnagari p, .det-meter-devnagari span{line-height: 1.875rem !important;font-weight: 500;}
.det-meter-roman, .det-meter-roman p, .det-meter-roman p span{line-height: 1.875rem !important;}
.art-read-more, .read-more{border: none; padding: 10px 0; border-radius: 5px; font-size: 15px; background-color: #fff; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--maincolor); color: var(--maincolor); font-weight: 400; text-decoration-thickness: 2px; line-height: 25px; cursor: pointer;}
.content p b{font-weight: 600;font-size: 20px;line-height: 40px;color: var(--text-color);}
.content p{font-weight: 500;font-size: 16px;line-height: 30px;color: var(--text-color);margin-bottom: 25px;}
.lang-btn-container-2{padding-bottom: 5px;}
.lang-btn-container-2 .head {font-weight: 400; font-size: 22px; line-height: 33px; background: #FFFAF7; color: var(--maincolor);padding-top: 20px;padding-bottom: 10px; }
/*.fixed { position: fixed; top: 0; z-index: 1; transition: all 0.3s ease-in-out; background-color: #fff; padding: 10px 0px;margin: 0 auto; max-width: 90%; width: 100%; }*/
.fixed {
    position: sticky;
    top: 0;
    /* width: 50%; */
    z-index: 1;
    transition: all 0.3s ease-in-out;
    margin: auto;
    background-color: #FFFAF7;
    padding: 8px 0px;
}

/***detail page language switch toggle button css*/

.toggle-det-btn-container {display: flex; align-items: center; gap: 5px; }

.toggle-option-group {display: flex; align-items: center; background: #E9E9E9;border-radius: 20px;border: none;padding: 2px;}

.toggle-option {cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 16px;
    border-radius: 999px;
    color: #333;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }

/*.toggle-option.selected-option {color: var(--maincolor);font-size: 15px; }

.separator{padding: 0 5px; }
.divider {padding: 0 10px; display: none;}*/

/* active option (white pill) */
.toggle-option.selected-option {
    background: #FFFFFF;
    box-shadow: 0 0 0 1px #D6D3CF inset;
}

/* hide the "/" and "|" separators in your HTML */
.separator,
.divider {
    display: none;
}



.org-btn{background: linear-gradient(to bottom, var(--maincolor), #FD9D20); color: #fff; border-radius: 5px; border: none; font-weight: 600; font-size: 18px; 
  line-height: 45px;width: 150px;text-align: center;cursor: pointer;}
.org-btn.org-active{background: #FFF;color: var(--maincolor);font-weight: 400;font-size: 22px;line-height: 33px;padding: 0;width: auto;}
.det-original-text,.det-roman-text, .trans-text{list-style: none;padding-left: 0px;overflow-wrap: break-word;word-wrap: break-word;  word-break: break-word; line-height: 1.875rem;
    font-size: 16px;color: var(--text-color) !important;font-weight: 500;}

.det-devnagari{display: none;}
.det-roman{display: block;}
.det-original-text .box{padding-bottom: 25px;}
.det-original-text li b{font-weight: 600;font-size: 16px;line-height: 45px;color: var(--text-color);}
.det-roman-text li b{font-weight: 600;font-size: 16px;line-height: 45px;color: var(--text-color);}
.det-original-text li, .det-roman-text li, .trans-text li{font-weight: 500;font-size: 16px;line-height: 1.875rem;color: var(--text-color);margin-bottom: 0.5rem;}
.det-original-text li span{font-size: 16px !important;line-height: 1.875rem !important;}
.transliteration{background: #FFFAF7;color: var(--maincolor);font-weight: 400;font-size: 22px;line-height: 33px; padding-bottom: 10px;padding-top: 20px;border-top: 1px solid #D0D0D0;}
.test2{padding-bottom: 20px;color: var(--text-color);}
.biblio-links {font-size: 16px; font-weight: 400; line-height: 22px; color: var(--text-color); cursor: pointer; transition: 0.3s all ease-in-out; padding: 0 15px;}
.biblio-links ul{padding-left: 0;}
.biblio-links li p, .biblio-links li a {margin-bottom: 0;cursor: auto;color: var(--text-color);}
.biblio-links li:hover a{color: var(--maincolor); cursor: pointer; text-decoration: underline; text-decoration-color: var(--maincolor); }
.det-editor-comment{display: flex;flex-direction: column;justify-content: space-between;gap: 15px;align-items: flex-start;background: #FFEFDA;padding: 25px;border-radius: 10px;margin-bottom: 20px;}
.det-edit-icn{position: relative;top: 8px;padding-right: 10px;}
.det-e-heading{font-weight: 500;font-size: 18px;line-height: 20.4px;white-space: nowrap;}
.det-e-comment{font-weight: 500;font-size: 16px;line-height: 25px;text-align: left;}
.pg-end-cont{ margin-top: 22px;margin-bottom: 2rem;}
.web{display: block;}
.mob{display: none;}
.pg-end-btn{display: flex ; justify-content: space-between; align-items: center;}

/***Back Button***/
/*.back-btn{border: 1px solid var(--maincolor);color: var(--maincolor);outline: none;border-radius: 5px;background: #fff;width: 130px;text-align: center;font-weight: 600;font-size: 18px;line-height: 40px;cursor: pointer;transition: 0.3s ease-in-out;}*/
.back-btn{    
    border: none;
    color: var(--text-color);
    outline: none;
    background: #FFFAF7;
    width: 95px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 56px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }
.bck-icn-img{width: auto; height: auto; transition: all 0.3s ease; position: relative; top: 6px; left: 0px;}
/*.bck-icn-img-hover{display: none;width: 20px; height: 20px; transition: all 0.3s ease;position: relative; top: 4px;left: 0px;}*/
/*.back-btn:hover .bck-icn-img{display: none;}*/
/*.back-btn:hover .bck-icn-img-hover{display: inline;}*/
/*.back-btn:hover{background: var(--maincolor);color: #fff;transition: 0.3s all ease-in-out;}*/
.bck-icn{padding-right: 5px;}

/***Share Button***/
/*.share-btn{position: relative;border: 1px solid #FFF;color: #fff;outline: none;border-radius: 5px;background: var(--maincolor);width: 130px;text-align: center;font-weight: 600;font-size: 18px;line-height: 40px;cursor: pointer;transition: 0.3s ease-in-out;border: 1px solid var(--maincolor);}*/
.share-btn {
    position: relative;
    border: 1px solid #FFF;
    color: var(--text-color);
    outline: none;
    width: 95px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 56px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    border: none;
}
.share-icn{padding-left: 2px;}
.share-btn a{color: var(--maincolor);}
.share-btn .tooltiptext{visibility: hidden;position: absolute;z-index: 1;opacity: 0;transition: opacity 0.3s ease-in-out;bottom: 50px; left: 0;}
.share-btn .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 47%; margin-left: -5px; border-width: 8px; border-style: solid; border-color: #444 transparent transparent transparent; }
.icon-img{width: auto; height: auto; transition: all 0.3s ease; position: relative; top: 4px; left: 5px;}
/*.icon-img-hover{display: none;width: 16px; height: 16px; transition: all 0.3s ease;position: relative; top: 2px;left: 5px;}*/
/*.share-btn:hover .icon-img { display: none; }*/
/*.share-btn:hover .icon-img-hover{ display: inline;}*/
/*.share-btn:hover{background: #FFF;color: var(--maincolor);transition: 0.3s all ease-in-out;border: 1px solid var(--maincolor);}*/
/*.share-btn:hover a{color: var(--maincolor);}*/
.share-btn:hover .tooltiptext{visibility: visible;opacity: 1;}
.share-btn:hover .tooltiptext ul{background: #444; width: 120px; padding: 0 0px; display: flex ; justify-content: center; gap: 1rem; border-radius: 5px; margin-bottom: 0; line-height: 33px;}
.share-btn:hover .tooltiptext ul li{list-style-type: none;}
.share-btn:hover .tooltiptext ul li a{color: #fff;}
.share-btn:hover .tooltiptext ul li:hover a{color: var(--maincolor)}
.share-icn i{padding-left: 5px;}

/***View More***/
/* .view-more-cont {display: flex ; justify-content: center; }
   .view-more {text-align: center; border: none; color: #CC7A0F; font-size: 16px; font-weight: 500; cursor: pointer; text-decoration: underline;
    text-underline-offset: 3px;}
   .view-more:hover {color: #F8B760; transition: all 0.3s ease-in-out; }
*/


/****image gallery****/
.gallery span {font-weight: 400;color: var(--maincolor); }
.gallery-head{font-weight: 400;font-size: 35px;line-height: 47px;padding-bottom: 10px;}
.img-cont{margin-bottom: 25px;}
.img-cont img{height: 230px; object-fit: cover;border-radius: 4px;width: 100%;}

/***********swiper CSS for gallery***********/
.gallery-navweb, .gallery-navmob {    display: flex;
    justify-content: center;
    margin-top: 35px; gap: 20px;}

.gallery-navweb .swiper-button-prev, .gallery-navweb .swiper-button-next, .gallery-navmob .swiper-button-prev, .gallery-navmob .swiper-button-next {
    position: relative;
    height: 20px;
    color: #000 !important;
}



.modal { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); animation: slideUp 0.5s ease-in-out; }
.modal-content-container{ background: #fff; width: fit-content; padding: 0px; border-radius: 15px;position: relative; top: 50%;left: 50%;transform: translate(-50%, -50%); }
.modal-content { display: block; margin: 0 auto; /* max-width: 80%; */ max-height: 80%; width: 650px; height: 650px; object-fit: fill; object-position: center; padding: 25px; border-radius: 26px; }
.close { position: absolute; top: 0; right: 1rem; /*background: var(--maincolor);color: #fff;*/cursor: pointer; /*border-radius: 50%; width: 50px; height: 50px; */font-size: 15px; }
.close-sign{position: relative; top: 5px; left: 11px;color: #000; }
.arrow {cursor: pointer; position: absolute; top: 50%; padding: 16px; color: #fff; font-size: 40px; user-select: none; transform: translateY(-50%); z-index: 1001; }
.arrow.left-arr{left: -25rem; }
.arrow.right-arr {right: -24.5rem; }

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/*****RIGHT BLOCK*****/
/*.det-right{width: 47%;}*/
.det-right{width: 34%;}
.det-right-links, .det-right-table{border-radius: 10px;border: 1px solid #FADDB799;background: #FFFAF3;padding: 15px;height: fit-content;margin-bottom:20px; }
.det-right-heading{font-size: 18px; font-weight: 700; line-height: 38.8px;}
.det-related-links{display: flex;justify-content: flex-start;gap: 5px;border-bottom: 1px solid #F0E6D8;padding: 15px 0;align-items: baseline;}
.det-related-links:last-child{border-bottom: none;}
.det-related-links img{width: 13px;height: auto;}
.det-related-links a{font-size: 14px;font-weight: 400;line-height: 22px;color: var(--text-color);}
.det-related-links a:hover{color: var(--maincolor);}
.det-right-tags, .det-right-tags-mob{background:#FFFAF3;padding: 15px;border-radius: 10px;border: 1px solid #FADDB799;}
.det-right-tags-mob{display: none;}
.det-tags-container{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 8px;margin-bottom: 15px;}
.det-tags-heading{font-size: 18px; font-weight: 700; line-height: 38.8px;margin-bottom: 15px;}
.det-tags{padding: 0 15px;border-radius: 10px;background:#FFFAF3;border: 1px solid #DDD2D2;cursor: pointer;transition: all 0.3s ease-in-out;}
.det-tags a{color: var(--text-color);font-weight: 400;font-size: 15px;line-height: 32px;transition: all 0.3s ease-in-out;}
.det-tags:hover{background: var(--maincolor);border: 1px solid var(--maincolor);}
.det-tags:hover a{color: #fff;}
.tbl-head{font-weight: 500; font-size: 14px;color: var(--heading-color);line-height: 20px;width: 42%;padding-right: 5px;vertical-align: top;}
.tbl-head, .tbl-text{padding-bottom: 10px;}
.tbl-text{font-size: 14px;font-weight: 400;line-height: 21px;color: var(--text-color);text-align: left;}
.tbl-links{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.tbl-links div{padding-bottom: 5px;}
.tbl-links a{font-size: 14px;font-weight: 400;line-height: 18px;color: var(--text-color);text-decoration: underline;text-underline-offset: 4px;cursor: pointer;}
.tbl-links a:hover{color: var(--maincolor);}
.tbl-links span{padding: 0 2px 0 0;}
.tbl-links p{padding-bottom: 5px;margin-bottom: 0;}

/***New related inscription section***/
.rel-ins-container{background: #DE781C0F;padding: 3.4rem;}
.rel-ins-heading{font-size: 35px;font-weight: 400;line-height: 56px;padding: 0 0% 2rem 18%;}
.rel-ins-heading span{color: var(--maincolor);}
.rel-ins-card-container{display: flex;justify-content: center;gap: 1rem;}
.rel-ins-card{background: #fff;padding: 15px;border-radius: 10px;height: auto;}
.rel-ins-head-container{display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}
.rel-ins-dynasty-name {height: 2vh;}
.rel-ins-dynasty-name p{color: var(--maincolor);font-size: 15px;line-height: 16.59px;}
.rel-ins-arrow{box-shadow: 0px 0.47px 1.89px 0px #E7F2F8, 0px 0.47px 1.89px 0px #B7C8D2; border-radius: 50%;width: 35px;height: 35px;position: relative;top: -10px; }
.rel-ins-arrow-icon{height: auto; width: auto !important; position: relative;}
.rel-ins-article-name {height: 6vh;}
.rel-ins-article-name p{font-size: 18px;font-weight: 500;line-height: 25px;color: var(--heading-color);padding-bottom: 10px;}
.rel-ins-subheading {height: 8vh;}
.rel-ins-subheading p{color: var(--text-color);font-size: 14px;font-style: italic;font-weight: 400;line-height: 21px;padding-bottom: 10px;}
.rel-ins-keywords{display: flex;justify-content: flex-start;gap: 10px;color: var(--text-color);font-size: 13px;font-weight: 400;line-height: 19.66px;height: 3vh;}

.rel-ins-nav-wrapper{position: relative;display: flex;top: 8rem;}

.rel-ins-nav-wrapper .swiper-button-prev{left: -3rem;}
.rel-ins-nav-wrapper .swiper-button-next{right: -3rem;}
.rel-ins-nav-wrapper .rel-ins-icon {
    color: #000 !important;
    height: 30px !important;
}

.rel-ins-card-container .owl-nav{display: flex ; justify-content: space-between;}
.rel-ins-card-container .owl-nav .owl-prev{position: relative;top: -11rem;left: -3rem;}
.rel-ins-card-container .owl-nav .owl-next{position: relative;top: -11rem;right: -3rem;}
.rel-ins-card-container .owl-nav .owl-prev span, .rel-ins-card-container .owl-nav .owl-next span{font-size: 4rem; font-weight: 300; color: var(--text-color);}

.rel-ins-link-container{text-align: left;}

.rel-ins-link-container{
      padding: 0 10%;
  /*display: flex;*/
  /*justify-content: space-between;*/
}
.btn-flex:hover .btn-right-arrow, .btn-flex:focus .btn-right-arrow {
    transform: translateX(3px);
}
.btn-flex .btn-right-arrow {
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 1px;
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}
.rel-ins-links-div{
      display: flex;
      align-items: baseline;
      /*justify-content: center;*/
      /*margin-bottom: 24px;*/
      transition:  0.3s ;
      width: 82%;
      margin: 0 auto 24px;
}
.rel-ins-hdng{
font-size: 19px;
line-height: 30px;
}
.rel-ins-hdng p{
  margin-bottom: 0;

}

.seemore-btn a{
color: var(--maincolor);
}
.btm-txt{
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
    color: #272727;
}

.rel-ins-link-subcon{
  width: 46%;
}
.btn-flex{
      display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10%;
}
.seebtn{
  font-size: 22px;
  font-weight: 600;
    color: var(--maincolor);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-transform: uppercase;
}
.rel-ins-links-div:hover .rel-ins-hdng{
  color: var(--maincolor);
  transition: 0.3s ;
}
.rel-ins-links-div:hover .lft-arw{
  color: var(--maincolor);
  transition: 0.3s ;
}
.lft-arw{
  font-size: 19px;
  padding-right: 3px;
}
/*******************************************HOMEPAGE CSS*******************************************************/
 p { margin-top: 0; margin-bottom: 1rem; }
.bnr-con { position: relative; height: 95vh; }
.bnr-con img { object-fit: cover; width: 100%;height: 95vh; }
.bnr-con::after{content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,1) 100%); pointer-events: none;z-index: 1;}
.bnr-txt { width: 100%; position: absolute; top: 63%; z-index: 2;padding:0 20px; }
.v-align { text-align: center; }
.sb-hdng { color: #FFF; font-size: 30px; font-weight: 400; line-height: 30px; margin-bottom: 10px; }
.hdng { color: #FFF; font-size: 50px; font-weight: 600; line-height: 55px; margin-bottom: 20px; }
.sb-hdng-2 p{color: #fff; font-size: 18px;line-height: 28px;font-weight: 400;width: 28%; margin: 0 auto;}
.bnr-btn { margin-top: 40px; display: block; width: 160px; margin: 0 auto; background-color: transparent; transition: all .5s; transform: scale(1); }
.bnr-btn a { font-size: 20px; font-weight: 400; line-height: 29px; display: block; padding: 10px 0; color: var(--maincolor); text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 1px;}
.bnr-txt .bnr-btn .explore-btn-icon{position: relative;top: 6px;left: 3px;height: auto !important;width: auto !important;}
.bnr-btn:hover{transform: scale(1.2); transition: all .5s ease-in-out;}


.about { margin-top: 5rem; margin-bottom: 30px; }
.container{padding: 0 4%;width: 100%;max-width: 1320px;margin: 0 auto;}
.abt-cont{display: flex;justify-content: space-between;gap: 1.5rem;align-items: center;}
.abt-cont .item{width: 54%;}
.abt-img { overflow: hidden; border-radius: 3px; width: 100%;/* max-width: 450px; */ aspect-ratio: auto;}
.abt-img img { width: 100%; height: 100%; object-fit: cover; display: block;}
.abt-txt-mob { display: none; }
.abt-sub { color: var(--text-color); font-size: 20px; font-weight: 400; line-height: 1; margin-bottom: 10px !important; }
.brdr { position: relative; }
.abt-hdng {font-size: 45px; font-weight: 400; line-height: 50px; color: var(--heading-color); /*margin-top: 6px;*/  }
.abt-hdng span{color: var(--maincolor);}
.abt-hdng-innerpage{font-weight: 400;}
.brdr-btm { width: 150px; height: 3px; background: var(--maincolor); position: absolute; bottom: -11px; }
.para {margin-top: 20px; font-weight: 400; font-size: 1.15rem; line-height: 1.875rem; color: var(--text-color);}
.abt-btn-wrapper {display: inline-block; width: 180px; height: 50px; }
.abt-btn {display: block; transform-origin: center; transition: transform 0.5s ease-in-out; }
.abt-btn:hover {transform: scale(1.2); }
.abt-btn a { font-size: 20px; font-weight: 600; line-height: 29px; display: block; padding: 10px 0; color: var(--maincolor); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px;}
.abt-btn-icon{position: relative; top: 6px; left: 3px; height: auto !important; width: auto !important; }

/***************************************************************************dynasty-slider-homepage********************************************************************************************************/
.dynasty-homepage{margin-bottom: 30px;padding: 0 4%;margin-top: 5rem;}
.dynasty-hdng{font-size: 45px;font-weight: 500;line-height: 56px;color: var(--heading-color);padding-bottom: 20px;}
.dy-nav-btn-cont{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 30px;}
.dynasty-sbhdng{font-size: 18px;line-height: 28px;font-weight: 400;color: var(--text-color);padding-bottom: 35px;}
.dy-card{border-radius: 20px;background: #F1FAFF;height: auto;width: auto;transition: all 0.3s ease-in-out;cursor: pointer;}
.dy-top-part{padding: 35px 20px;}
.dy-card:hover{background: var(--maincolor);}
.dy-card:hover .dy-card-title{color: #fff;}
.dy-card:hover .dy-card-period{color: #fff;}
.dy-card-title{font-size: 16px;font-weight: 400; font-style: italic;line-height: 28px;color: var(--text-color);}
.dy-card-period{font-weight: 400;font-size: 22px;line-height: 36px;color: var(--heading-color);}
.dy-img-cont{width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 20px;}
.dy-img-cont img{width: 100%; height: 100%; object-fit: cover; display: block;filter: brightness(0.7);}
.dynasty-section-header {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px; }
.dy-nav-wrapper {position: relative; display: flex; justify-content: space-between; top: 15rem; }
.swiper-button-prev::after, .swiper-button-next::after {display: none !important; }
.dy-prev, .dy-next { width: 40px; height: 40px; background: #F39314; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 16px !important; }
.dy-prev{left: -3rem;}
.dy-next{right: -3rem;}
.swiper-button-next.dy-next .caret-icon, .swiper-button-prev.dy-prev .caret-icon{color: #fff !important;height: 16px !important;line-height: 1 !important;}

/***************************************************significant-inscription-slider-homepage***************************************************************************************************/
.significant-inscriptions{padding: 0 4%;margin-bottom: 5rem;margin-top: 5rem;}
.sig-hdng{font-size: 45px;font-weight: 500;line-height: 56px;color: var(--heading-color);padding-bottom: 20px;}
.sig-sbhdng{font-size: 18px;line-height: 28px;font-weight: 400;color: var(--text-color);padding-bottom: 20px;}
.sig-ins-card{background: #fff;padding: 15px;border-radius: 10px;height: auto;}
.sig-ins-head-container{display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}
.sig-ins-dynasty-name{height: 2vh;}
.sig-ins-dynasty-name p{color: #DE781C;font-size: 15px;line-height: 16.59px;}
.sig-ins-arrow{box-shadow: 0px 0.47px 1.89px 0px #E7F2F8, 0px 0.47px 1.89px 0px #B7C8D2; border-radius: 50%;width: 30px;height: 30px;position: relative;top: -10px; }
.sig-ins-article-name{height: 6vh;}
.sig-ins-article-name p{font-size: 18px;font-weight: 500;line-height: 25px;color: #000;padding-bottom: 10px;}
.sig-ins-subheading{height: 8vh;}
.sig-ins-subheading p{color: #3f3f3f;font-size: 13px;font-style: italic;font-weight: 400;line-height: 18px;padding-bottom: 10px;}
.sig-ins-keywords{display: flex;justify-content: flex-start;gap: 10px;color: #000;font-size: 13px;font-weight: 400;line-height: 19.66px;height: 3vh;}


.sig-ins-nav-wrapper{display: flex;justify-content: space-between;position: relative;top: 8rem;}
.sig-ins-nav-wrapper .swiper-button-prev,
.sig-ins-nav-wrapper .swiper-button-next {
    background-color: #fff !important;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    border: 1px solid #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sig-ins-nav-wrapper .swiper-button-prev{left: -3rem;}
.sig-ins-nav-wrapper .swiper-button-next{right: -3rem;}
.sig-ins-nav-wrapper .caret-icon2 {
    color: #000 !important;
    height: 20px !important;
}


.sig-ins-card-cont{display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1rem;}
    .sig-ins-card-cont a{width: 32%;}

/****FOOTER CSS START*****/

.footer { padding: 50px 2% 50px; background: url('./images/footer-bg.webp');background-repeat:no-repeat; background-size: cover;
  background-attachment: fixed;background-position: bottom;height: 100%;width: 100%;position: relative;z-index: 1;}
.blur{position: absolute;top: 0; left: 0;z-index: 5;background-color: rgba(255,255,255,0.5); width: 100%; height: 100%;}
.footer-row{display:flex;justify-content: space-evenly;gap: 1.5rem;position: relative;z-index: 1030;}
.footer-col:first-child, .footer-col:last-child {width: 33.33%;}
.footer-col:nth-child(2), .footer-col:nth-child(3) {width: 16.33%;}
.ftr-bx p{font-size: 45px;font-weight: 600;color: #F39314;}
.ftr-link { width: 80%; margin-top: 20px;}
.ftr-link p {  font-size: 15px; font-weight: 400; line-height: 24px; color: var(--text-color) !important; }
.ftr-link p:first-child {font-weight: 400; font-size: 16px; line-height: 27px; } 
.cl4 {  font-size: 16px; font-weight: 400; line-height: 35px; color: var(--text-color) !important; transition: .3s; }
.fhead { color: var(--heading-color); font-size: 20px; font-weight: 600; line-height: 56px; margin-bottom: 18px; }
.f2 ul{list-style: none;padding: 0px !important;}
.mail-input-cont{background-color: #fff; border: 1px solid #ddd;box-shadow: 0px 3px 11.6px 0px #00000017; border-radius: 6px; padding: 8px 13px; display: flex;justify-content: space-between;align-items: center;}
.mb5{margin-bottom: 8px;}
.mt { margin-top: 14px; }
.footer input { width: 100%; font-size: 15px;line-height:30px;font-weight: 400;border:none;color: var(--text-color); }
.footer input::placeholder{font-size: 15px;line-height:30px;font-weight: 400;color: var(--text-color);}
.footer input:focus{outline: none;color: var(--text-color);}
.legal-text { color: var(--heading-color);  font-size: 15px; font-weight: 400; margin: 0 auto; position: relative; z-index: 5;line-height: 30px;text-align: left; /*padding: 40px 0 0;*/}
.mail-send-icon{cursor: pointer;}

/*******************************************ABOUT PAGE CSS*******************************************************/

.abt-para{display: flex;justify-content: flex-start;gap: 1.5rem;}

.abt-left, .join-row{
  width: 48%;
}
.about-banner { margin-bottom: 60px; }
.about-bnr-con { position: relative; height: 30vh; min-height: 420px; overflow: hidden; aspect-ratio: 16 / 3; width: 100%; }
.about-bnr-con img{width: 100%; vertical-align: middle; height: 100%; object-fit: cover; display: block;}
.about-banner-txt{ position: absolute; top: 50%; left: 19%; }
.about-hdng { font-size: 50px; font-weight: 600; line-height: 58px;margin-top:6px; color: #FFF;}
.about-us-con { margin-bottom: 60px; }
.abt-us-cont{display: flex;justify-content: center;gap: 1.5rem;align-items: center;}
.abt-bnr-bx img{width: auto;height: auto;object-fit: contain;}
.brdr-btm-abt { width: 14%; height: 3px; background: var(--maincolor); position: absolute; bottom: -11px; }
.para-box { margin-top: 20px; }
.outer-abt-block{margin-top: 30px; }
.about-para p, .about-para ul li { font-size: 1.15rem; font-weight: 400; color: var(--text-color);  line-height: 1.875rem; }
.about-para ul { list-style: disc !important; padding-left: 20px !important; margin-bottom: 1rem; }
.join { margin-bottom: 60px; }
.join-row{display: flex;justify-content: center;align-items: flex-start;}
/*.join-bx { padding-right: 40px; }*/
.show-up { display: none; }
.brdr-btm-abt-1 { width: 8%; height: 3px; background: var(--maincolor); position: absolute; bottom: -11px; }
.join-img { overflow: hidden; border-radius: 6px; }
.join-img img{width: 100%;vertical-align: middle;height: auto;}
.m-top-abt { margin-top: 15px; }
.abou-para p a { color: var(--maincolor); }

/************************************************CONTACT PAGE***********************************************/
.contact-banner{margin-bottom: 90px;}
.contact-us { display: flex ; justify-content: center; }
.contact-center { width: 820px; margin: 0 0 4rem; }
.contact-txt { margin-bottom: 30px; }
.contact-hdng{font-size: 1.4rem; color: var(--heading-color);line-height: 1.875rem; font-weight: 600;margin-top: 6px;}
.contact-hdng span{color: var(--maincolor);}
.brdr-btm-contact { width: 35%; height: 3px; background: var(--maincolor); position: absolute; bottom: -16px; }
.contact-details { display: flex ; flex-direction: column; margin-top: 20px; }
.contact-details label { font-weight: 500; font-size: 1.15rem; margin-bottom: 5px;color:var(--heading-color); }
.contact-details label span { color: var(--maincolor); }
.name-inputs, .contact-flex { display: flex ; justify-content: space-between; flex-direction: row; }
.contact-details input, .contact-details textarea { padding: 8px 15px; border: 1px solid #FFCF8F; color: var(--text-color); border-radius: 3px; width: 100%; outline: none; font-size: 1.15rem;}
.captchazone, .contact-submit, .f-name, .l-name { width: 48%; }
.captchazone { display: flex ; justify-content: flex-start;}
.captcha-fill{width: 68%;}
.captcha-fill input{border-top-left-radius: 0; border-bottom-left-radius: 0;border: 1px solid #FFCF8F;}
.captcha-text { width: auto; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.captcha-text .form-group canvas {background-color: #c3c2c2; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0; pointer-events: none; border: 1px solid #FFCF8F; }
.refresh-icon{position: relative;top: 10px;left: 8px;color: var(--maincolor);}
.contact-submit { background-color: var(--maincolor); border-radius: 3px; border: none; font-size: 1.15rem; font-weight: 600; color: #fff;cursor: pointer;position: relative; top: -2px; height: 41px;}
.contact-mail { margin-top: 50px; font-weight: 600; font-size: 1.15rem; }
.contact-mail img { width: 220px;vertical-align: middle; }
.name-input-alerts{display: flex ; justify-content: space-between; flex-direction: row;}
.validation-alert {color: #ff0000; font-size: 13px; padding-top: 7px;text-align: left; }
.submit-msg{background: #ddecd3; color: #073406; padding: 10px 15px; font-size: 1.15rem;line-height: 20px; margin-bottom: 10px; border-radius: 5px; font-weight: 600;/*visibility: hidden;*/
    display: none;height: 40px;text-align: center;}

/*************************DYNASTY DETAILS PAGE CSS***************************************/
.dy-banner-con {position: relative; height: auto; }
.dy-banner-con img {height: 420px; width: 100%; object-fit: cover; filter: brightness(0.8); }
.dynasty-heading{font-weight: 600; font-size: 45px;line-height: 28px;color: var(--heading-color);margin: 55px 0;text-align: center;}
.dynasty-main-container{display: flex; justify-content: space-between; gap: 1.5rem; /*flex-wrap: wrap;*/margin-bottom: 2rem;}

.dynasty-block1{flex: 0 0 25%;max-width: 25%;}
.dynasty-left-img-cont{display: flex;flex-direction: column;gap: 2rem;}
.dynasty-block1 img{width: 100%; height: auto; object-fit: contain; border-radius: 10px;}

.dynasty-block2 {flex: 1 1 50%;max-width: 50%;}
.dynasty-summary{background-color: #FFF4E5; padding: 25px; border-radius: 10px;text-align: left;}
.dynasty-title{font-weight: 500;font-size: 25px;line-height: 25px;color: var(--heading-color);}
.dynasty-information p{font-weight: 400; font-size: 1.15rem;line-height: 1.875rem;color: var(--text-color);margin-bottom: 0;}
.dynasty-main-text{font-weight: 400;line-height: 1.875rem;font-size: 1.15rem;color: var(--text-color);text-align: left;padding-top: 20px;}
.dynasty-block3 {flex: 0 0 23%; max-width: 23%; }
.dynasty-pg{background-color: #FFF3E9; padding: 0 4% 4% 4%;}
.dynasty-pg-heading{font-weight: 400; font-size: 40px;line-height: 56px;color: var(--heading-color);text-align: center;padding: 40px 0 20px;}
.dy-pg-card{border-radius: 30px;background: #F1FAFF;height: auto;width: auto;transition: all 0.3s ease-in-out;}
.dy-pg-top-part{padding: 30px;}
.dy-pg-card:hover{background: var(--maincolor);color: #fff;}
.dy-pg-card-title{font-size: 12.57px;font-weight: 400; font-style: italic;line-height: 20.7px;color: var(--text-color);}
.dy-pg-card-period{font-weight: 400;font-size: 22.18px;line-height: 26.62px;color: var(--heading-color);}
.dy-pg-img-cont{position: relative; height: auto; width: auto;}
.dy-pg-img-cont img{border-radius: 30px;height: 250px;width: auto;object-fit: cover;}

.swiper-button-prev::after, .swiper-button-next::after {display: none !important; }
.dy-pg-nav-wrapper {position: relative; right: 0; display: flex; gap: 10px;top: 14rem;}
.dy-pg-prev{left: -3rem;}
.dy-pg-next{right: -3rem;}
.swiper-button-next.dy-pg-next .caret-icon-dypg, .swiper-button-prev.dy-pg-prev .caret-icon-dypg{color: #000!important;height: 25px !important;}

/*************DYNASTY LIST PAGE*********************/
.dynasty-list-container{padding-bottom: 6rem;position: relative;}
.dynastylist-top-heading{font-weight: 400; font-size: 45px;color: #393939;line-height: 1;text-align: center;margin-top: 55px;padding: 0 22px;}
.dynastylist-top-subhead{font-weight: 400; font-size: 18px;line-height: 22px;color: #393939;padding: 10px 22px 35px;text-align: center;}
.dynastylist-card-cont{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 1.5rem;align-items: center;}
.dynastylist-card {border-radius: 20px; background: #F1FAFF; height: auto; width: 32%; transition: all 0.3s ease-in-out; cursor: pointer; overflow: hidden;}
.dynastylist-card:hover{background: var(--maincolor);}
.dynastylist-card:hover .dynastylist-card-title{ color: #fff;}
.dynastylist-card:hover .dynastylist-card-period{ color: #fff;}
.dynastylist-top-part{padding: 30px;}
.dynastylist-img-cont{width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 20px; }
.dynastylist-img-cont img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.dynastylist-card-title{font-size: 16px; font-weight: 400; font-style: italic; line-height: 28px; color: #000;}
.dynastylist-card-period{font-weight: 400; font-size: 30px; line-height: 36px; color: #000;}

/*****************************************ALL OTHER PAGES**********************************************/
.special-pages-spacing{padding: 7%!important;}
.main-hdng-term{font-size: 45px; color: var(--heading-color); font-weight: 600; padding-bottom: 15px;}
.special-pages-spacing p, .special-pages-spacing li{font-size: 1.15rem; line-height: 1.875rem; font-weight: 400; margin-bottom: 10px;}\
.special-pages-spacing p strong{line-height: 50px;}

/******************************************************************************MEDIA QUERIES****************************************************************************************/
@media only screen and (max-width: 2560px){
/*  .art-intro-container.show-full-content{ height: 115px; overflow: hidden;}*/
/*  .intro-details-container.show-more-height {height: 97px; overflow: hidden; }*/
.dynasty-details.show-more-height{height: 97px; overflow: hidden;}

}
@media (max-width: 1900px){.modal-content-scanned{margin: 1% auto 0;}}

@media (max-width: 1800px){
.text-container{padding: 1rem 3rem 4rem;}
.modal-content-scanned{height: 790px;}
.modal-content-scanned img{height: auto;}
.sb-hdng-2 p {width: 37%; }
}
@media (max-width: 1650px){
    .modal-content{width: 600px;height: 600px;}  
    .right.visible{width: 22%;} 
}

@media (max-width: 1599px){
  .search-icn {
    right: 18px;
  }
    .dynasty-pg-card-cont .dy-card .dy-card-title{font-size: 13px;}
    .dynasty-pg-card-cont .dy-card .dy-card-period{font-size: 22px;}
    /*.dynasty-sbhdng{width: 88%;}*/
    .dynastylist-card {width: 31.6%; } 
  }

@media (max-width:1526px){
  .toggle-more{font-size: 14px;}
  .j-para{height: 70px;}    
  .tag-list ul li{font-size: 13px;}
}

@media (max-width: 1500px){
.hdng { font-size: 45px; }
.sb-hdng { font-size: 22px; }
.article-content,
.article-intro p span,
.script-lines p span,
.original-text li, .original-text ol li, .original-text ol li span, .original-text p, .original-text p span, .original-text,
.original-text li{font-size: 1rem !important;line-height: 1.675rem !important;}
/*.biblio-links, .det-e-comment,.det-intro-details, .det-original-text li span, .det-original-text li, .det-roman-text li, .trans-text li,
.det-original-text p, .det-original-text p span, .trans-text p span,
.det-original-text,.det-roman-text, .trans-text {font-size: 1rem !important;line-height: 1.675rem !important;}*/
/*.dynasty-information p, .dynasty-main-text{font-size: 1rem !important;line-height: 1.675rem !important;}*/
.img-cont img {height: 200px;}
.sb-hdng-2 p{width: 40%; }
.dynasty-pg-card-cont .dy-card .dy-card-title{font-size: 16px;}
.dynasty-pg-card-cont .dy-card .dy-card-period{font-size: 28px;}
.dy-pg-nav-wrapper{top: 16rem;}
.select-drp-cont{width: 55%;}
.article-intro p {font-size: 1rem;}
.rel-ins-article-name{height: 7vh;}
.rel-ins-subheading{height: 9vh;}
.bnr-txt{top: 55%;}
.special-pages-spacing{padding-top: 10% !important;}
.special-pages-spacing p, .special-pages-spacing li{font-size: 1rem !important; line-height: 1.675rem !important;}
.cl4, .ftr-link p:first-child {font-size: 14px;}
}

@media (max-width: 1440px){
  .text-container{padding: 1rem 4rem 4rem;}
  .left-cont{width: 16%;}
  .nav-links{gap: 2rem;}
  .modal-content {width: 510px; height: 510px; }
  .dynasty-sbhdng{padding-bottom: 15px;}
  .dy-card-period, .dynasty-pg-card-cont .dy-card .dy-card-period {font-size: 24px; line-height: 25px; }
  .dy-card-title, .dynasty-pg-card-cont .dy-card .dy-card-title {font-size: 14px; }
  .rel-ins-links{font-size: 30px;}
}
@media (max-width: 1400px){
  .page-close-btn {
    top: -20%;
  }
      .search-icn {
        position: absolute;
        right: 12px;
    }
  .j-hdng{font-size: 16px;}
  .j-para{font-size: 14px;line-height: 24px;}
  .arrow.left-arr {left: -20rem; }
  .arrow.right-arr {right: -20rem; }
  .pg-det-content {width: 80%; }
  .inner-wrapper {width: 65%; }
  .det-right{width: 40%;}
  .overlay{height: 22%;}
.middle{width: 50%;}
.left-cont, .right{width: 18%;}
.abt-bnr-bx img {width: 500px; height: 500px;}
.dynastylist-card-period{font-size: 27px;}
}


@media (max-width: 1300px){
  
  .text-container { padding: 1rem 0 4rem;gap:1rem; }
  .article-head{font-size: 26px;}
  .modal-content{width: 400px;height: 400px;}
  .img-cont img {height: 180px;}
  .sb-hdng-2 p{width: 48%; }
  .dy-card-title, .dynasty-pg-card-cont .dy-card .dy-card-title {font-size: 13px; }
  .dy-card-period, .dynasty-pg-card-cont .dy-card .dy-card-period {font-size: 22px;}
  .select-drp-cont{width: 63%;}
  .contact-banner {margin-bottom: 70px; }
}

@media (max-width: 1272px){
  /*.sb-hdng { font-size: 18px; }*/
  .hdng { font-size: 35px; }
}
@media (max-width: 1250px){.rel-ins-card-container .owl-nav .owl-prev, .rel-ins-card-container .owl-nav .owl-next {top: -10rem;}}

@media (max-width: 1200px){
 .j-hdng { height: 68px;line-height: 22px; }
 .nav-link-cont{gap: 18rem;}
 .arrow.left-arr {left: -16rem; }
 .arrow.right-arr {right: -16rem; }
 .select-drp-cont{width: 78%;}
 .img-cont img {height: 230px;}
 .rel-ins-card-container .owl-nav .owl-prev, .rel-ins-card-container .owl-nav .owl-next {top: -11rem;}
 .dy-pg-nav-wrapper {top: 13rem; }
  .left-cont, .right {width: 19%; }
}

@media (max-width: 1077px){
    .rel-ins-article-name p, .sig-ins-article-name p {font-size: 16px;}
    .rel-ins-subheading p, .sig-ins-subheading p {font-size: 12px;}
    .dynastylist-card-period{font-size: 25px;}
  .dynastylist-card-title{font-size: 14px;}
  .left-cont, .right {width: 20%; }
}  

@media (max-width: 1030px){
  .rel-ins-hdng {
    font-size: 22px;
        line-height: 31px;

  }
      .dynastylist-card {
        width: 31%;
    }
  .left-cont{width: 21%;}
  .middle{width: 50%;}
  .right{padding: 10px;width: 22%;}
  .right.visible{width: 23%;}
  .article-head {font-size: 26px;line-height: 35px;}
  .tag-list ul li{line-height: 17.5px;padding: 0 5px 0 0;font-size: 13px;}
  .tags{padding: 0 9px;}
  .tags a{font-size: 14px;line-height: 30px;}
  .editor-comment{padding: 15px;}
  .e-heading{font-size: 16px;}
  .e-comment{font-size: 13px;}
  .load-more{left: 41%;}
  .details-page-bnr { margin-bottom: -16rem; }
  /*.details-page-bnr-con{top: -15rem;} */
  .det-top-heading{font-size: 40px;}
  .det-related-links a, .det-tags a{font-size: 14px;}
  .content p b{font-size: 19px;line-height: 40px;}
  .content p{font-size: 16px;}
  .det-editor-comment{padding: 15px;}
  .full-view-btn span.icon{right: 10px;}
  .full-view-btn span.icon i{top: 0;}
  .arrow.left-arr {left: -15rem; }
  .arrow.right-arr {right: -14rem; }
  .inner-wrapper {width: 61%; }
  .det-right{width: 36%;}
  .selected{background-position: right 3px top 50%, 0 0 !important;}
  .sb-hdng-2 p{width: 53%; }
  .cl4, .ftr-link p:first-child{line-height: 24px;}
  .bnr-txt {top: 66%; }
  .modal-content-scanned {margin: 2% auto 0; }
  .rel-ins-links{font-size: 24px;}
  .main-wrapper{padding-top: 15rem;}
  .detail-page-header{top: 15rem;}
}


@media (max-width: 992px) {.sb-hdng-2 p{width: 60%; } }


@media (max-width: 991px){
.dynastylist-card {width: 48%; }
.rel-ins-links-div{width:94%;}
.rel-ins-heading {padding: 0 0% 2rem 4%; }
.sig-ins-card-cont a {width: 48%; }
.abt-left, .join-row {width: 100%; }
.abt-para{flex-direction: column;}
.enter-btn {top: 11%; }
.rel-ins-link-container {padding: 0 0%; }
.btn-flex{padding-left:0; }
  .text-container{flex-direction: column-reverse;padding-bottom: 0;}
  .options{top: calc(100% - 86px);}
  .middle{width: 100%;margin-bottom: 2rem;}
  .search-container{margin-bottom: 5.5rem;}
  .navbar{justify-content: space-between;padding: 0 4%;}
  .nav-links { position: absolute; top: 80px; right: 0; background: #fff; flex-direction: column; width: 100%; display: none; padding: 0px; text-align: left; }
  .nav-links li a{color: var(--text-color) !important;padding: 10px 20px;line-height: 40px;font-size: 14px;}
  .nav-links li a:hover{color: var(--maincolor) !important;transition: 0.3s;}
  .nav-links li.nav-active { display: block; background-color: var(--maincolor);}
  .nav-links li.nav-active a{color: #fff !important;}
  .menu-toggle { display: inline-block; }
  .mob-btn-section{display: flex;}
  .filter-toggle-btn{display: block;}
  .left { position: fixed; top: 0px; left: -100%; height: 100%; z-index: 99999 !important; transition: left 0.3s ease-in-out; width: 55%; max-width: 300px; background: #fff; border-radius: 0; } 
  .left.open { left: 0; }
  .left.open .close-filter { display: block; }
  .left.open ~ .filter-toggle-btn { display: none; }
  .filter-curtain { display: block; width: 80%; max-width: 300px; }
  .selected-filters{display: none;}
  .selected-filters-mob{display: flex;list-style-type: none;padding-bottom: 15px;flex-wrap: wrap;gap: 15px;}  
  .right{ position: fixed; top: 0px; right: -100%; height: 100%; overflow:auto; z-index: 9999; transition: right 0.3s ease-in-out; width: 50%; max-width: 310px; border-radius: 0; } 
  .right.right-open { right: 0;visibility: visible;padding: 15px; }
  .right.right-open .index-close{display: block;}
  .right.visible { width: 50%; }
  .full-view-btn{font-size: 14px;/*margin: 0 auto 5px;*/}
  .full-view-btn span.icon i{ top: 0; }
  .tag-list ul li { font-size: 14px;padding: 0 7px 0 0;}
  .pg-det-content {width: 100%;margin-bottom: 0;}
  .det-right, .det-left { width: 100%; }
  .top-subhead{margin-bottom: -46px;}
  .abt-cont{flex-direction: column;gap: 0;}
  .abt-sub-hide{display: none;}
  .abt-txt-mob { display: block; margin-bottom: 40px; }
  .brdr-btm { width: 22%; height: 3px; background: var(--maincolor); position: absolute; bottom: -11px; left: 50%; transform: translateX(-50%); }
  .m-t { margin-left: auto; margin-right: auto; }
  .abt-bnr-bx{margin-top: 30px;}
  .abt-bnr-txt { padding-left: 0; }
  .abt-us-cont{flex-direction: column;gap: 0;}
  .abt-hdng{font-size: 40px;}
  /*.join-row{flex-direction: column;}*/
  .join-bx { padding-right: 0px; }
  .ftr-bx { width: 90%; }
  .ftr-link { width: 100%; }
  .j-para{height: 100px;}
  .j-hdng{font-size: 14px;}
  /*.contact-center { margin: 35px 0 5rem;}*/
  .contact-sub, .contact-hdng { text-align: left; }
  .para { width: 100%; }
  .det-right-heading, .det-tags-heading{font-size: 16px;line-height: 25px;}
  .submit-msg{font-size: 14px;}
  .arrow.left-arr {left: -8.5rem; }
  .arrow.right-arr {right: -8rem; }
  .pg-end-cont {margin-top: 20px; }
  .table-of-contents{display: none;}
  .main-wrapper{flex-direction: column;padding-bottom: 0;}
  .new-wrapper{flex-direction: column-reverse;gap: 0;}
  .det-right-tags{display: none;}
  .det-right-tags-mob{display: block;}
  .inner-wrapper{width: 100%;}
  .det-left, .det-right{width: 100%;}
  .det-right-table{width: 100%;}
  .det-left{padding-top: 1.5rem;}
  .det-right-table{margin-bottom: 0;}
  .web{display: none;}
  .mob{display: block;padding: 0 5px;}
  .load-more {left: 48%; }
  .select-drp-cont{width: 97%;}
  .rel-ins-card-container .owl-nav .owl-prev, .rel-ins-card-container .owl-nav .owl-next {top: -10rem; }
  .abt-bnr-bx img {width: auto; height: auto; }
  .dynasty-main-container{flex-direction: column;}
  .dynasty-block1, .dynasty-block2, .dynasty-block3{max-width: 100%;}
  .fhead{font-size: 17px;}
  .cl4{font-size: 14px;line-height: 20px;}
  .footer input, .footer input::placeholder{font-size: 14px;}
  .ftr-link p:first-child{font-size: 14px;line-height: 20px;}
  .dynastylist-card-period{font-size: 24px;}
  .abt-cont .item{width: auto;}
  .suggestions-box-wrapper{top: 33%;}
  .abt-btn-wrapper {margin-bottom: 2rem; }
}

@media (max-width: 900px){
  .nav-link-cont{gap: 15rem;}
  .nav-links { gap: 1rem; }
}
@media (max-width: 866px){
  /*.custom-select {width: 23%; }*/

}
@media (max-width: 848px){
  .arrow.right-arr {right: -8rem; }
  .arrow.left-arr {left: -8rem; }
  .rel-ins-article-name p, .sig-ins-article-name p {font-size: 15px; line-height: 22px;}
  .sb-hdng-2 p{width: 70%; }
  .enter-btn {
        right: 10%;
    }
}

@media (max-width: 768px) {
.search-box-inscription {width: 60%; }
.rel-ins-article-name {height: 6vh; }
.page-close-btn {top: -16%; }
  .logo{font-size: 35px;}
  .search-btn{margin-left: 7px;}
  .text-container{justify-content: flex-start;}
  .top-heading{margin-bottom: 10px;}
  .top-subhead { margin-bottom: -40px; }
  .category-header{font-size: 20px;}
/*  .filter-options label { font-size: 16px; } */ 
  .det-original-text li, .det-roman-text li, .trans-text li, .script-lines li{font-size: 16px; line-height: 22px;overflow-wrap: break-word;word-wrap: break-word;  word-break: break-word;}
  .arrow.left-arr {left: -6rem; }
  .arrow.right-arr {right: -5.5rem; }
  .modal-content {width: 500px; height: 500px; }
  .selected{ background-position: right 2px top 50%, 0 0 !important;}
  .overlay{height: 15%;}
  .abt-img {max-width: 100%; aspect-ratio: auto; }
  /*.dynasty-sbhdng{width: 100%;}*/
  .dynasty-pg{padding-bottom: 8%;}
  .dynastylist-card-title{font-size: 14px;}
  .load-more{left: 44%; }
  .mob-btn-section{top: 8rem;}
  .nav-links{top: 58px;}
  .main-hdng-term{font-size: 35px;}
  .bnr-txt {top: 69%; }
  .dy-nav-wrapper{top: 14rem;}
  .contact-banner{margin-bottom: 60px;}
}

@media (max-width: 767px){
  .special-pages-spacing {
        padding-top: 14% !important;
    }
    .rel-ins-heading, .gallery-head {
    font-size: 30px;
    }
    
    .rel-ins-heading {
    line-height: 40px;
    }
  .footer-row{flex-wrap: wrap;justify-content: flex-start;gap: 0;}
  .footer-col:first-child, .footer-col:last-child { width: 100%; }
  .footer-col:nth-child(2){width: 60.67%;}
  .footer-col:nth-child(3){width: 33.33%;}
  .f2{margin-top: 20px;}
  .ftr-bx { width: 60%; margin-bottom: 20px; }
  .row, .j-box-row {flex-direction: column;}
  .j-hdng { font-size: 18px; line-height: 25px; height: auto;margin-top: 18px; }
  .j-para { font-size: 14px; line-height: 26px; height: auto; }
  .m-t-2 { margin-top: 27px; }
  .submit-msg{height: 58px;}
  .abt-bnr-bx img{width: 100%;height: auto;}
  .dy-card-title, .dynasty-pg-card-cont .dy-card .dy-card-title {font-size: 13px; text-align: center;}
  .dy-card-period, .dynasty-pg-card-cont .dy-card .dy-card-period {font-size: 22px; text-align: center; }
  .dy-top-part {padding: 15px; }
  .dy-card-cont .owl-nav{top: -28%;}
  .dy-pg-nav-wrapper{top: 10rem;}
  .dynastylist-card {width: 47%;}
  .dynastylist-top-part {padding: 20px 15px; }
  .dynastylist-card-period{font-size: 24px;text-align: center;}
  .dynastylist-card-title{font-size: 14px;text-align: center;}
  .dy-nav-wrapper{top: 11rem;}
}

@media (max-width: 700px){
  .top-heading{margin-top: 40px;}
  /*.sb-hdng { font-size: 16px; }*/
  .hdng { font-size: 25px; }
  .modal-content {width: 460px; height: 460px; }
  .load-more {left: 45%; }
  .sb-hdng-2 p{width: 78%; }
  .dy-prev, .dy-next {
    width: 35px;
    height: 35px;
  }
  .dy-prev {
    left: -3rem;
}
.dy-next {
    right: -3rem;
}
}

@media (max-width: 650px){
    .rel-ins-heading {
        padding: 0 0% 2rem 0%;
    }
    
        .rel-ins-links-div {
        width: 100%;
    }
        .search-box-inscription {
            width: 54%;
        }
    .page-close-btn {
        top: -12%;
    }
  .rel-ins-link-container {
    flex-direction: column;
}
.rel-ins-link-subcon {
    width: 100%;
}
.rel-ins-hdng {
        font-size: 20px;
      }
  .top-heading{margin-top: 40px;}
  .hdng { line-height: 27px; }
  .modal-content {width: 430px; height: 430px; }
  .arrow.left-arr {left: -5rem; }
  .arrow.right-arr {right: -5rem; }
  .det-intro{padding: 15px;}
  /*.det-intro-details{text-align: center;}*/
  .det-editor-comment{align-items: flex-start;gap: 5px;}
  .det-intro-head{font-size: 20px; padding-bottom: 5px;}
  .biblio-links{display: flex;justify-content: flex-start;}  
  .sb-hdng-2 p{width: 85%; }
  .abt-hdng {font-size: 30px; line-height: 40px; }
  .dynasty-hdng, .sig-hdng {font-size: 30px; line-height: 40px; }
  .dynasty-section-header{flex-direction: column;}
  .dynasty-sbhdng {font-size: 15px; line-height: 25px; width: 90%; }
  .sig-sbhdng {font-size: 15px; line-height: 25px; }
  .para{line-height: 27px;}
  .abt-btn a{padding: 0;}
  .dynasty-pg-card-cont .owl-nav .owl-prev{left: -2.5rem;top: -12rem;}
  .dynasty-pg-card-cont .owl-nav .owl-next{right: -2.5rem;top: -12rem;}
  .dy-pg-prev{left: -2rem;}
  .dy-pg-next{right: -2rem;}
  .about, .dynasty-homepage, .significant-inscriptions{margin-top: 3rem;}
  .sig-ins-nav-wrapper{top: 10rem;}
  .sig-ins-nav-wrapper .swiper-button-next {right: -1rem; }
  .sig-ins-nav-wrapper .swiper-button-prev{left: -1rem;}
  .det-top-heading, .det-top-subhead{text-align: left;}
  .rel-ins-links{font-size: 18px;line-height: 40px;}
  .dy-prev { left: -1.5rem; } 
  .dy-next { right: -1.5rem; }
}

@media (max-width: 621px){
  .blog-txt, .j-bnr-txt { left: 9%; }
}

@media (max-width: 600px){
.enter-btn {
        top: 8%;
    }
.search-box-inscription {
            width: 46%;
        }
.custom-select {
        width: 29%;
    }
  .options{font-size: 13px;}
  /*.ins-bnr-con img{height: auto;}*/
  .mob-btn-section{top: 7.2rem;}
  .text-container { padding: 10px;gap:0; margin-bottom: -4rem;}
  .middle{margin-bottom: 7rem;}
  .content-cont { padding: 0 20px; }
  .translation-box { padding: 10px;}
  .btn{margin-top: -20px;}
/*  .full-view-btn{ width: 150px;font-size: 14px;padding: 8px 20px; line-height: 19.44px;}*/
  .top-heading{font-size: 33px;margin: 30px 0 10px;padding-bottom: 0;}
  .top-subhead{font-size: 16px;margin-bottom: -54px;line-height: 25px;}
  .minitags{text-align: left;}
  .article-head { margin-bottom: 5px;font-size: 22px; }
  .article-subhead{text-align: center;}
  .tag-list ul{flex-wrap: wrap;}
  .tag-list ul li{padding: 0 10px 0 0;}
  .subhead{font-size: 16px;line-height: 24.34px;}
  .article-content{font-size: 14px; line-height: 24px; padding: 5px 0;}
  .search-container input{padding: 0px;font-size: 14px;}
  .search-container input::placeholder{font-size: 14px;}
  .load-more{left: 43%;}
  .left{width: 60%;}
/*  .filter-container{height: 900px;}*/
  .right.right-open{width: 60%;}
  .editor-comment{flex-direction: column;gap: 5px;}
  .edit-icn{top: 6px;height: 20px;}
  .e-comment {line-height: 20px;}
  .det-top-heading { font-size: 33.23px; line-height: 40px; }
  .pg-det-content{flex-direction: column;/*padding: 0 2rem;*/gap: 2rem;}
/*  .det-left, .det-right, .det-right-table{width: 100%;}*/
  .content p b{ font-size: 16px; line-height: 30px; }
  .content p{line-height: 30px;}
  .org-btn.org-active{font-size: 20px;}
  .org-btn{font-size: 17px;width: 125px;}
  .transliteration{font-size: 20px;}
  .editor-comment{ gap: 5px;}
  .e-heading{text-align: left;}
  .det-editor-comment{gap: 5px;}
  .det-e-heading{font-size: 19px;}
  .det-edit-icn{top: 6px;height: 18px;}
  .det-e-comment {font-size: 14px;}
  .det-right-heading{font-size: 20px;line-height: 55.8px;text-align: center;}
  .det-related-links a {font-size: 16px;line-height: 24px;}
  .det-related-links img{position: relative;top: 3px;}
  .gallery-head{font-size: 28px;text-align: center;}
  .modal-content { width: 325px; height: 325px; }
  .arrow.right-arr { right: -6rem; }
  .arrow.left-arr { left: -6rem; }
  /*.about-bnr-con img { height: 280px; object-fit: cover; }*/
  /*.about-us-con { margin-bottom: 20px; }*/
  .selected{padding: 9px;font-size: 14px;}
  .search-icn, .close-icn{width: 30px; height: 30px;right: 7px;}
  .search-icn img, .close-icn img{top: 5px; left: 5px; width: 20px; height: 20px; }
  .dynasty-intro{padding: 20px;} 
  .selected {background-position: right 10px top 50%, 0 0 !important; }
  .clear-btn{right: 0;}
 #search-inscription-form {width: 69%; }
 .search-container input{width: 270px;line-height: 32px;}
 .clear-btn {right: 5px; }
 .sig-ins-nav-wrapper .swiper-button-prev, .sig-ins-nav-wrapper .swiper-button-next{ height: 35px; width: 35px;}
 .suggestions-box-wrapper{top: 29%;}
}

/***min-width****************************************/
@media (min-width: 576px){ 
  .container{max-width: 565px;}  
 }
@media (min-width: 768px){

  .container{max-width: 720px;}
  .item-f, .item-j{width: 48%;}
  
}
@media (min-width: 992px){
  .container{max-width: 1100px;}
  .item-f, .item-j{width: 31.33%;}
 
}
/*@media (min-width: 1200px){ .container{max-width: 1140px;}}*/
@media (min-width: 1400px){ .container{max-width: 1215px;}}
@media (min-width: 1600px){ .container{max-width: 1430px;} .abt-para{gap: 12rem;}}
@media (min-width: 1800px){ .abt-para{gap: 11rem;}}

/***min-width ends*************************************/

@media (max-width: 576px){
      .mob-btn-section {
        top: 10.2rem;
    }
  .select-drp-cont{flex-direction: column; align-items: center;padding: 0 6px;}
.custom-select, #search-inscription-form{width: 100%;}
  .m-top-abt { margin-top: 30px; }
  .contact-flex { flex-direction: column; }
  .captchazone, .contact-submit { width: 100%; }
  .captchazone { margin-bottom: 25px; }
  .contact-submit { padding: 8px 0; }
  .date { margin-bottom: 0; }
  .blog-txt, .j-bnr-txt { left: 3%; }
/*  .contact-center { margin: 60px 0 60px; }*/
  .contact-details { margin-top: 30px; }
  .see-original-btn{font-size: 15px;}
/*  .fixed{max-width: 95%;}*/
 .sb-hdng-2 p{width: auto; }
 /*.dy-img-cont img {height: 280px; }*/
 .dynastylist-card-period{font-size: 20px;}
  .dynastylist-card-title{font-size: 12px;}
.options {top: calc(100% + 1px); }
.bnr-con, .bnr-con img{height: 80vh;}
.bnr-txt{top: 58%;}
.about-bnr-con, .ins-bnr-con, .details-page-bnr-con{min-height: 250px;}

}

@media (max-width: 550px){
  .sb-hdng { font-size: 20px; }
  .hdng { line-height: 30px; }
  .arrow{height: 45px; width: 45px;}
  .arrow.right-arr {right: -1.8rem; top:9rem; }
  .arrow.left-arr {left: -4rem; top:9rem; }
  .arrow.right-arr i {top: -24px; font-size: 28px; right: 1px;}
  .arrow.left-arr i {top: -24px; font-size: 28px; left: -3px;}
  .modal-content-scanned{margin: 8% auto 0;height: 773px;}
  .rel-ins-heading{font-size: 28px;}
  .rel-ins-hdng {
        font-size: 18px;
    }
  .rel-ins-article-name p, .sig-ins-article-name p {font-size: 15px; line-height: 16px; }
  .rel-ins-subheading p, .sig-ins-subheading p {font-size: 13px;line-height:18px; }
  .dynasty-pg-heading{font-size: 35px;line-height: 45px;}
  .dy-card-title, .dynasty-pg-card-cont .dy-card .dy-card-title {font-size: 14px;line-height: 22px; }
  .dy-card-period, .dynasty-pg-card-cont .dy-card .dy-card-period {font-size: 19px; }
  .dynastylist-top-heading {font-size: 42px; }
  /*.script-lines li, .original-text li, .original-text li span, .original-text p span, .original-text p{font-size: 1rem !important;line-height: 1.375rem !important;overflow-wrap: break-word;}*/
  .container{padding: 0 3%;}
}

@media (max-width: 510px){
  .seebtn {
    font-size: 18px;
  }
.sig-ins-card-cont a {width: 80%;}
.sig-ins-card-cont {justify-content: center;}
.rel-ins-container{padding: 2rem 2rem 3rem;}
.rel-ins-card-container .owl-nav{height: 2.4rem;}
.modal-content {width: 380px; height: 380px; }
.rel-ins-links-div {margin: 0 auto 10px;}
.arrow.right-arr {top:9rem; }
.arrow.left-arr {top:9rem; }
.dynasty-pg-card-cont .owl-nav .owl-prev{left: -2rem;}
.dynasty-pg-card-cont .owl-nav .owl-next{right: -2rem;}
.dynasty-heading{font-size: 38px;line-height: 15px;margin: 48px 0;}
.navigation-btns{width: 23%;}
.modal-content-scanned {margin: 12% auto 0; height: 715px; }
.rel-ins-article-name p, .sig-ins-article-name p, .rel-ins-subheading p, .sig-ins-subheading p{line-height: 20px;}
}

@media (max-width: 489px){
  .dy-nav-wrapper {
        top: 19rem;
    }
    .dy-card-title, .dynasty-pg-card-cont .dy-card .dy-card-title {font-size: 15px; line-height: 28px; } 
    .dy-card-period, .dynasty-pg-card-cont .dy-card .dy-card-period {font-size: 25px;line-height: 36px; } 
    .dy-top-part {padding: 30px; }
      .dy-pg-nav-wrapper{top: 16rem;}
      .dynasty-pg-heading{font-size: 32px;}
      .dynasty-pg{padding-bottom: 12%;}
}

@media (max-width: 480px){
     .det-top-heading {
        font-size: 25.23px;
        line-height: 33px;
    }
      .det-top-subhead {
        font-size: 17px;
        line-height: 25px;
    }
  .special-pages-spacing {
        padding-top: 20% !important;
    }
  .footer-col:nth-child(2) { width: 52.67%; }
  .footer-col:nth-child(3) { width: 40.33%; }
  .modal-content {width: 330px; height: 330px; }
  .pg-end-cont{padding: 0 5px;}  
  
  .search-container input {width: 228px; }
  .options {font-size: 12px; }
  
  .selected {background-position: right 0px top 50%, 0 0 !important; }
  
  .search-box-inscription{width: 87%;}
  .search-container input {padding: 0 8px 0 0;width: 192px;}
  .clear-btn {right: 8px; }
  .modal-content-scanned {margin: 20% auto 0; height: 674px; }
  .arrow.right-arr {top:8rem; }
  .arrow.left-arr {top:8rem; }
  .dynastylist-card {width:100%; }
  .dynastylist-img-cont{aspect-ratio: 4 / 3;}
  .dynastylist-top-heading{font-size: 37px;}
  .dynastylist-top-subhead{font-size: 16px;line-height: 24px;}
  .dynastylist-card-title {font-size: 15px; }
  .dynastylist-card-period {font-size: 25px; }
}
/*@media (max-width: 471px){*/
/*    .sig-ins-card-cont a {*/
/*        width: 47.5%;*/
/*    }*/
/*  }*/
@media (max-width: 430px){
.loader {
    width: 35px;
    height: 35px;

}
  .refresh-icon {
    left: 4px;
  }
  .rel-ins-links-div {
    margin-bottom: 10px;
  }
  .dy-nav-wrapper {
        top: 17rem;
    }
  .mob-btn-section{top: 9.5rem;}
  .options {top: calc(100% + 1px); }
  .index-btn.show{right: -2px;}
  .search-btn { margin-left: 10px; }
  .search-container{margin-bottom: 4.2rem;}
  .search-container input{line-height: 34.88px;}
  .category-header { font-size: 19px; }
  .tags{padding: 0 10px;}
  .tags a{line-height: 30px;font-size: 15px;}
  .tag-list ul li{line-height: 12.5px;}
  .content-cont{padding: 0 15px;}
  .article{padding-top: 15px;}
  .article-head { font-size: 20px; line-height: 27px;}
  .minitags{font-size: 13px;} 
  .text-head{font-size: 14px; line-height: 20px;}
  .lang-btn-container{margin-top: 15px;}
  .load-more { left: 39%; bottom: -36px; }
   
  .det-intro-details{font-size: 14px;line-height: 23px;}
  .content p b, .content p { font-size: 16px; line-height: 30px; }
  .modal-content { width: 320px; height: 320px; }
  .arrow{height: 40px; width: 40px;}
  .arrow.right-arr i {top: -29px; font-size: 23px; right: 2px;}
  .arrow.left-arr i {top: -29px; font-size: 23px; left: -4px; }
  .details-tag-list ul li{line-height: 17.5px;}
  .ftr-bx img { width: 220px; }
  .para, .about-para {font-size: 16px; }
  .join { margin-bottom: 50px; }
  .j-hdng { font-size: 15px; line-height: 23px; height: auto; font-weight: 700; }
  .date { font-size: 13px; }
  .jr-home-btn { width: 200px !important; }
  .fhead { margin-bottom: 5px; }
  .bnr-btn a { font-size: 18px;}
  .submit-msg{padding: 10px;}
  .share-btn .tooltiptext{left: -19px;}
  .selected{font-size: 13px;padding: 11.6px;}  
  /*.contact-center {margin: 10px 0 5rem; }*/
  .tbl-links a{font-size: 13px;}
  .btn-det{width: 165px;}
  #button-10-det .checkbox-det:checked + .knob-det:before {left: 80px;}
  #button-10-det .knob-det:before, #button-10-det .knob-det:after, #button-10-det .knob-det span{width: 64px;font-size: 13px;}
  #button-10-det .knob-det:after{right: 5px;}
  #button-20-det {width: 160px; } 
  #button-20-det .checkbox-det:checked + .knob-det:before {left: 77px;}
  #button-20-det .knob-det:after{right: 4px;}
  #button-20-det .knob-det:before, #button-20-det .knob-det:after, #button-20-det .knob-det span{font-size: 13px;width: 67px;}
  .full-view-btn::before{width: 36px;}
  .modal-content-scanned {margin: 30% auto 0;height: 600px; }
  .suggestions-box-wrapper{top: 36%; }
  .rel-ins-container {padding: 2rem 2rem 3rem; }
  .rel-ins-heading{font-size: 30px;}
  .navigation-btns{width: 27%;}
  .rel-ins-links{font-size: 16px; line-height: 34px;}
}

@media (max-width: 418px){
  .dy-nav-wrapper {
        top: 14rem;
    }
    .dy-prev {
        left: -1rem;
    }
        .dy-next {
        right: -1rem;
    }
 .top-heading { font-size: 28px; margin: 30px 0 10px}
 .hdng { line-height: 25px; }
 .contact-details { margin-top: 20px; }
 .contact-details label { font-size: 14px; }
 .contact-details input, .contact-details textarea { font-size: 14px; padding: 8px 8px; }
 .captcha-fill input {padding: 8px 15px;font-size: 1.15rem;}
 .contact-submit { font-size: 16px; }
 .view-more{font-size: 16px;}
 .gallery-image{padding: 0 10px;}
 .arrow.left-arr {left: -4rem; }
/* .toggle-btn-container{flex-direction: column;gap: 0;}*/
.search-box-inscription{width: 85%;}
.search-container input{width: 181px;}
.rel-ins-heading {font-size: 25px; line-height: 40px;}
.sb-hdng-2 p{font-size: 15px; line-height: 23px; }
}

@media (max-width: 400px){
.rel-ins-container {padding: 2rem 1rem 3rem; }
.sig-ins-card-cont a {width: 100%; }
.overlay {height: 20%; }
.mob-btn-section {top: 9.5rem; padding: 15px 12px; }
.clear-btn {right: 3px; }
.search-container input {width: 296px; }
.dy-card-cont .owl-nav {top: -20%; }
.selected {background-position: right 20px top 50%, 0 0 !important; }
.rel-ins-nav-wrapper .swiper-button-next {right: -2rem; }
.rel-ins-nav-wrapper .swiper-button-prev {left: -2rem; }
.modal-content-scanned {margin: 35% auto 0; height: 555px; }
}

@media (max-width: 376px){
  .top-heading { font-size: 25px;}
  .top-subhead{font-size: 14px;}
/*  .related-links a{font-size: 13px;}*/
/*  .filter-options label{font-size: 14px;}*/
  .category-header{font-size: 15px;}
  .tags{padding: 0 8px;}
  .tags a{line-height: 25px;font-size: 13px;}
  .det-top-heading { font-size: 24.23px; line-height: 28px; }  
  .det-intro{padding: 10px;}
  .org-btn { font-size: 16px; width: 120px; } 
  .org-btn.org-active { font-size: 18px; }
  .modal-content { width: 275px; height: 275px; }
  .close{width: 40px;height: 40px;right: -1rem;top: -1rem;}
  .close-sign {top: 23px;left: 2px;}
  .close i { top: 11px; left: 17px; }
  .footer-col:nth-child(2) { width: 50.67%; }
  .footer-col:nth-child(3) { width: 41.33%; }
  .search-container input::placeholder{font-size: 12px;}
/*  .full-view-btn{width: 110px;font-size: 12px;}*/
  .full-view-btn span.icon {right: 5px; }
  .search-icn img, .close-icn img{left: 4px;}
  .submit-msg {font-size: 13px; }
  .arrow.right-arr, .arrow.left-arr { top: 7rem; }
/*  .toggle-det-btn-container{flex-direction: column;gap: 0;}*/
  .clear-btn {right: -12px; }
  .modal-content-scanned {margin: 37% auto 0; height: 472px; }
  .rel-ins-subheading p{font-size: 11px;}
  .rel-ins-dynasty-name p{font-size: 13px;}
  .rel-ins-article-name p, .sig-ins-article-name p {font-size: 14px;line-height: 18px;}
  .rel-ins-keywords{font-size: 12px;}
  .dy-pg-nav-wrapper {top: 13rem; }
  .dynasty-pg {padding-bottom: 2%; }
  .dy-pg-prev{left: -1.8rem;}
  .dy-pg-next{right: -1.8rem;}
  .load-more{bottom: -47px;}
  .load-more{left: 36%; }
  .hdng{font-size: 23px;}
  .navigation-btns{width: 30%;}
  .modal-content-scanned {margin: 43% auto 0; height: 522px; }
}


@media (max-width: 346px){ 
  .top-heading { font-size: 24px;margin-top: 22px;}
  .gallery-head{font-size: 27px;}
  .suggestions-box-wrapper {top: 34%; }
  .dynastylist-card {width: calc(100% - 2rem); }
  .dynastylist-card-period {font-size: 23px; }
  .dynastylist-card-title {font-size: 14px; }
  .navigation-btns{width: 35%;}
 }

@media (max-width: 320px){
  /* .ins-bnr{margin-bottom: -55%;} */
  .top-heading { font-size: 24px; margin: 15px 0 10px; }
  .tag-list ul li{font-size: 13px;line-height: 10.5px;}
  .gallery-head{font-size: 25px;}
  .modal-content { width: 240px; height: 240px; }
  .det-editor-comment{padding: 10px;}
  .det-e-comment{font-size: 11px;}
  .det-original-text li, .det-roman-text li, .trans-text li{font-size: 14px;line-height: 25px;}
  .det-right-links{padding: 8px;}
  .det-related-links a{font-size: 14px;}
  .footer-col:nth-child(3) { width: 40.33%; }
  .det-top-heading { font-size: 23.23px; line-height: 33px; }  
  .submit-msg{font-size: 12px;}
  .options {font-size: 11px;line-height: 27px; }
  .search-container{padding: 0 8px;}
  .search-container input {padding: 0; }
  .search-box input::placeholder{font-size: 12px;}
  .search-icn, .close-icn{right: 0;}
  .arrow.right-arr {right: -1.5rem; top: 6rem; }
  .arrow.left-arr {left: -3.9rem; top: 6rem; }
  .selected {font-size: 11.5px;}
  .search-box-inscription {width: 80%; }
  .clear-btn{right: -22px;}
  .modal-content-scanned {height: 450px; }
  .view-more {font-size: 12px; }
  .back-btn, .share-btn{font-size: 16px;}
  .dy-card-title, .dynasty-pg-card-cont .dy-card .dy-card-title{font-size: 14px;}
  .load-more {bottom: -31px; }
  .tag-cont-2{flex-direction: column;align-items: flex-start;width: 50%;}
  .hdng {font-size: 21px; }
}