/* 
Theme Name: StrokesExhibits 
Theme URI: https://www.hamtoons.com/themes/StrokesExhibits/ 
Description: StrokesExhibits is a custom WordPress theme by Hamtoons. This theme is developed from scratch to be lightweight, without relying on any third-party plugins. Please refrain from using insecure plugins. If you wish to update any custom features or edits in the theme, please contact me instead of adding other plugins. To create a lightweight WordPress theme, we have removed some unimportant features. However, these features can be enabled through additional coding according to your needs. The theme is completely customizable and fully under control. If you require any customization, please don't hesitate to ask. Installing too many plugins increases the risk of security vulnerabilities, potentially leading to data breaches, cyberattacks, or malware infections. Additionally, an excessive number of plugins can slow down your website. Always check the reputation of a plugin before installing it. We are not responsible for any damages to your website resulting from third-party plugins or unauthorized customizations to the theme. 
Version: 2.1.2 
Author: Hameed Hamtoons 
Author URI: https://www.hamtoons.com 
Tags: StrokesExhibits, custom-theme, Blank, HTML5, CSS3, futurenow, bootstrap5, custom-menu, custom-logo, editor-style, featured-images, block-styles, style-variations, blog, portfolio, news License: MIT License URI: http://opensource.org/licenses/mit-license.php 
*/
:root {
  --white-color: #ffffff;
  --primary-color: #e21a24;
  --section-bg-color: #f9f9f9;
  --dark-color: #333333;
  --grey-color: #fcfeff;
  --text-secondary-white-color: rgba(255, 255, 255, 0.98);
  --title-color: #565758;
  --p-color: #717275;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-link-color-rgb: 52, 58, 64;
  --bs-link-color: #333333;
  --bs-link-hover-color: #565758;
  --bs-link-hover-color-rgb: 52, 58, 64;
  --body-font-family: "Open Sans", sans-serif;
  --heading-font-family: "Oswald", sans-serif;
  --menu-font-family: "Oswald", sans-serif;
}
.pagination {
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #e21a24;
  --bs-pagination-active-border-color: #c04138;
}
body,
html {
  height: 100%;
}
body {
  background: var(--white-color);
  font-family: var(--body-font-family);
  position: relative;
  font-optical-sizing: auto;
  font-style: normal;
  color: var(--title-color);
}
#spinner {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease-out, visibility 0s linear 0.5s;
  z-index: 99999;
}
#spinner.show {
  transition: opacity 0.8s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
}
.wow,
.animated {
  animation-duration: 2s !important;
}
.Preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: var(--heading-font-family);
  font-optical-sizing: auto;
}
h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-family: var(--heading-font-family);
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  margin-top: 30px;
  margin-bottom: 0.5rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 500;
}
.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.btn {
  font-weight: 600;
  transition: 0.5s;
}
.btn-square {
  width: 38px;
  height: 38px;
}
.btn-sm-square {
  width: 32px;
  height: 32px;
}
.btn-md-square {
  width: 46px;
  height: 46px;
}
.btn-lg-square {
  width: 58px;
  height: 58px;
}
.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}
.btn.btn-primary:hover {
  color: var(--bs-red) !important;
  background: var(--bs-dark) !important;
  border-color: var(--bs-dark) !important;
}
.btn.btn-dark:hover {
  color: var(--bs-dark) !important;
  background: var(--bs-red) !important;
  border-color: var(--bs-red) !important;
}
.imgspace {
  position: relative;
  display: block;
  overflow: hidden;
}
.imgspace > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imgspace::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.topbar .topbar-inner {
  height: 45px;
  padding: 10px 15px;
  background: rgb(0 0 0 / 0.9);
  font-family: var(--menu-font-family);
}
.topbar a,
.topbar a i {
  transition: 0.5s;
}
.topbar a:hover,
.topbar a i:hover {
  color: var(--bs-red) !important;
}
.fixed-top {
  transition: 0.5s;
}
.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}
.navbar {
  padding: 2px;
}
.navbar .navbar-nav .nav-link {
  padding: 12px;
  color: var(--bs-light);
  font-size: 17px;
  font-weight: 600;
  transition: 0.5s;
  font-family: var(--menu-font-family);
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.fixed-top.bg-white .navbar .navbar-nav .nav-link:hover,
.fixed-top.bg-white .navbar .navbar-nav .nav-link.active {
  color: var(--bs-white);
}
.navbar .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  vertical-align: middle;
  margin-left: 8px;
}
.dropdown-item {
  font-family: var(--menu-font-family);
}
@media (min-width: 992px) {
  .navbar-collapse {
    background: transparent !important;
  }
  .navbar .nav-item .dropdown-menu {
    display: block;
    visibility: hidden;
    top: 100%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    border: 0;
    transition: 0.5s;
    opacity: 0;
  }
  .navbar .nav-item:hover > .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--bs-light) !important;
    transition: 0.5s;
    opacity: 1;
  }
}
.navbar-toggler {
  background: var(--bs-white);
  color: var(--bs-dark) !important;
  padding: 10px 20px;
  border: 2px solid var(--bs-red) !important;
  box-shadow: none !important;
}
.text-primary {
  color: var(--bs-red) !important;
}
@media (max-width: 992px) {
  .navbar-nav .dropdown-menu {
    overflow: auto;
    max-height: 250px;
  }
}
.dropdown-item:hover,
.dropdown-item:focus {
  background: #e21a24 !important;
  color: white !important;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #fff0;
  color: #e21a24;
  font-weight: 600;
}
@media all and (min-width: 992px) {
  ul.depth_1 {
    left: 100% !important;
    top: 0% !important;
  }
  ul.depth_0 > .menu-item-has-children a:after {
    display: inline-flex;
    content: "";
    border-color: #fff0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
  }
  ul.depth_1 a:after {
    border: 0 !important;
  }
}
.hero-header {
  margin-bottom: 6rem;
  padding-top: 15rem;
  padding-bottom: 6rem;
  background: url(images/hero.jpg), center center no-repeat;
  background-size: cover;
}
.hero-header .hero-header-inner {
  padding: 3rem;
  background: rgb(255 255 255 / 0.5);
}
@media (max-width: 992px) {
  .hero-header {
    padding-top: 12rem;
  }
}
.hero-header .breadcrumb-item {
  font-size: 18px;
}
.hero-header2 {
  margin-bottom: 1rem;
  padding-top: 10rem;
  padding-bottom: 6rem;
  background: url(images/subheader-bg.jpg), center center no-repeat;
  background-size: cover;
}
.hero-header2 .hero-header-inner2 {
  padding: 3rem;
  background: rgb(0 0 0 / 0.5);
}
@media (max-width: 992px) {
  .hero-header2 {
    padding-top: 5rem;
  }
}
.hero-header2 .breadcrumb-item {
  font-size: 18px;
}
.header {
  position: relative;
}
.header #video-background {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
}
.header .header-content {
  padding-top: 11rem;
  padding-bottom: 9rem;
  text-align: center;
}
.header .h1-large {
  margin-bottom: 2.25rem;
  color: #fff;
  font-size: 2rem;
  line-height: 2.75rem;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .header .header-content {
    padding-top: 15rem;
    padding-bottom: 13rem;
  }
}
@media (min-width: 992px) {
  .h2-heading {
    width: 35.25rem;
    margin-right: auto;
    margin-left: auto;
  }
  .p-heading {
    width: 46rem;
    margin-right: auto;
    margin-left: auto;
  }
  .header .header-content {
    padding-top: 18rem;
    padding-bottom: 16rem;
  }
  .header .h1-large {
    margin-bottom: 2.75rem;
    font-size: 3rem;
    line-height: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .header {
    height: 100vh;
  }
  .header .header-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
  }
  .header .btn-solid-lg {
    padding: 10px 20px;
    font-size: 1rem;
  }
}
#myBtn {
  position: fixed;
  z-index: 99;
  bottom: 20px;
  right: 20px;
  display: none;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 10%;
  outline: none;
  background-color: #323137;
  cursor: pointer;
}
#myBtn:hover {
  background-color: #0f0f11;
}
#myBtn img {
  margin-bottom: 0.25rem;
  margin-left: 0.125rem;
  width: 18px;
}
.videoabout .video-box {
  background: url(images/about-webp.webp) center center no-repeat;
  background-size: cover;
  min-height: 350px;
  border-radius: 10px;
}
.videoabout .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#ff5821 50%, rgb(255 88 33 / 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}
.videoabout .play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid #fff0;
  border-bottom: 10px solid #fff0;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.videoabout .play-btn::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgb(255 88 33 / 0.7);
  top: -15%;
  left: -15%;
  background: #fff0;
}
.videoabout .play-btn:hover::after {
  border-left: 15px solid #ff5821;
  transform: scale(20);
}
.videoabout .play-btn:hover::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid #fff0;
  border-bottom: 10px solid #fff0;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}
