/*
Theme Name: Online Pharmacy
Theme URI: https://www.themespride.com/themes/free-pharmacy-wordpress-theme
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: Online Pharmacy is a user-friendly and visually appealing WordPress theme specifically crafted for individuals who own or manage a pharmacy business. This theme serves as a virtual storefront for your pharmacy, allowing you to establish a professional online presence without the need for technical expertise. With its intuitive and easy-to-use interface, this theme enables you to showcase your pharmacy products, health services, Healthcare Management, Health Economics, Nursing Home Care, Biotechnology, Healthcare Analytics, Public Health, Mental Health Services, Health Law and Regulations, Medical Imaging, Pharmaceutical Research, Healthcare Quality Assurance, Ambulatory Care and essential information in an organized and accessible manner. The layout is designed to be responsive, meaning it looks great and functions seamlessly on various devices, including smartphones and tablets, ensuring that your customers can browse and make purchases conveniently. The theme provides customization options, allowing you to personalize the appearance of your website without delving into complex coding. You can easily add your pharmacy’s logo, adjust colors to match your branding, and customize content to highlight promotions or important announcements. In terms of functionality, the Online Pharmacy WordPress Theme incorporates features such as an online ordering system, making it convenient for customers to browse your product catalog, place orders, and even arrange for prescription refills online. The Online Pharmacy Theme is also optimized for search engines, enhancing the visibility of your pharmacy website and attracting potential customers.
Version: 5.6
Tested up to: 6.8
Requires PHP: 5.6
Requires at least: 5.0.1
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: online-pharmacy
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, featured-image-header, full-width-template, rtl-language-support, translation-ready, sticky-post, theme-options, post-formats, threaded-comments, flexible-header, education, portfolio, e-commerce

Online Pharmacy WordPress Theme, Copyright 2022 ThemesPride
Online Pharmacy is distributed under the terms of the GNU GPL

*/
:root {
    --color-primary1:#283b6a;
    --font-awesome:'FontAwesome';
}
html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size:15px;
  color: #676767;
  font-family: "Lato", sans-serif;
}
h1,h2,h3,h4,h5,h6{
  color: #1e1e1e;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  text-wrap:balance;
}
p{
  font-size: 15px;
  text-wrap:balance;
}
a,a:hover{
  text-decoration:none;
  color:var(--color-primary1);
}
input[type="search"] {
  padding: 10px;
  border: 1px solid #ebebeb;
  font-size: 15px;
}
button[type="submit"] {
  padding: 11px;
  background: var(--color-primary1);
  border: none;
  cursor: pointer;
  color: #fff;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
textarea{
  width: 100%;
}
#theme-sidebar .textwidget a,
#footer .textwidget a,
.comment-body a,
.entry-content a,
.entry-summary a,
.box-content a{
  text-decoration: underline;
  color: var(--color-primary1);
}

/*--------------------------------------------------------------
Accessibility CSS
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.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; /* Above WP toolbar. */
}
/* = product css
-------------------------------------- */
#product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  display: none;
}
.product_kit {
  width: 100%;
}
.product-box {
  width: 18%; /* 5 products per row */
  float: left;
  margin-right: 2%; /* adjust spacing between products */
}
.product-box:last-child {
  margin-right: 0; /* remove margin from the last product to prevent overflow */
}
/* Ensure proper clearing */
.product_kit:after {
  content: "";
  display: table;
  clear: both;
}
#product .heading-det h2{
  font-size: 28px;
  color: #000;
  text-transform: capitalize;
  font-weight: 600;
}
#product h3 a{
  color: #0E0C13;
  font-size: 19px;
  font-weight: 600;
}
#product h3 a{
  color: #0E0C13;
}
#product .rating-container {
  display: flex;
  justify-content: center; 
  align-items: center; 
  height: auto; 
}
#product .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 17px;
  width: 5.4em;
  font-family: star;
  color: #fef457;
}
#product .star-rating:before {
  content: "\73\73\73\73\73";
  color: #fef457;
  float: right;
  top: 0;
  left: 0;
  position: absolute;
}
#product .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#product .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#product .product-image img{
  height: 280px;
  width: 100%;
  object-fit: cover;
}
/*--------------------------------------------------------------
  Pre Loader
--------------------------------------------------------------*/

