input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], input[type="subject"], textarea {
    background: #1A1F26;
    border: 1px solid #29292d;
    color: #f9f9f9;
}

.btn-one:hover{
    background: #f9f9f9 ;
    border: 2px solid #f9f9f9 ;
    color: #40798C`;
}

.section-title h3, .section-title-left h3 {
    color: #f9f9f9;
}

/*------------- Navbar -----------*/

.nav-fixed {
    background: #2B323A;
    border-bottom: 1px solid #29292d;
}

.nav-fixed .navbar-nav .nav-item .nav-link {
    color: #f9f9f9;
}

.nav-fixed .social-media-nav li svg {
    color: #f9f9f9;
}

/*------------- About Me -----------*/

.about  {
    background: #2B323A;
}

.about-img::before {
    z-index: 2;
}

.about-img img {
    z-index: 3;
    position: relative;
}

.box-img::before,
.box-img::after {
    z-index: 1;
    opacity: .2;
}

.profile {
    background-color: #1A1F26;
    border: 1px solid #2b2b2d;
}

.profile p {
    color: #f9f9f9;
}

/*------------- MY Skills -----------*/

.my-skills {
    background: #1A1F26;
}

.skills .skill-box .progress-line {
    background: #444;
}

.skills .skill-title,
.skills .skill-box .progress-line > span > .percent-tooltip {
    color: #f9f9f9;
}

/*------------- MY resume -----------*/

.resume {
    background: #1A1F26;
}

.my-resume {
    border-left: 2px solid #2b2b2d;
}

.history-top {
    color: #f9f9f9;
    background: #2B323A;
    border: 1px solid #2b2b2d;
}

.resume-item {
    background: #2B323A;
    border: 1px solid #2b2b2d;  
}

.resume-head .content-exper h4 {
    color: #f9f9f9;
}

.history-top::before {
    background: #2b2b2d;
}

.resume-head {
    border-bottom: 2px solid #2b2b2d;
}

.icon-exp {
    background: #1A1F26;
    border: 1px solid #2b2b2d;
}

/*------------- statistics -----------*/

.statistics .overlay {
    background-color: rgba(29, 29, 29, 0.7);
}

.stat-item .text {
    background: rgba(86, 82, 82, 0.32);
}

/*------------- services -----------*/

.services {
    background: #2B323A;
}

.services-item {
    background: #1A1F26;
    border: 1px solid #2b2b2d;
}

.services-item h4 {
    color: #f9f9f9;
}

.number-bg {
    opacity: .1;
}

/*------------- portfolio -----------*/

.portfolio {
    position: relative;
    background: #1A1F26;
}

.list-control li {
    color: #f9f9f9;
}

.my-work .overlay {
    background: rgba(52, 52, 54, 0.98);
}

.info-img span {
    color: #f9f9f9;
}

.my-work .info-img span:hover {
    color: #fff;
}

.overlay .icon-img {
    background: #2B323As;
    border: 1px solid #2b2b2d;
}

/*------------- testimonials -----------*/

.testimonials {
    background: #2B323A;
}

.testimonials .testmonail-box {
    background: #1A1F26;
    border: 1px solid #2b2b2d;
}

.testimonials .author-details h6 {
    color: #f9f9f9;
}

.testimonials .owl-nav div {
    background: #1A1F26;
}

/*------------- blog -----------*/

.blog {
    background-color: #2B323A;
}

.blog-info {
    background: #1A1F26;
    border: 1px solid #2b2b2d;
}

.blog-info .title-post a h5,
.blog-info .link {
    color: #f9f9f9;
}

/*------------- clients -----------*/

.clients {
    background: #1A1F26;
}

.content {
    background: #1A1F26;
    border-top: 1px solid #2b2b2d;
}

.sponsor-item img {
    opacity: .5;
}

/*------------- contact -----------*/

.contact {
    background: #1A1F26;
}


.contact .overlay {
    opacity: .2;
}

.contact-item {
    background: #2B323A;
    border: 1px solid #2b2b2d;
}

.inner-contact h6 {
    color: #f9f9f9;
}

.contact-item span {
    background: #1A1F26;
    border: 1px solid #2b2b2d;
}

.form {
    background: #2B323A;
    border: 1px solid #2b2b2d;
}

/*------------- footer -----------*/

footer {
    background: #2B323A;
    border-top: 1px solid #2b2b2d;
}

footer .copyright,
footer .copyright a,
.social-media li a {
    color: #f9f9f9;
}

.scroll-up:hover .top-three {
    background: #f9f9f9
}

.scroll-up:hover .top-two {
    color: #f9f9f9;
}