@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import url('https://fonts.cdnfonts.com/css/lato-black');

/*
Theme Name: Bayti Rahati
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: DYNAMIX
Author URI: https://wordpress.org/
Description: DYNAMIX brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 10.1
Tested up to: 6.1
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html{overflow-x: hidden;}
body{margin: 0;overflow-x: hidden;}
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1537px !important;
}

.lato{font-family: 'Lato', sans-serif;}
.lato-black{font-family: 'Lato Black', sans-serif;}
.fs-14{font-size: 14px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;line-height: 26px;}
.fs-20{font-size: 20px;}
.fs-24{font-size: 24px;}
.fs-36{font-size: 36px;}
.fs-48{font-size: 48px;}
.fs-76{font-size: 76px;}
.fs-96{font-size: 96px;}
.regular{font-weight: 400;}
.bold{font-weight: bold;}
.black{color: black;}
.white{color: white;}
.bg-blue{background-color: #0001A9;}
.green{color: #00999D;}
.margin-5{margin: 5px;}
.margin-bottom-25{margin-bottom: 25px;}
.pad-100{padding: 100px 0;}
.justify-center .elementor-container {justify-content:center!important;}


.flex-column{display: flex;flex-direction: column;}
.flex-row{display: flex;flex-direction: row;justify-content: space-between;}
.flex-row-pure{display: flex;}
.flex-row-menu{display: flex;justify-content: space-evenly;}
.margin-right-10{margin-right: 10px;}
.link{text-decoration: underline !important;}
.link:hover{color: #00999D;}
.link-white{text-decoration: underline !important;}
.link-white:hover{color: #0001A9;}
.link-home{color: black;text-decoration: none;}
.link-home:hover{color: #00999D;}
.text-align-start{text-align: start;}
.text-decoration-hover:hover{text-decoration: underline;}


a.hfe-menu-item{font-family: 'Lato', sans-serif !important;font-size: 18px !important;font-weight: 400 !important;}
.header a.hfe-menu-item:hover::after{
    content:'' !important;
    position:absolute !important;
    width:77% !important;
    height:2px !important;
    background:#00999D !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    margin:auto !important;
}
.header .hfe-nav-menu .current-menu-item::after, .current-menu-parent::after{
    content:'' !important;
    position:absolute !important;
    width:77% !important;
    height:2px !important;
    background:#00999D;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    margin:auto !important;
}
.hfe-nav-menu .menu-item-has-children .sub-menu{
    padding: 15px 0;
}

.hfe-nav-menu .sub-menu li.menu-item{background: unset !important;}
.hfe-nav-menu .sub-menu{
    background-image: url(http://localhost/baytirahati/wp-content/uploads/2023/02/left-green-rec.svg);
    background-repeat: no-repeat;
    background-position-x: 140px;
    background-position-y: 30px;
    background-size: 169px;
}

.hfe-sub-menu-item{justify-content: normal !important;}

nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.menu-is-active.hfe-dropdown{padding: 15px 0;}

span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {display: none;}
.book-service-button .elementor-button-link{background-color: #00999D;border: 1px solid #00999D;}
.book-service-button .elementor-button-link:hover{background-color: white;color: #00999D;border: 1px solid #00999D;}
.footer a.hfe-menu-item:hover{text-decoration: underline !important;}
.footer .elementor-container{display: flex;flex-wrap: nowrap !important;}
.footer-item{margin: 0 125px 30px 0;}
.footer-line{height: 0.5px;width: 90%;background: white;}
.footer-whatsapp{position: absolute;right: 0;top: -35px;}
.footer-hidden-whatsapp{display: none;}
.footer .elementor-widget-divider {margin:0;}
.flex-row-3>*{flex-basis: 31%; max-width: 31%;}
.cards-container .elementor-container{width: 60%;}
.cards-container .owl-item .item {height:242px;}
.img-border-right-left img{border-radius: 0 70px 0 70px;}
.img-border-top-bottom img{border-radius: 70px 0 70px 0;}
.img-border-radius img{border-radius: 50%;}
.border-img img{border: 15px solid #ECF0FF;}
.border-img-green img{border: 15px solid rgba(205, 240, 241, 0.61);padding: 3px;}
.img-border-radius-home{border-radius: 50% !important;}
.border-img-home{border: 8px solid #ECF0FF !important;}


/* back-imgs */
.relative{position: relative;}
.white-back-rec .elementor-widget-container img{position: absolute;z-index: 1;left: -18%;}

