/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

html.responsive{
    overflow: unset;
}

#wrap_all{
    overflow: unset;
}

@font-face {
    font-family: 'RobotoFlex-VF';
    src: url('fonts/RobotoFlex-VF.ttf');
    font-weight: 1 999;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoFlex';
    src: url('fonts/RobotoFlex-Regular.eot');
    src: url('fonts/RobotoFlex-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoFlex-Regular.woff2') format('woff2'),
        url('fonts/RobotoFlex-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body{
    font-size: 16px;
}

body,
h1, h2, h3, h4, h5, h6, 
#top .title_container .main-title, 
tr.pricing-row td, 
#top .portfolio-title, .callout .content-area, 
.avia-big-box .avia-innerbox, .av-special-font, 
.av-current-sort-title, .html_elegant-blog #top .minor-meta, 
#av-burger-menu-ul li,
#top .input-text, #top input[type=text], #top input[type=input], #top input[type=password], 
#top input[type=email], #top input[type=number], #top input[type=url], 
#top input[type=tel], #top input[type=search], #top textarea, #top select{
    font-family: 'RobotoFlex', Helvetica, sans-serif!important;  
    font-variation-settings: "wght" 500;
    font-weight: 500;

    @supports (font-variation-settings: "wght" 500) {
    font-family: 'RobotoFlex-VF', 'sans-serif' !important;
    }
}

.nf-form-content input[type=submit].form-button{
    font-family: 'RobotoFlex-VF';
    margin-bottom: 0;
    text-transform: uppercase;
    font-variation-settings: "wght" 600;
    color: #ffb526;
    font-size: .9rem;
    padding: 0 1rem;
    transition: .2s;
    letter-spacing: 1px;
}

.nf-form-content input[type=submit].form-button:hover{
    transition: .2s;
    color: #fff;
    background: #111;
}

.main_color strong{
    color: #111;
    font-variation-settings: "wght" 700;
    font-size: 18px;
}

.testimonials_home{
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    align-items: center;
}

a.testimonials_home:after{
    content: '';
    margin-left: 10px;
    height: 10px;
    width: 10px;
    background: url(svg/plus.svg);
    background-size: contain;
    display: flex;
    align-items: center;
}

#news-header h1,
#top .alternate_color.title_container .main-title a{
    font-size: 3.5rem;
    color: #fff;
}

.breadcrumb-trail span{
    color: #fff;
}

.breadcrumb-trail span a{
    color: #fff;
    text-decoration: underline;
}

#top .fullsize .template-blog .post .entry-content-wrapper > *{
    max-width: unset;
}

#top .fullsize .template-blog .post .entry-content-wrapper{
    text-align: left;
    max-width: unset;
}

.title_container{
    background-image: url(/wp-content/uploads/2022/07/contact-header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 240px;
    display: flex;
    align-items: center;
}

.case-study-wrapper{
    display: flex;
    justify-content: space-between;
}

.case-study-wrapper .entry-content{
    flex-basis: 80%;
}

.case-study-wrapper .case_study_details{
    flex-basis: 18%;
    border-radius: 5px;
    height: 100%;
    position: sticky;
    top: 180px;
}

.case-study-wrapper .case_study_details-inner{
    background: #eee;
    padding: 20px;
}

.case-study-cta{
    background: #111 url('/wp-content/uploads/2023/12/icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    padding: 20px;
}

.main_color .case-study-cta h5{
    text-transform: none;
    letter-spacing: 0;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: center;
}

.main_color .case-study-cta a{
    background: #ffb526;
    color: #111;
    border-radius: 30px;
    height: 50px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main_color .case-study-cta a:hover{
    text-decoration: none;
}

.case-study-wrapper .case_study_details div{
    margin-top: 20px;
}

.case-study-wrapper .case_study_details div:first-of-type{
    margin-top: 0
}

.esterling-usp-swiper{
    opacity: 0;
    transition: .3s;
}

.esterling-usp-swiper.swiper-initialized{
    opacity: 1;
    transition: .3s;
}

.container_wrap{
    border-top-width: 0;
}

#footer-page #footer-cta h3{
    color: #fff;
    font-size: 2.5rem;
    font-variation-settings: "wght" 600;
}

.esterling-usp-swiper .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}

.esterling-usp-swiper .usp-text{
    margin-bottom: 0;
    margin-left: 10px;
    color: #111111;
    text-transform: uppercase;
    line-height: 1rem;
    font-size: 1rem;
}

