/*!
Theme Name: Mobile Bay Medical
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mobile-bay-medical
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Mobile Bay Medical is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
*{
    outline: none;
    box-sizing: border-box;
}
:root {
  --bg-white: #FFFFFF;
    --bg-black: #000000;
  --bg-pink: #FFF5FA;
  --bg-dark-slate-blue: #344887;
  --bg-rose-pink: #D06998;
  --bg-misty-pink: #FEE3EF;
  --bg-light-sky-blue: #E5F2F8;
  --bg-soft-yellow: #FCF5D5;
  --bg-ice-lavender: #F3F5FF;
}
.bg-white {
  background-color: var(--bg-white);
}

.bg-pink {
  background-color: var(--bg-pink);
}

.bg-dark-slate-blue {
  background-color: var(--bg-dark-slate-blue);
}

.bg-rose-pink,
.btn.bg-rose-pink{
  background-color: var(--bg-rose-pink);
}

.bg-misty-pink {
  background-color: var(--bg-misty-pink);
}

.bg-light-sky-blue {
  background-color: var(--bg-light-sky-blue);
}

.bg-soft-yellow {
  background-color: var(--bg-soft-yellow);
}

.bg-ice-lavender {
  background-color: var(--bg-ice-lavender);
}

html{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


body{
     font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
        line-height: 1.80;
    color: var(--bg-black);
    
}
p{
 
        line-height: 1.75em;
        margin-bottom: 0;
}
p + p, p + ul{
     margin-top: 25px;
}
img{
    
    max-width: 100%;
}
.large p{
    font-size: 18px;
 letter-spacing: 0.0em;
    line-height: 1.80;
}
p, ul li{
       /* letter-spacing: 0.06em;*/
        
}
h1, .h1 {
    font-size: 65px;
    font-weight: 400;
    line-height: 1.22;
    font-family: "Gilda Display", serif;
    color: var(--bg-black);
        letter-spacing: -0.02em;
    margin-bottom: 20px;
}

h2, .h2 {
    font-size: 50px;
    font-weight: 400;
    line-height: 1.15;
    font-family: "Gilda Display", serif;
    color: var(--bg-black);
    letter-spacing: -0.02em;
    margin-bottom: 25px;
}

h3, .h3 {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.3;
    font-family: "Gilda Display", serif;
    color: var(--bg-black);
}

h4, .h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
        font-family: "Nunito Sans", sans-serif;
    color: var(--bg-black);
}

h5, .h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--bg-black);
}

h6, .h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--bg-black);
}
a.btn{
    background-color: #344887;
    color: #FFF;
    padding: 7px 33px 7px 33px;
    font-size: 18px;
    letter-spacing: 0.015em;
    border: 1px solid #344887;
    height: auto;
    border-radius: 5px;
        box-shadow: none !important;
}
a:hover{
    outline: none;
    text-decoration: none;
   
    
}
a.btn:hover,
a.btn:focus,
a.btn.btn-pink {
 color: #FFF;
     background-color: var(--bg-rose-pink);
    border-color: var(--bg-rose-pink);
}
a.btn.btn-pink:hover{
   background-color: #344887; 
    border: 1px solid #344887;
}
a.btn.white {
    background-color: #FFF;
    border-color: #FFFF;
    color: #344887;
}

a.btn.white:hover, a.btn.white:focus{ background-color: var(--bg-rose-pink);
    border-color: var(--bg-rose-pink);
	 color: #FFF;
}
.is-btn {
    margin-top: 26px;
}
.is-btn a.btn{
    font-weight: 700;
}

/* Header */
header.site-header {
        padding: 12px 0 12px 0;
        z-index: 9;
    position: relative;
}

