@charset "UTF-8";
/*
Theme Name: EMD-Realty-Group
Theme URI: 
Author: Sanjay  kumavat
Author URI: https://velocitas.com
Description: EMD-Realty-Group is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. EMD-Realty-Group comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: EMD-Realty-Group
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/*inner banner css*/




/*mani banner heading font*/


@font-face {
    font-family: 'KyivType Sans Black3';
    src: url('../webfonts/KyivTypeSans-Black3.woff2') format('woff2'),
        url('../webfonts/KyivTypeSans-Black3.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}





ul { padding:0px; margin:0px; }

ol { padding:0px; margin:0px; }



.inner-banner {position:relative;}

.inner-banner:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #313f76;opacity: .7;}

.inner-banner-title h1 { font-size: 48px; color: #fff; margin: 0;  font-family: 'KyivType Sans Black3'; font-weight: bold; text-transform: uppercase;}

.inner-banner-title { position: absolute; top: 50%; transform: translate(0px, -50%); left: 0; right: 0; text-align: center;}

/*about page css*/

.about-page { padding:70px 0px 30px 0px; }

.left-cont { background-color: #e7f1fc; padding: 50px; clear: both;}

.about-page-cont .row:nth-child(odd) .abt-view-img { float: right; }

.left-cont p {margin: 0; font-size: 18px; line-height: 1.8; color: #101010;}

.abt-view-img h6 { font-size: 24px; font-weight: bold; margin: 0; padding-bottom: 5px; color: #313f76;}

.abt-view-img h5 { margin: 0; font-size: 17px; font-weight: bold; color: #000;}

.about-page-cont .row { margin-bottom: 40px; align-items: center;}

.abt-view-img { padding-bottom: 15px;}

.about-page-cont .row [class*="col"] { padding: 0px 30px;}

.title-about p { padding-bottom: 70px; text-align: center; font-size: 18px;line-height: 1.8; max-width: 1060px;margin: auto;}

.about-view {height: 100%; object-fit: cover; position: relative;}

.about-view figure { width: fit-content; position: relative; background: #313f76; padding: 10px; z-index: 9;}

.about-view figure:before { content: ''; position: absolute; right: 0; bottom: 0; background: #a7c4e5; height: 180px; width: 100px; z-index: -1;}

.about-view figure:after { content: ''; position: absolute; right: 100px; bottom: 0; background: #fff; width: 180px; height: 10px;}

.about-view:after { content: ''; position: absolute; right: 0px; top: 50%; bottom: 0; background: #fff; width: 10px; height: 75px; z-index: 9;}

/*.about-view figure img { height: 100%; object-fit: cover;}*/

.inner-banner figure img { width: 100%;}


/*css in how to apply page*/

/**/

.right_conatct_social_icon{background: #e1ebf8; height: 100%;}

.contact_us{background-color: #f1f1f1; padding: 70px 0px;}

.contact_inner{background-color: #fff; position: relative; box-shadow: 20px 22px 44px #cccc; border-radius: 25px;}

.contact_field{padding: 100px 340px 100px 100px;}

.contact_field form .wpcf7-form-control-wrap textarea { min-height: 90px; height: 90px;}

.contact_field h3{color: #313f76; font-size: 40px; letter-spacing: 1px; font-weight: 600; margin-bottom: 10px}

.contact_field p{color: #000; font-size: 13px; font-weight: 400; letter-spacing: 1px; margin-bottom: 35px;}

.contact_field .form-control{border-radius: 0px; border: none; border-bottom: 1px solid #ccc; padding: 10px 15px;}

.contact_field .form-control:focus{box-shadow: none; outline: none; border-bottom: 2px solid #1325e8;}

.contact_field .form-control::placeholder{font-size: 13px; letter-spacing: 1px;}

.contact_info_sec { position: absolute; background-color: #313f76; right: 1px; top: 50%; transform: translate(0px, -50%); height: 340px; width: 340px; padding: 40px; border-radius: 25px 0 0 25px;}

.contact_info_sec h4{letter-spacing: 1px; padding-bottom: 15px;color: #fff;}

.info_single{margin: 30px 0px;}

.info_single i{margin-right: 15px;}

.info_single span{font-size: 14px; letter-spacing: 1px; color: #fff;}

.info_single span a, .info_single i {color: #fff;}

.contact_form_submit {background: #313f76; border: none; color: #fff; padding: 10px 35px; margin-top: 25px;  cursor: pointer; font-size: 14px; letter-spacing: 2px; transition: .3s;}

.contact_form_submit:hover { background-color:#92c1ff; transition:.3s; }

.socil_item_inner li{list-style: none; padding: 23px 10px;}

.socil_item_inner li a{color: #fff; margin: 0px 15px; font-size: 14px;}

.map_sec{padding: 50px 0px;}

.map_inner h4, .map_inner p{color: #000; text-align: center}

.map_inner p{font-size: 13px;}

.map_bind{margin-top: 50px; border-radius: 30px; overflow: hidden;}

/**/

/*Portfolio dtl page css*/

.pf-dtl-p {padding: 70px 0;}

.pf-dtl-p ul li {position: relative; list-style: square; margin-top: 5px;    color: #101010;}

.pf-dtl-p ul {padding: 0 0 0 18px; margin: auto;}

.pf-dtl-p h2 {margin-bottom: 20px; font-size: 24px; font-weight: bold; color: #313f76;}

.pf-dtl-p-rgt h3 {
    font-size: 24px;
    color: #313f76;
    font-weight: bold;
    margin-bottom: 20px;
}

.pf-dtl-p-rgt {padding: 0px 0 0 20px;}

.pf-dtl-para {padding-top: 30px;}

.pf-dtl-para h3 { font-size: 24px; color: #313f76; margin-bottom: 25px; font-weight: bold;}

.pf-dtl-para ul { padding-bottom: 25px;}

.pf-dtl-p-in p {margin-bottom: 15px}

.pf-dtl-p-in p:last-child{margin-bottom: 0}

.pf-dtl-p-left figure { width: fit-content; position: relative; background: #313f76; padding: 10px; z-index: 9;}

.pf-dtl-p-left figure:before { content: ''; position: absolute; right: 0; bottom: 0; background: #a7c4e5; height: 185px; width: 180px; z-index: -1;}

.pf-dtl-p-left figure:after { content: ''; position: absolute; right: 120px;bottom: 0; background: #fff; width: 218px; height: 10px;}

.single-page-view { position: relative;}

.single-page-view:after { content: ''; position: absolute; right: 0px; top: 40%; bottom: 0; background: #fff; width: 10px; height: 75px; z-index: 9;}

.btn-typ1:hover { background: #adcaea;} 	

.pf-dtl-para ol {
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
    padding-left: 20px;
}

.pf-dtl-para ol li {
    padding-bottom: 5px;
    color: #101010;
    list-style: square;
}

.pf-dtl-p .pf-dtl-p-in .pf-dtl-para p img {
    max-width: 630px;
    object-fit: cover;
    float: left;
    clear: both;
    margin-right: 25px;
}


@media(max-width:1199px){

.pf-dtl-p {padding: 65px 0;}

.pf-dtl-p-rgt {padding: 0px 0 0 20px;}

}

@media(max-width:991px){

.pf-dtl-p {padding: 55px 0;}

.pf-dtl-p h2 {font-size: 24px;}

.pf-dtl-p-rgt h3 { font-size:24px; }

.pf-dtl-p ul li { font-size:15px; }

p { font-size:15px; }

.pf-dtl-p .pf-dtl-p-in .pf-dtl-para p img { max-width:100% !important; float:initial; }

}

@media(max-width:767px){

.pf-dtl-p { padding: 40px 0px 40px;}

.pf-dtl-para {padding-top: 15px;}

.single-post .pf-dtl-para {
    padding-top: 0;
}

.pf-dtl-p-in .pf-dtl-p-rgt h2 { margin-bottom: 15px; font-size: 24px;}

.pf-dtl-p h2 {font-size: 22px;}

.pf-dtl-p-rgt {padding: 0;}

.pf-dtl-p-rgt figure { margin-bottom: 25px; position: relative; background: #313f76; padding: 7px; z-index: 9;}

.mobile-img-in { position: relative;}

.mobile-img-in:after { content: ''; position: absolute; right: 0px; top: 37%; bottom: 0; background: #fff; width: 7px; height: 90px; z-index: 9;}

.pf-dtl-p-rgt figure:before {content: ''; position: absolute; right: 0; bottom: 0; background: #a7c4e5; height: 130px; width: 100px; z-index: -1;}

.pf-dtl-p-rgt figure:after { content: ''; position: absolute; right: 95px; bottom: 0; background: #fff; width: 220px; height: 7px;}

/*.pf-dtl-p .row {flex-direction: column-reverse;}*/

.pf-dtl-p ul li { font-size:15px; }

.contact_form_submit { margin-top:15px; }

.contact_form_inner .contact_field p { margin-bottom:0px; }

.pf-dtl-p .pf-dtl-p-in .pf-dtl-para h2 { font-size: 24px; margin-bottom: 10px;}

.pf-dtl-p .pf-dtl-p-in .pf-dtl-para h3 { font-size: 24px; margin-bottom: 10px;}

.pf-dtl-p-in p { margin-bottom: 10px;}

.pf-dtl-para ul { padding-bottom: 15px;}

.pf-dtl-para ol li {font-size:14px; }

.pf-dtl-p ul li {font-size: 14px;}

}

@media(max-width:1499px){

.about-view figure:after { width:100px; }

.about-view:after { top:30%; }

.left-cont { padding:35px; }

.left-cont p { font-size:15px; }

.about-page-cont .row [class*="col"] { padding: 0px 20px;}

.abt-view-img h6 { font-size:20px; }

.abt-view-img h5 { font-size:14px; }

.title-about p { font-size:16px; }

.contact_field { padding: 80px 260px 80px 60px;}

.contact_field h3 { font-size:30px; }

.inner-banner-title h1 { font-size:38px; font-weight:bold; }

.about-page { padding: 60px 0px 30px 0px;} 

.pf-dtl-p h2 { font-size:26px; margin-bottom:15px; }

.pf-dtl-p-rgt h3 { margin-bottom:15px; }

.pf-dtl-p p { font-size:15px; text-align:left; }

.pf-dtl-p ul li { font-size:15px; }

}


@media(max-width:1399px){

.contact_us { padding: 70px 0px;}

.socil_item_inner li {padding: 11px 10px;}

}

@media(max-width:1199px){

.left-cont { padding:35px; }

.left-cont p {padding-bottom: 15px;}

.title-about p { padding-bottom: 50px;}

.about-page {padding: 50px 0px;}

.contact_field {padding: 60px 245px 90px 35px;}

.contact_field h3 { font-size:32px; }

.contact_us { padding: 60px 0px;}

.socil_item_inner li { padding:8px 2px; }

.about-view:after { top:20%; }

.about-view figure:after { width:100px; }

.about-page .left-cont p { padding-bottom: 0;}

}

@media(max-width:991px){

.left-cont p {padding-bottom: 10px;}

.abt-view-img h6 {font-size: 18px; padding-bottom: 5px;}

.left-cont { padding: 25px;}

.contact_info_sec { width: 280px; padding: 25px; height: auto;}

.contact_us { padding: 50px 0px;}

.contact_field { padding: 50px 200px 50px 30px;}

.contact_field h3 { font-size:26px; }

.contact_info_sec h4 { padding-bottom:0px; }

.info_single { margin: 20px 0px;}

.socil_item_inner li a { margin:0px 10px; }

.socil_item_inner li { padding: 8px 0px;}

.inner-banner-title h1 { font-size:36px; padding: 0px 15px !important;}

.inner-banner figure img { height: 300px; object-fit: cover;}

.pf-dtl-p-left figure:after { width:125px; }

.single-page-view:after { height:50px; }

.pf-dtl-p-left figure:before { height:120px; }

.about-page-cont .row [class*="col"] {padding: 0px 10px;}

.about-view figure:after { width: 75px;}

.about-view:after {top: 15%; height: 60px;} 

.title-about p { font-size:15px; }

}


@media(max-width:767px){

.about-page-cont .row { margin-bottom: 35px;}

.about-page { padding: 40px 0px;}

.about-page-cont .container .row:last-child { flex-direction: column-reverse; margin-bottom: 0px;}

.contact_us { padding: 40px 0px;}

.contact_info_sec {position: initial; width: 100%; border-radius: 0; height: auto; transform: translate(0px, 0px);}

.contact_field { padding: 25px;}

.contact_inner { border-radius:0; margin-bottom: 0px;}

.socil_item_inner { padding: 5px 15px;}

.inner-banner-title h1 { font-size:30px; }

.right_conatct_social_icon { display: none !important;}

.inner-banner figure img { height: 250px;}

.single-page-view:after { display:none; }

.abt-view-img {padding: 10px 0px;}

.about-page-cont .row:nth-child(odd) .abt-view-img {float: initial;}

.about-view:after {top: 50%; height: 90px;} 

.left-cont p { font-size:14px; }

.pf-dtl-p p { font-size:14px; }

.title-about p { font-size:14px; }

.title-about p { padding-bottom:40px; }

}


@media(max-width:575px){

.about-page-cont .container [class*="col"] { padding: 0px 15px;}

.abt-view-img { padding:10px; }

.pf-dtl-p-rgt figure:after {right: 70px; width: 150px;}

.mobile-img-in:after {top: 35%; height: 65px;}

}

@media(max-width:420px){ 

.about-view:after {top: 35%;}

}