:root{--ast-container-default-xlg-padding:3em;--ast-container-default-lg-padding:3em;--ast-container-default-slg-padding:2em;--ast-container-default-md-padding:3em;--ast-container-default-sm-padding:3em;--ast-container-default-xs-padding:2.4em;--ast-container-default-xxs-padding:1.8em;--ast-code-block-background:#EEEEEE;--ast-comment-inputs-background:#FAFAFA;--ast-normal-container-width:1200px;--ast-narrow-container-width:612px;--ast-blog-title-font-weight:normal;--ast-blog-meta-weight:inherit;}html{font-size:93.75%;}a{color:var(--ast-global-color-0);}a:hover,a:focus{color:var(--ast-global-color-1);}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:'Poppins',sans-serif;font-weight:400;font-size:15px;font-size:1rem;line-height:var(--ast-body-line-height,1.65em);}blockquote{color:var(--ast-global-color-3);}h1,.entry-content h1,h2,.entry-content h2,h3,.entry-content h3,h4,.entry-content h4,h5,.entry-content h5,h6,.entry-content h6,.site-title,.site-title a{font-family:'Poppins',sans-serif;font-weight:700;}.site-title{font-size:35px;font-size:2.3333333333333rem;display:none;}.site-header .site-description{font-size:15px;font-size:1rem;display:none;}.entry-title{font-size:31px;font-size:2.0666666666667rem;}.archive .ast-article-post .ast-article-inner,.blog .ast-article-post .ast-article-inner,.archive .ast-article-post .ast-article-inner:hover,.blog .ast-article-post .ast-article-inner:hover{overflow:hidden;}h1,.entry-content h1{font-size:40px;font-size:2.6666666666667rem;font-weight:700;font-family:'Poppins',sans-serif;line-height:1.4em;}h2,.entry-content h2{font-size:32px;font-size:2.1333333333333rem;font-weight:700;font-family:'Poppins',sans-serif;line-height:1.3em;}h3,.entry-content h3{font-size:26px;font-size:1.7333333333333rem;font-weight:700;font-family:'Poppins',sans-serif;line-height:1.3em;}h4,.entry-content h4{font-size:24px;font-size:1.6rem;line-height:1.2em;font-weight:700;font-family:'Poppins',sans-serif;}h5,.entry-content h5{font-size:20px;font-size:1.3333333333333rem;line-height:1.2em;font-weight:700;font-family:'Poppins',sans-serif;}h6,.entry-content h6{font-size:15px;font-size:1rem;line-height:1.25em;font-weight:700;font-family:'Poppins',sans-serif;text-transform:capitalize;text-decoration:initial;}::selection{background-color:var(--ast-global-color-0);color:#ffffff;}body,h1,.entry-title a,.entry-content h1,h2,.entry-content h2,h3,.entry-content h3,h4,.entry-content h4,h5,.entry-content h5,h6,.entry-content h6{color:var(--ast-global-color-3);}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:var(--ast-global-color-0);}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);box-shadow:none;}.site-footer a:hover + .post-count,.site-footer a:focus + .post-count{background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);}.single .nav-links .nav-previous,.single .nav-links .nav-next{color:var(--ast-global-color-0);}.entry-meta,.entry-meta *{line-height:1.45;color:var(--ast-global-color-0);}.entry-meta a:not(.ast-button):hover,.entry-meta a:not(.ast-button):hover *,.entry-meta a:not(.ast-button):focus,.entry-meta a:not(.ast-button):focus *,.page-links > .page-link,.page-links .page-link:hover,.post-navigation a:hover{color:var(--ast-global-color-1);}#cat option,.secondary .calendar_wrap thead a,.secondary .calendar_wrap thead a:visited{color:var(--ast-global-color-0);}.secondary .calendar_wrap #today,.ast-progress-val span{background:var(--ast-global-color-0);}.secondary a:hover + .post-count,.secondary a:focus + .post-count{background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);}.calendar_wrap #today > a{color:#ffffff;}.page-links .page-link,.single .post-navigation a{color:var(--ast-global-color-0);}.ast-search-menu-icon .search-form button.search-submit{padding:0 4px;}.ast-search-menu-icon form.search-form{padding-right:0;}.ast-search-menu-icon.slide-search input.search-field{width:0;}.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-form,.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-field:focus{transition:all 0.2s;}.search-form input.search-field:focus{outline:none;}.ast-archive-title{color:var(--ast-global-color-2);}.widget-title,.widget .wp-block-heading{font-size:21px;font-size:1.4rem;color:var(--ast-global-color-2);}.ast-single-post .entry-content a,.ast-comment-content a:not(.ast-comment-edit-reply-wrap a){text-decoration:underline;}.ast-single-post .wp-block-button .wp-block-button__link,.ast-single-post .elementor-button-wrapper .elementor-button,.ast-single-post .entry-content .uagb-tab a,.ast-single-post .entry-content .uagb-ifb-cta a,.ast-single-post .entry-content .wp-block-uagb-buttons a,.ast-single-post .entry-content .uabb-module-content a,.ast-single-post .entry-content .uagb-post-grid a,.ast-single-post .entry-content .uagb-timeline a,.ast-single-post .entry-content .uagb-toc__wrap a,.ast-single-post .entry-content .uagb-taxomony-box a,.ast-single-post .entry-content .woocommerce a,.entry-content .wp-block-latest-posts > li > a,.ast-single-post .entry-content .wp-block-file__button,li.ast-post-filter-single,.ast-single-post .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link,.ast-single-post .ast-comment-content .comment-reply-link,.ast-single-post .ast-comment-content .comment-edit-link{text-decoration:none;}.ast-search-menu-icon.slide-search a:focus-visible:focus-visible,.astra-search-icon:focus-visible,#close:focus-visible,a:focus-visible,.ast-menu-toggle:focus-visible,.site .skip-link:focus-visible,.wp-block-loginout input:focus-visible,.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,.ast-header-navigation-arrow:focus-visible
}


