/* ======================================================
   HERO STATS BAR
====================================================== */

.hero-stats-bar{

    position:relative;
    z-index:20;
	padding-top: 40px;

}

.hero-stat-item{

    padding:22px 15px 18px;

}

.hero-stat-item-last{

    border-right:none;

}

.hero-stat-number{

    margin-bottom:8px;

    color:#E84E1B;

    font-size:50px;
    line-height:1;

    font-weight:700;

    letter-spacing:-0.02em;

}

.hero-stat-label{

    color:#fff;

    font-size:13px;
    line-height:1.35;

    font-weight:400;

    letter-spacing:.14em;

    text-transform:uppercase;

}


/* ======================================================
   TABLET
====================================================== */

@media (max-width:991px){

    .hero-stat-item{

        border-right:none;
        border-bottom:1px solid rgba(24,47,72,.08);

    }

    .hero-stats-bar .row > div:nth-last-child(-n+2) .hero-stat-item{

        border-bottom:none;

    }

    .hero-stat-number{

        font-size:46px;

    }

}


/* ======================================================
   MOBILE
====================================================== */

@media (max-width:575px){

    .hero-stat-item{

        padding:18px 10px;

    }

    .hero-stat-number{

        font-size:36px;

    }

    .hero-stat-label{

        font-size:11px;
        letter-spacing:.08em;

    }

}


/* =====================================================
   HOMEPAGE SERVICES
===================================================== */

.homepage-services-section{
    position:relative;
    overflow:hidden;
    background:#FAFBFC;
    color:#182F48;
	padding-bottom: 80px !important;
}


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

.homepage-services-heading{
    max-width:920px;
    margin:0 auto 58px;
}

