/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.9.1757652941
Updated: 2025-09-12 04:55:41

*/

body {
  background: #fff;
}
.container {    max-width: 1280px;    margin: auto; }

.cnt {  text-align: center; } 

h1,h2,h3,h4 { font-family: "Poppins", sans-serif;     margin-top: 0;  }
p,a,span,div,li { font-family: "Poppins", sans-serif;    }
p, li {
  font-size: 16px;
}
ol, ul {
  margin-left: 0px;
}
ol li, ul li{
  margin-left: 0px;
}
p,a,span {   line-height: 1.6;  }
p a { color: #d96220;  text-decoration: none;}
.primary-menu > li > .icon {color:#fff !important;}
.top-bar {
  background-color: #d96220;
  color: #ffffff;
  padding: 10px 0px 10px 0px;
  font-size: 14px;
}
.top-bar .container {
  display: flex;
  justify-content: space-between;
}
.top-bar-left a {
  color: #fff;
  text-decoration: none;
}
.top-bar-left span {
  margin-right: 20px;
}
.top-bar-left i {
  margin-right: 5px;
}
.top-bar-right a {
  color: #fff;
  margin-left: 15px;
  text-decoration: none;
  font-size: 16px;
  transition: color 0.3s ease;
}
.header-inner.section-inner {
  position: absolute;
  left: 0;
  right: 0;
  max-width: 1300px;
  padding: 0.8rem 0;
}
.primary-menu li a {
  color: #fff !important;
  text-decoration: none;
  font-size: 14px;
  padding: 10px 6px;
  display: block;
  position: relative;
  font-weight: 500;
}
.site-logo.faux-heading {
  background: #ffffff9c;
  border-radius: 20px;
}
.pagination-single.section-inner.only-one.only-prev {
  display: none;
}
.comments-wrapper.section-inner {
  display: none;
}

.single-flex {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  margin-right: 30px;
}
.blg-side {
  border: 1px solid #dbdbdb;
  background: #f8f4f1;
}
.blg-side nav ul {
  list-style: none; 
  padding: 0;
  margin: 0;
}
.blg-side nav li {
  position: relative;
  display: flex;
  
}
.blg-side nav li:before {
  content: "•";
  position: relative;
  left: 0;
  color: #000;
  padding-right: 8px;
}
.blg-side nav li a {
  color: #3c3c3c;
  font-weight: 500;
  font-size: 15px;
}
.sin-blog-left {
  width: 75%;
}
.sin-blog-right {
  width: 25%;
  position: sticky;
  top: 0;
  padding: 20px;
  border-radius: 3px;
}
#recent-posts-2 {
  list-style: none;
  margin-left: 0px;
  padding: 7px 14px;
}
.post-inner {
    padding-top: 0px;
  }
  .entry-content {
  margin: 0px;
}
.header-navigation-wrapper {
  width: 100%;
  z-index: 3;
}
.right-sec {
  width: 14%;
  text-align: right;
}
.get-started-btn {
  background: #d96220;
  color: #fff;
  border-radius: 4px;
  padding: 10px 10px;
  text-decoration: none;
  transition: background 0.3s ease;
  font-size: 14px;
}
.common-hero {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  height: 100vh;
}
.common-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgb(0 0 0 / 28%);
}
.common-hero .container {
  display: flex;
  align-items: center;
  max-width: 1280px;
  width: 100%;
}
.common-hero .comm-banner {
  color: #fff;
  position: relative;
  padding: 30px;
}
.breadcrumb {
  margin-bottom: 30px;
}
.breadcrumb-heading {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 20px;
}
.breadcrumb-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb-item {
  font-size: 14px;
  color: #fff;
  list-style: none;
}
.breadcrumb-item a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
  font-weight: 800;
}
.breadcrumb-item::after {
  content: "/";
  margin: 0 4px;
  color: #ffffff;
}
#site-footer li {
  list-style: none;
}
#site-footer {
  border-top: 1px solid #e3e3e3;
  margin-top: 30px;
}
.devide-sec {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  justify-content: space-between;
}
.footer-sec-four {
  width: 100%;
}
#site-footer {
  padding-bottom: 0px;
}
.devide-sec h3 {
  margin-top: 0;
  color: #d96220;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}
.devide-sec li a {
  color: #555;
  text-decoration: none;
  font-size: 14px;
}
.textwidget p {
  color: #555;
  font-size: 16px;
  line-height: 1.6;
}
.linkss li::before {
  content: "\203A";
  position: absolute;
  left: 0;
  color: #d96220;
  font-size: 16px;
  font-weight: bold;
}
#text-2 {
  margin-top: 0px;
}
#media_image-2 {
  width: 150px;
}
.copy-right-sec {
  background: #c68642;
  padding: 20px 0px;
}
.center{text-align:center;}
.copy-right-sec {
  color: #fff;
}
.sublink ul {
  display: flex;
  gap: 16px;
  margin-bottom: 0;
  justify-content: center;
}
.sublink ul a {
  color: #f7f7f7;
  text-decoration: none;
  font-size: 14px;
}
.sublink li::after {
  content: "|";
  margin-left: 10px;
  color: #fff;
}
.sublink ul li:last-child::after {
  content: "";
}
.linkss li {
  list-style: none;
  position: relative;
  padding-left: 14px;
}


