.elementor-31 .elementor-element.elementor-element-6d20289{--display:flex;--min-height:1025px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.75;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-31 .elementor-element.elementor-element-6d20289::before, .elementor-31 .elementor-element.elementor-element-6d20289 > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-6d20289 > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-6d20289 > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-6d20289 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-6d20289 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000B0 0%, #0708089C 74%);}.elementor-31 .elementor-element.elementor-element-6d20289:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-6d20289 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://nomada-living.com/wp-content/uploads/2026/08/UAE-property-investment-2-scaled.webp") 50% 50%;background-size:cover;}.elementor-31 .elementor-element.elementor-element-8c2b45f{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.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-31 .elementor-element.elementor-element-6a51477{background-color:var( --e-global-color-secondary );padding:10px 15px 10px 15px;border-radius:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-6a51477 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:var( --e-global-color-nomada_white );}.elementor-31 .elementor-element.elementor-element-74a3c2cd{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-31 .elementor-element.elementor-element-77ce4e99 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-weight:500;border-radius:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-79b668bb .elementor-button{background-color:#07080800;fill:var( --e-global-color-nomada_white );color:var( --e-global-color-nomada_white );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-nomada_border );border-radius:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-79b668bb{border-style:none;}.elementor-31 .elementor-element.elementor-element-79b668bb .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-79b668bb .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-79b668bb .elementor-button:hover svg, .elementor-31 .elementor-element.elementor-element-79b668bb .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-33bb86ac{--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;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-4980c8b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-31 .elementor-element.elementor-element-e80d36a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}.elementor-31 .elementor-element.elementor-element-e57490c .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-weight:500;border-radius:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-31 .elementor-element.elementor-element-8a0b314{--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-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-31 .elementor-element.elementor-element-5ead9ab{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-42db1dc{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-0cbba57{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-9483db9{--display:flex;--min-height:493px;--overlay-opacity:1;--z-index:1;}.elementor-31 .elementor-element.elementor-element-9483db9:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-9483db9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nomada-living.com/wp-content/uploads/2026/08/PROPERTY-INVESTMENT.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-31 .elementor-element.elementor-element-9483db9::before, .elementor-31 .elementor-element.elementor-element-9483db9 > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-9483db9 > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-9483db9 > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-9483db9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-9483db9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at bottom center, #FFFFFFF0 34%, #00000005 95%);}.elementor-31 .elementor-element.elementor-element-9483db9 > .elementor-shape-top svg, .elementor-31 .elementor-element.elementor-element-9483db9 > .e-con-inner > .elementor-shape-top svg{width:calc(300% + 1.3px);height:500px;}.elementor-31 .elementor-element.elementor-element-ca449f5{--display:flex;--margin-top:-267px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:11;}body.elementor-page-31:not(.elementor-motion-effects-element-type-background), body.elementor-page-31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-nomada_white );}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-31 .elementor-element.elementor-element-9483db9:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-9483db9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-6d20289{--min-height:790px;--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-8c2b45f{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:82px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-6a51477{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-31 .elementor-element.elementor-element-74a3c2cd{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-77ce4e99 .elementor-button{line-height:1.2em;border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-31 .elementor-element.elementor-element-79b668bb{width:auto;max-width:auto;}.elementor-31 .elementor-element.elementor-element-79b668bb .elementor-button{border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-31 .elementor-element.elementor-element-33bb86ac{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-31 .elementor-element.elementor-element-e80d36a .elementor-heading-title{font-size:11px;}.elementor-31 .elementor-element.elementor-element-e57490c .elementor-button{line-height:1.2em;border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-31 .elementor-element.elementor-element-5ead9ab{padding:0px 0px 0px 10px;}.elementor-31 .elementor-element.elementor-element-42db1dc{padding:0px 0px 0px 10px;}.elementor-31 .elementor-element.elementor-element-0cbba57{padding:0px 0px 0px 10px;}.elementor-31 .elementor-element.elementor-element-9483db9:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-9483db9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}}/* Start custom CSS for html, class: .elementor-element-dfc3006 *//* ==========================================================================
   OUR MARKETS — English
   Same expanding filmstrip behavior as Arabic version
   ========================================================================== */

.markets-section {
    --orange: #F26A21;
    --black: #111111;

    width: 100%;
    padding: 90px 0 100px;
    background: var(--black);
    font-family: Arial, "Noto Sans Arabic", sans-serif;
    direction: ltr;
}

.markets-section *,
.markets-section *::before,
.markets-section *::after {
    box-sizing: border-box;
}

.markets-section img {
    max-width: 100%;
    display: block;
}

.markets-section a {
    text-decoration: none;
}

.markets-section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.markets-section .container {
    width: min(1300px, 94%);
    margin: 0 auto;
}


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

.markets-section .section-title {
    max-width: 720px;
    margin: 0 auto 56px;
    text-align: center;
}

.markets-section .section-label {
    display: block;
    color: var(--orange);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    margin-bottom: 14px;
}

.markets-section .section-title h2 {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.3;
}

.markets-section .section-title h2 span {
    display: block;
    color: var(--orange);
    margin-top: 6px;
}

.markets-section .section-title p {
    margin: 0;
    color: rgba(255,255,255,.65);
    font-size: 15px;
    line-height: 1.8;
}


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

.markets-section .markets-grid {
    display: flex;
    gap: 6px;
    height: 460px;
}


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

.markets-section .market-card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    border-radius: 4px;
    color: #fff;

    transition:
        flex-grow .6s cubic-bezier(.22,.61,.36,1);
}