.loader{
  background: #fff;
  z-index: 99999;
  width: 100%;
  height: 100%;
  position: fixed;
	left: 0;
}
.center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 5px solid #1e1e1e;
  border-radius: 50%;
}
.center1{
  width: 200px;
  height: 200px;
  border-left-color: var(--color-primary1);
  border-top-color: var(--color-primary1);
  animation: animateCenter1 2s infinite linear;
}
.center2{
  width: 100px;
  height: 100px;
  border-left-color: #2196f3;
  border-top-color: #2196f3;
  animation: animateCenter2 2s infinite linear;
}
.ring{
  position: absolute;
  top: 0;
  left: 50%;
  transform-origin: bottom;
  transform: translateX(-50%);
  width: 4px;
  height: 50%;
  background: transparent;
}
.center1 .ring{
  transform: translateX(-50%) rotate(45deg);
}
.center2 .ring{
  transform: translateX(-50%) rotate(-135deg);
}
.ring::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.center1 .ring::before {
  background: var(--color-primary1);
}
.center2 .ring::before{
  background: #2196f3;
}
@keyframes animateCenter1{
  0%{
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100%{
    transform: translate(-50%,-50%) rotate(360deg);
  }
}
@keyframes animateCenter2{
  0%{
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100%{
    transform: translate(-50%,-50%) rotate(-360deg);
  }
}
.wpcf7-spinner{
  margin: 0 !important;
  height: 0 !important;
  width: 0;
}
/*--------------------------------------------------------------
  Header
--------------------------------------------------------------*/

.media-links i {
  color: #fff;
  font-size: 14px;
}
.media-links i:hover{
  color: #fff;
}
.top-header {
  background: var(--color-primary1);
}
.page-template-front-page .headerbox {
  background: transparent;
}
.headerbox {
  background: #F4EBDE;
}
.top-header span,.top-header a {
  color: #fff;
  font-size: 13px;
}
.top-header a:hover, .main-navigation a:hover, .logo h1 a:hover, .logo p a:hover,
.media-links i:hover, #product h3 a:hover{
  color: #db1d14;
}
.logo h1, .logo p.site-title {
  padding: 0;
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 600;
  font-family: 'Roboto Slab', serif;
}
.logo-same-line h1 {
  font-size: 20px;
}
.book-tkt-btn a {
  background: #db1d14;
  color: #fff!important;
  padding: 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 30px;
}
.book-tkt-btn a:hover,.more-btn a:hover{
  background: #1e1e1e;
}
.header-search form {
  border-bottom: solid 2px #e1e1e1;
}
.header-search input[type="search"] {
  background: transparent;
  width: 90%;
  border: none;
}
.header-search [type="submit"] {
  padding: 5px 12px;
  background: url(assets/images/search.png) no-repeat scroll 0 10px;
  font-size: 13px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
}
.headerbox{
    padding: 10px;
}

/*--------------------------------------------------------------
Menu bar
--------------------------------------------------------------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.scrolled {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.25);
  background: #fff;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-navigation li.page_item_has_children:after,
.main-navigation li.menu-item-has-children:after{
  content: '\f0d7';
  position: absolute;
  right: 1px;
  top: 8px;
  color: #1e1e1e;
  font-size: 13px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.main-navigation ul ul li.menu-item-has-children:after{
  color: #fff;
  right: 12px;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation li{
  position: relative;
  padding: 10px;
  display: inline-block;
  text-transform: uppercase;
}
.main-navigation a{
  display: block;
  color: #1e1e1e;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  font-family: 'Roboto Slab', serif;
}
.main-navigation ul ul{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #1e1e1e;
  min-width: 215px;
  z-index: 9999;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul a{
  color: #fff;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
  border-left: none;
  border-right: none !important;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  opacity: 1;
}
.main-navigation li.menu-item-has-children:hover > ul, .main-navigation li.menu-item-has-children:focus > ul, .main-navigation li.menu-item-has-children.focus > ul{
  opacity: 1;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #1e1e1e;
}
.main-navigation .menu > ul > li.highlight{
  background-color: var(--color-primary1);
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.main-navigation ul ul li:hover > a{
  color: #fff;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation .sub-menu {
  list-style: none;
  padding-left: 0;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
.main-navigation ul.children{
  opacity: 0;
}
.main-navigation ul li:not(.off-canvas):hover > ul.children,
.main-navigation ul li:not(.off-canvas)[focus-within] > ul.children,
.main-navigation ul li:not(.off-canvas):focus-within > ul.children  {
  opacity: 1;
}
.main-navigation .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-navigation .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-navigation .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu{ 
  left: 202px !important;
}

/*--------------------------------------------------------------
Post Pages
--------------------------------------------------------------*/
.page-box {
  margin: 0 0 4em 0px;
  padding: 45px 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 2px #aaa;
  border-bottom: 3px solid var(--color-primary1);
}
.page-box:hover{
  box-shadow: 0 0 20px #cfcfcf;
}
.box-image-page img,
.box-content img {
  width: 100%;
  height: auto;
}
.blog-description{
  font-size: 15px;
  color: #fff;
}
.box-image-page{
  position: relative;
  z-index: 99;
  background: #000;
}
#category-post .entry-video, #category-post .entry-audio{
  padding-bottom: 7px;
}
.box-image{
  position: relative;
  z-index: 99;
}
.external-div {
  position: relative;
  text-align: center;
  margin-top: 0;
  height: 350px;
  margin-bottom: 0;
  background: #000;
}
.external-div .box-image-page img{
  object-fit: cover;
  position: absolute;
  height: 350px;
  width: 100%;
  left: 0;
  right: 0;
  background-size:cover;
}
.box-text{
  position: absolute;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  right: 30%;
  left: 30%;
  z-index: 9999;
  text-align: center;
}
.box-text h2{
    color: #fff;
    text-transform:uppercase;
    letter-spacing: 3px;
}
.box-info i {
  margin-right: 5px;
  color: var(--color-primary1);
  font-size: 16px;
}
.content-area .box-info .entry-time{
  padding-right: 10px;
  background-color: #f6f7f8;
}
.box-info {
  padding: 5px 0;
}
.content-area .box-info a {
  margin-right: 10px;
  color: #6b6b6b;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
}
.content-area .box-info a, .box-info span{
  padding-bottom: 8px;
}
.page-box p {
  color: #6b6b6b;
  font-size: 15px;
  margin: 15px 0;
}
.page-box h4 a {
  font-size: 25px;
  text-decoration: none;
}
.page-box h4 {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.page-box a,.nav-links a {
  text-decoration: none;
}
.readmore-btn a {
  border: 1px solid var(--color-primary1);
  font-weight: 600;
  padding: 5px;
  letter-spacing: 1px;
  font-size: 15px;
  color: var(--color-primary1);
  text-decoration: none;
}
.readmore-btn a:hover{
  color: #000;
  border: 1px solid #000;
}

/*slider*/
#slider{
    position: relative;
    z-index: 9;
    background: linear-gradient(to right,#96c9c9 40%, #fff 60%);
    overflow: visible;
}
#slider::before {
    content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 650px; /* Adjust the height as needed */
  background: url("assets/images/slider-img.png") no-repeat center center;
  background-size: 100% 100%;
  opacity: 0.4;
}
#slider p {
    color: #000;
    font-size: 14px;
}
#slider h1 a{
    font-size: 35px;
    margin-bottom: 15px;
    color: var(--color-primary1);
    font-weight: bold;
    text-transform: capitalize;
}
#slider h1 a:hover, #slider .slider-call a:hover{
    color: #000;
}
#slider .slider-top-text{
    color: var(--color-primary1);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}
#slider .read-btn a {
    background: var(--color-primary1);
    padding: 10px 28px;
    color: #fff;
    font-size: 15px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
}
#slider .read-btn a:hover, .serv-sec-btn a:hover{
    background-color: #fff;
    color: var(--color-primary1);
}
#slider .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
    right: 50%;
    text-align: center;
    bottom: auto;
    padding: 0;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image: none;
  font-size: 18px;
  font-weight: 800;
  padding: 15px 22px;
  color: #1e1e1e;
  width: auto;
  height: auto;
}
#slider .carousel-control-next i, 
#slider .carousel-control-prev i {
    color: #757575;
    font-size: 25px;
    background:#fff;
    width: 50px;
    height: 45px;
    padding: 12px;
    border-radius: 2px;
    border:1px solid #757575;
}
#slider .carousel-control-next i:hover, 
#slider .carousel-control-prev i:hover{
    background: #fff;
    color: #000;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
    opacity: 1;
    width: auto;
    top: 100%;
    z-index: 999;
    bottom: auto;
    transform: translateY(-50%);
    color: #000;
}
#slider .carousel-control-next {
    right: 47%;
    left: auto;
}
#slider .carousel-control-prev {
  left: 0;
  right: 50px;
}
#slider .sliderimg{
    position: relative;
    z-index: 999999;
}
#slider .slider-color-box, .sliderimg img{
    height: 650px;
    object-fit: cover;
    width: auto;
}
#slider .slider-color-box{
    background: var(--color-primary1);
}
#slider .slider-call a{
    color: var(--color-primary1);
    border-radius: 30px;
    background-color: rgb(245 248 253 / 50%);
    padding: 10px 22px;
    font-size: 23px;
    font-weight: 600;
    display: inline-block;
}
#slider .slider-call i{
    border-radius: 50%;
    border:2px solid #db1d14;
    padding: 5px;
    font-size: 16px;
    color:#db1d14;
}
#slider .slider-call a:hover i{
    border:2px solid #000;
}
/* Apply mask to the image */
.masked-img {
  mask-image: url('assets/images/slider-shape.png'); 
  mask-size: cover; 
  mask-repeat: no-repeat; 
  mask-position: center; 
  -webkit-mask-image: url('assets/images/slider-shape.png'); 
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  z-index: 999;
}
/*--------------------------------------------------------------
## Sticky
--------------------------------------------------------------*/

