body{
    background-color: #111;
}

p{
    font-size: 16px !important;
}


/*darkmode section style*/

.darkmode{
    background-color: #111 !important;
    background: #111 !important;
    color: #ffffff;
}

/*header-ncolor*/
.header-area-ncolor{
    background-color: #222222
    
}

.darkmode-hblack h2,
.darkmode-hblack h3,
.darkmode-hblack h4 {
    color: #111 !important;
}


.darkmode-process-sec{
    background-color: #101010 !important;
}

.darkmode-processblock{
    background-color: #1a1a1a !important;
    border-radius: 12px;
    color: #cccccc;
    padding: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    transition: background-color 0.3s ease;
}

.darkmode-processblock-color > :is(h2, h3, h4){
    color: #ffffff !important;
}

.mb-md-4 > span{
    color: #1a1a1a;
}

/*darkmode-contactpage*/

.darkmode-contactpage{
    background-color: #111;
}

.darkmode-contactpage-h :is(h2, h3, h4){
    color: #f0f0f0 !important;
}

.white-text{
    color: #ffffff !important;
}

.hcenter{
    text-align: center;
}

/*form-darkmode*/

.shadow.bg-white {
    background-color: #1c1c1c !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5) !important;
}

.shadow.bg-white h2 {
    color: #ffffff !important;
}

.contact-style03 .quform-input .form-control {
    min-height: 60px;
    border-radius: 3px;
    background-color: #F9FAFC;
    padding-left: 20px;
    padding-right: 20px;
}

.quform-input input, .quform-input textarea {
    background-color: #2a2a2a !important;
    border: 1px solid #444 !important;
    color: #ffffff !important;
}

.a-items{
    align-items: center;
}

.m-bottom{
    margin-bottom: 0 !important;
}

/*=================PREOLADER==================*/

#preloader{
    background-color: #111 !important;
}

.header-area-ncolor{
    background-color: #222222;
}

/*=================HOME-PAGE==================*/

.full-screen .cd-headline.rotate-1 {
    line-height: 1.2 !important; 
}
.full-screen h1 {
    line-height: 1.3 !important;
}
.full-screen p {
    line-height: 1.6 !important;
    opacity: 0.9 !important;
}
.arrow-circle {
        width: 50px;
        height: 50px;
        background-color: transparent;
        border-radius: 50%;
        border:solid 2px #cc9966;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
}

/* Checkmark icons */
.about-style04 .ti-check {
    color: #cc9966 !important;
}

.about-style04 .bg-img {
    position: relative;
    z-index: 0;
}

.about-style04 .exp-box .bg-img {
    position: relative;
    z-index: 0;
}

/* The top signature is "ASA WORK" */
.about-style04 .section-title01 span {
    color: #cc9966 !important;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.process-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}
.process-block {
  height: 100%; 
}

.section-title02 .small-title {
    color: #cc9966  !important;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 10px;
}

.row [class^="col-"] a:hover {
    color: #cc9966  !important;
}

.btn-style2 {
    background-color: #cc9966  !important;
    color: #ffffff !important;
    border: none !important;
}

.btn-style2:hover {
    background-color: #cc9966 !important;
}

footer.bg-secondary {
    background-color: #222222 !important;
    color: #e0e0e0 !important;
}


footer h3.h4 {
    color: #ffffff !important;
}


footer p {
    color: #cccccc !important;
}


footer li,
footer li span {
    color: #bbbbbb !important;
}


footer a {
    color: #7c7b7b !important;
    text-decoration: none;
}

footer a:hover,
footer .text-primary-hover:hover {
    color: #cc9966 !important;
}


footer .social-icon-style3 a i {
    color: #7c7b7b !important;
    transition: color 0.3s;
}

footer .social-icon-style3 a:hover i {
    color: #cc9966!important;
}


/*header scroll nav viev*/
header.scrollHeader .navbar-default{ position: fixed; top: 0; z-index: 99; width: 100%; background: #222222; color:#ffffff; left: 0; transition: all 0.2s ease 0s;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); animation: .95s ease 0s normal forwards 1 running headerAnimate; }

.process-icon{
    background: #7c7b7b !important;
}

.scroll-top-percentage.active{
    background: #cc9966;
}

.pdsupp{
    padding-bottom: 0px;
}

/*image-size*/

.height-100prc{
    height: 100%;
}

/*==============MEDIASCREEN================*/

/*=============MOBILE-NAV-DARK================*/
@media screen and (max-width: 991px) {

.navbar-nav{
    background-color: #222222;
}

}

.col-xl-7 {
    flex: 0 0 auto;
    width: 50%;
}

/*header font size<1320px*/

@media (min-width: 992px) and (max-width: 1320px) {
    .navbar-nav > li > a{
    font-size: 12px;
    }

    h1 {
    font-size: 40px !important;
  }
}