/*
 * Brand: Logo Tiles with Download (BrandBlocks::drawBrandLogoTiles), the Retal Subsidiaries page of retal.com.sa
 * (Elementor page 63945). Its rules as the source has them, with the theme's renamed prefixes (r-, re-, x-<id>) like
 * photo-library.css, which provides the containers' base rules; plus Elementor's hover transform, which that file lacks.
 */

/* Rows of four tiles: the first 50px below the banner, each 3% in from the sides. */
.pl .r-63945 .r-element.x-27d1429{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}
.pl .r-63945 .r-element.x-6e6b538{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}
.pl .r-63945 .r-element.x-06773f8{--display:flex;}

/* A tile: the whole picture, grown to 110% on hover. */
.pl .r-63945 .r-element.x-e61727d img{width:100%;}
.pl .r-63945 .r-element.x-e61727d > .r-widget-container:hover{--e-transform-scale:1.1;}
.pl .r-63945 .e-transform > .r-widget-container{transform:scale(var(--e-transform-scale,1));transition:transform var(--e-transform-transition-duration,.4s);}
@media (prefers-reduced-motion: reduce){
	.pl .r-63945 .e-transform > .r-widget-container{transition:none;}
}

/* The download button under the tiles. */
.pl .r-63945 .r-element.x-b28c214{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:3%;}
.pl .r-63945 .r-element.x-a2d0472 .r-button{background-color:#61CE7000;font-family:"Marcellus", Sans-serif;font-weight:500;text-transform:uppercase;line-height:42px;fill:#000000;color:#000000;padding:0px 0px 0px 0px;}
.pl .r-63945 .r-element.x-a2d0472 > .r-widget-container{padding:0px 0px 0px 0px;}
.pl .r-63945 .r-element.x-a2d0472 .r-button .r-button-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid #CCC;padding:12px 15px;background-color:#fff;}
.pl .r-63945 .r-element.x-a2d0472 .r-button:hover .r-button-icon{border-color:#85553a;background-color:#85553a;}
.pl .r-63945 .r-element.x-a2d0472 .r-button:hover .r-button-icon svg path{stroke:#fff;}