/*=============================
        COUNTER SECTION
==============================*/

.counter-section{
    background:#006600;
    border-radius:15px;
    margin:60px auto;
    color:#fff;
}

.counter-box{
    padding:20px;
}

.counter-box i{
    font-size:45px;
    color:#ffffff;
    margin-bottom:15px;
}

.counter-box h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:8px;
    color:#fff;
}

.counter-box p{
    font-size:16px;
    margin:0;
    color:#d9f7d9;
}

.border-start{
    border-left:1px solid rgba(255,255,255,.25)!important;
}

@media(max-width:991px){

    .border-start{
        border-left:none!important;
    }

    .counter-box{
        border-bottom:1px solid rgba(255,255,255,.20);
    }

    .counter-box:last-child{
        border-bottom:none;
    }

}






/*=========================
      ABOUT SECTION
==========================*/

.about-section{
    padding:90px 0;
    background:#f8f9fa;
}

.about-tag{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.about-title{
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
}

.about-title span{
    color:#0d6efd;
}

.about-text{
    font-size:17px;
    color:#666;
    line-height:1.9;
}

.about-feature{
    background:#fff;
    padding:14px 18px;
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
    font-weight:600;
}

.about-feature:hover{
    transform:translateY(-5px);
    color:#0d6efd;
}

.about-feature i{
    color:#0d6efd;
    margin-right:8px;
}

.about-section img{
    transition:.5s;
}

.about-section img:hover{
    transform:scale(1.03);
}
/*====================================
    WHY CHOOSE US
====================================*/

.why-choose{
    background:#f8f9fa;
}

.why-choose .choose-box{
    background:#fff;
    padding:35px 30px;
    border-radius:15px;
    text-align:center;
    transition:.4s;
    height:100%;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.why-choose .choose-box:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.why-choose .icon{
    width:80px;
    height:80px;
    margin:auto;
    margin-bottom:20px;
    border-radius:50%;
    background:#0d6efd;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.4s;
}

.why-choose .choose-box:hover .icon{
    transform:rotateY(180deg);
}

.why-choose .icon i{
    font-size:34px;
    color:#fff;
}

.why-choose h5{
    font-weight:700;
    margin-bottom:15px;
}

.why-choose p{
    color:#6c757d;
    line-height:1.8;
    margin:0;
}
/*=========================================
        ABOUT SECTION
=========================================*/

body{
    font-family: 'Poppins', sans-serif;
    background:#f8f9fa;
    color:#333;
}

/* Section */

#about{
    padding:80px 0;
    background:#f8f9fa;
}

/* Heading */

#about .badge{
    font-size:14px;
    letter-spacing:1px;
    border-radius:30px;
    padding:10px 20px;
}

#about h2{
    font-weight:700;
    color:#222;
}

#about h3{
    font-weight:600;
    color:#0d6efd;
}

#about p{
    line-height:1.8;
    color:#666;
}

/* Image */

#about img{
    width:100%;
    border-radius:20px;
    transition:.4s ease;
}

#about img:hover{
    transform:scale(1.03);
}

/* Features */

#about .d-flex{
    padding:15px;
    border-radius:12px;
    transition:.3s;
}

#about .d-flex:hover{
    background:#ffffff;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transform:translateY(-5px);
}

#about i{
    color:#0d6efd;
}

/* Button */

#about .btn{
    border-radius:30px;
    padding:12px 35px;
    font-weight:600;
    transition:.3s;
}

#about .btn:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(13,110,253,.3);
}

/* Product Cards */

#about .card{
    border:none;
    border-radius:20px;
    transition:.4s;
    overflow:hidden;
}

#about .card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

#about .card i{
    font-size:55px;
    margin-bottom:20px;
    transition:.3s;
}

#about .card:hover i{
    transform:rotateY(180deg);
}

#about .card h5{
    font-weight:600;
    color:#222;
}

#about .card p{
    font-size:15px;
    color:#777;
}

/* Responsive */

@media (max-width:991px){

    #about{
        text-align:center;
    }

    #about .btn{
        margin-top:20px;
    }

}

@media (max-width:767px){

    #about{
        padding:60px 0;
    }

    #about h2{
        font-size:32px;
    }

    #about h3{
        font-size:24px;
    }

}














/* Table Header Styling */
.table-title {
    font-weight: bold;
    color: #009900;
    margin-bottom: 15px;
}

/* Base Custom Table Styles */
.custom-table {
    border-collapse: collapse;
    width: 100%;
}

/* Header Row Styling */
.custom-table thead th {
    background-color: #009900;
    color: #ffffff;
    font-weight: 600;
    padding: 12px 8px;
    border: none;
}

/* Body Rows Styling */
.custom-table tbody tr {
    border-bottom: 2px solid #fce8db;
}

