/*!
Theme Name: Cosmo Properties
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cosmo-properties
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Cosmo Properties is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
  font-family: 'Marcellus-Regular';
  src: url("./fonts/Marcellus-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Jost-Bold';
  src: url("./fonts/Jost-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Jost-Regular';
  src: url("./fonts/Jost-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Jost-SemiBold';
  src: url("./fonts/Jost-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'Jost-Medium';
  src: url("./fonts/Jost-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Jost-ExtraBold';
  src: url("./fonts/Jost-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: 'Jost-Black';
  src: url("./fonts/Jost-Black.ttf") format("truetype");
}

@font-face {
  font-family: 'Jost-Light';
  src: url("./fonts/Jost-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'Jost-ExtraLight';
  src: url("./fonts/Jost-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: 'Jost-Thin';
  src: url("./fonts/Jost-Thin.ttf") format("truetype");
}


body{
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}


img{
	max-width:100%;
}

a{
	text-decoration:none;
	font-size:18px;
	font-family: 'Jost-Regular';
}

p, ul li, ol li{
	font-size:16px;
	font-family: 'Jost-Regular';
}


/* header css */

header.transparent-header {
    border-top: 2px solid #C29B40;
    padding: 15px 0px;
    border-bottom: 1px solid rgba(255 255 255/15%);
}

.header-logo a {
    display: block;
}

.header-logo a img {
    height: 35px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent !IMPORTANT;
    color: #c29b40 ! IMPORTANT;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {background: transparent !IMPORTANT;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    background: transparent !IMPORTANT;
}

div#mega-menu-wrap-menu-1 {
    background: transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    height: auto !IMPORTANT;
    line-height: normal !IMPORTANT;
    padding: 10px 18px !IMPORTANT;
    font-family: 'Marcellus-Regular';
    font-size: 16px;
    text-shadow: 0 3px 6px #0000004F;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-child a.mega-menu-link {
    border: 1px solid #C29B40 !IMPORTANT;
    margin-left: 20px;
}

.btn-group {
    margin-left: 15px;
}

.btn-group a {
    display: inline-flex !IMPORTANT;
    justify-content: center;
    align-items: center !IMPORTANT;
    background: #C29B40;
    height: 40px;
    font-family: 'Marcellus-Regular';
    color: #fff;
    font-size: 16px;
    padding: 0px 15px;
    border: 1px solid #C29B40;
}

.btn-group a img {
    height: 23px;
    margin-right: 6px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #fff !IMPORTANT;
    font-family: 'Marcellus-Regular';
    font-size: 16px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
    background: #c29b40 ! IMPORTANT;
    color: #fff !IMPORTANT;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-child a.mega-menu-link:hover {
    background: #c29b40 ! IMPORTANT;
    color: #fff !IMPORTANT;
}

.btn-group a:hover {
    background: #001731;
    color: #fff;
/*     border-color: #001731; */
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    transform: translateY(3px);
}

header.transparent-header.fixed-header {
    position: fixed;
    top: 0px;
    left: 0px;
	animation:slide_top ease-in-out 0.5s;
}

@keyframes slide_top{
	0%{
		transform:translatey(-50px);
	}
	100%{
		transform:translatey(0px);
	}
}

header.transparent-header {
    transition: 0.5s;
}

header.transparent-header:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
    background: #001731;
    z-index: -1;
    transition: 0.5s;
}

header.transparent-header.fixed-header:before {
    height:100%;
}


/* header css */

/* hero section css */

section.home-banner-slider {
    height: calc(100vh - 29px);
    width: 100%;
    position: relative;
}

.blue-header {
    background: #001731;
    padding: 5px 0px;
}

.blue-header-txt p {
    margin: 0px;
    color: #fff;
    font-family: 'Marcellus-Regular';
    letter-spacing: 4px;
    font-size: 14px;
}

header.transparent-header {
    position: absolute;
    width: 100%;
    z-index: 999;
}

div#main-banner-slider {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

section.home-banner-slider {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero__overlay {
    position: relative;
    z-index: 9;
/*     height: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
/*     background: rgba(0 0 0/45%); */
    padding: 100px 0px;
}

.img-slide {
    position: relative;
}

.img-slide:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0 0 0/45%);
}

.img-slide:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0 0 0/35%), transparent);
}

.banner-side-title {
    font-family: 'Marcellus-Regular';
    color: #fff;
    letter-spacing: 3px;
    position: absolute;
    transform: rotate(-90deg) translateY(-50%);
    left: -145px;
    top: 45%;
	z-index:9;
}

