/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/assets/css/contact.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.contact-label{
    color: #000000;
  }
  .contact-label small{
      color: red;
    }
  .line-bottom{
    color: #fc9928;
    font-weight: 700;
  }
  .line-bottom:after{
      border: 1px solid #30e5bf;
  }
  .icon-box{
    background: #f7f6f2;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    gap: 20px;
    padding: 30px;
  }
  .media-left>svg{
  font-size: 40px;  
  }
  .pe-7s-map-2{
    color: red ;
  }
  .pe-7s-call{
    color:#6ab9d9 ;
  }
  .pe-7s-mail{
    color:#23e6a9 ;
  }
  .form-control {
      box-shadow: none;
      height: 32px;
      background: #979f7b36;
      border: none;
  }
  .sendBtan {
    color: #fff;
      background-color: #d60000;
      border-color: #d60000;
  }
  .sendBtan:hover, .sendBtan:focus {
      color: #fff;
      background-color: #d60000;
      border-color: #d60000;
  }
  .contactLeftDiv{
      border: 1px solid #ccc;
    border-radius: 10px;
        padding: 15px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  }
  @media(max-width:600px){
    .contactLeftDiv{
      border: none;
    border-radius: 0;
        padding: 0;
        box-shadow: none;
  }
  .contactRightCol{
    padding-left: 5px;
    padding-right: 5px;
  }
  .contactLeftCol{
    padding-left: 7px;
    padding-right: 7px;
  }}
  .contactRightDiv{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  }
 /*  .overlay-theme-colored-7{
   background-image: url(../../../public/assets/images/bgcontact.webp); 
  } */
  .divider{
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.layer-overlay.overlay-theme-colored-7::before {
    background-color: rgba(33, 35, 49, 0.7);
}
.layer-overlay::before {
    background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-120 {
    padding-top: 120px;
}
.text-theme-colored2 {
    color: #FC9928;
    font-weight: 700;
}
.font-36 {
    font-size: 36px;
}
.breadcrumb {
    padding-top: 20px;
    padding-bottom: 0px;
}
.breadcrumb {
    background-color: transparent;
    padding-left: 0;
}
.breadcrumb {
    padding: 8px 5px;
    margin-bottom: 20px;
    list-style: none;
}
.section-content{
    position: relative;
}
.breadcrumb > li > svg {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    color: #fff;
}
.form-group {
    margin-bottom: 15px;
}
.media-body>a, .media-body>p>a, .media-body>p{
color: #777777;    
}
@media only screen and (max-width:1199px){
.icon-box{
padding: 10px;  
gap: 5px;
}}
@media only screen and (max-width:991px){
.icon-box{
padding: 30px;  
gap: 15px;
}}
@media only screen and (max-width:670px){
.icon-box{
padding: 10px;  
gap: 5px;
}}
@media only screen and (max-width:575px){
.icon-box{
padding: 30px;  
gap: 15px;
}}