/*
Theme Name: Nayla Child
Description: Child theme for the Nayla. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>
Author: PeThemes
Author URI: http://pethemes.site
Template: nayla
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* Root */
:root{
    --main-gutter-size: 50px;
    --dark-color: #202020;
}

.elementor-widget-video .elementor-wrapper video{
	background-color: transparent !important;
}

/* GDPR */
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: #202020ed !important;
    border-top: none !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:hover{
    color: #fff !important;
    opacity: 0.5 !important;
}

/* Browser */
::selection {
  color: #000;
  background: #F6F6F6;
}

::-moz-selection {
  color: #000;
  background: #F6F6F6;
}

/* Global */
.site-header {
    margin-bottom: 0px !important;
}

.e-con.e-con-boxed:not(.e-child){
    padding-right: var(--main-gutter-size);
    padding-left: var(--main-gutter-size);
}

body.dark .box-light-bg{
    background-color: var(--dark-color) !important;
}

h5, .text-h5{
    margin: 0px !important;
}

h2.nayla-marquee{
    font-size: 5vw;
}

.container-align-left > .e-con-inner{
    margin-left: 0 !important;
}

.bbd-fullbleed-right{
    flex: 1 1 auto !important;
    width: min(100vw, 1920px) !important;
    margin-right: calc(50% - min(50vw, 960px)) !important;
}

#bbd-t-video .nayla-video.n-youtube .nayla-play-button svg{
	width: 36px;
  	height: auto;
}

#bbd-t-video .nayla-video .play-icon.icon::after{
	background: rgba(0, 0, 0, 0.5) !important;
}

/* Back to Top */
.bbd-back-to-top{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 0px;
    border: none;
    background: #252525;
    box-shadow: 0 6px 18px rgba(136, 136, 136, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    z-index: 9999;
    line-height: 0;
}

.bbd-back-to-top.is-visible{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.bbd-back-to-top:focus-visible{
    outline-offset: 3px;
}

.bbd-back-to-top__icon svg{
    display: block;
    width: 20px;
    height: 20px;
}

/* Menu */
#masthead.dark .menu-toggle.active .toggle-text{
    color: #000;
}

#masthead.dark .menu-toggle.active.has-underline .toggle-text::after{
    background: #000;
}

#site-navigation.fullscreen_menu ul.sub-menu{
    margin-right: 0px !important;
    max-width: none !important;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu{
    padding-top: 10px;
    padding-bottom: 60px;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a{
    font-size: 29px;
    font-weight: 400;
    text-transform: initial;
    line-height: normal;
    padding: 0px;
    border: unset !important;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li:not(:last-child) a{
    padding-bottom: 5px;
}

.bbd-menu-align-right.elementor-widget-nav-menu{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bbd-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item > a.elementor-item{
    display: inline-block;
    cursor: pointer;
}

.bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item a .sub-arrow{
    display: none !important;
}

.bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu{
    float: right;
}

.bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item{
    margin-left: auto;
}

.bbd-menu.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item > a.elementor-item:focus,
.bbd-menu.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a:focus,
.bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item > a.elementor-item:focus,
.bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a:focus{
    outline: none !important;
}

.bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item > a.elementor-item{
    flex-direction: column;
    align-items: end;
    cursor: pointer;
}

.bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a{
    float: right;
}

/* Theme override */
.text-wrapper{
    margin-bottom: 0px !important;
}

.text-wrapper a::after{
    height: 1px !important;
}

.text-wrapper .text-p p:not(:last-child){
    padding-bottom: 25px;
}

.text-wrapper .text-p p strong{
    font-weight: 600;
}

.nayla-list li {
    padding-bottom: 0px !important;
}

.elementor-button-text{
    text-align: initial !important;
}

.nayla-accordion .accordion-wrap .accordion-item.active .accordion-title .text-p{
    font-weight: 600;
}

.nayla-accordion .accordion-wrap .accordion-item .accordion-title{
    padding-bottom: 20px;
    padding-top: 15px;
}

.nayla-accordion .accordion-content-wrap{
    margin-top: 20px;
    max-width: 970px;
}

.nayla-accordion .accordion-content-wrap p:not(:last-child){
    padding-bottom: 20px;
}

.nayla-accordion .accordion-content-wrap ul,
.text-wrapper .text-p ul{
    padding-left: 10px;
    padding-bottom: 25px;
}

.nayla-accordion .accordion-content-wrap ul li,
.text-wrapper .text-p ul li{
    position: relative;
    padding-left: 15px;
}

.nayla-accordion .accordion-content-wrap ul li:not(:last-child),
.text-wrapper .text-p ul li:not(:last-child){
    padding-bottom: 5px;
}


.nayla-accordion .accordion-content-wrap ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
}

/*
.text-wrapper .text-p ul li::before,
.nayla-accordion .accordion-content-wrap ul li::before {
  opacity: 0;
  transition: opacity 1.5s ease;
}

.has-anim-text.anim_start ul li::before,
.has-anim-text.is-inview ul li::before {
  opacity: 1;
}

.has-anim-text.anim_start ul li:nth-child(1)::before { transition-delay: .00s; }
.has-anim-text.anim_start ul li:nth-child(2)::before { transition-delay: .10s; }
.has-anim-text.anim_start ul li:nth-child(3)::before { transition-delay: .20s; }
.has-anim-text.anim_start ul li:nth-child(4)::before { transition-delay: .30s; }
.has-anim-text.anim_start ul li:nth-child(5)::before { transition-delay: .40s; }
.has-anim-text.anim_start ul li:nth-child(6)::before { transition-delay: .50s; }
.has-anim-text.anim_start ul li:nth-child(7)::before { transition-delay: .60s; }
.has-anim-text.anim_start ul li:nth-child(8)::before { transition-delay: .70s; }
*/

.nayla-accordion .accordion-title::after{
    height: 2px !important;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.10) 100%) !important;
} 