.esterling-usp-swiper img{
    height: 30px;
    width: auto;
}

#footer-page #footer-cta p{
    color: #fff;
}

#custom-footer h3{
    font-size: 1rem;
    color: #fff;
    margin-bottom: 30px;
}

#top .content .flex_column .widget_nav_menu ul:first-child>.current-menu-item, 
#top .content .flex_column .widget_nav_menu ul:first-child>.current_page_item,
#top .content .flex_column .widget_nav_menu li a:hover{
    background: transparent;
}

#custom-footer{
    text-transform: uppercase;
}

#top #custom-footer .content .flex_column .widget_nav_menu li:first-child{
    border-top: none;
}

#top #custom-footer .content .flex_column .widget_nav_menu li{
    border-bottom: none;
    padding: 5px 0;
}

#top #custom-footer .content .flex_column .widget_nav_menu li a{
    padding: 0;
    color: #b2b2b2;
    text-transform: uppercase;
}

#footer-contact-details strong{
    width: 100px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}

#footer-contact-details a{
    color: #ffb526;
    text-transform: uppercase;
}

#footer-contact-details img{
    margin-bottom: 30px;
    height: 70px;
    width: auto;
}

#custom-socket{
    color: #fafafa;
    font-size: .8rem;
    border-top: 1px solid #333;
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
}

#custom-socket:before,
#custom-socket:after{
    display: none;
}

.responsive .logo a{
    display: flex;
    align-items: center;
}

.logo-swiper img{
    height: 80px;
    width: auto;
    object-fit: contain;
}

.logo-swiper{
    margin-top: 30px;
}

.logo-swiper .swiper-slide{
    display: flex;
    justify-content: center;
}

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.portfolio-grid > a{
    height: 300px;
}

.portfolio-item {
    width: 100%;
    position: relative;
    display: flex;
}

a.portfolio-item:after,
.related-post-image:after,
.related-post-image a:after{
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(17,17,17);
    background: linear-gradient(45deg, rgba(17,17,17,0.5578606442577031) 0%, rgba(255,255,255,0) 100%);
    z-index: 0;
    content: '';
    height: 100%;
    width: 100%;
    z-index: 0;
}

.portfolio-item img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.portfolio-item img.developer-logo,
.post-content img.developer-logo{
    height: 60px;
    width: auto;
    margin-bottom: 10px;
}

#top .post-content h3 a{
    color: #fff;
}

.case-studies .case-studies-swiper .slide-content{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
}

.case-studies .case-studies-swiper .slide-content img.developer-logo{
    height: 50px;
    width: auto;
}

.case-studies .case-studies-swiper .slide-content h3{
    margin-bottom: 0;
}

#top .case-studies .case-studies-swiper .slide-content h3 a{
    color: #fff;
}

.case-studies .swiper-slide{
    overflow: hidden;
}

.case-studies h2{
    margin-bottom: 40px;
}

.case-studies .swiper-slide a > img{
    height: 300px;
    width: 100%;
    object-fit: cover;
    display: flex;
}

#top .main_color .avia-color-theme-color{
    color: #111;
}

#top .avia-button{
    display: flex;
    align-items: center;
}

#top .main_color .avia-color-black:after{
    content: '';
    height: 10px;
    width: 10px;
    margin-left: 10px;
    background: url(svg/plus.svg);
    background-size: contain;
    top: -1px;
    position: relative;
    background-repeat: no-repeat;
    display: flex;
    background-position: center center;
}

#top .main_color .avia-color-theme-color:after{
    content: '';
    height: 10px;
    width: 10px;
    margin-left: 10px;
    background: url(/wp-content/themes/enfold-child/svg/plus-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    background-position: center center;
    position: relative;
    top: -1px;
}

.avia-button-wrap{
    display: flex;
}

.avia-button-wrap.avia-button-center{
    justify-content: center;
}

.social-media-wrapper{
    display: flex;
}

.social-media-wrapper .social-icon{
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 0;
}

.social-media-wrapper .social-icon.linkedin{
    background: #feb622 url(svg/linkedin.svg);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: center center;
}

.portfolio-item-inner{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    z-index: 1;
}

.portfolio-item-inner h4{
    color: #fff;
    font-size: 1.7rem;
    letter-spacing: 0;
    font-variation-settings: "wght" 600;
    margin-bottom: 0;
}