.stick_head {
  position: fixed;
  width: 100%;
  z-index: 999999;
  top: 0;
	left: 0;
}
.page-template-front-page .stick_head{
	background: #fff!important;
}
.headerbox.login-user.stick_head {
	margin-top: 32px;
	box-shadow: 0 8px 6px -6px #e0e2db;
	border-bottom: solid 1px #e0e2db;
}

/*--------------------------------------------------------------
WOOCOMMERCE CSS
--------------------------------------------------------------*/
.woocommerce-MyAccount-content p a{
  text-decoration: underline;
}
.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  padding:15px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
  background: #1e1e1e;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul{
  border:none;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
  padding: 10px;
}
.woocommerce ul.products li.product .button,
a.checkout-button.button.alt.wc-forward {
  margin-top: 1em;
  font-size: 14px;
}
.woocommerce  .star-rating {
  margin: 0 auto 10px !important;
}
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{
  background: var(--color-primary1);
  padding: 0;
  top: 25px !important;
  right: 25px !important;
}
.woocommerce span.onsale{
  left: 25px;
  right: auto !important;
}
.products li {
  text-align: center;
  box-shadow: 0 0 10px 4px #efefef;
  padding: 15px !important;
  border-radius: 0px;
}
a.added_to_cart.wc-forward{
   padding: 15px;
   background: none;
   color: var(--color-primary1);
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #1e1e1e;
  font-weight: 600;
  margin-bottom: 10px !important;
  font-family: 'Poppins', sans-serif;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #1e1e1e;
  font-size: 15px
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,.wc-block-cart__submit-container a,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
 background: var(--color-primary1);
  color: #fff;
  padding: 15px;
  border-radius: 5px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 50%;
}
.wc-block-cart__submit-container a:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #1e1e1e;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 9px;
  border-radius: 5px;
  border: solid 2px #1e1e1e;
  color: #1e1e1e
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
   border: solid 2px #1e1e1e;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 2px 2px 0 0 #1e1e1e;
  font-weight: bold;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #1e1e1e;
  text-decoration: none;
}
span.woocommerce-input-wrapper,
.woocommerce label,span.password-input {
 width: 100%;
}
.woocommerce .woocommerce-ordering select {
  padding: 5px;
  font-size: 12px;
}
span.posted_in {
  display: block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 22%;
  display: inline-block;
  margin: 5px;
}
.woocommerce #review_form #respond,.wc-block-checkout__form {
  padding: 20px;
  }
  .is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{
    padding: 10px !important;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wc-block-checkout__form,.wc-block-cart-items__row,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid #ebebeb;
    opacity: 1;
}
.wc-block-components-totals-wrapper:after,.wc-block-components-order-summary-item:after{
    border-color: #ebebeb;
    opacity: 1;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: #1e1e1e;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{
  background: transparent;
  box-shadow: none;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{  
  box-shadow: none;
}
.wc-block-components-product-badge {
    border: 1px dotted #4a5f6d !important;
    padding: 5px !important;
    background: #dce3e8;
    color: #4a5f6d;
}
.wp-block-woocommerce-checkout,.wp-block-woocommerce-cart{
  color: #1e1e1e;
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0% !important;
}

/*--------------------------------------------------------------
Posts Numbers
--------------------------------------------------------------*/
.page-numbers {
  background: var(--color-primary1);
  color: #fff !important;
  padding: 7px;
  font-weight: bold;
}
.prev.page-numbers,
.next.page-numbers {
  font-size: 15px;
  background: var(--color-primary1);
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #1e1e1e;
	color: #fff;
}
.page-links {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
}
.page-links .page-number {
	color: #1e1e1e;
	display: inline-block;
	padding: 0.5em 1em;
}
.page-links a {
	display: inline-block;
}
.page-links a .page-number {
	color: #1e1e1e;
}
.related-post-block .page-box{
  padding: 10px;
}
/* Post Navigation */
.post-navigation {
	font-weight: 500;
	margin: 3em 0;
}
.nav-subtitle {
	background: transparent;
	color: #1e1e1e;
	display: block;
	font-size: 11px;
	margin-bottom: 1em;
	text-transform: uppercase;
}
.nav-title {
	color: #333;
	font-size: 15px;
}
span.meta-nav {
  color: #fff;
  background: var(--color-primary1);
  padding: 5px;
}
.nav-previous {
  float: right;
}
/*block widget for footer*/
#footer .wp-block-details summary{
  color: #fff;
}
#footer .widget.widget_block.widget_text a{
  text-decoration: underline;
}
#footer .wp-calendar-table th{
  background-color: var(--color-primary1);
  color: #fff;
  border-color: var(--color-primary1);
}
#footer .tagcloud a, #footer p.wp-block-tag-cloud a{
  text-decoration: none;
}
/*block widget for sidebar*/
#theme-sidebar .wp-calendar-table th{
  background-color: var(--color-primary1);
  color: #fff;
  border-color: var(--color-primary1);
}
#theme-sidebar .widget.widget_block.widget_text p a{
  text-decoration: underline;
}
#theme-sidebar li a,#theme-sidebar .widget.widget_block.widget_tag_cloud a, #theme-sidebar li a{
  text-decoration: none;
}
/*--------------------------------------------------------------
 404 page
--------------------------------------------------------------*/
.error-404.not-found h1{
  font-size: 60px;
  font-weight: 900;
}
.error-404.not-found p{
  font-size: 17px;
}
.error-404 input[type="search"] {
  border: solid 1px #1e1e1e;
  padding: 10px;
}
.error-404 [type="submit"] {
  padding: 11px;
  background: var(--color-primary1);
  cursor: pointer;
  font-weight: 500;
  color: #fff;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/

#theme-sidebar section {
  margin: 0 0 2em 20px;
  border-bottom: 3px solid var(--color-primary1);
  padding: 30px 35px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 2px #aaa;
  border-bottom: 3px solid var(--color-primary1);
}
#theme-sidebar section:hover {
    box-shadow: 0 0 20px #cfcfcf;
}
#theme-sidebar ul li a{
  position: relative;
  z-index: 99;
}
#theme-sidebar ul li a::before {
    color: var(--color-primary1);
    content: "\f192";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    left: -25px;
    position: absolute;
    top: 0;
    margin-left: 2px;
}
#theme-sidebar a,#theme-sidebar .wp-block-latest-comments__comment-author, #theme-sidebar .wp-block-latest-comments__comment-link {
  color: #001837;
  font-size: 16px;
}
#theme-sidebar .wp-block-search .wp-block-search__label,#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading,#theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading {
  border-bottom: 1px solid #ebebeb;
  font-size: 23px;
  color: #121212;
  padding-bottom: 10px;
  letter-spacing: 1px;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
}
#theme-sidebar .wp-block-search .wp-block-search__label:before,#theme-sidebar h3:before, #theme-sidebar h1.wp-block-heading:before, #theme-sidebar h2.wp-block-heading:before, #theme-sidebar h3.wp-block-heading:before,#theme-sidebar h4.wp-block-heading:before, #theme-sidebar h5.wp-block-heading:before, #theme-sidebar h6.wp-block-heading:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  background: var(--color-primary1);
  width: 77px;
  height: 3px;
  bottom: -3px;
  border-radius: 0;
}
#theme-sidebar ul,#footer ul {
  list-style: none;
  padding: 0;
}
#theme-sidebar li:last-child {
  border: none;
}
#theme-sidebar li {
  color: #001837;
  line-height: 20px;
  padding: 10px 5px;
  margin-left: 10px;
  font-size: 16px;
  margin-top: 10px;
}
#theme-sidebar ul li a{
  margin-bottom: 10px;
}
#theme-sidebar a:hover {
  color: var(--color-primary1);
}
#footer .wp-block-latest-comments article,
#theme-sidebar .wp-block-latest-comments article {
    margin-bottom: 0em;
}
#footer .wp-block-latest-comments__comment-meta,
#theme-sidebar .wp-block-latest-comments__comment-meta {
    margin-bottom: 0px;
}
#footer ol.wp-block-latest-comments,
#theme-sidebar ol.wp-block-latest-comments{
  padding-inline-start: 0px;
}
#theme-sidebar .textwidget img{
  width: 100%;
  height: auto;
}
#theme-sidebar select {
  padding: 10px;
  border: solid 1px #ebebeb;
  background: transparent;
  font-size: 14px;
  width: 100%;
  color: #001837;
}
#theme-sidebar .tagcloud a, #sidebar p.wp-block-tag-cloud a ,.post_tag a, #theme-sidebar .widget_tag_cloud a {
  border: 1px solid #cecece;
  color: #001837;
  line-height: 20px;
  padding: 7px 13px;
  font-size: 15px !important;
  display: inline-block;
  margin: 3px;
}
#theme-sidebar .tagcloud a:hover,#sidebar p.wp-block-tag-cloud a:hover, .post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
  background-color:var(--color-primary1);
  color: #fff;
  border-color: var(--color-primary1);
}

