/* Fix for third-level menu positioning */
#nav ul ul {
  top: 0;
  left: 100%; /* Default to right positioning */
  width: 285px;
}
/* Target only the third-level menu under the last menu item */
#nav > li:last-child > ul > li > ul {
  position: absolute;    /* Ensure proper positioning */
  top: 0;
  left: -100%;           /* Move it left (off-screen initially) */
  width: 285px;          /* Set width as needed */
  overflow-y: auto;      /* Enable scroll if needed */
}
.mt-10
    {
        margin-top:10px;
    }

    .m-20
    {
      margin:20px 0;
    }
  /* Main container stacks rows */
.maincontainer {
   
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    padding: 0 15px;
     display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    align-items: stretch; 
      grid-template-areas:
        "row0-left row0-right"
     
        "row1-left row1-right"
        "row2-left row2-right"
        "row3-left row3-right"
        "row4-left row4-right"
        "row5-left row5-right"; 
}



/* Other rows */
.row0-left  { grid-area: row0-left; }
.row0-right  { grid-area: row0-right; }

.row1-left  { grid-area: row1-left; }
.row1-right { grid-area: row1-right; }
.row2-left  { grid-area: row2-left; }
.row2-right { grid-area: row2-right; }
.row3-left  { grid-area: row3-left; }
.row3-right { grid-area: row3-right; }
.row4-left  { grid-area: row4-left; }
.row4-right { grid-area: row4-right; }
.row5-left  { grid-area: row5-left; }
.row5-right { grid-area: row5-right; }

 


/* Each row controls height sync */
/* .contentRow {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    align-items: stretch; 
} */

/* Left side: two columns */
.leftRow {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* Cards */
.leftRow .card {
    display: flex;
    gap: 16px;
    padding: 20px;
    box-sizing: border-box;
    align-items: flex-start;
    position:relative;
}
.resTab
{
        border: 1px solid #ccc !important;
        border-radius: 5px;
}
.b-radius
{
            border-radius: 5px;

}
/* Cards */
.rightBox .card {
    display: flex;
    gap: 20px;
    padding: 20px;
    box-sizing: border-box;
    align-items: flex-start;
    position:relative;
}

.flex-center
{
  align-items: center;
}
.contentwrap{
    flex-wrap:wrap;

}


/* Add vertical divider using pseudo-element */
.leftRow .card:first-child::after {
    content: "";
    position: absolute;
    top: -32px;       /* offset from top */
    bottom: 2px;    /* offset from bottom to avoid touching */
    right: 0;
    width: 1px;      /* thickness of the vertical line */
    background: #ccc;
}

.leftRowWrapper
{
position: relative;
}  


.leftRowWrapper::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px; /* moves border lower */
  width: 100%;
  height: 1px;
    background: #ccc;
}

/* Bottom borders
.leftRow .card {
    /* border-bottom: 1px solid #ccc; 
} */

.leftRowWrapper{
    /* border-bottom: 1px solid #ccc; */

}

.leftRow .card p{
  font-size:0.95rem;
}


/* Right side box */
.rightBox {
    /* background: #f3f3f3; */
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
    gap:20px;
    border-radius: 6px;
}
.rightBox .card p,h4{
    margin:0;
}
.rightBox .card h4{
    font-size:17px;
    color:#0e338a;
    font-weight: 700;
}
.bg-grey
{
    background: #f3f3f3;

}


/* Images */
.leftRow .card img {
    width: 80px;
    flex-shrink: 0;
}

.rightBox .card img
{
    max-width: 135px;
    height: auto;
    width: 100%;
    border: 4px solid white;
    box-shadow: 0 0 2px 0 rgb(9 24 61);
}
.mainHead
{
    padding: 4px;
    color: #bf4c46;
    font-size: 20px;
}
.tabContainer {
    height: auto;
    overflow: auto;
}
.amb-profile
{
        background: rgb(222, 245, 255);
       

}
.amb-profile img
{
    width:100%;
    max-width:120px;
     border: 4px solid white;
    box-shadow: 0 0 2px 0 rgb(9 24 61);
}

.viewProfileLink, .viewSpeechesLink
{
  text-align: left;
}

.leftRow .card h3
{

    font-weight:600;
    color:#0e338a;
    font-size:17px;

}


.leftRow .card .readmore {
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: #b34646;
  text-decoration: none;
  font-weight: 400;
  font-size:14px;
  cursor: pointer;
}

.rightBox strong {
  display: block;
font-size: 0.95rem;
}

.rightBox span {
  display: block;
font-size: 0.89rem;
 color: #555;
}

.rightBox .contentDiv
{
      
      width: 100%;
  font-size: 0.89rem;
  color:#0e338a;

}

.rightBox .contentDiv .readmore {
  display: block;      /* full width */
  text-align: right;   /* align text right */
  color: #b34646;
  text-decoration:none;
  font-size:14px;
}

.rightBox .contentDiv a:not(.readmore) {
  display: block;      /* force next line */
  color: #0e338a;
  text-align: right;    /* normal alignment */
  text-decoration:none;
}
.flxclmnDir
{
    flex-direction : column;
    align-items: center !important;
}
.modal {
            display: none;
            position: fixed;
            z-index: 999999;
            inset: 0;
            background: rgba(0, 0, 0, 0.6);
        }


        /* pdf Popup box */
.modal-content {
            background: #fff;
            width: 300px;
            margin: 15% auto;
            padding: 20px;
            text-align: center;
            border-radius: 6px;
            position:relative;
        }
 .btnpdf {
            display: inline-block;
            padding: 10px 20px;
            margin: 10px;
            /* background: #007bff; */
            background-color: #0e338a;
            /* Blue */
            color: #fff;
            text-decoration: none;
            border-radius: 8px;
        }

.btnpdf.fr {
            background-color: #0e338a;
            /* Blue */
            /* background: #6c757d; */
        }
.closepdf {
            float: right;
            font-size: 20px;
            cursor: pointer;
        }
        ul.commonListing.newThemeSchemes
        {
            border:none;
        }
        .tabContainer {
    max-height: 639px;
    overflow-y: auto;
}
/* Tablet & Mobile */
@media (max-width: 768px) {
    .contentRow {
        grid-template-columns: 1fr;
    }
    .leftRow
    {
        grid-template-columns: 1fr;

    }
    .leftRow .card:first-child::after {
        content: none;
    }
     .leftRowWrapper {
        border: none;
    }
.leftRow .card{

     border: 1px solid #ccc;
    margin: 5px;
    

}
       
      .maincontainer {
        display: grid;          
        grid-template-columns: 1fr; 
        grid-template-areas:
            "row0-right"
            "row1-right"
            "row1-left"
            "row2-left"
            "row2-right"
            "row3-left"
            "row3-right"
            "row4-left"
            "row4-right"
            "row5-left"
            "row5-right"
            "row0-left";  
        gap: 16px; 
    } 

    .footerLeft .left: {
      text-align:center;
    };
    
}

@media (max-width: 1199px) {
    .footerLogosSlider {
        padding: 0;
    }
}