.elementor-990 .elementor-element.elementor-element-b8630ae{--display:flex;--margin-top:-39px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-990 .elementor-element.elementor-element-b8630ae:not(.elementor-motion-effects-element-type-background), .elementor-990 .elementor-element.elementor-element-b8630ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EFE9;}.elementor-990 .elementor-element.elementor-element-b8630ae.e-con{--align-self:flex-end;}.elementor-990 .elementor-element.elementor-element-255e780.elementor-element{--align-self:flex-end;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-menu-item.wpr-pointer-item{transition-duration:0.2s;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.2s;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.2s;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-toggle-wrap{text-align:center;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu .wpr-menu-item,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#333333;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu .wpr-menu-item:hover,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#000000;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-line-fx .wpr-menu-item:before,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#000000;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#000000;border-width:2px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#000000;}.elementor-990 .elementor-element.elementor-element-255e780 .menu-item-has-children .wpr-sub-icon{font-size:14px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 33px);}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 33px);}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-underline .wpr-menu-item:after,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-overline .wpr-menu-item:before,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-double-line .wpr-menu-item:before,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-double-line .wpr-menu-item:after{height:2px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-underline>nav>ul>li>.wpr-menu-item:after,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-overline>nav>ul>li>.wpr-menu-item:before,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:before,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:after{height:2px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-border-fx>nav>ul>li>.wpr-menu-item:before{border-width:2px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-underline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-overline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after{height:2px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-border-fx>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before{border-width:2px;}.elementor-990 .elementor-element.elementor-element-255e780:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:before{transform:translateY(-0px);}.elementor-990 .elementor-element.elementor-element-255e780:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after{transform:translateY(0px);}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu .wpr-menu-item{padding-left:33px;padding-right:33px;padding-top:15px;padding-bottom:15px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-33px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-33px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu > .menu-item{margin-left:0px;margin-right:0px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:0px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:0px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:0px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu .wpr-sub-menu-item,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;padding-left:15px;padding-right:15px;padding-top:13px;padding-bottom:13px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#000000;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu .wpr-sub-icon{right:15px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:15px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu a,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#333333;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu li{background-color:#ffffff;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu li a:hover,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu li a.wpr-active-menu-item,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu a:hover,
					 .elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#605BE5;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu a{padding-left:10px;padding-right:10px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:10px;margin-right:10px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:10px;padding-bottom:10px;}.elementor-990 .elementor-element.elementor-element-255e780.wpr-mobile-divider-yes .wpr-mobile-nav-menu a{border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:12px;padding-top:5px;padding-bottom:5px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-nav-menu{margin-top:10px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-toggle{border-color:#333333;width:50px;border-width:0px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-toggle-text{color:#333333;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-toggle-line{background-color:#333333;height:4px;margin-bottom:6px;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-toggle:hover{border-color:#605BE5;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#605BE5;}.elementor-990 .elementor-element.elementor-element-255e780 .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#605BE5;}.elementor-990 .elementor-element.elementor-element-8447f22{--display:flex;--min-height:100vh;--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:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-990 .elementor-element.elementor-element-8447f22:not(.elementor-motion-effects-element-type-background), .elementor-990 .elementor-element.elementor-element-8447f22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dinotry.com/wp-content/uploads/2026/05/ChatGPT-Image-May-15-2026-02_01_55-PM.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-990 .elementor-element.elementor-element-8447f22::before, .elementor-990 .elementor-element.elementor-element-8447f22 > .elementor-background-video-container::before, .elementor-990 .elementor-element.elementor-element-8447f22 > .e-con-inner > .elementor-background-video-container::before, .elementor-990 .elementor-element.elementor-element-8447f22 > .elementor-background-slideshow::before, .elementor-990 .elementor-element.elementor-element-8447f22 > .e-con-inner > .elementor-background-slideshow::before, .elementor-990 .elementor-element.elementor-element-8447f22 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-990 .elementor-element.elementor-element-8447f22.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-990 .elementor-element.elementor-element-10f9bce.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-990 .elementor-element.elementor-element-9114eea{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-990 .elementor-element.elementor-element-fffa196{--display:flex;--min-height:441px;--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;--justify-content:center;--align-items:center;}.elementor-990 .elementor-element.elementor-element-fffa196:not(.elementor-motion-effects-element-type-background), .elementor-990 .elementor-element.elementor-element-fffa196 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7EFE2;}.elementor-990 .elementor-element.elementor-element-fffa196.e-con{--align-self:center;}.elementor-990 .elementor-element.elementor-element-36c300b{--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;--justify-content:center;}.elementor-990 .elementor-element.elementor-element-0404088{width:var( --container-widget-width, 93.576% );max-width:93.576%;--container-widget-width:93.576%;--container-widget-flex-grow:0;}.elementor-990 .elementor-element.elementor-element-0404088.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-990 .elementor-element.elementor-element-5cf5358{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-990 .elementor-element.elementor-element-5cf5358:not(.elementor-motion-effects-element-type-background), .elementor-990 .elementor-element.elementor-element-5cf5358 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7EFE2;}.elementor-990 .elementor-element.elementor-element-a4d2543{--display:flex;--min-height:347px;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-990 .elementor-element.elementor-element-a4d2543.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-990 .elementor-element.elementor-element-60781ff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;color:#D4AF37;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-990 .elementor-element.elementor-element-564d710{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-990 .elementor-element.elementor-element-564d710 .elementor-heading-title{font-family:"Rowdies", Sans-serif;font-size:28px;font-weight:700;line-height:0px;letter-spacing:0px;word-spacing:0px;color:#2D2D2D;}.elementor-990 .elementor-element.elementor-element-154ca3e{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Times New Roman", Sans-serif;font-size:22px;font-weight:400;}.elementor-990 .elementor-element.elementor-element-f6a799a{color:#7A7A7A;}.elementor-990 .elementor-element.elementor-element-73235a2{--display:flex;--min-height:0px;--justify-content:flex-end;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-990 .elementor-element.elementor-element-73235a2.e-con{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-990 .elementor-element.elementor-element-303b9b8{width:var( --container-widget-width, 88.15% );max-width:88.15%;--container-widget-width:88.15%;--container-widget-flex-grow:0;}.elementor-990 .elementor-element.elementor-element-303b9b8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-990 .elementor-element.elementor-element-3d85696{--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-990 .elementor-element.elementor-element-9329e02{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-990 .elementor-element.elementor-element-9329e02.e-con{--align-self:center;}.elementor-990 .elementor-element.elementor-element-ae3ceaf{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#D4AF37;}.elementor-990 .elementor-element.elementor-element-ae3ceaf.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-990 .elementor-element.elementor-element-6ca053d{margin:-34px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-990 .elementor-element.elementor-element-5141a77{--display:flex;--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;--justify-content:center;--align-items:center;}.elementor-990 .elementor-element.elementor-element-5141a77:not(.elementor-motion-effects-element-type-background), .elementor-990 .elementor-element.elementor-element-5141a77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7EFE2;}.elementor-990 .elementor-element.elementor-element-5141a77.e-con{--align-self:center;}.elementor-990 .elementor-element.elementor-element-054f555{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-990 .elementor-element.elementor-element-4558fb1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#D4AF37;}.elementor-990 .elementor-element.elementor-element-d6f1f14{font-family:"Roboto", Sans-serif;font-weight:400;color:#D4AF37;}.elementor-990 .elementor-element.elementor-element-6077901{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--align-items:stretch;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-990 .elementor-element.elementor-element-e0ec02d .elementor-button{background-color:#FFFFFF;fill:#D4AF37;color:#D4AF37;}.elementor-990 .elementor-element.elementor-element-e0ec02d.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-990 .elementor-element.elementor-element-d25f686 .elementor-button{background-color:#FFFFFF;fill:#D4AF37;color:#D4AF37;}.elementor-990 .elementor-element.elementor-element-d25f686.elementor-element{--align-self:flex-end;}.elementor-990 .elementor-element.elementor-element-d25f686 .elementor-button .elementor-button-content-wrapper{justify-content:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-990 .elementor-element.elementor-element-a4d2543{--width:100%;}.elementor-990 .elementor-element.elementor-element-6077901{--width:31%;}}@media(max-width:1024px){.elementor-990 .elementor-element.elementor-element-5cf5358{--grid-auto-flow:row;}.elementor-990 .elementor-element.elementor-element-6077901{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-990 .elementor-element.elementor-element-8447f22:not(.elementor-motion-effects-element-type-background), .elementor-990 .elementor-element.elementor-element-8447f22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dinotry.com/wp-content/uploads/2026/05/phone-bg-691x1536.png");background-size:cover;}.elementor-990 .elementor-element.elementor-element-8447f22{--min-height:300vh;}.elementor-990 .elementor-element.elementor-element-5cf5358{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-990 .elementor-element.elementor-element-a4d2543{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-990 .elementor-element.elementor-element-60781ff{font-size:12px;}.elementor-990 .elementor-element.elementor-element-564d710 .elementor-heading-title{font-size:23px;}.elementor-990 .elementor-element.elementor-element-154ca3e{font-size:17px;}.elementor-990 .elementor-element.elementor-element-73235a2{--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-990 .elementor-element.elementor-element-054f555{--justify-content:center;}.elementor-990 .elementor-element.elementor-element-054f555.e-con{--align-self:center;}.elementor-990 .elementor-element.elementor-element-4558fb1{text-align:center;}.elementor-990 .elementor-element.elementor-element-4558fb1 .elementor-heading-title{font-size:20px;}.elementor-990 .elementor-element.elementor-element-d6f1f14{font-size:15px;}.elementor-990 .elementor-element.elementor-element-6077901{--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-990 .elementor-element.elementor-element-e0ec02d.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for html, class: .elementor-element-10f9bce */:root {
    --gold: #D4AF37;
    --text-dark: #2C2C2C;
}

/* --- GLOBAL HERO SECTION FIXES --- */
.dinotry-hero-section {
    position: relative; 
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden !important; 
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}

.hero-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 5;
}

.text-content {
    position: relative;
    width: 50%; 
    padding-left: 3%; 
    z-index: 12; /* Kept above the full-width canvas layer */
}

h1 {
    font-family: 'Playfair Display', serif;
    font-size: 4.5rem;
    line-height: 1.1;
    color: var(--text-dark);
    margin-bottom: 45px; 
    margin-top: 0;
}

h1 span { color: var(--gold); font-style: italic; }

#first p {
    font-size: 1.1rem;
    color: #666;
    max-width: 450px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.cta-group { 
    display: flex; 
    gap: 15px; 
    align-items: center; 
    margin-top: 30px;
}

.cta-button {
    background: #1B3022;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.qr-image {
    width: 45px;          
    height: 45px;
    display: block;       
    border-radius: 4px;   
    cursor: pointer;      
    transition: transform 0.2s ease;
}

.qr-image:hover {
    transform: scale(1.1);
}

.trust-badge {
    display: flex;
    align-items: center;
    gap: 12px;
}

.avatar-group {
    display: flex;
    align-items: center;
}

.avatar-group img {
    width: 35px; 
    height: 35px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: -10px;
    object-fit: cover;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.avatar-group img:first-child {
    margin-left: 0;
}

.trust-text {
    line-height: 1.2;
}

.stars {
    color: #f5a623;
    font-size: 12px;
    margin-bottom: 2px;
}

.trust-text p {
    margin: 0;
    font-size: 13px;
    color: #555;
    font-weight: 500;
}

/* --- FIXED DESKTOP ANIMATION ENGINE --- */
.visual-demo {
    position: absolute;
    right: 0; 
    top: 0;
    width: 100%; /* FIXED: Changed from 50% to 100% so right: 85% has room to display */
    height: 100%;
    pointer-events: none; /* Crucial: ensures text links and CTA buttons remain clickable */
    z-index: 10;
    perspective: 1500px; 
    overflow: hidden; 
}

@keyframes slickFloat {
    0%, 100% { transform: var(--rotation) translateY(0); }
    50% { transform: var(--rotation) translateY(-15px); }
}

.floating-card {
    position: absolute;
    background: rgba(255, 255, 255, 0.4); 
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    border-radius: 12px;
    padding: 12px 15px;
    width: 140px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    z-index: 11;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
    animation: slickFloat 4s infinite ease-in-out;
}

/* Desktop Positions (Your precise coordinates now function flawlessly) */
.card-top-left { top: 25%; right: 38%; --rotation: rotateY(-42deg) rotateX(5deg); }
.card-bottom-left { bottom: 25%; right: 42%; --rotation: rotateY(-35deg) rotateX(5deg); animation-delay: -0.5s; } /* RETAINED EXACTLY */
.card-top-right { top: 28%; right: 5%; --rotation: rotateY(-38deg) rotateX(5deg); animation-delay: -1s; }
.card-bottom-right { bottom: 18%; right: 9%; --rotation: rotateY(-35deg) rotateX(5deg); animation-delay: -1.5s; }

.card-text { font-size: 0.75rem; font-weight: 700; color: #000; text-transform: uppercase; letter-spacing: 1px; }
.icon-box { font-size: 22px; color: #1B3022; }

/* --- MOBILE SPECIFIC KEYFRAMES --- */
@keyframes forceFloat {
    0%, 100% { transform: scale(0.7) var(--rotation) translateY(0); }
    50% { transform: scale(0.7) var(--rotation) translateY(-15px); }
}

/* --- MOBILE BREAKPOINT --- */
@media (max-width: 900px) {
    html, body {
        overflow-x: hidden !important;
        position: relative;
        width: 100%;
    }

    .dinotry-hero-section {
        margin-top: 0 !important;
        background-position: center calc(100% + 40px) !important; 
        min-height: 100vh !important;
        height: auto !important;
        padding-top: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    .hero-container {
        display: block !important; 
        position: relative;
        width: 100% !important;
        max-width: 100vw !important;
    }

    .text-content {
        width: 100% !important;
        text-align: center;
        margin-bottom: 20px; 
        z-index: 15; /* Kept above mobile graphic element stacks */
        padding-left: 0 !important;
    }

    /* FIXED FOR MOBILE: Added dynamic vertical margins so cards clear your mobile mockups */
    .visual-demo {
        position: relative !important;
        width: 100% !important;
        max-width: 100vw !important;
        height: 380px !important; 
        margin-top: 40px !important; /* Forces breathing space down from text elements */
        display: block !important;
        overflow: hidden !important; 
    }

    .floating-card {
        position: absolute !important;
        width: 85px !important;
        padding: 4px 6px !important; 
        line-height: 1.3 !important;
        font-size: 7px !important;
        display: flex !important;
        animation: forceFloat 3s ease-in-out infinite !important;
        z-index: 99 !important;
    }

    /* Isolated Mobile coordinates to keep them safely separated inside the phone boundaries */
    .card-top-left { 
        top: 6%; left: 4%; right: auto;
        --rotation: rotateY(14deg) rotateX(10deg); 
        animation-delay: 0s !important; 
    }

    .card-top-right { 
        top: 12%; right: 4%; left: auto;
        --rotation: rotateY(-14deg) rotateX(10deg); 
        animation-delay: -1s !important; 
    }

    .card-bottom-left { 
        bottom: 26%; left: 4%; top: auto; right: auto;
        --rotation: rotateY(16deg) rotateX(14deg); 
        animation-delay: -0.5s !important; 
    }

    .card-bottom-right { 
        bottom: 15%; right: 4%; top: auto; left: auto;
        --rotation: rotateY(-16deg) rotateX(14deg); 
        animation-delay: -1.5s !important; 
    }
        
    .card-text {
        display: inline-block; 
        font-size: 14px; 
        transform: scale(0.7); 
        transform-origin: center;
    }

    .cta-group {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    h1 { font-size: 2.5rem !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b58ac7 *//* --- EXTRA DESIGN IMPORT (Optional: Imports an elegant Serif font if your theme doesn't have one) --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..700;1,400..700&display=swap');

/* --- GLOBAL CONTAINER --- */
.problem-section-wrapper {
    width: 100%;
    max-width: 1260px;
    margin: 60px auto;
    padding: 0 30px;
    box-sizing: border-box;
}

/* Master Split Row */
.problem-split-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; /* Keeps the tops perfectly level across both containers */
    gap: 60px;
    width: 100%;
}

/* LEFT SIDE CONFIGURATION (Elegant & Centered Content) */
.left-text-container {
    flex: 1.2; 
    display: flex;
    flex-direction: column; 
    align-items: center; /* Centers the heading block and the row block as single units */
    justify-content: flex-start;
}

/* Header Typography to match "same.jpg" */
.problem-header-block {
    text-align: center; /* Perfectly centers the text layout */
    margin-bottom: 20px; /* Generous breathing space above the icons */
    max-width: 520px;   /* Keeps the headline cleanly broken into 2-3 lines */
}

.problem-subtitle {
    color: #C5A059; /* Soft, upscale gold tone */
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 0.85rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px;
}

.problem-title {
    font-family: 'Playfair Display', 'Georgia', serif; /* Luxury Serif Typography */
    font-size: 2.6rem;
    color: #1A1A1A;
    margin: 0;
    font-weight: 400; /* Lighter font-weight matches the upscale reference style */
    line-height: 1.25;
}

/* Icons Row Layout */
.boxes-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
    width: 100%;
}

/* Transparent Icon Blocks */
.problem-box {
    flex: 1;
    display: flex;
    flex-direction: column; 
    align-items: center;
    text-align: center;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

.problem-icon-circle {
    width: 55px;
    height: 55px;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #333;
    margin-bottom: 16px;
    background: transparent;
}

.problem-text {
    font-size: 0.95rem; 
    color: #555;       
    margin: 0;
    line-height: 1.45;
    font-weight: 400;
}

/* RIGHT SIDE: The 3 Premium Image Cards */
.right-image-container {
    flex: 1;
    display: flex;
    flex-direction: row; 
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;
    padding-top: 15px; /* Tiny drop to match the top boundary line of your title text */
}

.problem-image-card {
    flex: 1;
    border-radius: 18px; 
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04); 
    
    /* CHANGED: Switched to a deep portrait aspect ratio to make images significantly taller */
    aspect-ratio: 1 / 1.6; 
    width: 100%;
}

.problem-image-card img {
    width: 100%;
    height: 100%; 
    display: block;
    object-fit: cover !important; 
    object-position: center;
}

/* --- MOBILE RESPONSIVE OVERRIDES --- */
@media (max-width: 950px) {
    .problem-section-wrapper {
        margin: 30px auto;
        padding: 0 15px;
    }

    .problem-header-block {
        margin-bottom: 10px;
        max-width: 100%;
    }

   .problem-title {
        font-size: 1.45rem !important; /* Made smaller to look cleaner on mobile */
        line-height: 1.3 !important;   /* Comfortable line height */
        padding: 0 10px;               /* Keeps text safe from screen edges */
    }

    .problem-split-row {
        flex-direction: column !important;
        gap: 35px !important;
    }

    .left-text-container, 
    .right-image-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 0 !important;
    }

    .boxes-row {
        gap: 10px !important; 
    }

    .problem-icon-circle {
        width: 45px !important;
        height: 45px !important;
        font-size: 15px !important;
        margin-bottom: 10px !important;
    }

    .problem-text {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    .right-image-container {
        gap: 10px !important;
    }

    .problem-image-card {
        border-radius: 10px !important;
       aspect-ratio: 1 / 1.4 !important;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a63574d */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..700;1,400..700&display=swap');

/* --- MAIN SECTIONS CONTAINER --- */
.dinotry-works-wrapper {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 60px auto !important;
    padding: 0 25px !important;
    box-sizing: border-box !important;
}

.dinotry-split-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important; 
    gap: 50px !important;
    width: 100% !important;
}

/* --- TEXT SECTION (LEFT) --- */
.dinotry-left-container {
    flex: 1.2 !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* FIXED: Added explicit left padding to line up perfectly with the step contents below it */
.dinotry-header-block {
    margin-bottom: 35px !important;
    text-align: left !important;
    padding-left: 20px !important; 
}

.dinotry-subtitle {
    color: #C5A059 !important;
    font-weight: 600 !important;
    letter-spacing: 2.5px !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 10px !important;
}

.dinotry-title {
    font-family: 'Playfair Display', 'Georgia', serif !important;
    font-size: 2.5rem !important;
    color: #1A1A1A !important;
    margin: 0 !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

/* 3-Column Desktop Grid Layout Track */
.dinotry-steps-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 30px !important;
    width: 100% !important;
}

.dinotry-step-column {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; 
    text-align: center !important;  
    width: 100% !important;
}

/* Circle Badge Container Styles */
.dinotry-icon-circle {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;  
    min-height: 48px !important; 
    border-radius: 50% !important;
    background-color: #FAF6F0 !important; 
    border: 1px solid #EFEAE2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    color: #C5A059 !important;
    margin: 0 0 24px 0 !important; 
    position: relative !important;
    box-sizing: border-box !important;
}

.dinotry-badge-num {
    position: absolute !important;
    bottom: -10px !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E2E2 !important;
    color: #666 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.dinotry-step-title {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.dinotry-step-text {
    font-size: 0.85rem !important;
    color: #666 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
    width: 100% !important;
}

/* --- RIGHT PREVIEW SIDE CARD --- */
.dinotry-right-card {
    flex: 0.8 !important; 
    width: 100% !important;
    max-width: 520px !important; 
    background: #FFFFFF !important;
    border-radius: 20px !important; 
    padding: 0 !important; 
    box-shadow: 0 15px 45px rgba(0,0,0,0.04) !important; 
    border: 1px solid #F0F0F0 !important;
    overflow: hidden !important; 
    aspect-ratio: 16 / 11 !important; 
    box-sizing: border-box !important;
}

.dinotry-right-card img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important; 
    object-position: center !important;
}

/* --- MOBILE RESPONSIVE OVERRIDES --- */
@media (max-width: 950px) {
    .dinotry-works-wrapper {
        margin: 30px auto !important;
        padding: 0 15px !important;
    }

    .dinotry-split-row {
        flex-direction: column !important;
        gap: 35px !important;
    }

    .dinotry-left-container, 
    .dinotry-right-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Keep the main title left-aligned with its padding intact on mobile */
    .dinotry-left-container {
        align-items: flex-start !important;
    }

    .dinotry-header-block {
        align-items: center !important; 
        text-align: center !important;  
        margin-bottom: 25px !important;
        padding-left: 0 !important; /* Discards desktop offset padding to center cleanly */
        width: 100% !important;
    }

    .dinotry-title {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
    }

    /* FIXED FOR MOBILE: 
       Forces the grid to maintain 3 side-by-side columns on small screens 
       with smooth automatic padding adjustments.
    */
    .dinotry-steps-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .dinotry-step-column {
        align-items: center !important;
        text-align: center !important;
    }

    .dinotry-icon-circle {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        margin-bottom: 12px !important;
        font-size: 13px !important;
    }
    
    .dinotry-step-title {
        font-size: 0.75rem !important;
    }

    .dinotry-step-text {
        font-size: 0.7rem !important;
        line-height: 1.3 !important;
    }

    .dinotry-right-card {
        border-radius: 14px !important;
        aspect-ratio: 16 / 11 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0404088 */:root {
    --icon-bg: #F9F1E6;        
    --text-dark: #1F2421;      
    --text-muted: #666666;     
}

/* --- FEATURES BAR BASE STYLES --- */
.features-bar-section {
    background-color: #FFFFFF;
    padding: 35px 20px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden; 
}

.features-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between; 
    align-items: center;
    gap: 15px; /* FIXED: Reduced from 20px to give text elements more breathing room */
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 12px; /* FIXED: Slightly tighter gap between icon and text */
    flex: 1;
    min-width: 0; /* FIXED: Allows elements to scale intelligently without breaking flex boundaries */
}

/* Hide duplicate items on Desktop and Tablet */
.feature-item.mobile-duplicate {
    display: none !important;
}

.feature-icon-circle {
    width: 44px; /* FIXED: Balanced down slightly from 46px to save horizontal grid space */
    height: 44px;
    background-color: var(--icon-bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--text-dark);
    flex-shrink: 0;
}

.feature-text {
    display: flex;
    flex-direction: column;
}

.feature-text h4 {
    font-size: 0.88rem; /* FIXED: Perfectly balanced typography size */
    font-weight: 700;
    color: var(--text-dark);
    margin: 0 0 3px 0;
}

.feature-text p {
    font-size: 0.78rem;
    color: var(--text-muted);
    margin: 0;
    white-space: normal; /* FIXED: Allows text to wrap safely to 2 lines if screen width shrinks */
    line-height: 1.3;
}

/* AUTOMATIC MARQUEE SCROLL ANIMATION */
@keyframes autoScrollFeatures {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } 
}

/* --- RESPONSIVE LAYOUTS --- */

/* Desktop & Tablet Screen Range */
@media (min-width: 768px) {
    .features-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; 
        justify-content: space-between !important;
    }
}

/* Mobile Automatic Scrolling Configuration */
@media (max-width: 767px) {
    .features-bar-section {
        padding: 20px 0 !important; 
    }

    /* Turn the duplicates back on ONLY on mobile for the loop animation */
    .feature-item.mobile-duplicate {
        display: flex !important;
    }

    .features-container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        gap: 35px !important; 
        width: max-content !important; 
        
        /* Smooth continuous infinite auto-scrolling engine */
        animation: autoScrollFeatures 20s linear infinite !important; 
    }

    .features-container:hover {
        animation-play-state: paused !important;
    }

    .feature-item {
        flex: 0 0 auto !important; 
        min-width: 190px !important;
        gap: 10px !important;
    }

    .feature-icon-circle {
        width: 38px !important; 
        height: 38px !important;
        font-size: 14px !important;
    }

    .feature-text h4 {
        font-size: 0.82rem !important;
    }

    .feature-text p {
        font-size: 0.72rem !important;
        white-space: nowrap !important; /* Re-enabled on mobile so tracking speed stays perfectly uniform */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d68de26 */.search-box-container {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 450px !important; /* Prevents the input box from stretching too wide on desktop */
    box-sizing: border-box !important;
}

.responsive-input {
    flex: 1 !important; 
    padding: 14px 20px !important; 
    border: 1px solid #ddd !important; 
    border-radius: 9px !important;
    outline: none !important;
    font-size: 1rem !important;
    box-sizing: border-box !important;
}

.responsive-btn {
    background: #1a3c34 !important; 
    color: white !important;
    font-size: 0.87rem !important;
    border-radius: 9px !important;
    border: none !important; 
    padding: 14px 24px !important; /* Slightly broader padding for desktop balance */
    cursor: pointer !important; 
    font-weight: bold !important;
    white-space: nowrap !important; /* Prevents text from breaking into 2 lines */
    box-sizing: border-box !important;
    transition: background 0.2s ease;
}

.responsive-btn:hover {
    background: #122b25 !important;
}

/* --- MOBILE RESPONSIVE OVERRIDES --- */
@media (max-width: 600px) {
    .search-box-container {
        flex-direction: column !important; /* Stacks the input and button vertically */
        gap: 12px !important; /* Slightly larger gap on mobile for clean finger-tap spacing */
        width: 100% !important;
    }

    .responsive-input {
        width: 100% !important;
        padding: 16px 20px !important; /* Slightly taller for modern mobile inputs */
    }

    .responsive-btn {
        width: 100% !important; /* Makes the button full-width on mobile phones */
        padding: 16px 12px !important; /* Balanced hit target */
        font-size: 0.95rem !important; /* Scales font up slightly for small screens */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-303b9b8 */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..700;1,400..700&display=swap');

/* --- MASTER DESKTOP LAYOUT (Bigger & Balanced) --- */
.flip-wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: 550px !important; /* FIXED: Increased from 400px to make it prominent on desktop */
    margin: 40px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#result-card {
    background: #ffffff !important;
    padding: 50px 40px !important; /* Generous deep padding for luxury app aesthetic */
    width: 100% !important;
    min-height: 340px !important;  /* Taller base frame for desktop focus */
    border-radius: 15px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.06) !important; 
    text-align: center !important; 
    border: 1px solid #eee !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

#demoName {
    font-family: 'Playfair Display', serif !important;
    font-size: 2rem !important;
    color: #1A1A1A !important;
    margin: 0 0 10px 0 !important;
}

.sub-text {
    color: #666666 !important;
    font-size: 1rem !important;
    margin: 0 0 5px 0 !important;
}

#demoTable {
    font-size: 3rem !important; /* Powerful prominence on large monitors */
    margin: 10px 0 !important; 
    color: #1a3c34 !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

#viewMapBtn {
    background-color: transparent !important; 
    color: #1a3c34 !important; 
    border: 2px solid #F7EFE2 !important; 
    margin-top: 20px !important;
    padding: 12px 28px !important; 
    border-radius: 12px !important; 
    cursor: pointer !important; 
    font-weight: bold !important;
    font-size: 0.85rem !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease-in-out !important;
}

#viewMapBtn:hover {
    background-color: #F7EFE2 !important;
    transform: translateY(-1px) !important;
}

/* --- MAP CANVAS ENGINE --- */
#live-map-container {
    display: none; /* Controlled via script layer toggles */
    position: relative !important;
    width: 100% !important;
    border-radius: 15px !important;
    overflow: hidden !important; 
    box-shadow: 0 12px 40px rgba(0,0,0,0.06) !important;
}

#live-map-container img {
    width: 100% !important; 
    height: auto !important; 
    display: block !important; 
}

#map-glow {
    position: absolute !important; 
    width: 30px !important; 
    height: 30px !important; 
    border: 2px solid #D4AF37 !important; 
    border-radius: 50% !important; 
    transform: translate(-50%, -50%) !important; 
    box-shadow: 0 0 15px #ffb900 !important; 
    animation: pulse 1.5s infinite !important;
    top: 50%;  /* Dynamic anchor point targets */
    left: 50%; 
}

#backToCard {
    position: absolute !important; 
    top: 15px !important; 
    left: 15px !important;
    color: #1a3c34 !important;
    background: rgba(255,255,255,0.95) !important; 
    border: none !important; 
    padding: 8px 18px !important; 
    border-radius: 20px !important; 
    cursor: pointer !important; 
    font-size: 11px !important;
    font-weight: bold !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    transition: all 0.2s ease !important;
}

#backToCard:hover {
    background: #FFFFFF !important;
}

