/*

Theme Name: Cove

Theme URI: http://localhost/wordpress

Author: Ananya B R

Author URI: http://example.com

Description: Life At Cove. Cove Offices' coworking office in natural surroundings. Mango-ficient moments in Cove's garden oasis. Cove experience: Work, festivities  and many more.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: cove offices

*/



@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;800&display=swap');

body, html {

    margin: 0;

    padding: 0;

    font-family: 'Poppins', sans-serif;

    

}

@media screen and (max-width: 767px) {

    body, html{

        margin: 0;

        padding: 0;



    }

}



.header-menu {

    background-color: #ffffff;

    position: sticky;

    top: 0;

    z-index: 1000;

}

.container-menu {

    max-width: 100%;

    height: 70px;

    margin: 0 auto;

    padding: 5px 50px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.logo-menu {

    display: flex;

    align-items: center;

}

.logo-menu img {

    height:60px;

    width: 170px;

    max-width: 220px;

    margin-right: 10px;

}

.nav-menu {

    display: flex;

    align-items: center;

}

.nav-links-menu {

    display: flex;

    list-style-type: none;

    margin: 0;

    padding: 0;

}

.nav-links-menu li {

    margin-left: 25px;

}

.nav-links-menu a {

    text-decoration: none;

    color: #333;

    font-size: 14px;

    font-family: 'Poppins', sans-serif !important;

    font-weight: 500; 

    transition: font-weight 0.3s; 

    border-bottom: none;

}

.nav-links-menu a:focus {

    outline: none;

}



.nav-links-menu a.active {

    border-bottom: none;

}



.nav-links-menu a:hover {

    text-decoration: none;

    border-bottom: none;

    font-weight: bold; 

    color: black; 

}

.nav-contact-btn {

    background-color: #FE7443;

    color: white !important;

    padding: 8px 20px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    transition: font-weight 0.3s, color 0.3s;

    font-family: 'Poppins', sans-serif;

}



.nav-contact-btn:hover,

.nav-contact-btn:focus,

.nav-contact-btn:active {

    font-weight: 700;

    color: black !important; 

}



.menu-icon {

    display: none;

    cursor: pointer;

    font-size: 36px; 

    color: black;

    padding: 10px;



}



@media screen and (max-width: 1024px) {

    .container-menu {

        padding: 5px 30px;

    }

    .logo-menu img {

        max-height: 50px;

        max-width: auto;

    }

}



@media screen and (max-width: 768px) {

    .container-menu {

        padding: 5px 20px;

    }

    .logo-menu img {

        height:auto;

        max-width: 120px;

        }

    .nav-links-menu {

        display: none;

        flex-direction: column;

        position: absolute;

        top: 60px;

        left: 0;

        width: 100%;

        background-color: #ffffff;

        box-shadow: 0 2px 5px rgba(0,0,0,0.1);

    }

    .nav-links-menu.active {

        display: flex;

    }

    .nav-links-menu li {

        margin: 10px 0;

        text-align: center;

    }

    .contact-btn {

        margin: 10px auto;

        display: inline-block;

    }

    .menu-icon {

        display: block;

    }

}



/*---hero section---*/



.hero {

    background-image: url('images/banner-image.webp');

    background-size: cover;

    background-position: center;

    height: 700px;

    display: flex;

    align-items: center;

    position: relative;

}



.hero::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.5);

}



.hero-content {

    color: white;

    padding: 2rem;

    max-width: 60%;

    position: relative;

    z-index: 1;

}



h1 {

    font-size: 60px !important;

    font-family: 'Poppins', sans-serif;

    margin-bottom: 0 !important;

    font-weight: 700;

    line-height: 1.2;

    color:white !important;

}



.line-break {

    display: block;

}



.hero-content p {



    font-weight: 500;

    margin-bottom: 1.5rem;

    font-size: 16px !important;

    line-height: 26px;

    font-family: 'Poppins', sans-serif;

    

}



.cta-buttons {

    display: flex;

    gap: 1rem;

}