#theme-sidebar .tagcloud {
  margin-top: 15px;
}
#theme-sidebar input[type="search"],
#footer input[type="search"] {
  padding: 10px;
  width: 100%;
  border: 1px solid #ebebeb;
  font-size: 15px;
}
#footer .wp-block-search__inside-wrapper,
#theme-sidebar .wp-block-search__inside-wrapper{
  display: block;
}
#footer .wp-block-search__button,
#theme-sidebar .wp-block-search__button{
  margin-left: 0px;
}
#theme-sidebar button[type="submit"],
#footer button[type="submit"] {
  padding: 8px;
  width: 100%;
  margin-top: 10px;
  background: var(--color-primary1);
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
}
#theme-sidebar table#wp-calendar {
  border: solid 1px #ebebeb;
  text-align: center;
  margin-top: 15px;
  width: 100%;
}
#footer.wp-block-calendar,
#theme-sidebar.wp-block-calendar{
  text-align: left;
}
#theme-sidebar th,#theme-sidebar td {
  border-right: solid 1px #ebebeb;
  padding: 10px 0;
}
#theme-sidebar tr {
  border-bottom: solid 1px #ebebeb;
}
.woocommerce #tp_content {
  margin-top: 30px;
}
#theme-sidebar .textwidget img {
  width: 100%;
  height: auto;
}
#theme-sidebar  .p {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
}
#footer .wp-block-media-text__media img, #theme-sidebar .wp-block-media-text__media img{
padding-top: 15px;
}
#footer .wp-block-media-text,
#theme-sidebar .wp-block-media-text {
  box-sizing: border-box;
  direction: ltr;
  display: inline;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
#comments p a, .woocommerce-MyAccount-content p a, .content-area figure a, .content-area .right-sidebar p a, .content-area table a,
.content-area dd a, .box-content p a, .content-area li a, .wp-block-heading a{
  text-decoration: underline;
}
#comments #respond,.related-post-block{
  border: 1px solid #ebebeb;
  padding: 20px;
}
#comments {
	clear: both;
	padding: 2em 0 0.5em;
}
.comments-title {
	font-size: 20px;
	margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li:before {
	display: none;
}
.comment-body {
	margin-left: 65px;
}
.comment-author {
	font-size: 16px;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}
.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}
.comment-author .says {
	display: none;
}
.comment-meta {
	margin-bottom: 1.5em;
}
.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}
.comment-metadata a {
	color: #767676;
}
.comment-metadata a.comment-edit-link {
	color: #1e1e1e;
	margin-left: 1em;
}
.comment-body {
	color: #333;
	font-size: 14px;
	margin-bottom: 4em;
}
.comment-reply-link {
	font-weight: 800;
	position: relative;
}
.comment-reply-link .icon {
	color: #1e1e1e;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}
.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-style: italic;
}
.comments-pagination {
	margin: 2em 0 3em;
}
.comment-form #wp-comment-cookies-consent {
	margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
	display: inline;
}
#comments input[type="submit"] {
  background: var(--color-primary1);
  border: none;
  padding: 10px 50px;
  font-weight: 500;
  cursor: pointer;
  color: #fff;
}
input[type="text"],
input[type="email"],
input[type="phno"],
input[type="password"],input#url,
textarea{
  border:1px solid #c8c8c8;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin: 0;
  height:auto;
}

/*--------------------------------------------------------------
Commen CSS
--------------------------------------------------------------*/

