*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px; /* Set the base font size for the root element */
}

/* Contact Start */
.contact-group{
    /* border: 1px solid red; */
    min-height: 70vh;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    position: relative;

    /* border: 1px solid red; */
}

.contact-group .content{
    /* border: 1px solid blue; */
    
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    min-height: 50vh;
    width: 100%;
}

.contact-group .content .card{
    /* border: 1px solid green; */

    text-align: center;


    padding: 50px;

    border-radius: 8px;

    background-color: #f0f1f1ef;
    color: #0b4f0b;
    border: 1px solid rgba(9, 115, 9, 0.399);

    box-shadow: 0px 0px 5px 1px #6fa42e71;
}

.contact-group .content .card .icon{
    font-size: 50px;
}

.contact-group .content .card .name{
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000;

    font-weight: 500;
}

.contact-group .content .card .detail{
    color: #595959;
    word-spacing: 2px;
    letter-spacing: 2px;
    margin-top: 8px;

    font-size: 0.8rem;
}

.contact-group .content .card .detail a{
    text-decoration: none;
    color: #595959;
}

.contact-group .content .card-other{
    border: 1px solid rgba(9, 115, 9, 0.399);
    
    text-align: center;


    padding: 50px;

    border-radius: 8px;

    background-color: #f0f1f1ef;
    color: #0b4f0b;

    box-shadow: 0px 0px 5px 1px #6fa42e71;
}

.contact-group .content .card-other .icon{
    font-size: 50px;
}

.contact-group .content .card-other .name{
    margin-top: 20px;
    /* margin-bottom: 20px; */
    color: #000;

    font-weight: 500;
}

.contact-group .content .card-other .name2{
    margin-top: 7px;
    /* margin-bottom: 20px; */
    color: #000;

    font-weight: 500;
}

.contact-group .content .card-other .detail{
    color: #595959;
    word-spacing: 2px;
    letter-spacing: 2px;
    margin-top: 8px;

    font-size: 0.8rem;
}

.contact-group .content .card-other .detail a{
    text-decoration: none;
    color: #595959;
}
/* Contact End */

/* Offices Start */
.offices{
    margin-top: 50px;
    margin-bottom: 50px;
}

.offices .content{
    background-color: rgba(55, 96, 55, 0.353);

    min-height: 100vh;

    position: relative;
}

.offices .content img{
    width: 100%;
    height: 100%;

    position: absolute;
    
    object-fit: cover;

    z-index: -1;
}

.offices .content .heading{
    width: 100%;
    height: 20%;
    position: absolute;
    /* border: 1px solid blue; */

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.offices .content .heading h1{
    color: #fff;
}

.offices .content .other-offices{
     /*border: 1px solid red; */

    width: 100%;
    height: 90%;

    position: absolute;
    bottom: 0%;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;

    padding-left: 50px;
    padding-right: 50px;

    /* margin-top: -200px; */
}

.offices .content .other-offices .cities{
     /*border: 1px solid red; */
     width: 100%;
}

.collapsible {
    background-color: #e7e7e7;
    color: #434343;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;

    border-bottom: 1px solid rgb(139, 139, 139);

    transition: .5s;

    margin-top: 10px;
  }
  
  .collapsible-active, .collapsible:hover {
    background-color: #c5c5c5;
  }
  
  .collapsible:after {
    content: '\002B';
    color: #000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .collapsible-active:after {
    content: "\2212";
  }
  
  .collapsible-content {
    /* padding: 0 14px; */

    /* padding: 50px; */

    /* padding-left: 50px;
    padding-right: 50px; */

    max-height: 0;
    overflow: hidden;
    transition:  0.2s ease-out;
    background-color: #e7e7e7;
  }

  .collapsible-content p{

    word-spacing: 2px;
    letter-spacing: 2px;

    font-size: 0.9rem;

    margin-bottom: 10px;
  }

/* Offices End */

/* form start */

.enquiry-form{
    background-color: #fff;
    padding: 50px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.enquiry-form h1{
    margin-top: 100px;
    color: #000;
}

.enquiry-form .form{
    margin-top: 50px;
    /* border: 1px solid red; */
    width: 100%;
    
    margin-bottom: 100px;
}

.enquiry-form .form .detail{
    width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.enquiry-form .form .detail input{
    width: 48%;
    padding: 30px;
    border: none;
    color: #000;
    background-color: #F0F1F1;

    border-radius: 5px;
}

.enquiry-form .form .detail input:focus{
    outline: none;
}

.enquiry-form .form .detail input:not(:placeholder-shown) {
    color: #000; /* Standard syntax */
    word-spacing: 2px;
    letter-spacing: 2px;
}

/* Chrome, Firefox, Safari (including Mozilla variant) */
.enquiry-form .form .detail input::placeholder {
    color: #000; /* Standard syntax */
    word-spacing: 2px;
    letter-spacing: 2px;
}
  
  /* Firefox (Mozilla variant) */
.enquiry-form .form .detail input::-moz-placeholder {
    color: #000;
    word-spacing: 2px;
    letter-spacing: 2px;
}
  
  /* Safari (WebKit variant) */
.enquiry-form .form .detail input::-webkit-input-placeholder {
    color: #000;
    word-spacing: 2px;
    letter-spacing: 2px;
}

.enquiry-form .form .msg{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
}

.enquiry-form .form .msg textarea{
    width: 100%;
    padding: 30px;
    border: none;
    color: #000;
    background-color: #F0F1F1;

    border-radius: 5px;

    resize: none;
}

.enquiry-form .form .msg textarea:focus{
    outline: none;
}

.enquiry-form .form .msg textarea:not(:placeholder-shown) {
    color: #000; /* Standard syntax */
    word-spacing: 2px;
    letter-spacing: 2px;
}

/* Chrome, Firefox, Safari (including Mozilla variant) */
.enquiry-form .form .msg textarea::placeholder {
    color: #000; /* Standard syntax */
    word-spacing: 2px;
    letter-spacing: 2px;
}
  
  /* Firefox (Mozilla variant) */
.enquiry-form .form .msg textarea::-moz-placeholder {
    color: #000;
    word-spacing: 2px;
    letter-spacing: 2px;
}
  
  /* Safari (WebKit variant) */
.enquiry-form .form .msg textarea::-webkit-input-placeholder {
    color: #000;
    word-spacing: 2px;
    letter-spacing: 2px;
}

.enquiry-form .form .btn{
    width: 100%;
    padding: 20px;
    margin-top: 10px;

    border: none;
    border-radius: 5px;

    color: #fff;
    background-color: #1B5930;
}

.enquiry-form .form .btn:hover{
    cursor: pointer;
}

/* form end */


.maps{
    width: 100%;
    margin-top: 150px;
    
    display: flex;
    justify-content: center;
    
    padding: 50px;
    
}

.maps p{
    width: 100%; 
    
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.maps p iframe{
    width: 100%; 
    height: 80vh;
}