.av-main-nav > li > a{
    font-size: 1rem;
    padding: 0;
    text-transform: uppercase;
}

.avia-button.avia-size-medium,
.avia-button.avia-size-large{
    padding: 0 20px;
    font-size: .9rem;
    font-variation-settings: "wght" 600;
    letter-spacing: 1px;
    line-height: 1;
    height: 50px;
}

#hero-banner h1{
    font-size: 4.3rem;
    text-transform: none;
    font-variation-settings: "wght" 650;
    letter-spacing: -1px;
}

#featured-projects{
    padding-bottom: 100px;
}

#featured-projects h2{
    color: #fff;
    font-size: 4rem;
}

#top .av-main-nav ul a{
    font-size: 1rem;
}

#latest-projects{
    margin-top: -150px;
}

#latest-projects .portfolio-grid .portfolio-item{
    overflow: hidden;
    height: 100%;
}

#latest-projects .portfolio-grid .portfolio-item > img{
    height: 275px;
    width: 100%;
    object-fit: cover;
}

#latest-projects .portfolio-grid .portfolio-item img{
    transition: .3s;
}

#latest-projects .portfolio-grid a.portfolio-item:hover img{
    scale: 1.1;
    transition: .3s;
}

#latest-projects.main_color{
    background: transparent;
}

#main{
    background-color: #fff;
}

#featured-projects p{
    color: #fff;
}

#header_main{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.html_header_top.html_header_sticky #main{
    padding-top: 150px;
}

.template-page .entry-content-wrapper h2{
    text-transform: none;
    font-size: 2rem;
    letter-spacing: 0;
    font-weight: 600;
    font-variation-settings: "wght" 600;
}

.portfolio-categories{
    background: #feb622;
    border-radius: 5px;
    padding: 0 10px;
    font-size: .75rem;
    text-transform: uppercase;
    font-variation-settings: "wght" 700;
    letter-spacing: 1px;
    line-height: 1.2;
    height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: center;
    color: #111;
}

#hero-banner p{
    font-size: 18px;
    color: #fff;
}

#introduction .avia-image-container{
    position: relative;
}

#introduction .avia-image-container.avia-align-center{
    margin-bottom: 0;
}

#introduction .flex_column.av_one_third .av_textblock_section{
    position: absolute;
    bottom: 20px;
    background: #ffb526;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

#introduction .flex_column.av_one_third .av_textblock_section .avia_textblock{
    display: flex;
    align-items: center;
}

#introduction .flex_column.av_one_third .av_textblock_section h4{
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: .9rem;
    font-variation-settings: "wght" 600;
    display: flex;
    align-items: center;
}

#introduction .flex_column.av_one_third .av_textblock_section h4:after{
    content: '';
    height: 20px;
    width: 20px;
    display: flex;
    background: transparent url(svg/plus-black.svg);
    background-size: 8px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center center;
}

#accreditations.avia-section .template-page .entry-content-wrapper{
    display: flex;
}

#news-header{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 240px;
    display: flex;
    align-items: center;    
}

#news-header:after{
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(17,17,17);
    background: linear-gradient(-145deg, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 100%);
    height: 100%;
    width: 100%;
    content: '';
    z-index: 0;
}

#news-header .container{
    z-index: 1;
}

body #accreditations .column-top-margin{
    margin-top: 0;
}

body #accreditations .av_one_fifth{
    margin-left: 0;
}

body #accreditations .av_one_fifth img{
    height: 80px;
    width: auto;
}

body #accreditations .avia-image-overlay-wrap{
    display: flex;
    justify-content: center;
}

.related-posts-wrapper{
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}

.related-posts h3{
    margin-bottom: 0;
    color: #fff;
}

.related-post-image img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.related-posts a{
    height: 100%;
}

.related-post a > *{
    height: 100%;
}

.related-posts-wrapper .related-posts a > img{
    height: 300px;
    width: 100%;
    display: flex;
    object-fit: cover;
}

.case-study-inner{
    flex-basis: 75%;
}

.related-posts-wrapper .post-content{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end;
}

.project-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Three columns */
    grid-gap: 20px;
    margin-top: 40px;
}

.gallery-item img {
    max-width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
}

.related-posts-wrapper h2{
    font-size: 2rem;
    font-variation-settings: "wght" 600;
    margin-bottom: 30px;
}