.homepage-services-title{
    margin:0 0 14px;
    color:#182F48;
    font-size:45px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.homepage-services-title span{
    color:#E84E1B;
}

.homepage-services-description{
    max-width:900px;
    margin:0 auto;
    color:rgba(24,47,72,.82);
    font-size:17px;
    line-height:1.55;
}

/* =====================================================
   CARDS
===================================================== */

.homepage-services-row{
    align-items:stretch;
}

.homepage-services-card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    height:100%;
    min-height:230px;
    margin-top:34px;
    padding:59px 26px 28px;
    background:#fff;
    border:1px solid #FFE3DA;
    border-radius:13px;
    text-align:center;
    box-shadow:0 5px 15px rgba(24,47,72,.05);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.homepage-services-card:hover{
    transform:translateY(-6px);
    border-color:rgba(232,78,27,.45);
    box-shadow:0 18px 35px rgba(24,47,72,.12);
}

/* =====================================================
   ICON
===================================================== */

.homepage-services-icon{
    position:absolute;
    top:-36px;
    left:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    border-radius:14px;
    background:#E84E1B;
    transform:translateX(-50%);
    box-shadow:0 8px 20px rgba(232,78,27,.18);
}

.homepage-services-icon img{
    display:block;
    width:42px;
    height:42px;
    object-fit:contain;
}

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

.homepage-services-card h3{
    margin:0 0 10px;
    color:#182F48;
    font-size:21px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.homepage-services-card p{
    max-width:245px;
    margin:0 auto 0px;
    color:rgba(24,47,72,.67);
    font-size:16px;
    line-height:1.55;
}

.homepage-services-card a{
    display:inline-flex;
    align-items:center;
    gap:3px;
    margin-top:auto;
    color:#E84E1B;
    font-size:15px;
    line-height:1.2;
    font-weight:600;
    text-decoration:none;
    transition:color .2s ease;
}

.homepage-services-card a span{
    display:inline-block;
    transition:transform .2s ease;
}

.homepage-services-card a:hover span{
    transform:translateX(4px);
}

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

@media (max-width:1199px){

    .homepage-services-card{
        padding-left:20px;
        padding-right:20px;
    }

    .homepage-services-card h3{
        font-size:19px;
    }

    .homepage-services-card p{
        font-size:15px;
    }

}

@media (max-width:991px){

    .homepage-services-heading{
        margin-bottom:42px;
    }

    .homepage-services-title{
        font-size:39px;
    }

    .homepage-services-card{
        min-height:245px;
    }

}

@media (max-width:767px){

    .homepage-services-title{
        font-size:34px;
    }

    .homepage-services-description{
        font-size:16px;
    }

}

@media (max-width:575px){

    .homepage-services-section{
        padding-top:45px !important;
        padding-bottom:45px !important;
    }

    .homepage-services-heading{
        margin-bottom:34px;
    }

    .homepage-services-title{
        font-size:30px;
    }

    .homepage-services-card{
        min-height:auto;
        margin-top:32px;
        padding-top:56px;
    }

}


/* ======================================================
   MICROSOFT 365 HOMEPAGE SECTION
====================================================== */

.m365-home-section{
    position:relative;
    overflow:visible;   /* oluline */
    background:#FAFBFC;
    color:#182F48;
}

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

.m365-home-content{
    position:relative;
    z-index:2;
    height:100%;
}

.m365-home-section .primend-subtitle{
    display:block;
    margin-bottom:17px;
    color:#E84E1B;
    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.m365-home-title{
    max-width:520px;
    margin:0 0 18px;
    color:#182F48;
    font-size:46px;
    line-height:1.17;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.m365-home-title span{
    color:#20AAB8;
}

.m365-home-description{
    max-width:520px;
    margin:0 0 25px;
    color:rgba(24,47,72,.84);
    font-size:17px;
    line-height:1.7;
}

/* ======================================================
   PRIMEND ADDED VALUE BOX
====================================================== */

.m365-home-value-box{
    max-width:525px;
    margin-bottom:25px;
    padding:18px 20px 14px;
    border:1px solid rgba(232,78,27,.40);
    border-radius:8px;
    background:#FFF7F4;
}

.m365-home-value-title{
    display:block;
    margin-bottom:11px;
    color:#E84E1B;
    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.m365-home-value-list{
    margin:0;
    padding:0;
    list-style:none;
}

.m365-home-value-list li{
    position:relative;
    margin-bottom:7px;
    padding-left:35px;
    color:#182F48;
    font-size:15px;
    line-height:1.4;
}

.m365-home-value-list li::before{
    content:"✓";
    position:absolute;
    top:-1px;
    left:8px;
    color:#E84E1B;
    font-size:20px;
    line-height:1;
    font-weight:700;
}

.m365-home-value-list strong{
    font-weight:700;
}

.m365-home-value-list span{
    font-weight:400;
}

/* ======================================================
   TEXT LINK
====================================================== */

.m365-home-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#E84E1B;
    font-size:15px;
    line-height:1.2;
    font-weight:700;
    text-decoration:none;
}

.m365-home-link span{
    transition:transform .2s ease;
}

.m365-home-link:hover{
    color:#C83D12;
}

.m365-home-link:hover span{
    transform:translateX(4px);
}

/* ======================================================
   RIGHT CARDS
====================================================== */

.m365-home-cards{
    position:relative;
    z-index:2;
}

.m365-home-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:100%;
    min-height:195px;
    padding:28px 20px 24px;
    border:1px solid rgba(232,78,27,.20);
    border-radius:12px;
    background:#fff;
    text-align:center;
    box-shadow:0 5px 15px rgba(24,47,72,.04);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.m365-home-card:hover{
    transform:translateY(-4px);
    border-color:rgba(232,78,27,.40);
    box-shadow:0 15px 30px rgba(24,47,72,.10);
}

.m365-home-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    margin-bottom:16px;
    border-radius:14px;
    background:#FFF0EB;
}

.m365-home-icon img{
    display:block;
    width:30px;
    height:30px;
    object-fit:contain;
}

.m365-home-card h3{
    margin:0 0 10px;
    color:#182F48;
    font-size:19px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.m365-home-card p{
    max-width:285px;
    margin:0;
    color:rgba(24,47,72,.68);
    font-size:14px;
    line-height:1.55;
}

/* ======================================================
   FIGMA RECTANGLE 323
====================================================== */

.m365-home-yellow-circle{

    position:absolute;

    width:323px;
    height:323px;

    border-radius:50%;
    background:#F9B300;

    right:-200px;
    bottom:-245px;

    z-index:-1;
}

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

@media (max-width:1199px){

    .m365-home-title{
        font-size:40px;
    }

    .m365-home-description{
        font-size:16px;
    }

    .m365-home-card{
        min-height:210px;
    }

}

@media (max-width:991px){

    .m365-home-title,
    .m365-home-description,
    .m365-home-value-box{
        max-width:none;
    }

    .m365-home-yellow-shape{
        right:-130px;
        bottom:-125px;
    }

}

@media (max-width:767px){

    .m365-home-title{
        font-size:34px;
    }

    .m365-home-card{
        min-height:190px;
    }

}

@media (max-width:575px){

    .m365-home-section{
        padding-top:45px !important;
        padding-bottom:60px !important;
    }

    .m365-home-title{
        font-size:30px;
    }

    .m365-home-value-box{
        padding:18px 16px 13px;
    }

    .m365-home-value-list li{
        padding-left:29px;
        font-size:14px;
    }

    .m365-home-value-list li::before{
        left:4px;
    }

    .m365-home-card{
        min-height:auto;
        padding:26px 18px;
    }

    .m365-home-yellow-shape{
        right:-185px;
        bottom:-135px;
    }

}

/* ======================================================
   MICROSOFT 365 / YELLOW CIRCLE
====================================================== */

.m365-home-section{
    position:relative;
    z-index:1;
    overflow:visible;
    background:#FAFBFC;
}

.m365-home-section .container{
    position:relative;
    z-index:3;
}

.m365-home-card{
    position:relative;
    z-index:3;
}

/*
323 px kollane ring.

Ring on eelmise sektsiooni sees, kuid ulatub sellest välja.
Cybersecurity sektsioon tuleb ringist kõrgema z-indexiga
ning katab ringi alumise osa.
*/
.m365-home-yellow-circle{
    position:absolute;
    right:-118px;
    bottom:-220px;
    z-index:1;

    width:323px;
    height:323px;

    border-radius:50%;
    background:#F9B300;

    pointer-events:none;
}


/* ======================================================
   CYBERSECURITY SECTION
====================================================== */

.cyber-home-section{
    position:relative;
    z-index:2;
    overflow:hidden;

    background:#273F59;
    color:#fff;
}

.cyber-home-section .container{
    position:relative;
    z-index:2;
}


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

.cyber-home-heading{
    max-width:980px;
    margin:0 auto 48px;
}

.cyber-home-subtitle{
    display:block;
    margin-bottom:14px;

    color:#E84E1B;

    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.cyber-home-title{
    margin:0 0 17px;

    color:#fff;

    font-size:46px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.cyber-home-title span{
    color:#E84E1B;
}

.cyber-home-intro{
    margin:0 auto 16px;

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

    font-size:15px;
    line-height:1.55;
}

.cyber-home-description{
    margin:0 auto 24px;

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

    font-size:15px;
    line-height:1.55;
}


/* ======================================================
   TAGS
====================================================== */

.cyber-home-tags{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:7px;
}

.cyber-home-tags span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:31px;
    padding:6px 14px;

    border:1px solid rgba(255,255,255,.85);
    border-radius:30px;

    color:#fff;
    background:transparent;

    font-size:12px;
    line-height:1;
    font-weight:600;
    white-space:nowrap;
}


/* ======================================================
   CARDS
====================================================== */

.cyber-home-grid{
    align-items:stretch;
}

.cyber-home-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    height:100%;
    min-height:225px;
    padding:30px 28px;

    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;

    background:#38516A;
    text-align:center;

    box-shadow:0 14px 32px rgba(0,0,0,.16);

    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease;
}

.cyber-home-card:hover{
    transform:translateY(-5px);
    background:#405A73;
    box-shadow:0 22px 42px rgba(0,0,0,.22);
}

.cyber-home-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:60px;
    height:60px;
    margin-bottom:18px;

    border-radius:15px;

    background:rgba(232,78,27,.14);
}

.cyber-home-icon img{
    display:block;

    width:37px;
    height:37px;

    object-fit:contain;
}

.cyber-home-card h3{
    margin:0 0 10px;

    color:#fff;

    font-size:20px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.cyber-home-card p{
    max-width:320px;
    margin:0;

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

    font-size:16px;
    line-height:1.5;
}


/* ======================================================
   BOTTOM ROW
====================================================== */

.cyber-home-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    margin-top:48px;
}

.cyber-home-note{
    display:flex;
    align-items:center;
    gap:9px;
}

.cyber-home-note p{
    margin:0;

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

    font-size:14px;
    line-height:1.45;
}

.cyber-home-triangle{
    display:block;
    flex:0 0 auto;

    width:0;
    height:0;

    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:15px solid #F9B300;
}

.cyber-home-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    min-height:46px;
    padding:12px 24px;

    border-radius:40px;

    background:#E84E1B;
    color:#fff;

    font-size:15px;
    line-height:1.2;
    font-weight:700;
    text-decoration:none;

    transition:
        background-color .2s ease,
        transform .2s ease;
}

.cyber-home-button span{
    transition:transform .2s ease;
}

.cyber-home-button:hover{
    background:#CB3E12;
    color:#fff;
    transform:translateY(-2px);
}

.cyber-home-button:hover span{
    transform:translateX(4px);
}


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

@media (max-width:1199px){

    .cyber-home-title{
        font-size:41px;
    }

    .cyber-home-card{
        min-height:235px;
        padding-left:22px;
        padding-right:22px;
    }

    .m365-home-yellow-circle{
        right:-150px;
        bottom:-220px;
    }

}

@media (max-width:991px){

    .cyber-home-heading{
        margin-bottom:40px;
    }

    .cyber-home-card{
        min-height:215px;
    }

    .m365-home-yellow-circle{
        right:-185px;
        bottom:-230px;
    }

}

@media (max-width:767px){

    .cyber-home-title{
        font-size:34px;
    }

    .cyber-home-intro br,
    .cyber-home-description br{
        display:none;
    }

    .cyber-home-bottom{
        align-items:flex-start;
        flex-direction:column;
    }

    .cyber-home-button{
        width:100%;
    }

    .m365-home-yellow-circle{
        right:-220px;
        bottom:-235px;
    }

}

@media (max-width:575px){

    .cyber-home-section{
        padding-top:55px !important;
        padding-bottom:55px !important;
    }

    .cyber-home-title{
        font-size:30px;
    }

    .cyber-home-intro,
    .cyber-home-description{
        font-size:14px;
    }

    .cyber-home-tags{
        gap:6px;
    }

    .cyber-home-tags span{
        padding:6px 11px;
        font-size:11px;
    }

    .cyber-home-card{
        min-height:auto;
        padding:28px 20px;
    }

    .cyber-home-card p{
        font-size:15px;
    }

    .m365-home-yellow-circle{
        right:-240px;
        bottom:-245px;
    }

}

/* ======================================================
   IT SUPPORT & MANAGEMENT SECTION
====================================================== */

.it-home-section{
    position:relative;
    z-index:1;
    overflow:visible;

    background:#FAFBFC;
    color:#182F48;
}

.it-home-section .container{
    position:relative;
    z-index:3;
}


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

.it-home-subtitle{
    display:block;
    margin-bottom:14px;

    color:#E84E1B;

    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.it-home-title{
    max-width:520px;
    margin:0;

    color:#182F48;

    font-size:46px;
    line-height:1.17;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.it-home-title span{
    display:block;
    color:#20AAB8;
}

.it-home-description{
    max-width:610px;
    margin:0;

    color:rgba(24,47,72,.84);

    font-size:17px;
    line-height:1.65;
}


/* ======================================================
   CARDS
====================================================== */

.it-home-row{
    position:relative;
    z-index:3;
    align-items:stretch;
}

.it-home-card{
    position:relative;
    z-index:3;

    display:flex;
    flex-direction:column;
    align-items:center;

    height:100%;
    min-height:310px;
    padding:34px 34px 28px;

    border:1px solid rgba(232,78,27,.20);
    border-radius:13px;

    background:#fff;

    text-align:center;

    box-shadow:0 12px 32px rgba(24,47,72,.10);

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

.it-home-card:hover{
    transform:translateY(-5px);

    border-color:rgba(232,78,27,.40);

    box-shadow:0 20px 42px rgba(24,47,72,.15);
}


/* ======================================================
   ICON
====================================================== */

.it-home-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:60px;
    height:60px;
    margin-bottom:18px;

    border-radius:15px;

    background:#FFF0EB;
}

.it-home-icon img{
    display:block;

    width:35px;
    height:35px;

    object-fit:contain;
}


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

.it-home-card h3{
    margin:0 0 11px;

    color:#182F48;

    font-size:20px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.it-home-card p{
    max-width:330px;
    margin:0 0 20px;

    color:rgba(24,47,72,.68);

    font-size:16px;
    line-height:1.55;
}

.it-home-card a{
    display:inline-flex;
    align-items:center;
    gap:6px;

    margin-top:auto;

    color:#E84E1B;

    font-size:15px;
    line-height:1.2;
    font-weight:700;
    text-decoration:none;
}

.it-home-card a span{
    display:inline-block;
    transition:transform .2s ease;
}

.it-home-card a:hover{
    color:#C83D12;
}

.it-home-card a:hover span{
    transform:translateX(4px);
}


/* ======================================================
   DECORATIVE 318 PX TEAL CIRCLE
====================================================== */

.it-home-teal-circle{

    position:absolute;

    width:323px;
    height:323px;

    border-radius:50%;
    background:#20AAB8;

    right:-200px;
    bottom:-245px;

    z-index:3;
}


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

@media (max-width:1199px){

    .it-home-title{
        font-size:41px;
    }

    .it-home-description{
        font-size:16px;
    }

    .it-home-card{
        min-height:325px;
        padding-left:25px;
        padding-right:25px;
    }

    .it-home-teal-circle{
        right:-150px;
        bottom:-220px;
    }

}

@media (max-width:991px){

    .it-home-title,
    .it-home-description{
        max-width:none;
    }

    .it-home-card{
        min-height:auto;
    }

    .it-home-teal-circle{
        right:-185px;
        bottom:-225px;
    }

}

@media (max-width:767px){

    .it-home-title{
        font-size:34px;
    }

    .it-home-card{
        padding:30px 24px 27px;
    }

    .it-home-teal-circle{
        right:-215px;
        bottom:-230px;
    }

}

@media (max-width:575px){

    .it-home-section{
        padding-top:50px !important;
        padding-bottom:60px !important;
    }

    .it-home-title{
        font-size:30px;
    }

    .it-home-description{
        font-size:15px;
    }

    .it-home-card{
        padding:27px 20px 25px;
    }

    .it-home-card p{
        font-size:15px;
    }

    .it-home-teal-circle{
        right:-235px;
        bottom:-235px;
    }

}

/* ======================================================
   HOW WE WORK TOGETHER
====================================================== */

.process-home-section{
    position:relative;
    z-index:1;
    overflow:hidden;

    background:#FAFBFC;
    color:#182F48;
}

.process-home-section .container{
    position:relative;
    z-index:2;
}


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

.process-home-subtitle{
    display:block;
    margin-bottom:14px;

    color:#E84E1B;

    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.process-home-title{
    max-width:570px;
    margin:0;

    color:#182F48;

    font-size:46px;
    line-height:1.17;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.process-home-title span{
    display:block;
    color:#E84E1B;
}

.process-home-description{
    max-width:610px;
    margin:0;

    color:rgba(24,47,72,.84);

    font-size:17px;
    line-height:1.65;
}


/* ======================================================
   PROCESS ROW
====================================================== */

.process-home-row{
    position:relative;
    z-index:2;

    align-items:stretch;

    padding-top:66px;
}

.process-home-row > div{
    position:relative;
}

.process-home-step{
    position:relative;
    height:100%;
}


/* ======================================================
   ICONS
====================================================== */

.process-home-icon{
    position:absolute;
    top:-66px;
    left:50%;
    z-index:4;

    display:flex;
    align-items:center;
    justify-content:center;

    width:52px;
    height:52px;

    border:2px solid #E84E1B;
    border-radius:50%;

    background:#fff;

    transform:translateX(-50%);
}

.process-home-icon img{
    display:block;

    width:25px;
    height:25px;

    object-fit:contain;
}


/* ======================================================
   ARROWS BETWEEN ICONS
====================================================== */

/*
Nool lisatakse iga sammu järele automaatselt.
Viimase sammu järel nool puudub.
*/

.process-home-step::after{
    content:"";

    position:absolute;
    top:-46px;
    left:calc(50% + 40px);
    z-index:3;

    width:calc(100% - 62px);
    height:12px;

    background:
        url("/images/front/long_arrow.png")
        left center / 100% 12px
        no-repeat;

    pointer-events:none;
}

.process-home-row > div:last-child .process-home-step::after{
    display:none;
}


/* ======================================================
   STEP CARDS
====================================================== */

.process-home-card{
    height:100%;
    min-height:232px;

    padding:30px 24px 26px;

    border:1px solid rgba(232,78,27,.18);
    border-radius:13px;

    background:#fff;

    box-shadow:0 12px 32px rgba(24,47,72,.10);

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

.process-home-card:hover{
    transform:translateY(-5px);

    border-color:rgba(232,78,27,.40);

    box-shadow:0 20px 42px rgba(24,47,72,.15);
}

.process-home-step-label{
    display:block;
    margin-bottom:18px;

    color:#E84E1B;

    font-size:11px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.process-home-card h3{
    margin:0 0 12px;

    color:#182F48;

    font-size:20px;
    line-height:1.22;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.process-home-card p{
    margin:0;

    color:rgba(24,47,72,.68);

    font-size:15px;
    line-height:1.5;
}


/* ======================================================
   BOTTOM INFO
====================================================== */

.process-home-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    margin-top:52px;
}

.process-home-info{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:30px;
}

.process-home-item{
    display:flex;
    align-items:center;
    gap:10px;

    color:#182F48;
    font-size:15px;
    line-height:1.4;
    font-weight:500;
}

.process-home-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    flex:0 0 auto;
}

.process-home-dot-orange{
    background:#E84E1B;
}

.process-home-dot-teal{
    background:#20AAB8;
}


/* ======================================================
   TABLET
====================================================== */

@media (max-width:1199px){

    .process-home-title{
        font-size:41px;
    }

    .process-home-description{
        font-size:16px;
    }

    .process-home-card{
        min-height:250px;
        padding-left:20px;
        padding-right:20px;
    }

}


/* ======================================================
   MOBILE / TABLET STACK
====================================================== */

@media (max-width:991px){

    .process-home-title,
    .process-home-description{
        max-width:none;
    }

    .process-home-row{
        padding-top:0;
    }

    .process-home-step{
        padding-top:32px;
    }

    .process-home-icon{
        top:0;
    }

    /*
    Kaheveerulises vaates ei ole horisontaalsed
    ikoonidevahelised nooled enam loogilised.
    */

    .process-home-step::after{
        display:none;
    }

    .process-home-card{
        min-height:220px;
        padding-top:54px;
    }

}


/* ======================================================
   MOBILE
====================================================== */

@media (max-width:767px){

    .process-home-title{
        font-size:34px;
    }

    .process-home-bottom{
        align-items:flex-start;
        flex-direction:column;
    }

    .process-home-dots{
        width:180px;
    }

    .process-home-button{
        width:100%;
    }

}

@media (max-width:575px){

    .process-home-section{
        padding-top:50px !important;
        padding-bottom:55px !important;
    }

    .process-home-title{
        font-size:30px;
    }

    .process-home-description{
        font-size:15px;
    }

    .process-home-card{
        min-height:auto;
        padding:52px 20px 25px;
    }

}

/* ======================================================
   STRATEGIC ECOSYSTEM
====================================================== */

.ecosystem-home-section{
    position:relative;
    overflow:hidden;

    background:#273F59;
    color:#fff;
}

.ecosystem-home-section .container{
    position:relative;
    z-index:2;
}


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

.ecosystem-home-subtitle{
    display:block;
    margin-bottom:14px;

    color:#E84E1B;

    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.ecosystem-home-title{
    max-width:520px;
    margin:0;

    color:#fff;

    font-size:46px;
    line-height:1.17;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.ecosystem-home-title span{
    display:block;
    color:#20AAB8;
}

.ecosystem-home-description{
    max-width:610px;
    margin:0;

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

    font-size:17px;
    line-height:1.65;
}


/* ======================================================
   LOGO BOX
====================================================== */

.ecosystem-home-logo-box{
    overflow:hidden;

    border:1px solid rgba(255,255,255,.12);
    border-radius:13px;

    background:#38516A;

    box-shadow:0 14px 34px rgba(0,0,0,.18);
}

.ecosystem-home-logo{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:110px;
    padding:24px 28px;

    border-right:1px solid rgba(255,255,255,.11);
    border-bottom:1px solid rgba(255,255,255,.11);
}

.ecosystem-home-logo img{
    display:block;

    max-width:100%;
    max-height:58px;

    object-fit:contain;
}


/* eemaldame parempoolse joone igal neljandal elemendil */

.ecosystem-home-logo-box .col-md-3:nth-child(4n) .ecosystem-home-logo{
    border-right:none;
}


/* eemaldame alumise joone alumiselt realt */

.ecosystem-home-logo-box .col-md-3:nth-child(n+5) .ecosystem-home-logo{
    border-bottom:none;
}


/* ======================================================
   AND MORE
====================================================== */

.ecosystem-home-more{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-top:34px;

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

    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.ecosystem-home-more-title{
    color:#E84E1B;

    font-size:14px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.ecosystem-home-separator{
    display:block;

    width:8px;
    height:8px;

    border-radius:50%;

    background:#fff;
}

.ecosystem-home-dot{
    color:rgba(255,255,255,.55);
}


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

@media (max-width:1199px){

    .ecosystem-home-title{
        font-size:41px;
    }

    .ecosystem-home-description{
        font-size:16px;
    }

    .ecosystem-home-logo{
        min-height:105px;
        padding:22px;
    }

}


@media (max-width:991px){

    .ecosystem-home-title,
    .ecosystem-home-description{
        max-width:none;
    }

}


@media (max-width:767px){

    .ecosystem-home-title{
        font-size:34px;
    }

    .ecosystem-home-logo{
        min-height:95px;
        padding:20px;
    }

    .ecosystem-home-logo img{
        max-height:48px;
    }

    /*
    Bootstrap läheb kaheveeruliseks.
    Iga teise elemendi järel eemaldame parempoolse joone.
    */

    .ecosystem-home-logo-box .col-6:nth-child(2n) .ecosystem-home-logo{
        border-right:none;
    }

    .ecosystem-home-logo-box .col-6:nth-child(n+7) .ecosystem-home-logo{
        border-bottom:none;
    }

}


@media (max-width:575px){

    .ecosystem-home-section{
        padding-top:50px !important;
        padding-bottom:50px !important;
    }

    .ecosystem-home-title{
        font-size:30px;
    }

    .ecosystem-home-description{
        font-size:15px;
    }

    .ecosystem-home-logo{
        min-height:86px;
        padding:16px;
    }

    .ecosystem-home-logo img{
        max-height:42px;
    }

    .ecosystem-home-more{
        justify-content:flex-start;
        gap:8px;
        font-size:14px;
    }

}



/* ======================================================
   CUSTOMER STORIES SECTION
====================================================== */

.customer-stories-quote{

    position:absolute;

    top:24px;
    right:24px;

    width:25px;
    height:25px;

    opacity:.18;

}

.customer-stories-quote img{

    display:block;

    width:25px;
    height:25px;

    object-fit:contain;

}

.customer-stories-section{
    position:relative;
    overflow:hidden;
    background:#FAFBFC;
    color:#182F48;
}

.customer-stories-section .container{
    position:relative;
    z-index:2;
}


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

.customer-stories-subtitle{
    display:block;
    margin-bottom:14px;

    color:#E84E1B;

    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.customer-stories-title{
    max-width:620px;
    margin:0;

    color:#182F48;

    font-size:46px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.customer-stories-title span{
    color:#E84E1B;
}

.customer-stories-description{
    max-width:560px;
    margin:0;

    color:rgba(24,47,72,.82);

    font-size:17px;
    line-height:1.65;
}


/* ======================================================
   CAROUSEL
====================================================== */

.customer-stories-carousel .owl-stage{
    display:flex;
}

.customer-stories-carousel .owl-item{
    display:flex;
}

.customer-stories-slide{
    display:flex;
    width:100%;
    height:100%;
}


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

.customer-stories-card{
    position:relative;

    display:flex;
    flex-direction:column;

    width:100%;
    min-height:385px;
    padding:24px;

    overflow:hidden;

    border:1px solid #E84E1B;
    border-radius:15px;

    background:#fff;

    box-shadow:8px 8px 0 #E84E1B;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

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

.customer-stories-card-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;

    margin-bottom:18px;
}

.customer-stories-company{
    color:#182F48;

    font-size:19px;
    line-height:1.2;
    font-weight:700;
    text-transform:uppercase;
}

.customer-stories-category{
    margin-top:7px;

    color:#E84E1B;

    font-size:13px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.customer-stories-quote{
    flex:0 0 auto;

    color:rgba(232,78,27,.17);

    font-size:62px;
    line-height:.72;
    font-weight:700;
}


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

.customer-stories-text{
    flex:1;

    color:#182F48;

    font-size:17px;
    line-height:1.58;
}


/* ======================================================
   FOOTER
====================================================== */

.customer-stories-card-footer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;

    margin-top:22px;
    padding-top:21px;

    border-top:1px solid rgba(232,78,27,.22);
}

.customer-stories-person h3{
    margin:0 0 4px;

    color:#182F48;

    font-size:15px;
    line-height:1.3;
    font-weight:700;
}

.customer-stories-person span{
    display:block;

    color:rgba(24,47,72,.58);

    font-size:13px;
    line-height:1.4;
}

.customer-stories-link{
    display:inline-flex;
    align-items:center;
    gap:6px;

    flex:0 0 auto;

    color:#E84E1B;

    font-size:14px;
    line-height:1.2;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.customer-stories-link span{
    transition:transform .2s ease;
}

.customer-stories-link:hover{
    color:#C83D12;
}

.customer-stories-link:hover span{
    transform:translateX(4px);
}


/* ======================================================
   OWL NAVIGATION
====================================================== */

.customer-stories-carousel .owl-nav{
    display:flex;
    justify-content:flex-end;
    gap:8px;

    margin-top:28px;
}

.customer-stories-carousel .owl-nav button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    border:1px solid rgba(24,47,72,.18) !important;
    border-radius:50% !important;

    background:#fff !important;
    color:#182F48 !important;

    transition:.2s ease;
}

.customer-stories-carousel .owl-nav button:hover{
    border-color:#E84E1B !important;
    background:#E84E1B !important;
    color:#fff !important;
}

.customer-stories-carousel{
    margin-bottom:-14px;
}

.customer-stories-carousel .owl-stage-outer{
    padding:0 10px 16px;
    margin:0 -10px;
}

.customer-stories-carousel .owl-stage{
    display:flex;
}

.customer-stories-carousel .owl-item{
    display:flex;
    padding-bottom:8px;
}


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

@media (max-width:1199px){

    .customer-stories-title{
        font-size:41px;
    }

    .customer-stories-description{
        font-size:16px;
    }

    .customer-stories-card{
        min-height:405px;
    }

}

@media (max-width:991px){

    .customer-stories-title,
    .customer-stories-description{
        max-width:none;
    }

}

@media (max-width:767px){

    .customer-stories-title{
        font-size:34px;
    }

    .customer-stories-card{
        min-height:auto;
    }

}

@media (max-width:575px){

    .customer-stories-section{
        padding-top:50px !important;
        padding-bottom:55px !important;
    }

    .customer-stories-title{
        font-size:30px;
    }

    .customer-stories-card{
        padding:21px;
        box-shadow:6px 6px 0 #E84E1B;
    }

    .customer-stories-text{
        font-size:16px;
    }

    .customer-stories-card-footer{
        align-items:flex-start;
        flex-direction:column;
    }

}


/* ======================================================
   PRIMEND ACADEMY
====================================================== */

.academy-home-section{
    position:relative;
    overflow:hidden;

    background:#273F59;
    color:#fff;
}

.academy-home-section .container{
    position:relative;
    z-index:2;
}


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

.academy-home-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:40px;

    margin-bottom:48px;
}

.academy-home-heading{
    max-width:790px;
}

.academy-home-subtitle{
    display:block;
    margin-bottom:14px;

    color:#fff;

    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.academy-home-title{
    margin:0 0 12px;

    color:#F9B300;

    font-size:46px;
    line-height:1.12;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.academy-home-description{
    max-width:780px;
    margin:0;

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

    font-size:16px;
    line-height:1.7;
}

.academy-home-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    flex:0 0 auto;

    min-height:46px;
    margin-top:2px;
    padding:12px 22px;

    border-radius:40px;

    background:#E84E1B;
    color:#fff;

    font-size:15px;
    line-height:1.2;
    font-weight:700;
    text-decoration:none;

    transition:
        background-color .2s ease,
        transform .2s ease;
}

.academy-home-button span{
    transition:transform .2s ease;
}

.academy-home-button:hover{
    background:#CB3E12;
    color:#fff;
    transform:translateY(-2px);
}

.academy-home-button:hover span{
    transform:translateX(4px);
}


/* ======================================================
   SECTION TITLES
====================================================== */

.academy-home-section-title{
    margin:0 0 13px;

    color:#fff;

    font-size:16px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}


/* ======================================================
   COMMON CARD STYLES
====================================================== */

.academy-home-featured-card,
.academy-home-session-row,
.academy-home-training-card{
    overflow:hidden;

    border-radius:12px;

    background:#fff;
    color:#182F48;
}


/* ======================================================
   FEATURED EVENT
====================================================== */

.academy-home-featured-card{
    height:auto;

    border-radius:12px;
}

.academy-home-featured-image{
    position:relative;
    overflow:hidden;

    height:272px;
}

.academy-home-featured-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}

.academy-home-featured-content{
    padding:22px 20px 23px;
}

.academy-home-featured-content h3{
    max-width:560px;
    margin:16px 0 10px;

    color:#182F48;

    font-size:31px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}


/* ======================================================
   PREVIOUS SESSIONS
====================================================== */

.academy-home-previous-list{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.academy-home-session-row{
    display:grid;
    grid-template-columns:205px minmax(0,1fr);

    min-height:151px;
}

.academy-home-session-image{
    position:relative;
    overflow:hidden;
}

.academy-home-session-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}

.academy-home-session-content{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:17px 20px;
}

.academy-home-session-content h3{
    margin:11px 0 7px;

    color:#182F48;

    font-size:20px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}


/* ======================================================
   TRAININGS
====================================================== */

.academy-home-trainings{
    margin-top:52px;
}

.academy-home-training-card{
    height:100%;
}

.academy-home-training-image{
    position:relative;
    overflow:hidden;

    height:183px;
}

.academy-home-training-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}

.academy-home-training-content{
    padding:18px;
}

.academy-home-training-content h3{
    margin:13px 0 8px;

    color:#182F48;

    font-size:18px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}


/* ======================================================
   BADGES
====================================================== */

.academy-home-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:flex-start;

    min-height:24px;
    padding:5px 12px;

    border-radius:30px;

    color:#fff;

    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.academy-home-badge-webinar{
    background:#E84E1B;
}

.academy-home-badge-workshop{
    background:#20AAB8;
}


/* ======================================================
   META
====================================================== */

.academy-home-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;

    color:rgba(24,47,72,.84);

    font-size:14px;
    line-height:1.45;
}

.academy-home-meta strong{
    color:#20AAB8;
    font-weight:600;
}


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

.academy-home-play{
    position:absolute;
    top:50%;
    left:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    width:54px;
    height:54px;

    border-radius:50%;

    background:rgba(255,255,255,.86);
    text-decoration:none;

    transform:translate(-50%,-50%);

    transition:
        transform .2s ease,
        background-color .2s ease;
}

.academy-home-play-large{
    width:80px;
    height:80px;
}

.academy-home-play span{
    display:block;

    width:0;
    height:0;
    margin-left:4px;

    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:16px solid #E84E1B;
}

.academy-home-play-large span{
    border-top-width:14px;
    border-bottom-width:14px;
    border-left-width:21px;
}

.academy-home-play:hover{
    background:#fff;
    transform:translate(-50%,-50%) scale(1.06);
}


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

@media (max-width:1199px){

    .academy-home-title{
        font-size:41px;
    }

    .academy-home-session-row{
        grid-template-columns:180px minmax(0,1fr);
    }

    .academy-home-session-content h3{
        font-size:18px;
    }

}


@media (max-width:991px){

    .academy-home-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .academy-home-heading{
        max-width:none;
    }

    .academy-home-button{
        margin-top:0;
    }

    .academy-home-featured-image{
        height:310px;
    }

}


@media (max-width:767px){

    .academy-home-title{
        font-size:34px;
    }

    .academy-home-session-row{
        grid-template-columns:150px minmax(0,1fr);
    }

    .academy-home-session-content{
        padding:14px 16px;
    }

    .academy-home-featured-content h3{
        font-size:26px;
    }

}


@media (max-width:575px){

    .academy-home-section{
        padding-top:50px !important;
        padding-bottom:55px !important;
    }

    .academy-home-title{
        font-size:30px;
    }

    .academy-home-description{
        font-size:15px;
    }

    .academy-home-button{
        width:100%;
    }

    .academy-home-featured-image{
        height:220px;
    }

    .academy-home-featured-content h3{
        font-size:23px;
    }

    .academy-home-session-row{
        display:block;
    }

    .academy-home-session-image{
        height:180px;
    }

    .academy-home-training-image{
        height:210px;
    }

}

/* ======================================================
   LATEST NEWS
====================================================== */

.news-home-section{
    position:relative;
    overflow:hidden;

    background:#FAFBFC;
    color:#182F48;
}

.news-home-section .container{
    position:relative;
    z-index:2;
}


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

.news-home-subtitle{
    display:block;
    margin-bottom:14px;

    color:#E84E1B;

    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.news-home-title{
    margin:0 0 12px;

    color:#182F48;

    font-size:46px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.news-home-title span{
    color:#E84E1B;
}

.news-home-description{
    max-width:760px;
    margin:0;

    color:rgba(24,47,72,.78);

    font-size:16px;
    line-height:1.65;
}

.news-home-all-link{
    display:inline-flex;
    align-items:center;
    gap:6px;

    color:#E84E1B;

    font-size:15px;
    font-weight:700;
    text-decoration:none;
}

.news-home-all-link span{
    transition:transform .2s ease;
}

.news-home-all-link:hover{
    color:#C83D12;
}

.news-home-all-link:hover span{
    transform:translateX(4px);
}


/* ======================================================
   OWL CAROUSEL
====================================================== */

.news-home-carousel .owl-stage{
    display:flex;
}

.news-home-carousel .owl-item{
    display:flex;
}

.news-home-slide{
    display:flex;
    width:100%;
    height:100%;
}

.news-home-carousel .owl-stage-outer{
    padding:0 8px 14px;
    margin:0 -8px;
}


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

.news-home-card{
    display:flex;
    flex-direction:column;

    width:100%;
    height:100%;

    overflow:hidden;

    border:1px solid rgba(232,78,27,.18);
    border-radius:14px;

    background:#fff;

    box-shadow:0 8px 24px rgba(24,47,72,.07);

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

/*.news-home-card:hover{
    transform:translateY(-5px);

    border-color:rgba(232,78,27,.38);

    box-shadow:0 18px 36px rgba(24,47,72,.13);
}*/


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

.news-home-image{
    display:block;
    overflow:hidden;

    height:225px;
}

.news-home-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .35s ease;
}

.news-home-card:hover .news-home-image img{
    transform:scale(1.035);
}


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

.news-home-content{
    display:flex;
    flex-direction:column;

    flex:1;

    padding:20px 18px 19px;
}

.news-home-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;

    margin-bottom:16px;
}

.news-home-category{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:25px;
    padding:5px 10px;

    border-radius:30px;

    background:#FFF0EB;
    color:#E84E1B;

    font-size:12px;
    line-height:1;
    font-weight:500;
}

.news-home-date{
    display:inline-flex;
    align-items:center;
    gap:6px;

    color:rgba(24,47,72,.68);

    font-size:13px;
    line-height:1.2;
}

.news-home-date i{
    font-size:13px;
}

.news-home-content h3{
    margin:0 0 12px;

    color:#182F48;

    font-size:20px;
    line-height:1.22;
    font-weight:700;
    letter-spacing:normal;
    text-transform:none;
}

.news-home-content h3 a{
    color:inherit;
    text-decoration:none;
}

.news-home-content h3 a:hover{
    color:#E84E1B;
}

.news-home-content p{
    margin:0 0 17px;

    color:rgba(24,47,72,.66);

    font-size:15px;
    line-height:1.5;
}

.news-home-read-more{
    display:inline-flex;
    align-items:center;
    gap:6px;

    align-self:flex-start;
    margin-top:auto;

    color:#E84E1B;

    font-size:15px;
    line-height:1.2;
    font-weight:700;
    text-decoration:none;
}

.news-home-read-more span{
    transition:transform .2s ease;
}

.news-home-read-more:hover{
    color:#C83D12;
}

.news-home-read-more:hover span{
    transform:translateX(4px);
}


/* ======================================================
   NAVIGATION
====================================================== */

.news-home-carousel .owl-nav{
    display:flex;
    justify-content:flex-end;
    gap:8px;

    margin-top:25px;
}

.news-home-carousel .owl-nav button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    border:1px solid rgba(24,47,72,.18) !important;
    border-radius:50% !important;

    background:#fff !important;
    color:#182F48 !important;

    transition:.2s ease;
}

.news-home-carousel .owl-nav button:hover{
    border-color:#E84E1B !important;
    background:#E84E1B !important;
    color:#fff !important;
}


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

@media (max-width:1199px){

    .news-home-title{
        font-size:41px;
    }

    .news-home-image{
        height:205px;
    }

    .news-home-content h3{
        font-size:18px;
    }

}

@media (max-width:991px){

    .news-home-title{
        font-size:36px;
    }

    .news-home-image{
        height:230px;
    }

}

@media (max-width:767px){

    .news-home-title{
        font-size:34px;
    }

    .news-home-image{
        height:220px;
    }

}

@media (max-width:575px){

    .news-home-section{
        padding-top:50px !important;
        padding-bottom:55px !important;
    }

    .news-home-title{
        font-size:30px;
    }

    .news-home-description{
        font-size:15px;
    }

    .news-home-image{
        height:205px;
    }

    .news-home-content{
        padding:18px 16px;
    }

}

/* ======================================================
   PRIMEND GROUP
====================================================== */

.group-home-section{

    background:#FAFBFC;

}

.group-home-box{

    background:#273F59;

    border-radius:18px;

    padding:70px;

    overflow:hidden;

}


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

.group-home-subtitle{

    display:block;

    margin-bottom:16px;

    color:#FFFFFF;

    font-size:13px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

}

.group-home-title{

    margin:0 0 22px;

    color:#fff;

    font-size:52px;

    line-height:1.15;

    font-weight:700;

}

.group-home-title span{

    display:block;

    color:#E84E1B;

}

.group-home-description{

    max-width:560px;

    margin-bottom:34px;

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

    font-size:18px;

    line-height:1.75;

}


/* ======================================================
   BUTTONS
====================================================== */

.group-home-buttons{

    display:flex;

    gap:14px;

    flex-wrap:wrap;

}

.group-home-button-primary,
.group-home-button-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-height:48px;

    padding:0 24px;

    border-radius:50px;

    text-decoration:none;

    font-size:16px;

    font-weight:700;

    transition:.25s;

}

.group-home-button-primary{

    background:#E84E1B;

    color:#fff;

}

.group-home-button-primary:hover{

    background:#CB4316;

    color:#fff;

}

.group-home-button-secondary{

    border:1px solid rgba(255,255,255,.55);

    color:#fff;

}

.group-home-button-secondary:hover{

    background:#fff;

    color:#273F59;

}


/* ======================================================
   STATS
====================================================== */

.group-home-stat{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    height:110px;

    border-radius:14px;

    background:#fff;

}

.group-home-number{

    margin-bottom:10px;

    color:#E84E1B;

    font-size:44px;

    font-weight:700;

    line-height:1;

}

.group-home-label{

    color:#182F48;

    font-size:15px;

    font-weight:600;

    letter-spacing:.13em;

    text-transform:uppercase;

}


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

@media (max-width:1199px){

    .group-home-box{

        padding:55px;

    }

    .group-home-title{

        font-size:44px;

    }

}

@media (max-width:991px){

    .group-home-box{

        padding:45px;

    }

}

@media (max-width:767px){

    .group-home-box{

        padding:35px 28px;

    }

    .group-home-title{

        font-size:36px;

    }

    .group-home-buttons{

        flex-direction:column;

    }

    .group-home-button-primary,
    .group-home-button-secondary{

        width:100%;

    }

    .group-home-stat{

        height:100px;

    }

    .group-home-number{

        font-size:38px;

    }

}

@media (max-width:575px){

    .group-home-title{

        font-size:30px;

    }

    .group-home-description{

        font-size:16px;

    }

}