.banner-main-title h2 {
    display: inline-block;
    background: rgba(255 255 255 / 30%);
    padding: 4px 19px;
    color: #fff;
    font-family: 'Marcellus-Regular';
    letter-spacing: 3px;
    font-size: 14px;
}

.banner-main-title h1 {
    padding: 4px 19px;
    color: #fff;
    font-family: 'Marcellus-Regular';
    font-size: 64px;
    text-shadow: 0 0 3px #00000069;
}

.banner-main-title p {
    color: #fff;
    text-shadow: 0 0 3px #00000069;
}

.banner-main-title {
    padding: 0px 17%;
}

.banner-side-title:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 75px;
    background: #fff;
    left: -87px;
    top: 10px;
}

.button_group a {
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Marcellus-Regular';
    margin-right: 10px;
    padding: 0px 18px;
    min-width: 170px;
    font-size: 16px;
}

.button_group a:last-child {
    margin: 0px;
}

a.dark_button {
    background: #C29B40;
    color: #fff;
}

a.light_button {
    background: #fff;
    color: #000000;
}

a.light_button img {
    filter: invert(1);
    height: 21px;
    margin-right: 8px;
}

.banner-main-title .button_group {
    margin-top: 31px;
}

a.dark_button:hover {
    background: #001731;
}

a.light_button:hover {
    background: #c29b40;
    color: #fff;
}

a.light_button:hover img {
    filter: invert(0);
}

.button_group a:hover {
    box-shadow: 0px 0px 20px rgba(0 0 0/20%);
}

.swiper-pagination {
    bottom: 25px !IMPORTANT;
}

.swiper-pagination span {
    border-radius: 0px !IMPORTANT;
    width: 40px;
    height: 2px;
    background: #fff !IMPORTANT;
}

/* hero section css */


/* offer css */

section.offer_section {
    padding: 70px 0px;
}

.title_text h5 {
    display: inline-block;
    background: #D6DBE1;
    padding: 6px 16px;
    font-family: 'Marcellus-Regular';
    color: #000;
    font-size: 16px;
	letter-spacing: 3.3px;
}

.title_text h2 {
    font-family: 'Marcellus-Regular';
    color: #000;
    font-size: 40px;
}

.pd-section {
    padding: 0px 75px;
}

.offer_block {
    border: 1px solid #EDE1C5;
    padding: 30px;
    margin: 10px;
    height: 100%;
    transition: 0.5s;
    position: relative;
}

.offer_image {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #c29b40;
    border: 1px solid #fdfbf8;
    height: 90px;
    width: 90px;
    margin-bottom: 25px;
    outline: 5px solid #c29b40;
}

.offer_image img {
    height: 52px;
}

.offer_block h2 {
    font-family: 'Marcellus-Regular';
    color: #000;
    font-size: 28px;
    margin-bottom: 10px;
}

.offer_block p {
    margin: 0px;
    line-height: 28px;
}

.offer_block:hover {
    box-shadow: 4px 5px #c29b40;
    background: #002349;
    border-color: #002349;
}

.offer_block:hover h2, .offer_block:hover p {
    color: #fff;
}

.banner-main-title p {
    font-size: 20px;
}

/* offer css */

/* feature css */

section.feature_section {
    padding: 60px 0px;
}

.white_text h2 {
    color: #fff;
}

.feature_block {
    background: #fff;
}

.feature_image {
    position: relative;
}

.feature_image img {
    width: 100%;
    height: 210px;
    object-fit:cover;
}

.feature_image a {
    display: block;
	overflow:hidden;
}

.specia_offer_overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #D20202;
    color: #fff;
    font-family: 'Marcellus-Regular';
    font-size: 14px;
    padding: 4px 8px;
}

.feature_tags {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    flex-wrap: wrap;
    width: 243px;
    gap: 7px;
    justify-content: end;
}

.feature_tags span {
    background: #FFFFFF;
    color: #000000;
    font-family: 'Marcellus-Regular';
    font-size: 15px;
    padding: 4px 8px;
}

.feature_block_inner {
    padding: 20px;
}

.location_feature a {
    display: inline-flex;
    align-items: center;
    background: #D6DBE1;
    padding: 5px 15px;
    color: #002349;
    font-size: 17px;
}

.location_feature a img {
    margin-right: 5px;
    height: 20px;
}

.location_feature {
    margin-bottom: 10px;
}