.related-post-image a{
    z-index: 1;
}

.related-posts-wrapper .related-posts h4{
    font-variation-settings: "wght" 600;
}

.related-posts-wrapper .related-posts{
    display: flex;
    justify-content: space-between;
}

.related-posts-wrapper .related-posts .related-post{
    flex-basis: 33.333%;
    margin-right: 30px;
    position: relative;
}

.related-posts-wrapper .related-posts .related-post:last-of-type{
    margin-right: 0;
}

span.section-title{
    text-transform: uppercase;
    color: #ffb726;
}

#introduction img{
    height: 250px;
    object-fit: cover;
    width: 100%;
}

.avia-image-container-inner{
    width: 100%;
}

#service-overview .flex_column{
    transform: scale(1);
    transition: .3s;
}

#service-overview .flex_column:hover{
    transform: scale(1.005);
    transition: .3s;
}

body#top .sk-ww-linkedin-page-post .grid-linkedin-page-post a {
    text-decoration: none !important;
    color: #111!important;
    text-decoration: underline!important;
}

body#top a.tutorial_link{
    display: none!important;
}

.usps{
    display: flex;
    justify-content: space-evenly;
}

h3{
    font-size: 30px;
    line-height: 1.2;
}

#home-about-us p + h3{
    margin-top: unset;
}

body div .avia-button{
    border-radius: 0;
    text-transform: uppercase;
    border: none;
}

.avia-button.avia-color-black{
    color: #ffb526;
}

h6 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0px;
}
.services img{
    max-height: 250px;
    object-fit: cover;
    
}

.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
    border-color: #ffb526;
    padding-top: 25px;
    padding-bottom: 25px;
}

.three-column ul{
    column-count: 2;
    margin-top: 30px;
    list-style: none;
    margin-left: 0;
}
.three-column ul li{
    background: transparent url(svg/plus.svg) no-repeat center left;
    background-size: 8px;
    padding-left: 30px;
    margin-left: 0;
}
.main_color h5{
    color: #ffb526;
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 400;
}

body#top div .avia-testimonial.no_margin.av_one_half {
    display: inline-block;
    width: 45%;
    margin: 0 5%;
    border-radius: 0px;
    background: #ffffff;
    box-shadow:  20px 20px 60px #d9d9d9,
             -20px -20px 60px #ffffff;
}
#custom_html-2.widget{
    padding: 15px 0;
    background: #ffb726;
    overflow: hidden;
    height: 60px;
    width: 100%;
}

#custom_html-2.widget .textwidget{
    max-width: 1410px;
    margin: auto;
    overflow: hidden;
}

#custom-footer .av_two_third .flex_cell_inner{
    padding: 100px 5%;
}
.av-image-caption-overlay-center p{
    background: #feb622;
    font-weight: 700;
    color: #111;
    padding: 10px 40px;
    width: fit-content;
    margin: auto;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0px;
}
body#top div .avia-testimonial.no_margin.av_one_half:first-of-type{
    margin-left: 0;
}
body#top div .avia-testimonial.no_margin.av_one_half:last-of-type{
    margin-right: 0;
}
#header_main{
    border-bottom: none;
}
#page-header p{
    color: #fff;
    width: 90%;
    font-size: 20px;
}

.main_color .avia-testimonial-subtitle{
    color: #ffb526;
    font-weight: 600;
}

.avia-testimonial_inner .avia-testimonial-content:before{
    content: '';
    
    height: 90px;
    width: 90px;
    background: url(/wp-content/uploads/2022/05/quote.png);
    background-size: 90px;
    display: inline-block;
    background-repeat: no-repeat;
}

.wpcf7-form input.wpcf7-text {
  border: none;
  border-bottom: 3px solid #efefef;
  padding: 15px 0px;
  width: 100%;
  background-color: transparent;
  font-size: 16px;
}

#top .wpcf7-form label.has-value {
  top: 12px;
  font-size: 9px;
  border-radius: 5px;
  padding: 0 5px;
  left: 5px;
}

.breadcrumb.breadcrumbs.avia-breadcrumbs{
    position: relative;
    display: flex;
    color: #fff;
    margin: unset;
    left: unset;
    right: unset;
    top: unset;
    font-size: .8rem;
    margin-top: 15px;
}

#breadcrumbs{
    color: #fff;
}

#breadcrumbs a{
    color: #fff;
    text-decoration: underline;
}

