html, body {
    margin: 0;
    padding: 0;
}

#mainwrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}

#mainwrapper > .container {
    width: 100%;
    margin: 0;
    padding: 0;
}

.material-symbols-outlined {
        font-variation-settings:
        'FILL' 0,
        'wght' 300,
        'GRAD' 425,
        'opsz' 48
    }

    .middle-part {
        min-height: 500px;
        padding: 0px !important;
    }

    a.button {
        background: #c31729;
        color: #ffffff;
        text-shadow: 0 0px 0 #ccc;
        border-color: #ccc;
        box-shadow: inset 0 0px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
        padding: 10px 20px;
        font-size: 16px;
        line-height: 1;
        border-radius: 00px;
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        border: 5px solid transparent;
        white-space: nowrap;
    }
              
    a.button:hover {
        background: #c5bdd2;
        color: #ffffff;
    }
    

    .imgParallaxClass {
      background: url("https://cdn.pesi23.com/images/fmshv1yrueqxknkswkkmma.png") 100% 0px; 
	}
    .header2-1 {
      background: url("https://cdn.pesi23.com/images/t9x5pnmpkklaifbzxwg9q.png") 100% 0px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; /* Center the background */
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .header2-1 {
        background-size: cover; /* Cover for better fit on smaller screens */
    }
}

@media (max-width: 768px) {
    .header2-1 {
        background-size: cover; /* Maintain cover style for responsive fit */
    }
}

@media (max-width: 480px) {
    .header2-1 {
        background-size: cover; /* Ensure image fills the area on mobile */
    }
}


    .parallaxShort {
          padding: 10px 0;
          background-attachment: fixed !important;
    }
    
    .div-5 {
       background-color: #F1F5F1; 
       margin: 0px;
       padding: 0px;
       border-radius: 10px;
       border:2px; 
       border-style:solid;
       border-color:#6a7d5f;
    }

    .div-6 {
       background-color: #6a7d5f; 
       margin: 0px;
       padding: 0px;
       border-radius: 10px;
       border:10px; 
       border-style:solid;
       border-color:#6a7d5f;
    }

    .div-7 {
       background-color: #F1F5F1; 
       margin: 0px;
       padding: 10px;
       border-radius: 10px;
       border:1px; 
       border-style:solid;
       border-color:#6a7d5f;
    }


    .rowhead {
      background: url("https://cdn.pesi23.com/images/fmshv1yrueqxknkswkkmma.png") 100% 0px;      
    }
    .rowbutton{
      max-width: 1680px;
    }
    .rowbutton2{
      max-width: 380px; 
    } 


    a.button2 {
        background: #ccc;
        color: #3b3b3b;
        text-shadow: 0 0px 0 #ccc;
        border-color: #ccc;
        box-shadow: inset 0 0px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
        padding: 1px 5px;
        padding-bottom: 3px;
        font-size: 14px; 
        line-height: 1;
        border-radius: 10px;
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        border: 5px solid transparent;
        white-space: nowrap;
    }
              
    a.button2:hover {
        background: #c5bdd2;
        color: #3b3b3b;
    }