header.site-header .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header.site-header a.phone.btn {
    border: 1px solid #D06998;
    background: none;
    color: #D06998;
    padding: 7px 23px 7px 23px;
}
header.site-header a.phone.btn span{display:  none;}
header.site-header a.phone.btn:hover {
    background: #D06998;
    color: #FFF;
}
.header-right .btn + .btn {
    margin-left: 16px;
    padding: 7px 27px 7px 25px;
}
.header-right .btn.registration-btn:hover,
.header-right .btn.registration-btn:focus{
    background-color: #D06998;
    border-color: #D06998;
    color: #FFF;
}
header.site-header.is-transparent {
    position: absolute;
    width: 100%;
    top: 0;
}
header.site-header.is-sticky {
    background:#FFF
}
/****header fixed animation*/
header.site-header.is-sticky {

    
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    animation: 0.9s fixedhead;
    -webkit-transition: animation 0.3s ease-in-out;
    -moz-transition: animation 0.3s ease-in-out;
    -o-transition: animation 0.3s ease-in-out;
    transition: animation 0.3s ease-in-out;
 
    box-shadow: 0px 4px 7.4px 0px rgb(0 0 0 / 5%);
    -webkit-box-shadow:0px 4px 7.4px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 4px 7.4px 0px rgb(0 0 0 / 5%);
}

@-webkit-keyframes fixedhead {
    0% {
        top: 150px;
    }

    100% {
        top: 0px;
    }
}

@keyframes fixedhead {
    0% {
        transform: translateY(-145px);
    }

    100% {
        transform: translateY(0px);
    }
}
header.site-header .logo img {
    mix-blend-mode: Darken;
        width: 162px;
}
header.site-header.is-sticky .logo img {
    max-width: 126px;
}
/* Header End */




section.section {
    padding: 100px 0;
}
/* main_hero_banner  */

section.main_hero_banner {
    padding-top: 102px;
}

.main_hero_banner figure {
    position: relative;
    width: 100%;
    height: 100%;
}

.main_hero_banner figure img {
    position: absolute;
    left: 45%;
    max-width: 756px;
    transform: translate(-50%, -50%);
        top: calc(50% - -57px);
}

.main_hero_banner .content-box {
    min-height: 466px;
    padding: 145px 0 67px 0;
    max-width: 482px;
    margin-left: auto;
    margin-right: 5px;
}
/* main_hero_banner End */

/* services-block-section */
.service-box-list {
    margin-top: 61px;
    margin-right: -10px;
    margin-left: -10px;
        gap: 20px 0px;
}
.service-box-list .col-12 {
    padding-right: 10px;
    padding-left: 10px;
}
.service-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1084px;
}

.service-box-list .service-box {
    border-radius: 23px;
}
.service-box-list .service-box span.tagline {
    right: 30px;
    font-size: 16px;
    top: 28px;
    padding: 8px 22px !important;
}
.service-box-list .service-box .icon-wrap {
    position: relative;
    top: -9px;
        margin-bottom: 31px;
}

.service-box-list .service-box .icon-wrap img {
    max-height: 107px;
}
.service-box-list .service-box .service-title {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 18px;
}
.service-box-list .service-box .service-title span {
    font-weight: 700;
    font-style: Italic;
    font-size: 83%;
    line-height: 28px;
    color: #4FA8CF;
    margin-left: 8px;
}
.service-box-list .service-box .service-desc p {
    letter-spacing: 0;
}
 
.service-box-list .service-box .is-btn {
    margin-top: 36px;
    margin-bottom: 8px;
}

 .light-text p, .light-text h2,
.bg-dark-slate-blue p, .bg-dark-slate-blue .h3, .bg-dark-slate-blue h2{
    color: #FFF;
}
/* services-block-section End */

