:root{
    --navy-blue-for-dark:#0d365275 !important;
}


.custom-thin {
  /*opacity: 0.6;     */
  font-weight: 300;   /* visually thinner */
}

.main-menu .navigation > li > a:hover{
    color:var(--navy-blue) !important;
}

.hero-3 .hero-content .hero-button .theme-btn .icon{
   background:var(--theme-color-white) !important;
}

.pricing-section-2,
.why-choose-section-2::before{
    background:var(--navy-blue-for-dark) !important;
}

.project-section-4 .nav .nav-item .nav-link.active{
    background:var(--cpc-gradient) !important;
    color:var(--navy-blue) !important;
}

.project-section-4 .nav .nav-item .nav-link{
   background:none !important;
   color:var(--platinum-gray) !important;
   transition:all 0.4s ease !important;
   font-size:18px;
   letter-spacing:1px !important;
}


.project-section-4 .nav .nav-item:hover .nav-link{
    background:var(--cpc-gradient-reverse) !important;
    color:var(--navy-blue) !important;
}


[data-tm-layout=dark] .team-box-items-4{
    background:var(--navy-blue-for-dark) !important;
}

[data-tm-layout=dark] .about-content-3 .info .user .sub-title,
[data-tm-layout=dark] .news-box-items .news-content .link-btn,
.news-box-items .news-content .comments-list li{
    color: var(--theme-color-white) !important;
}

.feature-growth-box-items .icon{
    background:var(--cpc-gradient) !important;
    transition:all 0.3s ease;
}

.feature-growth-box-items .icon:hover{
    background:var(--cpc-gradient-reverse) !important;
}

.feature-growth-box-items::before{
    background:var(--navy-blue-for-dark) !important;
}

.feature-growth-box-items .content p{
    color:var(--theme-color-white) !important;
}

.feature-growth-section p:not(.service-know-box p){
    color:var(--theme-color-white) !important;
}

.hero-4 .image-box .customer-info{
    background:var(--navy-blue-for-dark) !important;
}

[data-tm-layout=dark] .pricing-main-items .pricing-card-items{
    background:var(--navy-blue) !important;
}

[data-tm-layout=dark] .pricing-card-items p{
    color:var(--theme-color-white) !important;
}

.service-imagestyle-3{
    min-height: 100% !important;
    height: 100% !important;
}

.service-imagestyle-3 img{
    min-height: 100% !important;
    object-fit:cover;
}

.contact-box-style-3,
.contact-content-style-3 .contact-list li .icon{
    background:var(--navy-blue-for-dark) !important;
}

.contact-box-style-3{
background:var(--navy-blue) !important;
}

.contact-box-style-3,
.contact-content-style-3 .contact-list li .icon i{
    font-size:26px !important;
}

.dark.about-section p,
.dark.about-section strong{
    color:var(--theme-color-white);
}

.dark.about-section strong{
    font-weight:bold !important;
}

.dark.about-section .about-content-3 .skill-feature .progress-bar{
    background:var(--cpc-gradient) !important;
}

.choose-us-box-style-2 .icon{
    color:var(--navy-blue) !important;
    font-size: 24px !important;
}