@keyframes pulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
    50% { transform: translate(-50%, -50%) scale(1.3); opacity: 1; box-shadow: 0 0 25px #ffb900; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
}

/* --- MOBILE TARGET OVERRIDES (Normal Sizing) --- */
@media (max-width: 900px) {
    .flip-wrapper {
        max-width: 400px !important; /* Retains your exact standard look for smartphones */
        padding: 15px !important;   
        margin: 10px auto !important;
    }

    #result-card {
        padding: 40px 20px !important; 
        min-height: 300px !important;  
    }

    #demoName {
        font-size: 1.65rem !important;
    }

    #demoTable {
        font-size: 2.3rem !important; /* FIXED: Removed the tiny 10px layout bug */
    }

    #viewMapBtn {
        padding: 10px 22px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ca053d */.review-carousel-container {
    width: 100%;
    max-width: 1240px;
    margin: 40px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.review-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Clean 3-column layout on desktop */
    gap: 24px;
    padding: 15px 5px;
    transition: all 0.3s ease;
}

/* --- PREMIUM CARD ELEMENT --- */
.review-card {
    background: #FFFFFF;
    padding: 35px;
    border: 1px solid #F0F0F0;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.02);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

.review-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.05);
}

/* Typography & Sub-elements */
.review-stars {
    color: #FFB900;
    margin-bottom: 12px;
    font-size: 16px;
}

