/********** Common CSS Starts **********/  
* {
     margin:0px;
     padding:0px;
}
 html, body {
     font-family Roboto, sans-serif, arial;
     font-size: 14px;
   margin-left: 0px;
     color: #242424;
}
 .container {
     width: 100%;
    margin-left: 0px;
     float: left;
     margin:0px;
}
 .main-section {
     width: 100%;
     float: left;
    margin-left: 1px;
     padding:50px 0px 40px 0px;
}
 .heading {
     font-size: 22px;
     font-weight: 500;
     border-bottom: 2px solid #ff5722;
     margin-bottom:25px;
     margin-left: 0px;
     color: #000000 !important;
}
/********** Common CSS Ends **********/
/********** Top Header Starts **********/  
.header-top {
     background: #8B0000;
     width: 100%;
     float: left;
}
 .header-left {
     list-style:none;
     float:left;
}
 .header-left li {
     float: left;
    margin-left: 20px;
     padding: 10px 0px;
     margin-right: 20px;
}
 .header-left li a {
     font-size:15px;
     color:#ffffff;
     text-decoration:none;
}
 .header-right {
     list-style:none;
     float:right;
}
 .header-right li {
     float:left;
     padding: 10px 0px;
     margin-right:12px;
}
 .header-right li a {
     font-size:16px;
     color:#ffffff;
     text-decoration:none;
}
/********** Top Header Ends **********/
/********** Logo CSS Starts **********/  
.logo {
    
     width:100%;
     float: left;
}
/********** Logo CSS Ends **********/
/********** Main Menu CSS Starts **********/  
.bg-dark {
    background:#000000 !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255 / 97%);
    margin:25px !important;
    bg-colour: #000;
    font-size:22px;
}.navbar-dark .navbar-nav .nav-link: hover{
  background:red;  
}
.slider-container3 {
    width: 100%;
    overflow: hidden;
}

.slides {
    display: flex;
    transition: transform 0.8s ease-in-out;
}

.slide {
    min-width: 100%;
    overflow: hidden;
}

.slide img {
    width: 100%;
    height: auto;
}

.slide:nth-child(1) {
    animation: animateslider 08s infinite;
}

.slide:nth-child(2) {
    animation: animateslider 12s infinite 2s;
}

.slide:nth-child(3) {
    animation: animateslider 12s infinite 2s;
}

@keyframes animateslider {
    0% { transform: translateX(0); }
    25% { transform: translateX(0); }
    30% { transform: translateX(-100%); }
    55% { transform: translateX(-100%); }
    60% { transform: translateX(-200%); }
    85% { transform: translateX(-200%); }
    100% { transform: translateX(-300%); }
}
.slider-container2 {
    width: 100%;
    overflow: hidden;
}

.slides {
    display: flex;
    transition: transform 0.8s ease-in-out;
}

.slide {
    min-width: 100%;
    overflow: hidden;
}

.slide img {
    width: 100%;
    height: auto;
}

.slide:nth-child(1) {
    animation: animateslider 08s infinite;
}

.slide:nth-child(2) {
    animation: animateslider 12s infinite 2s;
}

.slide:nth-child(3) {
    animation: animateslider 12s infinite 2s;
}

@keyframes animateslider {
    0% { transform: translateX(0); }
    25% { transform: translateX(0); }
    30% { transform: translateX(-100%); }
    55% { transform: translateX(-100%); }
    60% { transform: translateX(-200%); }
    85% { transform: translateX(-200%); }
    100% { transform: translateX(-300%); }
}

 /********** Top Header Starts **********/  
.top-header {
     background:white;
     width:100%;
     padding:5px 0px;
     border-bottom: 1px solid #3131315e;
}
 .news-list {
     background: black;
     color: white;
     padding: 6px;
     font-size: 20px;
}
 .headquote {
     font-size:17px;
     color:black;
     width:55%;
}
/********** Top Header Ends **********/
/********** About Us CSS Starts **********/
}
 .main-saction about-us div {
     width:98%;
     margin-left:20px;
     float:left;
     line-height:35px;
}
.logo1 img{
    width: 100%;
}
/********** About Us CSS Ends **********/
  


/*********** testmonial ********/
.container {
  max-width: 100%;
  width:100%;
  margin: 10px auto;
  text-align: center;
}

h1 {
  color: #333;
}

.card-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}

.card {
  background-color: #fff;
  width: calc(25% - 20px);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}

.card:hover {
  transform: translateY(-5px);
}

.card img {
  width: 100%;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto 15px;
}

.card h2 {
  font-size: 1.2rem;
  color: #333;
}

.card p {
  color: #666;
}
/********** Footer CSS Starts **********/  
.footer {
     background-color:#000000;
     padding:70px 0px;
     width:100%;
     float:left;
}

.footer-sect {
   width:33%;
     float:left;
}
 .footer-sect h2 {
     color:#fff;
     margin-bottom: 5px;
     margin-left: 25px;
}
 .footer-sect p {
     color: #fff;
     line-height: 22px;
   margin-left: 20px;
     padding:0px 30px 20px 0px;
}
 .footer-menu li {
     width: 50%;
     float: left;
   margin-left: 45px;
     margin-bottom: 10px;
}
 .footer-menu li a {
     color:#fff;
     text-decoration: none;
}
 .footer-contact li {
     margin-bottom:10px;
    margin-left: 42px;
     list-style: none;
     color: #fff;
}


/********** Footer CSS Ends **********/
.footer2-2 {
  left: 0;
  bottom: 0;
  width: 100%;
  background-color:#8B0000;
  color: white;
  text-align: center;
}
@media only screen and (max-width: 412px) {
  body {
      margin:0px;
    padding-right:0px!important;
    float: left;
  }
 .container {
     width: 250%;
     float: left;
     margin:10px;
     padding:10px;
     background:#FFFFF7;
}
.card {
  background-color: #fff;
  width: calc(48% - 35px);
  padding: 20px;
  padding-right:15px;
  border-radius: 10px;
  margin-top:15px;
  margin-left:10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}

.card h2 {
  font-size: 18px !important;
  color: #333;
}

.card p {
    font-size:8px !important;
    text-align:center;
  color: #666;
}
.p {
    font-size:10px;
    }
.header-right {
     list-style:none;
     float:left;
     margin-left:20px;
     margin-bottom:25px;
}
.heading {
     font-size: 22px;
     font-weight: 500;
     border-bottom: 2px solid #ff5722;
     margin-bottom:25px;
     margin-left: 20px;
     color: #000000;
     float:center;
}
.footer-sect {
   width:100%;
   list-style:none;
     float:right;
}
.header-top {
    height:130px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255 / 97%);
    margin:10px !important;
    bg-colour: black;
    font-size:16px;
}
.about-us img{
    width:90%;
}
}