@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@font-face {
    font-family: 'Exo2';
    src: url('../fonts/Exo2/Exo2-VariableFont_wght.eot');
    src: url('../fonts/Exo2/Exo2-VariableFont_wght.eot#iefix') format('embedded-opentype'),
         url('../fonts/Exo2/Exo2-VariableFont_wght.woff') format('woff'),
         url('../fonts/Exo2/Exo2-VariableFont_wght.ttf') format('truetype'),
         url('../fonts/Exo2/Exo2-VariableFont_wght.svg#Name') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root{
	--primary-color:#e74129;
	--secondary-color:#001659;
	--para-color:#53545A;
	--bg-clr:#F9F9F9;
	--exo-font:'Exo2',sans-serif;
	--black-clr:#000;
	--icon-color:#e74129;
	--white-clr:#fff;
}
body{
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #53545A;
}
a:hover{
	text-decoration: none;
}
/*Common CSS Start Here*/
.head{
	font-size:57px;
	line-height: 1.17;
	font-family: var(--exo-font);
	text-transform: uppercase;
	color: var(--secondary-color);
}
.super_txt{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
	color: var(--primary-color);
	font-family: var(--exo-font);
	text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--exo-font);
    margin: 0px;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
/*Common CSS End Here*/

/*Nav CSS*/
.top_nav{
    padding:10px;
    background-color:#303030;
    font-size:15px;
    color:#fff;
}
.top_nav p{
    margin-bottom:0;
}
.top_nav_inner{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.top_nav_inner ul{
    list-style:none;
    margin:0;
    line-height: 19px;
}
.top_nav_inner a{
    color:#fff;
}
.top_nav i{
    padding:15px;
    font-size:20px;
}
.get-tuch{
    display:flex;
    justify-content:center;
    align-items:center;
}
/*Banner Section CSS Start Here*/
.bnr_sec{
    position:relative;
}
.main_slider{
    top:-60px;
}
.bnr_image{
	position: relative;
    padding: 200px 100px;
    margin-top: -100px;
    min-height: 750px;
    max-height:100vh;
    display: block;
    background-color: #0000008a;
    background-blend-mode: multiply;
}
.bnr_content{
	max-width:700px;
    position:absolute;
    top:50%;
}
.bnr_hd{
	font-family: var(--exo-font);
	font-size: 50px;
	text-transform: uppercase;
	color: var(--white-clr);
	margin-bottom: 30px;
	font-weight: 700;
    /*margin-top:75px;*/
}
.bnr_para{
	font-size: 20px;
	color: #EBEDF2;;
	margin-bottom: 35px;
}
.cnt_btn{
	padding: 15px 30px;
	text-transform: uppercase;
	font-size: 14px;
	background-color: var(--primary-color);
	color:var(--white-clr);
}
.cnt_btn:hover{
	background-color: var(--white-clr);
	color: var(--primary-color);
}
.abt_btn i{
	background-color: var(--white-clr);
	color: var(--primary-color);
	font-size: 18px;
	padding: 15px;
	border-radius: 50px;
	margin-right: 5px;
}
.abt_btn:hover i{
	background-color: var(--icon-color);
	color: var(--white-clr);
}
.abt_btn{
	font-size: 18px;
	color: var(--white-clr);
}
.abt_btn:hover{
	color: var(--icon-color);
}
/*Slick Slider Overwrite CSS */
.main_slider .slick-next{
	right: 0;
}
.main_slider .slick-prev{
	right: 105px;
	z-index: 1;
	left: auto;
}
.main_slider .slick-prev, .main_slider .slick-next{
	width: 100px;
	height: 50px;
	top: auto;
	bottom: -16px;
	background-color: #fff;
}
.main_slider .slick-prev::before,
.main_slider  .slick-next::before{
	color: var(--black-clr);
}
.main_slider .slick-prev:hover,
.main_slider  .slick-prev:focus,
.main_slider  .slick-next:hover,
.main_slider  .slick-next:focus {
    color: var(--white-clr);
    outline: none;
    background: var(--primary-color);
}
.main_slider .slick-prev:hover::before , 
.main_slider .slick-prev:focus::before, 
.main_slider .slick-next:hover::before, 
.main_slider .slick-next:focus::before{
	color: var(--white-clr);
}
/*Banner Section CSS End Here*/
/*Icon Section CSS Start Here*/
.icn_sec{
	padding: 80px 40px;
	margin-top:-100px;
}
.icn_box{
	padding: 20px 30px;
	margin-bottom: 30px;
	border-right: 1px solid #eee;
}
.no_border{
	border-right: none;
}
.icn_top{
	margin-bottom: 30px;
}
.icn_top i{
	font-size: 60px;
	color: var(--icon-color);
}
.super_title{
	font-size: 16px;
    line-height: 1;
    color: var(--secondary-color);
    text-transform: uppercase;
}
.icn_title{
	font-size: 20px;
    margin-bottom: 10px;
	font-weight: 700;
	font-family: var(--exo-font);
	color: var(--secondary-color);
}
.icn_p{
	line-height: 25px;
	font-size: 15px;
	color: var(--para-color);
}
/*Icon Section CSS End Here*/
/*About Section CSS Start Here*/
.about_sec{
	padding: 0 40px 100px; 
}
.block_contents{
	padding-right: 60px;
	padding-left: 20px;
}
.block-contents p {
    margin-top: 15px;
}
.left_img{
	padding-left: 40px;
}
.video_img{
	width: 250px;
	position: absolute;
	left: -30px;
	bottom: -50px;
	background-color: var(--white-clr);
	padding: 15px;
	z-index: 0;
}
.video_btn {
    position: absolute;
    bottom: 0;
}
.video_btn:hover::before{
	color: var(--white-clr);
}
/*.video_btn::before{
	content: "\f04b";
	position: absolute;
	height: 180px;
    left: 6px;
    top: -159px;
    width: 130px;
	background-color: #ffffff66;
	z-index: 1;
	color: var(--white-clr);
	font-weight: 900;
	display: flex;
	justify-content: center;
	font-family: "Font Awesome 5 Pro";
	align-items: center;
	font-size:30px;

}*/

.about_btn i{
	padding: 20px;
	border-radius: 50px;
	margin-right: 5px;
	background-color: var(--icon-color);
	color: var(--white-clr);
}
.about_btn{
	color: var(--black-clr);
	font-weight: 600;
	display: block;
}
.about_btn:hover{
	color: var(--primary-color);
}
.about_btn:hover i{
	background-color: var(--secondary-color);
}
.abt_tabs .nav-link{
	font-size: 18px;
    font-weight: 700;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-family: var(--exo-font);
}
.abt_tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent;
    color: var(--secondary-color);
}
.abt_tabs .nav-item{
	position: relative;
}
.abt_tabs .nav-item::after{
	content: "";
	position: absolute;
	bottom: 0;
	height: 1px;
	background-color: #eee;
	width: 100%;
	left: 5px;
}
.abt_tabs .nav-link{
	position: relative;
}
.abt_tabs .nav-link.active::after {
	content: "";
	display: block;
	width: 100%;
	height: 7px;
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 1;
	background-color: var(--primary-color);
}
.abt_tabs .nav-pills{
	margin-bottom: 30px;
}
.tab_list{
	list-style: none;
}
.tab_list li{
	position: relative;
	margin-top: 10px;
    padding-left: 30px;
}
.tab_list li::before{
	position: absolute;
    top: 0;
    left: 0;
    content: "\f14a";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #FF5E14;
    font-size: 18px;
}
/*About Section CSS End Here*/

/*Service CSS Start Here*/
.our_service_sec{
	padding: 80px 40px;
	background-color: #F9F9F9;
}
.service_box{
	padding: 40px;
	transition: all .4s ease-in-out;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.service_box::after{
	position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    left: 0;
    top: 0;
    z-index: -1;
}
.service_box:hover::after{
	opacity: 0;
    visibility: hidden;
}
.service_bg{
	background-image: url(../images/IMG_20191215_171114.png);
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
    background-position: center center;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.service_box .service_bg::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #001659;
    opacity: .6;
    left: 0;
    top: 0;
    z-index: -1;
}
.service_box:hover .service_bg {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.service_icon i{
	font-size: 54px;
	color: var(--primary-color);
}
.service_box:hover .service_title a,
.service_box:hover .service_p{
	color: var(--white-clr);
}
.service_title{
	font-size: 22px;
    line-height: 145%;
    margin: 20px 0;
    text-transform: uppercase;
    font-family: var(exo-font);
}
.service_title a{
	color: var(--secondary-color);
}
/*Service Section End Here*/
.quote_sec{
	padding: 50px 0 35px;
	background-color: var(--primary-color);
	color: var(--white-clr);
}
.q_text i{
	margin-right: 25px;
	font-size: 100px;
	line-height: 1;
}
.q_text h2{
	font-size: 30px;
	font-family: var(--exo-font);
	line-height: 145%;
}
.quote_btn{
	border: 1px solid #fff;
	color: #FFF;
    padding: 25px 43px 21px;
    transition: all .3s ease-in-out;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}
.quote_btn:hover{
	background: var(--secondary-color);
    color: #FFF;
    border-color: var(--secondary-color);
}
/*Quote Section End Here*/

/*Core Feature Section Start Here*/
.core_feature_sec{
	padding: 75px 30px;
	position: relative;
	
}
.core_feature_sec::after{
	position: absolute;
	content: "";
	right: 0;
	background-image: url(../images/newhome.jpg);
	width: 40%;
	height: 100%;
	background-position:center center;
	z-index:-1;
	top: 0;
	background-size: cover;

}
.feauter_box{
	margin-top: 40px;
}
.feature_box_item{
	display: grid;
	grid-template-columns: 0.5fr 2fr;
	margin-bottom: 30px;
}
.feature_cont h3{
	color:var(--secondary-color);
	font-size: 24px;
}
.feature_icon{
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:3px solid var(--primary-color);
	border-radius: 50%;
	font-size: 55px;
	color: var(--primary-color);
}
/*ECO Section CSS Start Here*/
.eco_sec{
	padding: 75px 30px;
	background:url(../images/b-d-property.jpg) , linear-gradient(180deg, #cb5540d1 50%, #cb5540d1 50%);
	background-position: center;
	/*background-size: cover;*/
	background-blend-mode: multiply;
}
.box-shdw{
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
	background-color: #fff;
}
.accordion .card{
	border: none;
	border-radius: 0;
	padding:0 20px;
	position: relative;
}
.accordion .card:not(:last-child)::after{
	content: "";
	position: absolute;
	border: 1px dashed #eee;
	height: 100%;
	left: 47px;
	top: 70px;
}
.accordion .card:first-child{
	padding-top: 20px;
}
.accordion .card:last-child{
	padding-bottom: 20px;
}
.accordion .card-header{
	background-color: transparent;
	border: none;
	padding: 0;
}
.accordion .card button{
	padding: 15px 20px;
	font-size: 18px;
	text-transform: uppercase;
	color: var(--grey-color);
	font-weight: 600;
}
.accordion .card button:hover{
	text-decoration: none;
	color:var(--primary-color);
}
.accordion .card button:focus{
	box-shadow: none;
	text-decoration: none;
}
.accordion .card-header{
	position: relative;
	padding-left: 40px;
}
.accordion .card-header::before{
	content: attr(data-text);
	position: absolute;
	border: 1px solid #eee;
	border-radius: 50px;
	margin-left: -30px;
	font-size: 16px;
	width: 35px;
	top: 50%;
	transform: translateY(-50%);
	height: 35px;
	font-weight: 600;
	display: flex;
	color: var(--icon-color);
	justify-content: center;
	align-items: center;
}
.accordion .card-body{
	padding-left: 60px;
}
/*ECO Section CSS Start Here*/
/*Blog Section CSS Start Here*/
.blog_sec{
	padding: 75px 30px;
}
.blog_card{
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	border: 1px solid #EBEDF2;
}
.blog_card_img{
	position: relative;
}
.blog_card_img::before{
	position: absolute;
    top: 0;
    content: "";
    background: var(--icon-color);
    opacity: 0;
    visibility: hidden;
    width: 0%;
    height: 100%;
    right: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.blog_card:hover{
	cursor:default;
	color: var(--primary-color);
}
.blog_card:hover .blog_card_img:before{
	opacity: .4;
    visibility: visible;
    left: 0;
    right: auto;
    width: 100%;
}
.blog_social{
	position: absolute;
	margin-top: -30px;
	background-color: #fff;
	border: 1px solid #EBEDF2;
	display: flex;
	left: 50%;
	transform: translateX(-50%);
}
.blog_social a{
	width: 50px;
	height: 50px;
	font-size:18px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--grey-color);
}
.blog_social a:not(:last-child){
	border-right: 1px solid #eee;
}
.blog_social a:hover{
	background-color: var(--primary-color);
	color: var(--white-clr);
}
.blog_cont{
	padding:40px  25px;
}
.blog_title{
	font-size: 20px;
	font-family: var(--exo-font);
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 15px;
	line-height: 32px;
	display: block;
	margin-top: 3px;
	color: var(--grey-color);
}
.blog_title:hover{
	color: var(--primary-color);
	cursor: pointer;
}
.blog_cont .rm_btn{
	color: var(--icon-color);
	font-size: 16px;
}
.blog_cont .rm_btn i{
	transition: all 0.3s ease-in;
	margin-left: 2px;
}
.blog_cont .rm_btn:hover i{
	margin-left: 5px;
	transition: all 0.3s ease-in;
}
.blog_cont .rm_btn:hover{
	color: var(--primary-color);
}
.blog_date{
	color: var(--grey-color);
	font-size: 14px;
}
.blog_date i{
	color: var(--primary-color);
	font-size: 16px;

}
.blog_slider .slick-dots li button:before{
	font-size:50px;
}
.blog_slider .slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--primary-color);
}
/*Blog Section CSS End Here*/
/*Testimonial Section CSS Start Here*/
.testimonial_sec{
	padding: 75px 50px;
	background-color: #F9F9F9;

}
.tes_box{
	background-color: var(--white-clr);
	text-align: center;
	/*margin-bottom: 50px;*/
	box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	position: relative;
	margin-top: 60px;
	padding: 95px;
    padding-top: 130px;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-position: center;
	cursor: move;
	
}
.tes_box::before{
	content: "\f10d";
	position: absolute;
	width: 87px;
	height: 87px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -30px;
	left: 50%;
	font-family: "Font Awesome 5 Pro";
	transform: translateX(-50%);
	font-size: 25px;
	background-color: var(--primary-color);
	color: var(--white-clr);
	padding: 15px;
}
.authr_name{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: var(--exo-font);
	color: var(--secondary-color);
}
.cust_reviews{
	font-size: 22px;
    font-style: italic;
    line-height: 150%;
}
.test_btm{
	margin-top: 30px;
}
.authr_pos{
	font-size: 14px;
	font-style: italic;
}
.testimonial_slider .slick-prev,.testimonial_slider .slick-next{
	width: 50px;
	height: 80px;
	position: absolute;
	z-index: 1;
}
.testimonial_slider .slick-prev:before,
.testimonial_slider .slick-next:before{
	font-family: "Font Awesome 5 Pro";
	font-size: 30px;
	opacity: 0.7;
}
.testimonial_slider .slick-prev:before{
	content: "\f175";
}
.testimonial_slider .slick-next:before{
	content: "\f176";
}
.testimonial_slider .slick-prev,
.testimonial_slider .slick-next{
	background-color: var(--primary-color);
}
.testimonial_slider .slick-prev{
	left: -10px;
}
.testimonial_slider .slick-next{
	right: -10px;
}
.testimonial_slider .slick-prev:hover, .testimonial_slider .slick-prev:focus, .testimonial_slider .slick-next:hover, .testimonial_slider .slick-next:focus {
    color: var(--white-clr);
    outline: none;
    background: var(--icon-color);
}
/*Testimonial Section CSS End Here*/

/*Footer Section CSS Start Here*/
.widget_sec{
	padding: 50px 30px 0;
    background-position: center;
    background-color: #222222;
    background-blend-mode: multiply;
    color: #808080;
    background-repeat: no-repeat;
    font-size: 15px;
}
.widget_title{
	font-family: var(--exo-font);
    color: #fff;
    margin-bottom: 30px;
    font-size: 20px;
}
.widget_list{
	list-style: none;
}
.widget_list li{
	position: relative;
	margin-left: 25px;
	transition: all 0.4s linear;
}
.widget_list li::before{
	content: "\f101";
	font-family: "Font Awesome 5 Pro";
	font-size:16px;
	position: absolute;
	margin-left: -25px;
	color: #808080;

}
.widget_list li:hover{
	margin-left: 30px;
	transition: all 0.4s linear;
}
.widget_list li a{
	color: #808080;
}
.widget_list li:hover a{
	color: #fff;
}
.address{
	text-indent: -14px;
    margin-left: 30px;
    color:inherit;
}
.address i,
.tele_no i,
.mobile_no i,
.email i{
	color: #808080;
	font-size: 20px;
}
.tele_no a,
.mobile_no a,
.email a{
	color: #808080;
}
footer .btn-primary{
    background-color:var(--primary-color);
    border:none;
}
footer .btn-primary:hover{
    background-color:#fff;
    border:none;
    color:var(--secondary-color);
}
.tele_no a:hover,
.mobile_no a:hover,
.email a:hover{
	color: #fff;
}
.ftr_box{
	width: 80%;
	margin:80px auto -80px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--white-clr);
	padding:10px 20px;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.ftr_socila_icons{
	display: flex;
}
.ftr_socila_icons a{
	width: 40px;
	height: 40px;
	background-color: var(--icon-color);
	color:var(--white-clr);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px;
	transition: all 0.5s linear;
}
.ftr_socila_icons a:hover{
	background-color: var(--secondary-color);
	color: var(--white-clr);
	transition: all 0.5s linear;
}
.ftr_socila_icons a i{
	transition: transform 0.4s linear;
}
.ftr_socila_icons a:hover i{
	transform: rotate(360deg);
	transition: transform 0.4s linear;
}
.copyright_sec{
	display: flex;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    background-color: #222222;
}
.copyright_item:first-child a{
	color: #fff;
	font-weight: 600;
}
.copyright_item:first-child a:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.copy_list{
	list-style: none;
	display: flex;
	margin-bottom:0;
}
.copy_list a{
	padding: 0 10px;
	color: inherit;
	transition: all 0.3s linear;
}
.copy_list a:hover{
	font-weight: 600;
	transition: all 0.3s linear;
}
.copy_list li:not(:last-child){
	border-right: 1px solid #808080;
}
/*Footer Section CSS End Here*