.service-know-box .icon{
    width: 55px !important; 
    height: 55px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-know-box p a{
    text-decoration:none !important;
}

.service-know-box{
    width:fit-content !important;
    padding-right:40px !important;
    background:var(--cpc-gradient) !important;
    overflow:hidden !important;
}

.service-know-box:hover:before {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.service-know-box:before {
    border-radius:100px;
    position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    width: 100%;
    content: "";
    background: var(--cpc-gradient-reverse);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    transition: -webkit-transform 500ms 
cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms 
cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms 
cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms 
cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms 
cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: 
cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: 
cubic-bezier(0.86, 0, 0.07, 1);
    z-index: -1;
}

.bottom-cta-section{
    display:flex;
    justify-content:center !important;
}

.about-content-3 .info {
    min-width: fit-content !important;
    max-width: 550px !important;
}

.about-content-3 .info .user {
    margin-top: 45px !important;
}

.about-content-3 .about-block .inner-box .icon svg{
    color:var(--theme-color-white);
    stroke:var(--theme-color-white);
    fill: var(--theme-color-white);
}

.how-we-work-on-index,
.pricing-section-index{
    padding:50px !important;
}

.contact-content-style-3 .contact-text,
.contact-content-style-3 .contact-list li .content span{
    color:var(--theme-color-white) !important;
}

.contact-content-style-3 .contact-list li .content h3{
    font-size:18px !important;
    font-weight:600 !important;
}

.project-image-4{
    min-height:96% !important;
    height:96% !important;
}

.project-image-4 img{
    object-fit:cover !important;
    min-height:100% !important;
}

.index-strip{
    padding-top:100px !important;
    padding-bottom:100px !important;
}

[data-tm-layout=dark] .team-box-items-4 .socials ul li a{
    color:var(--navy-blue) !important;
}

.pricing-box-items.active .pricing-button .btn-style-one{
    color:#FFFFFF !important;
}


.pricing-box-items.active .pricing-button .btn-style-one:hover{
    color:var(--navy-blue) !important;
}


.contact-box-style-3 form .input .icon svg{
    font-size:28px !important;
}

.testimonial-block-five .inner-box .content-box .info-box .rating-info .rating,
.testimonial-block-five .inner-box .content-box .info-box .rating-info .icon{
    color: var(--navy-blue) !important;
    stroke: var(--navy-blue) !important;
    fill: var(--navy-blue) !important;
}


#clip0_155_289{
    color:var(--navy-blue) !important;
}

.news-box-items .news-content .link-btn .icon{
    color:var(--navy-blue) !important;
    stroke:var(--navy-blue) !important;
}


.pricing-box-items .pricing-button .btn-style-one{
    color:var(--navy-blue) !important;
}

.contact-section-3.dark button, input, optgroup, select, textarea{
    font-size:16px !important;
}

.testimonial-section-five.dark .title-box{
    margin-bottom:40px !important;
}

.main-menu .navigation > li > ul{
    background:var(--navy-blue) !important;
}


.faq-section-2{
     background:var(--navy-blue-for-dark) !important;
}

.accordion-button{
    background:var(--navy-blue) !important;
}

.faq-accordion-style-3 .accordion .accordion-item .accordion-body{
     background:var(--navy-blue) !important;
}

.accordion-button:not(.collapsed){
    background:var(--cpc-gradient-reverse) !important;
    color:var(--navy-blue) !important;
}

[data-tm-layout=dark] .faq-accordion-style-3 .accordion .accordion-button:not(.collapsed)::before{
    color:var(--navy-blue) !important;
}

.testimonial-block-five .inner-box .thumb img{
    width:100% !important;
}

.image-column-3 .inner-column .image1 img{
    border-radius:0 !important;
}

.index-page-industries-grid .row>div{
    max-height:500px !important;
}




/* --------------- Scroll bar style Start ---------------*/

::-webkit-scrollbar {
  width: 10px; 
  background: var(--cpc-gradient);
}

::-webkit-scrollbar-track {
  background: var(--cpc-gradient);
}

::-webkit-scrollbar-thumb {
  background: var(--navy-blue);
  border-radius: 10px;
  border: none;
  background-clip: padding-box;
  height:80px;
  cursor:pointer !important;
}

html, body {
  scrollbar-width: 10px; /* or 'auto' for full size */
  scrollbar-color: var(--navy-blue) var(--cpc-gradient);
  scrollbar-padding:0 !important;
  scrollbar-gutter:unset !important; 
  scrollbar-color: auto;
}

/* --------------- Scroll bar style End ---------------*/










/* ------------- Custom Responsive Breakpoints ------------- */

/* Extra Small Devices (Phones ≤ 540px) */
@media (max-width: 540px) {

 
}


@media (max-width: 540px) {
 .hero-4 .image-box .customer-info{
    margin-top:30px;
 }
}



/* Small Devices (Tablets ≤ 768px) */
@media (max-width: 768px) {
.service-know-box{
    padding-left:20px;
    padding-right:20px;
}

.how-we-work-on-index, .pricing-section-index{
    padding-left:15px;
    padding-right:15px;
}
}

/* Medium Devices (Small Laptops ≤ 1024px) */
@media (max-width: 1024px) {

}

/* Large Devices (Laptops ≤ 1280px) */
@media (max-width: 1280px) {}

/* Extra Large Devices (Desktops ≤ 1536px) */
@media (max-width: 1536px) {}