*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* <-- outer header css */
.outer_header {
    width: 100%;
    background: #0d0d0d;
    float: left;
    position: relative;
    overflow: hidden;
}
.header ul{
    text-decoration: none;
}
.outer-1 {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.outer-1>li {
    line-height: 58px;
    padding-right: 30px;
    margin-right: 25px;
    font-size: 11px;
    color: #eceaea;
    font-family: montserrat;
}
.outer-1>li, .topbar1, header {
    float: left;
    position: relative;
}
.outer-1>li i{
    color: #d5aa12;
    font-size: 15px;
    margin-right: 5px;
}
.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}
.outer-1>li a {
    color: inherit;
}
.outer-1>li{
    line-height: 58px;
    padding-right: 30px;
    margin-right: 25px;
    font-size: 11px;
    color: #eceaea;
    font-family: montserrat;
}
.outer-1>li span{
    color: #d5aa12;
}
.outer_header .tb-br-scl1 {
    position: absolute;
    right: 0;
    padding: 0 60px;
}
.tb-br-scl1 strong {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    line-height: 58px;
    font-weight: 700;
}
.tb-br-scl1{
    background: #d5aa12;
    z-index:1;
}
.outer_header .tb-br-scl1:before {
    content: "";
    position: absolute;
    right: 72%;
    background: #d5aa12;
    height: 100%;
    width: 70%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    top: -60%;
}
.tb-br-scl1 .outer-2 {
    margin-left: 40px;
}
.outer-2, nav ul {
    padding-left: 0;
    margin-bottom: 0;
    float: left;
    list-style: none;
}
.outer-1 .outer-2 {
    margin-left: 40px;
}
.outer-2>li {
    color: #fff;
    float: left;
    font-size: 13px;
    line-height: 58px;
    margin-right: 15px;
}
.outer-2>li a {
    color: inherit;
    display: block;
}
.tb-br-cnt1>li, .outer-1, header {
    float: left;
    position: relative;
}
header {
    float: left;
    position: relative;
    width: 100%;
    z-index: 9999;
    display: block;
}



/* <-- navbar css */
.main-header{
    padding-left: 40px;
}
.nav-item .nav-link{
    height: 50px;
    width: 110px;
}



/* <!-- banner 2 css */

.banner-2{
    background-image: url(../image/pansion.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.head {
    float: left;
    padding: 80px 45px 85px;
    background: #d5aa12;
    text-align: center;
}

.head>h4 {
    font-size: 26px;
    color: #fff;
    line-height: 33px;
    margin-top: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: montserrat;
    font-weight: 600;
}
.head>span {
    font-size: 14px;
    color: #444;
    margin-top: 10px;
    float: left;
    width: 100%;
}
.head-2 {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.items {
    width: 100%!important;
    z-index: 999999999;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
select, .textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    font: inherit;
    color: inherit;
}
.butn-1{
    width: 160px;
    height: 50px;
    overflow: visible;
    border-radius: 30px;
    font-family: inherit;
    line-height: inherit;
    margin-top: 20px;
}
.butn{
    width: 160px;
    height: 50px;
    overflow: visible;
    border-radius: 30px;
    font-family: inherit;
    line-height: inherit;
    margin-top: 20px;
}
.hlp-inf, .hlp-inf>p {
    width: 100%;
    float: left;
}
.hlp-snr{
    margin-top: 40px;
}
.ml-30 {
    margin-left: -30px;
}
.title-style1 {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.title-style1>span{
    color: #d5aa12;
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: montserrat;
    margin-bottom: 10px;
}
.title-style1>h4 {
    font-size: 34px;
    color: #333;
    margin: 0;
    float: left;
    width: 100%;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: montserrat;
    font-weight: 600;
}
.hlp-inf>p {
    font-size: 15px;
    line-height: 28px;
    color: #444;
    width: 100%;
    float: left;
}
.hlp-inf{
    padding-left: 40px;
}
.hlp-cnt-inf1 {
    float: left;
    position: relative;
    padding: 35px 40% 35px 0;
    width: 85%;
    margin-top: 50px;
}
.hlp-cnt-inf1>span {
    display: block;
    font-size: 16px;
    color: #333;
    font-family: montserrat;
    margin-bottom: 7px;
}
.hlp-cnt-inf1>i {
    font-size: 18px;
    color: #d5aa12;
    font-weight: 700;
    font-family: montserrat;
}
.hlp-cnt-inf1 .btn1 {
    line-height: 58px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* <!-- start banner-3 css */
.banner-3{
    margin-top: 30px;
}
/* <!-- BANNER 4 CSS */

.outer-footer{
background-color: #000;
}
.buts{

 width: 200px;

 height: 50px;

 overflow: visible;

 border-radius: 30px;

 font-family: inherit;

 line-height: inherit;

}
.footer{
    background-color: black;
}
.link a{
text-decoration: none;
color: white;
}
.footer li{
margin-top:15px;
}
.footer li a{
color: #fff;
}
.footer li .fa{
color: #ed3237;
margin:0 20px;
}
ul{
list-style: none;
margin:0;
padding:0;
}
.map{
    padding-top: 40px;
}
.form-container {
    flex: 1;
       background-color:#f4d76c;
       border-radius: 10px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
       padding: 20px;
      height: 100%;
       
     }
     .form-group {
        color: rgb(11, 11, 11);
       font-size: 1rem;
       margin-bottom: 20px; 
       display: flex; 
       align-items: center; 
     }
     .form-group label {
       flex: 0 0 30%; /* Set a fixed width for the label */
       text-align: right; /* Right-align the label text */
       margin-right: 10px; /* Add some space between label and input */
       text-align: justify;
     }
     .form-group input {
       flex: 1; /* Allow input to grow and take available space */
       height: 30px; /* Set a fixed height for input fields */
       border: 1px solid #ccc;
       border-radius: 5px;
       font-size: 1rem; color: #000; /* Set input text color to black */
       background-color: #fff;
     }
     .form-group textarea {
       flex: 1; /* Allow input to grow and take available space */
       height: 60px; /* Set a fixed height for input fields */
       border: 1px solid #ccc;
       border-radius: 5px;
       font-size: 1rem;
     }
     .custom-button {
       float:right;
       background-color:	 #cfb715;
       border: 1px solid #cfb715;
       color: white;
       padding: 10px 15px; /* Set padding */
       border-radius: 5px; /* Set border radius */
     }