/* white you custom css code here. only css code will work */
.header-variant-06 .navbar-area.nav-fixed, .header-variant-07 .navbar-area.nav-fixed, .header-variant-08 .navbar-area.nav-fixed, .header-variant-09 .navbar-area.nav-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #2775ff;
  z-index: 999;}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
    text-align: right;
}
body, p {
    color: #333333;
    -webkit-hyphens: auto;
  
  .hero-section {
            border:1px solid #ccc;
    		background:#fdfefe;
            color: primary;
            padding: 50px 0;
            border-radius: 15px;
        }
        .hero-text {
            padding: 20px;
        }
        .hero-text h2 {
            font-weight: bold;
        }
        .btn-custom {
            background-color: white;
            color: #17a64a;
            font-weight: bold;
            border-radius: 5px;
            padding: 10px 20px;
            display: inline-block;
            border: none;
        }
        .hero-image img {
            width: 100%;
            max-width: 400px;
            border-radius: 10px;
        }
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom: 10px
}

a {
    color: #333333;
    text-decoration: none;
    color: var(--paragraph-color)
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
    color: inherit
}