/* slide 3 */

position: relative;
width: 1440px;
height: 789px;



/* cranes-and-containers-in-shipyard-2025-04-03-11-58-47-utc 1 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: linear-gradient(91.8deg, rgba(193, 38, 38, 0.1) -2.68%, #C12626 98.48%), url(cranes-and-containers-in-shipyard-2025-04-03-11-58-47-utc.jpg);
transform: matrix(-1, 0, 0, 1, 0, 0);


/* retangle */

position: absolute;
visibility: hidden;
width: 1440px;
height: 789px;
left: calc(50% - 1440px/2);
top: calc(50% - 789px/2);

background: linear-gradient(91.8deg, rgba(195, 47, 47, 0) 1.53%, #C12626 88.78%);
transform: matrix(-1, 0, 0, 1, 0, 0);


/* Ellipse 1 */

position: absolute;
visibility: hidden;
width: 1472.61px;
height: 1508.17px;
left: -147.13px;
top: calc(50% - 1508.17px/2 - 14.34px);

background: linear-gradient(177.6deg, rgba(195, 47, 47, 0.06) -19.14%, rgba(193, 38, 38, 0.79) 85.73%);
transform: rotate(92.47deg);


/* Group 1000005574 */

position: absolute;
width: 714px;
height: 473.32px;
left: 90px;
top: 142px;



/* Line 8 */

position: absolute;
width: 389px;
height: 0px;
left: 90px;
top: 238.32px;

border: 2px solid #FFFFFF;


/* Embossed text */

position: absolute;
width: 388.77px;
height: 71.32px;
left: 90px;
top: 142px;



/* Group */

position: absolute;
left: 6.25%;
right: 66.75%;
top: 18%;
bottom: 72.96%;



/* Vector */

position: absolute;
left: 6.25%;
right: 88.6%;
top: 18%;
bottom: 72.96%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 10.92%;
right: 84.75%;
top: 19.71%;
bottom: 72.96%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 14.39%;
right: 82.4%;
top: 19.7%;
bottom: 72.96%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 16.48%;
right: 79.84%;
top: 19.7%;
bottom: 72.99%;

background: #FFFFFF;


/* Group */

position: absolute;
left: 20.28%;
right: 66.75%;
top: 18%;
bottom: 72.96%;



/* Vector */

position: absolute;
left: 20.28%;
right: 75.04%;
top: 18%;
bottom: 72.96%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 24.65%;
right: 71.67%;
top: 19.7%;
bottom: 72.99%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 27.29%;
right: 69%;
top: 19.7%;
bottom: 72.96%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 30.04%;
right: 66.75%;
top: 19.7%;
bottom: 72.96%;

background: #FFFFFF;


/* Port Entry & Exit
Managenent System */

position: absolute;
width: 714px;
height: 237px;
left: 90px;
top: 263.32px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 80px;
line-height: 90px;
/* or 112% */
display: flex;
align-items: center;

color: #FFFFFF;



/* Access your system and manage your ever evolving business Anytime, Anywhere on Any Device.
Connected with cloud phone systems. */

position: absolute;
width: 585px;
height: 90px;
left: 90px;
top: 525.32px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 590;
font-size: 20px;
line-height: 30px;
/* or 150% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #FFFFFF;



/* Group 1000005567 */

position: absolute;
width: 257.76px;
height: 109px;
left: 1092px;
top: 639px;



/* Group 1000005010 */

position: absolute;
width: 109px;
height: 109px;
left: 1240.76px;
top: 639px;



/* Group 1000005565 */

position: absolute;
width: 109px;
height: 109px;
left: 1240.76px;
top: 639px;



/* Vector */

position: absolute;
left: 86.16%;
right: 6.27%;
top: 80.99%;
bottom: 5.2%;

background: #FFFFFF;
border-radius: 4.46491px;


/* Vector */

position: absolute;
left: 86.6%;
right: 6.65%;
top: 81.78%;
bottom: 5.9%;

background: #000000;


/* Line 107 */

position: absolute;
width: 92px;
height: 0px;
left: 1227px;
top: 648px;

border: 3.2289px solid #FFFFFF;
transform: rotate(90deg);


/* Scan this QR code to Chat with us */

position: absolute;
width: 122px;
height: 72px;
left: calc(50% - 122px/2 + 433px);
bottom: 59px;

font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
text-align: right;

color: #FFFFFF;



/* Group 1000005572 */

position: absolute;
width: 382px;
height: 75px;
left: 93px;
top: 673px;



/* Group 1000005570 */

position: absolute;
width: 218.05px;
height: 30px;
left: 94px;
top: 673px;



/* Group 1000005186 */

position: absolute;
width: 94.05px;
height: 30px;
left: 218px;
top: 673px;



/* Vector */

position: absolute;
width: 24.05px;
height: 29.69px;
left: 218px;
top: 673px;

background: #FFFFFF;


/* Group */

position: absolute;
width: 24.96px;
height: 30px;
left: 252.05px;
top: 673px;



/* Vector */

position: absolute;
left: 17.81%;
right: 81.07%;
top: 85.3%;
bottom: 10.9%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 17.5%;
right: 82.26%;
top: 86.53%;
bottom: 12.05%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 19%;
right: 80.76%;
top: 86.53%;
bottom: 12.05%;

background: #FFFFFF;


/* Group 848 */

position: absolute;
width: 25.05px;
height: 29.65px;
left: 287.01px;
top: 673px;



/* Rectangle 301 */

position: absolute;
width: 13.65px;
height: 14.21px;
left: 298.4px;
top: 673px;

background: #FFFFFF;


/* Rectangle 302 */

position: absolute;
width: 10.17px;
height: 11.72px;
left: 287.01px;
top: 675.6px;

background: #FFFFFF;


/* Rectangle 305 */

position: absolute;
width: 10.17px;
height: 11.72px;
left: 287.01px;
top: 688.35px;

background: #FFFFFF;
transform: matrix(1, 0, 0, -1, 0, 0);


/* Rectangle 306 */

position: absolute;
width: 13.65px;
height: 14.21px;
left: 298.4px;
top: 688.44px;

background: #FFFFFF;
transform: matrix(1, 0, 0, -1, 0, 0);


/* Available on: */

position: absolute;
width: 119px;
height: 26px;
left: 94px;
top: 675px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 20px;
line-height: 176px;
/* or 878% */
display: flex;
align-items: center;

color: #FFFFFF;



/* Group 1000005569 */

position: absolute;
width: 382px;
height: 40px;
left: 93px;
top: 708px;



/* Supported Devices: */

position: absolute;
width: 186px;
height: 38px;
left: 93px;
top: 708px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 20px;
line-height: 176px;
/* or 878% */
display: flex;
align-items: center;

color: #FFFFFF;



/* Frame 1000005037 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 10px;

position: absolute;
width: 190px;
height: 40px;
left: 285px;
top: 708px;



/* DesktopTower

*updated*, computer, pc, imac, system & devices
*/

width: 40px;
height: 40px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 3.12%;
right: 3.12%;
top: 12.5%;
bottom: 12.5%;

background: #FFFFFF;


/* Laptop

computer, notebook, pc, macbook, system & devices
*/

width: 40px;
height: 40px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 6.25%;
right: 6.25%;
top: 18.75%;
bottom: 15.62%;

background: #FFFFFF;


/* DeviceTablet

cellphone, cellular, ipad, phablet, system & devices
*/

width: 40px;
height: 40px;

transform: rotate(-90deg);

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector */

position: absolute;
left: 9.38%;
right: 21.88%;
top: 15.63%;
bottom: 3.12%;

background: #FFFFFF;
transform: rotate(-90deg);


/* DeviceMobile

cellphone, cellular, system & devices
*/

width: 40px;
height: 40px;


/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;


/* Vector */

position: absolute;
left: 21.88%;
right: 21.88%;
top: 6.25%;
bottom: 6.25%;

background: #FFFFFF;