#breadcrumbs span.sep{
    margin: 0 5px;
}

.alternate_color .breadcrumb a{
    color: #fff;
    text-decoration: underline;
}

.title_container p{
    margin-bottom: 0;
    color: #fff;
    font-size: 1.25rem;
    width: 60%;
}

.breadcrumb .sep{
    width: unset;
}
#top .input-text, #top input[type="text"], 
#top input[type="input"], #top input[type="password"], 
#top input[type="email"], #top input[type="number"], 
#top input[type="url"], #top input[type="tel"], 
#top input[type="search"], #top textarea, 
#top select{
    min-height: 60px;
    padding-left: 10px;
    margin-bottom: 0;
}
.map{
    position: relative;
}
.template-page .entry-content-wrapper h1{
    letter-spacing: 0;
    font-size: 60px;
    color: #fff;
}
body .column-top-margin.services{
    margin-top: 100px;
}
#contact-information section{
    font-size: 15px;
    font-weight: 600;
}
#top .main_color.text .avia-color-theme-color{
    margin-top: 25px;
    margin-bottom: 0;
}

#email{
    background: #eee url(svg/email.svg);
    background-position: left 20px center;
    background-size: 25px;
    background-repeat: no-repeat;
    color: #222;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
    margin: 15px 0;
    padding-left: 60px;
    border-right: 5px solid #feb622;
    transition: .2s;
}

#email a{
    color: #111;
}

#smas img{
    width: 130px;
}

#address{
    background: #eee url(svg/address.svg);
    background-position: left 20px center;
    background-size: 30px;
    background-repeat: no-repeat;
    color: #222;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
    margin: 15px 0;
    padding-left: 60px;
    border-right: 5px solid #feb622;
    transition: .2s;
}
.usps{
    text-transform: uppercase;
}

.header_color .esterling-usp-swiper a{
    color: #111;
    text-decoration: underline;
}

.av-logo-container .inner-container{
    display: flex;
    justify-content: space-between;
}

.main_menu {
    clear: none;
    position: relative;
    display: inline-block;
    width: 100%;
    flex-basis: 60%;
}

.main_menu .avia-menu{
    width: 100%;
}

.main_menu .avia-menu .menu{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 50px;
}

.av-logo-container .inner-container #custom_html-3.widget{
    flex-basis: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.av-logo-container .inner-container #custom_html-3.widget:before{
    content: '';
    width: 40px;
    height: 40px;
    background: url(svg/phone-call.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    visibility: visible;
    margin-right: 15px;
}
#custom_html-3{
    padding: 0;
    margin: 0;
}

#custom_html-3 .textwidget{
    display: flex;
    color: #fff;
    flex-direction: column;
    line-height: 1rem;
    font-size: .8rem;
    text-align: right;
    text-transform: uppercase;
    color: #b0b0b0;
}

#custom_html-3 .textwidget a{
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.5rem;
    margin-top: 3px;
    font-variation-settings: "wght" 600;
}

.html_header_top #top .av_header_stretch .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 0;
    max-width: 100%;
}
#phone{
    background: #eee url(svg/telephone.svg);
    background-position: left 20px center;
    background-size: 25px;
    background-repeat: no-repeat;
    color: #222;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
    padding-left: 60px;
    border-right: 5px solid #feb622;
    transition: .2s;
}
div .logo {
    float: left;
    position: relative;
    width: 20%;
}
#email:hover, 
#phone:hover, 
#address:hover{
    transform: translateX(10px);
    transition: .2s;
}
.header_color .main_menu ul:first-child > li.current-menu-item > a, 
.header_color .main_menu ul:first-child > li.current_page_item > a,
.header_color .main_menu ul:first-child > li a:hover{
    color: #feb622;
}

.map:after{
    content: '';
    background: #ffb526;
    opacity: .8;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#service-overview .flex_column{
    min-height: 100px;
    border-radius: 20px;
}

#service-overview h2{
    color: #fff;
    letter-spacing: -1px;
    font-size: 50px;
    line-height: 50px;
}

#service-overview h6{
    color: #ffb526;
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 400;
}

#building-trust-with-quality-work{
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: baseline;
    justify-content: space-evenly;
    padding-left: 30px;
}

#groundworks{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    padding-right: 30px;
}

#case-studies{
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    justify-content: end;
    align-items: flex-start;
    padding-bottom: 30px;
}