.review-quote {
    font-style: italic;
    color: #444444;
    line-height: 1.6;
    margin: 0 0 24px 0;
    font-size: 0.98rem;
}

.review-author-block {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author-avatar {
    width: 40px;
    height: 40px;
    background: #1A3C34; /* Theme core green matching branding */
    border-radius: 50%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.author-name {
    margin: 0;
    font-size: 14px;
    font-family: 'Playfair Display', serif;
    color: #1A1A1A;
    font-weight: 600;
}

.author-role {
    color: #888888;
    font-size: 12px;
    display: block;
    margin-top: 2px;
}

/* Pagination Track (Hidden by default on Desktop layout) */
.carousel-dots {
    display: none;
    justify-content: center;
    gap: 8px;
    margin-top: 15px;
}

.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #E0E0E0;
    cursor: pointer;
    transition: all 0.2s ease;
}

.dot.active {
    background: #1A3C34;
    width: 20px; /* Elegant elongated capsule active status indicator */
    border-radius: 4px;
}

/* --- MOBILE CAROUSEL OVERRIDES (Swiping Machine) --- */
@media (max-width: 950px) {
    .review-grid {
        display: flex !important; /* Converts grid layout cleanly to a horizontal row track */
        flex-direction: row;
        overflow-x: auto; /* Enables natural browser multi-touch swipe mechanics */
        scroll-shadow: none;
        scroll-snap-type: x mandatory; /* Snaps cards firmly center stage upon releasing swipe */
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch; /* Butter-smooth iOS acceleration parsing */
        gap: 16px;
        padding-bottom: 20px;
    }

    /* Hide standard scrollbars to give it a native premium mobile app design appearance */
    .review-grid::-webkit-scrollbar {
        display: none;
    }

    .review-card {
        flex: 0 0 85%; /* Cards take up 85% width so guests glimpse the next card popping out */
        scroll-snap-align: center; /* Snaps nicely centered */
        padding: 25px;
    }

    .carousel-dots {
        display: flex !important; /* Activates structural navigation points on screens */
    }
}/* End custom CSS */