.elementor-1308 .elementor-element.elementor-element-2d4131e{--display:flex;--min-height:432px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.47;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1308 .elementor-element.elementor-element-2d4131e:not(.elementor-motion-effects-element-type-background), .elementor-1308 .elementor-element.elementor-element-2d4131e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;background-image:url("https://phg.world/wp-content/uploads/2026/05/Central-Residence-Karachi-1.webp");background-position:center center;background-size:cover;}.elementor-1308 .elementor-element.elementor-element-2d4131e::before, .elementor-1308 .elementor-element.elementor-element-2d4131e > .elementor-background-video-container::before, .elementor-1308 .elementor-element.elementor-element-2d4131e > .e-con-inner > .elementor-background-video-container::before, .elementor-1308 .elementor-element.elementor-element-2d4131e > .elementor-background-slideshow::before, .elementor-1308 .elementor-element.elementor-element-2d4131e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1308 .elementor-element.elementor-element-2d4131e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1308 .elementor-element.elementor-element-02872d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-1308 .elementor-element.elementor-element-fa4256f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1308 .elementor-element.elementor-element-61224d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1308 .elementor-element.elementor-element-14bee63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1308 .elementor-element.elementor-element-14bee63.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1308 .elementor-element.elementor-element-14bee63 img{border-radius:20px 20px 20px 20px;box-shadow:6px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1308 .elementor-element.elementor-element-a4a1e6f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1308 .elementor-element.elementor-element-334ee98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1308 .elementor-element.elementor-element-8ee993c{text-align:center;}.elementor-1308 .elementor-element.elementor-element-8ee993c .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:44px;font-weight:700;line-height:53px;color:#000000;}.elementor-1308 .elementor-element.elementor-element-a9c7f38{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1308 .elementor-element.elementor-element-7418794{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1308 .elementor-element.elementor-element-ff328fc{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1308 .elementor-element.elementor-element-2eca635{--display:flex;}.elementor-1308 .elementor-element.elementor-element-ebd0ecc{--display:flex;}.elementor-1308 .elementor-element.elementor-element-39f28df{--display:flex;}.elementor-1308 .elementor-element.elementor-element-9e241df{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1308 .elementor-element.elementor-element-363ecfc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1308 .elementor-element.elementor-element-88669bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:40px;}.elementor-1308 .elementor-element.elementor-element-f899acc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1308 .elementor-element.elementor-element-d4b23dd{text-align:center;}.elementor-1308 .elementor-element.elementor-element-d4b23dd .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:30px;font-weight:700;line-height:53px;color:#000000;}.elementor-1308 .elementor-element.elementor-element-9dae496{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1308 .elementor-element.elementor-element-6659380{width:var( --container-widget-width, 115.208% );max-width:115.208%;--container-widget-width:115.208%;--container-widget-flex-grow:0;}.elementor-1308 .elementor-element.elementor-element-6659380.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1308 .elementor-element.elementor-element-88f733c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1308 .elementor-element.elementor-element-c6b3e41{text-align:center;}.elementor-1308 .elementor-element.elementor-element-c6b3e41 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:44px;font-weight:700;line-height:53px;color:#000000;}.elementor-1308 .elementor-element.elementor-element-9b87889{--display:flex;}.elementor-1308 .elementor-element.elementor-element-fcb0387{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1308 .elementor-element.elementor-element-d7604b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1308 .elementor-element.elementor-element-d7604b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1308 .elementor-element.elementor-element-89db773{--display:flex;--min-height:595px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1308 .elementor-element.elementor-element-89db773:not(.elementor-motion-effects-element-type-background), .elementor-1308 .elementor-element.elementor-element-89db773 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://phg.world/wp-content/uploads/2026/04/3-reception-Copy-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1308 .elementor-element.elementor-element-89db773.e-con{--align-self:flex-start;}.elementor-1308 .elementor-element.elementor-element-f97f002{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1308 .elementor-element.elementor-element-f97f002:not(.elementor-motion-effects-element-type-background), .elementor-1308 .elementor-element.elementor-element-f97f002 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#142639;}.elementor-1308 .elementor-element.elementor-element-15f28c0{text-align:start;}.elementor-1308 .elementor-element.elementor-element-15f28c0 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:30px;font-weight:bold;line-height:53px;color:#FFFFFF;}.elementor-1308 .elementor-element.elementor-element-7151657{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1308 .elementor-element.elementor-element-a4a1e6f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1308 .elementor-element.elementor-element-a9c7f38{--flex-wrap:nowrap;}.elementor-1308 .elementor-element.elementor-element-7418794{--grid-auto-flow:row;}.elementor-1308 .elementor-element.elementor-element-9e241df{--grid-auto-flow:row;}.elementor-1308 .elementor-element.elementor-element-363ecfc{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1308 .elementor-element.elementor-element-fa4256f{--content-width:1044px;}.elementor-1308 .elementor-element.elementor-element-61224d6{--width:50%;}.elementor-1308 .elementor-element.elementor-element-a4a1e6f{--width:50%;}.elementor-1308 .elementor-element.elementor-element-334ee98{--content-width:1390px;}.elementor-1308 .elementor-element.elementor-element-a9c7f38{--content-width:1200px;}.elementor-1308 .elementor-element.elementor-element-88669bf{--content-width:1150px;}.elementor-1308 .elementor-element.elementor-element-9dae496{--content-width:1200px;}.elementor-1308 .elementor-element.elementor-element-88f733c{--content-width:1390px;}.elementor-1308 .elementor-element.elementor-element-d7604b7{--width:49.557%;}.elementor-1308 .elementor-element.elementor-element-f97f002{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1308 .elementor-element.elementor-element-a4a1e6f{--width:1347px;}.elementor-1308 .elementor-element.elementor-element-a9c7f38{--content-width:1200px;}}@media(max-width:767px){.elementor-1308 .elementor-element.elementor-element-2d4131e{--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-1308 .elementor-element.elementor-element-fa4256f{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1308 .elementor-element.elementor-element-a4a1e6f{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1308 .elementor-element.elementor-element-8ee993c .elementor-heading-title{font-size:30px;}.elementor-1308 .elementor-element.elementor-element-7418794{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1308 .elementor-element.elementor-element-9e241df{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1308 .elementor-element.elementor-element-363ecfc{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1308 .elementor-element.elementor-element-d4b23dd .elementor-heading-title{font-size:30px;}.elementor-1308 .elementor-element.elementor-element-88f733c{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1308 .elementor-element.elementor-element-c6b3e41 .elementor-heading-title{font-size:30px;}.elementor-1308 .elementor-element.elementor-element-fcb0387{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1308 .elementor-element.elementor-element-f97f002{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1308 .elementor-element.elementor-element-15f28c0 .elementor-heading-title{font-size:35px;}}/* Start custom CSS for html, class: .elementor-element-543e773 *//* This makes the button container visible and clickable */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #142639 !important; /* The dark blue from your reference */
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    z-index: 999 !important; /* High number ensures it stays ON TOP of the image */
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none !important;
    padding: 0 !important;
}