.btn {

    border: none;



    font-weight: bold;

    cursor: pointer;

    height: 41px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.btn-primary {

    background-color: #FE7443 !important;

    color: white;

    width: 155px;

    border: none !important;

    border-radius: 0 !important;

}



.btn-secondary {

    background-color: #00818D !important;

    color: white;

    width: 129px;

    border: none !important;

    border-radius: 0 !important;

}





.overlay-image-container {

    position: absolute;

    right: 0;

    bottom: 0;

    height: 716px;

    top:16.3%;

    width: 56%;

    z-index: 1;

    

}



.overlay-image {

    width: 752px;

    height: 586px;

    object-fit: cover;

}



.logo-over {

    position: absolute;

    top: 60%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

    width: 100px; /* Adjust as needed */

    height: auto;

}





/* Media query for MacBook Pro 1728 x 1117 */

@media screen and (max-width: 1728px) and (min-width: 1720px) and (max-height: 1117px) and (min-height: 1110px) {

    .hero {

        background-size: cover;

        background-position: center;

        height: 700px;

        display: flex;

        align-items: center;

        position: relative;

        padding:40px;

    }



    h1 {

        font-size: 60px !important; /* Adjust font size */

    }



    p {

        font-size: 18px;

        line-height: 24px;

    }



    .cta-buttons {

        gap: 0.5rem;

    }



    .overlay-image-container {

        width: 50%; /* Adjust image size */

        top: 21%;

    }



    .overlay-image {

        width: 700px;

        height: 550px;

    }



    .logo-over {

        top: 50%;

        width: 80px;

        left:42%;

    }

}





@media screen and (max-width: 1024px) {

    .hero {

        height: 600px;

    }



    .hero-content {

        padding: 1.5rem;

        max-width: 80%;

    }



    h1 {

        font-size: 48px !important;

    }



   .hero-content p {

        font-size: 16px !important;

        line-height: 24px;

    }



    .overlay-image-container {

        width: 50%;

        height: auto;

        top: 17%;

    }



    .overlay-image {

        width: 600px;

        height: 500px;

    }



    .logo-over {

        top: 70%;

        width: 80px;

    }



    .cta-buttons {

        flex-direction: row;

        gap: 0.5rem;

    }



    .btn {

        height: 38px;

        width: 140px;

    }



    .btn-primary {

        width: 160px;

        font-size: 14px;

    }



    .btn-secondary {

        width: 140px;

        font-size: 14px;

    }

}

@media screen and (min-width: 768px) and (max-width: 820px) {

    .hero {

        min-height: 100vh;

        height: auto;

        background-attachment: scroll;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }



    .hero-content {

        padding: 10px;

        flex-grow: 1;

        display: flex;

        flex-direction: column;

        justify-content: center;

    }



    h1 {

        font-size: 55px !important;

        line-height: 65px;
 
        text-align:center;

    }



   .hero-content p {

        font-size: 18px;

        line-height: 24px;
        
        text-align: center;


    }



    .cta-buttons {

        flex-direction: column;

        gap: 0.5rem;

    }



    .btn {

        width: 100%;

    }



    .overlay-image-container {

        position: relative;

        width: 100%;

        height: auto;

    }



    .overlay-image {

        width: 100%;

        height: auto;

        max-height: 80vh;

        object-fit: cover;

    }



    .logo-over {

        width: 80px;

    }

}





/* Mobile view */

@media screen and (max-width: 767px) {

    .hero {

        min-height: 100vh;

        height: auto;

        background-attachment: scroll;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }



    .hero-content {

        padding: 10px;

        flex-grow: 1;

        display: flex;

        flex-direction: column;

        justify-content: center;

    }



    h1 {

        font-size: 40px !important;
        text-align: center;
        line-height: 52px;
     

    }



  .hero-content  p {

        font-size: 14px;

        line-height: 24px;
  
        text-align: center;


    }



    .cta-buttons {

        flex-direction: column;

    }



    .btn {

        width: 100%;

    }



    .overlay-image-container {

        position: relative;

        width: 100%;

        height: auto;

    }



    .overlay-image {

        width: 100%;

        height: auto;

        max-height: 40vh;

        object-fit: cover;

    }



    .logo-over {

        width: 80px;

    }

}



/*-------amenities section---*/



.amenities-section {

    max-width: 100%;

    width: 100%;

    margin: 0 auto;

    padding: 0 20px;

    box-sizing: border-box;

}



.amenities-title {

    text-align: center;

    margin-bottom: 10px;

    font-size: 45px;

    font-weight: 700;

    line-height: 1.2;

    padding-top: 20px;

    font-family: 'Poppins', sans-serif;

}



.amenities-subtitle {

    color: black;

    margin-bottom: 30px;

    font-size: 16px !important;

    line-height: 26px;

    font-family: 'Poppins', sans-serif;

    text-align: center; /* Assuming you want centered text */

}

.break-text {

    display: block; 

}



.amenities-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

    justify-content: center;

    align-items: center;

    width: 100%;

    margin: 0 auto;

}



.amenity-box {

    height: 96px;

    width: 100%;

    max-width: 380px;

    width:100%;

    display: flex;

    align-items: center;

    padding: 15px;

    box-sizing: border-box;

    margin: 0 auto;

}



.amenity-box:nth-child(odd) {

    border: 1px solid #FE7443;

}



.amenity-box:nth-child(even) {

    border: 1px solid #00818D;

}



.amenity-icon {

    width: auto !important;

    height: auto !important;

    margin-right: 20px;

    padding: 8px;

}



.amenity-content {

    flex-grow: 1;

    display: flex;

    flex-direction: column;

}



.amenity-title {

    font-weight: 700;

    font-size: 18px;

    text-transform: uppercase;

    color: #3D3D3D;

    margin: 0;

    font-family: 'Roboto', sans-serif;

    text-align: left;

}



.amenity-description {

    font-size: 14px;

    color: #404852;

    margin: 0;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

}



@media screen and (min-width: 1728px) {



    .amenities-title {

        text-align: center;

        margin-bottom: 10px;

        font-size: 48px;

        font-weight: 700;

        line-height: 1.2;

        padding-top: 20px;

        font-family: 'Poppins', sans-serif;

    }

    

    .amenities-subtitle {

        font-size: 18px !important; /* Increase font size for larger screens */

        line-height: 28px;

        margin-bottom: 40px; 

    }

}



@media (max-width: 768px) {

    .amenities-section{

        margin-bottom: 40px;

        padding:20px;

        }

   

    .amenities-title {

        font-size: 30px !important;

        line-height: 40px;

    

    }



    .amenities-subtitle {

        font-size: 16px;

        line-height: 24px;

        

    }



    .amenities-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 columns */

        gap: 20px; 

    }



    .amenity-box {

        width: 280px; 

    }



    .amenity-title {

        font-size: 18px;

    }



    .amenity-description {

        font-size: 13px;

    }

    .break-text {

        display: inline;

    }

}



/* Tablet View (Between 769px and 1180px) */

@media (max-width: 1180px) and (min-width: 769px) {

     .amenities-section{

        margin-bottom: 40px;

        }

    .amenities-section{

        margin-bottom: 40px;

        }

    .amenities-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr)); 

        gap: 30px;

    }



    .amenity-box {

        width: 100%; 

        max-width: 320px;

    }

}



/* Tablet & Mobile (Max 768px) */