.nayla-accordion .accordion-title::before{
    height: 2px !important;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.10) 100%) !important;
}

.bbd-accordion-positions .nayla-accordion .accordion-title::after,
.bbd-accordion-positions .nayla-accordion .accordion-title::before{
    height: 1px !important;
}

.nayla-info-box{
    margin-bottom: 0px !important;
}

.nayla-info-box.has-bg {
    padding: 30px 40px 50px 30px !important;
}

.menu-toggle .toggle-text span{
    font-family: "Degular";
    font-weight: 500;
    line-height: normal;
}

.nayla-testimonials .testimonials-nav{
    color: #8F8F8F;
    font-family: "Degular";
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 30px;
}

.nayla-testimonials .testimonials-nav .testimonials-fraction,
.nayla-testimonials .testimonials-nav .testimonials-navigation{
	display: none !important;
}

.nayla-testimonials .testimonials-nav .testimonials-navigation .test-prev::after{
	margin-right: 5px;
}

.nayla-testimonials .testimonial-content{
    margin-bottom: 70px;
}

.nayla-testimonials .testimonial-content p{
    margin: 0px;
}

.nayla-testimonials .testimonial-content p:not(:last-child){
    padding-bottom: 30px;
}

.single-blog-post.post_horizontal.bordered::after, 
.single-blog-post.post_horizontal.bordered::before{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.05) 100%) !important;
}

.single-blog-post.post_horizontal.no-bg .post-details .post-meta .post-date .posted-on a{
    color: #909090;
    font-family: "Degular";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
}

.single-blog-post.post_horizontal .post-excerpt p{
    color: #000;
    font-family: "Degular";
    font-size: 20px;
}

.single-blog-post .post-button .nayla-button a{
    color: #000;
    font-family: "Degular";
    font-size: 20px;
    font-weight: 700;
}

.grid--posts .single-blog-post .post-button .nayla-button a{
    font-weight: 600;
}

.nayla-posts-grid .nayla-load-more .nbp--load-more{
    padding: 15px 30px 15px 30px;
}

.single-blog-post .post-details .post-meta .post-date .posted-on a{
    color: #909090;
    font-family: "Degular";
    font-size: 20px;
    font-weight: 500;
}

.grid--posts .single-blog-post.no-bg .post-details{
    padding-top: 20px !important;
    margin-top: 0px !important;
}

.nayla-posts-grid .grid--filters > ul > li{
    font-family: "Degular";
    font-size: 20px;
    font-weight: 500;
    padding: 12px 25px !important;
    margin-right: 20px !important;
    margin-bottom: 10px !important;
}

.nayla-clients-carousel .client img{
    width: 75% !important;
}

/* Custom BBD */
.t-dark-bg .text-wrapper a::after{
    background: #fff;
}

.c-marg-right > .e-con-inner{
    margin-right: 0 !important;
}

.c-marg-left > .e-con-inner{
    margin-left: 0 !important;
}

.grad-line.off-grid .elementor-divider{
    width:100dvw;
    margin-right:calc(50% - 50vw);
}

.grad-line .elementor-divider .elementor-divider-separator{
    background:
    linear-gradient(90deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.05) 100%) bottom / 100% 2px no-repeat,
    #fff;
}

.grad-line-dark .elementor-divider .elementor-divider-separator{
    background:
    linear-gradient(90deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.05) 100%) bottom / 100% 2px no-repeat,
    rgba(0, 0, 0, 0.10);
}

.btn-grad-text a.elementor-button .elementor-button-content-wrapper,
.btn-grad-text-grey a.elementor-button .elementor-button-content-wrapper,
.btn-grad-text-grey-dark a.elementor-button .elementor-button-content-wrapper{
    display: inline !important;
}

.btn-grad-text a.elementor-button,
.btn-grad-text-grey a.elementor-button,
.btn-grad-text-grey-dark a.elementor-button{
    text-align: left;
}

.btn-align-center a.elementor-button{
    text-align: center;
}

