/*
Theme Name: Psychology and Wellness
Theme URI: https://www.titanthemes.net/products/psychology-and-wellness
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: Psychology and Wellness is a clean and structured website theme designed for presenting mental wellness, counseling, therapy, mindfulness, and self-care related content. The layout includes customizable homepage sections, service blocks, testimonial areas, blog integration, and contact forms for organized content display. It supports responsive layouts for desktops, tablets, and mobile devices. The theme includes typography controls, color customization options, banner sections, call-to-action areas, and social media integration. It is compatible with standard plugins for forms, SEO, and page building. The code structure is optimized for smooth navigation and faster loading performance. Additional features include gallery support, team sections, appointment-related layouts, and customizable widgets. The design focuses on readability with balanced spacing, clean visuals, and flexible content arrangements suitable for informational and professional websites.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: psychology-and-wellness
Tags: grid-layout, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-header, translation-ready, style-variations, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, photography, news, blog
*/

a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
button.wp-block-search__button.has-icon.wp-element-button{
  fill: #fff;
  color: #ffffff;
}
.prodcuct-box h2 a{
  text-decoration: none;
}
.header-inner-meta .wp-block-search__inside-wrapper {
  position: relative;
}
.header-inner-meta .wp-block-button a:focus{
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--primary) !important;
}
.post-date span.dashicons{
  color: #ffffff;
}
p.wp-block-post-excerpt__more-text a {
  background-color: var(--wp--preset--color--contrast);
  padding: 8px 25px;
  border-radius: 30px;
  color: #ffff;
  font-weight: 600 !important;
  text-decoration: none;
}
.post-date {
  position: absolute;
  top: 15px;
  right: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.post-date i{
  color: #ffffff;
}
.blog-image{
  position: relative;
}
.blog-image{
  height: 200px;
}
.wp-block-button__link{
  height: auto;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
}
.related-post h4,.related-post p{
  color: var(--wp--preset--color--contrast);
}
.header-inner-menu ul li{
  padding: 3px 20px;
  position: relative;
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover{
  background: transparent !important;
}
.header-inner-menu ul li:hover ul.wp-block-navigation-submenu li a{
  color: #000000 !important
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover:after{
  display: none;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
  color: #000;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
  color: var(--wp--preset--color--base);
}
.header-inner-menu ul li.has-child.wp-block-navigation-submenu .wp-block-navigation__submenu-icon{
  color: #000000;
}
p.return-to-shop a,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart], .woocommerce .cart .button,.product-template-default .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,.woocommerce #review_form #respond .form-submit input{
  background: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a:hover, .header-inner-menu ul li.has-child.wp-block-navigation-submenu .wp-block-navigation__submenu-container a:hover{
  text-decoration: none;
  color: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a{
  position: relative;
  display: inline-block;
}
.wp-block-cover .wp-block-post-date time{
  color: #ffffff;
}
.post-block p.wp-block-post-author__name,.wp-block-post-date time,.post-block .wp-block-post-excerpt p.wp-block-post-excerpt__excerpt,.sidebar-heading{
  color: var(--wp--preset--color--contrast);
}
.sidebar-box .wp-block-social-links a{
  color: #ffffff !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
  position: absolute;
  right: 50px;
  top: -0px;
  background: #ffffff !important;  
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
  justify-content: center !important;
}
.service-text-main{
  text-align: center;
}
.blog-heading{
  text-align: center;
}
.service-text-main .about-sec-title,.blog-heading .short-heading-banner{
  display: inline-block;
  position: relative;
  margin-bottom: 20px !important;
}
.service-text-main .about-sec-title:after ,.blog-heading .short-heading-banner:after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 0px;
  width: 100%;
  right: 0px;
  height: 8px;
  background-color: var(--wp--preset--color--tertiary);
  z-index: 0;
  border-radius: 3px;
  margin: 0 auto;
  clip-path: ellipse(45% 30% at 50% 50%);
}
.blog-image{
  height: 180px;
  position: relative;
}
.category-column .prodcuct-box figure img{
  height: 100px;
}
.header-inner-meta{
  position: relative;
}
.wp-block-social-links svg {
  font-size: 18px;
}
.wp-block-cover__inner-container time a {
  color: #fff !important;
}
ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li:after{
  display: none;
}
button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
  padding: 10px 10px;
  background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  padding: 10px !important;
  align-items: center;
}

/*============== Effects Section ==============*/
.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}
.animations-show-item{
  opacity: 1;
  transform: translateY(0px);
}
/*============== Effects End Section ==============*/

