/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
#topbar{background:#000;height:7px;}
#topbar .top-menu > li > a{color:#fff !important;}
#topbar .social-icons li a{color:#fff !important;}
.nav-bg{}
.mid-head{float:right;background:#ff8e14;padding:5px 0px; color:#000;background: linear-gradient(88deg, #f86b11, #fd6e59);}
.brand-logo{position:relative;width:25%;}

.brand-logo .img11{margin:0px 20%;}
.mg-right-15{margin-right:-15px;}
#header .header-inner, #header #header-wrap{background:#fff; color:#000;background: linear-gradient(0deg, #fcfcfc, #e8e8e8);}
#mainMenu nav > ul > li a:hover{color:#16ac4e;}
.portfolio h2{font-size:15px;text-align:center;}
.portfolio .details {text-align:center;}
.btn-primary{background: linear-gradient(88deg, #f86b11, #fd6e59);border:none;border-color:unset !important;}
.abt-us{text-align:center;}
.testimonial .testimonial-item > img {
   display: block;
  float: none;
  width:100%;}
.d-none{display:none;}
#footer .footer-content{background: #141414;}
#footer a:not(.btn):not(:hover) {
    color: #8a8585;
}
#footer .widget .widget-title, #footer .widget h4{color: #16ac4e;}
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {color:#16ac4e;}
.heading-text.heading-line h1:before, .heading-text.heading-line h2:before, .heading-text.heading-line h3:before, .heading-text.heading-line h4:before, .heading-text.heading-line h5:before, .heading-text.heading-line h6:before{background-color: #14ab4e;}
#mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active{color: #16ac4e;}
.heading-text.heading-gradient h2{font-size:28px;}
.heading-text.heading-gradient h2 > * {
    -webkit-text-fill-color: transparent !important;
    -webkit-background-clip: text !important;
    background: radial-gradient(circle at left top, #173794 9%, #163380 48%, #14ab4e 91%);
}
.testimonial .testimonial-item > img {
    display: block;
    float: none;
    width: 75%;
    margin: 0px !important;
    padding: 0px;border-radius:0% !important;
}
.testimonial.testimonial-box .testimonial-item {
    padding: 15px;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 0 auto;
    text-align: center;
}
.up-footer .list li{line-height: 22px;}
.up-footer .list li a{text-align:left;padding:0px;} 
.copyright-content .copyright-text a{color:#16ac4e !important;}
.up-footer2 h2{font-size: 19px;color: #169f60;}
.up-footer2 p{line-height:20px;}
.in-page .inspiro-slider .slide{height: 67% !important;background-position:unset;}
.in-page .inside-page{min-height:300px;background-size: cover;}
.in-page  .card{box-shadow: -1px 18px 16px 0px rgb(151 156 164 / 15%);margin:25px 0px;}
/* login page */
.login-ui{}
.login-ui a{color: #16ac4e;font-weight: 600;}
.login-ui label{font-weight:600 !important;}
.login-ui input:not([type="checkbox"]):not([type="radio"]), select {font-size: .7rem !important;}
.login-ui .card-bdr{border-bottom:solid 10px #16ac4e;}

/**Responsive css **/
@media only screen and (max-width: 600px) {
 .in-page .inside-page {min-height: 100px;background-size: contain;}
}