/*
Theme Name: Dolife - Child
Author: GT3themes
Author URI: http://gt3themes.com
Description: -
Version: 1.0
Template: dolife
*/


/*coming soon header and footer css */
.page-id-1861 .gt3_header_builder , .main_footer {
  display: none !important;
}
.page-id-1861 .elementor-924 {
    display: none !important;
}
.main_wrapper {
    margin: 0px !important;
}
.elementor-section.elementor-element-9ec2d11,
.elementor-element-e2eaecb {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

#SR7_7_1 {
    margin-bottom: -2px !important;
}
/* Responsive Table */
.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
    padding: 12px 15px;
    border: 1px solid #3a3172;
}

/* ---------- Mobile Styles ---------- */
@media (max-width: 768px) {
    .responsive-table thead {
        display: none; /* Hide table header */
    }

    .responsive-table tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #3a3172;
        background: #ffffff;
        padding: 10px;
    }

    .responsive-table td {
        display: flex;
        justify-content: space-between;
        padding: 10px 8px;
        font-size: 14px;
        border: none;
        border-bottom: 1px solid #ddd;
    }

    .responsive-table td:last-child {
        border-bottom: none;
    }

    .responsive-table td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #ebb92e;
        text-transform: uppercase;
    }
}

/* ---------- submenu bottom line ---------- */
.wpda-builder-menu > ul > li > a:before, .wpda-builder-menu > div > ul > li > a:before {
    border-color: #ffffff !important;
}
.elementor-widget-wpda-builder-menu nav ul li ul.sub-menu:before
 {
      border-color: #ffffff !important;
}

/* ---------- submenu ---------- */

.elementor-widget-wpda-builder-menu nav ul li ul.sub-menu ul.sub-menu {
    top: 0;
    left: 101%;
  margin-top: 0px !important;
}


.card-img-top {
    height: 400px;
    object-fit: cover;
    border-radius: 0; /* Keep it square/rectangular as per image */
}

/* Style for the red double arrow link */
.read-more-arrow {
    color: #c0502d; /* Dark orange/red color */
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 0;
    vertical-align: middle;
}

.read-more-arrow:hover {
    color: #a04020;
}

/* Match the font weight of the titles */
.card-title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.anandportfolio img {
    width: 100% !important;
}
.row.g-4.customflex
 { display: flex !important; flex-wrap: wrap; justify-content: space-around; box-sizing: border-box !important; }
.card {
    position: relative;
        cursor: pointer;
  
}
.p-0
{
    padding:0px !important;
}
.card img {
    width: 100%;
    display: block;
}
h5.card-title {
    padding: 10px;
}
.card-body 
 {
    opacity: 0;
    position: absolute;
    padding: 0 2.083vw;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 300ms;
    transition: 300ms;
    background: #2D4E3D;
    gap: 1.042vw;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}
.text-port h5, .text-port p {
    color: #fff;
    font-weight: 400;
}
.brand-section
{
    padding:50px 0px;
}
.card:hover .card-body {
    opacity: 0.9;
}

.card img {
    width: 100%;
}
.card-text.text-port li {
    color: white !important;
    font-size: 17px !important;
    font-family: 'Poppins' !important;
}
.card-text.text-port {
    width: 100%;
    text-align: left;
    padding: 0px 40px !important;
}

@media screen and (min-width:768px)
{
.custom-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.cus-md-4 {
    flex-basis: 33.33%;
    width: 33%;
    padding: 0px 10px;
}

}