figure.fix-img{
    position: relative;
    width: 150px;
    height: 150px;
    margin: auto;
}
figure.fix-img img{
    position: absolute;
    max-width: none;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

/* content-with-left-image */
section.content-with-left-image {
    padding-top: 136px;
    padding-bottom: 73px;
}
.content-with-left-image span.icon {
    position: absolute;
    right: -240px;
    top: -91px;
}
.content-with-left-image figure.fix-img img {
    max-width: 665px;
}
/* content-with-left-image End */

/* content-with-right-image */

.content-with-right-image h2 {
    margin-bottom: 22px;
}

.content-with-right-image .content-cover {
    max-width: 453px;
}
 
.content-with-right-image span.icon {
    position: absolute;
    z-index: 1;
   
}
.content-with-right-image figure.fix-img img{
	    max-width: 542px;
}
.content-with-right-image span.icon.icon-left {
 
    left: -204px;
    top: -80px;
}

.content-with-right-image figure.fix-img {
    right: 46px;
    top: -22px;
    position: relative;
    z-index: 1;
}
.content-with-right-image span.icon.icon-right {
    right: -210px;
    top: -60px;
}
/* content-with-right-image End */

/* contact-map-block */
section.inner-top-banner {
    padding-top: 130px;
} 
section.inner-top-banner + section.side-by-side-block {
    padding-top: 0;
}
section.inner-top-banner + section.side-by-side-block p + h2 {
    margin-top: 50px;
}
section.contact-map-block {
    position: relative;
    min-height: 520px;
    width: 100%;
    overflow: hidden;
}

section.contact-map-block .map-wrap {
position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

section.contact-map-block .map-wrap {}

section.contact-map-block .map-wrap iframe {
    width: calc(100% + 700px);
    height: 100%;
    left: -350px;
    position: relative;
}
/* contact-map-block End */

/* section.is-shape */
.is-shape .desktop-shape {
    position: absolute;
    width: 100%;
    bottom: calc(100% - 1px);
}
 

.is-shape .desktop-shape svg {
    width: 100%;
    height: auto;
}

section.is-shape {
    position: relative;
    padding-top: 78px;
}

.is-shape .mobile-shape {
    display: none;
}
section.below-shape {
    padding-bottom: 8%;
}
/* section.is-shape End */
.fade-in {
    transition: 0.5s all ease, 1s opacity ease;
    top: 50px;
    opacity: 0;
    position: relative;
}

.fade-in.onView {
    top: 0;
    opacity: 1;
}
/* side-by-side-block */
section.services-block-section {
    padding-bottom: 90px;
}
.side-by-side-block .right-image {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse !important;
}
.side-by-side-block figure {
    border-radius: 200px;
    overflow: hidden;
    min-height: 546px;
    position: relative;
}
.side-by-side-block figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center center;
}
.side-by-side-block .left-image figure {
    border-top-left-radius:0 !important;
  
    position: relative;
    left: 7px;
}
.side-by-side-block .left-image .content-part {
    position: relative;
    max-width: 545px;
    
}
.side-by-side-block .right-image figure {
    border-top-right-radius: 0 !important ;
  
    position: relative;
    right: 7px;
}
.side-by-side-block .right-image .content-part {
    position: relative;
    max-width: 545px;
    
    top: -3px;
}
.side-by-side-block .content-part{
    padding-bottom: 17px;
}

.side-by-side-block .inner-container .row + .row {
    margin-top: 73px;
}

.side-by-side-block .accordion {
  margin:25px 0;
  padding: 0;
  list-style: none;
 
}
.side-by-side-block .accordion-item + .accordion-item {
    margin-top: 22px;
}
.side-by-side-block .accordion-item {
    border: 0;
    box-shadow: 0px 0px 15px 0px #0000001A;
    background: #FFF;
    border-radius: 23px;
    position: relative;
        text-align: left;
	    z-index: 1;
}
div#page {
    width: 100%;
    overflow: hidden;
}
/* Thumb */
.side-by-side-block .accordion-thumb {
  margin: 0;
  padding: 22px 32px;
  cursor: pointer;
  font-weight: normal;
  position: relative;
  font-size: 20px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  line-height: 1.10;
  height: 69px;
	    z-index: 2;
        display: flex;
    align-items: center;
}
.side-by-side-block .accordion-thumb::after {
  content: "";
  display: inline-block;
  height: 13px;
  width: 13px;
  margin-right: 0;
  margin-left: 0;
  vertical-align: middle;
  border-right: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(45deg);
  transition: transform 0.2s ease-out;
  position: absolute;
  top: 25px;
  right: 25px;
}

