html, body{
font-family: "DM Sans", sans-serif;
}
a, a:hover, a:focus, a:hover img, button, button:hover, button:hover img{
transition: ease-in-out 300ms;
-o-transition: ease-in-out 300ms;
-ms-transition: ease-in-out 300ms;
-moz-transition: ease-in-out 300ms;
-webkit-transition: ease-in-out 300ms;
}
.brand_logo{
ms-flex-positive: 100;
flex-grow: 100;
padding: 0 0 5px 0;
position: relative;
top: 28px;
}
.brand_logo img{
/*height: 36px;*/
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
color: #0eef19;
}
.nav-link:focus, .nav-link:hover{
color: #0eef19;
}
.nav-link{
padding: 10px 20px !important;
}
img, a img{
max-width: 100%;
}
.nav2{
padding: 4px 0 8px 0;
background: rgba(0, 0, 0, .44) !important;
}
.dropdown-menu{
background: rgba(0, 0, 0, .44) !important;
border-radius: 0;
top: 50px !important;
padding: 0 20px;
}
.dropdown-menu li{
border-bottom: 1px solid #3f4b5a;
}
.dropdown-menu li:last-child{
border: none;
}
.dropdown-item{
color: #fff;
padding: 10px 0;
font-weight: 300;
}
.dropdown-item:hover{
color: #0eef19;
background: none;
}
.nav-link{
color: #fff;
}
.dp_flex{
display:-ms-flexbox;
display:flex;
}
.ai_center{
-ms-flex-align:center;
align-items:center;
}
.bd-placeholder-img{
position: relative;
}
.bd-placeholder-img::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
background: rgba(0, 14, 38, .65);
}
.home_header{
position: absolute;
width: 100%;
top: 0;
z-index: 9999;
}
.carousel-caption{
z-index: 999;
top: 40%;
}
.carousel-caption h1{
font-size: 48px;
font-weight: 100;
letter-spacing: 2px;
text-shadow: 0 0 4px rgba(000, 000, 000, .77);
/* border: 4px solid rgba(000, 000, 000, .15); */
/* background-clip: padding-box; */
}
.carousel-caption h2{
font-size: 48px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 4px;
text-shadow: 0 0 4px rgba(000, 000, 000, .77);
}
.construction_list{
padding: 60px 0 !important;
background: #f0f4fd;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.construction_list h2, .about_sec h4, .working_sec h6{
text-transform: uppercase;
font-size: 25px;
font-weight: 600;
color: #222931 !important;
position: relative;
padding: 0 0 10px 0;
}
.construction_list h2::after, .about_sec h4::after, .working_sec h6::after{
content: '';
width: 20px;
height: 3px;
background: #0eef19;
position: absolute;
left: 0;
bottom: 0;
}
.construction_list p{
font-size: 17px;
font-weight: 400;
color: #5f656d;
}
.construction_list button, .working_sec a.btn, .btn_property{
background: #0eef19;
border-radius: 0;
border: none;
color: #111;
}
.construction_list button:hover, .working_sec a.btn:hover, .btn_property:hover{
background: #619d25;
color: #111;
}
.construction_list .card-body{
padding: 30px;
}
.construction_list .card{
border: none;
border-radius: 0;
}
.about_sec h3{
color: #0eef19 !important;
}
.about_sec .bg-danger{
background-color: #0eef19 !important;
}
.property_list_img{
overflow: hidden;
height: 205px;
}
.property_list_img img{
max-width: 100%;height: 100%;
}
.working_sec{
padding: 100px 0 !important;
background: url(../images/working-img.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.working_sec h2{
color: #222931;
font-weight: 500;
}
.working_sec p{
color: #222931;
font-weight: 500;
}
.project_list{
padding: 60px 0 20px 0;
background: #222931;
}
.project_content_list h2{
color: #0eef19;
text-align: center;
}
.project_content_list h5{
color: #fff;
text-align: center;
margin-bottom: 40px;
}
.theme_sec{
background: url(../images/theme-bg.webp);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
footer p{
margin-bottom: 0;
}
.modal_home{
border-radius: 0;
display: none;
}
.home_page{
position: relative;
}
.accordion-item:first-of-type > .accordion-header .accordion-button{
background: rgba(147, 221, 62, .44);
}
.accordion-button:not(.collapsed){
background: rgba(147, 221, 62, .66);
}
.toggle_button_wrap{
position: fixed;
right: 0;
top:30%;
z-index: 9999;
}
.button_box{
padding-top: 133px;
float: left;
}
.toggle_arow, .toggle_arow2{
width: 50px;
height: 50px;
display: block;
background: #0eef19;
padding: 0;
box-shadow: none;
border: none;
border-radius: 10px 0 0 10px;
}
.toggle_arow svg, .toggle_arow2 svg{
width: 24px;
height: 24px;
color: #000;
/* transform: scaleX(-1); */
}
.toggle_arow2 svg{
transform: scaleX(-1);
}
.toggle_arow:hover, .toggle_arow:focus, .toggle_arow2:hover, .toggle_arow2:focus{
border: none;
background: #0eef19;
}
.toggle_arow:hover svg, .toggle_arow2:hover svg{
color: #fff;
}
.toggle_form{
float: left;
padding: 35px 30px 30px 30px;
width: 360px;
background: #fff;
border: 4px solid #0eef19;
border-radius: 10px 0 0 10px;
}
.toggle_form h4{
text-transform: uppercase;
font-size: 22px;
padding-bottom: 10px;
position: relative;
padding-right: 20px;
}
.toggle_form h4::after{
content: '';
width: 20px;
height: 3px;
background: #0eef19;
position: absolute;
left: 0;
bottom: 0;
}
.close_icon{
position: absolute;
right: 0;
top: 0;
background: none;
border: none;
float: right;
width: 20px;
height: 20px;
display: block;
text-align: center;
cursor: pointer;
}
.close_icon:hover, .close_icon:focus{
color: #90d749;
}
.toggle_formHide{
display: none;
}
.flip_arrowOn{
transform:scaleX(-1);
}
.flip_arrowOff{
transform:scaleX(1);
}
.footer_home{
padding: 18px 0;
background: #454a57;
}
.sec_4_bottom{
padding: 50px 0;
}
.section_5{
background: url(../images/section_5.png) top right no-repeat #16243e;
position: relative;
background-size: 50%;
}
/* .section_5::before{
content: '';
width: 207px;
height: 553px;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: url(../images/section_5-img.jpg) top left no-repeat;
} */
.sec_5_content{
padding: 80px 30px 70px 30px;
background: #16243e;
}
.sec_5_content h2{
color: #fff;
}
.sec_5_content p{
color: #fff;
margin: 0 0 25px 0;
font-size: 17px;
width: 100%;
}
.sec_5_content button{
background: #0eef19;
border: none;
border-radius: 0;
color: #000;
font-size: 18px;
}
.sec_5_content button:hover{
background: #fff;
color: #111;
}
.blog_img{
overflow: hidden;
height: 240px;
}
.blog_content_wrap{
position: relative;
}
.blog_content{
padding: 25px 30px;
background: #f0f4fd;
}
.blog_content ul{
padding: 0;
margin: 0 0 15px 0;
overflow: hidden;
}
.blog_content ul li{
color: #617899;
list-style: none;
float: left;
font-size: 14px;
line-height: 22px;
margin: 0 15px 0 0;
padding-right: 15px;
border-right:1px solid #d8d4ed;
}
.blog_content ul li:last-child{
border: none;
margin-right: 0;
padding-right: 0;
}
.blog_content h3{
font-size: 22px;
color: #001533;
}
.blog_content hr{
border-color:#d0cddf;
}
.blog_content a{
color: #001533;
text-decoration: none;
}
.blog_content a:hover{
color: #0eef19;
}
.section_7{
padding-bottom: 150px !important;
background: url(../images/testimonial-bg.png) center top no-repeat #f1f4fd;
}
.testimonial_wrap{
padding: 30px 30px 0 30px;
background: #fff;
}
.testimonial_1{
background: #f0f4fd;
padding: 30px;
margin: 0 0 30px 0;
}
.rating_list ul{
padding: 0;
overflow: hidden;
}
.rating_list ul li{
display: inline-block;
color: #ffa81b;
}
.comment_content blockquote{
color: #7085a4;
font-style: italic;
}
.testimonial_1 hr{
border-color: #d8d4ed;
}
.client_img{
overflow: hidden;
}
.client_img img{
width: 60px;
height: 60px;
border-radius: 50%;
float: left;
margin: 0 15px 0 0;
}
.client_img h5{
overflow: hidden;
color: #001533;
font-size: 17px;
padding: 10px 0 0 0;
}
.client_img h5 span{
display: block;
color: #617899;
font-size: 15px;
}
.footer_top{
background: #5f8eff;
padding: 30px;
margin: -60px 0 0 0;
z-index: 9;
position: relative;
}
.foot_top_1{
overflow: hidden;
}
.foot_top_1 img{
float: left;
margin: 0 15px 0 0;
}
.foot_top_1 h4, .foot_top_1 h5, .foot_top_1 a{
color: #fff;
text-decoration: none;
}
.foot_top_1 h4{
font-size: 16px;
font-weight: 400;
}
.foot_top_1 a:hover{
color: #0eef19;
}
.footer_bottom{
background: #001533;
padding: 150px 0 0 0;
margin: -60px 0 0 0;
}
.foot_logo img{
width: 126px;
margin: 0 0 30px 0;
}
.footer_1 h4{
color: #adb2be;
font-size: 16px;
line-height: 28px;
font-weight: 300;
}
.footer_2 h2, .footer_3 h2, .footer_4 h2{
color: #fff;
font-size: 20px;
margin: 0 0 30px 0;
}
.footer_2 ul, .footer_3 ul, .footer_4 ul{
list-style: none;
padding: 0;
}
.footer_2 li, .footer_3 li{
margin: 0 0 10px 0;
}
.footer_2 li a, .footer_3 li a, .footer_4 li a{
color: #adb2be;
text-decoration: none;
font-size: 15px;
}
.footer_2 li a:hover, .footer_3 li a:hover, .footer_4 li a:hover{
color: #0eef19;
}
/* .footer_4{
padding-left: 50px;
} */
.footer_4 li{
float: left;
margin: 0 15px 15px 0;
}
.footer_4 li a img{
width: 90px;
}
.footer_4 li a:hover img{
opacity: 0.6;
}
.footer_bottom hr{
border-color: #263851;
}
.footer_1, .footer_2, .footer_3{
border-right: 1px solid #1b2d48;
min-height: 250px;
}
.copyright_sec{
color: #fff;
}
.copyright_sec h5{
font-size: 14px;
font-weight: 300;
color: #adb2be;
}
.copyright_sec h5 a{
color:#fff;
text-decoration: none;
}
.copyright_sec h5 a:hover{
color: #0eef19;
}
.copyright_sec ul{
float: right;
overflow: hidden;
}
.copyright_sec ul li{
list-style: none;
float: left;
margin: 0 0 0 15px;
padding: 0 15px 0 0;
border-right: 1px solid #263851;
}
.copyright_sec ul li a{
font-size: 14px;
font-weight: 300;
color:#fff;
text-decoration: none;
}
.copyright_sec ul li a:hover{
color: #0eef19;
}
.copyright_sec ul li:last-child{
padding: 0;
border: none;
}
.iti{
width: 100%;
}
.iti__selected-flag{
padding-right: 20px !important;
position: relative;
z-index: 99;
}
.iti__flag.iti__gb{
position: relative;
z-index: 9;
}
.iti__arrow{
position: relative;
z-index: 9;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel]{
padding-left: 60px !important;
}
/*-- About Us --*/
.about_page{
position: relative;
}
.banner_aboutus{
background-image: url(../images/about-us/about-banner-bg.jpg);
background-position: center center;
background-size: cover;
min-height: 400px;
}
.about_breadcrumb{
display: table;
height: 444px;
padding-top: 50px;
}
.breadcrumb_choicify{
display: table-cell;
vertical-align: middle;
}
.breadcrumb_choicify h1{
color: #fff;
font-size: 3rem;
font-weight: 700;
margin: 0 0 20px 0;
}
.breadcrumb li a{
text-decoration: none;
color: #fff;
}
.breadcrumb-item.active{
color: #0eef19;
}
.breadcrumb-item + .breadcrumb-item::before{
color: #5f656d;
}
.feature-icon-small {
width: 3rem;
height: 3rem;
}
.about_sec2{
background: url(../images/about-us/chooseus_bg.jpg);
}
.about_sec2 ul{
list-style: none;
padding: 0;
}
.about_sec2 img{
border-radius: 0 0 0 200px;
}
.about_sec3{
position:relative;
min-height:500px;/* for testing*/
}
.about_sec3:before{
content:"";
position:absolute;
left:0;
top:0;
right:50%;
bottom:0;
background:#001533;
z-index:-1;
}
.about_sec3:after{
content:"";
position:absolute;
left:50%;
top:0;
right:0;
bottom:0;
background: url(../images/about-us/mission_img.jpg) center center no-repeat;
z-index:-1;
}
.about_sec3 h2, .about_sec3 p{
color: #fff;
}
.mission_section{
height: 500px;
display: table;
width: 40%;
margin-left: 10%;
}
.mission_content{
vertical-align: middle;
display: table-cell;
}
/*---Property Listing Page*/
.page_property {
padding:80px 0;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.filters {
display: flex;
gap: 10px;
align-items: center;
}
.view,
.sort {
padding: 8px 12px;
border-radius: 6px;
border: 1px solid #cbd5e1;
background: white;
cursor: pointer;
}
.view.active {
background-color: #3b82f6;
color: white;
}
.cards {
display: grid;
gap: 25px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.card {
background: white;
border-radius: 10px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
overflow: hidden;
transition: transform 0.2s;
}
.card:hover {
transform: translateY(-4px);
}
.card-image {
position: relative;
}
.card-image img {
width: 100%;
height: 200px;
object-fit: cover;
}
.badge {
position: absolute;
top: 10px;
left: 10px;
padding: 5px 10px;
color: white;
font-size: 12px;
border-radius: 4px;
font-weight: bold;
}
.rent {
background-color: #111827;
}
.sale {
background-color: #d1fa1a;
color: #1e3a8a;
}
.featured {
top: 40px;
left: 10px;
background-color: #059669;
}
.icons {
position: absolute;
top: 10px;
right: 10px;
display: flex;
gap: 8px;
}
.icons span {
background: white;
border-radius: 50%;
width: 30px;
height: 30px;
display: grid;
place-items: center;
font-size: 14px;
cursor: pointer;
}
.card-body {
padding: 15px;
}
.location {
font-size: 14px;
color: #6b7280;
margin-bottom: 8px;
}
h2 {
margin: 0;
font-size: 18px;
font-weight: 600;
}
.features {
font-size: 14px;
margin: 10px 0;
color: #4b5563;
}
.bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.price {
font-size: 18px;
font-weight: bold;
color: #111827;
}
.price span {
font-size: 14px;
color: #6b7280;
}
.btn {
background: #3b82f6;
color: white;
padding: 6px 12px;
text-decoration: none;
border-radius: 5px;
font-size: 14px;
}
.pagination {
margin-top: 40px;
text-align: center;
}
.pagination a {
margin: 0 5px;
padding: 8px 12px;
background: white;
color: #3b82f6;
border: 1px solid #cbd5e1;
border-radius: 6px;
text-decoration: none;
}
.pagination a.active {
background: #3b82f6;
color: white;
font-weight: bold;
}
/*---Property Details Page---*/
.property-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 2px solid #ddd;
padding-bottom: 15px;
padding: 60px 0 15px 0;
margin-bottom: 20px;
}
.property-header .left h1 {
font-size: 28px;
color: #2c3e50;
}
.property-header .left p {
color: #888;
font-size: 14px;
margin-top: 5px;
}
.property-header .right h2 {
font-size: 24px;
color: #0eef19
}
.property-header .right h2 span {
font-size: 16px;
color: #999;
}
.property-header .icons i {
margin-left: 10px;
font-size: 18px;
color: #777;
cursor: pointer;
}
main.content {
display: flex;
gap: 30px;
}
.main-info {
flex: 2.5;
}
.sidebar {
flex: 1;
}
.description {
margin-bottom: 20px;
line-height: 1.6;
}
.video-container {
margin-bottom: 20px;
}
.property-details {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px 30px;
margin-bottom: 20px;
}
.amenities {
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
margin-bottom: 20px;
}
.amenities li {
background: #eef;
padding: 8px;
border-radius: 5px;
font-size: 14px;
}
.floorplan {
max-width: 100%;
margin-bottom: 10px;
}
.documents a {
display: block;
color: #3498db;
text-decoration: none;
margin-bottom: 5px;
}
.loan-form input {
width: 100%;
padding: 8px;
margin: 5px 0;
}
.loan-form button {
padding: 10px;
width: 100%;
background-color: #27ae60;
color: #fff;
border: none;
cursor: pointer;
margin-top: 10px;
}
.loan-results p {
margin: 8px 0;
}
.reviews {
display: flex;
gap: 20px;
margin-top: 10px;
}
.rating h1 {
font-size: 36px;
color: #e67e22;
}
.rating p {
margin: 4px 0;
}
.inquiry-form input,
.inquiry-form textarea {
width: 100%;
padding: 8px;
margin: 5px 0;
}
.inquiry-form button {
width: 100%;
padding: 10px;
background-color: #3498db;
color: white;
border: none;
cursor: pointer;
}
.agent {
margin-top: 30px;
}
.agent img {
width: 100%;
border-radius: 10px;
margin: 10px 0;
}
.featured ul,
.categories ul {
list-style: none;
padding-left: 0;
margin-top: 10px;
}
.featured li,
.categories li {
margin: 5px 0;
font-size: 14px;
}
.cta {
background: #f0f8ff;
padding: 15px;
margin-top: 30px;
text-align: center;
}
.cta a {
display: inline-block;
margin-top: 10px;
padding: 10px 15px;
background-color: #2980b9;
color: white;
text-decoration: none;
border-radius: 4px;
}
.box {
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.agent-box img {
width: 80px;
border-radius: 8px;
margin-right: 15px;
}
.agent-info {
display: flex;
align-items: center;
}
.agent-details h3 {
margin: 0;
}
.featured-listing {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.featured-listing img {
width: 80px;
height: 60px;
object-fit: cover;
border-radius: 6px;
margin-right: 15px;
}
.locations {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
}
.location-card {
position: relative;
color: white;
font-weight: 600;
border-radius: 10px;
overflow: hidden;
}
.location-card img {
width: 100%;
height: 120px;
object-fit: cover;
display: block;
}
.location-card .label {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(0, 0, 0, 0.5);
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
}
.cta {
text-align: center;
color: white;
position: relative;
}
.cta img {
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 10px;
}
.cta-text {
position: absolute;
top: 30%;
left: 10%;
color: white;
font-size: 24px;
font-weight: 600;
}
.cta a {
position: absolute;
top: 60%;
left: 10%;
background: #ffffffcc;
color: #000;
padding: 10px 20px;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
}
/*---Contact Page---*/
.contact-info, .contact-form {
flex: 1;
min-width: 320px;
}
.contact-info h4 {
color: #ff3b3b;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 14px;
}
.contact-info h1 {
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.2;
}
.contact-info p {
font-size: 16px;
color: #777;
margin-bottom: 30px;
}
.info-item {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.info-item i {
color: red;
font-size: 24px;
margin-right: 15px;
}
.info-item span {
font-weight: 300;
color: #777;
}
.info-item strong {
display: block;
color: #000;
}
.contact-form h2 {
font-size: 28px;
font-weight: 700;
margin-bottom: 30px;
}
form {
display: flex;
flex-direction: column;
gap: 20px;
}
input, select, textarea {
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 16px;
width: 100%;
}
textarea {
resize: vertical;
min-height: 120px;
}
.btn {
background-color: #0eef19;
color: black;
border: none;
border-radius: 30px;
padding: 14px 20px;
font-size: 16px;
cursor: pointer;
transition: 0.3s ease;
width: 150px;
margin-top: 26px;
}
.btn:hover {
background-color: #109416;
}
/*---Team Page---*/
.team_content {
}
.team_content .card {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
text-align: center;
}
.team_content .card img {
width: 100%;
border-radius: 8px;
height: 200px;
object-fit: cover;
margin-bottom: 15px;
}
.team_content .card h3 {
margin: 10px 0 5px;
font-weight: 600;
}
.team_content .card p {
color: #666;
margin-bottom: 15px;
}
.team_content .socials {
display: flex;
justify-content: center;
gap: 10px;
}
.team_content .socials a {
text-decoration: none;
color: #333;
font-size: 22px;
padding:10px;
}
.team_content .socials a:hover{
color: #0eef19;
}
/*---Blog Page---*/
.blog_content{
background: none;
}
/* Sidebar */
.sidebar {
}
.search-box {
display: flex;
margin-bottom: 30px;
}
.search-box input {
flex: 1;
padding: 10px;
border: 1px solid #ccc;
border-right: none;
border-radius: 6px 0 0 6px;
}
.search-box button {
padding: 10px 15px;
border: 1px solid #ccc;
background-color: white;
border-left: none;
border-radius: 0 6px 6px 0;
cursor: pointer;
}
.sidebar h3 {
margin-bottom: 10px;
font-size: 18px;
}
.sidebar ul {
list-style: none;
margin-bottom: 30px;
}
.sidebar ul li {
display: block;
float: none;
padding: 5px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #ddd;
font-size: 15px;
}
.recent-posts ul li {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 14px;
gap: 10px;
}
.recent-posts img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 4px;
}
.tags span {
display: inline-block;
background-color: #e0ecff;
color: #0044cc;
padding: 5px 10px;
border-radius: 20px;
margin: 5px 5px 0 0;
font-size: 13px;
}
.explore {
margin-top: 30px;
position: relative;
color: white;
}
.explore img {
width: 100%;
border-radius: 8px;
display: block;
}
.explore p {
position: absolute;
bottom: 45px;
left: 15px;
font-weight: bold;
font-size: 16px;
}
.explore a {
position: absolute;
bottom: 15px;
left: 15px;
background: #ffffff;
color: #333;
padding: 8px 14px;
border-radius: 20px;
font-size: 14px;
text-decoration: none;
}
/* Main Content Area */
.content {
}
.post {
background: white;
margin-bottom: 30px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
width: 100%;
}
.post img {
width: 100%;
height: auto;
display: block;
}
.post .meta {
font-size: 13px;
color: #888;
padding: 15px 20px 0;
}
.post h2 {
font-size: 22px;
margin: 10px 20px;
color: #003366;
}
.post p {
margin: 0 20px 20px;
font-size: 15px;
color: #444;
}
.read-more {
display: inline-block;
margin: 0 20px 20px;
padding: 8px 16px;
border: 1px solid #003366;
color: #003366;
border-radius: 20px;
font-size: 14px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.read-more:hover {
background-color: #003366;
color: white;
}
/* Pagination */
.pagination {
text-align: center;
margin-top: 20px;
}
.pagination a {
display: inline-block;
margin: 0 5px;
padding: 8px 14px;
border-radius: 50%;
background-color: #e0ecff;
color: #003366;
text-decoration: none;
font-weight: bold;
}
.pagination a.active {
background-color: #003366;
color: white;
}
/*---FAQ---*/
.right_faq{
padding: 20px;
border: 1px solid #cbd5e1;
border-radius: 4px;
}
/*---Portfolio---*/
#gallery h2 {
color: white;
}
#gallery .img-overlay{text-align: center; flex-direction: column; gap: 10px;}
#gallery .img-wrapper img{/*min-height: 340px;*/}
.img-wrapper {
position: relative;
margin-top: 15px;
img {
width: 100%;
}
}
.img-overlay {
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
cursor: pointer;
i {
color: #fff;
font-size: 3em;
}
}
#overlay {
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
img {
margin: 0;
width: 80%;
height: auto;
object-fit: contain;
padding: 5%;
@media screen and (min-width:768px) {
width: 60%;
}
@media screen and (min-width:1200px) {
width: 50%;
}
}
}
#nextButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
&:hover {
opacity: 0.7;
}
@media screen and (min-width:768px) {
font-size: 3em;
}
}
#prevButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
&:hover {
opacity: 0.7;
}
@media screen and (min-width:768px) {
font-size: 3em;
}
}
#exitButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
position: absolute;
top: 15px;
right: 15px;
&:hover {
opacity: 0.7;
}
@media screen and (min-width:768px) {
font-size: 3em;
}
}
.no-gap{
margin: 0;
padding: 0;
}
@media screen and (max-width: 1199px){
.nav2{
padding: 4px 0 8px 0;
background: rgba(0, 0, 0, 1) !important;
}
.nav2 div.show{
padding-top: 40px;
}
.carousel-caption h1, .carousel-caption h2{
font-size: 26px;
}
.carousel-caption{
top: 15%;
}
.property_list_img{
height: 190px;
}
.construction_list .card-body {
padding: 20px;
}
.construction_list h2, .about_sec h4, .working_sec h6{
font-size: 22px;
}
.blog_img {
height: 180px;
}
.section_5{
min-height: inherit;
background-size: 50%;
}
.sec_5_content{
padding:10px;
}
.footer_4 li {
margin: 0 10px 10px 0;
}
.footer_4 li a img {
width: 80px;
}
.mission_section{
margin-left: 4%;
}
.banner_home{
padding-top: 50px;
}
.bd-placeholder-img img{
max-width: 200%;
}
.carousel-inner{
height: 310px;
}
}/*----*/