@font-face{
  /* font-family: abc; */
  src: url(font/);
}


/* contact-us section start */

#Contact-footer-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px;
  
}
  #Contact-footer-section h3{
    color: #e3624b;
    opacity: 0.1;
    position: absolute;
    font-size: 65px;
    font-family:alfa slab one ;
  }

  #Contact-footer-section h4{
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 70px;
    font-family: inter;
  }


  #Contact-footer-section li a:after{
    content: "|";

  }

  #Contact-footer-section li a::before{
    content: "\1F3E0";
    padding-right: 4px;
    /* background-color: red; */
  }


  #Contact-footer-section li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    list-style: none;
    font-family: inter;
    color: #7e7c7c;
  }
  #Contact-footer-section a {
    text-decoration:none;
    border-bottom: none;
  }


  @media screen and (max-width:768px) {
    #Contact-footer-section h3{
      opacity: 0;
      pointer-events: none;
    }

    #Contact-footer-section {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      
    }

    #Contact-footer-section h4{
      font-size: 30px;
      font-family: inter;
    }

    
  }

  #contact-form h2{
    font-size: 45px;
    font-family: Lancelot-bold  ;
    font-weight: 100;
  }

  #contact-form span{
    font-size: 17px;
    font-family: inter;
    font-weight: normal;
  }

  #contact-form label{
    line-height: normal;
  }

  #contact-form label:hover{
    background:none;
  }

  
@media screen and (max-width:768px) {
  .get-touch{
     padding: 0px !important;
     margin: 0px !important ;
   }
   #Contact-footer-section h3{
    display: none;
  }
  
  #contact-form h2{
    font-size: 30px;
    font-family: Lancelot-bold  ;
    font-weight: 100;
  }
  #contact-form span{
    font-size: 15px;
    font-family: inter;
    font-weight: normal;
  }

   }
/* form section start*/

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
}
#contact-form h3 {
	color:#991D57;
	display:block;
	font-size:28px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

#contact-form label{
  width: 100%;
}
#contact-form label span {
	cursor:pointer;
	color:#991D57;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#991D57;
	background-image:linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #9C215A 0%, #A82767 52%);
	background-image:-moz-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
	background-image:-webkit-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}


#form-contact-section{
  display: inline-block;
  flex-direction: column;
  gap: 4px;
}

#form-contant-seection{
  display: flex;
  justify-content: start;
  align-items: center;
  border-bottom: 1px solid #e3e3e3;
}
#form-contant-seection p{
  font-size: 25px;
  font-weight: 400;
  font: inter;
}

#form-span-text span{
  font-weight: normal;
}

#form-span-text  {
  display: flex;
  justify-content: start;
  align-items: start;
  font-family: Lancelot-Regular;
  gap: 8px;
  padding: 0px;
  margin: 0px;
}

#contact-footer-section{
  display: flex;
  gap: 20px;
  padding: 10px 0px 10px;
}

#contact-footer-section i{
  background-color: #f0eded;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #999;
  transition: all 0.5s;
}
#contact-footer-section a {
  text-decoration: none;
  font-size: 20px;
}
#contact-footer-section  a:nth-child(1):hover i {
  color: #ffffff;
  background-color: #395b98;
}
#contact-footer-section a:nth-child(2):hover i {
  color: #ffffff;
  background-color: #d95139;
}

#contact-footer-section a:nth-child(3):hover i {
  color: #ffffff;
  background-color: #2ca7e0;
}

#contact-footer-section a:nth-child(4):hover i {
  color: #ffffff;
  background-color: #03a110;
}

#contact-footer-section a:nth-child(5):hover i {
  color: #ffffff;
  background-color: #ed0602;
}


@media screen and (max-width:768px) {
  #contact-form-section form{
     padding: 0px !important;
     margin: 0px !important ;
   }
   #contact-footer-section {
    display: flex;
    justify-content: center;
    align-items: center;
   }
   #contact-footer-section i{
    width: 40px;
    height: 40px;
   }
   }

   @media screen and (max-width:392px) {
    
     #contact-footer-section {
      display: flex;
      justify-content: start;
      align-items: start;
     }
     #form-contant-seection p{
      font-size: 20px;
      font-weight: 400;
      font: inter;
    }
    #form-span-text span{
      font-size: 14px;
    }
    
     }
/* form section end*/