/* This makes the white arrow inside visible */
.slider-btn svg {
    width: 14px;
    height: 14px;
    display: block;
}

.slider-btn svg path {
    stroke: #ffffff !important; /* Forces the arrow to be white */
    stroke-width: 2px !important; /* Makes the arrow thicker like the reference */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24a430a *//* This makes the button container visible and clickable */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #142639 !important; /* The dark blue from your reference */
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    z-index: 999 !important; /* High number ensures it stays ON TOP of the image */
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none !important;
    padding: 0 !important;
}

/* This makes the white arrow inside visible */
.slider-btn svg {
    width: 14px;
    height: 14px;
    display: block;
}

.slider-btn svg path {
    stroke: #ffffff !important; /* Forces the arrow to be white */
    stroke-width: 2px !important; /* Makes the arrow thicker like the reference */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6659380 */<style>
/* Slider Container Size */
.swiper-container {
    width: 100%;
    padding-bottom: 40px !important; /* Space for the dots */
}

/* Ensure cards don't shrink weirdly */
.swiper-slide {
    display: flex;
    justify-content: center;
    height: auto;
}

/* Customizing the Navigation Dots */
.swiper-pagination-bullet {
    background: #c9a84c !important;
    opacity: 0.5;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #142639 !important;
}

/* Keep your existing card styles here... */
.na-card {
    width: 100%; /* Let the swiper control the width */
    max-width: 300px;
    /* ... keep other styles ... */
}
</style>/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4cd48 *//* 1. Remove CF7's messy hidden markup */
.wpcf7-form br {
    display: none ;
}
.wpcf7-form p {
    margin: 0;
}

/* 2. Row Layout */
.form-row {
    display: flex;
    gap: 20px; /* Modern wide gap between columns */
    margin-bottom: 20px; /* Space between rows */
}

/* 3. Column & Vertical Spacing */
.form-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px; /* 🔥 This controls the gap between Label and Field */
}

/* 4. Labels - Fixed Size & Line Height */
.wpcf7 label {
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 16px; /* Larger, more readable size */
    font-weight: 600;
    line-height: 1.4; /* Fixed the "squashed" text issue */
    display: block;
    margin-bottom: 10px;
}

/* 5. Inputs - Better Padding & Sizing */
.wpcf7 input:not([type="submit"]),
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    padding: 14px 12px; /* Thicker fields feel more premium */
    border-radius: 8px; /* Slightly softer corners */
    border: 1px solid transparent;
    background-color: #ffffff;
    box-sizing: border-box;
    color: #333;
}

/* Focus state for better UX */
.wpcf7 input:focus {
    outline: none;
    border-color: #c9a84c;
    box-shadow: 0 0 5px rgba(201, 168, 76, 0.3);
}

/* 6. Button - Modern & Clean */
.wpcf7 input[type="submit"] {
    background-color: #c9a84c;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
    padding: 16px 40px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #b08f3a;
    transform: translateY(-1px);
}

/* 7. Mobile View */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
        gap: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcb0387 *//* Change Calendar Icon Color */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(75%) sepia(15%) saturate(900%) hue-rotate(10deg) brightness(90%) contrast(90%);
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0870679 *//* ... your existing styles ... */

.t-dots {
  display: flex;
  justify-content: center;
  align-items: center; /* Ensures dots stay vertically centered when scaling */
  gap: 12px;           /* Increased gap to prevent overlapping */
  margin-top: 30px;    /* Extra breathing room */
  height: 20px;        /* Fixed height so scaling doesn't shift the layout */
}

.t-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d0ccc4;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;      /* Prevents dots from squishing */
}

.t-dot.active {
  background: #142639;
  transform: scale(1.4); /* Smooth scale-up */
}/* End custom CSS */