table{border-collapse:collapse;font-size:16px; width: 100%; }
table thead tr th { background: #c69e66; color: #fff; }
th{text-align:left;padding:10px!important;}
td{text-align:left;padding:11px;background:none}
tr:nth-child(odd){background-color:#FFF}
tr:nth-child(even){background-color:#f5f5f5}
table tr{border:1px solid #d7d5d5}

.two-col-left { background: #efeeff; box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.43); padding: 39px 28px; margin: 12px auto 26px;  border-radius: 14px; border: 1px solid rgba(20, 58, 109, 0.3098039216); }

#contentpage-wrapper {  }
/*.sidebar { margin-top: 39px; width: 95%; }*/
#content-sidemenubar .accordion-menu{width:100%;  }
#content-sidemenubar .menu-item{ position: relative; background: #fff; padding: 2px 18px; margin: 10px auto; border-radius: 6px; box-shadow: 0px 1px 2px 0px #0000003d; }
#content-sidemenubar .menu-title{padding:12px 0;cursor:pointer; font-size: 17px; color: #000; display:-webkit-box; transition: all 0.4s ease; display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400}
#content-sidemenubar .menu-title:hover{ background-color: $border-Color; padding-left: 11px; }
#content-sidemenubar .icon { font-size: 16px; position: absolute; right: 14px; top: 15px; background: #d0d0d0; padding: 0 7px; border-radius: 5px; }
#content-sidemenubar .submenu{display:none; background: linear-gradient(0deg,rgb(255, 255, 255) 1%, rgb(244, 244, 244) 100%); } 
#content-sidemenubar .submenu-item{padding:12px 20px;border-top:1px solid #ddd;position:relative;color: #000;}
#content-sidemenubar .submenu-item:hover{padding:12px 20px;border-top:1px solid #ddd; background: $border-Color; position:relative}
#content-sidemenubar .submenu.open,#content-sidemenubar .sub-submenu.open{display:block}
#content-sidemenubar .submenu-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;font-weight:400}
#content-sidemenubar .sub-submenu{display:none;background-color:$themeColorRed}
#content-sidemenubar .sub-submenu .submenu-item{padding-left:40px}

.custom-accordion .accordion-button:not(.collapsed){background-color:#002147;color:#fff;box-shadow:none}
.custom-accordion .accordion-button:focus{box-shadow:none;border-color:rgba(0,33,71,0.1)}
.custom-accordion .accordion-item{border-radius:15px;margin-bottom:10px;border:1px solid #dee2e6;overflow:hidden}
.custom-accordion .accordion-button{font-weight:600;padding:1.2rem}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { border-radius: 0;color: #fff; background: #c69e66 !important; }
.main-content { background: #fff; margin: 0 auto 0; position: relative; padding: 52px 52px 52px 70px; left: -12px; box-shadow: 0px 0px 6px #0003; border-radius: 0 0 0 0; }
.contnt-pg-leftt h2 { color: #c69e66; }
.contnt-pg-leftt h3 { color: #c69e66; }
.contnt-pg-leftt p { font-size: 16px; line-height: 30px; }

.content-wrapper{display:flex;flex-wrap:wrap;margin-top:0px;gap:0px;max-width:100% !important; padding: 0; }
.sidebar{ flex: 0 0 345px; position: sticky; top: 100px; height: fit-content; border-radius: 0px; padding: 32px 22px; letter-spacing: 0px; font-size: 16px; }
.main-content{ flex: 1; width: 100%; border-radius: 0; padding: 35px 46px 72px 72px; }
@media (max-width: 992px) {
  .content-wrapper{flex-direction:column}
  .sidebar{position:relative;top:0}
}




@media screen and (min-width:280px) and (max-width:388px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
}
@media screen and (min-width:389px) and (max-width:476px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
}
@media screen and (min-width:477px) and (max-width:575px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
}
@media screen and (min-width:576px) and (max-width:767px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .cntn-wdhh { float: left; width: 100%; }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 40px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1600px) and (max-width:1699px) {

}
@media screen and (min-width:1700px) and (max-width:1799px) {

}
@media screen and (min-width:1800px) and (max-width:1899px) {
  
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	
}
@media screen and (min-width:2000px) and (max-width:2999px) {

}
@media screen and (min-width:3000px) and (max-width:3999px) {

}
@media screen and (min-width:4000px) and (max-width:4999px) {

}
@media screen and (min-width:5000px) and (max-width:5999px) {

}