/* Active card + Hover card expand */

.markets-section .market-card.active,
.markets-section .market-card:hover {
    flex-grow: 4.2;
}


/* ==========================================================================
   IMAGE
   ========================================================================== */

.markets-section .market-card img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    filter: saturate(.9) brightness(.75);

    transition:
        transform 1s ease,
        filter .5s ease;
}


/* Active image */

.markets-section .market-card.active img,
.markets-section .market-card:hover img {
    filter: saturate(1) brightness(1);
}


/* Image zoom on hover */

.markets-section .market-card:hover img {
    transform: scale(1.04);
}


/* ==========================================================================
   DARK OVERLAY
   ========================================================================== */

.markets-section .market-card .overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(17,17,17,.93) 0%,
            rgba(17,17,17,.3) 45%,
            rgba(17,17,17,0) 72%
        );

    opacity: 0;

    transition: opacity .5s ease;
}


/* Show overlay */

.markets-section .market-card.active .overlay,
.markets-section .market-card:hover .overlay {
    opacity: 1;
}


/* ==========================================================================
   CONTENT
   ========================================================================== */

.markets-section .market-card .content {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    padding: 26px 24px;

    z-index: 2;

    text-align: left;

    opacity: 0;

    transform: translateY(10px);

    transition:
        opacity .4s ease .1s,
        transform .4s ease .1s;

    white-space: nowrap;
}


/* Show content */

.markets-section .market-card.active .content,
.markets-section .market-card:hover .content {
    opacity: 1;
    transform: translateY(0);

    white-space: normal;
}


/* ==========================================================================
   COUNTRY
   ========================================================================== */

.markets-section .market-card .country {
    display: block;

    font-size: 11px;
    opacity: .8;

    margin-bottom: 6px;

    letter-spacing: .05em;
}


/* ==========================================================================
   CITY TITLE
   ========================================================================== */

.markets-section .market-card h3 {
    font-size: 30px;
    font-weight: 800;

    margin: 0 0 10px;

    color: #fff;
}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.markets-section .market-card .content p {
    font-size: 13px;
    line-height: 1.65;

    color: rgba(255,255,255,.82);

    margin: 0 0 14px;

    max-width: 34ch;
}


/* ==========================================================================
   FEATURES
   ========================================================================== */

.markets-section .market-card ul {
    display: flex;
    flex-direction: column;

    gap: 6px;

    font-size: 12px;
}

.markets-section .market-card ul li {
    display: flex;
    align-items: center;

    gap: 8px;

    color: rgba(255,255,255,.85);
}


/* Orange bullet */

.markets-section .market-card ul li::before {
    content: "";

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: var(--orange);

    flex: none;
}


/* ==========================================================================
   COLLAPSED CARD LABEL
   ========================================================================== */

.markets-section .market-card::after {
    content: attr(data-label);

    position: absolute;

    bottom: 22px;
    left: 0;
    right: 0;

    text-align: center;

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

    color: rgba(255,255,255,.7);

    z-index: 1;

    opacity: 1;

    transition: opacity .3s ease;
}


