.elementor-526 .elementor-element.elementor-element-68b0977{--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:25px 25px;--row-gap:25px;--column-gap:25px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:10px;--padding-right:10px;}.elementor-526 .elementor-element.elementor-element-68b0977:not(.elementor-motion-effects-element-type-background), .elementor-526 .elementor-element.elementor-element-68b0977 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zinaclick.com/wp-content/uploads/2026/09/Herosectionpage-marques.png");background-size:cover;}.elementor-526 .elementor-element.elementor-element-68b0977::before, .elementor-526 .elementor-element.elementor-element-68b0977 > .elementor-background-video-container::before, .elementor-526 .elementor-element.elementor-element-68b0977 > .e-con-inner > .elementor-background-video-container::before, .elementor-526 .elementor-element.elementor-element-68b0977 > .elementor-background-slideshow::before, .elementor-526 .elementor-element.elementor-element-68b0977 > .e-con-inner > .elementor-background-slideshow::before, .elementor-526 .elementor-element.elementor-element-68b0977 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-elemento-advance-heading .elemento-addon-heading_, .elementor-widget-elemento-advance-heading .elemento-addon-heading_ a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-elemento-advance-heading #elemento-addon-heading_ .elemento-heading-text-second .elemento-heading-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-elemento-advance-heading .elemento-rotating-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-526 .elementor-element.elementor-element-24cdbd6 .elemento-heading-text-second.elemento-hilighted-text svg{stroke:var( --e-global-color-primary );stroke-width:15px;}.elementor-526 .elementor-element.elementor-element-24cdbd6 .elemento-addon-heading_, .elementor-526 .elementor-element.elementor-element-24cdbd6 .elemento-addon-heading_ a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-526 .elementor-element.elementor-element-24cdbd6 #elemento-addon-heading_{padding:0px 0px 0px 0px;}.elementor-526 .elementor-element.elementor-element-24cdbd6 .elemento-addon-heading_{margin:0px 0px 0px 0px;}.elementor-526 .elementor-element.elementor-element-24cdbd6 #elemento-addon-heading_ .elemento-heading-text-second .elemento-heading-text{font-family:"Aref Ruqaa", Sans-serif;font-weight:600;}.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-526 .elementor-element.elementor-element-503b6da{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-weight:600;color:#323232;}.elementor-526 .elementor-element.elementor-element-7c06379{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-526 .elementor-element.elementor-element-db8cc2b{--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-526 .elementor-element.elementor-element-db8cc2b:not(.elementor-motion-effects-element-type-background), .elementor-526 .elementor-element.elementor-element-db8cc2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zinaclick.com/wp-content/uploads/2026/09/image-call-to-action-e1789597531493.png");background-size:cover;}.elementor-526 .elementor-element.elementor-element-f09e4f1{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-526 .elementor-element.elementor-element-20c8c9b{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-526 .elementor-element.elementor-element-20c8c9b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-526 .elementor-element.elementor-element-881736d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-526 .elementor-element.elementor-element-881736d.e-con{--flex-grow:0;--flex-shrink:0;}.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-526 .elementor-element.elementor-element-2c91877 .elementor-button{background-color:var( --e-global-color-primary );border-radius:20px 20px 20px 20px;}.elementor-526 .elementor-element.elementor-element-2c91877 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-526 .elementor-element.elementor-element-a1a490c{padding:0px 30px 0px 0px;border-style:solid;border-width:0px 1px 0px 0px;border-color:#6666666B;}.elementor-526 .elementor-element.elementor-element-a1a490c .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-526 .elementor-element.elementor-element-a1a490c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-a1a490c.elementor-view-framed .elementor-icon, .elementor-526 .elementor-element.elementor-element-a1a490c.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-a1a490c.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-a1a490c.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-a1a490c.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-a1a490c.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-a1a490c.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-a1a490c.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-a1a490c .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-a1a490c .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;line-height:18px;}.elementor-526 .elementor-element.elementor-element-a1a490c .elementor-icon-box-title{color:#222222;}.elementor-526 .elementor-element.elementor-element-a1a490c:has(:hover) .elementor-icon-box-title,
					 .elementor-526 .elementor-element.elementor-element-a1a490c:has(:focus) .elementor-icon-box-title{color:#222222;}.elementor-526 .elementor-element.elementor-element-a1a490c .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;line-height:14px;color:#6A6A6A;}.elementor-526 .elementor-element.elementor-element-19c5b80{padding:0px 30px 0px 0px;border-style:solid;border-width:0px 1px 0px 0px;border-color:#6666666B;}.elementor-526 .elementor-element.elementor-element-19c5b80 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-526 .elementor-element.elementor-element-19c5b80.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-19c5b80.elementor-view-framed .elementor-icon, .elementor-526 .elementor-element.elementor-element-19c5b80.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-19c5b80.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-19c5b80.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-19c5b80.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-19c5b80.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-19c5b80.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-19c5b80.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-19c5b80 .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-19c5b80 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;line-height:18px;}.elementor-526 .elementor-element.elementor-element-19c5b80 .elementor-icon-box-title{color:#222222;}.elementor-526 .elementor-element.elementor-element-19c5b80:has(:hover) .elementor-icon-box-title,
					 .elementor-526 .elementor-element.elementor-element-19c5b80:has(:focus) .elementor-icon-box-title{color:#222222;}.elementor-526 .elementor-element.elementor-element-19c5b80 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;line-height:14px;color:#6A6A6A;}.elementor-526 .elementor-element.elementor-element-1c560fe{padding:0px 30px 0px 0px;border-style:solid;border-width:0px 1px 0px 0px;border-color:#6666666B;}.elementor-526 .elementor-element.elementor-element-1c560fe .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-526 .elementor-element.elementor-element-1c560fe.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-1c560fe.elementor-view-framed .elementor-icon, .elementor-526 .elementor-element.elementor-element-1c560fe.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-1c560fe.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-1c560fe.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-1c560fe.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-1c560fe.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-1c560fe.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-1c560fe.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-1c560fe .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-1c560fe .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;line-height:18px;}.elementor-526 .elementor-element.elementor-element-1c560fe .elementor-icon-box-title{color:#222222;}.elementor-526 .elementor-element.elementor-element-1c560fe:has(:hover) .elementor-icon-box-title,
					 .elementor-526 .elementor-element.elementor-element-1c560fe:has(:focus) .elementor-icon-box-title{color:#222222;}.elementor-526 .elementor-element.elementor-element-1c560fe .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;line-height:14px;color:#6A6A6A;}.elementor-526 .elementor-element.elementor-element-0770597{padding:0px 30px 0px 0px;border-style:solid;border-width:0px 1px 0px 0px;border-color:#6666666B;}.elementor-526 .elementor-element.elementor-element-0770597 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-526 .elementor-element.elementor-element-0770597.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-0770597.elementor-view-framed .elementor-icon, .elementor-526 .elementor-element.elementor-element-0770597.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-0770597.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-0770597.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-0770597.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-0770597.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-0770597.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-526 .elementor-element.elementor-element-0770597.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-526 .elementor-element.elementor-element-0770597 .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-0770597 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;line-height:18px;}.elementor-526 .elementor-element.elementor-element-0770597 .elementor-icon-box-title{color:#222222;}.elementor-526 .elementor-element.elementor-element-0770597:has(:hover) .elementor-icon-box-title,
					 .elementor-526 .elementor-element.elementor-element-0770597:has(:focus) .elementor-icon-box-title{color:#222222;}.elementor-526 .elementor-element.elementor-element-0770597 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;line-height:14px;color:#6A6A6A;}.elementor-526 .elementor-element.elementor-element-cb092aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-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-526 .elementor-element.elementor-element-bb5b2b7 .elementor-heading-title{font-family:"Aref Ruqaa", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-526 .elementor-element.elementor-element-4f4e87e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-526 .elementor-element.elementor-element-c1b1b56 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;text-transform:uppercase;}@media(max-width:1024px){.elementor-526 .elementor-element.elementor-element-a1a490c{width:var( --container-widget-width, 42% );max-width:42%;padding:0px 0px 0px 0px;--container-widget-width:42%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-526 .elementor-element.elementor-element-a1a490c .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-a1a490c .elementor-icon-box-title a{font-size:18px;line-height:28px;}.elementor-526 .elementor-element.elementor-element-19c5b80{width:var( --container-widget-width, 42% );max-width:42%;padding:0px 0px 0px 0px;--container-widget-width:42%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-526 .elementor-element.elementor-element-19c5b80 .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-19c5b80 .elementor-icon-box-title a{font-size:18px;line-height:28px;}.elementor-526 .elementor-element.elementor-element-1c560fe{width:var( --container-widget-width, 42% );max-width:42%;padding:0px 0px 0px 0px;--container-widget-width:42%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-526 .elementor-element.elementor-element-1c560fe .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-1c560fe .elementor-icon-box-title a{font-size:18px;line-height:28px;}.elementor-526 .elementor-element.elementor-element-0770597{width:var( --container-widget-width, 42% );max-width:42%;padding:0px 0px 0px 0px;--container-widget-width:42%;--container-widget-flex-grow:0;border-width:0px 0px 0px 0px;}.elementor-526 .elementor-element.elementor-element-0770597 .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-0770597 .elementor-icon-box-title a{font-size:18px;line-height:28px;}}@media(max-width:767px){.elementor-526 .elementor-element.elementor-element-68b0977:not(.elementor-motion-effects-element-type-background), .elementor-526 .elementor-element.elementor-element-68b0977 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zinaclick.com/wp-content/uploads/2026/09/herosectionnosmarques-mobile.png");background-position:center center;}.elementor-526 .elementor-element.elementor-element-68b0977{--overlay-opacity:0.46;--padding-top:10px;--padding-bottom:350px;--padding-left:0px;--padding-right:0px;}.elementor-526 .elementor-element.elementor-element-24cdbd6 .elemento-addon-heading_ > a{justify-content:center;text-align:center;}.elementor-526 .elementor-element.elementor-element-503b6da{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;font-size:15px;line-height:1.4em;}.elementor-526 .elementor-element.elementor-element-7c06379{--content-width:80%;}.elementor-526 .elementor-element.elementor-element-db8cc2b:not(.elementor-motion-effects-element-type-background), .elementor-526 .elementor-element.elementor-element-db8cc2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-235px 0px;}.elementor-526 .elementor-element.elementor-element-a1a490c .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-a1a490c .elementor-icon-box-title a{font-size:16px;line-height:26px;}.elementor-526 .elementor-element.elementor-element-19c5b80 .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-19c5b80 .elementor-icon-box-title a{font-size:16px;line-height:26px;}.elementor-526 .elementor-element.elementor-element-1c560fe .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-1c560fe .elementor-icon-box-title a{font-size:16px;line-height:26px;}.elementor-526 .elementor-element.elementor-element-0770597 .elementor-icon-box-title, .elementor-526 .elementor-element.elementor-element-0770597 .elementor-icon-box-title a{font-size:16px;line-height:26px;}}@media(min-width:768px){.elementor-526 .elementor-element.elementor-element-68b0977{--content-width:1400px;}.elementor-526 .elementor-element.elementor-element-20c8c9b{--width:100%;}.elementor-526 .elementor-element.elementor-element-881736d{--width:27.815%;}}/* Start custom CSS for shortcode, class: .elementor-element-f35402e *//* =====================================================
   ZINACLICK — BRANDS GRID
   MOBILE FIRST
===================================================== */

.zina-brands-grid {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    gap: 14px;

    width: 100%;

    margin: 0;
    padding: 0;

}


/* =====================================================
   BRAND CARD
===================================================== */

.zina-brand-card {

    min-width: 0;

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 16px;

    overflow: hidden;

    box-shadow: 0 4px 18px rgba(0,0,0,.035);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.zina-brand-card:hover {

    transform: translateY(-3px);

    border-color: #f4c5d7;

    box-shadow: 0 10px 28px rgba(0,0,0,.07);
}


/* =====================================================
   IMAGE AREA
===================================================== */

.zina-brand-card-image {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 135px;

    padding: 12px;

    background: #faf8f8;

    text-decoration: none;

    box-sizing: border-box;

    overflow: hidden;
}


/* Pink ZinaClick accent */

.zina-brand-card-image::after {

    content: "";

    position: absolute;

    right: -25px;
    bottom: -35px;

    width: 90px;
    height: 90px;

    border-radius: 50%;

    border: 12px solid #EE106E;

    opacity: .08;

    pointer-events: none;
}


/* =====================================================
   LOGO
===================================================== */

.zina-brand-card-logo {

    position: relative;

    z-index: 2;

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    max-width: 145px !important;

    max-height: 105px !important;

    object-fit: contain !important;

    margin: auto !important;
}


/* =====================================================
   CONTENT
===================================================== */

.zina-brand-card-content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

    padding: 14px 12px 15px;

    background: #ffffff;

    box-sizing: border-box;
}


.zina-brand-card-text {

    min-width: 0;

    flex: 1;
}


/* =====================================================
   TITLE
===================================================== */

.zina-brand-card-title {

    margin: 0 0 5px !important;

    font-family: inherit;

    font-size: 16px !important;

    line-height: 1.2 !important;

    font-weight: 600 !important;

}


.zina-brand-card-title a {

    color: #202020 !important;

    text-decoration: none !important;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.zina-brand-card-description {

    color: #6b6b6b;

    font-size: 11px;

    line-height: 1.45;

}


/* =====================================================
   ARROW
===================================================== */

.zina-brand-card-arrow {

    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #EE106E;

    color: #ffffff !important;

    font-size: 20px;

    line-height: 1;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        background .2s ease;
}


.zina-brand-card:hover .zina-brand-card-arrow {

    transform: translateX(3px);

}


/* =====================================================
   NO LOGO
===================================================== */

.zina-brand-no-logo {

    color: #303030;

    font-family: inherit;

    font-size: 16px;

    font-weight: 600;

    text-align: center;
}


/* =====================================================
   TABLET
===================================================== */

@media (min-width: 768px) {

    .zina-brands-grid {

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 20px;

    }


    .zina-brand-card-image {

        height: 170px;

    }


    .zina-brand-card-content {

        padding: 17px;

    }


    .zina-brand-card-title {

        font-size: 18px !important;

    }


    .zina-brand-card-description {

        font-size: 13px;

    }

}


/* =====================================================
   DESKTOP
===================================================== */

@media (min-width: 1100px) {

    .zina-brands-grid {

        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap: 22px;

    }


    .zina-brand-card-image {

        height: 180px;

    }

}/* End custom CSS */