.elipse .elementor-widget-container img{position: absolute;left: 32%;top: 84px;}

.green-rec-right .elementor-widget-container img{position: absolute;}

.right-rec .elementor-widget-container img{position: absolute;    z-index: 1;left: -24%;bottom: -152px;}

.bottom-left-elipse .elementor-widget-container img{position: absolute;left: -22%;bottom: -182px;}

.detail-rec .elementor-widget-container img{position: absolute;z-index: 1;left: -24%;}

.home-blue-rec .elementor-widget-container img{position: absolute;right: -16%;bottom: 7px;}

.service-rec .elementor-widget-container img{position: absolute;bottom: 13px;right: -24%;}

.service-rec-detail .elementor-widget-container img{position: absolute;z-index: 1;bottom: -131px;;right: -24%;}


/* contact us page */
.sections-padding .elementor-container{padding: 40px 15px 40px 15px} 
.last-section-padding .elementor-container{padding:60px 15px 0 15px;}
section:first-child .last-section-padding .elementor-container{padding: 15px 15px 0 15px;}
.padding-bottom-70 .elementor-container{padding: 0 15 80px 15;}
.pad-left-right .elementor-container{padding: 0 10px 0 10px;}
.pad-110 .elementor-container{padding: 0 0 110px 0;}
.container{position: relative;}
.less-container .elementor-container{width: 75%;}
/* .nb-container .elementor-container{width: 90%;} */
.contact-container{width: 60%;margin: auto;}
input[type=text],input[type=email],select,textarea{border: 1px solid grey;background-color: #ECF0FF;width: 100%;margin: 5px;padding: 15px;}
input[type=text],input[type=email],select{height: 60px;}
::placeholder,select{font-family: 'Lato', sans-serif;font-size: 18px;font-weight: 400;color: black;}
.submitt {
    border: 1px solid #0001A9;
    background-color: #0001A9;
	color: white;
    cursor: pointer;
    width: 170px;
    height: 60px;
    border-radius: 12px 0 12px 0;
    float: right;
    margin-top: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.submitt:hover{
    background-color: white;
	color: #0001A9;
    border: 1px solid #0001A9;
}

.wpcf7 form.invalid span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7-not-valid-tip{display: none;}

.wpcf7 form.invalid input[type="text"] {
    border: 1px solid red;
}

.wpcf7 form.invalid input[type="email"] {
    border: 1px solid red;
}
.wpcf7 form.invalid select {
    border: 1px solid red;
}

.wpcf7 form.invalid textarea {
    border: 1px solid red;
}

.contact-padding{padding: 0 0 60px 0;}

.wpcf7 form.invalid .wpcf7-response-output {
    margin: 4em auto 0 auto !important;
    width: 60%;
    border: 1px solid red !important;
}

.book-contact-container .wpcf7 form.invalid .wpcf7-response-output {
    margin: 4em auto 0 auto !important;
    width: 100%;
    border: 1px solid red !important;
}


/* projects */
.projects-buttons{
    border-right: 1px solid white;
    min-height: 70px;
}

/* .projects-learn-more .elementor-button-link{border: 1px solid #0001A9;}
.projects-learn-more .elementor-button-link:hover{
    background-color: white !important;
	color: #0001A9 !important;
    border: 1px solid #0001A9;
} */

.dialog-lightbox-widget footer {display:none!important;}
.dialog-lightbox-widget a.dialog-close-button {text-decoration:none!important;}
.projects-tabs {padding-right:15px!important;}
.projects-gallery figure {margin-bottom:5px!important;position:relative;}
.projects-gallery figure:hover a {filter: brightness(0.7) !important;transition: all 0.3s ease;}
.projects-gallery figure figcaption {
	display:none;
    position: absolute;
    color: #fff;
    text-align: center;
    top: 50%;
}
.projects-gallery figure:hover figcaption {display: block;}
.projects-gallery figure, .projects-gallery .gallery-icon {height:300px;}
.projects-gallery figure img {height:100%;width:100%;object-fit: cover;object-position: top;}
body:not(.home) .eicon-chevron-left, body:not(.home) .eicon-chevron-right {color: #fff !important;}
.dialog-lightbox-widget header {max-width:96%;}
.dialog-lightbox-widget header i.eicon-zoom-in-bold, 
.dialog-lightbox-widget header .eicon-share-arrow {display:none!important;}
.projects-tabs .elementor-column a {word-break: break-word;}
.projects-tabs .fs-20 {font-size:16px!important;}
.projects-tabs {padding-right: 15px !important;padding-left: 15px !important;}
.sections-padding.projects > .elementor-container {padding:30px 0 50px;}
.projects-tabs > .elementor-container {padding: 0px 10px !important;}

/* about us */
.aboutus-cards .elementor-widget-wrap{
    padding: 70px !important;
    margin: 10px;
}
.aboutus-cards.one{width:33.33% !important;}
.listing-img{
    margin-right: 10px;
}

/* home */
.hover-link {position:relative;display: flex;align-items: center;justify-content: center;}
.hover-link img {height: 100%;width: 100%;object-fit: cover;}
.hover-link:hover img {filter: brightness(0.7)!important;transition: all 0.3s ease;}
.hover-link span {display:none;}
.hover-link:hover span {display:block;position:absolute;color: #fff;text-align: center;}
.home-imgs{
    width: 210px;
}
.home-imgs .elementor-widget-wrap{
    display: flex !important;
}
.flex-row-end{
    display: flex;
    justify-content: flex-end;
}
.quote-img{
    /* width: 15% !important; */
    content:url('http://dgxdemo.com/baytirahati/wp-content/uploads/2023/02/home-quote.svg');
}

.qualities-card{width:25% !important;}
.seperator-container{width:12% !important;}

.min-height{min-height: 65px;}
.owl-item .item{padding: 40px !important;min-height: 321px;}
.owce-carousel-basic .owl-nav .owl-prev, .owce-carousel-basic .owl-nav .owl-next{top: unset !important;}
.owce-carousel .owl-nav .owl-prev{float: unset !important;left: unset !important;float: right;right: 55px;}
.owce-carousel .owl-nav .owl-prev, .owce-carousel .owl-nav .owl-next{top: unset !important;}
.owce-carousel .owl-nav .owl-next{right: 0 !important;}
.owl-theme .owl-nav [class*=owl-]:hover {background: white !important;color: unset !important;}
.owl-prev, .owl-next{background-color: white !important;border-radius: 50% !important;}
.owl-next{background-color: white !important;border-radius: 50% !important;}
.eicon-chevron-left, .eicon-chevron-right{color: #0001A9 !important;}
.owce-carousel .owl-content{font-style: unset !important;}
.qualities-section2 > .elementor-container{display:flex;justify-content: center;}


/* deliver */
.owl-thumb img{width: 50px;height: 50px;}
.deliver-carousel .owl-prev, .deliver-carousel .owl-next{background-color: #ECF0FF !important;border-radius: 50% !important;}
.deliver-carousel .owl-theme .owl-nav [class*=owl-]:hover {background: #ECF0FF !important;color: unset !important;}
.deliver-carousel .owl-item .item{padding: 40px !important;min-height: 227px;display: flex;flex-direction: column;justify-content: center;align-items: center;}

/* cleaning */
.fur-glass-img img{width: 100% !important;}
.fur-glass-section{margin: 25px;}
.fur-glass-section .elementor-container{flex-wrap: nowrap !important;}


/* book service */
.book-contact-container{width: 100% !important;}

.aboutus-cards{
	width:33.33% !important;
}

@media (min-width: 768px) and (max-width: 1440px) {
	.justify-center .elementor-container {padding:0 60px;}
}

@media only screen and (max-width: 1440px){
	.fs-18{font-size: 16px;}
    .fs-24{font-size: 18px;}
    .fs-36{font-size: 25px;}
    .fs-48{font-size: 30px;}
    .fs-76{font-size: 50px;}
    .fs-96{font-size: 70x;}

    .aboutus-cards .elementor-widget-wrap{
        padding: 60px !important;
        margin: 10px;
    }

    .padding-bottom-70 .elementor-container{padding: 0 30px 60px 30px;}
    .less-container .elementor-container{width: 90%;}

    .cards-container .elementor-container{width: 70%;}

    .white-back-rec .elementor-widget-container img{left: -11%;}

    .elipse .elementor-widget-container img{position: absolute;left: 7%;top: 30px;}

    .right-rec .elementor-widget-container img{left: -18%;bottom: -241px}

    .detail-rec .elementor-widget-container img{left: -19%;}

    .home-blue-rec .elementor-widget-container img{right: -13%;}
    .service-rec .elementor-widget-container img{bottom: -62px;right: -20%;}
	
	.sections-padding .elementor-container{padding: 40px 30px 40px 30px;} 
	
	/* projects	 */
	.projects-tabs .projects-buttons {height:75px!important;}
	.projects-gallery, .projects-tabs > .elementor-container {padding: 0px 15px !important;}
	.sections-padding.projects > .elementor-container {padding: 30px 15px 50px;}
}
@media only screen and (max-width: 1024px){
	.fs-18{font-size: 15px;}
    .fs-20{font-size: 16px;}
    .fs-24{font-size: 16px;}
    .fs-36{font-size: 20x;}
    .fs-48{font-size: 25x;}
    .fs-76{font-size: 42px;}
    .fs-96{font-size: 60x;}

    .header .hfe-nav-menu .current-menu-item::after, .current-menu-parent::after{
        width:100% !important;
    }
    .header a.hfe-menu-item:hover::after{
        width:100% !important;
    }

    .home-first-section .elementor-container{flex-wrap: nowrap !important;}
    .flex-row-end{flex-direction: column !important;width: 33% !important;}
    .home-imgs{width: 90%;}
    .home-imgs .elementor-widget-wrap{flex-wrap: nowrap;}
    .home-imgs .elementor-element-populated .elementor-widget-text-editor .elementor-widget-container{display: flex !important;}
    .flex-row-end{justify-content: normal;}

    .footer-whatsapp{width: 65px;}
    .aboutus-cards .elementor-widget-wrap{
        padding: 40px !important;
        margin: 10px;
    }

    input[type=text],input[type=email],select,textarea{margin: 2px;height: 55px;}
    textarea{height: 130px;}

    .cards-container .elementor-container{width: 80%;}

    .white-back-rec .elementor-widget-container img{left: -15%;}

    .elipse .elementor-widget-container img{position: absolute;left: -2%;top: -14px;}

    .right-rec .elementor-widget-container img{left: -25%;}

    .bottom-left-elipse .elementor-widget-container img{left: -30%;bottom: -233px;}

    .detail-rec .elementor-widget-container img{left: -36%;}

    .home-blue-rec .elementor-widget-container img{display: none;}

    .service-rec .elementor-widget-container img{bottom: -97px;right: -32%;}
	
	.aboutus-cards{
	width:100% !important;
    }
	
    .qualities-card{width:100% !important;}
    .seperator-container{width:100% !important;}
	
	/* projects	 */
	.projects-tabs .projects-buttons {height:110px!important;}
	
    /* services	 */
	.cards-container .owl-item .item {height: 230px;}
    
}
@media only screen and (max-width: 767px){
	.fs-18{font-size: 13px;line-height: 20px;}
    .fs-20{font-size: 15px;}
    .fs-24{font-size: 15px;}
    .fs-36{font-size: 20px;}
    .fs-48{font-size: 27px;}
    .fs-76{font-size: 30px;}
    .fs-96{font-size: 50px;}

    .home-first-section .elementor-container{
        flex-direction:column;
    }
    .header .hfe-nav-menu .current-menu-item::after, .current-menu-parent::after {
        content: '' !important;
        position: absolute !important;
        width: 43% !important;
        height: 2px !important;
        background: #00999D;
        bottom: 0 !important;
        left: 15px !important;
        right: 0 !important;
        margin: unset !important;
    }
    .header a.hfe-menu-item:hover::after{
        content: '' !important;
        position: absolute !important;
        width: 43% !important;
        height: 2px !important;
        background: #00999D;
        bottom: 0 !important;
        left: 15px !important;
        right: 0 !important;
        margin: unset !important;
    }
    .hfe-nav-menu .menu-item-has-children .sub-menu{padding: 0;}

	.sections-padding .elementor-container{padding: 20px 30px 10px;} 
	.last-section-padding .elementor-container{padding: 50px 0;}
	section:first-child .last-section-padding .elementor-container{padding:0;}
    .padding-bottom-70{padding: 0 0 30px 0;}
    .pad-left-right .elementor-container{padding: 0;}
    .contact-padding{padding: 0 0 40px 0;}
    .less-container .elementor-container{width: 90%;}

	.seperator-img{
		transform: rotate(90deg);
	}
	.seperator-container{
		height: 90px;
	}
	.seperator-container .elementor-element-populated{
		padding: 0 !important;
	}
	input[type=text],input[type=email],select,textarea{width: 100%;margin: 2px;padding: 15px;}
    input[type=text],input[type=email]{height: 40px;}
    textarea{height: 120px;}
    .contact-container {width: 90%;}
    .wpcf7 form .wpcf7-response-output {width: 90%;}

    .aboutus-cards .elementor-widget-wrap{
        padding: 20px !important;
        margin: 10px;
        width: 70%;
    }
    .aboutus-cards{
        display: flex;
        justify-content: center;
    }
    .projects-cards{
        justify-content: center;
    }
    .projects-cards .elementor-widget-wrap{
        width: 80%;
    }
    .projects-buttons{
        border-bottom: 1px solid white;
    }
    
    .home-imgs{width:100%;}
    .none{display: none;}

    .cards-container .elementor-container{width: 90%;}

    .owl-item .item {width: 70%;margin: auto;}

    .fur-glass-section .elementor-container{flex-wrap: wrap !important;}
    .fur-glass-section{margin: 10px;}

    .white-back-rec .elementor-widget-container img{display: none;}
    .elipse .elementor-widget-container img{display: none;}
    .detail-rec .elementor-widget-container img{display: none;} 
    .service-rec-detail .elementor-widget-container img{display: none;}

    .footer-whatsapp{display: none;}
    .footer-hidden-whatsapp{display: block;}
    .footer-line{width: unset;}
    .footer-item{margin: 0 0 30px 0;}
    #home-arrow img{width:36px;}
    .footer .elementor-container{
        flex-direction: column;
        justify-content: center;
    }
    .logo img{width:220px; padding:20px;}
	.aboutus-cards.one{width:100% !important;}
	
	/* projects	 */
	.projects-tabs .projects-buttons {height:auto!important;}
	.projects-tabs {padding: 0 !important;}
	.sections-padding.projects > .elementor-container {padding: 0px 36px 50px 36px;}
	.projects-tabs > .elementor-container {padding: 0px !important;}
	.projects-gallery {padding: 0px 36px !important;}
	
	/* services	 */
	.cards-container .owl-item .item {height: auto;}
}
@media only screen and (max-width: 447px){

    .fs-76{font-size: 30px;}
    
}