@media (max-width: 768px) {

    .amenities-title {

        font-size: 30px;

        line-height: 40px;

    }



    .amenities-subtitle {

        font-size: 16px;

        line-height: 24px;

    }



    .amenities-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr)); 

        gap: 20px;

    }



    .amenity-box {

        width: 300px; 

    }



    .amenity-title {

        font-size: 18px;

    }



    .amenity-description {

        font-size: 13px;

    }

}



@media (max-width: 540px) {

    .amenities-title {

        font-size: 30px;

    }



    .amenities-subtitle {

        font-size: 12px !important;

        margin-bottom: 20px;

    }



    .amenities-grid {

        grid-template-columns: repeat(1, 1fr);

        gap: 20px;

    }



    .amenity-box {

        height: auto;

        max-width: 100%;

        padding: 10px;

    }



    .amenity-title {

        font-size: 16px;

    }



    .amenity-description {

        font-size: 12px;

    }



    .amenity-icon {

        margin-right: 15px;

        padding: 5px;

    }

}





/* Mobile View (Max 480px) */

@media (max-width: 480px) {

    .amenities-title {

        font-size: 30px;

        line-height: 30px;

    }



    .amenities-subtitle {

        font-size: 14px;

        line-height: 20px;

    }



    .amenities-grid {

        grid-template-columns: 1fr; 

        gap: 15px;

    }



    .amenity-box {

        width: 100%; 

        max-width: 300px;

    }



    .amenity-title {

        font-size: 16px;

    }



    .amenity-description {

        font-size: 12px;

    }

}

/*----------section 3-------------*/



.layout-main-container {

    max-width: 100%;

    height: 900px;

    margin: 0 auto;

    padding: 20px;

    margin-top: 50px;

    background-color:#e6f7f7 ; 

    display: flex;

    padding-top: 50px;

    

}

.sub-container{

    max-width:100%;

    width:100%;

    height:988px;

    display: flex;

    flex-direction: row;

    justify-content: center; 

    align-items: center; 

    

}



.layout-container {

    display: flex;

    width:778px;

    height:834px;

    margin: 0 auto;

    margin-left: 120px;

    margin-top: 50px;

}



.images-wrapper {

    position: relative;

    width: 80%;

    height: 700px;

    top:-5%;

}



.primary-image {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.floating-image {

    position: absolute;

    border: 3px solid white;

}

.image-top-left {

    position: absolute; 

    top: 20px;

    left: -90px;

    width: 35%;

    height: 30%;

    z-index: 2;

    border: 8px solid white; 

    box-sizing: border-box; 

}



.image-middle-right {

    position: absolute; 

    top: 30%;

    right: -50px;

    width: 35%;

    height: 30%;

    z-index: 2;

    border: 8px solid white;

    box-sizing: border-box; 

}



.image-bottom-left {

    position: absolute;

    bottom: 20px;

    left: -90px;

    width: 40%;

    height: 30%;

    z-index: 1;

    border: 8px solid white; 

    box-sizing: border-box; 

}



.text-content {

    width: 60%;

    margin-left: 0;

    margin-top: 0; 

    padding-top: 0; 

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    transform: translateY(-100px);

}



.title {

    color: #008080;

    font-size: 40px;

    line-height: 46px;

    font-weight: 600;

    line-height: 46px;

    font-family: 'Poppins', sans-serif;

    margin-bottom: 40px;

    text-align: left;

}



.feature-item {

    width:505px;

    height:88px;

    display: flex;

    align-items: center;

    margin-bottom: 40px;

    gap:20px;

    

}



.feature-details h3 {

    font-size: 24px !important;

    line-height: 24px;

    font-weight: 700;

    margin: 0;

    color: #282A2E;

    font-family: 'Poppins', sans-serif;

    text-align: left;

}



.feature-details p {

    margin: 5px 0 0;

    font-size: 16px !important; 

    line-height: 20px;

    font-weight: 400; 

    color: #2F2F2F;

    font-family: 'Poppins', sans-serif;

    padding-top: 5px;

    text-align: left;

}





@media only screen and (max-width: 1024px) {

    .layout-main-container {

        width:auto;

        height: auto;

        margin: 0 auto;

        background-color:#e6f7f7; 

        display: flex;

        padding-top: 50px;

        

    }

    .sub-container {

        flex-direction: column;

        align-items: center;

        justify-content: flex-start;

        height: auto;

        padding: 20px;

    }



    .layout-container {

        width: 50%;

        height: auto;

        margin-left: 0;

        margin-top: 20px;

        margin: 0 auto;

    }



    .images-wrapper {

        width: 100%;

        height: auto;

    }



    .primary-image {

        width: 100%;

        height: auto;

    }



    .image-top-left {

        top: 10px;

        left: -30px;

        width: 30%;

        height: 20%;

        border-width: 5px;

    }



    .image-middle-right {

        top: 40%;

        right: -20px;

        width: 28%;

        height: 22%;

        border-width: 5px;

    }



    .image-bottom-left {

        bottom: 10px;

        left: -30px;

        width: 32%;

        height: 22%;

        border-width: 5px;

    }



/*--Cove EPIP is the perfect launchpad section---*/

    .text-content {

        width: 100%;

        margin-top: 20px;

        transform: translateY(0);

        padding: 0;

        align-items: flex-start;

        display: flex;              

        flex-direction: column;      

       justify-content: center;          

    }



    .title {

        font-size: 40px;

        line-height: 50px;

        padding:20px;

        text-align: center;

    }



    .feature-item {

        width: 60%;

        height: auto;

        margin-bottom: 20px;

        gap: 15px;

        padding:10px; 

        margin:0 auto;

        align-items: center;

        justify-content: center;

       text-align: center;



    }



    .feature-details h3 {

        font-size: 22px !important;

    }



    .feature-details p {

        font-size: 16px !important;

    }

}



@media only screen and (max-width: 768px) {

    .sub-container {

        flex-direction: column;

        align-items: center;

        justify-content: flex-start;

        height: auto;

        padding: 15px;

    }



    .layout-container {

        width: 80%;

        height: auto;

        margin-top: 10px;

        margin:0 auto;

    }



    .primary-image {

        width: 100%;

        height: auto;

    }



    .image-top-left {

        top: 15px;

        left: -20px;

        width: 25%;

        height: 18%;

        border-width: 5px;

    }



    .image-middle-right {

        top: 35%;

        right: -35px;

        width: 25%;

        height: 20%;

        border-width: 5px;

    }



    .image-bottom-left {

        bottom: 25px;

        left: -30px;

        width: 30%;

        height: 20%;

        border-width: 5px;

    }



    .text-content {

        margin-top: 15px;

        transform: translateY(0);

        padding: 0;

        align-items: flex-start;

    }



    .title {

        font-size: 28px !important;

        line-height: 40px;

        text-align: center;

        padding:0;

    }



    .feature-item {

        width: 100%;

        height: auto;

        margin-top:10px;

        gap: 10px;

        padding: 0;

    

    }

    .feature-icon{

        width:50px;

        padding: 0;

        margin:0;

    }



    .feature-details h3 {

        font-size: 18px !important;

    }



    .feature-details p {

        font-size: 14px !important;

    }

}

/*--contact us image--*/



.contact-banner {

    position: relative;

    max-width: 100%;

    width: 100%;

    height: 542px;

    margin: 0 auto;

    overflow: hidden;

}

.contact-banner img {

    width: 100% !important;

    height: 545px;

    object-fit: cover;

}

.overlay-text {

    position: absolute;

    top: 10px;

    left: 20px;

    color: white;

    font-size: 24px !important;

    font-weight: bold;

}

.contact-form-container {

    position: absolute;

    top: 50%;

    right: 80px;

    margin: 0 auto;

    transform: translateY(-50%);

    width: 440px !important;

    height:auto;

    background-color: #1e1e1e;

    padding: 20px;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);

    

}