@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
.gallery-item {
  overflow: hidden;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
}
.gallery-item img {
  transition: all ease-in-out 0.4s;
}
.gallery-item:hover img {
  transform: scale(1.1);
}
.testimonials .testimonial-wrap {
  padding-left: 50px;
}
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}
.testimonials .testimonial-item {
  box-sizing: content-box;
  margin: 30px 15px;
  min-height: 200px;
  position: relative;
}
.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0 5px 0;
}
.testimonials .testimonial-item h4 {
  font-size: 14px;
  /*color: #999;*/
  margin: 0;
}
.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: #badaf7;
  font-size: 26px;
}
.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}
.testimonials .testimonial-item p {
  font-style: italic;
  margin: 15px auto 15px auto;
}
.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e21a24;
}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #c04138;
}
.video_icon {
  position: absolute;
  background: url(images/strokes-testimonials/video-play-icon.png) center center
    no-repeat;
  background-size: 40px 40px;
  top: 0;
  width: 50px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  top: 50%;
  margin-top: -25px;
}
.swiper-ham5 {
  overflow: hidden;
  position: relative;
}
.swiper-ham5 .swiper-wrapper .swiper-slide .card-image {
  background: #fff;
  border: none;
  outline: none;
  border-radius: 2px;
}
.swiper-ham5 .swiper-wrapper .swiper-slide .card-image img {
  display: block;
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.swiper-ham5 .swiper-pagination-bullet {
  opacity: 0.8;
  background: #252a32;
}
.swiper-ham5 .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-ham5 .swiper-button-next,
.swiper-ham5 .swiper-button-prev {
  background-image: none;
  background-size: 0;
  background-repeat: no-repeat;
  background-position: 0;
  margin-top: -1rem;
}
.swiper-ham5 .swiper-button-next .arrow-icon,
.swiper-ham5 .swiper-button-prev .arrow-icon {
  font-size: 2rem;
  color: #fff;
}
.swiper-button-next,
.swiper-button-prev {
  color: red;
}
.swiper-ham5 .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.swiper-ham5 .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e21a24;
}
.swiper-ham5 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #c04138;
}
.footer2 {
  font-size: 14px;
}
.footer2 .footer2-content {
  background-color: #f7f9fc;
  background-size: contain;
  padding: 60px 0 30px 0;
}
.footer2 .footer2-content .footer2-info {
  margin-bottom: 30px;
}
.footer2 .footer2-content .footer2-info .logo {
  line-height: 0;
  margin-bottom: 25px;
}
.footer2 .footer2-content .footer2-info .logo img {
  max-height: 40px;
  margin-right: 6px;
}
.footer2 .footer2-content .footer2-info .logo span {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--title-color);
  margin-top: 3px;
}
.footer2 .footer2-content .footer2-info p {
  font-size: 15px;
  margin-bottom: 0;
  color: var(--title-color);
}
.footer2 .footer2-content .social-links a {
  font-size: 14px;
  line-height: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  color: rgb(27 47 69 / 0.5);
  margin-right: 10px;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--title-color);
  color: #fff;
  border-radius: 50px;
}
.footer2 .footer2-content .social-links a:hover {
  background-color: #e21a24;
}
.footer2 .footer2-content h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--title-color);
  position: relative;
  padding-bottom: 12px;
}
.footer2 .footer2-content .footer2-links {
  margin-bottom: 30px;
}
.footer2 .footer2-content .footer2-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer2 .footer2-content .footer2-links ul i {
  margin-right: 2px;
  color: var(--title-color);
  font-size: 16px;
  line-height: 0;
}
.footer2 .footer2-content .footer2-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--title-color);
}
.footer2 .footer2-content .footer2-links ul li:first-child {
  padding-top: 0;
}
.footer2 .footer2-content .footer2-links ul a {
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
}
.footer2 .footer2-content .footer2-links ul a:hover {
  color: var(--primary-color);
}
.footer2 .footer2-content .footer2-contact p {
  line-height: 26px;
  color: var(--title-color);
  font-size: 16px;
}
.footer2 .footer2-legal {
  background: #fff;
  padding: 30px 0;
}
.footer2 .footer2-legal .copyright {
  text-align: center;
  color: var(--title-color);
}
.footer2 .footer2-legal .credits {
  padding-top: 4px;
  text-align: center;
  font-size: 13px;
  color: var(--title-color);
}
.whatsapp {
  position: fixed;
  bottom: 90px;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transition: all 0.3s ease;
  z-index: 99;
}
p.whatsapptext {
  margin: 0;
  margin-bottom: 8px;
  text-align: center;
  background-color: #e1ffe9;
  border-radius: 15px 5px 15px 5px;
  padding: 10px;
  font-weight: 700;
  line-height: 1.2rem;
  font-size: 1rem;
  position: relative;
  word-wrap: break-word;
  max-width: 200px;
  color: #004303;
}
.whatsappclose {
  width: 100%;
  height: 30px;
}
button.whatsappclose-button {
  padding: 5px;
  font-size: 30px;
  cursor: pointer;
  color: #333;
  transition: all 0.3s ease;
  border: none;
  position: absolute;
  z-index: 99;
  top: -5px;
  height: 30px;
  background-color: #fff0;
}
button.whatsappclose-button:hover {
  color: #000;
}
.bg-red {
  opacity: 1;
  background-color: rgb(226 26 36);
}
.text-red {
  color: var(--bs-red) !important;
}
.custom-btn1 {
  font-family: var(--heading-font-family);
  background-color: #ff3547;
  color: #fff;
  border: 1px solid #ff3547;
  display: inline-block;
  padding: 5px 20px;
  text-transform: uppercase;
  border-radius: 30px;
  text-decoration: none;
  margin-top: 5px;
  font-size: 14px;
  transition: all 0.7s ease;
}
.custom-btn1:hover {
  background-color: #fff0;
  text-decoration: none;
  color: #fff;
}
.home-rightside-block {
  color: #606676;
}
.home-rightside-block h2 {
  color: #e21a24;
}
.home-phone-cta-right-ham {
  background-color: #e21a24;
  border-radius: 20px;
  width: 310px;
  margin: auto;
  margin-top: 5px;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff !important;
  text-decoration: none;
}
.navigation li {
  display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #f04638;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
  background-color: #e21a24;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}
.accordion-item {
  border: 1px solid var(--primary-color);
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 1px solid var(--primary-color);
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: #fcfcfd;
  --bs-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(
    var(--bs-border-radius) - (var(--bs-border-width))
  );
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url(
    data:image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="none"stroke="%23212529"stroke-linecap="round"stroke-linejoin="round"%3e%3cpathd="M2 5L8 11L14 5"/%3e%3c/svg%3e
  );
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url(
    data:image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="none"stroke="%23052c65"stroke-linecap="round"stroke-linejoin="round"%3e%3cpathd="M2 5L8 11L14 5"/%3e%3c/svg%3e
  );
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #333333;
  --bs-accordion-active-bg: #eeeeee;
}
.more-content {
  position: relative;
  max-height: 6rem;
  overflow: hidden;
  transition: all 0.7s ease;
}
.more-content:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, white 0%, #fff0 35%);
  pointer-events: none;
}
.more-content.open {
  max-height: 1000px;
}
.more-content.open:before {
  content: "";
  visibility: hidden;
}
.show-more {
  cursor: pointer;
}
.ham-ajx-contact #website {
  display: none;
}
form#contactForm {
  max-width: 95%;
  width: 550px;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 15px 29px -22px #afa9a9;
  background-color: #fff;
}
.ham-ajx-contact #er {
  color: #f21515;
  background-color: #fff0f0;
  font-weight: 700;
  border: 3px solid #f21515;
  border-radius: 5px;
  padding: 10px 10px;
  max-width: fit-content;
  margin: 15px auto;
}
.ham-ajx-contact #success {
  color: #23a238;
  background-color: azure;
  font-weight: 700;
  border: 3px solid #23a238;
  border-radius: 5px;
  padding: 10px 10px;
  max-width: fit-content;
  margin: 15px auto;
}
.ham-ajx-contact label {
  display: block;
  padding-top: 15px;
  margin-left: 10px;
}
.ham-ajx-contact #contactForm input::placeholder,
#contactForm textarea::placeholder {
  color: #b5b5b5;
}
.ham-ajx-contact #contactForm input[placeholder],
#contactForm textarea[placeholder] {
  font-size: 1rem;
  line-height: 2rem;
}
.ham-ajx-contact form#contactForm input#hambtn1 {
  margin-top: 15px;
  display: block;
  height: 3rem;
  color: #fff;
  background: var(--primary-color);
  padding: 0 23px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.ham-ajx-contact form#contactForm input[type="text"],
