@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;1,500;1,600&display=swap');

body{margin:0;padding:0;font-size:12px;overflow-x: hidden;font-family: 'Montserrat', sans-serif;line-height: 28px;background: transparent;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #b4946a!important;
font-family: 'Rubik', sans-serif;
font-size: 13px;
font-weight: normal;
}
::-moz-placeholder { /* Firefox 19+ */
color: #b4946a!important;
font-family: 'Rubik', sans-serif;
font-size: 13px;
font-weight: normal;
}
:-ms-input-placeholder { /* IE 10+ */
color: #b4946a!important;
font-family: 'Rubik', sans-serif;
font-size: 13px;
font-weight: normal;
}
:-moz-placeholder { /* Firefox 18- */
color: #b4946a!important;
font-family: 'Rubik', sans-serif;
font-size: 13px;
font-weight: normal;
}
#contact_form .state-error{ box-shadow: 0 1px 0 0 #ff120f;}
#contact_form .error-msg {color: red !important;font-size: 12px;}
#contact_form .success{color: #ffffff!important;font-size: 14px;background: #295c29;padding: 20px;margin-bottom: 15px;}
#contact_form{background: #332313;}
#contact_form textarea{margin-top: 10px;}
#contact_form textarea, #contact_form input, #contact_form select{border-radius:0px;margin-bottom: 15px;border:none;box-shadow: 0 1px 0 0 #b4946a;}
#contact_form .fileattach{padding: 25px;font-size: 12px;font-family: 'Rubik', sans-serif;width: 100% }
#contact_form .fileattach input[type=file]{box-shadow: none;padding: 15px}
#contact_form select {font-size: 14px;font-family: 'Rubik', sans-serif;}
#contact_form option:not(:first-of-type) {
 font-size: 14px;
 padding:10px;
}
#contact_form .control-label{font-weight: 500;font-family: 'Rubik', sans-serif;color: #666;}
#contact_form .form-input:focus {box-shadow: 0 2px 0 0 #00abcd;}
#contact_form .form-input {position: relative;width: 100%;outline: 0;border: 0;transition: box-shadow 150ms ease-out;}
#contact_form .submitbtn {
background: #B4946A;
    border-radius: 30px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
#contact_form .submitbtn:hover{
background: #f1d7ae;color: #000;
}



#contact_form .form-control{font-family: 'Montserrat', sans-serif;padding: 10px 0px 10px;background-color: transparent;color: #b4946a}
#contact_form .form-group {
    margin-bottom: 0px;
}
#contact_form .txtcaptcha{
    background: transparent;
    border: 1px solid #fff!important;
    display:inline-block;
    color:#fff;
    border-radius: 4px!important;
    text-align:center;
    font-weight:600;
    font-size:20px;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Special Elite', cursive;
    padding:10px 10px 0px;
    margin-bottom:5px;
    border-radius:2px
}
#contact_form .captchaerror{
    color:red!important;
    font-size:12px
}
#contact_form .refresh{
    display:inline-block;
    height:20px;
    width:18px;
    cursor:pointer;
    color:#FFF!important;
    background:url(refresh.png) no-repeat;
    border:0;
    outline:none!important;
    margin-left:10px;
    animation: rotate 2s infinite linear; /* Add animation property */
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#contact_form .refresh:hover {
    animation-play-state: paused; /* Pause the animation on hover */
}