/*


Theme Name: Next
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Multipurpose HTML5 Template
Version: 1.0.0
*/


/*
=================================
|***    Table of contents:   ***|
=================================

1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Hero Section
8. About us
9. Services
10. Fun facts
11. Projects
12. Pricing
13. Testimonial
14. CTA
15. Team
16. Video Banner
17. Shop
18. Marquee
19. Blog
20. Footer

Main Style file-> assets/css/main.css 
*/


.sticky-logo img {
    width: 200px;
}

.service-content ul li {
    /* line-height: 30px; */    
    list-style: inside;
}






.modal {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(77, 77, 77, .7);
  transition: all .4s;
}

.modal:target {
  visibility: visible;
  opacity: 1;
}

.modal__content {
  border-radius: 4px;
  position: relative;
  width: 500px;
  max-width: 90%;
  background: #fff;
  padding: 1em 2em;
}


.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #585858;
  text-decoration: none;
  font-size: 30px;
}


.modal__content h3 {
		
    padding: 20px 0;
}


input, select {
   color: #1a1a1a;
    font-family: "Montserrat", sans-serif;
    background: #f9f9f9;
    border: none;
    padding: 10px;
}

textarea {
    resize: vertical;
    color: #1a1a1a;
    font-family: "Montserrat", sans-serif;
    background: #f9f9f9;
    border: none;
    padding: 10px;
}





.input-wrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #f3f3f3;
}

.input-wrapper input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #f3f3f3;
  opacity: 0.5; /* Firefox */
}

.input-wrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #f3f3f3;
}

.input-wrapper input::-ms-input-placeholder { /* Microsoft Edge */
  color: #f3f3f3;
}

.input-wrapper input::-moz-placeholder { /* Firefox 19+ */
  color: #f3f3f3;
}

.input-wrapper input:-moz-placeholder { /* Firefox 18- */
  color: #f3f3f3;
}

a.theme-btn.bg-2 {
    font-size: 20px;
}

select {
    word-wrap: normal;
    width: 220px;
    height: 50px;
}


.hero-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../assets/img/hero/bg-shape.png);
    z-index: -1;
}

.grow-content h5 {
    color: #f23e31;
    font-weight: 400;
}

b {
    font-weight: 500;
}

.grow-content ul li {
    list-style: square;
}