form#contactForm input[type="email"],
form#contactForm textarea {
  width: 100%;
  border: 1px solid #f1f0f0;
  border-radius: 5px;
  padding: 3px 10px;
  margin-top: 3px;
}
.blog_details .wp-block-columns figure {
  margin: 0;
}
#navsidebar .current-menu-item {
  background-color: #ddd;
}
.topctasec .custom-btn1,
.formbx .custom-btn1 {
  min-width: 100px;
  padding: 8px 25px;
  font-size: 1rem;
  text-align: center;
  margin-top: 0;
}
.topctasec .custom-btn1:hover,
.formbx .custom-btn1:hover {
  color: #ff3547;
}
.custom-btn1.btnxl {
  padding: 15px 40px;
}
.formbx .form-control {
  font-size: 14px;
  height: 40px;
}
.formbx textarea.form-control {
  height: 120px;
  resize: none;
}
.wpcf7-not-valid-tip {
  font-size: 12px;
}
.wpcf7 form .wpcf7-response-output {
  margin: 15px 0 0 0;
  padding: 0;
  border: none;
  font-weight: 600;
  font-size: 14px;
}
.wpcf7 form.invalid .wpcf7-response-output {
  color: #dc3232;
}
.wpcf7-spinner {
  background-color: #ff3547;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #46b450;
}
@media (max-width: 767px) {
  .testimonials .testimonial-wrap {
    padding-left: 0;
  }
  .testimonials .testimonials-carousel,
  .testimonials .testimonials-slider {
    overflow: hidden;
  }
  .testimonials .testimonial-item {
    padding: 30px;
    margin: 15px;
  }
  .testimonials .testimonial-item .testimonial-img {
    position: static;
    left: auto;
  }
  .topbar .topbar-inner {
    height: auto;
    padding: 5px 15px;
    font-size: 12px;
  }
  .navbar {
    padding: 5px 15px;
  }
  .navbar-brand img {
    width: 200px !important;
    height: auto !important;
  }
}