:root { 
 --white: #ffffff;
 --black: #000000;
 --gray:#999999;
  --light-grey: #B7B7B7;    /* new added */
    --light-grey-2: #D0D0D0;    /* new added */
    --blue: #2A8BEC;  /* new added */
 --albert-sans:'Albert Sans', sans-serif;
 --playfair-display:'Playfair Display', sans-serif;
 --crimson-text:'Crimson Text', serif;
 --inter:'Inter', sans-serif;
}
/* * {
  transition: all 300ms;
} */

body { font-family: var(--playfair-display); overflow-x: hidden; font-size: 16px; }
img { max-width: 100%; }
a, button, a:hover { text-decoration: none; transition: all 300ms; }
a, h3 a{
    color: var(--black);
    transition: all 0.3s ease-in;
}
button, select { outline: none !important; }
ul, ol { padding: 0px; margin: 0px; list-style: none; }
h1{font-size: 56px;font-weight: 400;line-height: 120%;}
h1, h2, h3, h4, h5, h6, p { margin: 0px; padding:0px }
p{color: var(--black);font-family: var(--playfair-display);font-size: 18px;font-weight: 400;line-height: 200%;margin: 0px;}
.ptb90 { padding-top: 90px;padding-bottom:90px; }
.pt110 { padding-top: 110px; }
.pb75 { padding-bottom: 75px; }
.pt120 { padding-top: 120px; }
.salmon-bg { background: var(--light-salmon); }
/* header css start */

.main-wrapper {
    margin-left: 48px;
    overflow-x: clip;
    transition: all .5s ease-in-out;
}


/*home banner start*/
.bannerSection .container-fluid {
    padding: 0px 75px 0px 90px;
}
.name-hari {
  color: var(--black);
    font-family: var(--albert-sans);
    font-size: 27px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.32px;
    margin-bottom: 60px;
}

.name-hari a {
    color: var(--black) !important;
}

.banner-inner {
    max-width: 1720px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: nowrap;
    
}

.bannerSection .content-box {
    max-width: 606px;
    width: 100%;padding: 0px;
        padding-top: 150px;
      
}
.bannerSection .image-box {
  padding: 0px;
    max-width: 905px;
    width: 100%;
  
}


.bannerSection .content-box h1 {
    color: var(--black);
    padding-bottom: 42px;font-family: var(--playfair-display);
}
.bannerSection .content-box p {
    color: var(--black);
   font-family: var(--playfair-display);
    font-size: 28px;
    font-weight: 400;
    line-height: 150%;
}


.section-head {
    max-width: 604px;
    margin: 0 auto;
    text-align: center;
}

.myWhySection .section-head {
    padding: 180px 0px 232px 0px;

}


.section-title{font-family: var(--playfair-display);font-size:40px;font-weight:400; line-height: 120%; color: var(--black);}
.section-para{font-family: var(--playfair-display);font-size:20px;font-weight:400; line-height: 120%; color: var(--black);font-style: italic;}



.my-why-content {
    max-width: 1038px;
    width: 100%;
    margin: 0 auto;
}

.left-box, .right-box {
    max-width: 50%;
    width: 100%;
}

.my-why-content .right-box .content-box:first-child,
.my-why-content .left-box .content-box:first-child {
    min-height: 400px;
}

.my-why-content p{  color: var(--black);
   font-family: var(--playfair-display);
    font-size:18px;
    font-weight: 400;
    line-height:200%; margin: 0px;}

.my-why-content p+p {
    margin-top: 24px;
}


.coHari-commune-sec .section-head {
    padding: 210px 0px 100px 0px;
}

.coHari-commune-sec .content-box {
    max-width: 772px;
    width: 100%;
    margin: 0 auto;
}

.coHari-commune-sec .content-box p+p {
    margin-top:50px;
}


/* latest section */
.latestSection .section-head {
    padding: 210px 0px 100px 0px;
}

.latest-tab {
    overflow-x: auto;
    overflow-y: clip;
    position: relative;
    flex-wrap: nowrap;
}

.tab-content-wrapper ul {
    max-width: 920px; width: 100%;
    margin: 0 auto;margin-bottom: 0px !important;
        padding-bottom: 40px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    flex-wrap: nowrap;
    gap: 25px;

}
.tab-content-wrapper ul li{
    width: 25%;
}