.feature_block_inner h2 {
    color: #000000;
    font-family: 'Marcellus-Regular';
    font-size: 28px;
    margin-bottom: 10px;
}

.aminitys_feature {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 20px;
}

.aminitys_feature_block {
    display: flex;
    align-items: center;
}

.aminitys_feature_block img {
    height: 20px;
    margin-right: 6px;
}

.aminitys_feature_block h5 {
    margin: 0;
    font-family: 'Jost-Regular';
    color: #000000;
    font-size: 16px;
}

.aminitys_feature_block h5 span {
    font-weight: 700;
    margin-right: 4px;
}

.feature_block_inner p {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #000000;
    font-size: 18px;
}

.feature_block_inner h3 {
    color: #C29B40;
    font-size: 25px;
    font-weight:bold;
    margin:0px;
}

.feature_slider .swiper-pagination {
    position: static !IMPORTANT;
    margin-top: 40px;
}

/* feature css */


/* luxury css */

section.luxury_section {
    padding-top: 60px;
    background-size: contain !IMPORTANT;
}

.image_luxury.pd_left {
    padding-right: 50px;
}

.title_text p {
    line-height: 30px;
}

.border_button a {border: 1px solid transparent;}

.border_button a.light_button {
    border: 1px solid #000;
}

.border_button a.light_button:hover {
    border: 1px solid transparent;
}

section.floorplan_section {
    margin: 60px 0px;
}

.image_luxury.pd_right {
    padding-left: 50px;
}

/* luxury css */


/* aminitys css */

section.amenities_section {
    padding: 70px 0px;
}

.amenities_block a {
    display: block;
    color: #000;
}

section.amenities_section .col-md-4 {
    margin-bottom: 30px;
}

.amenities_block {
    position: relative;
    transition: 0.5s;
}

.amenities_block_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    background: linear-gradient(to bottom, transparent, transparent, #0000006E, #000000D9);
}

.amenities_block_inner h2 {
    margin-top: auto;
    margin-bottom: 0px;
    color: #fff;
    text-shadow: 0 0 20px #0000004A;
    font-family: 'Marcellus-Regular';
    font-size: 24px;
}

.amenities_block:hover {
    box-shadow: 0px 0px 20px rgba(194 155 64/45%);
}

/* aminitys css */


/* gallery css */

section.gallery_section {
    position: relative;
    padding: 70px 0px;
    overflow:hidden;
}

section.gallery_section:before {
    content: '';
    position: absolute;
    right: 0px;
    width: 25%;
    height: 35%;
    top: -17%;
    background-repeat: no-repeat ! IMPORTANT;
    background-size: contain ! IMPORTANT;
}

section.gallery_section:after {
    content: '';
    position: absolute;
    left: 0px;
    width: 25%;
    height: 35%;
    bottom: -15%;
    background-repeat: no-repeat ! IMPORTANT;
    background-size: contain ! IMPORTANT;
}