.contact-form-container h3 {

    font-size: 20px !important;

    font-weight: bold;

    line-height: 28px;

    color: #ffffff;

    font-family: 'Poppins', sans-serif;

    text-align: center;

    

}

.contact-highlight {

    color: #ff6b4a !important;

}

.contact-form-container p {

    color: #CECECE;

    font-size: 12px !important;

    line-height: 140%;

    margin-bottom: 0px;

    font-family: 'Poppins', sans-serif;

     text-align: center;



}

form {

    width:380px !important;

    display: flex;

    flex-direction: column; 

    padding: 15px;



}

.contact-form-container input[type="text"], 

.contact-form-container input[type="email"], 

.contact-form-container input[type="tel"], 

.contact-form-container textarea {

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #555555;

    outline: none;

    font-size: 14px !important;

    line-height: 140%;

    font-family: 'Poppins', sans-serif;

    color: white !important;

    padding: 10px !important;

    transition: border-bottom-color 0.3s;

}

.contact-form-container input::placeholder,

.contact-form-container textarea::placeholder {

    color: white;

}



.contact-checkbox-container {

    display: flex;

    align-items: flex-start;

    margin-bottom: 1rem;

}

form input[type="checkbox"] {

    margin-right: 0.5rem;

    margin-top: 0.25rem;

}

form label {

    color:#404852;

    font-size: 12px;

    line-height: 20px;

    font-family: 'Poppins', sans-serif;

}

