.section-padding {
    padding: 65px 0 !important;
}

.shop-details-wrapper .shop-details-image .nav {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    margin-top: 20px !important;
}

.section-padding {
    padding: 16px 0 !important;
}

.work-process-wrapper .section-title h2 {
    font-size: 46px !important;
}

.scroll-up {
    cursor: pointer !important;
    display: block !important;
    border-radius: 50px !important;
    z-index: 99 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(15px) !important;
    position: fixed !important;
    right: 25px !important;
    bottom: 35px !important;
    height: 50px !important;
    width: 50px !important;
    transition: all 0.4s ease-in-out !important;
}

.scroll-up.active-scroll {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.scroll-up::after {
    position: absolute !important;
    font-family: "Font Awesome 5 Pro" !important;
    content: "\f176" !important;
    text-align: center !important;
    line-height: 50px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: var(--theme) !important;
    left: 0 !important;
    top: 0 !important;
    height: 50px !important;
    width: 50px !important;
    cursor: pointer !important;
    display: block !important;
    z-index: 1 !important;
    transition: all 0.4s ease-in-out !important;
}

.about-wrapper .about-left-items .about-image-2 {
    max-width: 633px !important;
}

.footer-widgets-wrapper {
    padding: 20px 0 43px !important;
}

.shop-card-items .shop-content {
    background-color: #dfdede !important;
}

.footer-bg {
    background-color: #385b6f !important;
}

.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {   
    background-color:#002e48 !important;
}

.theme-btn::before {
    background-color:  #A8A8A8 !important;
}

.theme-btn::after {
    background-color:  #A8A8A8 !important;
}

.section-bg {
    background-color: #A8A8A8 !important;
}

@media (max-width: 575px) {
    .cta-banner-wrapper .icon {
      margin: 0px auto;
    }
  }
  .cta-banner-wrapper .icon::before {
    position: absolute !important;
    top: -120% !important;
    left: -12px !important;
    content: "" !important;
    width: 180px !important;
    height: 390px !important;
    background-image: linear-gradient(180deg, #385B6F 0%, rgba(166, 161, 130, 0) 100%) !important;
    z-index: -1 !important;
    transform: rotate(15deg) !important;
    bottom: 0 !important;
  }

  @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --body: #fff !important;
  --black: #000 !important;
  --white: #fff !important;
  --theme: #385B6F !important;
  --theme-2: #385B6F !important;
  --header: #000000 !important;
  --base: #00813D !important;
  --text: #54595F !important;
  --text2: #bfbfbf !important;
  --border: #E6E6E6 !important;
  --border2: #373737 !important;
  --ratting: #F8BC26 !important;
  --bg: #F8F8F8 !important;
  --bg2: #0D0D0D !important;
  --color-gradient-1: linear-gradient(to left, #fd4a81, #ff5e73, #ff7269, #ff8662, #fc9860) !important;
  ---color-gradient-2: linear-gradient(to left, #ff8662, #fc9860, #ff7269, #fd4a81, #ff5e73) !important;
  ---box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.05) !important;
}

::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
    display: none !important;
}

.breadcrumb-wrapper::before {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    content: "" !important;
    background-color: #385b6f !important;
}

.achievement-wrapper .counter-area .counter-item .content h2 {
    color: #385B6F !important;
}

.header-top-wrapper .top-right .social-icon i:hover {
    color: white !important;
}

.breadcrumb-wrapper .page-heading {
    position: relative !important;
    z-index: 0 !important;
    margin-top: 11px !important;
}
.section-bg {
    background-color: #385b6f !important;
}
.display {
    visibility: visible !important;
}

.error-items .error-image img {
    width: 69% !important;
    height: 89%;
}

.footer-widgets-wrapper .single-footer-widget .list-items li a:hover {
    color: white !important;
}

.breadcrumb-wrapper .page-heading h1 {
    font-size: 50px !important;
}

.header-main .main-menu ul li .submenu li a {
    font-size: 14px !important;
}

.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info-area .contact-items .icon {
   border: 1px solid #fff !important;
}

.contact-wrapper-3 {
    background-image: url(/frontend/tcul-img/contact.jpg) !important;
}

.service-box-items.style-3:hover {
    background-color: #385b6f !important;
}

.blog-wrapper .single-blog-post .post-content h2 {
    font-size: 30px !important;
}


.loading-spinner {
    width: 50px !important;
    height: 50px !important;
    border: 4px solid #385b6f !important;
    border-radius: 50% !important;
    border-top-color: #0001 !important;
    display: inline-block;
    animation: loadingspinner .7s linear infinite !important;
}  

@keyframes loadingspinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}