/*common css*/
body{
	margin:0;
	padding:0;
   }

body p, label, td, a{
    font-family: 'Mulish', sans-serif;
    font-size:14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
}

body h1, h2, h3, h4, h5, h6, blockquote{
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
}

html{
	line-height:1.3;
}
html li{
	list-style: none;
}
html li a{
	text-decoration: none;
}
body h2, h3, h4, h1, h5, h6{
	margin:0;
}
.page-wrapper {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
/*common-css ends*/


/*contact us page css starts*/

.contact-heading h2{
    padding: 30px 33px;
    margin: 0px;
    font-size: 40px;
    max-width: 100%;
    text-align: center;
    background-color: #1a2749;
    color:#fff;
}
.contact-sec{
padding: 50px 30px;
}

.contact-sec> h3{
	font-size: 24px;
    margin: 20px 0px;
    font-weight: 600;
}

.contact-sec li a {
	color:#000;
}

.contact-sec .booking{
	font-weight:600;

}
.contact-div td{
    color:#000;
}

.contact-div .first-div li{
	padding:10px;
}
.contact-div .first-div li a{
	color:#000;
}

.contact-div .first-div li i, .contact-sec li i{
	color:#68c9ca;
	margin-right: 10px;
	padding: 7px;
}
.contact-div .first-div li.phone_number i{
	border: 1px solid #68c9ca;
    border-radius: 50px;
}

.menu-map{
	    display: flex;
       justify-content: space-between;
       padding-right: 80px;
}

.contact-div{
	display: flex;
	justify-content: space-between;
}
.Address-heading{
	display: block;
	text-align: center;
}

.contact-div .detail-sec{
	display: flex;
    column-gap: 60px;
    margin-bottom: 20px;
}

tr.opening-time-div td:last-child {
    padding-left: 15px;
}

/*contact-form css starts*/
.contact-form{
	background: rgb(245, 249, 249);
	padding: 50px 0px;
}

.contact-form .info-text{
	text-align: center;
}

.contact-form .info-text h4{
	font-size: 20px;
 
}

.contact-form #contact-form{
	display: flex;
    flex-wrap: wrap;
    margin: 50px auto 0px;
    justify-content: space-around;
}

.contact-form #contact-form .form-column {
    width: 42%;
}

.contact-form .form-group {
    margin-bottom: 15px;
}

.contact-form .form-group label {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}
.contact-form select, input, textarea {
    width: 100%;
    padding: 7px 10px;
}

.contact-form select, input, textarea:focus-visible{
	outline:none;
}

.contact-form input, textarea{
	max-width:96%;
}

.contact-form textarea{
	min-height: 120px;
    resize: none;
}
.contact-form .form-group span{
	text-align: center;
    display: block;
}

#contat-checkbox-div {
    width: auto;
}

.contact-form .contact-checkbox{
	margin-bottom:15px;
	font-size: 14px;
	line-height:1.4em;
}



.form-submit button {
    padding: 10px 30px;
    font-size: 16px;
    background: #1f4e79;
    border: none;
    color: #fff;
    margin-top: 10px;
    border-radius: 3px;
    cursor: pointer;
}
.header.header-sticky .navbar ul.menu li a.main-menu-li {
    color: black !important;
  }
  .top-banner-sec ul li.phone_number a span{
    color: #A52A2A;
  }
  .header{
    background-color: white !important;
  }
/*contact form css ends */


/*contact us page css ends*/
@media screen and (max-width:1024px){
    .contact-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    }
    .contact-div .map-img {
        margin-top: 10px;
    }
}
@media screen and (max-width:768px) {
    .contact-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.contact-form #contact-form .form-column {
    width: 100%;
}
.contact-form input {
    width: 100%;
}
.contact-form textarea  {
    max-width: 97%;
}
}
@media screen and (max-width:576px) {
    .contact-div {
    text-align: center;
    flex-wrap: wrap;
}
.contact-sec{
    text-align:center;
}
.first-div{
    width:100%;
}
.second-div{
    width:100%;
}
.second-div table{
    width:100%;
}
.map-img iframe{
    width:350px;
}
.contact-form input {
    max-width: 96%;
}
.contact-form textarea  {
    max-width: 96%;
}
}
@media screen and (max-width:576px) {
    .contact-form input {
        width: 100%;
    }
    .contact-form textarea {
         width: 100%;
    }
}
@media screen and (max-width:414px) {
      .contact-form input {
      max-width: 93%;
    }
    .contact-form textarea {
       max-width: 93%;
    }
}