/* Hide small label when expanded */

.markets-section .market-card.active::after,
.markets-section .market-card:hover::after {
    opacity: 0;
}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 900px) {

    .markets-section .markets-grid {
        flex-direction: column;
        height: auto;
    }

    .markets-section .market-card {
        flex: none;
        height: 90px;

        transition:
            height .5s ease;
    }

    .markets-section .market-card.active,
    .markets-section .market-card:hover {
        height: 300px;
    }

    .markets-section .market-card::after {
        top: 50%;
        bottom: auto;

        transform: translateY(-50%);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72f198d *//*==================================================
COMPARISON SECTION
==================================================*/

.comparison-section{

    background:#FFFFFF;

    padding:120px 0;

    position:relative;

    overflow:hidden;

}

.comparison-section *{

    box-sizing:border-box;

}

.comparison-section .container{

    width:92%;

    max-width:1400px;

    margin:auto;

}

/*==================================================
HEADER
==================================================*/

.comparison-header{

    max-width:1020px;

    margin:0 auto 80px;

    text-align:center;

}

.comparison-header .section-label{

    display:inline-flex;

    align-items:center;

    gap:14px;

    color:#F26A21;

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:12px;

    font-weight:600;

}

.comparison-header .section-label::before,
.comparison-header .section-label::after{

    content:"";

    width:45px;

    height:1px;

    background:#F26A21;

    opacity:.4;

}

.comparison-header h2{

    margin:22px 0;

    color:#1C1C1C;

    font-family:"bebas neue",serif;

    font-size:68px;

    line-height:1.08;

    font-weight:400;

    letter-spacing:-1.5px;

}

.comparison-header h2 span{

    display:block;

    color:#080808;

    font-style:italic;

    margin-top:8px;

}

.comparison-header p{

    max-width:760px;

    margin:auto;

    color:#666;

    font-size:18px;

    line-height:1.9;

}

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

.comparison-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:32px;

    margin-bottom:70px;

}

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

.comparison-card{

    background:#fff;

    border:1px solid #ECE6DE;

    border-radius:24px;

    padding:45px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:620px;

}

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

.card-top{

    margin-bottom:35px;

}

.card-top .country{

    display:block;

    color:#F26A21;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:12px;

    font-weight:700;

    margin-bottom:20px;

}

.card-top h3{

    color:#1C1C1C;

    font-family:"bebas neue",serif;

    font-size:44px;

    line-height:1.1;

    font-weight:500;

    margin-bottom:24px;

}

.card-top p{

    color:#666;

    font-size:17px;

    line-height:1.9;

}

/*==================================================
FEATURE LIST
==================================================*/

.comparison-card ul{

    margin:0;

    padding:0;

    list-style:none;

}

.comparison-card li{

    position:relative;

    padding-left:28px;

    margin-bottom:18px;

    color:#333;

    font-size:16px;

    line-height:1.7;

}

.comparison-card li::before{

    content:"";

    position:absolute;

    left:0;

    top:10px;

    width:8px;

    height:8px;

    border-radius:50%;

    background:#F26A21;

}

/*==================================================
BUTTON
==================================================*/

.card-button{

    margin-top:40px;

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#F26A21;

    text-decoration:none;

    font-weight:600;

    font-size:16px;

}

.card-button span{

    font-size:18px;

}

/*==================================================
BOTTOM CTA
==================================================*/

.comparison-cta{

    text-align:center;

    max-width:760px;

    margin:auto;

}

.comparison-cta h3{

    color:#1C1C1C;

    font-family:"bebas neue",serif;

    font-size:44px;

    margin-bottom:18px;

}

.comparison-cta p{

    color:#666;

    font-size:18px;

    line-height:1.9;

    margin-bottom:35px;

}

.primary-button{

    display:inline-flex;

    align-items:center;

    gap:14px;

    background:#F26A21;

    color:#fff;

    text-decoration:none;

    padding:18px 34px;

    border-radius:999px;

    font-weight:600;

    font-size:16px;

}

/*==================================================
PREMIUM HOVER
==================================================*/

.comparison-card{

    position:relative;

    overflow:hidden;

    transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;

}

.comparison-card:hover{

    transform:translateY(-12px);

    border-color:#F26A21;

    box-shadow:
    0 25px 70px rgba(242,106,33,.12);

}


/*==================================================
TOP ORANGE LINE
==================================================*/

.comparison-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#F26A21;

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;

}

