.elementor-150 .elementor-element.elementor-element-13a2d093{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#ededed;--border-color:#ededed;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-150 .elementor-element.elementor-element-6126500a{--display:flex;}.elementor-150 .elementor-element.elementor-element-50384ea7{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-150 .elementor-element.elementor-element-1b16ce1c .title{font-size:30px;font-weight:300;line-height:44px;}.elementor-150 .elementor-element.elementor-element-618db7b4 > .elementor-widget-container{padding:0px 0px 35px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#EBEBEB;}.elementor-150 .elementor-element.elementor-element-618db7b4 .wd-text-block{font-size:15px;}.elementor-150 .elementor-element.elementor-element-e5d9f38{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-150 .elementor-element.elementor-element-42d60c2{width:var( --container-widget-width, 50.639% );max-width:50.639%;--container-widget-width:50.639%;--container-widget-flex-grow:0;}.elementor-150 .elementor-element.elementor-element-42d60c2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-150 .elementor-element.elementor-element-7175f03{--display:flex;}@media(max-width:1024px){.elementor-150 .elementor-element.elementor-element-13a2d093{--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;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-150 .elementor-element.elementor-element-1b16ce1c .title{font-size:26px;line-height:36px;}.elementor-150 .elementor-element.elementor-element-618db7b4 .wd-text-block{font-size:14px;}}@media(max-width:767px){.elementor-150 .elementor-element.elementor-element-13a2d093{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-081ecbe *//*=====================================
VALUES SECTION
=====================================*/

.values-section{

    direction:rtl;

    text-align:right;

    padding:100px 7%;

    background:#0B0B0B;

}

.values-section .container{

    max-width:1400px;

    margin:auto;

}

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

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title span{

    display:inline-block;

    padding:10px 24px;

    background:rgba(10,132,255,.12);

    color:#0A84FF;

    border:1px solid rgba(10,132,255,.25);

    border-radius:50px;

    font-size:15px;

    font-weight:700;

    margin-bottom:20px;

}

.section-title h2{

    color:#FFF;

    font-size:46px;

    font-weight:800;

    margin-bottom:20px;

}

.section-title p{

    color:#BEBEBE;

    max-width:760px;

    margin:auto;

    line-height:2;

    font-size:17px;

}

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

.values-grid{

    display:grid;

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

    gap:35px;

}

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

.value-card{

    position:relative;

    overflow:visible;

    background:#151515;

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

    border-radius:24px;

    padding:65px 30px 35px;

    transition:.35s ease;

}

.value-card:hover{

    transform:translateY(-10px);

    border-color:#0A84FF;

    box-shadow:0 20px 45px rgba(10,132,255,.20);

}

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

.value-icon{

    position:absolute;

    top:-28px;

    right:30px;

    width:64px;

    height:64px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#0A84FF,#0062E3);

    color:#FFF;

    font-size:24px;

    box-shadow:0 15px 35px rgba(10,132,255,.35);

    transition:.35s;

}

.value-card:hover .value-icon{

    transform:rotate(10deg) scale(1.08);

}

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

.value-card h3{

    color:#FFF;

    font-size:24px;

    font-weight:800;

    margin-bottom:18px;

}

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

.value-card p{

    color:#BEBEBE;

    line-height:2;

    font-size:16px;

}

/*=========================
GLOW
=========================*/

.value-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:24px;

    padding:1px;

    background:linear-gradient(
        135deg,
        rgba(10,132,255,.35),
        transparent,
        transparent
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

            mask-composite:exclude;

    opacity:0;

    transition:.35s;

}

.value-card:hover::before{

    opacity:1;

}

/*=========================
CENTER LAST ROW
=========================*/

.value-card:nth-child(4){

    grid-column:1;

}

.value-card:nth-child(5){

    grid-column:3;

}

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

@media(max-width:992px){

.values-grid{

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

}

.value-card:nth-child(4),

.value-card:nth-child(5){

    grid-column:auto;

}

.section-title h2{

    font-size:36px;

}

}

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

@media(max-width:767px){

.values-section{

    padding:70px 20px;

}

.values-grid{

    grid-template-columns:1fr;

    gap:25px;

}

.section-title{

    margin-bottom:45px;

}

.section-title h2{

    font-size:30px;

}

.section-title p{

    font-size:15px;

}

.value-card{

    padding:60px 25px 30px;

}

.value-card h3{

    font-size:22px;

}

.value-card p{

    font-size:15px;

}

.value-icon{

    width:58px;

    height:58px;

    right:25px;

    top:-24px;

    font-size:22px;

}

}/* End custom CSS */