#primary {
  padding: 3% 0;
}
.sticky .page-box h4{
  background: url(assets/images/pin.png) no-repeat scroll 0 0px;
  padding-left: 40px;
}
#gallery-1 img {
  border: 2px solid #1e1e1e !important;
}
#gallery-1 .gallery-item {
  width: 30% !important;
  margin: 4px;
}
iframe,
.entry-audio audio{
  width: 100%;
}
.site-info p, .site-info a {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}
.site-info a:hover{
  color: #000 !important;
}
.entry-video {
    width: 100%;
}
.entry-audio {
    width: 100%;
}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer {
  background: #1e1e1e;
  clear: both;
}
#footer h2,#footer h3,#footer h1.wp-block-heading, #footer h2.wp-block-heading, #footer h3.wp-block-heading,#footer h4.wp-block-heading, #footer h5.wp-block-heading, #footer h6.wp-block-heading {
  font-size: 20px;
  padding: 10px 0;
  color: #fff;
  border-bottom: dashed 1px #fff;
  margin-bottom: 10px;
}
#footer h3{
  font-size: 28px;
}
#footer section{
  margin-bottom: 20px;
}
#footer li a:hover{
  color: var(--color-primary1);
}
.wp-block-latest-comments__comment-date,#footer p,#footer li a,#footer .wp-block-latest-comments__comment-author, #footer .wp-block-latest-comments__comment-link {
  color: #fff;
}
#footer li {
  color: #fff;
  font-size: 13px;
  padding: 5px 0;
}
#footer table#wp-calendar {
  border: dashed 1px #fff;
  text-align: center;
  margin-top: 15px;
  width: 100%;
}
#footer th,#footer td {
  border-right: dashed 1px #fff;
  padding: 5px 0;
  color: #fff;
}
#footer tr {
  border-bottom: dashed 1px #fff;
  color: #fff;
}
#footer select {
  padding: 5px;
  width: 100%;
}
#footer .widget_rss img{
  width: auto;
}
#footer .widget_rss li{
  border-bottom: solid 2px #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#footer .textwidget {
  color: #fff;
}
#footer .tagcloud a,#footer p.wp-block-tag-cloud a {
  border: 1px dashed #fff;
  color: #fff;
  line-height: 20px;
  padding: 5px 10px;
  font-size: 12px !important;
  display: inline-block;
  margin-bottom: 5px;
}
#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover{
  border: 1px dashed var(--color-primary1);
  color: var(--color-primary1);
}
.site-info {
  background: var(--color-primary1);
  padding: 15px 0;
}
.site-info p{
  margin-bottom: 0;
  text-align: center;
  color: #fff;
}

/*--------------------------------------------------------------
Scroll Top
--------------------------------------------------------------*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

/*--------------------------------------------------------------
WordPress Core
--------------------------------------------------------------*/
.alignwide {
 margin-left : -80px;
 margin-right : -10px;
}
.alignfull {
 margin-left: -48px;
 width: calc(100% + 64px) !important;
 max-width: 100vw;
 
}
.alignfull img {
  width: 100vw;
}
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1000px){
  #footer h3{
    font-size: 23px;
  }
  .header-search input[type="search"]{
    width: 85%;
  }
  .box-text{
    top: 50%;
    left: 5%;
    right: 5%;
  }
.main-navigation ul.children{
  opacity: unset;
}
  .book-tkt-btn a{
    padding: 12px 8px;
  }
  #slider .inner_carousel p{
    display: none;
  }
  #slider .inner_carousel h2{
    font-size: 35px;
  }
  .top-header span, .top-header a {
    font-size: 12px;
  }
  .toggle-nav {
    display: none;
  }
  .toggle-nav button {
    font-size: 30px;
    color: #fff;
    background: var(--color-primary1);
    border: none;
    padding: 5px;
  }
  .main-navigation .sub-menu {
    width: 100% !important;
  }
  .main-navigation .sub-menu li {
    opacity: 1 !important;
    display: block !important;
  }
  .main-navigation .sub-menu{
    opacity: 1;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    visibility: hidden;
    background-color: #1e1e1e;
    transition: 0.5s width ease-in-out;
    padding-top: 60px;
    overflow-y: scroll;
  }
  .sidenav.open{
    visibility: visible;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px !important;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer;
    text-align: right;
  }
  .toggle-nav{
    display: block;
  }
  .main-navigation a{
    color: #444;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before,
  .menu > ul > li.current_page_item:before,
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    color: #fff;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{
    width:100%;
    margin-top:0;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #3a3a3a solid;
    display:block;
    text-align:left;
    float:none;
    width: 100%;
  }
  .nav ul li a{
    padding: 10px;
    display: block;
    color: #ffffff;
    font-size: 14px !important;
  }
  .nav ul li ul,
  .nav ul li ul ul{
    opacity: 1;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .main-navigation li{
    padding: 0;
  }
  .scrolled{
    position: static;
  }
  #category-post img{
    padding-bottom: 10px;
  }
  .nav-links {
    padding-bottom: 21px;
  }
  .main-navigation li.page_item_has_children:after,
  .main-navigation li.menu-item-has-children:after{
    display: none;
  }
}
@media screen and (max-width: 767px){
  .blog-description{
    font-size: 10px;
  }
  .full .page-box{
    margin: 30px 10px;
  }
  .slider-area p, #slider .slider-top-text{
        display: none;
    }
    #slider h1 a{
        font-size: 23px;
        color: #fff;
    }
    #slider .slider-color-box, .sliderimg img, #slider::before{
        height: 400px;
    }
    #slider .carousel-caption{
        left: 20%;
        right: 20%;
        top: 15%;
        transform: unset;
        z-index: 999;
    }
    #slider .slider-call a{
        font-size: 15px;
    }
    #slider .slider-call i{
        font-size: 12px;
    }
    #slider .read-btn a{
        padding: 8px 16px;
        font-size: 12px;
    }
    #slider .carousel-control-next{
        left: auto;
        right: 33%;
    }
    #slider .carousel-control-next i, #slider .carousel-control-prev i{
        top: 30%;
    }
    #slider .sliderimg{
        z-index: 99;
    }
    #slider .carousel-caption{
      left: 20% !important;
      right: 20% !important;
    }
}
@media screen and (max-width: 560px){
  .call-info{
    display: none;
  }
  .more-btn,#slider .inner_carousel h2,.top-header,.logo,#footer,.content-area{
    text-align: center;
  }
  #slider img{
    height: 350px;
  }
  #slider .inner_carousel h2{
    font-size: 20px;
  }
  #slider .carousel-control-next {
    right: 0;
    left: auto;
    bottom: 0;
  }
  #slider .carousel-control-prev{
    right: auto;
    bottom: 0;
  }
  .header-show{
    position: static;
    border: none;
    text-align: center;
    border-radius: 30px;
    margin-top: 15px
  }
  #slider .carousel-control-prev-icon,
  #slider .carousel-control-next-icon{
    padding: 8px 15px;
  }
  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product{
    width: 100%;
  }
  #return-to-top i{
    margin-right: 33px;
  }
	.headerbox.login-user.stick_head{
		position: static;
		margin-top: 0px;
	}
  .page-numbers{
    font-size: 10px;
  }
  a.next.page-numbers{
    font-size: 10px;
  }
  #slider .carousel-caption {
    text-align: center !important;
    left: 15% !important;
    right: 15% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px){
.headerbox.login-user.stick_head{
	margin-top: 46px;
 }
 .book-tkt-btn a{
  font-size: 11px;
 }
 #product .product-image img{
  height: 180px;
 }
 #slider h1 a{
        font-size: 30px;
    }
 #slider .slider-call a{
        font-size: 18px;
    }
    #slider .carousel-control-next{
        right: 43%;
    }
    #slider .carousel-caption{
        left: 12%;
        right: 45%;
    }
