.mapsection iframe {
  border-radius: 40px;
	 height:400px;
}

.mapblock-ul {
  
  display: flex;
  flex-wrap: wrap;
  

  & li {
    width: 33.33%;
    padding: 0 20px;
    margin-bottom: 0;
  }

  & .mapblock-li {
    background-color: var(--white);
    border-radius: 10px;
    padding: 40px;
    text-align: center;
    height: 100%;
  }

  & .mapblock-icon {
    width: 56px;
    height: 56px;
    background-color: var(--golden);
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;

    & img {
      filter: invert(1) brightness(100);
      width: 22px;
    }

  }

  & .map-title {
    color: #16234D;
    font-size: 20px;
    font-weight: bold;
    font-family: var(--heading);
    margin-bottom: 8px;
  }

  & .map-detail {
    color: #282930;
    font-size: 16px;
    line-height: 22px;
    max-width: 230px;
    margin: 0 auto;
  }

  & .map-detail a {
    font-weight: 500;
    font-size: 18px;
  }

  & .map-detail a:hover {
    color: var(--maroon);
  }
}

.mapblock {
  margin-top: -115px;
 	max-width: 1250px;
	 margin-left:auto;
	 margin-right:auto;
}


ul.contact-info {
  display: flex;
  flex-wrap: wrap;
  max-width: 1250px;
  margin: 0 auto;
}

ul.contact-info li {
  width: 33.33%;
  padding: 0 88px;
  margin-bottom: 0;

  & .cn-info {
    text-align: center;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    & img {
      margin: 0 auto 20px;
    }

    & .cn-label {
      font-weight: bold;
      font-size: 20px;
      color: var(--darkblue);
      margin-bottom: 7px;
    }

    & .cn-detail {
      margin-bottom: 30px;
      text-transform: capitalize;
      color: var(--paragraph);
      line-height: 22px;
    }

    & .button {
      margin-top: auto;
    }
  }
}

.contact-box-wrap {
  background-color: var(--white);
  padding: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1250px;
  margin: 0 auto;

  & .cntbox-left {
    width: 380px;
    padding-right: 60px;
    border-right: 1px solid #DADADA;
  }

  & .cntbox-right {
    width: calc(100% - 380px);
    padding-left: 60px;
  }
}

.heading-28 {
  font-weight: bold;
  font-family: var(--heading);
  color: var(--darkblue);
  line-height: 1.1;
  margin-bottom: 15px;
  font-size: 28px;
}

/**/
ul.c-feature {
  margin-top: 120px;

  & li {
    margin-bottom: 0;
  }

  & .c-feature-li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 18px 0;

    & .c-feature-icon {
      width: 34px;
    }

    & .c-feature-info {
      width: calc(100% - 34px);
      padding-left: 14px;
      font-size: 16px;
      font-weight: 500;
      color: var(--paragraph);
    }
  }

  & li:not(:last-child) .c-feature-li {
    border-bottom: 1px solid #DADADA;
  }
}

/*------------ media query -----------*/


@media (max-width: 1699.98px) {

  ul.contact-info li {
    padding: 0 30px;
  }

}

@media (max-width: 1439.98px) {
	.mapblock{
		 max-width:1020px;
	}
  .mapblock-ul {
			
    & li {
      width: 33.33%;
      padding: 0 10px;
    }

    & .mapblock-li {
      padding: 30px;
    }
  }

  ul.contact-info li {
    padding: 0 20px;
  }
	
	.contact-box-wrap{
		 	padding:40px;
				& .cntbox-left{
							width:350px;
							padding-right:40px;
				}
				& .cntbox-right{
						 width: calc(100% - 350px);
       padding-left:40px;
				}
	 }
	
	ul.c-feature {
    margin-top:80px;
 }
}

@media (max-width: 1199.98px) {
.mapblock{
	max-width: 820px;
	}
  .mapblock-ul {
    

    & li {
      width: 33.33%;
      padding: 0 5px;
    }

    & .mapblock-li {
      padding: 30px 20px;
    }

    & .mapblock-icon {
      width: 46px;
      height: 46px;
      margin: 0 auto 12px;

      & img {
        width: 18px;
      }
    }

    & .map-title {
      font-size: 18px;
      line-height: 1;
      margin-bottom: 5px;
    }

    & .map-detail a {
      font-size: 16px;
    }
  }
  
	   .contact-box-wrap {
        & .cntbox-left {
            width: 300px;
            padding-right: 40px;
        }
					        & .cntbox-right {
            width: calc(100% - 300px);
            padding-left: 40px;
        }
    }
}

@media (max-width: 991.98px) {
  ul.contact-info li {
    padding: 0 10px;
  }
	
	.mapblock{
		max-width:600px;
	}
	
	
	.contact-box-wrap {
        & .cntbox-left {
            width:100%;
            padding-right:0px;
									  order:2;
									  border-right:0;
        }
					        & .cntbox-right {
            width:100%;
            padding-left: 0px;
												order:1;
												margin-bottom:40px;		
        }
    }
	    ul.c-feature {
        margin:0;
    }
	
}

@media (max-width: 767.98px) {
	.mapblock{
			 max-width: 480px;
		margin-top: 30px;
	}
  .mapblock-ul {
   
    row-gap: 10px;
    justify-content: center;

    & li {
      width: 50%;
      padding: 0 5px;
    }
  }

  

  ul.contact-info {
    row-gap: 20px;
    justify-content: center;
  }

  ul.contact-info li {
    width: 50%;

    & .cn-info {
      & img {
        margin: 0 auto 15px;
      }

      & .cn-detail {
        margin-bottom: 20px;
      }
    }
  }
	
	.mapsection iframe{
		 height:300px;
	}
	    .contact-box-wrap {
        padding:30px;
    }
}

@media (max-width: 575.98px) {
  .mapblock-ul {
    
    row-gap: 10px;
    justify-content: center;

    & li {
      width: 100%;
      padding: 0px;
    }
  }

  .mapblock {
    margin-top: 30px;
			max-width: 100%;
  }
		ul.contact-info{
				row-gap:30px;
		}
  ul.contact-info li {
    width: 100%;
    padding: 0;

    & .cn-info {
					& img{
						width:46px;
					}
      & .cn-detail {
        margin-bottom: 15px;
      }
    }
  }
	.mapsection iframe{
		 height:280px;
		border-radius:15px;
	}
	  .contact-box-wrap {
     padding:20px;
    }
}