:root {
    --primary-color: #0073CF;
    --primary-color-rgb: 0, 115, 207;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html { overflow-x: hidden; }

ul{list-style: none;}

a{text-decoration: none; display: inline;}

img{max-width: 100%; font-style: italic;}


#logo{width: 158px; display: flex;}
/* #logo a{width: 100%; display: flex;}
#logo a img{width: 100%; display: flex;}
#logo a img.logo-2{display: none;} */
.widget a img.img-fluid.mb20 { max-width: 204px; }

.feature-box{height: 100%;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.fpwo-wrap { bottom: auto; text-align: left; top: 0; padding: 24px; }

.contact-wrap .field-set input{background-color: #f5f5f5 !important; border: 1px solid transparent; color: #000000 !important;}
.contact-wrap .field-set textarea{background-color: #f5f5f5 !important; border: 1px solid transparent; color: #000000 !important;}
.contact-wrap .field-set input:focus{border: 1px solid var(--primary-color);}
.contact-wrap .field-set textarea:focus{border: 1px solid var(--primary-color);}

address.s1 span { display: flex ;}
.de_count h3{line-height: 1;}
.widget-post li { line-height: 1.2; }
.widget-post li span.date { line-height: 2; min-width: 50px; text-align: center; }
.feature-box a{position: relative; z-index: 1;}

#jarallax-container-0:after{position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #000000; opacity: .5;}
.service-page #jarallax-container-0:after{opacity: .15;}
#jarallax-container-3:after{position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #000000; opacity: .35;}
.cover-image{width: 100%; height: 100%; object-fit: cover; position: absolute;}
.absolute{position: absolute;}
.bloglist.item{position: relative;}
.bloglist.item a:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '';}

.feature-box{display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.feature-box-icon{position: relative; width: 40px; height: 44px; display: flex; margin-bottom: 32px;}
.feature-box-icon img{height: 100%; -webkit-transition: .7s; transition: .7s; opacity: 1; visibility: visible;}
.feature-box-icon img.hoverd{position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;}
.feature-box:hover .feature-box-icon img{opacity: 0; visibility: hidden;}
.feature-box:hover .feature-box-icon img.hoverd{opacity: 1; visibility: visible;}

.feature-box-large-icon { position: absolute; width: 50%; height: auto; color: rgba(0, 0, 0, .2); right: 0; top: auto; bottom: 0; -webkit-transition: .7s;
    transition: .7s; opacity: .05;}
.feature-box:hover .feature-box-large-icon {-webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg);}
.feature-box-content{width: 100%; display: flex; flex-direction: column; align-items: center;}

.working-hours-and-service{width: 100%; display: flex; gap: 12px; justify-content: space-evenly;}
.working-hours ul{padding-left: 0;}
.working-hours ul li{position: relative;}
.working-hours ul li::before {
    font-family: "FontAwesome";
    content: "\f017"; /* clock icon */
    margin-right: 10px;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
    color: var(--primary-color);
}
.working-hours ul li:last-child:before, .working-hours ul li:nth-last-of-type(2)::before {
    content: "\f011"; 
}

/* #subheader{height: 100svh; min-height: 750px; max-height: 1080px; display: flex; align-items: center; justify-content: center;}
#subheader > div{width: 100%;} */

#selector{display: none;}

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

    .working-hours-and-service{justify-content: space-between;}

}
@media only screen and (min-width: 992px) {
    .de_count.ultra-big h3 {
    font-size: 120px;}

    .binary-options .de_count.ultra-big h3 {
        font-size: 80px;
    }



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

    header div#logo img {
        max-width: 152px;
        height: auto;
    }
    section { padding: 40px 0 40px 0;}
    footer { padding: 60px 0 0 0; }
    .de_count { padding: 10px 0 10px 0;}
    .side-bg, .image-container{margin-bottom: 32px;}
    #subheader{margin-top: 90px;}

    .widget.widget_tags{margin-bottom: 0; padding-bottom: 0;}

    .de_count.ultra-big h3 { font-size: 90px;}
    .de_count.ultra-big.s2{margin-bottom: 32px;}

    .hero-wrap .v-center{padding-block: 120px 32px;}
    .di-text {left: -20px;}

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

    h1, .h1 {
    font-size: 42px;
    line-height: 1.2;}

    header div#logo img {
        max-width: 152px;
        height: auto;
    }

    .working-hours-and-service{flex-direction: column; gap: 32px;}

    

}