#slider .slider-color-box, .sliderimg img{
        height: 550px;
        width: 600px !important;
    }
    #slider::before{
        height: 550px;
    }
    #slider .carousel-control-next{
        left: auto;
        right: 43%;
    }
    #product h3 a{
      font-size: 12px;
    }
    #product h3 {
      line-height: 0.5;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
  .book-tkt-btn a {
    padding: 12px 8px;
    font-size: 10px;
  }
  .header-search input[type="search"]{
    width: 85%;
  }
  #slider .inner_carousel p {
    font-size: 14px;
  }
  #slider .inner_carousel h2 {
    font-size: 45px;
  }
  .header-icon{
    font-size: 11px;
  }
  .main-navigation ul ul{
    left: auto;
    right: 0;
  }
  #slider .carousel-control-next{
        right: 44%;
    }
    #slider .carousel-caption{
        left: 15%;
        right: 45%;
    }
    #slider .slider-color-box, .sliderimg img{
        width: 700px;
    }

    #slider .carousel-control-next{
        left: auto;
        right: 43%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px){
   .nav-previous{
       padding: 15px;
       text-align: center;
       float: none;
    } 
    .nav-next{ 
       text-align: center;
   }
   .product-box{
    width: 100%;
   }
}
@media screen and (min-width: 561px) and (max-width: 767px){
  .contact-info{
    text-align: center;
  }
}
@media screen and (max-width: 1200px){
    .wc-block-components-totals-wrapper,.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
        padding: 16px 10px !important;
    }
    .wc-block-cart table.wc-block-cart-items{
        margin: 0 0 2em !important  ;
    }
}
@media screen and (min-width:1700px) and (max-width:1900px){
  .container{
    max-width: 1520px;
  }
}
@media screen and (min-width:1920px) {
  .container{
    max-width: 1620px;
  }
}

/* --- Базовые стили для hero секции --- */
.hero {
  width: 100%; /* ширина всей видимой области окна */
  height: 900px; /* фиксированная высота */
  background-size: cover; /* изображение растягивается с сохранением пропорций */
  background-position: center center; /* центрирование фонового изображения */
  background-repeat: no-repeat;
  display: flex; /* флексбокс для центрирования содержимого */
  align-items: center; /* вертикальное центрирование */
  justify-content: center; /* горизонтальное центрирование */
  text-align: center; /* выравнивание текста */
  color: #fff; /* цвет текста */
  position: relative;
  overflow: hidden;
}

.hero-content {
  max-width: 800px; /* ограничение ширины текста */
  padding: 20px;
}

.hero h1 {
  margin: 0 0 10px 0;
  font-size: 3rem;
  line-height: 1.2;
  color: #fff;
}

.hero p {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.4;
}

/* --- Секция выбора (select-section) --- */
.select-section.full-bg {
  width: 100%;
  height: 600px;
  min-height: 300px;

  /* Фоновое изображение */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #F4EBDE;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.05);

  /* Уберём флекс-контейнер, чтобы bg был на всю ширину */
}

.select-left {
  height: 100%;
  padding: 60px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #263238;
  font-family: Arial, sans-serif;
  gap: 20px;
  align-items: center;
}

.select-container {
  background-color: #F4EBDE;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 12px #0000001a;
  width: 100%;
  max-width: 850px;
  position: relative;
  top: -220px;
}

.select-left h1 {
  font-size: 3rem;
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
}

.select-left p {
  font-size: 1.3rem;
  line-height: 1.6;
  max-width: 450px;
}

.select_btn {
  background-color: #c9a164;
  color: #fff;
  padding: 14px 35px;
  border-radius: 8px;
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,115,230,0.5);
  transition: background-color 0.3s ease;
  width: max-content;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.select_btn:hover,
.select_btn:focus {
  background-color: #a78551;
  box-shadow: 0 6px 16px rgba(0,91,181,0.7);
  outline: none;
  color: #fff;
}


/* --- Форма hero-form --- */
.hero-form {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 40px;
  align-items: center;
  box-sizing: border-box;
  padding: 20px;
}

.hero-form form {
  display: flex;
  align-content: center;
}

.hero-form label {
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  min-width: 200px;
  max-width: 260px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0; /* убираем лишние отступы */
}

.hero-form input.input-form {
  min-height: 58px;
  height: 58px;
  font-size: 18px;
  border-radius: 8px;
  min-width: 260px;
  width: 100%;
  padding: 0 12px;
  border: 1px solid #ccc;
  margin-top: 0;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  background-color: #F4EBDE;

}

.hero-form input.input-form:focus {
  border-color: #a78551;
  outline: none;
}

.hero-form input.submit-form,
.hero-form button.submit-form {
  padding: 0 24px;
  height: 58px;
  font-size: 18px;
  background-color: #c9a164;
  border: none;
  border-radius: 8px;
  color: white;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  box-sizing: border-box;
  align-self: flex-end;
}

.hero-form input.submit-form:hover,
.hero-form button.submit-form:hover {
  background-color: #a78551;
}

/* --- Общие стили для областей контента --- */
.content-area {
  background-color: #F4EBDE !important;
}

.benefits-section {
  background-color: #F4EBDE;
}

.benefits-content {
  padding: 40px 0;
  text-align: center;
}

.benefits-content h1 {
  font-size: 3rem;
  margin-bottom: 10px;
}

.benefits-content p {
  font-size: 1.5rem;
}

.benefits-group {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  grid-template-rows: auto auto;
  gap: 30px 15px;
  max-width: 1200px;
  margin: 60px auto 0;
  justify-items: center;
}

.price-service-item:nth-child(1) { grid-column: 1; grid-row: 1; }
.price-service-item:nth-child(2) { grid-column: 3; grid-row: 1; }
.price-service-item:nth-child(3) { grid-column: 5; grid-row: 1; }
.price-service-item:nth-child(4) { grid-column: 2; grid-row: 2; }
.price-service-item:nth-child(5) { grid-column: 4; grid-row: 2; }

.price-service-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 20px;
  background: #28a9b4;
  padding: 20px 15px;
  min-height: 150px;
  min-width: 200px;
  max-width: 230px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease;
}

.price-service-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  border-color: #e3cead;
  background: #f8f9ff;
}

.price-service-item:hover .price {
  color: #e3cead;
}
.price-service-item .service {
  color: #F4EBDE;
}
.price-service-item:hover .service {
  color: #333;
}
.price {
  font-size: 32px; /* Еще меньше размер */
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 8px;
  line-height: 1.1;
  color: #F4EBDE;
}

.service {
  font-size: 14px;
  line-height: 1.3;
  width: 100%;
  word-break: break-word;
}

