/************************************************* Header ********************************************************************/
/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:60px; line-height:1; letter-spacing:-.02em;}
 
/************************************************* Content ********************************************************************/
.SerBox1{padding:30px; position:absolute; bottom:0%; left:-140px; z-index:99;display:flex;justify-content:center;align-items:start;}
.BgClr{background:#FFFFFF; background:linear-gradient(180deg,rgba(255, 255, 255, 1) 46%, rgba(230, 240, 230, 1) 46%);}
.position-absolute.start-0.bottom-50 {
  top: 45%;
font-size: 21px;
}
.comment-form-cookies-consent {
    display: flex;
    align-items: center; /* Vertically center the checkbox and text */
    gap: 8px; /* Space between checkbox and label */
    margin: 0; /* Remove default paragraph margins */
    padding: 10px 0; /* Optional: Add some vertical padding for spacing */
}

.comment-form-cookies-consent input[type="checkbox"] {
    margin: 0; /* Remove default margins on checkbox */
    vertical-align: middle; /* Fine-tune vertical alignment */
    width: 16px; /* Set consistent checkbox size */
    height: 16px; /* Set consistent checkbox size */
}

.comment-form-cookies-consent label {
    margin: 0; /* Remove default label margins */
    font-size: 14px; /* Adjust font size as needed */
    line-height: 1.5; /* Ensure text aligns well with checkbox */
}
/********** Footer ***************************************************************************************************/
#Footer{color:#fff;}
#Footer li.active a {color:#64aae8;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#64aae8;}
#Footer h4{font-size:32px;}
.CopyText{font-size:16px; line-height:1.4;}

#Footer .form-control{background:#fff; border-color:#fff; height:60px; color:#000;}
#Footer .btn{min-height:60px; font-size:20px; padding:6px 20px !important; min-width:unset;border-left:solid 2px #000 !important} 

.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/icon.png) no-repeat 0.1em 0.43em; padding:1px 0 1px 30px; margin:0px;}
 /**************Post style***********************/
 /* Uniform image sizing */
.card-img-top,
.sidebar-latest,
.horizontal-post-thumbnail img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* Horizontal post layout */
.horizontal-post {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.img-fluid.object-fit-cover {
  width: 100% !important;
  height: 243px !important;
  object-fit: cover !important;
  display: block;
}
.card-img-top.object-fit-cover {
    width: 100% !important;          
    min-height: 300px !important;       
    object-fit: cover !important;   
    display: block !important;       
}

.thumb-top.card-img-top{
	
	 width: 100% !important;          
    max-height: 250px !important;       
    object-fit: cover !important;   
    display: block !important;   
}

/* Container styling */
.pageinations.mt-4 .nav-links {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 20px;
}

/* Pagination links */
.pageinations.mt-4 .nav-links a,
.pageinations.mt-4 .nav-links span {
  padding: 8px 16px;
  border-radius: 5px;
  text-decoration: none;
  color: #555;
  background-color: #f0f0f0;
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Hover effect */
.pageinations.mt-4 .nav-links a:hover {
  background-color: #8f0000;
  color: #fff;
  box-shadow: 0 4px 15px rgb(254, 189, 189);
}

/* Active page */
.pageinations.mt-4 .nav-links .current {
  background-color: #8f0000;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 4px 15px rgb(254, 189, 189);
  cursor: default;
}
.col-md-3.border-left-gray {
  border-left: 1px solid #ccc;
}

/* === Comments Wrapper === */
.comments-area {
  margin-top: 50px;
  background-color: #f9f9f9;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.comments-area h2, 
.comments-area h3 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  color: #333;
}

/* === Comment List === */
.comment-list {
  list-style: none;
  padding-left: 0;
}

.comment-list li.comment {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  position: relative;
}

.comment-author {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.comment-author img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin-right: 15px;
}

.comment-meta {
  font-size: 0.875rem;
  color: #777;
  margin-bottom: 10px;
}

.comment-content {
  font-size: 1rem;
  color: #333;
}

.reply {
  margin-top: 10px;
}

.reply a {
  font-size: 0.9rem;
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

.reply a:hover {
  text-decoration: underline;
}

/* === Comment Form === */
.comment-respond {
  margin-top: 40px;
}

.comment-respond h3 {
  font-size: 1.5rem;
  margin-bottom: 20px;
}

.comment-form {
  display: flex;
  flex-direction: column;
}

.comment-form input,
.comment-form textarea {
  margin-bottom: 15px;
  padding: 12px 15px;
  font-size: 1rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  transition: all 0.3s ease;
  width: 100%;
  background: #fff;
}

.comment-form input:focus,
.comment-form textarea:focus {
  outline: none;
  border-color: #8f0000;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}

.comment-form textarea {
  resize: vertical;
  min-height: 120px;
}

.comment-form .form-submit input[type="submit"] {
  background-color: #8f0000;;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}
#commentform p {
  margin-bottom: 5px;
}
.alm-btn-wrap .alm-load-more-btn {
  appearance: none;
background: #8f0000 !important;}
.comment-form .form-submit input[type="submit"]:hover {
  background-color: #000;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .horizontal-post {
        flex-direction: column;
    }

    .horizontal-post-thumbnail {
        width: 100%;
    }
}

 /************************************************/
/*************************************************************************************************************/
@media (min-width:992px) {
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:999; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}
#Footer .Copytext{letter-spacing:0.1em;}
.BigImg img {
    height:700px;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
}
}
@media (min-width: 1920px){.container {max-width:1590px !important;} body {font-size:20px;} }

@media (min-width: 1600px) {.container {max-width:1560px;} 
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
.navbar .navbar-nav .nav-link {font-size:20px;} .navbar-nav>li+li {margin-left:44px;} 
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){ }
/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.border-start{border:none !important;}
	.position-absolute.start-0.bottom-50 {
  position: static !important;
  margin-bottom: -19px !important;
}
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {.border-start{border:none !important;}

	.position-absolute.start-0.bottom-50 {
  position: static !important;
  margin-bottom: -19px !important;
}}

@media (max-width: 767.98px) {.border-start{border:none !important;}h1, .h1 {font-size:34px;}}

@media (max-width: 575.98px){
.MainBanner .Homebnr img,.MainBanner img {
    height:220px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
} #Footer{font-size:15px;} .MainBanner h1{font-size:30px;} .MainBanner h3{font-size:14px;}.MainBanner .ls-1{letter-spacing:normal;}h1, .h1 {font-size:36px;}
	.position-absolute.start-0.bottom-50 {
  position: static !important;
  margin-bottom: -19px !important;
}
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}