.tab-content-wrapper ul li.active {
    position: relative;
    background: #fff;
}
.tab-content-wrapper ul li.active:after {
    background: #000;
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -42px;
    content: "";
}

.tab-content-wrapper ul li h4 {
    color: #000;
    font-family: var(--playfair-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 5px;
}

.tab-content-wrapper ul li button {
    min-width: 200px; padding: 0;
}
.tab-content-wrapper ul li p {
    color: #858585;
   font-family:var(--crimson-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.tab-content-wrapper ul li h4,
.tab-content-wrapper ul li p {
    text-align: left;
    opacity: 15%;
}
.tab-content-wrapper ul li.active h4,
.tab-content-wrapper ul li.active p{opacity:100%;}

.tab-content-wrapper .content-box {
    max-width: 772px;
    margin: 0 auto;
    text-align: center;
    padding: 70px 0px 170px 0px;
}

.tab-content-wrapper .content-box small{font-size: 16px;font-weight: 400;line-height: 100%;color:var(--gray);font-family: var(--inter);}

.tab-content-wrapper .content-box h2 {
    font-size: 40px;
    line-height: 120%;
    font-weight: 400;
    margin: 15px 0px;
}

.tab-content-wrapper .content-box p {
    font-size: 18px;
    line-height: 160%;
    font-weight: 400;
    color: var(--gray);

}



.footerSection{padding: 25px 0px;border-top: 1px solid #D9D9D9; position: relative;}
.back-to-top {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
        max-width: 105px; width: 100%;margin-left: 12px;
}

.back-to-top a{max-width:100%}
.social-links a,
.back-to-top a {
    font-family: var(--inter);
    color: var(--black);
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
}

.Copyright p {
    color:var(--gray);
     font-family: var(--inter);
     font-size: 12px;
    font-weight: 500;
    line-height: 120%;
}
.Copyright p a{
    color: var(--black);
    text-decoration: underline;
    font-weight: 600;
}
.Copyright p a:hover {color:var(--gray);}

.social-links a {
    position: relative;
    margin: 0px 7px;
}
.social-links a:last-child {
    margin-right: 0;
}

.social-links a:first-child {
    margin-left: 0;
}
.social-links a:hover{color:var(--gray);}

.social-links a:after {
    width: 2px;
    height: 15px;
    background: #999;
    position: absolute;
    left: auto;
    right: -10px;
    content: "";
    top: 0px;
}
.social-links a:last-child:after {
    display: none;
}


.main-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 48px;
    height: 100%;
    background: #E9E9E9;
    z-index: 9999;
    transition: all .5s ease-in-out;
    display: flex;
}
ul.menu-list {
    max-width: 350px;
    width: 100%;
}
ul.menu-list li {
    margin: 50px 0px;
}




ul.menu-list li:first-child {
    margin-top:0px;
}
ul.menu-list li:last-child {
    margin-bottom:0px;
}


ul.menu-list li a {
    font-size: 28px;
    font-weight: 700;
    line-height: 150%;
    color: #000;
}

ul.menu-list li a:hover{
    text-decoration: underline;
}

ul.menu-list li p {
    font-size:16px;
    font-weight: 400;
    line-height: 300%;
    color: #000;
        margin-top: 5px;
     transition: all .8s ease-in-out;
}



ul.menu-list li a,
ul.menu-list li p{
    visibility: hidden;
    opacity: 0;
  
}

.open-menu ul.menu-list li a,
.open-menu ul.menu-list li p{
    visibility: visible;
    opacity: 1;

}
ul.menu-list li a img {
    display: none;
}
body.open-menu{overflow: hidden;}
.open-menu ul.menu-list li p {
    line-height: 140%;
    color: #858585;
}
.open-menu ul.menu-list li.active p {
    color: #000;
}
.open-menu ul.menu-list li.active a {
    text-decoration: underline;
}
.open-menu ul.menu-list li:hover p {
   color: var(--black); 
}
.open-menu .main-menu{
    transition: all .5s ease-in-out;
    width:50%;  
}
.open-menu .main-wrapper{ transform: translate(50%);  opacity: 0.2; transition: all .5s ease-in-out;}

.tag-line {
    position: relative;
    height: 100%;
}
.btn-menu-bar,
.close-btn {
    border: none;
    background: none;
    box-shadow: none;
    width: 18px;
    padding: 0px;
    position: absolute;
    left:14px;
    right:auto;
}

.btn-menu-bar{
  top: 25px;
}

.close-btn {
top: 20px;
}

.close-btn{display: none;}
.btn-menu-bar .btn-bar,
.close-btn .btn-bar {
    width: 18px;
    height: 3px;
    background: var(--black);
    display: flex;
    flex-wrap: wrap;
    margin: 3px 0px;
    border: none;
    box-shadow: none;
}

.tag-line h5 {
    writing-mode: sideways-rl;
    position: absolute;
    left:12px;
    top: 75px;
}

.open-menu .close-btn{display: block;}
.open-menu .btn-menu-bar{display: none;}

.open-menu .close-btn .btn-bar:first-child {
    transform: translate(0, 11px) rotate(-45deg);
}
.open-menu .close-btn .btn-bar:last-child {
    transform: translate(0, 5px) rotate(45deg);
}

.menu-body{visibility: hidden;opacity: 0;}
.open-menu .menu-body {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 60px 30px 30px 100px;
    visibility: visible;opacity: 1; 
    align-content: space-between;
    overflow-y:auto; max-height:calc(100vh - 20px);
}

.menu-footer {
    width: 100%;
}


/* Divya css */

/* ---------------------------CO-TRAVELLER PAGE----------------------------- */
/* Banner section for inner pages  */

.bannerSection.innerBannerSec .content-box h1 {
    font-size: 88px;
    padding-bottom: 8px;
}


/* Alphabet scroll */
.alphabet-scroll {
    font-family: var(--inter);
    overflow-x: auto;
    white-space: nowrap;
    border-top: 1px solid #ddd;
    padding: 10px 0;
    display: flex;
    align-items: center;
    column-gap: 24px;
}

.alphabet-scroll a {
    font-size: 16px;
    text-decoration: none;
    color: var(--light-grey);
    font-weight: 500;
    letter-spacing: 3px;
}

.alphabet-scroll a.active {
    color: #000;
    font-weight: 700;
}

.alphabet-scroll::-webkit-scrollbar {
    height: 4px;
}

.alphabet-scroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* Columns content section  */
.co-traveller-content-sec {
    padding: 80px 0px;
}

.my-why-content.traveller-content {
    max-width: 100%;
}

.traveller-content p {
    font-size: 20px;
}
.traveller-content .section-title {
    line-height: 140%;
}

.my-why-content.traveller-content .content-box {
    min-height: 350px;
    margin-bottom: 80px;
}


.my-why-content.traveller-content .left-box .content-box {
    min-height: 350px;
    margin-bottom: 80px;
}

.my-why-content.traveller-content .right-box .content-box {
    min-height: 350px;
    margin-bottom: 80px;
}

.content-box .section-subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 180%;
    color: var(--black);
    margin-bottom: 24px;
}

 .section-link {
    font-family: var(--inter);
    display: inline-block;
    position: relative;
    font-size: 17px;
    font-weight: 700;
    line-height: 100%;
    color: var(--black);
    text-decoration: none;
    margin-top: 32px;
}

 .section-link svg {
    margin-left: 8px;
}

 .section-link::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #000;
    transition: transform 0.25s ease-out;
    margin: -6px 0px;
}

 .section-link:hover::after {
    transform: scaleX(1);
}

 .section-link::after {
    transform-origin: bottom center;
}

 .section-link:hover::after {
    transform-origin: bottom center;
}

/* Pagination section  */

.custom-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 33px;
    margin-top: 32px;
    font-family: var(--inter);
}