/* Panel */
.accordion-panel {
  margin: 0;
  padding-bottom: 0.8rem;
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
   background: #FFF; 
  z-index: 1;
  top: 0;
  padding-top: 69px !important;
 /* opacity: 0;*/
}

/* Active */
.accordion-item.is-active .accordion-thumb:after  {
  transform: rotate(-135deg);
  top: 30px;
}

.side-by-side-block .accordion-item.is-active {}

.side-by-side-block .accordion-item.is-active {    z-index: 3;}

.side-by-side-block .accordion-item.is-active .accordion-item {}

.side-by-side-block .accordion-item .accordion-panel {
    border-radius: 23px;
    box-shadow: 0px 10px 15px 0px #0000001A;
}

.side-by-side-block .accordion-item.is-active .accordion-thumb {
    z-index: 2;
}

.side-by-side-block .accordion .accordion-body {
    padding: 0 40px 0 35px;
}
.side-by-side-block .accordion .accordion-body p + ul {
     margin-top: 15px;
}
.side-by-side-block .accordion .accordion-body ul {
   padding: 0 0 0 20px;
}
.side-by-side-block .accordion-item.is-active .accordion-panel {
    background: #FFF;
    opacity: 1;
}

.side-by-side-block .accordion .accordion-body li + li {
    margin-top: 10px;
}

.side-by-side-block .accordion .accordion-body li {
    line-height: 1.75;
}

.side-by-side-block .content-part .is-btn a.btn + a.btn {
    margin-left: 10px;
    display: inline-block;
}
/* side-by-side-block End */
/* client-reviews */
.client-reviews-block{
    
}
.client-reviews-block .section-title {
    margin-bottom: 13px;
}
.client-reviews .review-card {width: calc(100% - 40px);margin-left: auto;margin-right: auto;margin-bottom: 20px;margin-top: 20px;border-radius: 23px !important;box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);     padding: 49px 38px 0 38px;}

.client-reviews .review-card .review-stars i {
    font-size: 20px;
    margin-right: 11px;
}

.client-reviews .review-card .review-stars {
    margin-bottom: 25px;
}

.client-reviews {
    margin: 0 -18px;
}

.client-reviews .slick-track {
    display: flex;
}

.client-reviews .slick-track .slick-slide {
    display: flex;
    float: none;
    height: auto;
    padding-top: 0px;
    padding-bottom: 40px;
}
.client-reviews .review-card p.review-name {
    color: #558387;
    font-size: 16px;
    letter-spacing: 0.16em;

}
.client-reviews ul.slick-dots {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 0 10px;
}

.client-reviews ul.slick-dots li {
    line-height: 0;
}

.client-reviews ul.slick-dots li [type=button] {
    width: 11px;
    font-size: 0;
    height: 11px;
    border-radius: 50%;
    padding: 0;
    border: 0;
    background-color: #FEE3EF;
}

.client-reviews ul.slick-dots li.slick-active [type=button]{
    background-color: #D06998;
}
.client-reviews .review-card p.review-text {
    line-height: 1.84;
}
/* client-reviews End */

/* general-block */

section.general-block .h3{
    line-height: 1.7;
}

.general-block .content-block {
    max-width: 798px;
	margin: auto;
	    max-width: 838px;
}
.general-block .content-block .content-block h2.h3 {
    font-size: 40px;
    color: #FBDC44;
}


/* general-block End */

/* icon-card-list */

.icon-card-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 30px;
    margin-top: 35px;
}

.icon-card-list > * {
    width: auto;
}