.btn-grad-text a.elementor-button{
    background: linear-gradient(90deg, #000 0%, rgba(200, 200, 200, 0.95) 98.56%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-grad-text a.elementor-button .elementor-button-text{
    display: inline;
    padding-bottom: 1px;
    background-image: linear-gradient(90deg, #000 0%, rgba(200, 200, 200, 0.95) 98.56%);
    background-repeat: repeat-x;
    background-size: 100% 2px;
    background-position: 0 100%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.btn-grad-text-grey a.elementor-button{
    background: linear-gradient(90deg, rgba(200, 200, 200, 0.95) 1.44%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-grad-text-grey a.elementor-button .elementor-button-text{
    display: inline;
    padding-bottom: 1px;
    background-image: linear-gradient(90deg, rgba(200, 200, 200, 0.95) 1.44%, #FFF 100%);
    background-repeat: repeat-x;
    background-size: 100% 2px;
    background-position: 0 100%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.btn-grad-text-grey-dark a.elementor-button{
    background: linear-gradient(90deg, #FFF 0%, rgba(200, 200, 200, 0.95) 98.56%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-grad-text-grey-dark a.elementor-button .elementor-button-text{
    display: inline;
    padding-bottom: 1px;
    background-image: linear-gradient(90deg, #FFF 0%, rgba(200, 200, 200, 0.95) 98.56%);
    background-repeat: repeat-x;
    background-size: 100% 2px;
    background-position: 0 100%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.stretch-img .single-image,
.stretch-img .single-image img{
    height: 100%;
}

.bbd-footer-copyrights a::after{
    background: #7B7B7B !important;
}

/* Carousel */
#bbd-carousel .elementor-swiper-button-prev,
#bbd-carousel .elementor-swiper-button-next{
  visibility: hidden;
}

#bbd-carousel-prev,
#bbd-carousel-next{
  cursor: pointer;
}

#bbd-carousel-prev.swiper-button-disabled,
#bbd-carousel-next.swiper-button-disabled {
  pointer-events: none;
  opacity: .35;
  cursor: default;
}

/* Elementor Forms */
.elementor-message-svg::before{
    content: unset !important;
}

form.elementor-form .elementor-message{
    margin-top: 20px;
}

form.elementor-form .elementor-button .elementor-form-spinner{
    display: none !important;
}

form.elementor-form .elementor-button[type="submit"]{
    background-color: transparent !important;
}

/* Single Blog */
body.light.single-post {
    --mainBackground: #EBEBEB !important;
}

body.single-post article.single-blog-post{
    float: initial !important;
    margin-bottom: 160px;
}

body.single-post article.single-blog-post .wrapper{
    max-width: 1810px;
    padding: 0 35px;
    margin-bottom: 0px;
}

body.single-post article.single-blog-post.split .single-post-header .post-title {
  font-family: "Degular";
  font-size: 4.1vw;
  font-weight: 500;
  line-height: 1.1em;
  margin-bottom: 150px;
  margin-top: 60px;
  letter-spacing: 0px;
}

body.single-post article.single-blog-post .entry-meta{
    width: 38%;
}

body.single-post article.single-blog-post .entry-content{
    font-family: "Degular";
    width: 60%;
}

body.single-post article.single-blog-post .entry-content p,
body.single-post article.single-blog-post .entry-content ul li,
body.single-post article.single-blog-post .entry-content ol li{
    font-size: 22px;
    line-height: 1.2em;
}

body.single-post article.single-blog-post .entry-content h4{
    font-size: 24px;
    line-height: 1.1em;
    letter-spacing: 0px;
}

body.single-post article.single-blog-post .entry-content p strong,
body.single-post article.single-blog-post .entry-content ul li strong,
body.single-post article.single-blog-post .entry-content ol li strong,
body.single-post article.single-blog-post .entry-content h4 strong{
    font-weight: 600;
}

body.single-post article.single-blog-post .entry-content ul{
    padding-left: 10px;
}

body.single-post article.single-blog-post .entry-content ul li{
    position: relative;
    padding-left: 15px;
}

body.single-post article.single-blog-post .entry-content ul li:not(:last-child){
    padding-bottom: 5px;
}

body.single-post article.single-blog-post .entry-content ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
}

body.single-post article.single-blog-post .entry-content p a{
    text-decoration: underline;
}

body.single-post article.single-blog-post .entry-content ol{
    padding-left: 30px;
    margin: 0px;
}

body.single-post article.single-blog-post .entry-content figure.wp-block-image{
    margin: 40px 0px;
}

body.single-post article.single-blog-post.split .single-post-page .post-toc{
    display: block;
    float: left;
    width: 100%;
    margin-top: 1em;
}

body.single-post article.single-blog-post.split .single-post-page .post-toc .bbd-toc__link{ 
    color:#8a8a8a; 
    text-decoration:none; 
}

body.single-post article.single-blog-post.split .single-post-page .post-toc .bbd-toc__link.is-active{ 
    color:#000; 
    font-weight:600; 
}

body.single-post article.single-blog-post.split .single-post-page .post-meta{
    opacity: 1 !important;
}

body.single-post article.single-blog-post.split .single-post-page .post-meta > div span.post-met-title{
    color: #7F7F7F;
    font-family: "Degular";
    margin-bottom: 0px;
    font-size: 19px;
}

body.single-post article.single-blog-post.split .single-post-page .post-meta > div span.posted-on a{
    color: #7F7F7F;
    font-family: "Degular";
    font-size: 20px;
    font-weight: 500;
}

body.single-post article.single-blog-post.split .single-post-page .post-title-sub{
    font-family: "Degular";
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1em;
}

body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post{
    border-top: unset !important;
}

body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.50) 0%,
      rgba(0, 0, 0, 0.10) 100%
    );
}

body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post > a{
    width: 40%;
}

body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post:hover .single-post-image img {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post .post-details{
    padding: 55px !important;
    width: 60%;
}

body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-meta{
    opacity: 1 !important;
}

body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-meta > div span.posted-on a{
    color: #7F7F7F;
    font-family: "Degular";
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-details .post-title{
    font-family: "Degular";
    font-size: 3.3vw;
    font-weight: 500;
    line-height: 1.1em;
}

body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-details .post-button a{
    font-family: "Degular";
    font-size: 25px;
    font-weight: 500;
    line-height: 1em;
    text-decoration: underline;
}

/* 404 */
.error-404 .page-title,
.error-404 .page-content p,
.error-404 form#searchform input{
    font-family: "Degular";
}

.error-404 .wrapper{
    max-width: 700px !important;
}

body.error404 #footer{
    display: block !important;
}

body.error404 .page-content .return-home{
    font-family: "Degular";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-decoration-line: underline;
    color: var(--mainBackground);
}

/* Archives */
body.archive .archive-section > .wrapper{
    max-width: 1810px;
    padding: 0 35px;
}

body.archive .archive-section header.page-header .page-title{
    font-family: "Degular";
    font-size: 4.1vw;
    font-weight: 500;
    line-height: 1.1em;
}

body.archive .archive-section > .wrapper > .c-col-8{
    width: 100%;
}

body.archive .archive-section > .wrapper .nayla-posts-wrap{
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px;
}

body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-title{
    font-family: "Degular";
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1em;
}

body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-meta{
    opacity: 1;
}

body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-details .post-meta .post-date .posted-on a{
    color: #909090;
    font-family: "Degular";
    font-size: 20px;
    font-weight: 500;
}

body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post.has-thumbnail .post-details{
    padding: 40px 30px 0px 0px;
    background-color: transparent !important;
}

body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-button a{
    font-family: "Degular";
    font-size: 20px;
    font-weight: 600;
    text-decoration-line: underline;
}

/* Form */
.bbd-form form.elementor-form .elementor-field-group input[type="text"],
.bbd-form form.elementor-form .elementor-field-group input[type="email"],
.bbd-form form.elementor-form .elementor-field-group input[type="tel"]{
    padding: 10px 3px;
}

.bbd-form form.elementor-form .elementor-field-group .elementor-field-textual:focus{
    box-shadow: unset;
}

.bbd-form form.elementor-form textarea.elementor-field-textual{
    padding: 3px 3px;
}

.bbd-form form.elementor-form .elementor-field-group-message{
    margin-bottom: 75px !important;
}

.bbd-form form.elementor-form .elementor-message {
    margin-top: 60px;
}

/* Form CTA*/
.bbd-form-cta form.elementor-form .elementor-field-group input[type="text"],
.bbd-form-cta form.elementor-form .elementor-field-group input[type="email"],
.bbd-form-cta form.elementor-form .elementor-field-group input[type="tel"]{
    background: linear-gradient(90deg, #FFF 74.52%, rgba(255, 255, 255, 0.00) 100%) !important;
    padding: 15px 15px;
}

.bbd-form-cta form.elementor-form .elementor-field-group input[type="text"]:focus,
.bbd-form-cta form.elementor-form .elementor-field-group input[type="email"]:focus,
.bbd-form-cta form.elementor-form .elementor-field-group input[type="tel"]:focus{
    box-shadow: unset;
}

.bbd-form-cta form.elementor-form .elementor-field-type-html{
    margin: 50px 0px !important;
    max-width: 470px;
}

.bbd-form-cta form.elementor-form .elementor-field-type-submit .elementor-button{
    background: linear-gradient(90deg, rgba(200, 200, 200, 0.95) 1.44%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bbd-form-cta form.elementor-form .elementor-field-type-submit .elementor-button .elementor-button-text{
    display: inline;
    padding-bottom: 1px;
    background-image: linear-gradient(90deg, rgba(200, 200, 200, 0.95) 1.44%, #FFF 100%);
    background-repeat: repeat-x;
    background-size: 100% 2px;
    background-position: 0 100%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* Form Contacts */
.bbd-form-contacts form.elementor-form .elementor-field-group input[type="text"],
.bbd-form-contacts form.elementor-form .elementor-field-group input[type="email"],
.bbd-form-contacts form.elementor-form .elementor-field-group input[type="tel"],
.bbd-form-contacts form.elementor-form .elementor-field-group textarea{
    border-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.10) 100% ) 1;
}

.bbd-form-contacts form.elementor-form .elementor-field-type-submit{
    padding-right: 25px !important;
}

.bbd-form-contacts form.elementor-form .elementor-field-type-submit .elementor-button{
    background: linear-gradient(90deg, #000 0%, rgba(200, 200, 200, 0.95) 98.56%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bbd-form-contacts form.elementor-form .elementor-field-type-submit .elementor-button .elementor-button-text{
    display: inline;
    padding-bottom: 1px;
    background-image: linear-gradient(90deg, #000 0%, rgba(200, 200, 200, 0.95) 98.56%);
    background-repeat: repeat-x;
    background-size: 100% 2px;
    background-position: 0 100%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* Form Newsletter */
.bbd-form-newsletter form.elementor-form .elementor-field-type-email{
    margin-bottom: 25px !important;
}

.bbd-form-newsletter form.elementor-form .elementor-field-type-email input[type="email"]{
    padding: 10px 0;
}

/* === Custom acceptance checkbox (Elementor Forms) === */
.bbd-form-newsletter form.elementor-form .elementor-field-type-acceptance .elementor-field-option{
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

/* Hide native checkbox but keep it accessible/clickable via label */
.bbd-form-newsletter form.elementor-form .elementor-field-type-acceptance .elementor-acceptance-field{
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}

/* Make label the visual control */
.bbd-form-newsletter form.elementor-form .elementor-field-type-acceptance .elementor-field-option > label{
    position: relative;
    cursor: pointer;
    color: #ffffffd9;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.1em;
    letter-spacing: 0.5px;
    padding-left: 25px;
    user-select: none;
}

/* The square outline */
.bbd-form-newsletter form.elementor-form .elementor-field-type-acceptance .elementor-field-option > label::before{
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    box-sizing: border-box;
    background: transparent;
}

/* The check mark (hidden by default) */
.bbd-form-newsletter form.elementor-form .elementor-field-type-acceptance .elementor-field-option > label::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}

/* Show check mark when checked */
.bbd-form-newsletter form.elementor-form .elementor-field-type-acceptance .elementor-acceptance-field:checked + label::after{
    opacity: 1;
}

/* Optional: focus style for keyboard users */
.bbd-form-newsletter form.elementor-form .elementor-field-type-acceptance .elementor-acceptance-field:focus-visible + label::before{
    outline: 3px solid rgba(255,255,255,.6);
    outline-offset: 6px;
}

/* Projects */
.portfolio-grid.col-2 .grid-projects-wrapper .grid-project a{
    display: block;
} 

.portfolio-grid .grid-layout-switcher span{
    font-family: "Degular";
    font-size: 21px;
    text-transform: uppercase;
}

.portfolio-grid .npg-load-more{
    margin: 200px 0px 0px;
}

.portfolio-grid .projects-load-more{
    font-family: "Degular";
    font-size: 20px;
    font-weight: 500;
    padding: 14px 30px;
    display: inline-block;
    border: 1px solid var(--mainColor);
    border-radius: 35px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    user-select: none;
    cursor: pointer;
}

.portfolio-grid .projects-load-more:hover{
    color: #fff;
}

.portfolio-grid .projects-load-more::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 00%;
    background: var(--mainColor);
    left: 0;
    z-index: -1;
    transition: height .3s ease-in-out;
}

.portfolio-grid .projects-load-more:hover:after{
    height: 100%;
    -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: unset;
    animation-duration: unset;
    -webkit-animation-play-state: unset;
    animation-play-state: unset;
    -webkit-animation-timing-function: unset;
    animation-timing-function: unset;
}

/* Showcase */
#bbd-showcase-list .showcase-list .showcase-project::before{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Degular";
    font-size: 45px;
    font-weight: 500;
}

/* Single Project */
body.single-portfolio .nayla-next-project,
body.single-case-studies .nayla-next-project{
    background: #EBEBEB;
}

body.single-portfolio .nayla-next-project .next-project-title .marquee-wrap .md-title,
body.single-case-studies .nayla-next-project .next-project-title .marquee-wrap .md-title{
    color: #000;
    font-family: "Degular";
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 0px;
    text-transform: uppercase;
}

body.single-portfolio .nayla-next-project .next-project-caption,
body.single-case-studies .nayla-next-project .next-project-caption{
    color: #000;
    font-family: "Degular";
    font-size: 31px;
    font-weight: 500;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
}

body.single-portfolio .nayla-next-project .next-project-metas{
    display: none !important;
}

/*******************************************************************************************/
/****************************************** MEDIA ******************************************/
/*******************************************************************************************/
@media (min-width: 1920px) {
    /* Global */
    h2.nayla-marquee{
        font-size: 97px !important;
    }

    /* Theme override */
    .text-wrapper h1{
        font-size: 97px !important;
    }

    .text-wrapper h2,
    .text-wrapper .text-h2 *{
        font-size: 90px !important;
    }

    .text-wrapper h3{
        font-size: 80px !important;
    }

    .text-wrapper h4,
    .text-wrapper .text-h4 *{
        font-size: 70px !important;
    }

    .heading-wwd .text-wrapper .text-h2 *{
        font-size: 131px !important;
    }

    .heading-wwds .text-wrapper .text-h2 *{
        font-size: 120px !important;
    }

    body.single-post article.single-blog-post.split .single-post-header .post-title{
        font-size: 80px;
    }

    body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-details .post-title{
        font-size: 65px;
    }

    body.archive .archive-section header.page-header .page-title{
        font-size: 80px;
    }

    /* Showcase */
    .showcase-list .showcase-project .project-title{
        font-size: 200px !important;
    }
}

@media (max-width: 1500px){ 
    /* Theme Override */
    .nayla-testimonials .testimonials-nav{
        font-size: 26px;
    }

    /* Showcase */
    #bbd-showcase-list .showcase-list .showcase-project::before{
        font-size: 38px;
    }
}

@media (max-width: 1366px){
    /* Menu */
    .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a{
        font-size: 27px;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu{
        padding-bottom: 50px;
    }

    /* Blog */
    .nayla-posts-grid .grid--posts{
        grid-gap: 50px 35px !important;
    }

    /* Single Blog */
    body.single-post article.single-blog-post{
        margin-bottom: 120px;
    }

    body.single-post article.single-blog-post .wrapper{
        padding: 0 35px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-title-sub{
        font-size: 26px;
        max-width: 70%;
    }

    body.single-post article.single-blog-post.split .single-post-header .post-title{
        margin-bottom: 130px;
    }

    /* 404 */
    .error-404 .wrapper{
        max-width: 600px !important;
    }

    /* Archives */
    body.archive .archive-section{
        margin-bottom: 80px;
    }

    body.archive .archive-section > .wrapper {
        margin-bottom: 0px;
    }
    
    body.archive .archive-section > .wrapper .nayla-posts-wrap {
        grid-gap: 25px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post.has-thumbnail .post-details{
        padding: 30px 20px 0px 0px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-details .post-meta .post-date .posted-on a{
        font-size: 19px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-title{
        font-size: 26px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-button{
        margin-top: 30px;
    }

    /* Form */
    .bbd-form form.elementor-form .elementor-field-group-message {
        margin-bottom: 65px !important;
    }

    /* Form CTA*/
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="text"],
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="email"],
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="tel"]{
        background: linear-gradient(90deg, #FFF 74.52%, rgba(255, 255, 255, 0.00) 100%) !important;
        padding: 13px 14px;
    }

    .bbd-form-cta form.elementor-form .elementor-field-type-html{
        margin: 20px 0px 35px !important;
    }

    /* Projects */
    .portfolio-grid .grid-controls{
        padding-bottom: 20px;
    }

    .portfolio-grid .grid-layout-switcher span{
        font-size: 19px;
    }

    .portfolio-grid .npg-load-more{
        margin: 150px 0px 0px;
    }

    .portfolio-grid .projects-load-more{
        font-size: 19px;
    }

    /* Showcase */
    #bbd-showcase-list .showcase-list .showcase-project::before{
        font-size: 32px;
    }

    /* Single Project */
    body.single-portfolio .nayla-next-project .next-project-caption,
    body.single-case-studies .nayla-next-project .next-project-caption{
        font-size: 27px;
    }
}

@media (max-width: 1200px){ 
    /* Site Global */
    :root{
        --main-gutter-size: 40px;
    }

    .e-con.e-con-boxed:not(.e-child){
        padding-right: var(--main-gutter-size);
        padding-left: var(--main-gutter-size);
    }

    /* Menu */
    .menu-toggle .toggle-text span{
        font-size: 22px;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a{
        font-size: 25px;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu{
        padding-bottom: 45px;
    }

    /* Theme Override */
    .nayla-testimonials .testimonials-nav{
        font-size: 24px;
    }

    .nayla-testimonials .testimonial-content {
        margin-bottom: 60px;
    }

    /* Blog */
    article.single-blog-post.post_horizontal .thmb {
        width: 40%;
    }

    article.single-blog-post.post_horizontal .post-title,
    article.single-blog-post.post_horizontal .post-excerpt {
        max-width: 95%;
    }

    article.single-blog-post.post_horizontal.no-bg .post-details .post-meta .post-date .posted-on a{
        font-size: 20px;
    }

    article.single-blog-post.post_horizontal .post-excerpt p,
    article.single-blog-post .post-button .nayla-button a,
    article.single-blog-post .post-details .post-meta .post-date .posted-on a{
        font-size: 19px;
    }

    .nayla-posts-grid .grid--filters > ul > li{
        font-size: 19px;
        padding: 10px 20px !important;
        margin-right: 15px !important;
        margin-bottom: 10px !important;
    }

    /* Single Blog */
    body.single-post article.single-blog-post{
        margin-bottom: 100px;
    }
    
    body.single-post article.single-blog-post .wrapper,
    body.archive .archive-section > .wrapper{
        padding: 0 25px;
    }

    body.single-post article.single-blog-post.split .single-post-header .post-title{
        margin-bottom: 120px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-title-sub{
        font-size: 24px;
        max-width: 80%;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-featured-image{
        max-width: 100%;
    }

    body.single-post article.single-blog-post .entry-content p, 
    body.single-post article.single-blog-post .entry-content ul li, 
    body.single-post article.single-blog-post .entry-content ol li{
        font-size: 20px;
    }

    body.single-post article.single-blog-post .entry-content h4{
        font-size: 22px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-meta > div span.post-met-title{
        font-size: 18px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-meta > div span.posted-on a{
        font-size: 19px;
    }

    body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post .post-details{
        padding: 40px 35px !important;
    }

    body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-details .post-button a{
        font-size: 22px;
    }

    /* Archives */
    body.archive .archive-section{
        margin-bottom: 80px;
    }

    body.archive .archive-section > .wrapper {
        margin-bottom: 0px;
    }
    
    body.archive .archive-section > .wrapper .nayla-posts-wrap {
        grid-gap: 20px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post.has-thumbnail .post-details{
        padding: 30px 20px 0px 0px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-details .post-meta .post-date .posted-on a{
        font-size: 18px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-title{
        font-size: 25px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-button{
        margin-top: 30px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-button a{
        font-size: 19px;
    }

    /* Form */
    .bbd-form form.elementor-form .elementor-field-group-message {
        margin-bottom: 55px !important;
    }

    /* Form CTA*/
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="text"],
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="email"],
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="tel"]{
        background: linear-gradient(90deg, #FFF 74.52%, rgba(255, 255, 255, 0.00) 100%) !important;
        padding: 13px 12px;
    }

    .bbd-form-cta form.elementor-form .elementor-field-type-html{
        margin: 15px 0px 30px !important;
    }

    /* Projects */
    .portfolio-grid .grid-controls{
        padding-bottom: 20px;
    }

    .portfolio-grid .grid-layout-switcher span{
        font-size: 18px;
    }

    .portfolio-grid .npg-load-more{
        margin: 120px 0px 0px;
    }

    .portfolio-grid .projects-load-more{
        font-size: 18px;
        padding: 13px 30px;
    }

    /* Showcase */
    #bbd-showcase-list .showcase-list .showcase-project::before{
        font-size: 28px;
    }

    /* Single Project */
    body.single-portfolio .nayla-next-project .next-project-caption,
    body.single-case-studies .nayla-next-project .next-project-caption{
        font-size: 25px;
    }
}

@media (max-width: 1024px){ 
    /* Site Global */
    :root{
        --main-gutter-size: 30px;
    }

    .e-con.e-con-boxed:not(.e-child){
        padding-right: var(--main-gutter-size);
        padding-left: var(--main-gutter-size);
    }

    /* Global */
    h2.nayla-marquee{
        font-size: 58px !important;
    }
	
	#bbd-t-video .nayla-video.n-youtube .nayla-play-button svg{
		width: 26px;
	}
	
	#bbd-t-video .nayla-video .play-icon.icon::after{
		width: 85px;
  		height: 85px;
	}

    /* Custom */
    .stretch-img-tablet .single-image img{
        height: 360px !important;
    }

    /* Menu */
    .menu-toggle .toggle-text span{
        font-size: 21px;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a{
        font-size: 23px;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu{
        padding-bottom: 40px;
    }

    /* Theme Override */
    .nayla-testimonials .testimonials-nav{
        font-size: 22px;
    }

    .nayla-testimonials .testimonial-content {
        margin-bottom: 50px;
    }

    /* Blog */
    .nayla-posts-grid .grid--posts{
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 40px 30px !important;
    }

    article.single-blog-post.post_horizontal .thmb {
        width: 50%;
    }

    article.single-blog-post.post_horizontal .post-title,
    article.single-blog-post.post_horizontal .post-excerpt {
        max-width: 100%;
    }

    article.single-blog-post.post_horizontal.no-bg .post-details .post-meta .post-date .posted-on a{
        font-size: 19px;
    }

    article.single-blog-post.post_horizontal .post-excerpt p,
    article.single-blog-post .post-button .nayla-button a,
    article.single-blog-post .post-details .post-meta .post-date .posted-on a{
        font-size: 18px;
    }

    .nayla-posts-grid .grid--filters > ul > li{
        font-size: 18px;
        padding: 10px 20px !important;
        margin-right: 15px !important;
        margin-bottom: 10px !important;
    }

    /* Single Blog */
    body.single-post article.single-blog-post{
        margin-bottom: 80px;
    }

    body.single-post article.single-blog-post .wrapper,
    body.archive .archive-section > .wrapper{
        padding: 0 15px;
    }

    body.single-post article.single-blog-post .single-post-header .post-title-wrap{
        width: 100%;
    }

    body.single-post article.single-blog-post.split .single-post-header .post-title{
        font-size: 46px;
        margin-top: 50px;
        margin-bottom: 100px;
    }

    body.single-post article.single-blog-post .entry-content p, 
    body.single-post article.single-blog-post .entry-content ul li, 
    body.single-post article.single-blog-post .entry-content ol li{
        font-size: 19px;
    }

    body.single-post article.single-blog-post .entry-content h4{
        font-size: 21px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-meta > div span.post-met-title{
        font-size: 17px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-meta > div span.posted-on a{
        font-size: 18px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-title-sub{
        font-size: 20px;
        max-width: 85%;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-featured-image{
        max-width: 100%;
    }

    body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post .post-details{
        padding: 30px 40px !important;
    }

    body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-details .post-button a{
        font-size: 20px;
    }

    body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-details .post-title{
        font-size: 28px;
    }

    body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post{
        margin-top: 80px;
    }

    /* Archives */
    body.archive .archive-section{
        margin-bottom: 60px;
    }

    body.archive .archive-section > .wrapper {
        margin-bottom: 0px;
    }
    
    body.archive .archive-section > .wrapper .nayla-posts-wrap {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 25px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post.has-thumbnail .post-details{
        padding: 25px 20px 0px 0px;
    }

    body.archive .archive-section header.page-header .page-title{
        font-size: 46px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-details .post-meta .post-date .posted-on a{
        font-size: 17px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-title{
        font-size: 24px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-button{
        margin-top: 25px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-button a{
        font-size: 18px;
    }

    /* Form */
    .bbd-form form.elementor-form .elementor-field-group-message {
        margin-bottom: 40px !important;
    }

    /* Form CTA*/
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="text"],
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="email"],
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="tel"]{
        background: linear-gradient(90deg, #FFF 74.52%, rgba(255, 255, 255, 0.00) 100%) !important;
        padding: 13px 12px;
    }

    .bbd-form-cta form.elementor-form .elementor-field-type-html{
        margin: 15px 0px 30px !important;
        max-width: 420px;
    }

    /* Projects */
    .portfolio-grid .grid-controls{
        padding-bottom: 20px;
    }

    .portfolio-grid .grid-layout-switcher span{
        font-size: 17px;
    }

    .portfolio-grid .npg-load-more{
        margin: 100px 0px 0px;
    }

    .portfolio-grid .projects-load-more{
        font-size: 17px;
        padding: 12px 28px;
    }

    /* Pin Column */
    #bbd-contacts-pin-column,
    #bbd-mapa-pin-column{
        translate: none !important;
        rotate: none !important;
        scale: none !important;
        transform: unset !important;
    }

    /* Showcase */
    #bbd-showcase-list .showcase-list .showcase-project::before{
        font-size: 25px;
    }

    /* Form Newsletter */
    .bbd-form-newsletter form.elementor-form .elementor-field-type-email {
        margin-bottom: 20px !important;
    }

    .bbd-form-newsletter form.elementor-form .elementor-field-type-acceptance .elementor-field-option > label{
        max-width: 300px;
    }

    /* Single Project */
    body.single-portfolio .nayla-next-project .next-project-caption,
    body.single-case-studies .nayla-next-project .next-project-caption{
        font-size: 23px;
    }
}

@media (max-width: 880px){ 
    /* Global */
    h2.nayla-marquee{
        font-size: 50px !important;
    }

    /* Menu */
    .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a{
        font-size: 21px;
    }

    /* Single Blog */
    body.single-post article.single-blog-post.split .single-post-header .post-title{
        font-size: 38px;
    }

    /* Archives */
    body.archive .archive-section header.page-header .page-title{
        font-size: 38px;
    }

    /* Form */
    .bbd-form form.elementor-form .elementor-field-group-message {
        margin-bottom: 35px !important;
    }

    /* Single Project */
    body.single-portfolio .nayla-next-project .next-project-caption,
    body.single-case-studies .nayla-next-project .next-project-caption{
        font-size: 22px;
    }
}

@media (max-width: 767px){ 
    /* Site Global */
    :root{
        --main-gutter-size: 20px;
    }

    .e-con.e-con-boxed:not(.e-child){
        padding-right: var(--main-gutter-size);
        padding-left: var(--main-gutter-size);
    }
	
	#bbd-t-video .nayla-video.n-youtube .nayla-play-button svg{
		width: 22px;
	}
	
	#bbd-t-video .nayla-video .play-icon.icon::after{
		width: 70px;
  		height: 70px;
	}

    /* Global */
    h2.nayla-marquee{
        font-size: 36px !important;
    }

    .text-wrapper .text-p ul li {
        padding-left: 0px;
    }

    .bbd-fullbleed-right{
        width: 100vw !important;
        margin-left:  calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        max-width: none !important;
    }

    /* Menu */
    .menu-toggle .toggle-text span{
        font-size: 20px;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu{
        padding-bottom: 30px;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a{
        font-size: 19px;
    }

    .bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu{
        display: block;           /* Elementor default-ish */
        justify-content: initial;
        flex-direction: initial;
    }
  
    .bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item{
        margin-left: 0;
    }
  
    .bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu,
    .bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item.menu-item-has-children ul.sub-menu > li a{
        float: none;
    }
  
    .bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item a .sub-arrow{
        display: inline-block !important;
    }

    .bbd-menu-align-right.elementor-widget-nav-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu > li.menu-item > a.elementor-item{
        align-items: start;
    }

    /* Theme Override */
    .nayla-testimonials .testimonials-nav{
        font-size: 18px;
    }

    .nayla-testimonials .testimonial-content {
        margin-bottom: 40px;
    }

    /* Custom */
    .stretch-img-mobile .single-image img{
        height: 300px !important;
    }

    .img-max-height .single-image img{
        max-height: 300px !important;
    }

    /* Blog */
    .single-blog-post .post-details .post-meta .post-date .posted-on a,
    .single-blog-post.post_horizontal.no-bg .post-details .post-meta .post-date .posted-on a{
        font-size: 17px;
    }

    .nayla-posts-grid .grid--filters > ul > li{
        font-size: 15px;
        padding: 10px 20px !important;
        margin-right: 5px !important;
        margin-bottom: 8px !important;
    }

    .single-blog-post.post_horizontal .post-excerpt p{
        font-size: 16px;
    }

    .single-blog-post .post-button .nayla-button a{
        font-size: 16px;
    }

    .nayla-posts-grid .grid--posts{
        grid-gap: 30px !important;
    }

    .grid--posts .single-blog-post.no-bg .post-details {
        padding-top: 0px !important;
    }

    .single-blog-post.post_horizontal .thmb {
        width: 100% !important;
    }

    .single-blog-post.post_horizontal{
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    article.single-blog-post.post_horizontal.no-bg .post-details{
        padding: 20px 0 0 0px !important;
        width: 100% !important;
    }

    /* Single Blog */
    body.single-post article.single-blog-post .entry-content,
    body.single-post article.single-blog-post .entry-meta{
        width: 100%;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-title-sub{
        display: none !important;
    }

    body.single-post article.single-blog-post{
        margin-bottom: 40px;
    }

    body.single-post article.single-blog-post .wrapper,
    body.archive .archive-section > .wrapper{
        padding: 0 5px;
    }

    body.single-post article.single-blog-post.split .single-post-header .post-title{
        font-size: 27px;
        margin-bottom: 60px;
        margin-top: 30px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-featured-image{
        max-width: 100%;
    }

    body.single-post article.single-blog-post .entry-content p, 
    body.single-post article.single-blog-post .entry-content ul li, 
    body.single-post article.single-blog-post .entry-content ol li{
        font-size: 18px;
    }

    body.single-post article.single-blog-post .entry-content h4{
        font-size: 20px;
    }

    body.single-post article.single-blog-post .entry-content figure.wp-block-image{
        margin: 30px 0px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-meta > div span.post-met-title{
        font-size: 16px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-meta > div span.posted-on a{
        font-size: 17px;
    }

    body.single-post article.single-blog-post.split .single-post-page .post-meta > div,
    body.single-post article.single-blog-post.split .single-post-pag .single-blog-post .post-meta{
        margin-bottom: 0px;
    }

    body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post > a{
        width: 100%;
    }

    body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post .post-details{
        padding: 20px 10px 0px !important;
        width: 100%;
    }

    body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-details .post-button a{
        font-size: 18px;
    }

    body.single-post article.single-blog-post.split .single-post-page .next-post-wrap .post-details .post-title{
        font-size: 25px;
    }

    body.single-post .single-blog-post.has-thumbnail .next-post-wrap .single-blog-post{
        margin-top: 60px;
    }

    /* 404 */
    .error-404 .wrapper{
        max-width: 90% !important;
    }

    /* Archives */
    body.archive .archive-section{
        margin-bottom: 30px;
    }
    
    body.archive .archive-section > .wrapper .nayla-posts-wrap {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post.has-thumbnail .post-details{
        padding: 20px 20px 0px 0px;
    }

    body.archive .archive-section header.page-header .page-title{
        font-size: 27px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-details .post-meta .post-date .posted-on a{
        font-size: 16px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-title{
        font-size: 22px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-button{
        margin-top: 25px;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap .single-blog-post .post-button a{
        font-size: 17px;
    }

    /* Form */
    .bbd-form form.elementor-form .elementor-field-group-message{
        margin-bottom: 30px !important;
    }

    .bbd-form form.elementor-form .elementor-field-type-html{
        max-width: 300px;
    }

    /* Form CTA*/
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="text"],
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="email"],
    .bbd-form-cta form.elementor-form .elementor-field-group input[type="tel"]{
        background: linear-gradient(90deg, #FFF 74.52%, rgba(255, 255, 255, 0.00) 100%) !important;
        padding: 12px 10px;
    }

    .bbd-form-cta form.elementor-form .elementor-field-type-html{
        margin: 10px 0px 25px !important;
        max-width: 360px;
    }

    /* Projects */
    .portfolio-grid.col-2 .grid-projects-wrapper .grid-project{
        grid-column-start: span 5 !important;
    }

    .portfolio-grid .grid-controls{
        padding-bottom: 15px;
    }

    .portfolio-grid .grid-layout-switcher span{
        font-size: 16px;
    }

    .portfolio-grid .npg-load-more{
        margin: 80px 0px 0px;
    }

    .portfolio-grid .projects-load-more{
        font-size: 16px;
        padding: 10px 25px;
    }

    /* Showcase */
    #bbd-showcase-list .showcase-list .showcase-project::before{
        font-size: 20px;
    }

    /* Single Project */
    body.single-portfolio .nayla-next-project .next-project-caption,
    body.single-case-studies .nayla-next-project .next-project-caption{
        font-size: 20px;
    }
}

@media (max-width: 580px){
    /* Blog */
    .nayla-posts-grid .grid--posts{
        grid-template-columns: repeat(1, 1fr) !important;
    }

    body.archive .archive-section > .wrapper .nayla-posts-wrap {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

    /* Projects */
    .portfolio-grid.col-2 .grid-projects-wrapper .grid-project{
        grid-column-start: span 10 !important;
    }

    /* Showcase */
    #bbd-showcase-list .showcase-list .showcase-project::before{
        font-size: 18px;
    }
}