.custom-pagination .page-numbers {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex: 1;
}

.custom-pagination .page-numbers span,
.custom-pagination .page-numbers a {
    font-size: 18px;
    font-weight: 400;
    line-height: 180%;
    color: var(--gray);
    text-decoration: none;
    transition: all 0.3s ease;
}

.custom-pagination .page-numbers a:hover {
    color: var(--black);
}

.custom-pagination .page-numbers .active {
    color: #000;
}

.custom-pagination .prev,
.custom-pagination .next {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15px;
    color: var(--black);
    text-transform: uppercase;
}

.custom-pagination .prev.disabled {
    color: var(--light-grey-2);
}

/*new css for pagination*/
.custom-pagination .prev, .custom-pagination .next {
    justify-content: center;
}
 
a.next.page-numbers {
    position: absolute;
    right:0;
}
 
a.prev.page-numbers {
    position: absolute;
    left:0;
}
 
.custom-pagination .page-numbers {
    justify-content: center;
    flex:0;
    
}
 
.custom-pagination {
    justify-content:center;
    column-gap: 24px;
    position:relative;
}
 
.blog-inner-content:last-child{
    border-bottom:0;
}


.page-id-15 .pagination-wrapper {
    position: relative;
}
 
.page-id-15 .pagination-wrapper .page-numbers {
font-size: 18px;
    font-weight: 400;
    line-height: 180%;
    color: var(--gray);
    text-decoration: none;
    transition: all 0.3s ease;
    padding:0px 12px;
    font-family:var(--inter);    
}
 
