* {
    margin: 0;
}

@font-face {
  font-family: 'SFPRODISPLAYBOLD';
  src: url('../fonts/sfpro/SFPRODISPLAYBOLD.OTF');
}
@font-face {
  font-family: 'SFPRODISPLAYMEDIUM';
  src: url('../fonts/sfpro/SFPRODISPLAYMEDIUM.OTF');
}
@font-face {
  font-family: 'SFPRODISPLAYREGULAR';
  src: url('../fonts/sfpro/SFPRODISPLAYREGULAR.OTF');
}
@font-face {
  font-family: 'SquadaOne-Regular';
  src: url('../fonts/SquadaOne-Regular.ttf');
}
@font-face {
    font-family: 'Grotters';
    src: url('../fonts/Grotters.ttf');
  }

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body {
  font-family: 'SFPRODISPLAYREGULAR';
  overflow-x: hidden;
}


/********* HEADER *********/
.header {
    position: absolute;
    width: 100%;
    z-index: 11;
    display: flex;
    justify-content: space-between;
    /* border-style: solid;
    border-width: 0 0 1px;
    border-color: #FFFFFF30; */
    /* height: 120px; */
}
.header .logo {
    width: 177px;
    height: auto;
    margin-top: 3%;
    cursor: pointer;
    margin-left: 7%;
}
.header .social-icons {
  align-self: center;
}
.header .social-icons ul {
  padding-left: 0px;
  list-style-type: none;
  display: flex;
  margin: 35px;
}
.header .social-icons ul li a {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 22px;
}
.header .social-icons ul li {
margin-left: 12px;
margin-right: 12px;
}
.contact-rgt .social-icons {
    align-self: center;
}
.contact-rgt .social-icons ul {
    padding-left: 0px;
    list-style-type: none;
    display: flex;
    margin: 10% auto;
    justify-content: center;
}
.contact-rgt .social-icons ul li a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 22px;
}
.contact-rgt .social-icons ul li {
  margin-left: 12px;
  margin-bottom: auto;
  margin-right: 12px;
}

@media (max-width: 600px) {
    .header .logo {
      width: auto;
      height: 74px;
      margin-top: 5%;  
        /* display: none;      */
    }
    .header {
        height: 95px;
    }
    .header .social-icons {
      margin-left: auto;
      margin-right: auto;
      /* display: none; */
    }
    .header .social-icons ul li a {
      font-size: 22px;
    }
    .header .social-icons ul li {
      margin-left: 12px;
    }
    .contact-rgt .social-icons {
      margin-left: auto;
      margin-right: auto;
      /* display: none; */
    }
    .contact-rgt .social-icons ul li a {
      font-size: 22px;
    }
    .contact-rgt .social-icons ul li {
      margin-left: 12px;
    }
}

.overall-bg {
    width: 100%;
    /* height: 850px; */
    background: url(../images/contact/contact-bg.jpg);
    background-size: cover;
    padding-bottom: 7%;
}
.contact-section {
    padding-top: 15%;
}
.contact-lft {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFEE 96.76%);
    box-shadow: -13px -11px 1px #05B9C6;
    width: 70%;
    margin: auto;
    border-radius: 5px;
    padding: 30px 30px 10%;
}
.contact-lft h4 {
    font-family: 'SFPRODISPLAYMEDIUM';
    font-size: 27.0327px;
    letter-spacing: 0.03em;
    color: #323937;
    text-align: center;
    margin-bottom: 7%;
}
.contact-lft .form-control {
    background: #D8D8D838;
    border: none;
}
.contact-lft .input-group-text {
    background: #D8D8D838;
    border: none;
}
.contact-lft .input-group-prepend {
    margin-right: 0px;
}
.contact-lft .input-group-text img {
    width: 15px;
}
.contact-lft .form-control {
    height: 44px;
    box-shadow: none !important;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.95);
    font-family: 'SFPRODISPLAYREGULAR';
}
.w-13 {
    width: 13px !important;
}
.contact-lft textarea {
    height: 90px !important;
    padding-top: 10px;
}
.contact-lft .txtarea .input-group-text {
    align-items: flex-start;
    padding-top: 12px;
}
.submit-btn {
    background: #005D9E;
    border: 1px solid rgb(0, 93, 158);
    border-radius: 10px;
    color: #fff;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.25));
    padding: 3px 15px;
    cursor: pointer;
}

.contact-rgt ul {
    list-style-type: none;
    padding-left: 0px;
}
.contact-rgt ul li img {
    width: 30px;
    margin: auto;
    display: block;
}
.contact-rgt ul li p {
    text-align: center;
    color: #fff;
    width: 58%;
    letter-spacing: .5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
.contact-rgt ul li a {
    color: #fff !important;
    text-decoration: none !important;
}
.contact-rgt ul li {
    margin-bottom: 5%;
}

.contact-bottom img {
    width: 100%;
}
.contact-bottom {
    margin-top: -12%;
    position: relative;
}
.res-txt {
    font-size: 18px;
    margin-bottom: 0px;
}



footer p {
    margin-bottom: 0px;
    color: #D9D9D9D1;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-top: 3px;
  }
  footer a {
    color: #D9D9D9D1 !important;
    font-size: 13px;
    text-decoration: none !important;
    letter-spacing: 0.5px;
    cursor: pointer;
  }
  .f-12 {
    font-size: 12px;
  }
  .footer-bg {
    background: #343434;
    padding: 8px 0px;
  }


  
.overlay-popup-bg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	display: none;
	z-index: 11111;
}
.popup {
	margin: 35px auto;
	padding: 30px 20px;
	background: #fff;
	border-radius: 5px;
	/* width: 30%; */
	position: relative;
	transition: all .5s ease-in-out;
	top: 100px;
}
.popup .close {
	position: absolute;
	top: 6px;
	right: 10px;
	transition: all 200ms;
	font-size: 23px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
    cursor: pointer;
}
.popup .close:hover {
  	color: #C54E47;
}
.popup .content {
  	max-height: 30%;
  	overflow: auto;
/*	margin-top: 5%;*/
	text-align: center;
/*	font-weight: bold;*/
padding: 5px;
height: auto;
}
.popup .content h3 {
    font-size: 19px;
    margin: auto;
}
.popup .content a {
    font-size: 15px;
}
.popup .content a:hover {
    text-decoration: none;
}


.whatsapp {
  position: fixed;
  width: 42px;
  height: 42px;
  bottom: 89px;
  right: 17px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 999;
}
.whatsapp img {
  width: 28px;
  margin-bottom: 8px;
  margin-left: 2px;
}

@media (max-width: 600px) {
  .whatsapp {
    bottom: 140px;
  }
  .contact-rgt {
    margin-top: 25%;
  }
  .contact-rgt ul li p {
    width: 90%;
    font-size: 15px;
  }
  .contact-lft {
    width: 93%;
  }
  .contact-bottom {
    margin-top: -15%;
  }
}

@media screen and (min-width: 600px) and (max-width: 992px) {
  .contact-bottom {
    margin-top: -15%;
  }
  .contact-rgt {
    margin-top: 8%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-lft {
    width: 75%;
    margin: 7% 15% auto;
  }
  .contact-rgt ul li p {
    width: 89%;
  }
  .contact-rgt {
    margin-top: 10%;
  }
}