.gallery_block_row {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.gallery_main_block {
    width: 32%;
    margin-bottom: 30px;
}

.gallery_main_block:nth-child(1), .gallery_main_block:nth-child(2) {
    width: 49%;
}

section.gallery_section .container {
    position: relative;
    z-index: 1;
}

/* gallery css */

/* testimonial css */

section.testimonial_section {
    padding: 70px 0px;
}

.testimonial_block {
    background: #F6F8F9;
    padding: 32px;
    min-height: 305px;
}

img.testimonial_star {
    height: 25px;
}

img.testimonial_quate {
    height: 76px;
    margin-left: auto;
    filter: brightness(0);
    opacity: 0.3;
}

.image_testimonial {
    display: flex;
    align-items: center;
}

.testimonial_content {
    margin-top: 10px;
}

.testimonial_content p {
    line-height: 28px;
}

.testimonial_content h5 {
    color: #002349;
    font-family: 'Marcellus-Regular';
    text-align: right;
    font-size: 21px;
    margin: 0px;
}

.testimonial_slider .swiper-pagination {
    position: static !IMPORTANT;
    margin-top: 40px;
}

.testimonial_social h2 {
    margin-bottom: 40px;
    position: relative;
}

.testimonial_social h2:before, .testimonial_social h2:after {
    content: '';
    height: 2px;
    width: 27%;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.testimonial_social h2:before {
    left: 0;
}

.testimonial_social h2:after {
    right: 0px;
}

ul.social_media {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.social_media li {
    margin-right: 35px;
}

ul.social_media li:last-child {
    margin: 0px;
}

ul.social_media li img {
    height: 38px;
}

ul.social_media li img:hover {
    opacity: 0.5;
}

.testimonial_social {
    padding-top: 25px;
}

/* testimonial css */

/* contact css */

section.contact_section {
    margin: 70px 0px;
}

.contact_form .title_text {
    background: #002349;
    padding: 20px 15px;
    border-bottom: 4px solid #C29B40;
}

.white_text p {
    color: #fff;
}

.contact_form .title_text h2 {
    margin: 0px;
}

.contact_form .title_text p {
    margin: 0px;
}

.contact_form {
    margin-left: 15px;
    border: 1px solid #D6DBE1;
    background: #F6F8F9;
}

.form_block {
    padding: 25px;
}

.form_block p {
    margin: 0px;
}

.form_input {
    margin-bottom: 15px;
    width: 50%;
    padding: 0px 5px;
}

.form_input input, .form_input select,
.form_input textarea {
    width: 100%;
    height: 45px;
    padding: 5px 14px;
    border: 1px solid #D6DBE1;
    outline: none !IMPORTANT;
    box-shadow: none !IMPORTANT;
    background: #fff;
    color: #000000;
    font-family: 'Marcellus-Regular';
    font-size: 16px;
}

.form_input textarea {
	height: 100px;
}

::-webkit-input-placeholder {
  color: #000;
}
::-moz-placeholder {
  color: #000;
}
:-ms-input-placeholder {
  color: #000;
}
:-moz-placeholder {
  color: #000;
}

.form_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.submit_button input[type="submit"] {
    background: #C29B40;
    width: 100%;
    border: none !IMPORTANT;
    outline: none !IMPORTANT;
    height: 45px;
    color: #fff;
    font-family: 'Marcellus-Regular';
    font-size: 19px;
}

.submit_button {
    margin-bottom: 10px;
}

.form_text {
    text-align: center;
}

.form_text p {
    color: #AFAFAF;
    font-size: 13px;
}

.submit_button input[type="submit"]:hover {
    background: #002349;
}

.form_input.lable p {
    font-family: 'Marcellus-Regular';
    font-size: 16px;
    color: #000000;
}

.contact_info {
    padding: 7px;
}

.contact_info_inner {
    background: rgba(0 35 73/80%);
    padding: 30px;
}

.contact_image {
    padding-top: 40px;
    margin-bottom: 42px;
}

.contact_info_row {
    margin-bottom: 37px;
}

.contact_info_row img {
    height: 50px;
    margin-bottom: 10px;
}

.contact_info_link a {
    color: #fff;
}

.contact_info_link a:hover {
    color: #c29b40;
}

/* contact css */

/* blog css */

section.blog_section {
    padding: 70px 0px;
    position: relative;
	margin-bottom:40px;
}

section.blog_section:before {
    content: '';
    position: absolute;
    height: 50%;
    width: 100%;
    background: #002349;
    left: 0px;
    top: 0px;
}

section.blog_section .container {
    position: relative;
    z-index: 1;
}

.blog_block {
    border: 1px solid #00234924;
    background: #F6F8F9;
    height: 100%;
}

.feature_image img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    transition: 0.5s;
}

.blog_content {
    padding: 27px;
    position: relative;
}

.blog_content h5 {
    display: inline-block;
    background: #D6DBE1;
    padding: 6px 16px;
    font-family: 'Marcellus-Regular';
    color: #000;
    font-size: 15px;
    margin: 0px;
    position: absolute;
    top: -15px;
}

a.title_blog, a.title_blog h2 {
    color: #000;
    font-family: 'Marcellus-Regular';
    font-size: 28px;
}

.read_more_button {
    margin-top: 20px;
}

.read_more_button a {
    background: #FFFFFF00;
}

.blog_block:hover img {
    transform: scale(1.2) rotate(-3deg);
}

/* blog css */


/* footer css */

.main-footer {
    background-size: cover !IMPORTANT;
    background-repeat: no-repeat !IMPORTANT;
    background-position: bottom center !IMPORTANT;
    border-top: 4px solid #C29B40;
    padding: 50px 0px;
}

.footer-logo-content a {
    display: block;
    margin-bottom: 19px;
}

.footer-logo-content a img {
    height: 26px;
}

.footer-logo-content p {
    line-height: 31px;
    margin: 0px;
}

.footer-title h3 {
    font-family: 'Marcellus-Regular';
    color: #20384A;
    font-size: 27px;
    margin-bottom: 15px;
}

.footer-title ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footer-title ul li a {
    display: inline-block;
    color: #000000;
    font-size: 16px;
    line-height: 31px;
    transition: 0.5s;
}

.footer-title ul li a:hover {
    letter-spacing: 1px;
    color: #c29b40;
}

span.wpcf7-spinner {
    display: none !IMPORTANT;
}

.footer-newsletter p {
    margin: 0px;
    position: relative;
}

.footer-newsletter p span {
    display: block;
    width: 100%;
}

.footer-newsletter p span input {
    width: 100%;
    height: 45px;
    border: 1px solid #D6DBE1;
    color: #000000;
    font-family: 'Marcellus-Regular';
    font-size: 17px;
    padding: 5px 15px;
    outline: none !IMPORTANT;
    box-shadow: none !IMPORTANT;
}

.footer-newsletter p input[type="submit"] {
    height: 45px;
    font-size: 0px;
    width: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
    border: none !IMPORTANT;
    outline: none !IMPORTANT;
    box-shadow: none !IMPORTANT;
    background-color: #C29B40;
    background-repeat: no-repeat !important;
    background-position: center center !IMPORTANT;
    background-size: 29px !IMPORTANT;
}

.footer-newsletter p span input::-webkit-input-placeholder {
  color: #000;
}
.footer-newsletter p span input::-moz-placeholder {
  color: #000;
}
.footer-newsletter p span input:-ms-input-placeholder {
  color: #000;
}
.footer-newsletter p span input:-moz-placeholder {
  color: #000;
}


.copyright {
    background: #002349;
    padding: 7px 0px;
}

.copyright p, .copyright p a {
    margin: 0px;
    color: #fff;
    font-size: 15px;
}

.copyright p a:hover {
    color: #c29b40;
}

.footer-newsletter p input[type="submit"]:hover {
    background-color: #002349;
}

/* footer css */

section.page_section.common_banner {
    padding: 100px 0px 0px 0px;
    background-color: #0000004A;
    position: relative;
}
.page_title {
    padding: 50px 0px 100px 0px;
    text-align: center;
}
.page_title h1 {
    color: #ffffff;
    font-size: 50px;
    margin: 0;
    z-index: 1;
    position: relative;
    font-family: 'Marcellus-Regular';
    text-transform: uppercase;
	letter-spacing: 2px;
}
section.page_section.common_banner::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000000;
    opacity: 60%;
}

/* contact us css start */
section.contact_page .form_input {
    width: 100%;
}
section.contact_page {
    padding: 60px 0px;
}
section.contact_page .contact_form {
    margin: 0;
}
ul.contact_footer {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
ul.contact_footer li {
    margin-bottom: 11px;
}
ul.contact_footer li a {
    display: flex;
    flex-wrap: wrap;
}
ul.contact_footer li a {
    color: #000000;
}
.icon_footer {
    width: 40px;
}
.contact_info_deta {
    width: calc(100% - 40px);
    padding-left: 10px;
}
.contact_info_deta h5 {
    font-size: 16px;
    font-family: 'Marcellus-Regular';
}
.contact_info_deta p {
    font-family: 'Marcellus-Bold';
    font-size: 22px;
    margin: 0 0 5px 0;
	color: #000000;
}
.contact_info_deta h5 {
    font-size: 15px;
    font-family: 'Marcellus-Regular';
	color: #000000;
}
.follow_us_title h2 {
	font-family: 'Marcellus-Regular';
	color: #000;
	font-size: 40px;
	margin: 0 0 27px 0;
}
ul.social_media.contact_social {
    justify-content: left;
}
ul.social_media.contact_social img {
    filter: brightness(0%);
}
.contact_info_deta h5:hover {
    color: #002349;
}
section.contact-iframe p {
	margin: 0;
}
section.contact-iframe p iframe {
    margin-bottom: -7px;
    height: 350px;
}
/* contact us css end */

/* about us css start */
section.about-cosmo-sec,
section.what-we-do-sec {
    padding: 60px 0;
}
section.about-cosmo-sec {
    border-bottom: 4px solid #C29B40;
}
section.what-we-do-sec {
	border-top: 4px solid #C29B40;
}
section.our-mission-vission-sec {
    padding: 60px 0px;
}
.our-mission-main {
    border: 1px solid #c29b40;
    padding: 25px;
    text-align: center;
    color: #000000;
    height: 100%;
    transition: 0.5s;
    position: relative;
    background: #ffffff;
}
.our-mission-vission-img {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #c29b40;
    border: 1px solid #fdfbf8;
    height: 80px;
    width: 80px;
    margin-bottom: 25px;
    outline: 5px solid #c29b40;
}
.our-mission-vission-img img {
    height: 50px;
}
.our-mission-main h4 {
    font-family: 'Marcellus-Regular';
    font-size: 28px;
    margin: 0 0 15px 0;
}
.our-mission-main p {
    margin: 0;
}
.our-mission-main:hover {
    background: #c29b40;
    box-shadow: 4px 5px #ffffff;
    border-color: #c29b40;
	color: #ffffff;
}
.our-mission-main:hover .our-mission-vission-img {
    background: #002349;
    outline: 5px solid #002349;
}
.what_we_do_title p,
.about_cosmo_title p {
    margin: 0;
}
/* about us css end */

/* gallery css start */
section.our-work-sec {
    padding: 50px 0px;
}
section.our-work-sec .gallery-images img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
/* gallery css end */

/* blog css start */
section.blog_page_section {
    padding: 50px 0px;
}
/* blog css end */

/* blog detail css start */
section.post__detail {
    margin: 50px 0px;
}
.post__detail article.post p.post-meta {
    margin-bottom: 20px;
}
.post__detail article.post p.post-meta, .post__detail article.post p.post-meta a {
    color: #0E345B;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Poppins-Bold';
}
.post__detail .post h2 {
    font-size: 30px;
    margin: 12px 0 12px 0;
    color: #000000;
    font-family: 'Marcellus-Regular';
}
.post__detail .post h3 {
    font-size: 26px;
    color: #000000;
    margin: 12px 0 12px 0;
    font-family: 'Marcellus-Regular';
}
.post__detail .post h4 {
	font-size: 22px;
	color: #000000;
	margin: 12px 0 12px 0;
	font-family: 'Marcellus-Regular';
}
.post-navigation {
    display: none;
}
.single__post__sidebar {
    position: sticky;
    top: 140px;
}
.single__post__sidebar .sidebar__data {
    border: 2px solid #C29B40 !important;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 15px;
    background: #ffffff !important;
    color: #000000;
}
.sidebar__data h4 {
    margin-bottom: 10px;
    color: #000000;
    font-size: 24px;
    font-family: 'Marcellus-Regular';
}
.search__post__sidebar form {
    display: flex;
    align-items: center;
    position: relative;
}
.search__post__sidebar form input {
    width: 100%;
    height: 45px;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid #C29B40 !important;
    padding-right: 46px;
    font-size: 15px;
	outline: none;
}
.search__post__sidebar form button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 45px;
    background: transparent ! IMPORTANT;
    border: none ! IMPORTANT;
    outline: none ! IMPORTANT;
    color: #000000;
}
ul.category-list-items {
    margin: 0px;
    list-style: none;
    padding: 0;
}
ul.category-list-items li a {
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #C29B40;
    color: #000000;
}
.post-content p {
    color: #000000;
}
.post-content ul {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.blog-faq-main {
    margin-top: 30px;
}
.post-content-title h2 {
    margin-bottom: 15px;
}
.accordion-item {
    background: #002349;
    margin-bottom: 10px;
    border: none ! IMPORTANT;
    overflow: hidden;
}
.accordion-item .accordion-button {
    background: #002349 ! IMPORTANT;
    color: #ffffff ! IMPORTANT;
    font-family: 'Jost-Regular';
    font-size: 19px;
    border: none ! IMPORTANT;
    outline: none ! IMPORTANT;
    box-shadow: none ! IMPORTANT;
}
.accordion-item .accordion-button[aria-expanded="true"] {
    border-bottom: 1px solid #C29B40 ! IMPORTANT;
}
.accordion-body p {
    color: #ffffff;
}
/* blog detail css end */

/* category css start */
main#primary {
    display: block;
    padding: 50px 0px;
}
/* category css end */



.date-field {
    position: relative;
}

.date-field .fake-placeholder {
    position: absolute;
    top: 10px;
    left: 18px;
    pointer-events: none;
    color: #000;
    background: #fff;
    font-family: 'Marcellus-Regular';
}
.properties_block {
    border: 1px solid #000000;
}
section.list_of_properties {
    padding: 60px 0px;
}

/* properties detail css start */
section.overview_sec {
    padding: 60px 0px;
}
/* properties detail css end */


section.overview_sec .row {
    gap: 25px 0px;
}

section.hotel_review {
    background: url(https://testdemoproject.xyz/cosmoproperties/wp-content/uploads/2025/12/Group-115-1.png);
    background-size: cover !IMPORTANT;
    padding: 50px 0px;
}

section.hotel_review .title_text h2, section.hotel_review .title_text p {
    color: #fff;
}

section.hotel_review .title_text {
    margin-bottom: 48px;
}

section.why_choose {
    margin: 50px 0px;
}

section.why_choose .row {
    gap: 25px 0px;
    align-items: center;
}

.why_choose_img img {
    width: 100%;
}

section.faq_sec {
    margin: 50px 0px;
    background: #ebeeef;
    padding: 50px 0px;
}

section.properties_cta {
    margin: 50px 0px;
}

.properties_cta_title .flex.w-full.flex-col {
    text-align: center !IMPORTANT;
}

.properties_cta_title {
    background: #001731;
    color: #fff;
    padding: 40px;
}

.properties_cta_title.title_text h2 {color: #fff;}

.properties_cta_title.title_text .button_group a {
    border: 2px solid #c29b40;
}

section.faq_sec .faq_title {
    margin-bottom: 48px;
}

section.home_faq_sec {
    padding: 0 0 60px 0;
}
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

table,
th,
td {
    border: 1px solid #000;
}

th,
td {
    padding: 8px;
}

.post-content a {
    color: #C29B40;
}
section.blog_section .swiper-pagination span {
    background: #000 ! IMPORTANT;
}
.blogSwiper .swiper-pagination {
    margin-top: 20px;
    position: static;
}
div#ez-toc-container {
    width: 100%;
}


@media(max-width:1400px){
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		padding: 10px 12px ! IMPORTANT;
		font-size: 15px;
	}

	.header-logo a img {
		height: 30px;
	}

	.banner-main-title {
		padding: 0px 12%;
	}

	.offer_block {
		margin: 0px;
	}
	
	.amenities_block_inner h2 {
		font-size: 21px;
	}
	.page_title h1 {
		font-size: 40px; 
	}
}



@media(max-width:1200px){
	.blue-header-txt p {
		letter-spacing: 2px;
		font-size: 13px;
	}

	.banner-side-title {
		font-size: 13px;
		left: -120px;
	}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		font-size: 14px;
		padding: 10px 10px ! IMPORTANT;
	}

	.header-logo a img {
		height: 27px;
	}

	.btn-group a {
		font-size: 14px;
	}

	.banner-main-title h2 {
		font-size: 12px;
	}

	.banner-main-title h1 {
		font-size: 51px;
	}

	.banner-main-title p {
		font-size: 17px;
	}

	section.offer_section, section.feature_section, section.amenities_section, section.gallery_section, section.testimonial_section, section.blog_section {
		padding: 50px 0px;
	}

	.title_text h5 {
		font-size: 14px;
	}

	.title_text h2 {
		font-size: 32px;
	}

	.pd-section {
		padding: 0px 15px;
	}

	.offer_block h2 {
		font-size: 26px;
	}

	section.luxury_section {
		padding-top: 50px;
	}

	.feature_block_inner h2 {
		font-size: 25px;
	}

	.feature_block_inner p {
		font-size: 16px;
	}

	.feature_block_inner h3 {
		font-size: 22px;
	}

	.location_feature a img {
		height: 17px;
	}

	.location_feature a {
		font-size: 14px;
	}

	.image_luxury.pd_left {
		padding-right: 0px;
	}

	.image_luxury.pd_right {
		padding-left: 0px;
	}

	.amenities_block_inner h2 {
		font-size: 19px;
	}

	ul.social_media li img {
		height: 32px;
	}

	ul.social_media li {
		margin-right: 26px;
	}

	.contact_form {
		margin: 0px;
	}

	.contact_info_row {
		margin-bottom: 45px;
	}

	a.title_blog, a.title_blog h2 {
		font-size: 22px;
	}

	.footer-title h3 {
		font-size: 22px;
	}
	.page_title h1 {
        font-size: 34px;
    }
	.follow_us_title h2 {
		font-size: 32px;
	}
}

