.header{margin-right: 10%;  
float: right;
  position: relative;
  left: 0;
  top: 0;
  height: auto;
  width:28%;
    background-image: linear-gradient(to bottom right,  #d3bc91, #067c6f);
  color:#fff;
  margin-left: 20px;
 }
.header .btn-primary{background:rgba(0,0,0,0.3);border-color:transparent;font-size:1rem;padding-top:0.5rem}
.header .btn-primary:hover{background:rgba(0,0,0,0.4);
border-color:transparent}.header .navbar{padding:2rem 1rem}
.header .navbar-dark .navbar-toggler{border-radius:2px;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;
border:1px solid rgba(255,255,255,0.8);padding:.25rem .6rem}
.header .navbar-dark .navbar-toggler:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.header .navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(256,256,256, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}
.header .nav-item{font-weight:bold}.header .nav-item.active 
.nav-link{color:rgba(0,0,0,0.5)}.header .nav-item.active 
.nav-link:hover{text-decoration:none}
.header .nav-item .nav-link{color:rgba(255,255,255,0.8)}
.header .nav-item .nav-link:hover{text-decoration:underline;color:rgba(0,0,0,0.6)}
@media (prefers-reduced-motion: reduce){.social-list a{transition:none}}.social-list a:hover{color:#3dba52;background-color:rgba(255,255,255,0.8)}
.main-wrapper .container{max-width:100%}
.cta-section .heading{font-size:2rem;font-weight:bold}.promo-section{margin-bottom:40px}
.promo-section .promo-image{max-width:320px}.promo-section .promo-section-inner{background:#5FCB71}
.blog-list .item .post-thumb {
    max-width: 130px;
    border-radius: 2px;
    float: left;
}
.mx-3 {
    margin-right: 1rem !important;
}

.mr-3 {
    margin-right: 2rem !important;
}

@media (min-width: 768px)
.d-md-flex {
    display: flex !important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
/*search box css start here*/
.search-sec{
    padding: 2rem;
}
.search-sec p
{
	    max-width: 22%;
			
}
.search-slt{
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    height: calc(3rem + 2px) !important;
    border-radius:0;
}
.wrn-btn{
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius:0;
    color: #fff;
    background-color: #d3bc91;
    border-color: #067c6f;
}
}
@media (min-width: 992px){
    .search-sec{
        background: rgba(26, 70, 104, 0.51);
    }
}

@media (max-width: 992px){
    .search-sec{
        background: #1A4668;
    }
}