.section-h2 .ctitle {
	font-size: 170px;
	line-height: 100px;
	font-weight: 800;
	padding: 280px 0px;
}
.section-h2 {
	background-position: 50% -70px;
}
.mainbanner .sociallink {bottom: 100px;}

.teditor-container ul, .teditor-container li {
	list-style: initial;
}
.teditor-container li::marker {
	font-size: x-large;
}

.text-maroon {
	color: #AD1C27 !important;
}
.btn-maroon {
	background-color: #AD1C27; /* Custom Maroon color */
	border-color: #AD1C27; /* Matching border color */
	color: white; /* White text */
}
/* Hover state */
.btn-maroon:hover {
	background-color: #921121; /* Darker maroon on hover */
	border-color: #921121; /* Darker border on hover */
	text-decoration: none;
}
/* Focus state for accessibility (similar to Bootstrap's focus) */
.btn-maroon:focus, .btn-maroon.focus {
	outline: none;
	box-shadow: 0 0 0 0.25rem rgba(173, 28, 39, 0.5); /* Focus ring */
}
/* Active state (button when clicked) */
.btn-maroon:active {
	background-color: #7e141f; /* Even darker maroon when clicked */
	border-color: #7e141f;
}
/* Disabled state for btn-maroon */
.btn-maroon:disabled, .btn-maroon[disabled] {
	background-color: #f1d0d1; /* Lighter maroon for disabled state */
	border-color: #f1d0d1;
	color: #ccc; /* Light grey text for disabled state */
	cursor: not-allowed; /* Not-allowed cursor */
}


.innerbanner {
	position: relative;
}
.innerbanner .sliderimg {
	background-color: #101A28;
}
.innerbanner .sliderimg img {
	width: 100%;
	/*opacity: 0.6;*/
}
.innerbanner .textinfo {
	position: absolute;
	width: 100%;
	right: 0px;
	bottom: 150px;
}
body.ar .innerbanner .textinfo {
	right: unset;
	left: 0px;
}
.innerbanner .breadcrumb-container {
	position: absolute;
	width: fit-content;
	bottom: 0px;
}
.header-title {
	font-size: 70px;
	line-height: 96px;
	font-weight: 700;
	font-style: italic;
}
.fieldcol .custfield {
	height: 55px;
	background-color: #f8f8f8;
	width: 100%;
	float: left;
	font-size: 16px;
	color: #9E9E9E;
	direction: ltr;
	padding: 12px 20px;
}
body.ar .fieldcol .custfield {
	float: right;
	direction: rtl;
}
.fieldcol .custfield-tarea {
	background-color: #f8f8f8;
	width: 100%;
	float: left;
	font-size: 16px;
	color: #9E9E9E;
	direction: ltr;
	padding: 12px 20px;
}
body.ar .fieldcol .custfield-tarea {
	float: right;
	direction: rtl;
}
.fieldcol label {
	display: block;
	margin-bottom: 12px;
	font-size: 14px;
}
.fieldcol {
	margin-top: 30px;
	margin-bottom: 30px;
}

.clsformgroup .clsfieldcol .custfield::placeholder {
	color: #888888 !important;
	font-size: 16px;
}

label.error {
	color: #AD1C27 !important;
}

input.error, select.error {
	border-color: #AD1C27 !important;
}
.text-justify {
	text-align: justify !important;
}
.section-h1 .patternimg {
	width: 600px;
}
.section-h1 .patternimg img {
	width: 100%;
}
.clsnewbox .ctextinfo {
	height: 250px;
	overflow: auto;
}

.breadcrumb-item.active {
    color: white;
}
.breadcrumb-item>a {
    color: white;
	opacity: 70%;
}
.breadcrumb-item>a:hover {
	opacity: 90%;
}

/* Base submenu styles */
.custnav .menus .has-submenu {
	position: relative;
}

.custnav .menus .submenu {
	display: none;
	position: absolute;
	top: 100%; /* Position submenu below the parent item */
	left: 0;
	background-color: #ffffff; /* Background for the submenu */
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	padding: 10px 0;
	min-width: 200px;
	z-index: 50;
}
body.ar .custnav .menus .submenu {
	right: 0;
}

.custnav .menus .submenu li {
	padding: 5px 20px;
}

.custnav .menus .submenu li a {
	color: #333333;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}

.custnav .menus .submenu li a:hover {
	color: #AD1C27;
}
/* Show submenu on hover */
.custnav .menus .has-submenu:hover .submenu {
	display: block;
}

.about-iframe {
	max-width: 100%;
	width: 800px;
	height: 450px;
}
/*.section-invo1 {
	margin-top: -218px;
	z-index: 99;
	position: relative;
}*/
header .custnav .menus > li > a {
	text-transform: uppercase;
}
.custnav .menus .submenu li a {
	text-transform: initial;
}
.mobileln-ul li a {
	color: #333333;
}
.mainbanner .owl-carousel .owl-dots .owl-dot, .cbtn {
	border: none;
}

@media only screen and (max-width: 1699px) {
	.section-h2 .ctitle {padding: 200px 0px;}
	.section-h1 .patternimg {width: 530px;}
	.innerbanner .sliderimg {height: 400px;}
	.innerbanner .sliderimg img {height: 100%; object-fit: cover;}

}
@media only screen and (max-width: 1499px){
	.section-h2 .ctitle {font-size: 110px;}
	.section-h2 {background-position: 50% -40px;}
	.section-h1 .patternimg {width: 35%;}
	.header-title {font-size: 50px; line-height: 66px;}
	.clsnewbox .ctextinfo {height: 220px;}
}
@media only screen and (max-width: 1399px){
	.mainbanner .sociallink {bottom: 110px;}
	.clsnewbox .ctextinfo {height: 290px;}
}
@media only screen and (max-width: 1199px){
	.section-h2 .ctitle {padding: 135px 0px; font-size: 90px;}
	.section-h2 {background-position: 50% -50px;}
	.innerbanner .sliderimg {height: 360px;}
	.clsnewbox .ctextinfo {height: 250px;}
	.about-iframe {height: 385px;}
}
@media only screen and (max-width: 991px){
	.section-h2 {background-position: 50% 10px;}
	.mainbanner .sociallink {bottom: 25px;}
	.section-h1 .patternimg {width: 100%;}
	.clsnewbox .ctextinfo {height: 220px;}
}
@media only screen and (max-width: 767px){
	.section-h2 .ctitle {padding: 80px 0px; font-size: 60px;}
	.section-h2 {background-position: 50% -10px;}
	.mainbanner .sociallink {bottom: 20px;}
	.innerbanner .sliderimg {height: 310px;}
	.innerbanner .textinfo {bottom: 135px;}
	.header-title {font-size: 30px;line-height: 46px;}

}
@media only screen and (max-width: 575px){	
	.section-h2 {background-position: 50% 10px;}
	.innerbanner .sliderimg {height: 350px;}
	.innerbanner .textinfo {bottom: 115px;}
	.clsnewbox .ctextinfo {height: 190px;}
	.about-iframe {height: 280px;}

}
@media only screen and (max-width: 479px){
	.section-h2 .ctitle {font-size: 40px; line-height: 60px;}
	.section-h2 {background-position: 50% 30px;}
	.logo img, .flogo img {
		width: 80%;
	}
}