.comparison-card:hover::before{

    transform:scaleX(1);

}


/*==================================================
GLASS LIGHT
==================================================*/

.comparison-card::after{

    content:"";

    position:absolute;

    top:-40%;

    left:-60%;

    width:120%;

    height:180%;

    background:linear-gradient(
        115deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:rotate(18deg);

    transition:1s;

    opacity:0;

}

.comparison-card:hover::after{

    left:120%;

    opacity:1;

}


/*==================================================
TITLE
==================================================*/

.comparison-card:hover h3{

    color:#F26A21;

}


/*==================================================
FEATURES
==================================================*/

.comparison-card li{

    transition:.35s;

}

.comparison-card:hover li{

    padding-left:34px;

}

.comparison-card li::before{

    transition:.35s;

}

.comparison-card:hover li::before{

    transform:scale(1.35);

}


/*==================================================
BUTTON
==================================================*/

.card-button{

    transition:.35s;

}

.card-button:hover{

    gap:18px;

}

.card-button span{

    transition:.35s;

}

.card-button:hover span{

    transform:translateX(6px);

}


/*==================================================
CTA BUTTON
==================================================*/

.primary-button{

    transition:
    background .35s,
    transform .35s,
    box-shadow .35s;

}

.primary-button:hover{

    background:#db5817;

    transform:translateY(-4px);

    box-shadow:
    0 18px 40px rgba(242,106,33,.25);

}


/*==================================================
IMAGE PLACEHOLDER
==================================================*/

.comparison-card{

    background-image:

    radial-gradient(circle at top right,
    rgba(242,106,33,.05),
    transparent 35%);

}

/*==================================================
RESPONSIVE
==================================================*/

@media (max-width:1200px){

    .comparison-header h2{

        font-size:58px;

    }

    .comparison-grid{

        gap:24px;

    }

    .comparison-card{

        min-height:580px;

        padding:40px;

    }

}


@media (max-width:991px){

    .comparison-section{

        padding:90px 0;

    }

    .comparison-grid{

        grid-template-columns:1fr;

    }

    .comparison-card{

        min-height:auto;

    }

    .comparison-header{

        margin-bottom:60px;

    }

}


@media (max-width:768px){

    .comparison-section{

        padding:70px 0;

    }

    .comparison-header h2{

        font-size:44px;

        line-height:1.15;

    }

    .comparison-header p{

        font-size:16px;

    }

    .comparison-card{

        padding:32px;

        border-radius:18px;

    }

    .card-top h3{

        font-size:36px;

    }

    .comparison-cta h3{

        font-size:34px;

    }

}


@media (max-width:480px){

    .comparison-header h2{

        font-size:34px;

    }

    .comparison-card{

        padding:26px;

    }

    .card-top h3{

        font-size:30px;

    }

    .comparison-card li{

        font-size:15px;

    }

    .comparison-cta h3{

        font-size:30px;

    }

    .primary-button{

        width:100%;

        justify-content:center;

    }

}


/*==================================================
FOCUS STATES
==================================================*/

.card-button:focus,
.primary-button:focus{

    outline:3px solid rgba(242,106,33,.25);

    outline-offset:4px;

}


/*==================================================
TEXT SELECTION
==================================================*/

::selection{

    background:#F26A21;

    color:#ffffff;

}

::-moz-selection{

    background:#F26A21;

    color:#ffffff;

}


/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#F5F5F5;

}

::-webkit-scrollbar-thumb{

    background:#F26A21;

    border-radius:30px;

}

::-webkit-scrollbar-thumb:hover{

    background:#D95A1A;

}


/*==================================================
PERFORMANCE
==================================================*/

.comparison-card{

    backface-visibility:hidden;

    will-change:transform;

}

.comparison-card h3{

    text-rendering:optimizeLegibility;

}

.comparison-card img{

    display:block;

    max-width:100%;

}


/*==================================================
FINAL POLISH
==================================================*/

.comparison-grid{

    align-items:stretch;

}

.comparison-card>*:last-child{

    margin-top:auto;

}/* End custom CSS */