/*
Template Name: Art Web
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************checkout****************/
#checkout{
padding-top:30px;
padding-bottom:30px; 
 }

 .hero {
  text-align: center;
  padding: 80px 0;
  background-color: #1a1a1a;
}

.hero h1 {
  font-size: 48px;
  color: #a81c51;
  margin-bottom: 20px;
}

.hero p {
  font-size: 20px;
  color: #ccc; /* Light grey for contrast */
}

.cta-btn {
  padding: 12px 36px;
  background-color: #a81c51;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
}

.cta-btn:hover {
  background-color: #ff69b4;
}

/* Categories */
.categories {
  padding: 30px;
  background-color: #111;
}

.categories h2 {
  font-size: 32px;
  color: #a81c51;
  text-align: center;
  margin-bottom: 20px;
}

.category-list a {
  display: inline-block;
  margin: 10px 15px;
  padding: 10px 20px;
  background-color: #333;
  border-radius: 5px;
  color: #fff;
  transition: background-color 0.3s ease;
}

.category-list a:hover {
  background-color: #ff69b4;
  color: #000;
}

/* Forum Section */
.forum {
  padding: 40px 20px;
  background-color: #1a1a1a;
}

.forum h2 {
  font-size: 36px;
  color: #a81c51;
  text-align: center;
  margin-bottom: 30px;
}

.thread {
  background-color: #1c1c1c;
  padding: 20px;
  margin-bottom: 25px;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.thread:hover {
  background-color: #333; /* Slight hover effect on thread */
}

.thread h3 a {
  font-size: 24px;
  color: #a81c51;
}

.thread p {
  font-size: 16px;
  color: #ccc; /* Light grey for text */
}

.thread-info {
  font-size: 14px;
  color: #888; /* Slightly darker grey for meta information */
}
.checkout_1l1 .form-control{
 height:45px;
 margin-top:15px;
 margin-bottom:15px;
 border-radius:0;
 font-size:14px;
 background:#252525;
 color:#ddd;
 }
.checkout_1l1 .form-select{
height:45px;
 margin-top:15px;
 margin-bottom:15px;
 border-radius:0;
 font-size:14px;
 color:#ddd;
 }

.checkout_1r .button {
display:block;
text-align:center;
padding:15px 20px;
}
.checkout_1r{
border:1px solid #323131;
padding:25px 15px 30px 15px; 
 }
 
.checkout_1l1{
margin-left:0;
margin-right:0 
 }
.checkout_1r label {
font-size: 14px;
}
/*********************checkout_end****************/


@media screen and (max-width : 767px){
.checkout_1l h5{
text-align:center; 
 }
.checkout_1r{
margin-top:15px; 
 }
.checkout_1r h5{
text-align:center; 
 }
.checkout_1l1 h6{
text-align:center;  
 }
}

@media (min-width:576px) and (max-width:767px) {

 }

@media (min-width:768px) and (max-width:991px) {

 }
@media (min-width:992px) and (max-width:1200px) {

  }