.page-id-15 .pagination-wrapper .page-numbers:hover, .page-id-15 .pagination-wrapper .page-numbers:focus, .page-id-15 .pagination-wrapper .page-numbers:focus-visible{
    color:#000;
}


/* -----------------------------------CONVERSATIONS PAGE --------------------------------- */
.dividerSec .divider-line {
    white-space: nowrap;
    border-top: 1px solid #ddd;
    margin-bottom: 39.5px;
}

/* Blog Section */
.blog-inner-content {
    padding: 39.5px 0px;
    border-bottom: 1px solid #d9d9d9;
}

.left-text-blog {
    width: 60%;
}

.right-text-blog {
    width: 40%;
}

.blog-inner-content .section-title {
    line-height: 120%;
}

.blog-inner-content .text-date {
    color: var(--gray);
    font-family: var(--inter);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 8px;
}

.blog-inner-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    max-width: 725px;
}

.blog-inner-content .section-link:not(:last-child) {
    margin-right: 32px;
}

/* ------------------------------------CURRIES PAGE ----------------------------------- */
.curries-sec {
    max-width: 914px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.curries-sec .inner-content:nth-child(1) {
    border-top: 1px solid #d9d9d9;
}

.curries-sec .inner-content:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}

.pdy-64 {
    padding: 64px 0px;
}

.inner-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    max-width: 768px;
    margin: 8px auto;
}

.inner-content .text-date {
    font-family: var(--inter);
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
    text-align: center;
    color: var(--gray);
}


/* -------------------------------CALLS PAGE ------------------------------- */
.calls-inner-content:nth-child(1) {
    border-top: 1px solid #d9d9d9;
}

.calls-inner-content {

    padding: 80px 0px;
}

.calls-inner-content:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}

.calls-inner-content span {
    font-family: var(--inter);
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
}

.calls-inner-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    margin-top: 24px;
}


/* --------------------------------------- BLOG POST PAGE -------------------------------------- */
.inner-blog-sec {
    padding-top: 32px;
    padding-bottom: 60px;
    max-width: 772px;
    margin: 0 auto;
}
.inner-blog-sec .header-blog p{
    font-size: 30px;
    line-height: 100%;
    font-weight: 400;
}
.inner-blog-sec p,
.inner-blog-sec a {
    font-weight: 400;
    font-size: 20px;
    line-height: 180%;
}

.inner-blog-sec a {
    text-decoration: underline;
    color: var(--blue);
}

.title-head {
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    color: var(--gray);
}

.header-blog h1 {
    margin-top: 7px;
    margin-bottom: 24px;
}

.header-blog span {
    font-family: var(--inter);
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
    color: var(--gray);
}

.post-content-sec {
    margin-top: 80px;
}

.italic-text {
    font-style: italic;
}

.line {
    width: 100px;
    height: 2px;
    background: #000;
}

/* updated - 30-7-25 */
.blog-post-content .post-content-sec p:not(:first-child) {
    margin: 40px 0px;
}

.inner-blog-sec img {
    margin-top: 24px;
}

.post-content-sec {
    margin-top: 60px;
}

.section-title a:hover{
    text-decoration: underline;
    text-decoration-thickness: 2px;
}
.post-content-sec ul li:not(:first-child) {
    padding: 16px 0px;
}

.post-content-sec ul li {
    font-size: 20px;
    line-height: 180%;
    list-style-type: disc;
}

.post-content-sec ul {
    padding-left: 24px;
}
.calls-inner-content .col-lg-12:last-child {
    display: none;
}

@media only screen and (max-width:767px){
    .bannerSection .content-box{padding-bottom: 24px;}
}