.elementor-5413 .elementor-element.elementor-element-01188ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5413 .elementor-element.elementor-element-b8ece5d{--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-5413 .elementor-element.elementor-element-b8ece5d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-5413 .elementor-element.elementor-element-d68192b{text-align:center;}.elementor-5413 .elementor-element.elementor-element-d68192b .elementor-heading-title{color:#269FE5;}.elementor-widget-text-editor{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-5413 .elementor-element.elementor-element-2af49ca{text-align:center;}.elementor-5413 .elementor-element.elementor-element-3d333cf{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-5413 .elementor-element.elementor-element-9b43949 .btn-primary{gap:5px!important;background:#C9F1FE;}.elementor-5413 .elementor-element.elementor-element-9b43949 .btn-primary:hover{background:#269FE5!important;}.elementor-5413 .elementor-element.elementor-element-9b43949 .btn-primary:before,.elementor-5413 .elementor-element.elementor-element-9b43949 .btn-primary:after{border-color:#269FE5;}.elementor-5413 .elementor-element.elementor-element-58915ba .btn-primary{gap:5px!important;background:#C9F1FE;}.elementor-5413 .elementor-element.elementor-element-58915ba .btn-primary:hover{background:#269FE5!important;}.elementor-5413 .elementor-element.elementor-element-58915ba .btn-primary:before,.elementor-5413 .elementor-element.elementor-element-58915ba .btn-primary:after{border-color:#269FE5;}.elementor-5413 .elementor-element.elementor-element-307a10f{--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-5413 .elementor-element.elementor-element-307a10f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-5413 .elementor-element.elementor-element-496e932 img{width:100%;max-width:100%;opacity:1;border-radius:100px 100px 100px 100px;}.elementor-5413 .elementor-element.elementor-element-1b44a33{--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-5413 .elementor-element.elementor-element-e4e14ea > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-5413 .elementor-element.elementor-element-f4e6cd6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5413 .elementor-element.elementor-element-f4a630a{--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-5413 .elementor-element.elementor-element-22901eb{--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-5413 .elementor-element.elementor-element-961a1d1{--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-5413 .elementor-element.elementor-element-f30bf4b{--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;}@media(max-width:992px){.elementor-5413 .elementor-element.elementor-element-3d333cf{--grid-auto-flow:row;}}@media(min-width:769px){.elementor-5413 .elementor-element.elementor-element-b8ece5d{--width:37.405%;}.elementor-5413 .elementor-element.elementor-element-307a10f{--width:73.778%;}.elementor-5413 .elementor-element.elementor-element-f4a630a{--width:25%;}.elementor-5413 .elementor-element.elementor-element-22901eb{--width:25%;}.elementor-5413 .elementor-element.elementor-element-961a1d1{--width:25%;}.elementor-5413 .elementor-element.elementor-element-f30bf4b{--width:25%;}}@media(max-width:768px){.elementor-5413 .elementor-element.elementor-element-3d333cf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5413 .elementor-element.elementor-element-496e932 > .elementor-widget-container{margin:-12px -54px -54px -54px;}.elementor-5413 .elementor-element.elementor-element-496e932 img{width:100%;max-width:100%;border-radius:0px 0px 0px 0px;}.elementor-5413 .elementor-element.elementor-element-f4e6cd6{--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-e4e14ea */.otino-pro{

    padding:120px 20px;
    background:#fff;
    direction:rtl;

}

.otino-pro .container{

    max-width:1350px;
    margin:auto;

}

.otino-pro .top{

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
    margin-bottom:70px;

}

.otino-pro .content{

    flex:1;

}

.otino-pro .preview{

    width:42%;

}

.image-placeholder{

    height:470px;
    border-radius:30px;
    background:linear-gradient(135deg,#d6f9ff,#ffffff);
    border:2px dashed #58bddb;

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

    color:#269fe5;
    font-size:24px;
    font-weight:700;

}

.badge{

    display:inline-flex;
    padding:10px 22px;

    border-radius:100px;

    background:#d6f9ff;
    color:#269fe5;

    font-weight:700;
    margin-bottom:20px;

}

.otino-pro h2{

    font-size:46px;
    margin-bottom:25px;
    line-height:1.4;

}

.otino-pro p{

    color:#666;
    font-size:18px;
    line-height:2;

}

.cards{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;

}

.card{

    background:white;

    border-radius:28px;

    padding:30px;

    box-shadow:
    0 15px 45px rgba(0,0,0,.05);

    transition:.35s;

    border:1px solid #eef5fa;

}

.card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 60px rgba(38,159,229,.15);

    border-color:#58bddb;

}

.icon{

    width:95px;
    height:95px;

    border-radius:24px;

    background:#f6fbff;

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

    margin-bottom:25px;

    color:#269fe5;

    font-weight:700;

    font-size:22px;

}

.card h3{

    font-size:22px;
    margin-bottom:15px;

}

.card p{

    font-size:15px;
    line-height:1.9;
    color:#666;

}

@media(max-width:1100px){

.top{

flex-direction:column-reverse;

}

.preview{

width:100%!important;

}

.content{

text-align:center;

}

.cards{

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

}

}

@media(max-width:700px){

.cards{

grid-template-columns:1fr;

}

.image-placeholder{

height:300px;

}

.otino-pro h2{

font-size:34px;

}

}/* End custom CSS */