.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:96px;
	right:45px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
		 padding-top: 15px;
}

.my-float{
	margin-top:10px;
}
		.fancy-features .block-style-one{
			background:white;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			padding:20px;
			border-radius:15px;
		   }
		   .block-style-one .icon img{
			   width:80px;
		   }
		   .block-style-one .icon {
    flex: 0 0 64px;
			   max-width:80px;
			       padding-top: 24px;
		   }
		   

.portfolio-block-one .portfolio-content {
    background: aliceblue;
	padding:0px 0px 30px 0px;
}
.portfolio-block-one .portfolio-content p{
	padding:10px 20px 20px 20px;
		   }
		   .portfolio-block-one .portfolio-content .btn-link{
			   padding:10px 20px 20px 20px;
		   }
.portfolio-block-one .portfolio-img img {
  border-radius:20px 20px 0px 0px; 
}
		   .portfolio-block-one .portfolio-content .cat-btn{
			   width:100%;
			   font-size:20px;
			   border-radius:0px;
			   margin-bottom:8px;
		   }
		   @media screen and (max-width: 425px) and (min-width: 320px){
		   .hero-wrapper-one .single-slider {
    position: relative;
    padding: 80px 0 40px;
			   }
			   

 .hero-wrapper-one .hero-content h1 {
        font-size: 20px;
        line-height: 30px;
			   }
			.hero-wrapper-one .hero-content span.sub-title {
    color: #fff;
    margin-bottom: 5px;
}   
		   }
		   body .page {
    overflow: hidden;
    position: relative;
    z-index: 10;
}
	
	 /* Popup Container */
        .newsletter_popup_wrap {
            display: none; /* Initially hidden */
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            justify-content: center;
            align-items: center;
        }

        /* Popup Content */
        .newsletter_content {
            background: white;
            width: 600px;
            text-align: center;
            position: relative;
			
        }

        /* Close Button */
        .close {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 20px;
            border: none;
            background: none;
            cursor: pointer;
        }

        /* Form Styling */
        .form-row {
            margin: 10px 0;
        }

        .form-row input {
            width: 100%;
            padding: 8px;
        }

        .ttm-btn {
            background: black;
            color: white;
            border: none;
            cursor: pointer;
            padding: 10px;
            border-radius: 5px;
        }

        .ttm-btn:hover {
            background: #cc5500;
        }
			   .ns_image img{
				  padding:20px;
			   }
			   .ns_image{
				   width:45%;
			   }
			   .ns_text-content{
				      width: 55%;
    background: #0ab77e;
   
    padding: 17px 20px;
			   }
			    .ns_text-content h4{
					color:yellow;
					padding:15px 0px;
					
			   }
			    .ns_text-content p{
					color:white;
			   }
		#subscribe_form	   input[type="email"] {
    width: 100%;
			   }

        .newsletter-form {
            margin: 50px auto;
          
            text-align: center;
        }

      

        /* Modal Styling */
        .modal {
            display: none;
            position: fixed;
            z-index: 2;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .modal-content {
            background: black;
            padding: 20px;
            width: 700px;
            margin: 15% auto;
            border-radius: 10px;
            text-align: center;
            position: relative;
        }
	   .modal-content h1{
		   font-size:60px;
		   padding:20px 0px;
	   }
	     .modal-content h2{
		   font-size:40px;
			 text-transform:uppercase;
			 color:yellow;
			 padding:5px 10px;
	   }
	     .modal-content h6{
			 color:white;
			 padding:10px;
	   }

        /* Close Button */
       .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 1px 0 #fff;
    opacity: 2.5;
		   text-align:right;
	   }
        /* Form Input */
        input[type="email"] {
            width: 90%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

        /* Submit Button */
        .submit-btn {
            background-color: #28a745;
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
            border-radius: 5px;
        }
	   
 @media screen and (max-width: 425px) and (min-width: 320px){
	   .modal-content {
            width: 350px;
	 }
	   }