:root {
    --accent: #ffd600 !important;
    --primary-font: Poppins, sans-serif;
    --secondary-font: Open Sans, sans-serif;
}

.cs-hero_title {
    font-weight: bold;
    text-shadow:
        0 0 5px #FFD600,
        0 0 10px #FFD500,
        0 0 15px #FF4500,
        0 0 20px #FFA500;
}
.cs-hero_subtitle {
    /* color: #FFD700; Golden color */
    font-size: 54px !important;
    font-weight:600 ;
    text-shadow:
        0 0 5px #FFD700,
        0 0 10px #FFD700,
        0 0 15px #FFA500,
        0 0 20px #FFA500;
}

.cs-main_header_center {
    font-weight: bold;
    text-shadow: 0 0 5px #665812, 0 0 1px #FFD51C, 0 0 15px #f9f037, 0 0 20px #FFA500;
}


.cs-hero.cs-style1 .cs-hero_title{
margin-bottom: 0px !important;
}

.cs-portfolio_title{
 color: while;
    -webkit-text-stroke: 1px #FFD600;
    font-weight: bold;
}
.cs-portfolio_subtitle{
 color: while; /* Text fill color */
    -webkit-text-stroke: 1px #FFD600; /* Golden border */
    font-weight: bold;
}
.cs-fooer{
 background-color: white !important;}
 
 .blog-avatar-wrap{
 display:none;
 }
 
 .cs-page_heading {
    background-image: url(/storage/pages/banner.png) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.service, .direction {
    display: none;
}
.blogform {
    display: none;
}
.cs-site_branding img {
    max-height: 80px !important;
}


/* Wrapper to align arrows absolutely */
.slider-wrapper {
    position: relative;
}

/* Common Arrow Style */
.slick-arrow {
    position: absolute;
    top: -60px;
    z-index: 10;
    background-color: orange;
    color: black;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Position Left Arrow to the right side */
.slick-prev {
    right: 60px; /* position to the left of the next arrow */
}

/* Position Right Arrow fully to the right */
.slick-next {
    right: 10px;
}


/* Mobile hover styles */
.cs-portfolio-mobile .cs-portfolio_hover,
.cs-portfolio-mobile .cs-portfolio_info {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Optional: Make portfolio items full width on mobile */
@media (max-width: 767px) {
  .cs-masonry_4_col {
    grid-template-columns: 1fr !important;
  }
  
  .cs-portfolio.cs-style1.cs-type2 {
    margin-bottom: 20px;
  }
}

.cs-side_header .cs-side_header_shape {
   
    top: 490px !important;
}


/* Default: Desktop and larger */
.slick-slider .cs-post.cs-style1 {
  height: auto;
}

/* Small laptops and tablets (portrait) */
@media (max-width: 1024px) {
  .slick-slider .cs-post.cs-style1 {
    height: auto !important;
  }

}

/* Tablets and large phones */
@media (max-width: 768px) {
  .slick-slider .cs-post.cs-style1 {
    height: auto !important;
  }

}

/* Mobile phones */
@media (max-width: 480px) {
  .slick-slider .cs-post.cs-style1 {
    height: auto !important;
  }

}https://swarnkarsociety.xlligent-demos.com/blog/artistic-mind-will-be-https://swarnkarsociety.xlligent-demos.com/blog/artificial-will-take-all-human-job-next-yeargreat-for-creation

/* Extra small devices */
@media (max-width: 360px) {
  .slick-slider .cs-post.cs-style1 {
      height: auto !important;
  }
}

/* Very small phones (e.g. 320px) */
@media (max-width: 320px) {
  .slick-slider .cs-post.cs-style1 {
    height: auto !important;
  }
}

.slick-slider .cs-post.cs-style1 {
    height: 480px;
    border: 2px solid black;
    padding: 5px;
}

a.cs-center {
    background: lightgrey;
}

.cs-side_header .cs-side_header_box {
    padding: 25px 0 !important;
}

.cs-iconbox_icon img {
    height: 300px;
}
@media (max-width: 992px) {
    .cs-iconbox_icon img {
    height: 300px !important;
    width: 300px;
    display: block;
    margin: auto;
}
}
h2.cs-post_title a {
    color: #FFA500;
}
.cs-site_header.cs-style1 .cs-icon_btn{
color:black !important;
}
input, textarea {
    color: black !important;
}
.cs-hero_social_wrap{
top: 60% !important;
}

.cs-arrow_style1 .slick-arrow, .cs-arrow_style2 .slick-arrow, .cs-arrow_style3 .slick-arrow
 {
    background-color: #FFA500 !important;
}
.cs-arrow_style4 .slick-arrow {
    background-color: #FFA500 !important;
}
.arowopposit{
    transform: rotate(-180deg) !important;
}
h1.cs-hero_title {
    display: none;
}
.cs-hero_subtitle {
    position: absolute;
    top: 250px;
}
.cs-site_header_full_width .container {
    padding: 0px !important;
}