/* Zebra Striping (Alternating row colors) */
.custom-table tbody tr:nth-child(even) {
    background-color: #ccebff;
}

.custom-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Table Cells Padding and Font */
.custom-table th, 
.custom-table td {
    font-size: 14px;
    white-space: nowrap;
}

.custom-table td {
    padding: 10px 8px;
    font-weight: 500;
    color: #333333;
}


















.sticky {
  position: -webkit-sticky;
  position: sticky;
  width:100px;
  position: fixed;
  bottom:2%;
  right:2%;
  z-index: 1;
  }













#background 
{

width:100%;
background:url(../images/footer1.jpg)no-repeat;
background-size:contain;/*contain,cover*/
background-attachment: fixed;
background-position: center;
background-size:cover;
padding-top:40px;
padding-bottom:40px;
height:500px;
}

#background3
{

width:100%;
background:url(../images/t1.jpg)no-repeat;
background-size:contain;/*contain,cover*/
background-attachment: fixed;
background-position: center;
background-size:cover;
padding-top:40px;
padding-bottom:40px;
height:500px;
}

#background1
{

width:100%;
background-color:#006600;/*url(../images/fo.jpg)no-repeat;*/
background-size:contain;/*contain,cover*/
background-attachment: fixed;
background-position: center;
background-size:cover;
padding-top:40px;
padding-bottom:20px;
color:white;
}

#background2
{
width:100%;
background-color:black;
padding-top:40px;
padding-bottom:20px;
color:white;
}
#slider
{
	margin-bottom:40px;
}
#audio
{
	width:20%
	background-attachment: fixed;
}
#vid
{
	width:40%;
	background-attachment:fixed;
	bottom:0%;
	left:0%;
}
#vis{
	visibility:hidden;
}
#ha1{
	padding-top:50px;
}

#ha1 h3
{
	font-family:arial;
	font-size:45px;
	color:gray;
}
#ha1 h4
{
	font-family:arial;
	font-size:45px;
	color:#31469b;
	
}
#hpro
{
	padding-top:50px;
}

h3
{
	font-family:arial;
	font-size:45px;
	color:#31469b;
}

l{
	color:grey;
}
#text2
{   
    font-family:arial;
	background-color:#e6e6e6;
	color:black;
}

#topn h3
	{
		font-family:arno pro;
	    font-size:40px;
		color:white;
		padding-top:50px;
		padding-left:50px;
	}
	#topn p
	{
		font-family:arno pro;
	    font-size:35px;
		padding-left:50px;
		padding-right:50px;
		color:white;
	}
	
	#topb
	{
		margin-bottom:150px;
	}
	
#sec1
{
	padding-top:150px;
}
#sec1 h3
{
	font-family:arial;
	font-size:40px;
	
}
#sec1 h4
{
	font-family:arial;
	font-size:25px;
	color:#cc2900;
}
#sec1 p
{
	color:#cc2900;
}

#sec2{
	padding-top:150px;
}

#sec2 h3
{   
	
	font-family:arial;
	font-size:45px;
	}
	
	#sec3 h3
	{
		font-family:arno pro;
	    font-size:40px;
		color:#cc2900;
	}
	#sec3 p
	{
		font-family:arno pro;
	    font-size:25px;
		padding-left:10px;
		color:#cc2900;
	}
	
#footer h4, h5, pre, a
	{
		color:white;
	}
	
.nav4
{
	color:red;
}
#text1
{   
    font-family:arial;
	background-color:;
	color:black;
}

	#btnco
	{
		text-align:center;
	}	
	
	#about{
	padding-top:150px;
	}
	
	#about h3
	{
		font-size:35px;
	}

	#about p
	{
		font-size:18px;
		color:gray;
	}
	
	.nav-item{
	padding-left:10px;
}

#asec
	{
		padding-top:40px;
		
		font-size:20px;
		background:#cc0000;
		color:white;
		height:400px;
	}
	
	#sc
	{
		box-shadow:1px 1px 1px rgba(0,0,0,.7);
		border:3px solid white;
		
		
	}
	
	#sc:hover
	{
		box-shadow:2px 2px 2px 2px #4d4d4d;
		border:none;
		
	}
	
	
	#sc, p
	{
	
    	font-style:italic;
	}
	
	
	@media only screen and (max-width:620px) {
  /* For mobile phones: */
   .carousel-inner, .hd1, #slider, #ma1
   {
	   display:none;	
  }
  
	}
	
	    #slider{
		height:500px;
        /*background-image: linear-gradient(red, yellow);*/
		background-repeat:no-repeat;
		background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(240,240,240,1));
		margin-top:-10px;
		padding-top:20px;
		}