P{
	text-align: justify;
}
.container {
	max-width: 80%;
}
.top-header{
	position: relative;
	padding: 5px 0 7px;
}
.h-logo {
	display: flex;
	justify-content: center;
	align-items: center;
}
.h-logo h3 {
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 25px;
}
.h-logo h4 {
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	margin-bottom: 0;
}
.h-text {
	display: block;
	margin: auto;
	margin-left: 0;
	margin-right: inherit;
	padding-left: 15px;
}
.h-logo img{
	width: 105px;
}
.d-desk{
	display: block;
}
.d-mob{
	display: none;
}
.bnr_item{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 72vh;
}
.bnr-1{
	background-image: url(../images/fcrims/bnr-1.jpg);
}
.bnr-2{
	background-image: url(../images/fcrims/bnr-2.jpg);
}
.bnr-3{
	background-image: url(../images/fcrims/bnr-3.jpg);
}
.bnr-4{
	background-image: url(../images/fcrims/gray-bnr.jpg);
}
.bnr-5{
	background-image: url(../images/fcrims/bnr-1ols.jpg);
}
.ht-100{
	height:100%;
	position: relative;
}
.bnr_item .row{
	position: absolute;
	top: 75%;
	left: 0%;
	transform: translateY(-50%);
	width: 100%;
}
.sub-head{
	text-transform: inherit;
	font-weight: 500;
}
.bnrhead{
	margin: 8px 0 15px;
}
.hero-bnr .owl-carousel{
	z-index: 0;
	position: relative;
}
.hero-bnr .owl-prev span, .hero-bnr .owl-next span {
	color: #fff;
	font-size: 20px;
	border-radius: 50px;
	background: #303231bf;
	padding: 15px;
	line-height: 13px;
}
.hero-bnr .owl-prev, .hero-bnr .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}
.hero-bnr .owl-prev{
	left: 50px;
}
.hero-bnr .owl-next{
	right: 50px;
}
.vdo{
	background-image: url(../images/fcrims/vdo-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 50vh;
}  
.sec-dcenter{
	background-image: url(../images/fcrims/d-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	float: left;
	width: 100%;
} 
.pd-left5{
	padding-left: 5%;
}
.pd-rightt5{
	padding-right: 5%;
}
.br-right{
	border-right: 2px solid #dfdfdf;
}
.lslider_item img{
	margin-bottom: 15px;
	padding: 10px;
	background: none;
}
.clr-white{
	color: #ffffff;
}
.clr-blue{
	color: var(--bluee-color);
}
.sec-padding{
	padding: 80px 0;
}
.dbox{
	background: var(--yellow-color);;
	padding: 40px;
}
.ul-list{
	list-style-type: square;
	margin-left: 20px;
}
.ul-list li{
	border-bottom: 1px solid #afafaf;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.posted-in{
	font-size: 18px;
}
.d-grid{
	display: grid;
	color: #010101;
}
.scrollbar
{
	height: 420px;
	width: 100%;
	overflow-y: scroll;
	padding-right: 20px ;
}
#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
.portmg-gall-p{
	color: #010101;
}
.home-events .portmg-gall-p{
	color: #010101;
}
.fnt-18{
	font-size:18px;
}
.news-ticker {
	background: var(--yellow-color);
	color: #010101;
	overflow: hidden;
	white-space: nowrap;
	padding: 12px 0;
	position: relative;
}

.ticker-move {
	display: inline-block;
	white-space: nowrap;
	animation: scroll 30s linear infinite;
}

.news-item {
	display: inline-block;
	margin-right: 60px;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

.btn-style1-white {
	display: inline-block;
	border: 1px solid #f1f1f1;
	padding: 0px 35px;
	text-align: center;
	cursor: pointer;
	position: relative;
	font-size: 16px;
	overflow: hidden;
	color: #010101!important;
	margin-bottom: 0px;
	line-height: 40px;
	background: #f1f1f1!important;
}
.mr-bt30{
	margin-bottom: 30px;
}
.mr-bt20{
	margin-bottom: 20px;
}
.mr-bt50{
	margin-bottom: 50px;
}
.mr-tp50{
	margin-top: 50px;
}
.sec-mrbt100{
	margin-bottom: 80px;
}
.gallery {
	display: flex;            /* make both cols equal height */
	align-items: stretch;     /* stretch to same height */
}

.gallery > .col-lg-4,
.gallery > .col-8 {
	display: flex;
	flex-direction: column;   /* allow inner content to expand */
}

.row-n {
	flex: 1;                  /* take full available height */
	display: grid;            /* 2×2 grid */
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	padding: 5px;
	background: #fff;
	z-index:0;
}

.row-n .col-lg-6 {
	display: flex; 
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: bold;
	color: #fff;
	width: 100%;
	max-width: 100%;
}

/* 1st and 4th dark */
.row-n .col-lg-6:nth-child(1){
	background: url(../images/fcrims/bg-1.jpg);
	background-size: cover;
	background-position: center;
}
.row-n .col-lg-6:nth-child(4) {
	background: url(../images/fcrims/bg-2.jpg);
	background-size: cover;
	background-position: center;
}
.row-n .col-lg-6:nth-child(1) h4,
.row-n .col-lg-6:nth-child(4) h4{
	color: #f1f1f1;
}
/* 2nd and 3rd gray */
.row-n .col-lg-6:nth-child(2),
.row-n .col-lg-6:nth-child(3) {
	background: #dfdfdf;
}
.row-n .col-lg-6 a {
	display: flex;                 /* allow centering */
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;                  /* fill parent cell */
}


/*New*/
/* base (keeps your structure intact) */
.row-n .col-lg-6 {
	position: relative;
	overflow: hidden;               /* important: clips the pseudo-element */
	min-height: 100px;              /* keep whatever height you prefer */
	transition: box-shadow 0.25s ease;
}

/* ensure text is on top */
.row-n .col-lg-6 h4 {
	position: relative;
	z-index: 3;
	margin: 0;
	padding: 12px;                  /* optional spacing */
	pointer-events: none;           /* so clicks go to the anchor */
}

/* --------------------------
   1 & 4 — use ::before for image
   -------------------------- */
/* remove direct background from the cell (if previously set) */
.row-n .col-lg-6:nth-child(1),
.row-n .col-lg-6:nth-child(4) {
	background: none !important;
}

/* create the image layer */
.row-n .col-lg-6:nth-child(1)::before,
.row-n .col-lg-6:nth-child(4)::before {
	content: "";
	position: absolute;
	inset: 0;                         /* top:0; right:0; bottom:0; left:0; */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;           /* very important */
	transform: scale(1);               /* normal */
	transition: transform 0.6s ease;   /* smooth zoom */
	will-change: transform;
	z-index: 1;                        /* behind text */
}

/* put the exact images here (copied from your earlier CSS) */
.row-n .col-lg-6:nth-child(1)::before {
	background-image: url("../images/fcrims/bg-1.jpg");
}
.row-n .col-lg-6:nth-child(4)::before {
	background-image: url("../images/fcrims/bg-2.jpg");
}

/* zoom only the pseudo-element — stays clipped inside the parent */
.row-n .col-lg-6:nth-child(1):hover::before,
.row-n .col-lg-6:nth-child(4):hover::before {
	transform: scale(1.12);            /* tweak to taste: 1.08 - 1.18 */
	transform-origin: center center;
}

/* optional subtle shadow / lift on hover (doesn't change layout) */
.row-n .col-lg-6:nth-child(1):hover,
.row-n .col-lg-6:nth-child(4):hover {
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* --------------------------
   2 & 3 — gray boxes + overlay
   -------------------------- */
   .row-n .col-lg-6:nth-child(2),
   .row-n .col-lg-6:nth-child(3) {
   	background: #dfdfdf;
   }

/* overlay sits between the bg (none) and the text */
.row-n .col-lg-6:nth-child(2)::after,
.row-n .col-lg-6:nth-child(3)::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0);
	transition: background 0.28s ease;
	z-index: 2;
}

.row-n .col-lg-6:nth-child(2):hover::after,
.row-n .col-lg-6:nth-child(3):hover::after {
	background: rgba(255,255,255,0.5);
}

/* anchors fill the cell */
.row-n .col-lg-6 a {
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:100%;
	z-index: 4; /* clickable above pseudo elements */
}

/*New Ends*/




.enquiry-form {
	/*background: #f8f9fa;   /* light bg */
	/*border-radius: 8px;*/
	/*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
	padding: 20px 0;
}

.enquiry-form h5 {
	font-weight: bold;
	color: #333;
}
.form-control{
	margin-bottom: 20px;
}
.bnr_item.nb .row{
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	width: 100%;
}
.bnr_item.nb .a-box{
	position: relative;
	border-radius: 20px;
}
.bnr_item.nb img{
	border-radius: 20px;
}
.bnr_item.nb h4{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	color:#f1f1f1;
	padding: 40px 15px 10px 15px;
	background: -moz-linear-gradient(top, transparent 5%, black 100%);
	background: -webkit-linear-gradient(top, transparent 5%, black 100%);
	background: linear-gradient(to bottom, transparent 5%, black 100%);
	border-radius: 20px;
}
.bnr_item.bnr-5.nb h4{
	width: 75%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	color:#010101;
	padding: 40px 15px 10px 15px;
	background: none;
	font-size: 17px;
}
.hero-bnr h4{
	font-size: 18px;
}
.pd-right5{
	padding-right: 5%;	
}
.clr-blue{
	color:var(--bluee-color);
}
.ctm-list{
	list-style: disc;
	padding-left: 15px;
}
.ctm-list li{
	margin-bottom: 10px;
}
.portmg_team_section .portmg_team_member_text h5{
	margin-bottom: 20px;
}
.mr-bt8{
	margin-bottom: 8px;
}
.rd-more{
	color: var(--bluee-color);
	font-weight: 700;
	font-size: 16px;
	text-decoration: underline;
}
.mr-bt0{
	margin-bottom: 0;
}
.rd-more:hover{
	color: var(--yellow-color);
	text-decoration: underline;
}
.ctm-a:hover, .rd-more:active, .rd-more:focus{
	color: var(--bluee-color);
}
.modal-header {
	display: block;
	text-align: center;
}
.modal-header .close{
	position: absolute;
	top: 2%;


	right: 2%;
	background: var(--bluee-color);
	padding: 2px 10px;
	opacity: 1;
	height: 42px;
	line-height: 17px;
	height: 32px;
	margin: auto;
	color: #fff;
}
.modal-header .close span{
	font-size: 22px;
	font-weight: 600;
	line-height: 22px;
}
.fc-img{
	border: 3px solid var(--yellow-color);
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
}
.modal-body {
	padding: 3rem;
}
.modal-title {
	font-size: 25px;
}
.desig{
	color: #fc9508;
	font-size: 14px;
	font-weight: 500;
	margin-top: 5px;
}
.row .p-logo{
	width: 12.5%;
	max-width: 12.5%;
	padding: 10px;
}
.row .p-logo img{
	border: 1px solid var(--bluee-color);
}
.mr-auto{
	margin: auto;
}
.pos-relative{
	position: relative;
}
/* ✅ Make the content box scrollable */
.text-scroll {
	max-height: 200px;      /* adjust height as needed */
	overflow-y: auto;
	padding-right: 15px;    /* space for scrollbar */
	scrollbar-width: thin;  /* Firefox */
}

/* ✅ Optional: Custom scrollbar styling (for WebKit browsers) */
.text-scroll::-webkit-scrollbar {
	width: 4px;
}
.text-scroll::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}
.text-scroll::-webkit-scrollbar-thumb {
	background: #999;
	border-radius: 4px;
}
.text-scroll::-webkit-scrollbar-thumb:hover {
	background: #555;
}
.heading_style1 h3.ctm-head {
	font-size: 25px;
	text-transform: none;
	padding-bottom: 15px;
	line-height: 35px;
}
/*tab content*/
.row-flex {
	display: flex;
	flex-wrap: nowrap; /* left and right stay side by side */
	align-items: stretch; /* both columns stretch to same height */
}

.nav-pills .nav-link {
	border-radius: 0;
	border: 1px solid #ddd;
	margin-bottom: 5px;
	font-weight: 500;
	color: #333;
	text-align: left;
	padding: 10px 25px;
}

.nav-pills .nav-link.active {
	background-color: #0d6efd;
	color: white;
}
.tab-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding-left: 5%;
}

.tab-pane {
	flex: 1; /* fill remaining height */
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: var(--bluee-color)!important;
}
.main_nav_ul{
	margin-bottom: 0;
}
.main_nav_ul a{
	text-decoration: none;
}
.text-border-bottomleft::after {
	display: block;
	height: 2px;
	width: 125px;
	content: "";
	background: var(--bluee-color);
	background-size: 300% 300%;
	background-position: center center;
	margin-top: 5px;
	margin-bottom: 25px;
}
.clist{
	list-style: disc;
	margin-left: 2%;
}
.clist li{
	margin-bottom: 8px;
}
.i-img{
	width: 50%;
}
.ctm-table td, .ctm-table th {
	padding: 10px;
}
.tab-pane .portmg_team_section .portmg_team_item{
	height: 100%;
}
.lac-pic {
	width: 150px;
	margin-bottom: 15px;
}
a:hover, a:focus {
	color: var(--bluee-color);
}
.ul-list.inner li {
	border-bottom: 1px solid #afafaf;
	margin-bottom: 16px;
	padding-bottom: 2px;
}
.ul-list.inner-list{
	list-style-position: inside;
}
.ul-list.inner-list li {
	border-bottom: none;
	margin-bottom: 16px;
	padding-bottom: 2px;
	background: #f1f1f1;
	padding: 12px 20px;
	box-shadow: 3px 3px 4px rgb(185 175 175 / 60%);
}

.ctm-list li{
	margin-bottom: 5px;
	padding-bottom: 2px;
	font-size: 14px;
}
.ctm-list{
	margin-bottom: 30px;
}

.n-list{
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 20px;
}
.d-flex p{
	display: flex;
}
.f-div .d-flex strong{
	margin-right: 10px;
}
.f-div p{
	margin-bottom: 8px;
}
.pd-left0 {
	padding-left: 0%;
}
.fac-data{
	padding: 20px 30px;
	background: #ffffff;
	box-shadow: 2px 2px 5px #b1a9a9;
	border: 1px solid #e3e3e3;
}
.nav-pills.nv .nav-link{
	margin-bottom: 0;
}