@media(max-width:992px) {
	#mega-menu-wrap-menu-1 .mega-menu-toggle {
		background: #001731;
	}

	.banner-main-title {
		padding: 0px;
	}

	.banner-main-title h1 {
		padding: 0px;
	}

	.banner-main-title h1 {
		font-size: 44px;
	}

	.offer_block {
		padding: 26px;
	}

	.offer_image {
		height: 70px;
		width: 70px;
	}

	.offer_image img {
		height: 45px;
	}

	.offer_block h2 {
		font-size: 24px;
	}

	.feature_block_inner h2 {
		font-size: 21px;
	}

	.aminitys_feature_block h5 {
		font-size: 14px;
	}

	.aminitys_feature {
		gap: 10px;
	}

	.feature_tags span {
		font-size: 12px;
	}

	.feature_tags {
		width: 160px;
	}

	.specia_offer_overlay {
		font-size: 12px;
	}

	.swiper-pagination span {
		width: 33px;
	}

	.button_group {
		flex-wrap: wrap;
		gap: 10px;
	}

	section.amenities_section .col-md-4 {
		width: 50%;
	}

	.testimonial_social h2:before, .testimonial_social h2:after {
		width: 17%;
	}

	.contact_info_link a {
		font-size: 15px;
	}

	a.title_blog, a.title_blog h2 {
		font-size: 18px;
	}

	.main-footer .col-md-6 {
		margin-bottom: 20px;
	}

	.copyright-txt {
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-direction: column;
	}


	#mega-menu-wrap-menu-1 #mega-menu-menu-1{
		background:#000 !Important;
	}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-child a.mega-menu-link {
        margin: 0;
        text-align: inherit;
        margin-top: 0;
    }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-child a.mega-menu-link {
		border: inherit !important;
	}
	.our-mission-vission-img {
		width: 65px;
		height: 65px;
	}
	.our-mission-vission-img img {
		height: 42px;
	}
	.our-mission-main h4 {
		font-size: 26px;
		margin: 0 0 10px 0;
	}
}

