#contn-banner-inner{position:relative}
#contn-banner-inner img{width:100%}
.skew-bg-brdcrmp{background:#001040cf;width:52%;position:absolute;top:0;bottom:0;left:0;clip-path: polygon(76.89% 101.37%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%);}
.inner-brdcrmp-common{position:absolute; top: 303px; left: 178px; font-size:20px;letter-spacing:1px}
.inner-brdcrmp-common h1{font-size:55px;color:#fff;font-weight:200;text-transform:uppercase;letter-spacing:1px}
#contn-banner-inner ul li{display:inline-block;padding:0;color:#fff;text-transform:uppercase; font-weight: 200; }
#contn-banner-inner ul li svg{position:relative;top:-1px}

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}

#contentpage-wrapper { background: #eee; }
/*.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: 16px; }
#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-color:#204c8e}
#content-sidemenubar .submenu-item{padding:12px 20px;border-top:1px solid #ddd;position:relative;color: #fff;}
#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: -117px auto 0; position: relative; padding: 52px 52px 52px 70px; left: -12px; box-shadow: 0px 3px 6px #00000070; 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; }

.blog-card-wrapper{margin-top:10px}
.blog-card{ background: url(../images/bg_6.webp); border-radius:34px;overflow:hidden;margin-bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform .3s ease,box-shadow .3s ease; }
.blog-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}
.blog-card img{width:100%;height:auto;object-fit:cover}
.blog-card-body{padding:18px}
.blog-date { font-size:14px;color:#c89b3c; }
.blog-title{font-size:34px;margin:8px 0 10px;color:#1f2d3d}
.blog-desc{font-size:16px;line-height:1.6;color:#555}
.blog-btn{ display: inline-block; color: #fff; font-weight: 600; text-decoration: none; background: #c89b3c; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; padding: 12px 21px; border-radius: 5px; }
.blog-btn:hover{text-decoration:underline}
#blogppage-stylle { background: #e9e7e1; }
.blog-pg-wrpr { background: #f4f4f4; box-shadow: 0px 0px 3px 3px #0000000d; padding: 47px; margin: -106px auto 0; position: relative; border-radius: 30px 30px 0 0; }
.blog-card { margin-bottom:25px; }
#blogppage-stylle .container { max-width: 82%; }



.blog-detail-img{width:100%; background:#f5f5f5;margin-bottom:20px}
.blog-detail-img img{width:100%;height:100%;object-fit:contain}
.comment-section{margin-top:40px;padding:25px;background:#fff;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.comment-title{margin-bottom:20px;font-size:20px}
.comment-form .form-group{margin-bottom:15px}
.comment-form label{display:block;margin-bottom:6px;font-weight:600}
.comment-form input,.comment-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}
.comment-form input:focus,.comment-form textarea:focus{border-color:#c89b3c;outline:none}
.comment-btn{background:#c89b3c;color:#fff;padding:10px 22px;border:none;border-radius:4px;font-weight:600;cursor:pointer}
.comment-btn:hover{background:#b3872f}
.required{color:red;font-weight:700}
.contnt-pg-leftt { background: #fff; margin: -89px auto 0; position: relative; padding: 47px; }
.sidebar {
  flex: 0 0 410px;
  position: sticky;
  top: 100px;
  height: fit-content;
  border-radius: 0px;
  padding: 33px;
  letter-spacing: 0px;
  font-size: 16px;
}
.content-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  gap: 0px;
  max-width: 100% !important;
  padding: 0;
}
.main-content{ flex: 1; width: 100%; border-radius: 0; padding: 0px 0px;  }
@media (max-width: 992px) {
  .content-wrapper{flex-direction:column}
  .sidebar{position:relative;top:0}
}
.accordion-menu h3 { font-weight: 600; font-size: 25px; }

@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; }
	.blog-pg-wrpr { background: none; box-shadow: none; padding: 0px; margin: 0px auto; }
	#blogppage-stylle { padding: 58px 0 0; }
	.content-wrapper { display: block; }
	.contnt-pg-leftt { margin: 60px auto 0;padding: 21px; }
}
@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; }
	.blog-pg-wrpr { background: none; box-shadow: none; padding: 0px; margin: 0px auto; }
	#blogppage-stylle { padding: 58px 0 0; }
	.content-wrapper { display: block; }
	.contnt-pg-leftt { margin: 60px auto 0;padding: 21px; }
}
@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; }
	.blog-pg-wrpr { background: none; box-shadow: none; padding: 0px; margin: 0px auto; }
	#blogppage-stylle { padding: 58px 0 0; }
	.content-wrapper { display: block; }
	.contnt-pg-leftt { margin: 60px auto 0;padding: 21px; }
}
@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%; }
	.blog-pg-wrpr { background: none; box-shadow: none; padding: 0px; margin: 0px auto; }
	#blogppage-stylle { padding: 58px 0 0; }
	.content-wrapper { display: block; }
	.contnt-pg-leftt { margin: 60px auto 0;padding: 21px; }
}
@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; }
	.blog-pg-wrpr { margin: -39px auto 0; }
	.content-wrapper { display: block; }
	.contnt-pg-leftt { margin: 60px auto 0;padding: 21px; }
}
@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; }
	.blog-pg-wrpr { margin: -39px auto 0; }
	#blogppage-stylle .container { max-width: 93%; }
}
@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: 78px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
	#blogppage-stylle .container { max-width: 90%; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 136px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
	blogppage-stylle .container { max-width: 90%; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 150px; 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) {

}