#service-overview #case-studies .avia-button{
    margin-top: 20px;
}

#smas.avia-image-container.avia-align-right {
    display: block;
    float: right;
    margin-left: 0;
    position: absolute;
    margin-top: 5px;
    right: 20px;
    top: 20px;
}

#have-a-project-in-mind{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    padding: 0 30px;
}

#about-us h3{
    margin-bottom: 25px;
}

#about-us p{
    margin-bottom: 50px;
}

.main_menu ul:first-child > li.menu-item-has-children > a{
    display: flex;
    align-items: center;
}

.main_menu ul:first-child > li.menu-item-has-children > a:after {
    content: '';
    height: 10px;
    width: 10px;
    display: flex;
    background: transparent url(svg/plus.svg) no-repeat center center;
    background-size: contain;
    margin-left: 8px;
    margin-top: -2px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a{
    color: #ffb526;
    text-transform: uppercase;
}

@media only screen and (max-width: 1200px) {

    .main_menu .avia-menu .menu{
        padding: 0 25px;
    }

    .av-main-nav > li > a{
        font-size: .9rem;
    }

    #custom_html-3 .textwidget a {
        font-size: 1.2rem;
    }

    #hero-banner .flex_column{
        width: 100%;
    }

}

@media only screen and (max-width: 989px) {

    .portfolio-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .avia-section-huge .content, 
    .avia-section-huge .sidebar {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    h3 {
        font-size: 25px;
        line-height: 1.2;
    }

    .main_menu .avia-menu .menu{
        padding: 0;
        justify-content: flex-end;
    }

    #custom_html-3 {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        height: 80px;
        z-index: 100;
        transition: transform 0.3s ease; /* Adjust the transition duration as needed */
        transform: translateY(100%); /* Initially move the element out of the viewport */
    }

    #custom_html-3.active {
        transform: translateY(0); /* Move the element back to the viewport when active */
    }

    #building-trust-with-quality-work p {
        width: 100%;
    }
    #building-trust-with-quality-work.flex_column {
        height: 60vh;
    }

    .logo.avia-standard-logo{
        z-index: 1000;
    }

    .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, 
    .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, 
    .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, 
    .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after{
        background-color: #fff;
    }

    #service-overview h2 {
        font-size: 40px;
        line-height: 43px;
    }
}
@media only screen and (max-width: 990px) {

    .portfolio-grid > a{
        height: unset;
    }

    #top #av-burger-menu-ul{
        vertical-align: top;
    }

    #accreditations.avia-section .template-page .entry-content-wrapper{
        flex-wrap: wrap;
    }

    #accreditations.avia-section .template-page .entry-content-wrapper .flex_column{
        flex-basis: 33%;
    }

    body #accreditations .av_one_fifth img{
        height: 50px;
    }

    #custom-socket{
        flex-direction: column;
    }

    .av-logo-container .inner-container #custom_html-3.widget{
        background: #111;
        flex-basis: 100%;
        left: 0;
        justify-content: center;
    }

    #hero-banner h1 {
        font-size: 3.3rem;
    }

    .responsive #top #wrap_all #hero-banner .flex_column{
        margin-bottom: 0;
    }

    #page-header p {
        line-height: 22px;
        font-size: 16px;
    }

    #footer-page h4 {
        font-weight: 400;
        font-size: 20px;
    }

    #building-trust-with-quality-work{
        position: relative;
        padding: 30px;
    }
    #service-overview #groundworks h2 {
        color: #fff;
        letter-spacing: -1px;
        font-size: 40px;
        line-height: 40px;
    }

    .responsive #top #wrap_all #header{
        position: fixed;
        top: 0;
    }
    
    .responsive #top .logo {
        position: relative;
        display: inline-block;
        float: left;
        padding: 0;
        border: none;
        width: 80%;
    }
    #page-header p{
        width: 100%;
    }
    .responsive #top #wrap_all .main_menu {
        width: 20%;
        position: relative;
        display: inline-block;
    }
    .responsive #top #main {
        padding-top: 140px !important;
        margin: 0;
    }

    .related-posts-wrapper .related-posts{
        flex-direction: column;
    }

}

@media only screen and (max-width: 767px) {

    .responsive .title_container .main-title + .breadcrumb {
        position: relative;
        right: auto;
        top: unset;
        margin: 0;
        left: unset;
        font-size: 1rem;
        margin-top: 1rem;
    }

}