@media(max-width:767px){
	.offer_section .col-md-4 {
		margin-bottom: 25px;
	}

	.offer_section .col-md-4:last-child {
		margin-bottom: 0px;
	}

	section.home-banner-slider {
		height: auto;
	}

	.image_luxury {
		margin-bottom: 25px;
	}

	section.amenities_section .col-md-4 {
		width: 100%;
	}

	.gallery_main_block {
		width: 100% !IMPORTANT;
	}

	.gallery-images img {
		width: 100%;
	}

	.testimonial_social h2:before, .testimonial_social h2:after{
		display:none;
	}

	.contact_form {
		margin-top: 25px;
	}

	.form_input {
		width: 100%;
	}

	.blog_section .col-md-6 {
		margin-bottom: 25px;
	}

	.blog_section .col-md-6:last-child {
		margin: 0px;
	}

	section.blog_section {
		margin-bottom: 0px;
	}

	.title_text {
		text-align: center;
	}

	.button_group {
		justify-content: center;
	}

	.amenities_block img {
		width: 100%;
	}
	.page_section {
        padding: 50px 0;
    }
	section.contact_page .contact_form.information_area {
		margin-top: 25px;
	}
	section.our-mission-vission-sec .col-lg-4.col-md-6.col-12 {
		padding-bottom: 25px;
	}
	section.our-mission-vission-sec {
		padding: 60px 0px 40px 0;
	}
	section.about-cosmo-sec, section.what-we-do-sec {
		padding: 50px 0;
	}
	.about_cosmo_title,
	.what_we_do_title {
		margin-top: 25px;
	}
	.what-we-do-row {
		flex-direction: column-reverse;
	}
	.post__detail .post h2 {
        font-size: 26px;
    }
	.post__detail .post h3 {
        font-size: 23px;
    }
	.post__detail .post h4 {
        font-size: 21px;
    }
	.single__post__sidebar {
		position: inherit;
		margin-top: 30px;
	}
	
	section.why_choose .row {
		flex-direction: column-reverse;
	}
	.page-id-350 .why_choose_title p {
		text-align: center;
	}
	.offer_block {
		text-align: center;
	}
}



@media(max-width:600px){
	.banner-side-title {
		display: none;
	}

	.btn-group {
		display: none;
	}

	.banner-main-title h1 {
		font-size: 37px;
	}

	.button_group a {
		min-width: auto;
		margin: 0px;
	}

	.title_text h2 br {
		display: none;
	}
	
     .contact_info_link a {
        font-size: 18px;
    }
	
	.contact_info_row {
		margin-bottom: 20px;
	}
	
	
	.properties_cta_title {
		padding: 25px;
	}
	
}

@media(max-width:575px) {
	.page_title {
		padding: 0px 0px 50px 0;
	}
}

@media(max-width:510px) {
	.page_title h1 {
		font-size: 25px;
	}
}

@media(max-width:375px) {
	.testimonial_block {
		min-height: 400px;
	}
}