/* --- Раздел почему, бесплатно, качество --- */
.why-section,
.free-section,
.quality-section {
  background-color: #F4EBDE;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  flex-wrap: wrap; /* для адаптива */
  gap: 30px;
}

.why-section img,
.free-section img,
.quality-section img {
  max-width: 540px;
  width: 100%;
}

.title-content__why,
.title-content__free,
.title-content__quality {
  display: flex;
  flex-direction: column;
  max-width: 445px;
  text-align: center;
  justify-content: center;
}

/* --- Секция услуг --- */
.services {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: #F4EBDE;
}

.service-container {
  padding: 20px;
  width: 100%;
  max-width: 1100px;
  height: 200px;
  border-radius: 8px;
  background-color: #F4EBDE;
  display: flex;
  align-items: center;
  box-shadow: 0 4px 12px #0000001a;
  gap: 20px;
}

.left-content {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.left-content h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

.left-content h6 {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin: 0;
}

.center-content {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
}

.center-content p {
  margin: 0;
  color: #555;
  line-height: 1.5;
}

.right-content {
  background-color: #c9a164;
  min-width: 208px;
  height: 44px;
  border-radius: 8px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.right-content:hover {
  background-color: #a78551;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.right-content:active {
  background-color: #b58764;
  transform: translateY(0);
}

.service-container a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
}

.right-content:hover a {
  color: #f8f8f8;
}

/* --- Секция "Как мы работаем" --- */
.how-section {
  padding: 40px 0;
  background-color: #F4EBDE;
}

.title-content__how {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 20px 0;
  margin-bottom: 30px;
}

.how-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.how-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 1px solid #efefef;
  border-radius: 10px;
  padding: 20px;
  max-width: 255px;
  background-color: #fff;
}
.top-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.how-title__card {
  text-align: center;
}

.how-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 15px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  box-shadow: 0 8px 40px rgba(0, 0, 0, .08);
}

.how-image svg {
  width: 48px;
  height: 48px;
  color: inherit;
  fill: #d3a381;
}

.how-text__content ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* --- Trending секция --- */
.trending-section {
  background-color: #1f293a;
  padding: 40px 0;
  color: #fff;
}

.pricing-block {
  max-width: 55%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

.pricing-block__title {
  font-size: 48px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.pricing-block__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pricing-block__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid #ddd;
}

.pricing-block__name {
  font-size: 18px;
  color: #efefef;
  text-align: left;
}

.pricing-block__price {
  font-size: 18px;
  font-weight: 600;
  color: #d3a381;
}

/* --- Секция партнеров --- */
.partners-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.partners-section h1 {
  display: flex;
  justify-content: center;
  padding: 40px 0;
}

.partners-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  align-items: center;
  gap: 25px;
  padding: 0 20px;
}

.partner-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  border-radius: 10px;
  gap: 0; /* убрать промежуток между img и текстом */
  align-items: stretch;
  background-color: #fff;
  overflow: hidden;
}

.partner-img {
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.partner-img img {
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin: 0;
  padding: 0;
}

.partner-title__container {
  text-align: center;
  margin-top: 15px;
  padding: 0 15px 20px;
}

.partner-title {
  font-size: 24px;
  color: #1f293a;
}

.partner-subtitle {
  font-size: 16px;
}

/* --- Авторские стили --- */
.author-logo img {
  width: 64px;
  border-radius: 50%;
  margin-bottom: 25px;
}

.slide-item {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.swiper {
  max-width: 1100px;
  margin: 0 auto;
}

.author-text {
  text-align: center;
}

.author-text p {
  font-size: 24px;
}

.author-data__container {
  text-align: center;
}

.author-name {
  color: #d3a381;
  font-size: 16px;
  font-weight: 600;
}

/* --- Стрелки слайдера --- */
.swiper-button-next,
.swiper-button-prev {
  color: #d3a381;
  background-color: #fff;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: #d3a381;
  font-size: 22px !important;
  font-weight: 600;
}

.swiper-pagination-bullet {
  background-color: #d3a381 !important;
}

/* --- Нижний блок формы --- */
.bottom-form-section {
  height: 485px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.bottom-form-section h1 {
  color: #fff;
}

.bottom-form-section h6 {
  color: #efefef;
}
.bottom-form-section p{
  display: flex;
  gap: 10px;
}
.bottom-form-section br{
  height: 0;
}

@media (max-width: 978px) {
  .benefits-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px 15px; /* вертикальные и горизонтальные отступы */
    max-width: 600px; /* можно настроить ширину контейнера */
    margin: 0 auto; /* по центру */
  }

  /* Первый элемент - первый ряд, первый столбец */
  .price-service-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    min-width: 300px;
  }

  /* Второй элемент - первый ряд, второй столбец */
  .price-service-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    min-width: 300px;
  }

  /* Третий элемент - второй ряд, первый столбец */
  .price-service-item:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
    min-width: 300px;
  }

  /* Четвёртый элемент - второй ряд, второй столбец */
  .price-service-item:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
    min-width: 300px;
  }

  /* Пятый элемент - третий ряд, занимает обе колонки по центру */
  .price-service-item:nth-child(5) {
    grid-column: 1 / span 2;
    grid-row: 3;
    justify-self: center; /* по центру горизонтально */
    max-width: 400px; /* ограничение ширины */
  }
  .hero-form p {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
  }

  /* Первый span - элемент 1 */
  .hero-form p span.wpcf7-form-control-wrap:nth-of-type(1) {
    grid-column: 1;
    grid-row: 1;
  }
  /* Второй span - элемент 3 (так как есть br) */
  .hero-form p span.wpcf7-form-control-wrap:nth-of-type(2) {
    grid-column: 1;
    grid-row: 2;
  }
  /* Третий span - элемент 5 */
  .hero-form p span.wpcf7-form-control-wrap:nth-of-type(3) {
    grid-column: 2;
  }
  /* Кнопка input.submit-form - элемент 7 */
  .hero-form p input.submit-form {
    grid-column: 2;
    width: 100%;
    height: 58px;
    box-sizing: border-box;
    align-self: start;
  }

  /* Убрать влияние брейков на размеры */
  .hero-form p br {
    display: none;
  }
}


/* --- Адаптив --- */

