/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 18, 2021, 12:24:08 AM
    Author     : baddah
*/

:root {
    --primaryCN: #092E41;
    --secondryCN: #78E6DA;
    --betweenCN: #00DDC5;
    --greyCN: #EFEFEF;
    --white: #ffffff;
    --black: #000;
  }

.bgPrussianBlue{
    background-color: var(--primaryCN) !important;
}

.bgTurquoise{
    background-color: var(--secondryCN) !important;
}

.fontPrussianBlue{
    color: var(--primaryCN) !important;
}

.fontTurquoise{
    color: var(--secondryCN) !important;
}

@font-face {
    font-family: "AristotelicaDisplay";
    src: url(../assets/lib/fonts/Newfonts/AristotelicaSmallCaps-Regular.ttf);
    font-weight: normal;
}
@font-face {
    font-family: "AristotelicaDisplay";
    src: url(../assets/lib/fonts/Newfonts/AristotelicaDisplayDemiBoldTrial.ttf);
    font-weight: bold;
}
@font-face {
    font-family: "AristotelicaDisplay";
    src: url(../assets/lib/fonts/Newfonts/AristotelicaDisplayExtraLightTrial.ttf);
    font-weight: lighter;
}




.titleText{
    will-change: transform, opacity;
    transform: translate3d(0px, 0vh, 0px) scale3d(1, 1, 1) rotateX(
0deg) rotateY(
0deg) rotateZ(
0deg) skew(
0deg, 
0deg);
    transform-style: preserve-3d;
    opacity: 1;
    --word-total: 3;
    --char-total: 22;
    
    
    font-size: 40px;
    font-size: 90px;
}




*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}


.clearfix:after {
clear: both;
}

body{

font-weight: 500;
font-size: 1.05em;
/*font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;*/
}                   



.mercatoScreenImg{
    width: 900px;
}
.sallatScreenImg{
    width: 100%;
}
.arabScreenImg{
    width: 900px;
}
.ramScreenImg{
    width: 650px;
}

.mac-wrapper {
    
    width: 650px;
    height: 406px;
    background: url(../work/macbook.png);
    background-repeat: no-repeat;
    position: absolute;

    cursor: move;
    background-size: contain;

    }

.mac-inner {
    width: 484px;
    height: 302px;    
    margin-left: 83px;
    margin-top: 28px;
    position: relative;
    overflow: hidden;
}

#frame_mac{
    
    cursor: move;
    box-sizing: border-box;
    width: 1244px;
    height: 776px;
    position: relative;
    -webkit-transform: scale(0.4);
    -webkit-transform-origin: 0 0;
    }


 @media only screen and (max-width: 767px) {
    .mercatoScreenImg{
        width: 600px;
    }
    
    .arabScreenImg{
        max-width: 100%;
        height: auto;
    }
    .ramScreenImg{
        width: 310px;
    }

    .titleText{
        font-size: 40px;
    }
    .mac-wrapper{
        transform: scale(0.5);
    }

}




/*****************************************/
/*****************************************/
/*****************************************/
.seerviceIcon{
/*    width: 100%;
    height: auto;*/
    max-width: 60px;
}

.seerviceDiv{
    width: 50%;
}




.demoInputBox{
    padding: 16px 30px;
    border-radius: 50px;
    border: 1px solid #F1F1F1;
}
.btnSend{
   width: 200px;
}

 @media only screen and (max-width: 767px) {
 
    .seerviceDiv{
        width: 100%;
    }




}

.footerOurServices a {
    color: #092E41;
    padding-top: 4px;
    text-decoration: none;
}
.footerFlollow a {
    padding-right: 20px;
}