/* Additional Styles */

body {
  background-color: #f5f5f5;
}

#content {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.entry-content {
  font-size: 18px; /* Adjusted font size */
  line-height: 1.6;
}

.entry-content p {
  margin-bottom: 15px;
}

.entry-content h2 {
  color: #333333;
}

.entry-content a {
  color: #0073e6;
}

.entry-content a:hover {
  text-decoration: underline;
}

.comments-area {
  margin-top: 30px;
}

.comments-title {
  font-size: 26px; /* Adjusted font size */
  color: #333333;
  margin-bottom: 15px;
}

.ast-comment-avatar-wrap img {
  border-radius: 50%;
}

.ast-comment-meta {
  margin-top: 10px;
}

.ast-comment-content p {
  margin-bottom: 10px;
}

/* Responsive Styles */
@media (max-width: 767px) {
  #content {
    padding: 15px;
  }

  .comments-title {
    font-size: 22px; /* Adjusted font size */
  }
}



/* ... (previous styles) ... */

body .wp-block-file .wp-block-file__button,
.search .search-submit {
  padding-top: 12px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
}

@media (max-width: 921px) {
  .ast-mobile-header-stack .main-header-bar .ast-search-menu-icon {
    display: inline-block;
  }
  .ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-stack .main-header-bar .ast-search-icon {
    margin: 0;
  }
  .ast-comment-avatar-wrap img {
    max-width: 2.5em;
  }
  .ast-comment-meta {
    padding: 0 1.8888em 1.3333em;
  }
  .ast-separate-container .ast-comment-list li.depth-1 {
    padding: 1.5em 2.14em;
  }
  .ast-separate-container .comment-respond {
    padding: 2em 2.14em;
  }
}

@media (min-width: 544px) {
  .ast-container {
    max-width: 100%;
  }
}

@media (max-width: 544px) {
  .ast-separate-container .ast-article-post,
  .ast-separate-container .ast-article-single,
  .ast-separate-container .comments-title,
  .ast-separate-container .ast-archive-description {
    padding: 1.5em 1em;
  }
  .ast-separate-container #content .ast-container {
    padding-left: 0.54em;
    padding-right: 0.54em;
  }
  .ast-separate-container .ast-comment-list .bypostauthor {
    padding: 0.5em;
  }
  .ast-search-menu-icon.ast-dropdown-active .search-field {
    width: 170px;
  }
}

/* Additional Styles for Background and Colors */
.ast-separate-container {
  background-color: var(--ast-global-color-4);
}

/* Typography Styles */
@media (max-width: 921px) {
  html {
    font-size: 85.5%;
  }
}

@media (max-width: 544px) {
  html {
    font-size: 85.5%;
  }
}

@media (min-width: 922px) {
  .ast-container {
    max-width: 1240px;
  }
}

@media (min-width: 922px) {
  .site-content .ast-container {
    display: flex;
  }
}

@media (max-width: 921px) {
  .site-content .ast-container {
    flex-direction: column;
  }
}

/* ... (remaining styles) ... */
img {
  max-width: 100%;
  height: auto; /* Ensures the aspect ratio is maintained */
}


#page-views {
    margin-top: auto;
}

.myLink {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink1 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink2 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink3 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink4 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink5 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink6 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink7 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink8 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink9 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}


.begin-join-click {
  color: #FFA500; /* Orange color for all elements with these IDs/classes */
}

.click-invite-button {
  color: #FFA500; /* Orange color for all elements with these IDs/classes */
}


.get-invite-done {
  color: #FFA500; /* Orange color for all elements with these IDs/classes */
}

#myImage {
  border: 2px solid #00FF00; /* 2px green border around the image */
}

 .step-button {
    padding: 10px 20px;
    background-color: #007bff; /* Blue color, you can change it to your preferred color */
    color: #fff; /* White text color */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
  }

  .step-button:hover {
    background-color: #ff0000; /* Red color on hover */
  }