.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}
footer.wp-block-template-part .psychology-and-wellness-footer-list {
  gap: 15px;
}
footer .psychology-and-wellness-footer-list a{
  text-decoration: none;
}
footer .footer-bottom-box a{
  color: #ffffff;
}
footer a:hover{
  color: var(--wp--preset--color--contrast) !important;
}
footer .wp-block-social-links li:hover,
footer .wp-block-social-links li a:hover {
  background-color: var(--wp--preset--color--tertiary) !important;
  border-radius: 50%;
}
footer .wp-block-social-links li a{
  padding: 10px;
}
footer .wp-block-social-links li a svg{
  height: 22px !important;
  width: 22px !important;
}
footer .wp-block-social-links li a:hover,
footer .wp-block-social-links li:hover a{
  color: #ffffff !important;
  fill: #ffffff !important;
}

/*.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,*/
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: var(--wp--preset--font-family--poppins) !important;
  font-weight: 500 !important;
}
.wp-block-woocommerce-customer-account a svg{
  height: 28px;
}
.wp-block-woocommerce-customer-account a{
  white-space: unset;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]:hover{
  background: var(--wp--preset--color--primary);
}
span.yith-wcwl-add-to-wishlist-button__label{
  display: none;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
  padding: 0px;
  margin: 10px 0px;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward{
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward:hover{
  background-color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title h2{
  font-size: 25px;
  font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title .edit{
  float: left;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.woocommerce-Button{
  color: #ffffff;
}

/* Header Section */
.header-section .header-bottom nav.wp-block-navigation li a.wp-block-navigation-item__content:hover{
  color: #09648F;
  text-decoration: none;
}
.home .header-section{
  border-bottom: none;
}
.header-section .header-top .topbar-text2,
.header-section .header-top .topbar-text3{
  position: relative;
}
.header-section .header-top .topbar-text2:before,
.header-section .header-top .topbar-text2:after{
  content: '';
  position: absolute;
  height: 5px;
  width: 5px;
  background-color: #ffffff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.header-section .header-top .topbar-text2:before{
  left: -40px;
}
.header-section .header-top .topbar-text2:after{
  right: -40px;
}
.header-section .header-middle .header-search{
  background-color: #F6F6F6;
  border-radius: 5px;
}
.header-section .header-middle .header-search button.wp-block-search__button{
  padding: 2px;
  margin-left: 0;
  background-color: transparent;
}
.header-section .header-middle .header-search input.wp-block-search__input{
  padding: 4px 10px;
  border: none;
  background-color: transparent;
}
.header-section .header-middle .header-search button.wp-block-search__button svg{
  fill: #0F0F0F66;
}
.header-section .header-middle .header-right-btns .wishlist-btn a:focus, 
.header-section .header-middle .header-right-btns .account-btn a:focus, 
.header-section .header-middle .header-right-btns .cart-btn a:focus{
  color: var(--wp--preset--color--contrast);
}
.header-section .header-middle .header-right-btns .wishlist-btn a, 
.header-section .header-middle .header-right-btns .account-btn a, 
.header-section .header-middle .header-right-btns .cart-btn a{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  padding: 0;
}
.header-section .header-middle .header-right-btns .account-btn a span{
  font-weight: 400 !important;
}
.header-section .header-right-btns .wishlist-btn i,
.header-section .header-right-btns .account-btn svg,
.header-section .header-right-btns .cart-btn svg{
  height: 26px;
  width: 26px;
  font-size: 20px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 4px;
}
.header-section .header-right-btns .wishlist-btn a,
.header-section .header-right-btns .cart-btn span.wc-block-cart-link__text{
  line-height: 1;
}
.header-section .header-right-btns .wishlist-btn a:hover,
.header-section .header-right-btns .account-btn a:hover,
.header-section .header-right-btns .cart-btn a:hover{
  color: var(--wp--preset--color--primary);
}
.wishlist-btn a:hover{
  background: var(--wp--preset--color--primary) !important;
}


body.home .header-box-upper {
    position: absolute !important;
    width: 100%;
    left: 0 !important;
    top: 10px !important;
    background: transparent;
    z-index: 1;
}

body.home.admin-bar .header-box-upper {
    top: 40px !important;
}

.header-box-upper {
    position: relative !important;
    width: 100%;
    left: unset !important;
    top: unset !important;
    z-index: 1;
    background: var(--wp--preset--color--quaternary);
}

.header-logo a {
    background: linear-gradient(102.1deg, #F4F4F4 33.83%, #000000 55.75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.home .header-menus .wp-block-navigation ul li span{
  color: #ffffff !important;
}
body.home .header-menus .wp-block-navigation ul li ul li span{
  color: #000000 !important;
}

/* Banner Section */

.banner-section {
    margin: 10px !important;
}

.banner-section img {
  mask-image: url(./assets/images/mask-img.png);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  position: relative;
  z-index: 0;
  height: 650px !important;
}

.banner-section .banner-inner img {
  mask-image: unset !important;
  mask-repeat: unset !important;
  mask-size: unset !important;
  position: unset !important;
  z-index: unset !important;
  width: unset !important;
  height: unset !important;
}

.group-one {
    position: absolute;
    left: 10%;
    top: 28%;
    width: 450px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

.group-three {
    position: relative;
    right: -24%;
    top: -15%;
    width: 320px;
}

.banner-dots-text {
    padding: 8px 24px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.44) 0%, rgba(153, 153, 153, 0.44) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 20px;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,0.3),
        0 4px 12px rgba(0,0,0,0.08);
    line-height: 1;
}

.holi-div , .mind-div{
  align-items: center !important;
}

.mind-div {
  position: absolute;
  top: 0;
  left: 28%;
}

.banner-inner {
    position: relative;
}

.holi-div {
    position: absolute;
    bottom: -20%;
    left: 50%;
}

.conversion-div figure.wp-block-image.size-full, .holi-div figure.wp-block-image.size-full, .mind-div figure.wp-block-image.size-full {
  display: flex;
}

div#main-head-div{
  position: relative;
  z-index: 0;
}

.conversion-div{
  width: 100%;
  max-width:260px;
}
.service-section-total-leads-stack {
    width: 100%;
    max-width: 255px;
    margin: 0 auto 0 0 !important;
}

.slots-container {
    position: absolute;
    width: 100%;    
    max-width: 360px;
    right: 8%;

    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    border: 1px solid rgba(255, 255, 255, 0.3);

    border-radius: 20px;

    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}
.slots-container-heading-div {
    justify-content: space-between;
}
.slots-group p{
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-social-icons {
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
    right: 2%;
}

.banner-social-icons::before,
.banner-social-icons::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 70px;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
}

.banner-social-icons::before {
    bottom: 100%;
    margin-bottom: 15px;
}

.banner-social-icons::after {
    top: 100%;
    margin-top: 15px;
}

.div-plus-icon {
    justify-content: space-between !important;
    gap: 300px;
}

.banner-section .banner-sub-title{
  width: fit-content;
  margin: 0 auto;
}
.banner-section .banner-review-box .banner-review-img{
  display: flex;
}
.banner-section .banner-review-box .banner-review-img img{
  height: 35px;
  width: auto !important;
}
.banner-section .banner-btns a{
  transition: 1s;
}
.banner-section .banner-btns a:hover{
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--base) !important;
}
.banner-section .banner-down-arrow{
  text-align: center;
}
.main-head-div-slots h2{
  margin-left: -20px !important;
  margin-top: 70px !important;
}

/* About us Section */

.research-row figure,
.analysis-row figure,
.execution-row figure,
.service-section-total-leads-stack figure {
  background: var(--wp--preset--color--primary);
  width: 70px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 0px 20px;
}

.service-section-total-leads-stack figure {
  width: 30px;
  height: 60px;
}

.research-row img,
.analysis-row img,
.execution-row img,
.service-section-total-leads-stack img {
  width: auto;
  height: auto;
}
.research-row:hover figure,
.analysis-row:hover figure,
.execution-row:hover figure,
.service-section-total-leads-stack:hover figure {
  background: black;
}

.service-section-right-col-stack .start-journey {
    width: 50%;
}

.analys-row figure{
  background: var(--wp--preset--color--quaternary) !important;
  width: 40px;
  height: 60px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 0px 20px;
}

.analys-row img {
  width: auto;
  height: auto;
}

.analys-row:hover figure{
  background: #4181c2;
}

.blog-sec-btn a:hover{
  background-color: #000000 !important;
}

.about-info-inner figure {
  position: relative;
  overflow: hidden;
}

.about-info-inner figure img {
  display: block;
  transition: transform 0.5s ease;
}

.about-info-inner figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.about-info-inner:hover figure::before {
  left: 125%;
}

.laptop-img-girl-stack {
  position: relative;
  overflow: hidden;
}

.laptop-img-girl-stack img {
  display: block;
  transition: transform 0.5s ease;
}

.laptop-img-girl-stack::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.laptop-img-girl-stack:hover::before {
  left: 125%;
}

.three-img-combine-stack figure {
  position: relative;
  overflow: hidden;
}

.three-img-combine-stack figure img {
  display: block;
  transition: transform 0.5s ease;
}

.three-img-combine-stack figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.three-img-combine-stack:hover figure::before {
  left: 125%;
}

.banner-content-box figure {
  position: relative;
  overflow: hidden;
}

.banner-content-box figure img {
  display: block;
  transition: transform 0.5s ease;
}

.banner-content-box figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.banner-content-box:hover figure::before {
  left: 125%;
}

.group-one figure {
  position: relative;
  overflow: hidden;
}

.group-one figure img {
  display: block;
  transition: transform 0.5s ease;
}

.group-one figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.group-one:hover figure::before {
  left: 125%;
}

.blog-img-box {
  position: relative;
  overflow: hidden;
}

.blog-img-box img {
  display: block;
  transition: transform 0.5s ease;
}

.blog-img-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.blog-img-box-main:hover .blog-img-box::before {
  left: 125%;
}

/* Blogs Section */
.blogs-section .blogs-btm-box .blog-boxes li.wp-block-post:hover .blog-sec-title a{
  color: var(--wp--preset--color--primary);
}
.blogs-section .blogs-btm-box .blog-sec-img img{
  height: 300px;
  width: 100%;
}
.blogs-section .wp-block-post-date time{
  font-size: 15px;
  color: #494A48;
}
.blogs-section .wp-block-post-excerpt__more-link {
  background: transparent;
  border-radius: 6px;
  background-color: var(--wp--preset--color--primary);
  border:1px solid var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  text-transform: capitalize;
  font-size: 15px;
  margin-right: 5px;
  padding: 6px 15px;
  transition: 0.8s;
}
.blogs-section li.wp-block-post:hover .wp-block-post-excerpt__more-link{
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  border:1px solid var(--wp--preset--color--contrast);
}
.blogs-section .wp-block-post-excerpt__more-link:hover {
  color: #000000;
}
.blogs-section .wp-block-post-excerpt__more-link:hover::after {
  background-color: #000000;
}
.blogs-section ul li .wp-block-column {
  flex-basis: 50% !important;
}
.blogs-section h2 a:hover {
  color: var(--wp--preset--color--primary);
}

/* Footer Section */
.footer-section {
  padding: unset;
}
.footer-section .footer-info-boxes p, .footer-section .footer-info-boxes li, .footer-section .footer-info-boxes a{
  font-size: 15px !important;
}
.footer-section .footer-info-boxes .wp-block-site-title a{
  font-size: 30px !important;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  footer p{
    text-align: center !important;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: auto;
    right: auto;
    width: 100%;
    position: relative;
    padding: 0px 0px;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    width: 100% !important;
    align-items: center;
    gap: 0px;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul li a{
    border-bottom: 1px solid #000;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-align: center;
  }
  .header-inner-menu ul li.wp-block-navigation-submenu{
    padding: 0px !important;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul {
    gap: 0px !important;
  }
  .header-inner-menu ul li ul.wp-block-navigation-submenu li a{
    justify-content: center;
  }
  .header-inner-menu ul li {
    padding: 0px !important;
  }
  .wp-block-social-links{
    justify-content: center;
  }
  button.wp-block-navigation__responsive-container-close {
    background-color: var(--wp--preset--color--primary);
    padding: 5px;
    border-radius: 30px;
  }
  .wp-block-navigation__responsive-container-close svg{
    fill: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--base) !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
    width: 100% !important;
    align-items: center;
  }
  .header-inner-menu ul li a{
    color: #000000 !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-inner-menu li:after {
    display: none;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .blog-meta{
    gap:10px !important;
  }
  .service-text-main .about-sec-title,.service-text-main p{
    text-align: center;
  }
  .banner-cover{
    padding-top: 0px !important;
  }
  .service-text h6,.service-text p{
    text-align: center !important;
  }
  .header-inner-menu nav{
    justify-content: center !important;
  }
  .header-inner-menu ul{
    justify-content: center;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .header-logo h1 {
    text-align: center;
  }
  .blogs-section .wp-block-column{
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  .categories-cloumn{
    display: grid !important;
    grid-template-columns: auto auto;
  }
  .wp-block-social-links{
    justify-content: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .header-inner-menu ul {
    gap:0px !important;
  }
  .header-inner-meta {
    flex-basis: 26% !important;
  }
  .count-row,.blog-meta{
    gap:10px;
  }
  .header-inner-meta .wp-block-group{
    gap:10px;
  }
  .header-logo h1{
    font-size: 20px !important;
  }
  .blog-column,.category-column, footer.wp-block-template-part .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-89f6da4a.wp-block-columns-is-layout-flex,.news-heading-box ,.news-section .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow,.tour-box,.about-box,.service-group,.general-top-header .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex{
    max-width: 90% !important;
  }
  .wp-block-social-links{
    gap:7px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .header-inner-menu ul li{
    padding: 3px 7px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .header-inner-menu ul li{
    padding: 3px 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .single-image figure{
    width: 100% !important;
  } 
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .wc-block-components-product-price{
    font-size: 15px !important;
  }
  .wp-block-social-links{
    gap:10px !important;
  }
}


@media screen and (max-width: 1550px) {
  .main-head-div-slots h2 {
    font-size: 40px !important;
    line-height: 70px !important;
  } 
  .holi-div {
    left: 46%;
  }
  .service-section-right-col-stack .start-journey {
    width: 80%;
  }
  .research-row figure, .analysis-row figure, .execution-row figure, .service-section-total-leads-stack figure {
    height: 75px;
  }
}

@media screen and (max-width: 1300px) {
  .main-head-div-slots h2 {
    font-size: 35px !important;
    line-height: 60px !important;
    margin-top: 0px !important;
  }
  .holi-div {
    left: 40%;
  }
  .service-section-right-col-stack .start-journey {
    width: 80%;
  }
  .research-row figure, .analysis-row figure, .execution-row figure, .service-section-total-leads-stack figure {
    height: 75px;
  }
  .banner-section img {
    height: 600px !important;
  }
  .slots-container-dates-div.one{
    margin-top: 10px !important;
  }
  .group-three {
    right: 10%;
    width: 400px;
  }
  .slots-container {
    top: -40%;
  }
  .group-one {
    left: 6%;
  }
}

@media screen and (max-width: 1100px) {
  .service-section-main-col {
    display: block !important;
  }
  .research-row figure, .analysis-row figure, .execution-row figure, .service-section-total-leads-stack figure {
      height: 90px;
  }
  .service-section-right-col{
    margin-top: 30px !important;
  }
  .banner-section img {
    height: 600px !important;
    mask-size: 100% 100%;
  }
  .banner-bg {
    height: 600px !important;
    padding: 0 !important;
  }
  .slots-container {
    top: -20%;
  }
  .main-head-div-slots h2 {
    font-size: 28px !important;
    line-height: 60px !important;
    margin-top: 0 !important;
    position: relative;
    top: 35px !important;
  }
  .holi-div {
    left: 26%;
  }
  .group-three {
    right: 10%;
    width: 320px;
  }
  .mind-div {
      position: relative;
      top: 0;
      left: 28%;
  }

}


@media screen and (max-width: 940px) {
  .header-box-upper,body.home .header-box-upper {
    position: relative !important;
    background: var(--wp--preset--color--primary);
    margin: 0px auto 10px !important;
    width: 98% !important;
    border-radius: 10px;
    top: 5px !important;
  }
  .header-menus ul{
    justify-content: center !important;
  }
  .footer-section,
  .blogs-section {
    clip-path: none;
  }
  .header-menus .wp-block-navigation ul li span {
      color: #ffffff !important;
  }
  .banner-section img {
    height: 950px !important;
    mask-size: 100% 100%;
  }
  .banner-bg {
    height: 950px !important;
    padding: 0 !important;
  }
  .group-three {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
  }
  .mind-div,.holi-div,.group-one {
      position: relative;
      top: unset;
      left: unset;
      right: unset;
      width: 100%;
  }
  .banner-content-box{
    justify-content: center !important;
    align-items: center !important;
  }
  .banner-review-text{
    text-align: center !important;
  }
  .group-three {
    width: 100%;
  }
  .holi-div{
    margin-top: 10px !important;
  }
  .banner-review-box,.mind-div,.holi-div {
    justify-content: center !important;
    align-items: center !important;
  }
  .slots-container {
      position: relative;
      top: unset;
      left: unset;
      right: unset;
      width: 100%;
      background: rgba(0, 0, 0, 0.2 );
  }
  .main-head-div-slots{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .main-head-div-slots h2 {
    font-size: 25px !important;
    line-height: 35px !important;
    margin-top: 0 !important;
    position: relative;
    top: unset !important;
    width: 100%;
    text-align: center;
  }
  .div-plus-icon {
      gap: 100px;
  }
  .service-section-right-col-stack {
    justify-content: center;
    align-items: center;
  }
  .service-section-right-col-stack .start-journey {
    width: 100%;
    text-align: center;
  }
  .analys-row figure {
      margin: auto 0 0 0;
  }
  .research-row,.research-stack,.laptop-img-girl-stack,.analys-row {
    justify-content: center !important;
    align-items: center !important;
  }
  .service-section-total-leads-stack {
    width: 100%;
    margin: 0 auto !important;
  }
  .service-section-total-leads-stack figure {
    height: 70px;
    margin: 10px 0 !important;
  }
  .banner-review-box h5,.research-stack p,.service-section-right-col-stack p{
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  .banner-div-one {
    margin-top: 10px !important;
  }
  .research-row, .research-stack, .laptop-img-girl-stack, .analys-row{
    padding: 0px !important;
  }
  .main-head-div-slots h2 {
    margin: 0 auto !important;
  }
  body.home .header-menus .wp-block-navigation ul li span {
    color: #000000 !important;
  }
  .header-menus nav{
    justify-content: center !important;
  }
  .research-row figure, .analysis-row figure, .execution-row figure, .service-section-total-leads-stack figure {
    height: 60px;
  }
  .header-menus nav button svg{
    fill: #ffffff !important;
  }
  .header-section .header-top .header-inner-top{
    gap: 10px;
  }
  .service-section-right-col-stack h2{
    text-align: center !important;
  }
  .header-section .header-middle .header-right-btns .header-right-in-btns{
    justify-content: center;
  }
  .analysis-row,.research-row,.execution-row{
    gap:10px !important;
  }
  .banner-section .banner-content{
    max-width: 90%;
  }
  .wp-block-spacer {
    height: 10px !important;
  }
  .banner-section .banner-bg .wp-block-cover__inner-container{
    padding: 0;
  }
  .header-section .header-top .header-inner-top, 
  .banner-section .banner-review-box,
  .product-section .product-head-box,
  .blogs-section .blogs-head-box{
    flex-direction: column;
  }
  .product-section .product-head-box .product-sec-title, .blogs-section .blogs-head-box .blog-sec-title{
    font-size: 26px !important;
  }
  .product-section .product-boxes .product-title, .blogs-section .wp-block-post .blog-sec-title, .about-section .about-info-box .about-box-title{
    font-size: 20px !important;
  }
  .product-section .product-boxes .wc-block-product .wc-block-components-product-image img, 
  .product-section .product-main-box .product-img img{
    height: 260px !important;
  }
  .product-section .product-main-box .product-img-box{
    min-height: 260px !important;
  }
  .product-section .product-boxes ul.product-out-box{
    display: flex;
    flex-direction: column;
  }
  footer .footer-info-boxes{
    text-align: center;
  }
  footer .footer-info-boxes ul{
    display: inline-block;
  }
  footer .footer-info-boxes ul li{
    width: fit-content;
    margin: 0 auto;
  }
  footer .footer-info-boxes .footer-contact-info p{
    width: 100%;
  }
  footer .footer-bottom-box{
    justify-content: center;
  }
  .header-box-upper .header-inner-menu button.wp-block-navigation__responsive-container-open{
    background: #000;
    padding: 6px;
    border-radius: 4px;
    color: #ffffff;
    box-shadow: -2px 8px 17.1px 0px #FFFFFF40;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){ 
  .header-section .header-top .header-inner-top{
    gap: 10px 70px;
  }
  .banner-section .banner-content{
    max-width: 80%;
  }
  .header-section .header-middle .header-right-btns .header-right-in-btns{
    justify-content: center;
  }
  .header-section .header-middle .header-middle-inner{
    flex-direction: column;
  }
  .header-section .header-logo .wp-block-site-title{
    text-align: center;
  }
  .product-section .product-boxes .wc-block-product .wc-block-components-product-image img{
    height: 260px !important;
  }
  .about-section .about-boxes{
    display: grid;
    grid-template-columns: auto;
  }
  .product-section .product-boxes .product-out-box{
    flex-wrap: nowrap !important;
  }
  .product-section .product-boxes .product-out-box .product-img-box .product-img{
    height: 260px !important;
  }
  .product-section .product-boxes .product-out-box .product-img-box{
    min-height: 260px !important;
  }
  .about-section .about-box{
    display: grid;
    grid-template-columns: auto auto auto; 
  }
  footer .footer-info-boxes{
    display: grid;
    grid-template-columns: auto auto;
  }
  footer .footer-bottom-box{
    justify-content: center;
  }
}
@media screen and (max-width: 340px) {
  .banner-section img {
    height: 1000px !important;
    mask-size: 100% 100%;
  }
  .banner-bg {
    height: 1000px !important;
    padding: 0 !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .banner-section .banner-content{
    max-width: 60% !important;
  }
  .header-section .header-middle-inner:not(.is-not-stacked-on-mobile)>.header-logo{
    flex-basis: 20% !important;
  }
  .header-section .header-middle-inner:not(.is-not-stacked-on-mobile)>.header-search{
    flex-basis: 50% !important;
  }
  .header-section .header-middle-inner:not(.is-not-stacked-on-mobile)>.header-right-btns{
    flex-basis: 30% !important;
  }
  .about-section .about-boxes{
    gap: 14px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
  .banner-section .banner-content{
    max-width: 50% !important;
  }
}