.icon-card-list .icon-card {
    text-align: center;
    border-radius: 12px;
    padding: 15px 20px 25px 20px;
}

.icon-card-list .icon-card .icon-card-title {
    font-size: 20px;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
}

.icon-card-list .icon-card .icon-card-icon {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

section.icon-cards-block.bg-white + .bg-white {
    padding-top: 0;
}

/* icon-card-list End */

/* inner-top-banner */
.inner-top-banner h2 {
    margin-bottom: 17px;
}
.inner-top-banner .content-block {
    margin-left: auto;
    margin-right: auto;
    max-width: 755px;
}
.inner-top-banner .cta-box-row {
    margin-top: 32px;
}
.inner-top-banner .cta-box-row .cta-box {
    border-radius: 23px;
    box-shadow: 0px 0px 15px 0px #0000001A;
    padding: 37px 27px 25px 27px;
        position: relative;

}
.inner-top-banner .cta-box-row .cta-box table {
    max-width: 240px;
    margin: auto;
    text-align: left;
    width: 100%;
    position: relative;
    right: -15px;
}
.inner-top-banner .cta-box-row .cta-box .cta-badge {
       font-size: 18px;
    font-weight: 700;
    background-color: #D06998;
    width: 146px;
    height: 146px;
    display: flex;
    text-align: center;
    justify-content: center;
    line-height: 1.4;
    color: #FFF;
    border-radius: 50%;
    border: 5px solid #FFF;
    box-shadow: 0px 0px 15px 0px #0000001A;
    left: -75px;
    top: -56px;
    padding: 31px 0;
    transform: rotate(-6.64deg);
}
.inner-top-banner .cta-box-row .cta-box .cta-title {
    margin-bottom: 14px;
    letter-spacing: -0.014em;
}
.inner-top-banner .cta-box-row .cta-box .is-btn {
    margin-top: 13px;
}

.inner-top-banner .cta-box-row .cta-box .is-btn a.normal {
    color: #D06998;
    font-weight: 600;
}
.icon-box-cover .icon-box-inner {
    width: calc(100% - 8px);
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #D06998;
    border-radius: 12px;
    padding: 26px 0 19px 0;
}


.icon-box-cover .icon-box-inner .icon-box-icon {
        min-height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-box-cover .icon-box-inner .icon-box-title {
    font-size: 20px;
    color: #000;
}
.inner-top-banner .icon-box-cover {
}

.inner-top-banner .icon-box-cover .row > div {
    max-width: 201px;
} 
.icon-box-cover .icon-box-inner .icon-box-icon svg {
    max-width: 69px;
    max-height: 57px;
	width: 100%;
}

.icon-box-cover .icon-box-inner:hover svg *,
.icon-box-cover .icon-box-inner.active svg * {fill: #ffffff !important; transition: all .1s ease;filter: brightness(0) invert(1);}

.icon-box-cover .icon-box-inner.active,
.icon-box-cover .icon-box-inner:hover {
    background-color: #d06998;
}

.icon-box-cover .icon-box-inner:hover .icon-box-title,
.icon-box-cover .icon-box-inner.active .icon-box-title {
    color: #FFF;
}
/* inner-top-banner End */



/* accordion-block */
.accordion-block .h3 {
    line-height: 1.6;
}
.accordion-block .accordion-wrapper {}

.accordion-block .accordion-wrapper .accordion-item {
    border-radius: 23px;
    overflow: hidden;
    margin-bottom: 18px;
}

.accordion-block .accordion-wrapper .accordion-item .accordion-header {
    display: flex;
    align-items: center;
    padding: 32px 90px 32px 51px;
    cursor: pointer;
    position: relative;
}

.accordion-block .accordion-wrapper .accordion-item .accordion-header .accordion-title {
    margin: 0;
    font-weight: 700;
    cursor: pointer;
}

 

.accordion-block .accordion-wrapper .accordion-item .accordion-header span.accordion-toggle {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 0;
    margin-left: 0;
    vertical-align: middle;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    transition: transform 0.2s ease-out;
    position: absolute;
    top: calc(50% - 4px);
    right: 53px;
    transform: translate(0px, -50%) rotate(45deg);
}
.accordion-block .accordion-wrapper .accordion-item.open .accordion-header span.accordion-toggle{
    transform: translate(0px, -50%) rotate(-135deg);
}

.accordion-block .accordion-wrapper .accordion-item .content-cover {
    display: flex;
    flex-direction: row-reverse;
    gap: 0 0px;
    padding: 0px 37px 30px 53px;
    margin-top: -10px;
}

.accordion-block .accordion-wrapper .accordion-item .content-cover .accordion-description-image {
    width: 343px;
}

.accordion-block .accordion-wrapper .accordion-item .content-cover .accordion-description-image + .accordion-description {
    width: calc(100% - 343px);
    padding-right: 50px;
}

.accordion-block .accordion-wrapper .accordion-item .content-cover .accordion-description {
    max-width: 893px;
    margin-right: auto;
}

.accordion-block .accordion-wrapper .accordion-item .content-cover .accordion-description-image figure {
    margin: 0;
    border-radius: 23px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    position: relative;
    padding-bottom: 100%;
}
.accordion-block .accordion-wrapper .accordion-item .content-cover .accordion-description-image figure img {
    height: 100%;
    position: absolute;
    width: 100%;
    object-fit: cover;
}

.accordion-block .accordion-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 1083px;
    margin-top: 34px;
} 

.accordion-block .accordion-wrapper .accordion-item.is-icon .content-cover {
    padding-top: 26px;
}

.accordion-block .accordion-wrapper .accordion-item.is-icon .accordion-header {
    padding-left: 33px;
}

.accordion-block .accordion-wrapper .accordion-item.is-icon .accordion-header span.icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 33px;
    margin-right: 15px;
}

.accordion-block .accordion-wrapper .accordion-item.is-icon .accordion-header span.icon img {
    position: absolute;
    -
    width: 60px;
    max-height: 53px;
}
.accordion-block .accordion-wrapper .accordion-item .content-cover .accordion-description ul {
    padding: 0 0 0 20px;
}
 

/* accordion-block End */



/*  recipe-card-cover */
.recipes-block .content-block p {
    margin-right: auto;
    margin-left: auto;
    max-width: 845px;
}
.recipes-block .content-block h3 {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 790px;
    letter-spacing: -0.02em;
    line-height: 1.6;
}
.recipes-block .content-block {
    margin-bottom: 60px;
}

.recipe-card-cover {
    border-radius: 23px;
    overflow: hidden;
    background-color: #FEE3EF;
    position: relative;
    height: 480px;
    padding-bottom: 100px;
        margin-bottom: 35px;
}

.recipe-card-cover figure {
    position: relative;
    margin: 0;
    height: 382px;
    border-radius: 23px;
    overflow: hidden;
    transition: all 0.4s ease;
}

.recipe-card-cover figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.recipe-card-cover .card-content {flex: 0 0 20%;display: flex;flex-direction: column;justify-content: flex-start;padding: 0px 37px 0px 37px;}
.recipe-card-cover.active .card-content {
    flex: 0 0 85%;
}

.recipe-card-cover.active figure {
    height: 154px;
}

.recipe-card-cover .card-content .card-title {
    margin: 0;
    height: 100px;
    font-weight: 700;
    display: flex;
    align-items: center;
    line-height: 1.3;
    position: relative;
        top: -4px;
        width: 100%;
    cursor: pointer;
        padding-right: 30px;
}

.recipe-card-cover .card-content .card-text {
    max-height: 200px;
    overflow: auto;
}
.recipe-card-cover .card-content .card-title:after {
    content: '';
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 0;
    margin-left: 0;
    vertical-align: middle;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    transition: transform 0.4s ease-out;
    position: absolute;
    top: calc(50% - 4px);
    right: -3px;
    transform: translate(0px, -50%) rotate(45deg);
}

.recipe-card-cover.active .card-content .card-title:after {
    transform: translate(0px, -50%) rotate(-135deg);
    top: calc(50% - 0px);
}
/*  recipe-card-cover End */



/* Footer */
footer.footer-section {
    position: relative;
        padding-top: 43px;
}
.footer-content {
    padding: 0 0 44px 0;
}
.footer-content .h5 {
    font-family: "Nunito Sans", sans-serif;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 0.03em;
    font-weight: 800;
        margin-bottom: 5px;
}

.footer-content .copyright {
    font-size: 15px;
    letter-spacing: 0;
}

.footer-content p {
    letter-spacing: 0.03em;
}

.footer-content  .social-icons {
   margin: 18px 0 44px 0;
}
.footer-content .social-icons a {
    font-size: 28px;
    color: #FFF;
}
.footer-content .social-icons a:hover,
.footer-content .social-icons a:focus{
    color: var(--bg-rose-pink);
}

/* Footer End */

/* Footer blue */

.general-block.bg-dark-slate-blue {}

.general-block.bg-dark-slate-blue.below-shape + footer.footer-section {
       margin-top: -8%;
}
.general-block.bg-dark-slate-blue + footer.footer-section .desktop-shape {
    display: none !important;
}

.general-block.bg-dark-slate-blue + footer.footer-section .mobile-shape {
    display: none;
}

.general-block.bg-dark-slate-blue + footer.footer-section .footer-content {
    border-top: 1px solid rgb(255 255 255 / 10%);
    padding-top: 48px;
    width: calc(100%  - 120px);
    margin-left: auto;
    margin-right: auto;
}
.general-block.bg-dark-slate-blue a.bg-rose-pink:hover,
.general-block.bg-dark-slate-blue a.bg-rose-pink:focus {
    color: #344887;
    background: #FFF;
    border-color: #FFF;
}
/* Footer blue End */

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
    .content-with-left-image .content-cover {
position: relative;
                right: -30px;
        top: 8px;
} 
        .side-by-side-block .left-image figure {
    margin-left: -20px;
}
    .side-by-side-block .right-image figure {
    margin-right: -20px;
}
}