/* Blog Grid Container */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin: 40px 20px;
}

/* Blog Card */
.blog-grid-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
}

.blog-grid-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}

/* Thumbnail Image */
.blog-thumbnail img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.3s;
}

.blog-grid-item:hover .blog-thumbnail img {
    transform: scale(1.05);
}

/* Blog Content */
.blog-content {
    padding: 20px;
    flex-grow: 1;
}
a {text-decoration:none;}
.blog-title {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #222;
    font-weight: 600;
}

.blog-excerpt {
    font-size: 16px;
    color: #555;
}

/* Read More Button */
.read-more-container {
    padding: 0 20px 20px;
}

.read-more-btn {
    display: inline-block;
    text-decoration: none;
    background: #d96220;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: bold;
    transition: background 0.3s, transform 0.3s;
}

.read-more-btn:hover {
    background: linear-gradient(45deg, #feb47b, #ff7e5f);
    transform: translateY(-2px);
}

.section-inner.medium {
  max-width: 100%;
}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 100%;
  width: 100%;
}
.entry-content {
  margin: 0px 50px;
}

.sub-header.about-sub.featured-banner {
  min-height: 250px;
  display: flex;
  justify-content: center;
  background-position: 50% 75% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.sub-header .heading {
  padding-top: 7rem;
}
.sub-header {
  position: relative;
  color: #fff; /* Makes the text white */
}

.sub-header::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.48); /* Dark overlay */
  z-index: 1;
}

.sub-header .container {
  position: relative;
  z-index: 2; /* Ensures this content is above the overlay */
}
.single h2, .single h3 {
  font-size: 24px;
  margin-bottom: 14px;
  margin-top: 14px;
}
.single h4, .single h5, .single h6 {
  font-size: 20px;
}
.single ul li {
  list-style-position: inside;
}
.single ol li {
  list-style-position: inside;
}
.sub-header .heading h1 {
  color: #fff; /* White text color */
  text-align: center; /* Centered title */
  font-size: 2.5rem;
  margin: 0;
  padding: 60px 20px;
  font-weight: 700;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.7); /* Optional for better contrast */
}
/* Responsive Adjustments */
@media (max-width: 768px) {
    .blog-thumbnail img {
        height: 180px;
    }
    .devide-sec {
  flex-direction: column;
}
.top-bar-left {
  margin-left: 18px;
}
.top-bar-left a {
  display: block;
}
}

@media (max-width: 480px) {
    .devide-sec {
  flex-direction: column;
}
.top-bar-left a {
  display: block;
}
.top-bar-left {
  margin-left: 18px;
}
    .blog-title {
        font-size: 20px;
    }
    .blog-excerpt {
        font-size: 15px;
    }
    .read-more-btn {
        padding: 8px 16px;
        font-size: 16px;
    }
}