#head{
	background-color: #333;
	color: #fff;
	font-weight: 600;
	font-size: 1.4em;
}

body{
	font-family: segoe ui;
	font-size: 1.4em;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}

.container{
	position: relative;
	text-align: center;
}
#navbar{
	width: 100%;
	padding: 0px;
	margin :0px;
	border-bottom: 1px solid #333;
}

#navbar i{
	margin-left: 10px;
}
#navbar li a{
	text-decoration-line: none;
	color: #000;
	font-size: 1.1em;
}

/* show case section */
#showcase a{
	text-decoration-line: none;
	color: #fff;
}
#showcase a:hover{
	color:#e3e3e3;
}
#navbar li{
	display: inline;
	margin-right: 20px;
	padding-bottom: 7px;
}

/* currect page show */ 
#select{
	border-bottom: 3px #333 solid;
}
#navbar li:hover{
	border-bottom: 3px #333 solid;
}
/* HOME PAGE */

/*Phone number input*/
input{
	width: 150px;
	height: 30px;
}
.primary{
	color: #56a79a;
}
#fotter{
  background-color: #333;
  color: #fff;
}
#fotter ul li{
	padding: 10px;
    list-style-type: none;
}
input{
	color: #000;
} 

#fotter i{
	padding-right: 20px;
}
#copy{
	background-color: #59a79a;
	color: #fff;
	padding: 20px;
	font-size: 1.3em;
}

/* center section */
#showcase{
	background: url('../images/pexels-photo-12064.jpeg') no-repeat  center ;
}
#showcase .row{
  height: 300px;
}
#showcase{
	color: #fff;
	border: 1px solid #000;
	background-color: #59a79a;
}
.titleprimary{
	background-color: orange;
	border-radius: 1.3em;
	padding: 15px 30px; 
}

/* Products Section */

#products .video-container {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    animation: scaleFadeIn 2s ease-in-out forwards;
}

#products video {
    width: 100%;
    height: auto;
}

@keyframes scaleFadeIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}


#products {
    padding: 50px 0;
    background-color: #f7f7f7;
}

.product-list {
    list-style-type: none;
    padding: 0;
}

.product-item {
    padding: 15px 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;
    display: inline-block;
    width:200px;
}

.product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    background: orange;
    color: white;
}


/* Social Links Section */
#links {
    padding: 50px 0;
    background-color: #fff;
    text-align:center;
}

.social-app {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 100px;
    border-radius: 50%;
    background-color:white;
    transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s;
    margin: 0 auto;
    animation: pulsate 1s infinite;
}

@keyframes pulsate {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
}
.social-app .social-icon {
    width: auto; /* Adjust the width to your desired size */
    height:auto; /* Adjust the height to your desired size */
    border-radius: 1.2em;
}
.social-link {
    text-decoration: none;
    color: inherit;
}

.social-icon {
    max-width: 50px;
    max-height: 50px;
}

.social-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #333;
    transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s;
    margin: 0 auto;
    animation: bounce 0.3s ease infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

.social-circle .social-icon {
    width: 200px; /* Adjust the width to your desired size */
    height: 200px; /* Adjust the height to your desired size */
}