@media (min-width: 1365px) {
header.site-header .container {
    max-width: 1327px;
}
.content-with-left-image figure.fix-img {
    left: -9px;
}

.content-with-left-image .content-cover {
 
        right: -47px;
 
}    
section.main_hero_banner .is-btn {
    margin-top: 36px;
}   
    .side-by-side-block .content-part .is-btn {
    margin-top: 36px;
}
        .side-by-side-block .left-image figure {
    margin-left: -30px;
}
    .side-by-side-block .right-image figure {
    margin-right: -30px;
}
    .side-by-side-block .accordion{
        margin-top: 30px;
    }
    .side-by-side-block .right-image .content-part h2 {
    margin-right: -12px;
}
    .content-with-right-image .content-cover h2 {
    margin-right: -15px;
}
    section.general-block .h3 {
  
    margin-bottom: 23px;
}
}

@media (min-width: 1400px) {
 
    .side-by-side-block .left-image figure {
    margin-left: -86px;
}
    .side-by-side-block .left-image .content-part {
    right: -41px;
}
    
    .side-by-side-block .right-image figure{
        margin-right: -86px;
    }
    .side-by-side-block .right-image .content-part {
  
    left: -29px;
 
}
}

@media (max-width: 1199px) {
    
}
@media (max-width: 991px) {
    
}
@media (max-width: 880px) {
    
}
@media (max-width: 767px) {
    
    .side-by-side-block .accordion-thumb{
        padding: 22px 45px 22px 25px;
            font-size: 19px;
    }
    
    
}
@media (max-width: 480px) {
    
}