.elementor-702 .elementor-element.elementor-element-ddddc8b{--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:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:220px;--padding-bottom:220px;--padding-left:20px;--padding-right:20px;}.elementor-702 .elementor-element.elementor-element-ddddc8b:not(.elementor-motion-effects-element-type-background), .elementor-702 .elementor-element.elementor-element-ddddc8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pearloftravel.com/wp-content/uploads/2026/09/Untitled-design-2026-09-06T103946.840.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-702 .elementor-element.elementor-element-ddddc8b::before, .elementor-702 .elementor-element.elementor-element-ddddc8b > .elementor-background-video-container::before, .elementor-702 .elementor-element.elementor-element-ddddc8b > .e-con-inner > .elementor-background-video-container::before, .elementor-702 .elementor-element.elementor-element-ddddc8b > .elementor-background-slideshow::before, .elementor-702 .elementor-element.elementor-element-ddddc8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-702 .elementor-element.elementor-element-ddddc8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, var( --e-global-color-10a94b3 ) 0%, var( --e-global-color-b4ec28f ) 100%);}.elementor-702 .elementor-element.elementor-element-850294b{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-702 .elementor-element.elementor-element-5df1562{text-align:center;}.elementor-702 .elementor-element.elementor-element-5df1562 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3.3em;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:var( --e-global-color-8235737 );}.elementor-702 .elementor-element.elementor-element-034cd87{--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-702 .elementor-element.elementor-element-d54cad8{--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;}.elementor-702 .elementor-element.elementor-element-d08695c{--display:flex;}.elementor-702 .elementor-element.elementor-element-bea88fc{--display:flex;}.elementor-702 .elementor-element.elementor-element-5562b6e{--display:flex;}.elementor-702 .elementor-element.elementor-element-70ffb93{--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;--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-702 .elementor-element.elementor-element-ec2c0d5{--display:flex;}.elementor-702 .elementor-element.elementor-element-6f84546 img{height:194px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-6517b9d{--display:flex;}.elementor-702 .elementor-element.elementor-element-af930f8{text-align:justify;}.elementor-702 .elementor-element.elementor-element-648678c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-648678c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-648678c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-648678c .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-7060f91{--display:flex;}.elementor-702 .elementor-element.elementor-element-898a71e{--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;--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-702 .elementor-element.elementor-element-171405d{--display:flex;}.elementor-702 .elementor-element.elementor-element-9046a33 img{height:194px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-b19f412{--display:flex;}.elementor-702 .elementor-element.elementor-element-3ca97ca{text-align:justify;}.elementor-702 .elementor-element.elementor-element-766e8ef .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-766e8ef .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-766e8ef{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-766e8ef .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-8a65d8a{--display:flex;}.elementor-702 .elementor-element.elementor-element-9d81c90{--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;--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-702 .elementor-element.elementor-element-b04ae91{--display:flex;}.elementor-702 .elementor-element.elementor-element-9217469 img{height:230px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-6d37dff{--display:flex;}.elementor-702 .elementor-element.elementor-element-295b6c7{text-align:justify;}.elementor-702 .elementor-element.elementor-element-bc52448 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-bc52448 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-bc52448{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-bc52448 .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-b791c11{--display:flex;}.elementor-702 .elementor-element.elementor-element-75de36a{--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;--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-702 .elementor-element.elementor-element-23ad34f{--display:flex;}.elementor-702 .elementor-element.elementor-element-c361160 img{height:233px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-19832cc{--display:flex;}.elementor-702 .elementor-element.elementor-element-56c881e{text-align:justify;}.elementor-702 .elementor-element.elementor-element-57cf1b8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-57cf1b8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-57cf1b8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-57cf1b8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-8ec646b{--display:flex;}.elementor-702 .elementor-element.elementor-element-fcd5836{--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;--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-702 .elementor-element.elementor-element-1149600{--display:flex;}.elementor-702 .elementor-element.elementor-element-43127ed img{height:233px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-2e8c083{--display:flex;}.elementor-702 .elementor-element.elementor-element-20cba9f{text-align:justify;}.elementor-702 .elementor-element.elementor-element-0f7aca0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-0f7aca0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-0f7aca0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-0f7aca0 .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-6e35c66{--display:flex;}.elementor-702 .elementor-element.elementor-element-dc5f361{--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;--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-702 .elementor-element.elementor-element-b3a4297{--display:flex;}.elementor-702 .elementor-element.elementor-element-42b1bba img{height:233px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-4d0050c{--display:flex;}.elementor-702 .elementor-element.elementor-element-ccf2e71{text-align:justify;}.elementor-702 .elementor-element.elementor-element-12a1a68 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-12a1a68 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-12a1a68{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-12a1a68 .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-f747569{--display:flex;}.elementor-702 .elementor-element.elementor-element-822af58{--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;--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-702 .elementor-element.elementor-element-5348200{--display:flex;}.elementor-702 .elementor-element.elementor-element-962bf22 img{height:181px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-403eff8{--display:flex;}.elementor-702 .elementor-element.elementor-element-9396a2c{text-align:justify;}.elementor-702 .elementor-element.elementor-element-117b633 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-117b633 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-117b633{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-117b633 .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-4788b15{--display:flex;}.elementor-702 .elementor-element.elementor-element-f0833e2{--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;--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-702 .elementor-element.elementor-element-579051f{--display:flex;}.elementor-702 .elementor-element.elementor-element-c32b432 img{height:305px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-677fef9{--display:flex;}.elementor-702 .elementor-element.elementor-element-42160e8{text-align:justify;}.elementor-702 .elementor-element.elementor-element-8ecef57 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-8ecef57 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-8ecef57{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-8ecef57 .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-0a8066d{--display:flex;}.elementor-702 .elementor-element.elementor-element-9103a4d{--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;--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-702 .elementor-element.elementor-element-6068230{--display:flex;}.elementor-702 .elementor-element.elementor-element-2b2b2f0 img{height:217px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-4b61b45{--display:flex;}.elementor-702 .elementor-element.elementor-element-9f94a01{text-align:justify;}.elementor-702 .elementor-element.elementor-element-6c6a698 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-6c6a698 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-6c6a698{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-6c6a698 .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-9104551{--display:flex;}.elementor-702 .elementor-element.elementor-element-78c4213{--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;--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-702 .elementor-element.elementor-element-79c924b{--display:flex;}.elementor-702 .elementor-element.elementor-element-201c5e2 img{height:217px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-07bd0ec{--display:flex;}.elementor-702 .elementor-element.elementor-element-05b4333{text-align:justify;}.elementor-702 .elementor-element.elementor-element-9d9121b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-9d9121b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-9d9121b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-9d9121b .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-3e8b679{--display:flex;}.elementor-702 .elementor-element.elementor-element-549cde0{--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;--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-702 .elementor-element.elementor-element-ee5b390{--display:flex;}.elementor-702 .elementor-element.elementor-element-b79b1ba img{height:169px;object-fit:cover;object-position:center center;}.elementor-702 .elementor-element.elementor-element-5474f17{--display:flex;}.elementor-702 .elementor-element.elementor-element-6b2ae2d{text-align:justify;}.elementor-702 .elementor-element.elementor-element-b57357a{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-702 .elementor-element.elementor-element-ba5b405{--display:flex;}.elementor-702 .elementor-element.elementor-element-b119b27{--display:flex;}.elementor-702 .elementor-element.elementor-element-2d9e0a2 .elementor-heading-title{font-size:25px;}.elementor-702 .elementor-element.elementor-element-cb9ac1e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-702 .elementor-element.elementor-element-cb9ac1e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-702 .elementor-element.elementor-element-cb9ac1e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-702 .elementor-element.elementor-element-cb9ac1e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-702 .elementor-element.elementor-element-cb9ac1e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-702 .elementor-element.elementor-element-cb9ac1e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-cb9ac1e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-cb9ac1e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-cb9ac1e .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-5586e7f{--display:flex;}.elementor-702 .elementor-element.elementor-element-f3e5904 .elementor-heading-title{font-size:25px;}.elementor-702 .elementor-element.elementor-element-9df69bb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-702 .elementor-element.elementor-element-9df69bb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-702 .elementor-element.elementor-element-9df69bb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-702 .elementor-element.elementor-element-9df69bb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-702 .elementor-element.elementor-element-9df69bb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-702 .elementor-element.elementor-element-9df69bb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-9df69bb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-9df69bb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-9df69bb .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-e042620{--display:flex;}.elementor-702 .elementor-element.elementor-element-56d3d61 .elementor-heading-title{font-size:25px;}.elementor-702 .elementor-element.elementor-element-79c823d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-702 .elementor-element.elementor-element-79c823d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-702 .elementor-element.elementor-element-79c823d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-702 .elementor-element.elementor-element-79c823d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-702 .elementor-element.elementor-element-79c823d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-702 .elementor-element.elementor-element-79c823d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-79c823d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-79c823d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-79c823d .elementor-icon-list-text{transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-620b21e{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-702 .elementor-element.elementor-element-5df1562{text-align:center;}.elementor-702 .elementor-element.elementor-element-5df1562 .elementor-heading-title{font-size:3em;line-height:1em;}}@media(max-width:767px){.elementor-702 .elementor-element.elementor-element-ddddc8b{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-702 .elementor-element.elementor-element-5df1562 .elementor-heading-title{font-size:2.5em;line-height:1em;}}@media(min-width:768px){.elementor-702 .elementor-element.elementor-element-850294b{--width:100%;}.elementor-702 .elementor-element.elementor-element-ec2c0d5{--width:43%;}.elementor-702 .elementor-element.elementor-element-171405d{--width:43%;}.elementor-702 .elementor-element.elementor-element-b04ae91{--width:43%;}.elementor-702 .elementor-element.elementor-element-23ad34f{--width:43%;}.elementor-702 .elementor-element.elementor-element-1149600{--width:43%;}.elementor-702 .elementor-element.elementor-element-b3a4297{--width:43%;}.elementor-702 .elementor-element.elementor-element-5348200{--width:43%;}.elementor-702 .elementor-element.elementor-element-579051f{--width:43%;}.elementor-702 .elementor-element.elementor-element-6068230{--width:43%;}.elementor-702 .elementor-element.elementor-element-79c924b{--width:43%;}.elementor-702 .elementor-element.elementor-element-ee5b390{--width:43%;}.elementor-702 .elementor-element.elementor-element-ba5b405{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-ddddc8b *//* ========================================================= PEARL OF TRAVEL - CONTACT HERO Premium Modern Travel Design Padding & Margin NOT Changed ========================================================= */ .pearl-contact-hero { --pearl-dark: #073b3d; --pearl-deep: #052d30; --pearl-gold: #d9a63a; --pearl-gold-light: #f2cc72; --pearl-white: #ffffff; position: relative !important; overflow: hidden !important; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; isolation: isolate; } /* ========================================================= CINEMATIC IMAGE OVERLAY ========================================================= */ .pearl-contact-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(2, 34, 36, 0.76) 0%, rgba(4, 48, 51, 0.46) 35%, rgba(2, 32, 34, 0.34) 55%, rgba(1, 24, 27, 0.55) 100% ), linear-gradient( 180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.04) 45%, rgba(0, 25, 28, 0.42) 100% ); z-index: -2; pointer-events: none; } /* ========================================================= SOFT GOLD LIGHT EFFECT ========================================================= */ .pearl-contact-hero::after { content: ""; position: absolute; width: 420px; height: 420px; left: 50%; top: 50%; transform: translate(-50%, -50%); background: radial-gradient( circle, rgba(217, 166, 58, 0.18) 0%, rgba(217, 166, 58, 0.07) 38%, transparent 72% ); filter: blur(10px); z-index: -1; pointer-events: none; } /* ========================================================= KEEP HERO CONTENT ABOVE OVERLAYS ========================================================= */ .pearl-contact-hero > * { position: relative; z-index: 2; } /* ========================================================= SMALL TOP TEXT / KICKER ========================================================= */ .pearl-contact-hero .pearl-hero-kicker, .pearl-contact-hero .pearl-hero-kicker .elementor-heading-title { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; color: var(--pearl-gold-light) !important; font-size: clamp(12px, 1vw, 15px) !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; line-height: 1.4 !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); } /* Decorative lines beside kicker */ .pearl-contact-hero .pearl-hero-kicker::before, .pearl-contact-hero .pearl-hero-kicker::after { content: ""; display: inline-block; width: 42px; height: 1px; background: linear-gradient( 90deg, transparent, var(--pearl-gold) ); margin: 0 14px; } .pearl-contact-hero .pearl-hero-kicker::after { background: linear-gradient( 90deg, var(--pearl-gold), transparent ); } /* ========================================================= MAIN HERO TITLE ========================================================= */ .pearl-contact-hero .pearl-hero-title .elementor-heading-title, .pearl-contact-hero .pearl-hero-title { color: #ffffff !important; font-size: clamp(48px, 5vw, 82px) !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -2px !important; text-shadow: 0 4px 18px rgba(0, 0, 0, 0.35), 0 12px 35px rgba(0, 0, 0, 0.18); } /* Gold accent under title */ .pearl-contact-hero .pearl-hero-title::after { content: ""; display: block; width: 86px; height: 3px; background: linear-gradient( 90deg, var(--pearl-gold), var(--pearl-gold-light) ); border-radius: 30px; margin-left: auto; margin-right: auto; margin-top: 18px; box-shadow: 0 0 20px rgba(217, 166, 58, 0.45); } /* ========================================================= DESCRIPTION ========================================================= */ .pearl-contact-hero .pearl-hero-desc, .pearl-contact-hero .pearl-hero-desc p { max-width: 680px; color: rgba(255, 255, 255, 0.88) !important; font-size: clamp(15px, 1.2vw, 18px) !important; font-weight: 400 !important; line-height: 1.8 !important; letter-spacing: 0.2px !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); } /* ========================================================= OPTIONAL GLASS EFFECT AROUND CONTENT CONTAINER Add class: pearl-hero-content ========================================================= */ .pearl-contact-hero .pearl-hero-content { position: relative; background: rgba(4, 46, 49, 0.16); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 24px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08); } /* ========================================================= SUBTLE TOP & BOTTOM GOLD BORDER ========================================================= */ .pearl-contact-hero { box-shadow: inset 0 1px 0 rgba(217, 166, 58, 0.55), inset 0 -1px 0 rgba(217, 166, 58, 0.30); } /* ========================================================= ENTRANCE ANIMATION ========================================================= */ .pearl-contact-hero .pearl-hero-kicker { animation: pearlFadeDown 0.8s ease both; } .pearl-contact-hero .pearl-hero-title { animation: pearlFadeUp 0.9s 0.1s ease both; } .pearl-contact-hero .pearl-hero-desc { animation: pearlFadeUp 0.9s 0.22s ease both; } @keyframes pearlFadeDown { from { opacity: 0; transform: translateY(-18px); } to { opacity: 1; transform: translateY(0); } } @keyframes pearlFadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .pearl-contact-hero .pearl-hero-title .elementor-heading-title, .pearl-contact-hero .pearl-hero-title { font-size: clamp(44px, 7vw, 66px) !important; letter-spacing: -1.5px !important; } .pearl-contact-hero .pearl-hero-kicker::before, .pearl-contact-hero .pearl-hero-kicker::after { width: 30px; margin-left: 10px; margin-right: 10px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .pearl-contact-hero { background-position: 30% center !important; } .pearl-contact-hero::before { background: linear-gradient( 180deg, rgba(2, 35, 38, 0.55) 0%, rgba(2, 32, 35, 0.72) 100% ); } .pearl-contact-hero .pearl-hero-kicker, .pearl-contact-hero .pearl-hero-kicker .elementor-heading-title { font-size: 11px !important; letter-spacing: 1.8px !important; } .pearl-contact-hero .pearl-hero-kicker::before, .pearl-contact-hero .pearl-hero-kicker::after { width: 18px; margin-left: 7px; margin-right: 7px; } .pearl-contact-hero .pearl-hero-title .elementor-heading-title, .pearl-contact-hero .pearl-hero-title { font-size: clamp(38px, 11vw, 52px) !important; line-height: 1.08 !important; letter-spacing: -1px !important; } .pearl-contact-hero .pearl-hero-title::after { width: 62px; height: 2px; margin-top: 14px; } .pearl-contact-hero .pearl-hero-desc, .pearl-contact-hero .pearl-hero-desc p { font-size: 14px !important; line-height: 1.7 !important; } } /* ========================================================= REDUCED MOTION ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .pearl-contact-hero .pearl-hero-kicker, .pearl-contact-hero .pearl-hero-title, .pearl-contact-hero .pearl-hero-desc { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c642809 *//* ========================================================= PEARL OF TRAVEL 11 DAY PACKAGE INTRO ========================================================= */ .pearl-package-intro { --pearl-deep: #073f42; --pearl-dark: #032f32; --pearl-teal: #0a5558; --pearl-gold: #c99a42; --pearl-gold-light: #ebca79; --pearl-cream: #fbf8f0; --pearl-white: #ffffff; --pearl-heading: #073f42; --pearl-text: #667779; position: relative; overflow: hidden; padding: 95px 24px; background: radial-gradient( circle at 5% 15%, rgba(201,154,66,0.10), transparent 25% ), radial-gradient( circle at 95% 85%, rgba(7,63,66,0.07), transparent 28% ), linear-gradient( 135deg, #fffefa 0%, #fbf8f0 100% ); } /* ========================================================= DECORATIVE BACKGROUND ========================================================= */ .pearl-package-intro::before { content: ""; position: absolute; width: 420px; height: 420px; top: -250px; left: -180px; border-radius: 50%; border: 1px solid rgba(201,154,66,0.12); box-shadow: 0 0 0 50px rgba(201,154,66,0.025), 0 0 0 100px rgba(7,63,66,0.018); } /* ========================================================= WRAPPER ========================================================= */ .pearl-package-wrap { position: relative; z-index: 2; width: 100%; max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 0.9fr); align-items: center; gap: 70px; } /* ========================================================= KICKER ========================================================= */ .pearl-package-kicker { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 18px; color: var(--pearl-gold); font-size: 11px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; } .pearl-package-kicker::before { content: ""; width: 38px; height: 1px; background: var(--pearl-gold); } /* ========================================================= HEADING ========================================================= */ .pearl-package-content h2 { max-width: 650px; margin: 0 0 25px; color: var(--pearl-heading); font-size: clamp(23px, 5vw, 48px); font-weight: 800; line-height: 1.04; letter-spacing: -2px; } .pearl-package-content h2 span { display: block; color: var(--pearl-gold); } /* ========================================================= DESCRIPTION ========================================================= */ .pearl-package-description { max-width: 680px; margin: 0 0 16px; color: var(--pearl-text); font-size: 15.5px; line-height: 1.85; } .pearl-package-description strong { color: var(--pearl-deep); font-weight: 700; } /* ========================================================= PRICE CARD ========================================================= */ .pearl-package-info { position: relative; overflow: hidden; margin-top: 32px; padding: 30px; border: 1px solid rgba(7,63,66,0.09); border-radius: 24px; background: rgba(255,255,255,0.92); box-shadow: 0 18px 45px rgba(3,47,50,0.08); } /* gold top line */ .pearl-package-info::before { content: ""; position: absolute; top: 0; left: 30px; width: 80px; height: 3px; border-radius: 0 0 20px 20px; background: linear-gradient( 90deg, var(--pearl-gold), var(--pearl-gold-light) ); } /* ========================================================= PACKAGE PRICE TITLE ========================================================= */ .pearl-package-info-title { margin-bottom: 5px; color: var(--pearl-deep); font-size: 13px; font-weight: 800; letter-spacing: 1.7px; text-transform: uppercase; } /* ========================================================= PRICE ========================================================= */ .pearl-package-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; } .pearl-package-price .pearl-currency { color: var(--pearl-gold); font-size: 19px; font-weight: 800; } .pearl-package-price strong { color: var(--pearl-deep); font-size: clamp(45px, 5vw, 62px); font-weight: 800; line-height: 1; } .pearl-package-price .pearl-per { color: var(--pearl-text); font-size: 14px; font-weight: 600; } /* ========================================================= FEATURES ========================================================= */ .pearl-package-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } /* Feature */ .pearl-package-feature { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 14px; border-radius: 15px; background: var(--pearl-cream); border: 1px solid rgba(7,63,66,0.07); transition: transform .3s ease, border-color .3s ease, background .3s ease; } .pearl-package-feature:hover { transform: translateY(-3px); border-color: rgba(201,154,66,0.38); background: #ffffff; } /* icon */ .pearl-feature-icon { width: 42px; height: 42px; min-width: 42px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: linear-gradient( 145deg, var(--pearl-dark), var(--pearl-teal) ); box-shadow: 0 8px 18px rgba(3,47,50,0.17); } .pearl-feature-icon svg { width: 20px; height: 20px; fill: var(--pearl-gold-light); } /* text */ .pearl-package-feature span { display: block; margin-bottom: 3px; color: var(--pearl-gold); font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; } .pearl-package-feature strong { display: block; color: var(--pearl-deep); font-size: 12px; line-height: 1.4; font-weight: 700; } /* ========================================================= NOTE ========================================================= */ .pearl-package-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(7,63,66,0.08); } .pearl-package-note svg { width: 18px; height: 18px; min-width: 18px; margin-top: 2px; fill: var(--pearl-gold); } .pearl-package-note p { margin: 0; color: var(--pearl-text); font-size: 12.5px; line-height: 1.65; } /* ========================================================= IMAGE ========================================================= */ .pearl-package-image { position: relative; overflow: hidden; min-height: 650px; border-radius: 30px; border: 1px solid rgba(201,154,66,0.35); box-shadow: 0 28px 65px rgba(3,47,50,0.17); } .pearl-package-image img { width: 100%; height: 100%; min-height: 650px; display: block; object-fit: cover; transition: transform .7s ease, filter .7s ease; } .pearl-package-image:hover img { transform: scale(1.045); filter: saturate(1.05) contrast(1.03); } /* image dark overlay */ .pearl-package-image::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient( 180deg, rgba(3,47,50,0.02) 40%, rgba(3,47,50,0.78) 100% ); pointer-events: none; } /* ========================================================= DAYS BADGE ========================================================= */ .pearl-image-badge { position: absolute; z-index: 4; top: 22px; right: 22px; width: 76px; height: 76px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 145deg, var(--pearl-gold), var(--pearl-gold-light) ); border: 3px solid rgba(255,255,255,0.85); box-shadow: 0 12px 30px rgba(0,0,0,0.20); } .pearl-image-badge span { color: var(--pearl-dark); font-size: 25px; font-weight: 800; line-height: 1; } .pearl-image-badge small { margin-top: 3px; color: var(--pearl-dark); font-size: 8px; font-weight: 800; letter-spacing: 1.5px; } /* ========================================================= IMAGE BOTTOM LABEL ========================================================= */ .pearl-image-label { position: absolute; z-index: 4; left: 28px; right: 28px; bottom: 26px; } .pearl-image-label span { display: block; margin-bottom: 6px; color: var(--pearl-gold-light); font-size: 10px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; } .pearl-image-label strong { color: #ffffff; font-size: 25px; line-height: 1.2; font-weight: 750; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .pearl-package-intro { padding: 75px 24px; } .pearl-package-wrap { grid-template-columns: 1fr; gap: 45px; } .pearl-package-content { max-width: 800px; } .pearl-package-image, .pearl-package-image img { min-height: 550px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .pearl-package-intro { padding: 60px 15px; } .pearl-package-wrap { gap: 35px; } .pearl-package-kicker { font-size: 9px; letter-spacing: 2px; } .pearl-package-kicker::before { width: 24px; } .pearl-package-content h2 { font-size: 38px; letter-spacing: -1.2px; line-height: 1.08; } .pearl-package-description { font-size: 14px; line-height: 1.75; } .pearl-package-info { padding: 25px 20px; border-radius: 20px; } .pearl-package-price strong { font-size: 48px; } .pearl-package-features { grid-template-columns: 1fr; } .pearl-package-feature { padding: 13px; } .pearl-package-feature strong { font-size: 13px; } .pearl-package-image, .pearl-package-image img { min-height: 500px; } .pearl-package-image { border-radius: 22px; } .pearl-image-badge { width: 66px; height: 66px; top: 16px; right: 16px; } .pearl-image-badge span { font-size: 22px; } .pearl-image-label { left: 20px; right: 20px; bottom: 20px; } .pearl-image-label strong { font-size: 21px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .pearl-package-content h2 { font-size: 33px; } .pearl-package-price strong { font-size: 42px; } .pearl-package-image, .pearl-package-image img { min-height: 450px; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .pearl-package-image img, .pearl-package-feature { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-b57357a *//* ========================================================= PEARL OF TRAVEL PREMIUM 11-DAY ITINERARY ACCORDION Supports Elementor Nested + Classic Accordion ========================================================= */ .pearl-tour-accordion { --pta-deep: #073f42; --pta-dark: #032f32; --pta-teal: #0a5558; --pta-gold: #c99a42; --pta-gold-light: #ebca79; --pta-cream: #fbf8f0; --pta-white: #ffffff; --pta-text: #647476; --pta-border: rgba(7,63,66,0.11); } /* ========================================================= ACCORDION WRAPPER ========================================================= */ .pearl-tour-accordion .e-n-accordion, .pearl-tour-accordion .elementor-accordion { display: flex !important; flex-direction: column !important; gap: 10px !important; } /* ========================================================= INDIVIDUAL ITEM ========================================================= */ .pearl-tour-accordion .e-n-accordion-item, .pearl-tour-accordion .elementor-accordion-item { position: relative; overflow: hidden; border: 1px solid var(--pta-border) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 7px 22px rgba(3,47,50,0.045); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; } .pearl-tour-accordion .e-n-accordion-item:hover, .pearl-tour-accordion .elementor-accordion-item:hover { transform: translateY(-2px); border-color: rgba(201,154,66,0.35) !important; box-shadow: 0 13px 30px rgba(3,47,50,0.075); } /* ========================================================= CLOSED TITLE ========================================================= */ .pearl-tour-accordion .e-n-accordion-item-title, .pearl-tour-accordion .elementor-tab-title { position: relative !important; min-height: 62px; display: flex !important; align-items: center !important; padding: 17px 58px 17px 20px !important; border: none !important; background: linear-gradient( 135deg, #ffffff 0%, #fffdf8 100% ) !important; color: var(--pta-deep) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -.1px !important; transition: color .3s ease, background .3s ease; } /* ========================================================= GOLD LEFT ACCENT ========================================================= */ .pearl-tour-accordion .e-n-accordion-item-title::before, .pearl-tour-accordion .elementor-tab-title::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 0; border-radius: 0 10px 10px 0; background: linear-gradient( 180deg, var(--pta-gold), var(--pta-gold-light) ); transition: height .3s ease; } /* hover */ .pearl-tour-accordion .e-n-accordion-item-title:hover, .pearl-tour-accordion .elementor-tab-title:hover { color: var(--pta-gold) !important; background: linear-gradient( 135deg, #fffdfa, #fbf5e8 ) !important; } .pearl-tour-accordion .e-n-accordion-item-title:hover::before, .pearl-tour-accordion .elementor-tab-title:hover::before { height: 30px; } /* ========================================================= ACTIVE / OPEN ITEM TITLE ========================================================= */ .pearl-tour-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title, .pearl-tour-accordion .elementor-tab-title.elementor-active { color: #ffffff !important; background: linear-gradient( 135deg, var(--pta-dark) 0%, var(--pta-teal) 100% ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } .pearl-tour-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title::before, .pearl-tour-accordion .elementor-tab-title.elementor-active::before { height: 100%; background: var(--pta-gold); } /* active title text */ .pearl-tour-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-text, .pearl-tour-accordion .elementor-tab-title.elementor-active { color: #ffffff !important; } /* ========================================================= PLUS / MINUS ICON CIRCLE ========================================================= */ .pearl-tour-accordion .e-n-accordion-item-title-icon, .pearl-tour-accordion .elementor-accordion-icon { position: absolute !important; right: 16px !important; top: 50% !important; transform: translateY(-50%); width: 34px !important; height: 34px !important; min-width: 34px; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(7,63,66,0.07) !important; color: var(--pta-deep) !important; transition: background .3s ease, color .3s ease, transform .3s ease; } /* icon svg / i */ .pearl-tour-accordion .e-n-accordion-item-title-icon svg, .pearl-tour-accordion .elementor-accordion-icon svg { width: 14px !important; height: 14px !important; fill: currentColor !important; } .pearl-tour-accordion .e-n-accordion-item-title-icon i, .pearl-tour-accordion .elementor-accordion-icon i { color: inherit !important; font-size: 14px !important; } /* active icon */ .pearl-tour-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon, .pearl-tour-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon { background: rgba(235,202,121,0.15) !important; color: var(--pta-gold-light) !important; } /* ========================================================= OPEN CONTENT ========================================================= */ /* Nested accordion content */ .pearl-tour-accordion .e-n-accordion-item[open] > :not(.e-n-accordion-item-title) { background: linear-gradient( 135deg, #ffffff, #fffdf8 ) !important; } /* Classic accordion */ .pearl-tour-accordion .elementor-tab-content { border: none !important; padding: 22px !important; background: linear-gradient( 135deg, #ffffff, #fffdf8 ) !important; } /* ========================================================= INNER CONTENT CONTAINERS ========================================================= */ .pearl-tour-accordion .e-n-accordion-item[open] .e-con { border-color: rgba(7,63,66,0.06); } /* ========================================================= IMAGE ========================================================= */ .pearl-tour-accordion .e-n-accordion-item img, .pearl-tour-accordion .elementor-tab-content img { display: block; width: 100%; border-radius: 15px !important; object-fit: cover; box-shadow: 0 12px 28px rgba(3,47,50,0.12); transition: transform .4s ease, box-shadow .4s ease, filter .4s ease; } .pearl-tour-accordion .e-n-accordion-item img:hover, .pearl-tour-accordion .elementor-tab-content img:hover { transform: scale(1.02); filter: saturate(1.04); box-shadow: 0 18px 38px rgba(3,47,50,0.16); } /* ========================================================= TEXT EDITOR ========================================================= */ .pearl-tour-accordion .elementor-widget-text-editor, .pearl-tour-accordion .elementor-widget-text-editor p, .pearl-tour-accordion .elementor-tab-content p { color: var(--pta-text) !important; font-size: 14.5px !important; line-height: 1.8 !important; text-align: justify !important; } /* strong words */ .pearl-tour-accordion .elementor-widget-text-editor strong, .pearl-tour-accordion .elementor-tab-content strong { color: var(--pta-deep) !important; font-weight: 700 !important; } /* ========================================================= OVERNIGHT ICON LIST ========================================================= */ .pearl-tour-accordion .elementor-widget-icon-list { margin-top: 10px; } .pearl-tour-accordion .elementor-icon-list-item { padding: 10px 13px !important; border-radius: 10px; background: rgba(201,154,66,0.07); border: 1px solid rgba(201,154,66,0.12); } .pearl-tour-accordion .elementor-icon-list-icon i, .pearl-tour-accordion .elementor-icon-list-icon svg { color: var(--pta-gold) !important; fill: var(--pta-gold) !important; } .pearl-tour-accordion .elementor-icon-list-text { color: var(--pta-deep) !important; font-size: 13px !important; font-weight: 650 !important; } /* ========================================================= SUBTLE DIVIDER BETWEEN IMAGE / TEXT AREA ========================================================= */ .pearl-tour-accordion .e-n-accordion-item[open] .elementor-widget-image { position: relative; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .pearl-tour-accordion .e-n-accordion-item-title, .pearl-tour-accordion .elementor-tab-title { min-height: 58px; font-size: 14px !important; padding: 16px 54px 16px 18px !important; } .pearl-tour-accordion .elementor-widget-text-editor, .pearl-tour-accordion .elementor-widget-text-editor p, .pearl-tour-accordion .elementor-tab-content p { font-size: 14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .pearl-tour-accordion .e-n-accordion, .pearl-tour-accordion .elementor-accordion { gap: 8px !important; } .pearl-tour-accordion .e-n-accordion-item, .pearl-tour-accordion .elementor-accordion-item { border-radius: 13px !important; } .pearl-tour-accordion .e-n-accordion-item-title, .pearl-tour-accordion .elementor-tab-title { min-height: 54px; padding: 14px 48px 14px 15px !important; font-size: 13.5px !important; line-height: 1.4 !important; } .pearl-tour-accordion .e-n-accordion-item-title-icon, .pearl-tour-accordion .elementor-accordion-icon { right: 11px !important; width: 30px !important; height: 30px !important; min-width: 30px; } .pearl-tour-accordion .elementor-tab-content { padding: 15px !important; } .pearl-tour-accordion .elementor-widget-text-editor, .pearl-tour-accordion .elementor-widget-text-editor p, .pearl-tour-accordion .elementor-tab-content p { font-size: 13.5px !important; line-height: 1.72 !important; text-align: justify !important; } .pearl-tour-accordion .elementor-icon-list-item { padding: 9px 11px !important; } .pearl-tour-accordion .elementor-icon-list-text { font-size: 12.5px !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .pearl-tour-accordion .e-n-accordion-item-title, .pearl-tour-accordion .elementor-tab-title { font-size: 13px !important; } .pearl-tour-accordion .elementor-widget-text-editor, .pearl-tour-accordion .elementor-widget-text-editor p { font-size: 13px !important; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .pearl-tour-accordion *, .pearl-tour-accordion *::before, .pearl-tour-accordion *::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d54cad8 *//* ========================================================= PEARL OF TRAVEL 11-DAY JOURNEY + PACKAGE SIDEBAR ========================================================= */ .pearl-itinerary-section { --pt-deep: #073f42; --pt-dark: #032f32; --pt-teal: #0a5558; --pt-gold: #c99a42; --pt-gold-light: #ebca79; --pt-cream: #fbf8f0; --pt-white: #ffffff; --pt-text: #607274; --pt-border: rgba(7, 63, 66, 0.10); position: relative; overflow: visible; background: radial-gradient( circle at 4% 8%, rgba(201,154,66,0.07), transparent 25% ), linear-gradient( 135deg, #fffefa 0%, #fbf8f0 100% ) !important; } /* ========================================================= MAIN JOURNEY COLUMN ========================================================= */ .pearl-itinerary-main { position: relative; } /* Journey heading */ .pearl-itinerary-main h2, .pearl-itinerary-main .elementor-heading-title { color: var(--pt-deep) !important; font-size: clamp(40px, 4vw, 58px) !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -1.5px !important; } /* Gold underline beneath heading */ .pearl-itinerary-main > .elementor-widget-heading::after, .pearl-itinerary-main .pearl-journey-title::after { content: ""; display: block; width: 74px; height: 3px; margin-top: 14px; border-radius: 20px; background: linear-gradient( 90deg, var(--pt-gold), var(--pt-gold-light) ); } /* ========================================================= ACCORDION WRAPPER ========================================================= */ .pearl-itinerary-accordion .elementor-accordion { display: flex; flex-direction: column; gap: 10px; } /* Remove default borders */ .pearl-itinerary-accordion .elementor-accordion-item { overflow: hidden; border: 1px solid var(--pt-border) !important; border-radius: 16px !important; background: rgba(255,255,255,0.96); box-shadow: 0 7px 22px rgba(3,47,50,0.045); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .pearl-itinerary-accordion .elementor-accordion-item:hover { transform: translateY(-2px); border-color: rgba(201,154,66,0.35) !important; box-shadow: 0 14px 28px rgba(3,47,50,0.08); } /* ========================================================= ACCORDION TITLE ========================================================= */ .pearl-itinerary-accordion .elementor-tab-title { position: relative; display: flex !important; align-items: center !important; min-height: 62px; padding: 18px 56px 18px 20px !important; border: none !important; background: linear-gradient( 135deg, #ffffff, #fffdf8 ) !important; color: var(--pt-deep) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; transition: background 0.3s ease, color 0.3s ease; } /* Day accent */ .pearl-itinerary-accordion .elementor-tab-title::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 0; border-radius: 0 10px 10px 0; background: var(--pt-gold); transition: height 0.3s ease; } /* Hover */ .pearl-itinerary-accordion .elementor-tab-title:hover { color: var(--pt-gold) !important; background: linear-gradient( 135deg, #fffdf8, #fbf6ea ) !important; } .pearl-itinerary-accordion .elementor-tab-title:hover::before { height: 30px; } /* Active title */ .pearl-itinerary-accordion .elementor-tab-title.elementor-active { color: #ffffff !important; background: linear-gradient( 135deg, var(--pt-dark), var(--pt-teal) ) !important; } .pearl-itinerary-accordion .elementor-tab-title.elementor-active::before { height: 100%; background: var(--pt-gold); } /* ========================================================= ACCORDION ICON ========================================================= */ .pearl-itinerary-accordion .elementor-accordion-icon { position: absolute !important; right: 18px !important; width: 32px; height: 32px; display: flex !important; align-items: center; justify-content: center; border-radius: 50%; background: rgba(7,63,66,0.06); color: var(--pt-deep) !important; transition: background 0.3s ease, transform 0.3s ease, color 0.3s ease; } .pearl-itinerary-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon { background: rgba(235,202,121,0.16); color: var(--pt-gold-light) !important; transform: rotate(180deg); } /* icon color */ .pearl-itinerary-accordion .elementor-accordion-icon i, .pearl-itinerary-accordion .elementor-accordion-icon svg { color: inherit !important; fill: currentColor !important; } /* ========================================================= ACCORDION CONTENT ========================================================= */ .pearl-itinerary-accordion .elementor-tab-content { border: none !important; padding: 22px !important; background: #ffffff !important; color: var(--pt-text) !important; } /* ========================================================= IMAGE INSIDE ACCORDION ========================================================= */ .pearl-itinerary-accordion .elementor-tab-content img { width: 100%; border-radius: 16px !important; box-shadow: 0 14px 32px rgba(3,47,50,0.10); object-fit: cover; transition: transform 0.4s ease, box-shadow 0.4s ease; } .pearl-itinerary-accordion .elementor-tab-content img:hover { transform: scale(1.02); box-shadow: 0 20px 42px rgba(3,47,50,0.14); } /* ========================================================= CONTENT TEXT ========================================================= */ .pearl-itinerary-accordion .elementor-tab-content p, .pearl-itinerary-accordion .elementor-tab-content .elementor-widget-text-editor { color: var(--pt-text) !important; font-size: 14.5px !important; line-height: 1.8 !important; text-align: justify; } /* Strong text */ .pearl-itinerary-accordion .elementor-tab-content strong { color: var(--pt-deep); font-weight: 700; } /* ========================================================= OVERNIGHT LINE ========================================================= */ .pearl-itinerary-accordion .elementor-tab-content .elementor-icon-list-item { margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: var(--pt-cream); } .pearl-itinerary-accordion .elementor-tab-content .elementor-icon-list-icon i, .pearl-itinerary-accordion .elementor-tab-content .elementor-icon-list-icon svg { color: var(--pt-gold) !important; fill: var(--pt-gold) !important; } .pearl-itinerary-accordion .elementor-tab-content .elementor-icon-list-text { color: var(--pt-deep) !important; font-size: 13px !important; font-weight: 650 !important; } /* ========================================================= RIGHT SIDEBAR ========================================================= */ .pearl-package-sidebar { position: relative; display: flex; flex-direction: column; gap: 18px; } /* Sticky on desktop */ @media (min-width: 1025px) { .pearl-package-sidebar { position: sticky; top: 110px; } } /* ========================================================= SIDEBAR CARDS ========================================================= */ .pearl-summary-card, .pearl-highlights-card, .pearl-includes-card { position: relative; overflow: hidden; padding: 26px; border-radius: 20px; background: rgba(255,255,255,0.97) !important; border: 1px solid rgba(7,63,66,0.09); box-shadow: 0 14px 38px rgba(3,47,50,0.07); } /* Gold top accent */ .pearl-summary-card::before, .pearl-highlights-card::before, .pearl-includes-card::before { content: ""; position: absolute; top: 0; left: 26px; width: 55px; height: 3px; border-radius: 0 0 15px 15px; background: linear-gradient( 90deg, var(--pt-gold), var(--pt-gold-light) ); } /* ========================================================= SIDEBAR HEADINGS ========================================================= */ .pearl-package-sidebar h2, .pearl-package-sidebar h3, .pearl-package-sidebar .elementor-heading-title { color: var(--pt-deep) !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -0.4px !important; } /* ========================================================= PACKAGE SUMMARY ICON LIST ========================================================= */ .pearl-summary-card .elementor-icon-list-item, .pearl-highlights-card .elementor-icon-list-item, .pearl-includes-card .elementor-icon-list-item { align-items: flex-start !important; margin-bottom: 9px !important; } .pearl-summary-card .elementor-icon-list-icon, .pearl-highlights-card .elementor-icon-list-icon, .pearl-includes-card .elementor-icon-list-icon { margin-top: 3px; } /* icons */ .pearl-summary-card .elementor-icon-list-icon i, .pearl-highlights-card .elementor-icon-list-icon i, .pearl-includes-card .elementor-icon-list-icon i, .pearl-summary-card .elementor-icon-list-icon svg, .pearl-highlights-card .elementor-icon-list-icon svg, .pearl-includes-card .elementor-icon-list-icon svg { color: var(--pt-gold) !important; fill: var(--pt-gold) !important; } /* list text */ .pearl-summary-card .elementor-icon-list-text, .pearl-highlights-card .elementor-icon-list-text, .pearl-includes-card .elementor-icon-list-text { color: var(--pt-text) !important; font-size: 14px !important; line-height: 1.65 !important; } /* ========================================================= SUMMARY CARD - FEATURED DARK VERSION ========================================================= */ .pearl-summary-card { background: linear-gradient( 145deg, var(--pt-dark), var(--pt-teal) ) !important; border-color: rgba(201,154,66,0.28); box-shadow: 0 18px 42px rgba(3,47,50,0.16); } .pearl-summary-card h2, .pearl-summary-card h3, .pearl-summary-card .elementor-heading-title { color: #ffffff !important; } .pearl-summary-card .elementor-icon-list-text { color: rgba(255,255,255,0.82) !important; } .pearl-summary-card .elementor-icon-list-icon i, .pearl-summary-card .elementor-icon-list-icon svg { color: var(--pt-gold-light) !important; fill: var(--pt-gold-light) !important; } /* ========================================================= HIGHLIGHTS / INCLUDES HOVER ========================================================= */ .pearl-highlights-card, .pearl-includes-card { transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .pearl-highlights-card:hover, .pearl-includes-card:hover { transform: translateY(-4px); border-color: rgba(201,154,66,0.30); box-shadow: 0 20px 45px rgba(3,47,50,0.10); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .pearl-itinerary-main h2, .pearl-itinerary-main .elementor-heading-title { font-size: 42px !important; } .pearl-package-sidebar { position: relative; top: auto; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .pearl-itinerary-main h2, .pearl-itinerary-main .elementor-heading-title { font-size: 34px !important; line-height: 1.08 !important; } .pearl-itinerary-accordion .elementor-accordion { gap: 8px; } .pearl-itinerary-accordion .elementor-accordion-item { border-radius: 13px !important; } .pearl-itinerary-accordion .elementor-tab-title { min-height: 56px; padding: 15px 48px 15px 16px !important; font-size: 14px !important; } .pearl-itinerary-accordion .elementor-accordion-icon { right: 12px !important; width: 30px; height: 30px; } .pearl-itinerary-accordion .elementor-tab-content { padding: 16px !important; } .pearl-itinerary-accordion .elementor-tab-content p { font-size: 13.5px !important; line-height: 1.72 !important; } .pearl-summary-card, .pearl-highlights-card, .pearl-includes-card { padding: 22px; border-radius: 17px; } .pearl-package-sidebar h2, .pearl-package-sidebar h3, .pearl-package-sidebar .elementor-heading-title { font-size: 20px !important; } .pearl-summary-card .elementor-icon-list-text, .pearl-highlights-card .elementor-icon-list-text, .pearl-includes-card .elementor-icon-list-text { font-size: 13.5px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .pearl-itinerary-main h2, .pearl-itinerary-main .elementor-heading-title { font-size: 30px !important; } .pearl-itinerary-accordion .elementor-tab-title { font-size: 13px !important; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .pearl-itinerary-accordion .elementor-accordion-item, .pearl-itinerary-accordion .elementor-tab-title, .pearl-itinerary-accordion .elementor-tab-content img, .pearl-highlights-card, .pearl-includes-card { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b89d8e5 *//* ========================================================= PEARL OF TRAVEL FINAL TOUR CTA ========================================================= */ .pearl-final-cta { --pearl-dark: #032f32; --pearl-deep: #073f42; --pearl-teal: #0a5558; --pearl-gold: #c99a42; --pearl-gold-light: #ebca79; --pearl-cream: #fbf8f0; --pearl-white: #ffffff; --pearl-text: #6c7b7c; position: relative; overflow: hidden; padding: 90px 24px; background: radial-gradient( circle at 6% 15%, rgba(201,154,66,0.10), transparent 26% ), radial-gradient( circle at 95% 90%, rgba(7,63,66,0.08), transparent 28% ), linear-gradient( 135deg, #fffdf8 0%, #fbf8f0 100% ); } /* ========================================================= BACKGROUND DECORATION ========================================================= */ .pearl-final-cta::before { content: ""; position: absolute; width: 430px; height: 430px; right: -220px; top: -250px; border-radius: 50%; border: 1px solid rgba(201,154,66,0.14); box-shadow: 0 0 0 55px rgba(201,154,66,0.025), 0 0 0 110px rgba(7,63,66,0.018); pointer-events: none; } /* ========================================================= MAIN WRAPPER ========================================================= */ .pearl-final-cta-wrap { position: relative; z-index: 2; width: 100%; max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: minmax(420px, .92fr) minmax(0, 1fr); align-items: stretch; background: #ffffff; border: 1px solid rgba(7,63,66,0.09); border-radius: 30px; overflow: hidden; box-shadow: 0 28px 70px rgba(3,47,50,0.13); } /* ========================================================= LEFT IMAGE ========================================================= */ .pearl-final-cta-image { position: relative; min-height: 650px; overflow: hidden; } .pearl-final-cta-image img { width: 100%; height: 100%; min-height: 650px; display: block; object-fit: cover; transition: transform .7s ease, filter .7s ease; } .pearl-final-cta-wrap:hover .pearl-final-cta-image img { transform: scale(1.045); filter: saturate(1.05) contrast(1.03); } /* dark image overlay */ .pearl-final-image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(3,47,50,0.05) 25%, rgba(3,47,50,0.82) 100% ); pointer-events: none; } /* ========================================================= 11 DAY BADGE ========================================================= */ .pearl-final-image-badge { position: absolute; top: 24px; left: 24px; width: 82px; height: 82px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 145deg, var(--pearl-gold), var(--pearl-gold-light) ); border: 3px solid rgba(255,255,255,.85); box-shadow: 0 12px 30px rgba(0,0,0,.20); z-index: 3; } .pearl-final-image-badge strong { color: var(--pearl-dark); font-size: 28px; line-height: 1; font-weight: 800; } .pearl-final-image-badge span { margin-top: 4px; color: var(--pearl-dark); font-size: 9px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; } /* ========================================================= IMAGE BOTTOM TEXT ========================================================= */ .pearl-final-image-text { position: absolute; z-index: 3; left: 30px; right: 30px; bottom: 30px; } .pearl-final-image-text span { display: block; margin-bottom: 8px; color: var(--pearl-gold-light); font-size: 10px; font-weight: 800; letter-spacing: 2.3px; text-transform: uppercase; } .pearl-final-image-text strong { display: block; max-width: 400px; color: #ffffff; font-size: 29px; font-weight: 750; line-height: 1.18; } /* ========================================================= CONTENT SIDE ========================================================= */ .pearl-final-cta-content { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 55px; background: linear-gradient( 145deg, #ffffff 0%, #fffdf8 100% ); } /* gold vertical line */ .pearl-final-cta-content::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 130px; background: linear-gradient( 180deg, transparent, var(--pearl-gold), transparent ); } /* ========================================================= KICKER ========================================================= */ .pearl-final-kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px; color: var(--pearl-gold); font-size: 10px; font-weight: 800; letter-spacing: 2.8px; text-transform: uppercase; } .pearl-final-kicker::before { content: ""; width: 35px; height: 1px; background: var(--pearl-gold); } /* ========================================================= TITLE ========================================================= */ .pearl-final-cta-content h2 { max-width: 600px; margin: 0 0 22px; color: var(--pearl-deep); font-size: clamp(42px, 4.7vw, 62px); font-weight: 800; line-height: 1.04; letter-spacing: -1.8px; } .pearl-final-cta-content h2 span { display: block; color: var(--pearl-gold); } /* ========================================================= DESCRIPTION ========================================================= */ .pearl-final-desc { max-width: 640px; margin: 0 0 28px; color: var(--pearl-text); font-size: 15.5px; line-height: 1.85; } .pearl-final-desc strong { color: var(--pearl-deep); font-weight: 700; } /* ========================================================= PRICE CARD ========================================================= */ .pearl-final-price-box { position: relative; margin-bottom: 25px; padding: 22px 24px; border-radius: 18px; background: linear-gradient( 135deg, var(--pearl-dark), var(--pearl-teal) ); border: 1px solid rgba(201,154,66,.30); box-shadow: 0 14px 32px rgba(3,47,50,.18); overflow: hidden; } .pearl-final-price-box::after { content: ""; position: absolute; width: 170px; height: 170px; right: -85px; top: -95px; border-radius: 50%; background: rgba(235,202,121,.07); } .pearl-final-price-label { position: relative; z-index: 2; margin-bottom: 8px; color: var(--pearl-gold-light); font-size: 9px; font-weight: 800; letter-spacing: 1.7px; text-transform: uppercase; } .pearl-final-price { position: relative; z-index: 2; display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; } .pearl-final-price .currency { color: var(--pearl-gold-light); font-size: 18px; font-weight: 800; } .pearl-final-price strong { color: #ffffff; font-size: 48px; font-weight: 800; line-height: 1; } .pearl-final-price .person { color: rgba(255,255,255,.72); font-size: 13px; font-weight: 600; } /* ========================================================= CONTACT DETAILS ========================================================= */ .pearl-final-contact { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-bottom: 28px; } .pearl-final-contact-item { display: flex; align-items: flex-start; gap: 12px; padding: 15px; border-radius: 15px; background: var(--pearl-cream); border: 1px solid rgba(7,63,66,.07); transition: transform .3s ease, border-color .3s ease, background .3s ease; } .pearl-final-contact-item:hover { transform: translateY(-3px); border-color: rgba(201,154,66,.40); background: #ffffff; } /* icon */ .pearl-final-contact-icon { width: 43px; height: 43px; min-width: 43px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: linear-gradient( 145deg, var(--pearl-dark), var(--pearl-teal) ); box-shadow: 0 8px 18px rgba(3,47,50,.16); } .pearl-final-contact-icon svg { width: 20px; height: 20px; fill: var(--pearl-gold-light); } /* text */ .pearl-final-contact-item span { display: block; margin-bottom: 5px; color: var(--pearl-gold); font-size: 9px; font-weight: 800; letter-spacing: 1.1px; text-transform: uppercase; } .pearl-final-contact-item a { display: block; color: var(--pearl-deep); font-size: 13px; line-height: 1.7; font-weight: 650; text-decoration: none; word-break: break-word; transition: color .3s ease; } .pearl-final-contact-item a:hover { color: var(--pearl-gold); } /* ========================================================= BUTTONS ========================================================= */ .pearl-final-buttons { display: flex; flex-wrap: wrap; gap: 12px; } /* BOOK BUTTON */ .pearl-final-book-btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 28px; border-radius: 12px; background: linear-gradient( 135deg, var(--pearl-gold), #b98a39 ); border: 1px solid var(--pearl-gold); color: var(--pearl-dark); font-size: 12px; font-weight: 800; letter-spacing: .8px; text-decoration: none; box-shadow: 0 10px 24px rgba(201,154,66,.22); transition: transform .35s ease, box-shadow .35s ease; } .pearl-final-book-btn svg { width: 18px; height: 18px; fill: var(--pearl-dark); transition: transform .3s ease; } .pearl-final-book-btn:hover { transform: translateY(-3px); box-shadow: 0 16px 30px rgba(201,154,66,.30); } .pearl-final-book-btn:hover svg { transform: translateX(4px); } /* WHATSAPP */ .pearl-final-whatsapp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 24px; border-radius: 12px; border: 1px solid rgba(7,63,66,.18); background: #ffffff; color: var(--pearl-deep); font-size: 12px; font-weight: 800; letter-spacing: .7px; text-decoration: none; transition: transform .3s ease, color .3s ease, border-color .3s ease, background .3s ease; } .pearl-final-whatsapp-btn:hover { transform: translateY(-3px); color: var(--pearl-gold); border-color: var(--pearl-gold); background: var(--pearl-cream); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .pearl-final-cta { padding: 75px 22px; } .pearl-final-cta-wrap { grid-template-columns: 1fr; } .pearl-final-cta-image, .pearl-final-cta-image img { min-height: 500px; } .pearl-final-cta-content { padding: 45px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .pearl-final-cta { padding: 60px 15px; } .pearl-final-cta-wrap { border-radius: 22px; } .pearl-final-cta-image, .pearl-final-cta-image img { min-height: 410px; } .pearl-final-image-badge { width: 67px; height: 67px; top: 16px; left: 16px; } .pearl-final-image-badge strong { font-size: 22px; } .pearl-final-image-text { left: 20px; right: 20px; bottom: 20px; } .pearl-final-image-text strong { font-size: 22px; } .pearl-final-cta-content { padding: 32px 22px; } .pearl-final-cta-content::before { display: none; } .pearl-final-kicker { font-size: 9px; letter-spacing: 1.8px; } .pearl-final-kicker::before { width: 22px; } .pearl-final-cta-content h2 { font-size: 36px; line-height: 1.08; letter-spacing: -1px; } .pearl-final-desc { font-size: 14px; line-height: 1.75; } .pearl-final-price strong { font-size: 42px; } .pearl-final-contact { grid-template-columns: 1fr; } .pearl-final-buttons { flex-direction: column; } .pearl-final-book-btn, .pearl-final-whatsapp-btn { width: 100%; box-sizing: border-box; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .pearl-final-cta-content h2 { font-size: 32px; } .pearl-final-cta-image, .pearl-final-cta-image img { min-height: 360px; } .pearl-final-price strong { font-size: 38px; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .pearl-final-cta-image img, .pearl-final-contact-item, .pearl-final-book-btn, .pearl-final-whatsapp-btn, .pearl-final-book-btn svg { transition: none !important; } }/* End custom CSS */