form button, .contact-form-container .wpcf7-submit{

    background-color: #ff6b4a;

    color: #ffffff;

    border: none;

    padding: 0.75rem;

    font-size: 1rem !important;

    cursor: pointer;

    border-radius: 0;  



}
.contact-form-container .wpcf7-submit{   width: 100%;}
.contact-form-container  .wpcf7-not-valid-tip{ font-size: 10px;}
.contact-form-container .wpcf7 form .wpcf7-response-output{    font-size: 14px; text-align:center;
    color: #fff;margin:0px  !important; padding: 0 px !important;}
.contact-form-container .wpcf7-spinner{display:none;}
.contact-subhead{margin-bottom: 0px;}

form .contact-consent{

    font-size: 12px;

    line-height: 20px;

    font-family: 'Poppins', sans-serif;

    color:#CECECE;

}



/* Tablet (iPad) Styles */

@media screen and (max-width: 1024px) {

    .contact-banner {

        height: auto;

    }



    .contact-form-container {

        position: static;

        transform: none;

        width: 400px;

        max-width: auto;

        height:auto;

        margin: 0 auto;

        padding: 2rem 1rem;

    }



    .contact-banner img {

        height: 500px;

        width:100%;

    }



    form {

        width: 90%;

        height:100%;

    }

}



/* Mobile Styles */

@media screen and (max-width: 767px) {

    .contact-banner {

        display: flex;

        flex-direction: column;

    }



    .contact-banner img {

        height: 200px;

        order: -1; /* This moves the image to the top */

    }



    .contact-form-container {

        position: static;

        transform: none;

        width: 50%;

        height:auto;

        max-width: 100%;

        padding: 1.5rem 1rem;



    }



    h3 {

        font-size: 18px;

        line-height: 24px;

    }



    p {

        font-size: 11px;

    }



    form {

        width: 100% !important;

    }



    input, textarea {

        font-size: 12px;

    }



    label {

        font-size: 11px;

        line-height: 18px;

    }



    button {

        font-size: 14px;

        padding: 0.5rem;

    }

}



/*-----why cove-------*/



.why-container {

    max-width: 100%;

    height:auto;

    margin: 0 auto;

    padding: 40px;

    background-color: #ffffff;

}

.why-title h2 {

    text-align: center;

    font-size: 45px !important;

    line-height: 40px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif !important;



}

.why-title span {

    color: #ff6347;

}

.why-features {

    padding-top: 40px;

    display: flex;

    justify-content: space-between;

    gap: 30px;

}

.cove-feature {

    flex: 1;

    text-align: center;

}

.why-icon-container {

    width: auto;

    height: auto;

    margin: 0 auto 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}



.why-icon {

    width: auto;

    height: auto;

}

.cove-feature-title {

    font-size: 24px !important;

    color: black;

    font-weight: 700;

    margin-bottom: 5px;

    font-family: 'Poppins', sans-serif !important;

}

.cove-feature-description{

    font-size: 16px !important;

    color: black;

    max-width: 270px;

    margin: 0 auto;

    line-height: 22px !important;

    padding: 10px;

    text-align: center;

    font-family: 'Poppins', sans-serif !important;

    

}



/* Media Query for Tablets and iPads */



@media (max-width: 1024px) {

    .why-container {

        padding: 30px 15px;

        height: auto;

    }

    .why-title h2 {

        font-size: 32px;

        line-height: 36px;

        margin-bottom: 40px;

    }

    .why-features {

        gap: 20px;
            
        align-items: center;


    }

    .why-icon-container {

        width: auto;

        height: auto;

        justify-content: center;
   
        align-items: center;

    }

    .cove-feature-title {

        font-size: 22px !important;

    }

    .cove-feature-description {

        font-size: 13px !important;

        line-height: 16px;

        max-width: 220px;

    }

}



/* Mobile view (max-width: 768px) */

@media (max-width: 768px) {

    .why-container {

        padding: 40px;

        height: auto;

    }

    .why-title h2 {

        font-size: 28px !important;

        line-height: 32px;

        margin-bottom: 10px;



    }

    .why-features {

        flex-direction: column;

        gap: 10px;

        padding:0;

        margin:0;

    }

    .cove-feature {

        text-align: center;

    }

    .why-icon-container {

        width: auto;

        height: auto;

        margin-bottom: 15px;

    }

    .cove-feature-title {

        font-size: 24px !important;

        margin-bottom: 8px;

    }

    .cove-feature-description {

        font-size: 16px !important;

        line-height: 16px;

        max-width: 100%;

    }

}



/*---------------life at cove---------------*/



.life-at-cove {

    max-width: 100%;

    margin: 0 auto;

    margin-bottom: 10px !important;

    background-color: #F4D6CB;

    margin-top: 0;

    padding: 40px;

}

h2 {

    text-align: center;

    font-size: 45px;

    line-height: 58px;

    font-weight: 600;

    color: #282A2E;

    margin-bottom: 30px;

    font-family: 'Poppins', sans-serif !important;



}

.gallery {

    display: flex !important;

    flex-wrap: wrap;

    justify-content: space-between;

    gap: 20px;

 

}

.gallery-item {

    flex: 0 0 calc(33.333% - 20px);

    overflow: hidden;

    margin-bottom: 20px;

}

.gallery-item img {

    width: 100%;

    height: 308px;

    object-fit: cover;

}

.gallery-item-content {

    padding: 15px 0px;

}

.gallery-item-tag {

    font-size: 12px;

    color: #030303;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 5px;

    font-family: 'Poppins', sans-serif !important;

    justify-content: left;

    text-align: left;

}

.gallery-item-title, .gallery-item-title a {

    font-size: 23px;

    line-height: 33px;

    font-weight: semi-bold;

    color:#121212;

    margin: 0;

    font-family: 'Poppins', sans-serif;

    justify-content: left;

    text-align: left;
    text-decoration: none;

}

.more-posts {

    text-align: center;

    margin-top: 30px;

}

.more-posts-btn {

    background-color: #DD6E41;

    color: white;

    border: none !important;

    padding: 12px 20px;

    font-size: 16px;

    cursor: pointer;

    transition: background-color 0.3s;

    font-family: 'Poppins', sans-serif;

    border-radius: 0 !important;

}

.more-posts-btn:hover {

    background-color: #d86f51;

}

.hidden {

    display: none;

}

@media (max-width: 1024px) {

    .gallery-item {

        flex: 0 0 calc(50% - 20px);

    }



  h2 {

        font-size: 38px;

        line-height: 48px;

    }



    .more-posts-btn {

        font-size: 14px;

        padding: 12px 18px;

    }

}

@media (max-width: 768px) {

    .life-at-cove{

        width:100%;
        padding:20px;



    }

    .gallery {

        gap: 15px;

    }



    .gallery-item {

        flex: 0 0 100%;

    }



    h2 {

        font-size: 30px !important;

        text-align: center;

        line-height: 40px;

        padding-bottom: 10px;

    }



    .gallery-item-title {

        font-size: 20px !important;

        line-height: 28px;

    }



    .more-posts-btn {

        font-size: 14px;

        padding: 12px 16px;

         margin-bottom: 20px;

    }

}



/*--pricing section---*/



.pricing-section {

    text-align: center;

    padding: 40px;

    background-color: #ffffff;

}



.pricing-section h2 {

    font-size: 45px;

    color: #009688;

    font-weight: bold;

    margin-bottom: 20px;

}



.pricing-table {

    width: 100%;

    margin-top: 20px;

    margin: 0 auto;

    border-collapse: collapse;

    border: 1px solid #f1f1f1;

}



.pricing-table th,

.pricing-table td {

    border: 1px solid #f1f1f1;

    padding: 10px;

    text-align: center;

    vertical-align: middle;

    font-size: 1em;

}



.pricing-table th {

    font-size: 1.2em;

    font-weight: bold;

    color: #DD6E41;

}



.pricing-table td img {

    width: 15px;

    height: 15px;

}



.pricing-table td {

    font-size: 15px;

    color: #252430;

}



.pricing-table td:first-child {

    text-align: left;

    color: #009688;

    font-weight: bold;

}





@media screen and (max-width: 1024px) {

    .pricing-section {

        padding: 20px;

    }



    .pricing-section h2 {

        font-size: 36px;

        padding-top: 10px;

    }



    .pricing-table {

        width: 95%;

    }



    .pricing-table th,

    .pricing-table td {

        padding: 15px;

        font-size: 0.9em;

    }

}



@media screen and (max-width: 768px) {

    .pricing-section {

        padding: 10px;

    }



    .pricing-section h2 {

        font-size: 30px !important;

        padding-top: 10px;

        padding-bottom: 10px;

    }



    .pricing-table {

        width: 90%;

    }



    .pricing-table th {

        font-size: 1.1em;

    }



    .pricing-table th,

    .pricing-table td {

        padding: 2px;

        font-size: 0.85em;

    }

}



@media screen and (max-width: 480px) {

    .pricing-section {

        padding: 10px;

    }



    .pricing-section h2 {

        font-size: 30px !important;

        margin-bottom: 10px;

     

    }



    .pricing-table {

        width:auto;

    }



    .pricing-table td img {

        width: 12px;

        height: 12px;

    }



    .pricing-table td {

        font-size: 14px;

    }

}



/*--------testimonial-------------*/



.testimonials-section {

    width: 100%;

    max-width: 100%;

    height: auto !important;

    padding: 50px;


    

}



.testimonials-section h3 {

    color: #ff6347;

    text-align: center;

    font-size: 45px !important;

    font-weight: 700;

    margin: 0 !important;

    padding: 0 !important;

    font-family: 'Poppins', sans-serif !important;

}



.subtitle {

    font-size: 18px !important;

    text-align: center;

    color: #2F2F2F;

    font-family: 'Poppins', sans-serif !important;

}

.testimonial-container {

    max-width: 100%;

    display: flex;

    justify-content: center;

    gap: 40px;

    margin: 0 auto;

    padding:20px 0;

}

.testimonial-card {

    background-color: white;

    width: 400px;

    height:auto;

    box-shadow: 0 4px 8px rgba(0,0,0,0.1);

    padding: 20px;

    display: flex;

    flex-direction: column;

}

.testimonial-header {

    display: flex;

    align-items: center;

}

.testimonial-image {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    margin-right: 15px;

    object-fit: cover;

}

.testimonial-name {

    font-size: 20px !important;

    color:#334047;

    font-weight: 500;

    margin: 0;

}

.testimonial-title {

    font-size: 16px !important;

    color: #5A717C;

    margin: 0;

}

.testimonial-stars {

    color: #ff6347;

    font-size: 24px !important;

    font-family: 'Poppins', sans-serif !important;

}

.testimonial-content {

    flex-grow: 1;

    font-size: 16px !important;

    line-height: 28px !important;

    color: #2F2F2F;

    font-family: 'Poppins', sans-serif !important;

}

.new-line {

    display: block;

}



@media (max-width: 1024px) {

    .testimonials-section h3 {

        font-size: 35px;

    }



    .subtitle {

        font-size: 16px;

    }



    .testimonial-container {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        gap: 20px;

        margin: 0 auto;

    }



    .testimonial-card {

        flex: 1 1 calc(33.33% - 20px);

        height: auto;

        max-width: 400px; 

    }



    .testimonial-card:nth-child(3) {

        flex-basis: 100%;

        display: flex;

        justify-content: center;

    }

}





/* Mobile view */



@media (max-width: 767px) {

    .testimonials-section {

        padding: 20px !important;

    }



    .testimonials-section h3 {

        font-size: 30px !important;

        padding-top: 40px !important;

    }



    .subtitle {

        font-size: 18px !important;

        text-align: center;

        padding: 10px;

    }



    .new-line {

        display: inline;

    }



    .testimonial-container {

        display: flex;

        flex-wrap: wrap; /* Allows cards to wrap */

        justify-content: center;

        gap: 20px;

    }



    .testimonial-card {

        flex-basis: calc(50% - 20px); /* Two cards per row with 20px gap */

        height: auto;

        padding: 15px;

    }



    .testimonial-image {

        width: 60px;

        height: 60px;

    }



    .testimonial-name {

        font-size: 22px !important;

    }



    .testimonial-title {

        font-size: 18px !important;

    }



    .testimonial-stars {

        font-size: 20px;

        margin-bottom: 10px;

    }



    .testimonial-content {

        font-size: 18px !important;

        line-height: 28px;

        padding: 5px;

    }

}



@media (max-width: 540px) {

    .testimonials-section {

        padding: 20px !important;

    }



    .testimonials-section h3 {

        font-size: 30px !important;

        padding-top: 30px !important;

    }



    .subtitle {

        font-size: 16px !important;

        text-align: center;

        padding: 10px;

    }



    .new-line {

        display: inline;

    }



    .testimonial-container {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center; /* Center align items */

        gap: 20px;

    }



    .testimonial-card {

        flex-basis: 100%;

        height: auto;

        padding: 15px;

        max-width: 500px; /* Set a max-width for the card */

        width: 100%; /* Ensure full width */

        margin: 0 auto; /* Center the card */

    }



    .testimonial-image {

        width: 50px;

        height: 50px;

    }



    .testimonial-name {

        font-size: 20px !important;

    }



    .testimonial-title {

        font-size: 16px !important;

    }



    .testimonial-stars {

        font-size: 18px;

        margin-bottom: 10px;

    }



    .testimonial-content {

        font-size: 16px !important;

        line-height: 24px;

        padding: 5px;

    }

}





/* Mobile view for devices with max width of 480px */

@media (max-width: 480px) {

    .testimonials-section {

        padding: 15px !important;

    }



    .testimonials-section h3 {

        font-size: 30px !important;

        padding-top: 30px !important;

    }



    .subtitle {

        font-size: 18px !important;

        text-align: center;

        padding: 8px;

    }



    .new-line {

        display: inline;

    }



    .testimonial-container {

        flex-direction: column;

        align-items: center;

        gap: 15px;

    }



    .testimonial-card {

        width: 100%;

        height: auto;

        padding: 12px;

    }



    .testimonial-image {

        width: 50px;

        height: 50px;

    }



    .testimonial-name {

        font-size: 20px !important;

    }



    .testimonial-title {

        font-size: 16px !important;

    }



    .testimonial-stars {

        font-size: 18px;

        margin-bottom: 8px;

    }



    .testimonial-content {

        font-size: 16px !important;

        line-height: 20px;

        padding: 4px;

    }

}

.contact-checkbox-container .wpcf7-list-item{margin:0px !important; line-height: 16px;}
.contact-checkbox-container .wpcf7-list-item-label{    color: #404852;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Poppins', sans-serif;}

    .footer-contact-form .wpcf7-list-item{margin:0px !important; }

/*------footer------*/



.footer {

    background-color: white;

    width: 100%;

    

}



.footer-container {

    max-width: 100%;

    margin: 0 auto;

    padding: 40px;

}



.footer-container h3 {

    color: black;

    font-size: 30px !important;

    font-weight: 700;

    margin-bottom: 20px;

    text-align: left;

}



.footer-content {

    display: flex;

    justify-content: space-between;

    flex-wrap: nowrap;

}



.left-content {

    width: 58%;

}



.map-contact {

    width: 100%;

}



.map-container {

    width: 100%;

    height: 400px;

    margin-bottom: 20px;

    overflow: hidden;

}



.map-container iframe {

    width: 90%;

    height: 100%;

    border: none;

}



.contact-info {

    width: 90%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    text-align: left !important;

}



.contact,

.address {

    width: 48%;

}



.contact h4,

.address h4 {

    font-size: 20px !important;

    font-weight: 600;

    color: #FE7443;

    margin-top: 0;

    margin-bottom: 10px;

    text-align: left !important;

}



.contact p,

.address p {

    font-size: 16px !important;

    line-height: 24px !important;

    font-weight: 600;

    color: #404852;

    padding: 0;

    margin: 0;

    text-align: left !important;

}

.footer-contact-form-inner{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);   padding: 20px;} 

.footer-contact-form {

    width: 40%; 

    height: auto !important;

    margin: 0;

 

}



.footer-contact-form h5 {

    font-size: 18px !important;

    margin: 0; 

    color: #334047;

    font-weight: 700;

    text-align: center;

    font-family: 'Poppins', sans-serif !important;

}



.footer-contact-form p {

    font-size: 12px !important;

    color: #334047;

    text-align: center;

    margin: 5px 0; 
    margin-bottom: 10px;

}



.footer-contact-form .input-name, 

.footer-contact-form .input-email, 

.footer-contact-form .input-phone, 

.footer-contact-form .input-message {

    width: 100%; 

    padding: 10px 0; 

    margin-bottom: 15px;

    font-family: 'Poppins', sans-serif !important;

    color: #404852 !important; 

    font-size: 14px !important;

    font-weight: 500;

    background-color: transparent; 

    border: none; /* No border */

    border-bottom: 1px solid #ccc; 

    outline: none; 

}



.footer-contact-form .input-name:focus, 

.footer-contact-form .input-email:focus, 

.footer-contact-form .input-phone:focus, 

.footer-contact-form .input-message:focus {

    border-bottom: 1px solid black; 

}



.footer-contact-form .consent-label,.footer-contact-form .input-consent label {

    display: flex;

    align-items: flex-start;

    font-size: 13px !important;

    margin-bottom: 10px; 

    width: 100%;

    font-family: 'Poppins', sans-serif;

}



.footer-contact-form .input-consent {

    width: auto;

    margin-right: 10px;

    margin-top: 2px;

}

.footer-contact-form form{width: 100% !important;}

.footer-contact-form button,.footer-contact-form .wpcf7-submit {

    background-color: #000;

    color: #fff;

    padding: 10px 20px;

    cursor: pointer;

    font-size: 16px !important;

    width: 100%;

    margin-top: 20px;

    border-radius: 0;

}



.footer-contact-form button:hover,.footer-contact-form .wpcf7-submit:hover {

    background-color: #444; 

}



.whatsapp {

    display: flex;

    align-items: center;

    background-color: #fff1f1;

    border-top: 1px solid #e0e0e0;

    justify-content: space-around;

    padding: 10px;

}



.whatsapp-icon {

    width: 40px !important;

    height: 40px !important;

    border-radius: 6px;

    display: flex;

    flex-direction: row;

}



.whatsapp-text {

    display: flex;

    flex-direction: column;

}



.whatsapp-text span {

    margin: 2px 0;

}





.footer-copyright {

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: #fff1f1;

    padding: 10px 20px;

    border-top: 1px solid #f0e0e0;

}

.whatsapp-policy {

    display: flex;

    align-items: center;

}

.whatsapp-icon {

    width: 20px;

    height: 20px;

    margin-right: 10px;

}

.policy-text {

    font-size: 14px;

    color: #333;

    font-family: 'Poppins', sans-serif;

}

.copyright {

    font-size: 12px;

    color: #666;

}


@media screen and (max-width: 1024px) {

    .footer {

        padding-top: 20px;

    }

    .footer-content {

        flex-wrap: nowrap;

    }

    .left-content {

        width: 50%;

        padding: 20px;

    }

    .footer-contact-form {

        width: 50%;

        padding: 20px;

        box-shadow: none;

    }

    .map-container {

        height: 400px;

    }

    .map-container iframe {

        width: 100%;

    }

    

.contact h4,

.address h4 {

    font-size: 18px !important;

    font-weight: 600;

    color: #FE7443;

    margin-top: 0;

    margin-bottom: 10px;

    text-align: left !important;

}



.contact p,

.address p {

    font-size: 14px !important;

    line-height: 24px !important;

    font-weight: 600;

    color: #404852;

    padding: 0;

    margin: 0;

    text-align: left !important;

}



}

@media screen and (max-width: 820px) {

    .footer {

        padding-top: 20px;

    }

    .footer-content {

        flex-direction: column;

        padding: 10px;

        margin: 0 auto;

    }

    .left-content {

        width: 100%;

        margin-bottom: 20px;

        text-align: center;

    }

    .footer-contact-form {

        width: 90%; 

        max-width: 450px; 

        margin: 0 auto;

        padding: 20px;

        box-shadow: none;

        text-align: center; 

    }

    .footer-container h3 {

        font-size: 40px !important;

        text-align: center;

    }

    .contact-info {

        flex-direction: column;

        align-items: center !important;

        width: 100%;

        text-align: center !important;

        margin: 0 auto !important;

    }

    .contact-info .contact h4,

    .contact-info .contact p,

    .contact-info .address h4,

    .contact-info .address p {

        text-align: center !important;

    }

    .footer-contact-form .footer-textarea,

    .footer-contact-form .footer-input,

    .footer-contact-form button {

        width: 100%;

    }

    .footer-contact-form .consent-label {

        width: 450px;

        font-size: 12px;

        margin-bottom: 8px;

        text-align: left;

    }

    .footer-contact-form button {

        background-color: #000;

        color: #fff;

        padding: 10px 20px;

        cursor: pointer;

        font-size: 16px !important;

        width: 450px;

        margin-top: 20px;

        border-radius: 0;

    }

    

    .footer-contact-form h5 {

        font-size: 16px;

        text-align: center;

    }

    .footer-contact-form p {

        font-size: 11px;

    }

    .whatsapp-icon {

        width: 25px;

        height: 25px;

    }

    .footer-copyright {

        flex-direction: column;

        align-items: center;

        padding: 15px;

    }

    .copyright {

        text-align: center;

    }

}



@media (max-width: 768px) {

    .footer {

        padding-top: 10px;

    }

   

    .left-content {

        width: 100%;

        margin-bottom: 20px;

        text-align: center !important; 

        display: flex;

        flex-direction: column; 

        align-items: center;

        padding: 0;

    }

    .footer-contact-form {

        width: 100%;

        padding: 10px; 

    }

    .footer-contact-form .input-name, 

    .footer-contact-form .input-email, 

    .footer-contact-form .input-phone, 

    .footer-contact-form .input-message  {

        width: 100%; 

    }

    .contact-info {

        display: flex;

        flex-direction: column;

        align-items: center !important; 

        width: 100%;

        text-align: center !important; 

        margin: 0 auto !important; 

    }

    .contact-info .contact p {

        text-align: center !important;

        font-size: 18px !important;

    }

    .contact-info .address p {

        text-align: center !important;

        font-size: 18px !important;

        line-height: 28px !important;

    }

    .contact,

    .address {

        width: 100%;

        text-align: center !important; 

        font-size: 24px !important;

        margin-bottom: 20px;

    }

    .footer-container {

        padding: 10px;

        margin: 0 auto !important;

        text-align: center;

    }

    .footer-container h3 {

        font-size: 30px !important;

        line-height: 40px;

        text-align: center;

    }
    

    .footer-contact-form {

       margin:0 auto;

    }

    .footer-contact-form .input-name, 

    .footer-contact-form .input-email, 

    .footer-contact-form .input-phone, 

    .footer-contact-form .input-message

    .footer-contact-form .consent-label

    .footer-contact-form button {

        width: 100%; 

    }

    .footer-contact-form .consent-label {

        width: 100%; 

        font-size: 12px; 

        margin-bottom: 8px; 

        text-align: left;

    }

    .footer-checkbox {

        padding: 0;

        margin: 0;

    }

    .footer-contact-form input[type="checkbox"] {

        margin-right: 0;

        padding: 0;

        margin: 0; 

        width: auto; 

        text-align: left;    margin-top: 4px;
        margin-right: 4px;

    }

    .footer-contact-form h5 {

        font-size: 24px !important;

        line-height: 30px; 

        text-align: center !important;

    }

    .footer-contact-form p {

        font-size: 12px; 

    }

    .whatsapp-icon {

        width: 25px;

        height: 25px;

    }

    .map-container iframe {

        width: 100%;

        padding: 0;

        margin: 0;

    }

    

    .footer-contact-form button {

        background-color: #000;

        color: #fff;

        padding: 10px 20px;

        cursor: pointer;

        font-size: 16px !important;

        width: 100%;

        margin-top: 20px;

        border-radius: 0;

    }    

}



@media (max-width: 768px) {

    .footer-copyright {

        flex-direction: column;

        align-items: center;

        padding: 15px;

    }

    .whatsapp-policy {

        margin-bottom: 5px;

        justify-content: center;

    }

    .copyright {

        text-align: center;

    }

    .footer-contact-form .wpcf7-list-item-label{text-align: left !important;}

}