/* Мобильные устройства (до 767px) */
@media (max-width: 767px) {
  footer{
    display: flex;
    flex-direction: column;
  }
  .hero-content{
    padding: 0 40px;
  }
  /* Hero секция с динамической высотой и уменьшенными шрифтами */
  .hero {
    height: auto;
    padding: 40px 20px;
  }
  .hero h1 {
    font-size: 2rem;
  }
  .hero p {
    font-size: 1rem;
  }
  .bottom-form-section p{
    display: flex;
    gap: 15px;
  }
  /* Форма - размещаем поля вертикально */
  .hero-form {
    flex-direction: column !important;
    gap: 12px;
    padding: 0 15px;
  }
  .hero-form p {
    margin: 0 0 10px 0;
    display: flex;
    flex-direction: column;
  }
  .hero-form label {
    width: 100%;
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
  }
  .hero-form input.input-form {
    width: 100% !important;
    min-width: auto !important;
    max-width: 100% !important;
    margin: 0;
    padding: 12px;
  }
  .hero-form input.submit-form,
  .hero-form button.submit-form {
    width: 100% !important;
    min-width: auto !important;
    padding: 14px 0;
    font-size: 1.2rem;
  }

  /* Select секция смена направления на колонку */
  .select-section {
    flex-direction: column;
    height: auto;
    min-height: auto;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.05);
  }
  .select-container {
    padding: 20px;
    gap: 15px;
    margin: 20px;
  }
  .select-container h1 {
    font-size: 1.8rem;
    margin: 0;
    line-height: 1.3;
  }
  .select-container p {
    font-size: 1rem;
    margin: 0;
    line-height: 1.4;
  }
  .select_btn {
    width: 100%;
    padding: 12px 20px;
    font-size: 1rem;
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  .select-left, .select-right {
    width: 100%;
    padding: 20px 15px;
    flex: none;
  }
  .select-right {
    height: 200px;
    background-position: top center;
  }

  /* Benefits - 1 колонка */
  .benefits-group {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 30px;
    max-width: 90%;
    margin: 40px auto 0;
  }
  .price-service-item {
    grid-column: auto !important;
    grid-row: auto !important;
    max-width: 300px !important;
    min-width: 300px !important;
  }

  /* Services адаптация на колонки */
  .services {
    padding: 20px;
  }
  .services .service-container {
    flex-direction: column;
    height: auto;
  }
  .left-content, .center-content, .right-content {
    width: 100%;
    flex: none;
    text-align: center;
  }
  .right-content {
    margin-top: 15px;
  }

  /* How we work - столбец */
  .how-container {
    flex-direction: column;
    gap: 30px;
    padding: 20px;
  }
  .how-item {
    max-width: 100%;
  }

  /* Trending - полная ширина */
  .trending-section .pricing-block {
    max-width: 100%;
    padding: 0 15px;
  }

  /* Partners - 1 колонка */
  .partners-container {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 20px;
  }

  /* Bottom form */
  .bottom-form-section {
    height: auto;
    padding: 60px 20px;
    text-align: center;
  }

  /* Секции почему, бесплатно, качество - колонки */
  .why-section,
  .free-section,
  .quality-section {
    flex-direction: column;
  }

  .pricing-block__title{
    font-size: 42px;
  }

}

/* Планшеты (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .hero h1 {
    font-size: 2.5rem;
  }
  .hero p {
    font-size: 1.2rem;
  }

  .select-section {
    height: auto;
    flex-direction: row;
  }
  .select-left {
    padding: 40px 30px;
  }
  .select-right {
    height: 350px;
  }

  .benefits-group {
    grid-template-columns: repeat(2, 1fr);
    max-width: 90%;
  }

  .services .service-container {
    height: auto;
  }
  .left-content {
    flex: 0 0 30%;
  }
  .right-content {
    min-width: 160px;
    height: 40px;
  }

  .how-container {
    gap: 20px;
  }
  .how-item {
    max-width: 45%;
  }

  .partners-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Десктопы (от 1024px и выше) */
@media (min-width: 1024px) {
  .hero h1 {
    font-size: 3.5rem;
  }
  .hero p {
    font-size: 1.5rem;
    display: flex;
    gap: 10px;
  }
  .select-section {
    height: 600px;
  }
}

.footer-contact{
  display: flex;
  flex-direction: column;
}
.footer-title{
  color: #fff;
}
.privacy-container{
  max-width: 1100px;
  width: auto;
  margin: 0 auto;
  padding: 40px;
}
.about-container{
  max-width: 1100px;
  width: auto;
  margin: 0 auto;
  padding: 40px;
}

/* Фон модального окна (оверлей) */
.modal {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Показываем окно */
.modal.modal-show {
  opacity: 1;
}

/* Содержимое модального окна */
.modal-content {
  background-color: #fff;
  margin: auto;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 600px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  position: relative;
  transform: translateY(-50px);
  transition: transform 0.3s ease;
}

.modal.modal-show .modal-content {
  transform: translateY(0);
}

/* Кнопка закрытия */
.close {
  color: #aaa;
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  transition: color 0.3s ease;
  line-height: 1;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 90000;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
}


/* Контейнер формы в модальном окне */
.modal-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

/* Стили для полей формы */
.modal-form .wpcf7-form-control.input-form {
  min-height: 58px;
  height: 58px;
  font-size: 18px;
  border-radius: 8px;
  width: 100%;
  padding: 0 12px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.modal-form .wpcf7-form-control.input-form:focus {
  outline: none;
  border-color: #0073e6;
}

/* Стили для кнопки отправки */
.modal-form .wpcf7-submit.submit-form {
  padding: 0 24px;
  height: 58px;
  font-size: 18px;
  background-color: #0073e6;
  border: none;
  border-radius: 8px;
  color: white;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  box-sizing: border-box;
  width: 100%;
  margin-top: 10px;
}

.modal-form .wpcf7-submit.submit-form:hover {
  background-color: #005bb5;
}

/* Стили для контейнеров полей */
.modal-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* Убираем отступы у параграфов внутри формы */
.modal-form p {
  margin: 0;
  width: 100%;
}

/* Стили для сообщений валидации */
.modal-form .wpcf7-not-valid-tip {
  color: #ff0000;
  font-size: 14px;
  margin-top: 5px;
}

.modal-form .wpcf7-response-output {
  margin: 15px 0 !important;
  padding: 10px;
  border-radius: 8px;
  font-size: 14px;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  .modal-form .wpcf7-form-control.input-form {
    min-height: 50px;
    height: 50px;
    font-size: 16px;
  }

  .modal-form .wpcf7-submit.submit-form {
    height: 50px;
    font-size: 16px;
  }
}

.footer-contact a:hover{
  color: #fff;
}

.social-img{
  width: 40px;
  display: flex;
  justify-content: center;
  position: relative;
  bottom: -30px;
  z-index: 999;
}
.clearfix a{
  display: flex;
  justify-content: center;

}
.social-link{
  display: flex;
  flex-direction: row;
}
.main-navigation a{
  display: flex;
}

.article-head__about{
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 40px 0;
  padding: 20px;
  background-color: #efefef;
  border-radius: 20px;
}
.strong-text__about{
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  color: #101010;
  white-space: nowrap;
}
.article-text-container{
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 767.98px) {
  .article-head__about {
    flex-direction: column;
  }
  .article-text-container {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
    overflow: hidden;
    white-space: pre-wrap;
    font-size: 14px !important;
    border-top: 1px solid #ccc;
  }
  .article-text-container {
    .strong-text__about {
      white-space: pre-wrap;
    }
  }
}

@media (max-width: 767.98px) {

}