.elementor-14 .elementor-element.elementor-element-2e4ba659{--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;--overflow:hidden;--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-14 .elementor-element.elementor-element-2e4ba659 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-14 .elementor-element.elementor-element-16f2e1d7{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.48;--border-radius:0px 0px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-16f2e1d7::before, .elementor-14 .elementor-element.elementor-element-16f2e1d7 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-16f2e1d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-16f2e1d7 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-16f2e1d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-16f2e1d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-7d715198{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-14 .elementor-element.elementor-element-baf0e11{text-align:center;}.elementor-14 .elementor-element.elementor-element-baf0e11 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-292d3f54{text-align:center;}.elementor-14 .elementor-element.elementor-element-292d3f54 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:99px;font-weight:500;text-transform:capitalize;font-style:italic;line-height:1.1em;letter-spacing:-1.3px;color:var( --e-global-color-5bd60dc );}.elementor-14 .elementor-element.elementor-element-1057ad8c{width:var( --container-widget-width, 68.219% );max-width:68.219%;--container-widget-width:68.219%;--container-widget-flex-grow:0;text-align:center;font-size:18px;color:var( --e-global-color-1e38924 );}.elementor-14 .elementor-element.elementor-element-1057ad8c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-2be2e72 .elementor-button{background-color:var( --e-global-color-5bd60dc );font-family:"League Spartan", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;fill:var( --e-global-color-870ef80 );color:var( --e-global-color-870ef80 );}.elementor-14 .elementor-element.elementor-element-2be2e72 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-2be2e72 .elementor-button:focus{background-color:var( --e-global-color-870ef80 );color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-2be2e72 .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-2be2e72 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-9a6109c{--display:flex;}.elementor-14 .elementor-element.elementor-element-53051f9{--display:flex;}.elementor-14 .elementor-element.elementor-element-10ec03b{--display:flex;}.elementor-14 .elementor-element.elementor-element-003895e{--display:flex;}.elementor-14 .elementor-element.elementor-element-dfcf2dc{--display:flex;--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-14 .elementor-element.elementor-element-67feac3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-c53b7bc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-14 .elementor-element.elementor-element-11c1594{--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:40px 40px;--row-gap:40px;--column-gap:40px;--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-14 .elementor-element.elementor-element-c41c65b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--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-14 .elementor-element.elementor-element-f3ad44c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;}.elementor-14 .elementor-element.elementor-element-f3ad44c:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-f3ad44c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5bd60dc );}.elementor-14 .elementor-element.elementor-element-7f933c2{--display:flex;--min-height:240px;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-7f933c2:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-7f933c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://newweb.wirebondelectrics.co.nz/wp-content/uploads/2026/10/3e965c6b-94a2-4055-82fa-9d29295a2f09.png@responsive-1600-1.avif");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-24dd8b8{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-14 .elementor-element.elementor-element-968a5de .elementor-icon-list-icon i{color:var( --e-global-color-870ef80 );transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-968a5de .elementor-icon-list-icon svg{fill:var( --e-global-color-870ef80 );transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-968a5de{--e-icon-list-icon-size:14px;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-968a5de .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14 .elementor-element.elementor-element-968a5de .elementor-icon-list-item > a{font-family:var( --e-global-typography-0c74ed6-font-family ), Sans-serif;font-size:var( --e-global-typography-0c74ed6-font-size );font-weight:var( --e-global-typography-0c74ed6-font-weight );text-transform:var( --e-global-typography-0c74ed6-text-transform );line-height:var( --e-global-typography-0c74ed6-line-height );}.elementor-14 .elementor-element.elementor-element-968a5de .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-b117c3b .elementor-heading-title{font-family:var( --e-global-typography-2a9a9cf-font-family ), Sans-serif;font-size:var( --e-global-typography-2a9a9cf-font-size );font-weight:var( --e-global-typography-2a9a9cf-font-weight );text-transform:var( --e-global-typography-2a9a9cf-text-transform );line-height:var( --e-global-typography-2a9a9cf-line-height );letter-spacing:var( --e-global-typography-2a9a9cf-letter-spacing );}.elementor-14 .elementor-element.elementor-element-04f67e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;padding:0px 0px 0px 0px;font-size:19px;line-height:26px;}.elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button{background-color:var( --e-global-color-870ef80 );font-family:var( --e-global-typography-dbc0204-font-family ), Sans-serif;font-size:var( --e-global-typography-dbc0204-font-size );font-weight:var( --e-global-typography-dbc0204-font-weight );text-transform:var( --e-global-typography-dbc0204-text-transform );fill:var( --e-global-color-5bd60dc );color:var( --e-global-color-5bd60dc );padding:16px 24px 12px 24px;}.elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button:focus{background-color:var( --e-global-color-bf890a9 );color:var( --e-global-color-5bd60dc );}.elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button:focus svg{fill:var( --e-global-color-5bd60dc );}.elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button .elementor-button-icon i, .elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button .elementor-button-icon svg{transform:rotate(315deg);}.elementor-14 .elementor-element.elementor-element-edc5544{--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:space-between;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-edc5544:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-edc5544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e38924 );}.elementor-14 .elementor-element.elementor-element-046ffd7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-14 .elementor-element.elementor-element-b383645{--display:flex;--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-14 .elementor-element.elementor-element-4a90cdf .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:15px;--ekit_testimonial_slidetoshow:3;}.elementor-14 .elementor-element.elementor-element-4a90cdf{padding:30px 0px 030px 0px;}.elementor-14 .elementor-element.elementor-element-4a90cdf .ekit_testimonial_style_5 .elementskit-watermark-icon{bottom:30px;right:30px;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-tootltip-testimonial .elementskit-commentor-content,
					.elementor-14 .elementor-element.elementor-element-4a90cdf .ekit-main-swiper .elementskit-single-testimonial-slider,
					.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-testimonial_card{margin-left:14px;margin-right:14px;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-single-testimonial-slider, .elementor-14 .elementor-element.elementor-element-4a90cdf  .elementskit-testimonial_card{padding:50px 030px 50px 030px;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-single-testimonial-slider, .elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-testimonial_card{border-radius:20px 20px 20px 20px;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-single-testimonial-slider  .elementskit-commentor-content > p{color:#000000;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-testimonial_card .elementskit-commentor-coment{color:#000000;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-single-testimonial-slider  .elementskit-commentor-content > p, .elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-testimonial_card .elementskit-commentor-coment{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;font-style:italic;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-stars > li > a, .elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-stars > li > span{color:#fec42d;fill:#fec42d;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-stars > li:not(:last-child){margin-right:5px;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-profile-info .elementskit-author-name{margin-bottom:0px;}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-commentor-bio .elementskit-commentor-image > img{height:70px;width:70px;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-53051f9{--content-width:1340px;}.elementor-14 .elementor-element.elementor-element-10ec03b{--width:100%;}.elementor-14 .elementor-element.elementor-element-f3ad44c{--width:51%;}}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-2e4ba659{--margin-top:-116px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-16f2e1d7{--min-height:548px;--padding-top:148px;--padding-bottom:48px;--padding-left:32px;--padding-right:32px;}.elementor-14 .elementor-element.elementor-element-baf0e11 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-14 .elementor-element.elementor-element-292d3f54 .elementor-heading-title{font-size:60px;line-height:1.1em;}.elementor-14 .elementor-element.elementor-element-67feac3{--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:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-14 .elementor-element.elementor-element-c53b7bc{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-11c1594{--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-14 .elementor-element.elementor-element-c41c65b{--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;}.elementor-14 .elementor-element.elementor-element-968a5de .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14 .elementor-element.elementor-element-968a5de .elementor-icon-list-item > a{font-size:var( --e-global-typography-0c74ed6-font-size );line-height:var( --e-global-typography-0c74ed6-line-height );}.elementor-14 .elementor-element.elementor-element-b117c3b .elementor-heading-title{font-size:var( --e-global-typography-2a9a9cf-font-size );line-height:var( --e-global-typography-2a9a9cf-line-height );letter-spacing:var( --e-global-typography-2a9a9cf-letter-spacing );}.elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button{font-size:var( --e-global-typography-dbc0204-font-size );}.elementor-14 .elementor-element.elementor-element-edc5544{--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:100px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-14 .elementor-element.elementor-element-046ffd7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-4a90cdf .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-2e4ba659{--border-radius:0px 0px 0px 0px;--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-14 .elementor-element.elementor-element-16f2e1d7{--min-height:487px;--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:space-between;--border-radius:0px 0px 0px 0px;--padding-top:148px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-baf0e11 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-14 .elementor-element.elementor-element-292d3f54 .elementor-heading-title{font-size:40px;}.elementor-14 .elementor-element.elementor-element-1057ad8c{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-2be2e72 .elementor-button{font-size:17px;}.elementor-14 .elementor-element.elementor-element-9a6109c{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-10ec03b{--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-14 .elementor-element.elementor-element-003895e{--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-14 .elementor-element.elementor-element-67feac3{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-968a5de .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14 .elementor-element.elementor-element-968a5de .elementor-icon-list-item > a{font-size:var( --e-global-typography-0c74ed6-font-size );line-height:var( --e-global-typography-0c74ed6-line-height );}.elementor-14 .elementor-element.elementor-element-b117c3b .elementor-heading-title{font-size:var( --e-global-typography-2a9a9cf-font-size );line-height:var( --e-global-typography-2a9a9cf-line-height );letter-spacing:var( --e-global-typography-2a9a9cf-letter-spacing );}.elementor-14 .elementor-element.elementor-element-3054bf6 .elementor-button{font-size:var( --e-global-typography-dbc0204-font-size );}.elementor-14 .elementor-element.elementor-element-edc5544{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-b383645{--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-14 .elementor-element.elementor-element-4a90cdf .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}}/* Start custom CSS for html, class: .elementor-element-4ab080b *//* =========================
   SECTION
========================= */

.room-section {
    width: 100%;
    padding: 20px;
    overflow: hidden;
}

.room-container {
    max-width: 1250px;
    margin: 0 auto;
}


/* =========================
   HEADING
========================= */

.room-heading {
    max-width: 1000px;
    margin: 0 auto 0px;
    text-align: center;
    font
}

.small-label {
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px 18px;

    background: rgba(129, 167, 244, 0.12);
    color: #20b673;

    border-radius: 50px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.room-heading h2 {
    font-family: "Playfair Display", Georgia, serif;
    font-size: 58px;
    line-height: 1.1;

    margin-bottom: 20px;
   
    color: #172333;
}

.room-heading h2 span {
    color: #20b673;
}

.room-heading p {
    font-size: 18px;
    line-height: 1.7;

    color: #667085;
}


/* =========================
   GRID
========================= */

.room-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}


/* =========================
   CARD
========================= */

.room-card {
    position: relative;

    min-height: 430px;

    padding: 35px 32px 32px;

    background: #ffffff;

    border-radius: 28px;

    border: 1px solid rgba(129, 167, 244, 0.18);

    box-shadow: 0 10px 35px rgba(23, 35, 51, 0.07);

    overflow: hidden;

    transition: all 0.35s ease;

    display: flex;
    flex-direction: column;
}


/* Decorative circle */

.room-card::before {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    top: -100px;
    right: -80px;

    border-radius: 50%;

    background: rgba(129, 167, 244, 0.07);

    transition: all 0.4s ease;
}


/* Hover */

.room-card:hover {
    transform: translateY(-10px);

    box-shadow:
        0 25px 55px rgba(32, 182, 115, 0.12);

    border-color: rgba(32, 182, 115, 0.35);
}

.room-card:hover::before {
    transform: scale(1.25);
}


/* =========================
   CARD TOP BORDER
========================= */

.blue-card {
    border-top: 5px solid #81a7f4;
}

.green-card {
    border-top: 5px solid #20b673;
}

.dark-card {
    border-top: 5px solid #81a7f4;
}


/* =========================
   CARD TOP
========================= */

.card-top {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 45px;
}


/* =========================
   ICON
========================= */

.room-icon {
    width: 65px;
    height: 65px;

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

    border-radius: 18px;

    font-size: 30px;

    transition: all 0.3s ease;
}


/* Blue */

.blue-card .room-icon,
.dark-card .room-icon {
    background: rgba(129, 167, 244, 0.12);

    border: 1px solid rgba(129, 167, 244, 0.25);
}


/* Green */

.green-card .room-icon {
    background: rgba(32, 182, 115, 0.10);

    border: 1px solid rgba(32, 182, 115, 0.22);
}


/* Icon hover */

.room-card:hover .room-icon {
    transform: rotate(-4deg) scale(1.05);
}


/* =========================
   NUMBER
========================= */

.room-number {
    position: relative;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 2px;
}

.blue-card .room-number,
.dark-card .room-number {
    color: #81a7f4;
}

.green-card .room-number {
    color: #20b673;
}


/* =========================
   CARD HEADING
========================= */

.room-card h3 {
    position: relative;
    font-family: "league spartan";
    font-size: 30px;
    line-height: 1.3;

    margin-bottom: 18px;

    font-weight: 600;

    color: #172333;
}


/* =========================
   CARD TEXT
========================= */

.room-card p {
    position: relative;

    font-size: 15px;
    line-height: 1.75;

    color: #667085;

    margin-bottom: 25px;
}


/* =========================
   HIGHLIGHT BOX
========================= */

.highlight {
    position: relative;

    margin-top: auto;

    padding: 16px 18px;

    border-radius: 0 12px 12px 0;

    font-size: 14px;
    line-height: 1.55;

    color: #172333;

    background: rgba(129, 167, 244, 0.08);

    border-left: 3px solid #81a7f4;
}


/* Green Highlight */

.green-card .highlight {
    background: rgba(32, 182, 115, 0.08);

    border-left-color: #20b673;
}


/* Highlight strong */

.highlight strong {
    color: #20b673;

    font-weight: 700;
}


/* =========================
   SMALL DECORATIVE LINE
========================= */

.room-card h3::after {
    content: "";

    display: block;

    width: 35px;
    height: 3px;

    margin-top: 12px;

    border-radius: 10px;

    background: #81a7f4;
}

.green-card h3::after {
    background: #20b673;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1050px) {

    .room-section {
        padding: 80px 20px;
    }

    .room-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .room-card:last-child {
        grid-column: 1 / -1;
    }

}


/* =========================
   TABLET SMALL
========================= */

@media (max-width: 800px) {

    .room-heading h2 {
        font-size: 48px;
    }

    .room-heading p {
        font-size: 17px;
    }

    .room-card {
        min-height: 400px;

        padding: 30px 27px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 650px) {

    .room-section {
        padding: 65px 16px;
    }


    /* Heading */

    .room-heading {
        margin-bottom: 40px;
    }

    .small-label {
        font-size: 10px;

        letter-spacing: 1.5px;

        padding: 7px 14px;
    }

    .room-heading h2 {
        font-size: 38px;

        line-height: 1.15;

        margin-bottom: 16px;
    }

    .room-heading p {
        font-size: 15px;

        line-height: 1.65;
    }


    /* Grid */

    .room-grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .room-card:last-child {
        grid-column: auto;
    }


    /* Cards */

    .room-card {
        min-height: auto;

        padding: 28px 25px;

        border-radius: 23px;
    }


    /* Top */

    .card-top {
        margin-bottom: 35px;
    }


    /* Icon */

    .room-icon {
        width: 58px;
        height: 58px;

        font-size: 27px;

        border-radius: 16px;
    }


    /* Heading */

    .room-card h3 {
        font-size: 22px;

        line-height: 1.3;

        margin-bottom: 16px;
    }


    /* Text */

    .room-card p {
        font-size: 14px;

        line-height: 1.7;

        margin-bottom: 22px;
    }


    /* Highlight */

    .highlight {
        padding: 14px 16px;

        font-size: 13px;

        line-height: 1.5;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 400px) {

    .room-section {
        padding: 55px 14px;
    }

    .room-heading h2 {
        font-size: 34px;
    }

    .room-heading p {
        font-size: 14px;
    }

    .room-card {
        padding: 25px 21px;
    }

    .room-card h3 {
        font-size: 20px;
    }

    .room-card p {
        font-size: 13.5px;
    }

}/* End custom CSS */