/* Home */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

position: relative;
width: 1440px;
height: 9575px;



/* Navbar */

width: 1440px;
height: 95px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Background */

position: absolute;
width: 1440px;
height: 95px;
left: 0px;
top: 0px;

background: #FFFFFF;


/* Group 1000005578 */

position: absolute;
width: 1292.59px;
height: 65px;
left: calc(50% - 1292.59px/2 + 0.29px);
top: calc(50% - 65px/2);



/* Link */

box-sizing: border-box;

position: absolute;
width: 116.59px;
right: 73.41px;
top: 26px;
bottom: 26px;

background: rgba(255, 255, 255, 0.1);
border: 1px solid #C32F2F;
border-radius: 30px;


/* Contact us */

position: absolute;
width: 87px;
height: 21px;
left: calc(50% - 87px/2 + 0.03px);
top: 11px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #C32F2F;



/* Link */

box-sizing: border-box;

position: absolute;
width: 116.59px;
right: 201.41px;
top: 26px;
bottom: 26px;

background: rgba(255, 255, 255, 0.1);
border: 1px solid #C32F2F;
border-radius: 30px;


/* Call Us */

position: absolute;
width: 61px;
height: 21px;
left: calc(50% - 61px/2 + 13.21px);
top: 12px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 700;
font-size: 17.45px;
line-height: 21px;
/* identical to box height, or 120% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #C32F2F;



/* Phone

calls, telephone, landline, talk, communication
*/

position: absolute;
width: 24px;
height: 24px;
left: 14px;
top: 10px;



/* Vector */

position: absolute;
left: 12.5%;
right: 9.38%;
top: 9.38%;
bottom: 12.5%;

background: #C32F2F;


/* Link */

box-sizing: border-box;

position: absolute;
width: 158px;
right: 329px;
top: 26px;
bottom: 26px;

border: 1px solid #C32F2F;
border-radius: 30px;


/* Get in Touch */

position: absolute;
width: 109px;
height: 23px;
left: calc(50% - 109px/2 + 13.77px);
top: calc(50% - 23px/2 + 1px);

font-family: 'SF Pro';
font-style: normal;
font-weight: 700;
font-size: 17.4545px;
line-height: 23px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.0523636px;

color: #C32F2F;



/* Envelope

mail, email, send, sent, message, post, letter, communication
*/

position: absolute;
width: 24px;
height: 24px;
left: 11px;
top: 10px;



/* Vector */

position: absolute;
left: 9.38%;
right: 9.38%;
top: 18.75%;
bottom: 18.75%;

background: #C32F2F;


/* Group 678 */

position: absolute;
width: 65px;
height: 65px;
left: 74px;
top: calc(50% - 65px/2);



/* Logo bg */

position: absolute;
left: 5.14%;
right: 90.35%;
top: 15.79%;
bottom: 15.79%;



/* Vector */

position: absolute;
left: 5.14%;
right: 90.35%;
top: 15.79%;
bottom: 15.79%;

background: linear-gradient(342deg, #DCB682 10.31%, #DA8852 15.87%, #DA6B34 20.63%, #DC6232 22.22%, #E24C2F 26.19%, #E63D2C 30.95%, #E9342B 36.5%, #EA322B 44.44%, #EA322B 89.69%);


/* Vector */

position: absolute;
left: 5.25%;
right: 94.57%;
top: 36.91%;
bottom: 36.89%;

background: #DCB682;
opacity: 0.3;


/* Embossed glow */

position: absolute;
left: 5.65%;
right: 90.94%;
top: 56.19%;
bottom: 20.53%;



/* Group */

position: absolute;
left: 5.65%;
right: 92.51%;
top: 59.1%;
bottom: 26.71%;



/* Vector */

position: absolute;
left: 5.75%;
right: 92.58%;
top: 67.77%;
bottom: 26.71%;

background: #D22C27;


/* Vector */

position: absolute;
left: 5.87%;
right: 93.83%;
top: 69.08%;
bottom: 28.79%;

background: #AD3525;


/* Vector */

position: absolute;
left: 6.61%;
right: 92.52%;
top: 64.4%;
bottom: 29.85%;

background: #9A3021;


/* Vector */

position: absolute;
left: 6.52%;
right: 93.12%;
top: 65.65%;
bottom: 26.91%;

background: #AD3525;


/* Vector */

position: absolute;
left: 6.67%;
right: 93.15%;
top: 67.09%;
bottom: 27.96%;

background: #D4402B;


/* Vector */

position: absolute;
left: 6.74%;
right: 93.19%;
top: 68.11%;
bottom: 29.68%;

background: #AD3525;


/* Vector */

position: absolute;
left: 7.29%;
right: 92.53%;
top: 65.57%;
bottom: 30.24%;

background: #A92B25;


/* Vector */

position: absolute;
left: 7.38%;
right: 92.55%;
top: 66.09%;
bottom: 30.93%;

background: #D4402B;


/* Vector */

position: absolute;
left: 7.4%;
right: 92.56%;
top: 66.71%;
bottom: 31.7%;

background: #B73527;


/* Vector */

position: absolute;
left: 5.66%;
right: 92.52%;
top: 59.24%;
bottom: 29.13%;

background: #CC3529;


/* Vector */

position: absolute;
left: 5.65%;
right: 92.51%;
top: 59.1%;
bottom: 28.99%;

background: #88261B;


/* Vector */

position: absolute;
left: 6.97%;
right: 92.63%;
top: 59.75%;
bottom: 37.27%;

background: #B42D26;


/* Vector */

position: absolute;
left: 6.97%;
right: 92.63%;
top: 59.69%;
bottom: 37.22%;

background: #88261B;


/* Vector */

position: absolute;
left: 6.29%;
right: 93%;
top: 59.53%;
bottom: 37.37%;

background: #BD3526;


/* Vector */

position: absolute;
left: 6.29%;
right: 93%;
top: 59.48%;
bottom: 37.3%;

background: #88261B;


/* Vector */

position: absolute;
left: 5.79%;
right: 93.89%;
top: 64.11%;
bottom: 33.87%;

background: #D8462C;


/* Vector */

position: absolute;
left: 5.99%;
right: 93.55%;
top: 64.16%;
bottom: 33.64%;

background: #B53727;


/* Vector */

position: absolute;
left: 6.09%;
right: 93.6%;
top: 64.28%;
bottom: 33.85%;

background: #D4402B;


/* Vector */

position: absolute;
left: 5.7%;
right: 94.21%;
top: 63.93%;
bottom: 34.37%;

background: #B53727;


/* Group */

position: absolute;
left: 7.56%;
right: 90.94%;
top: 56.19%;
bottom: 20.53%;

opacity: 0.38;


/* Vector */

position: absolute;
left: 8.49%;
right: 91.13%;
top: 72.01%;
bottom: 26.01%;

background: #010101;


/* Vector */

position: absolute;
left: 7.76%;
right: 91.44%;
top: 75.89%;
bottom: 20.53%;

background: #010101;


/* Vector */

position: absolute;
left: 7.56%;
right: 90.94%;
top: 56.19%;
bottom: 21.04%;

background: #010101;


/* Autosoft */

position: absolute;
left: 5.14%;
right: nan%;
top: 15.79%;
bottom: nan%;



/* Rectangle */

position: absolute;
visibility: hidden;
left: 3.43%;
right: 88.63%;
top: -10.17%;
bottom: -10.09%;

background: url(image.png);


/* Rectangle */

position: absolute;
visibility: hidden;
left: 3.43%;
right: 88.63%;
top: -10.17%;
bottom: -10.09%;

background: url(image.png);


/* Vector */

position: absolute;
visibility: hidden;
left: 5.14%;
right: 90.35%;
top: 15.79%;
bottom: 15.79%;

border: 0.925468px solid #FFFFFF;


/* Embossed text */

position: absolute;
left: 5.67%;
right: 90.93%;
top: 40.05%;
bottom: 50.39%;



/* Group */

position: absolute;
left: 5.67%;
right: 90.93%;
top: 40.05%;
bottom: 50.39%;



/* Vector */

position: absolute;
left: 5.67%;
right: 93.68%;
top: 40.05%;
bottom: 50.39%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 6.26%;
right: 93.19%;
top: 41.86%;
bottom: 50.39%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 6.7%;
right: 92.89%;
top: 41.85%;
bottom: 50.39%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 6.97%;
right: 92.56%;
top: 41.85%;
bottom: 50.42%;

background: #FFFFFF;


/* Group */

position: absolute;
left: 7.45%;
right: 90.93%;
top: 40.05%;
bottom: 50.39%;



/* Vector */

position: absolute;
left: 7.45%;
right: 91.95%;
top: 40.05%;
bottom: 50.39%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 7.98%;
right: 91.55%;
top: 41.85%;
bottom: 50.42%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 8.31%;
right: 91.21%;
top: 41.85%;
bottom: 50.39%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 8.66%;
right: 90.93%;
top: 41.85%;
bottom: 50.39%;

background: #FFFFFF;


/* Hero Section */

width: 1440px;
height: 789px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* file.mp4 */

position: absolute;
left: 0%;
right: 0%;
top: -15.41%;
bottom: 0%;

background: url(repairman-at-work-2025-03-14-11-20-02-utc.jpg);


/* Ellipse 1 */

position: absolute;
width: 1311.83px;
height: 1354.46px;
left: -140.21px;
top: calc(50% - 1354.46px/2 - 91.19px);

background: linear-gradient(177.6deg, rgba(195, 47, 47, 0.06) -19.14%, rgba(193, 38, 38, 0.79) 85.73%);
filter: blur(200px);
transform: rotate(92.47deg);


/* Group 254 */

position: absolute;
width: 558px;
height: 410px;
left: 70px;
top: 133px;



/* Line 8 */

position: absolute;
width: 400px;
height: 0px;
left: 70px;
top: 232.5px;

border: 1px solid #FFFFFF;


/* Embossed text */

position: absolute;
width: 388.77px;
height: 71.32px;
left: 70px;
top: 133px;



/* Group */

position: absolute;
left: 4.86%;
right: 68.14%;
top: 16.86%;
bottom: 74.1%;



/* Vector */

position: absolute;
left: 4.86%;
right: 89.98%;
top: 16.86%;
bottom: 74.1%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 9.54%;
right: 86.14%;
top: 18.56%;
bottom: 74.1%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 13%;
right: 83.79%;
top: 18.56%;
bottom: 74.1%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 15.09%;
right: 81.23%;
top: 18.56%;
bottom: 74.13%;

background: #FFFFFF;


/* Group */

position: absolute;
left: 18.89%;
right: 68.14%;
top: 16.86%;
bottom: 74.1%;



/* Vector */

position: absolute;
left: 18.89%;
right: 76.43%;
top: 16.86%;
bottom: 74.1%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 23.26%;
right: 73.06%;
top: 18.56%;
bottom: 74.13%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 25.9%;
right: 70.39%;
top: 18.56%;
bottom: 74.1%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 28.65%;
right: 68.14%;
top: 18.56%;
bottom: 74.1%;

background: #FFFFFF;


/* - */

position: absolute;
visibility: hidden;
width: 60px;
height: 100px;
left: 544px;
top: 176.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 100px;
line-height: 100px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #FFFFFF;



/* Bodyshop Management System */

position: absolute;
width: 558px;
height: 310px;
left: 70px;
top: 233px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 100px;
line-height: 100px;
/* or 100% */
display: flex;
align-items: flex-end;
letter-spacing: -2.4px;

color: #FFFFFF;



/* Access your system and manage your ever evolving business Anytime, Anywhere on Any Device. Connected with cloud phone systems. */

position: absolute;
width: 534px;
height: 90px;
left: 70px;
top: 577px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
/* or 150% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #FFFFFF;



/* Link */

box-sizing: border-box;

position: absolute;
visibility: hidden;
width: 116.59px;
left: 120px;
top: 683.5px;
bottom: 52.5px;

border: 1px solid #FFFFFF;
border-radius: 30px;


/* Contact us */

position: absolute;
width: 87px;
height: 21px;
left: calc(50% - 87px/2 + 0.04px);
top: calc(50% - 21px/2 + 0.5px);

font-family: 'SF Pro';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #FFFFFF;



/* Group 1000005186 */

position: absolute;
width: 94.05px;
height: 30px;
left: 205px;
top: 736px;



/* Vector */

position: absolute;
width: 24.05px;
height: 29.69px;
left: 205px;
top: 736px;

background: #FFFFFF;


/* Group */

position: absolute;
width: 24.96px;
height: 30px;
left: 239.05px;
top: 736px;



/* Vector */

position: absolute;
left: 16.91%;
right: 81.98%;
top: 93.28%;
bottom: 2.92%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 16.6%;
right: 83.16%;
top: 94.52%;
bottom: 4.06%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 18.1%;
right: 81.67%;
top: 94.52%;
bottom: 4.06%;

background: #FFFFFF;


/* Group 848 */

position: absolute;
width: 25.05px;
height: 29.65px;
left: 274.01px;
top: 736px;



/* Rectangle 301 */

position: absolute;
width: 13.65px;
height: 14.21px;
left: 285.4px;
top: 736px;

background: #FFFFFF;


/* Rectangle 302 */

position: absolute;
width: 10.17px;
height: 11.72px;
left: 274.01px;
top: 738.6px;

background: #FFFFFF;


/* Rectangle 305 */

position: absolute;
width: 10.17px;
height: 11.72px;
left: 274.01px;
top: 751.35px;

background: #FFFFFF;
transform: matrix(1, 0, 0, -1, 0, 0);


/* Rectangle 306 */

position: absolute;
width: 13.65px;
height: 14.21px;
left: 285.4px;
top: 751.44px;

background: #FFFFFF;
transform: matrix(1, 0, 0, -1, 0, 0);


/* Graphic_Elements */

position: absolute;
visibility: hidden;
left: 67.29%;
right: 27.61%;
top: 36.69%;
bottom: 43.35%;



/* Group */

position: absolute;
left: 67.29%;
right: 27.61%;
top: 36.69%;
bottom: 43.35%;



/* Group */

position: absolute;
left: 67.29%;
right: 27.61%;
top: 36.69%;
bottom: 43.35%;



/* Group */

position: absolute;
left: 69.22%;
right: 29.61%;
top: 37.28%;
bottom: 43.93%;



/* Vector */

position: absolute;
left: 69.22%;
right: 29.61%;
top: 55.85%;
bottom: 43.93%;

background: #FFFFFF;
border: 2px solid #FFFFFF;


/* Vector */

position: absolute;
left: 69.22%;
right: 29.61%;
top: 37.28%;
bottom: 62.5%;

background: #FFFFFF;
border: 2px solid #FFFFFF;


/* Group */

position: absolute;
left: 67.29%;
right: 27.61%;
top: 36.69%;
bottom: 43.35%;



/* Vector */

position: absolute;
left: 67.29%;
right: 27.68%;
top: 36.69%;
bottom: 43.35%;

border: 2px solid #FFFFFF;


/* Vector */

position: absolute;
left: 67.34%;
right: 27.73%;
top: 36.82%;
bottom: 43.51%;

border: 1px solid #FFFFFF;


/* Vector */

position: absolute;
left: 67.49%;
right: 27.88%;
top: 38.26%;
bottom: 44.76%;

border: 2px solid #FFFFFF;


/* Group */

position: absolute;
left: 72.32%;
right: 27.61%;
top: 41.01%;
bottom: 53.47%;



/* Vector */

position: absolute;
left: 72.32%;
right: 27.61%;
top: 41.01%;
bottom: 57.58%;

background: #FFFFFF;
border: 1px solid #FFFFFF;


/* Vector */

position: absolute;
left: 72.32%;
right: 27.61%;
top: 43.73%;
bottom: 53.47%;

background: #FFFFFF;
border: 1px solid #FFFFFF;


/* Group */

position: absolute;
left: 68.72%;
right: 31.04%;
top: 37.46%;
bottom: 62.1%;



/* Vector */

position: absolute;
left: 68.72%;
right: 31.04%;
top: 37.46%;
bottom: 62.1%;

background: #FFFFFF;
border: 2px solid #FFFFFF;


/* Vector */

position: absolute;
left: 68.76%;
right: 31.08%;
top: 37.53%;
bottom: 62.17%;

background: #FFFFFF;
border: 1px solid #FFFFFF;


/* Group */

position: absolute;
left: 68.14%;
right: 31.7%;
top: 37.53%;
bottom: 62.17%;



/* Vector */

position: absolute;
left: 68.14%;
right: 31.7%;
top: 37.53%;
bottom: 62.17%;

background: #FFFFFF;
border: 1px solid #FFFFFF;


/* Vector */

position: absolute;
left: 68.16%;
right: 31.73%;
top: 37.58%;
bottom: 62.22%;

background: #FFFFFF;
border: 1px solid #FFFFFF;


/* Group 1000005566 */

position: absolute;
width: 257.76px;
height: 109px;
left: 1109px;
top: 657px;



/* Group 1000005010 */

position: absolute;
width: 109px;
height: 109px;
left: 1257.76px;
top: 657px;



/* Group 1000005565 */

position: absolute;
width: 109px;
height: 109px;
left: 1257.76px;
top: 657px;



/* Vector */

position: absolute;
left: 87.34%;
right: 5.09%;
top: 83.27%;
bottom: 2.92%;

background: #FFFFFF;
border-radius: 4.46491px;


/* Vector */

position: absolute;
left: 87.78%;
right: 5.47%;
top: 84.06%;
bottom: 3.62%;

background: #000000;


/* Line 107 */

position: absolute;
width: 92px;
height: 0px;
left: 1244px;
top: 666px;

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 + 450px);
bottom: 41px;

font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
text-align: right;

color: #FFFFFF;



/* Available on: */

position: absolute;
width: 130px;
height: 26px;
left: 70px;
top: 738px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 176px;
/* or 878% */
display: flex;
align-items: center;

color: #FFFFFF;



/* Connected with Major */

width: 1440px;
height: 498px;

background: #FFFFFF;

/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Frame 253 */

position: absolute;
width: 1252px;
height: 360px;
left: calc(50% - 1252px/2);
top: calc(50% - 360px/2 + 15px);



/* Container */

position: absolute;
width: 414px;
height: 312px;
left: 0px;
top: 45px;

border-radius: 19.6044px;


/* Container */

position: absolute;
height: 387px;
left: -25px;
right: 0px;
top: -24.05px;

background: #FFFFFF;


/* cge24070-a5-230 1 */

position: absolute;
width: 521px;
height: 347px;
left: -63.24px;
top: 0.46px;

background: linear-gradient(0deg, rgba(195, 47, 47, 0.15), rgba(195, 47, 47, 0.15)), url(cge24070-a5-230.jpg);


/* Frame 252 */

position: absolute;
width: 808px;
height: 360px;
left: 457px;
top: 0px;



/* Heading 4 → Never stop, no
matter what’s
around the
corner */

position: absolute;
width: 808px;
height: 257px;
left: 0px;
top: -30px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 90px;
line-height: 80px;
/* or 89% */
display: flex;
align-items: center;

color: #000000;



/* Comment → Iris® is our industry-leading platform,
exclusively available to Nexus customers
and partners. It offers real-time access to
the UK’s largest vehicle and plant hire
supply chain, and much more: */

position: absolute;
width: 797px;
height: 155px;
left: 0px;
top: 196px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 20px;
line-height: 30px;
/* or 150% */
display: flex;
align-items: center;

color: #000000;



/* Bullets */

width: 1440px;
height: 186px;

background: #FFFFFF;

/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;


/* List */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 32px;
gap: 31px;

position: absolute;
width: 1295px;
height: 88px;
left: calc(50% - 1295px/2 - 0.5px);
top: calc(50% - 88px/2 - 17px);



/* Item */

width: 188.8px;
height: 88px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Bullet */

position: absolute;
width: 30px;
height: 30px;
left: 71px;
top: 0.5px;



/* bullet.svg fill */

position: absolute;
width: 30px;
height: 30px;
left: 0px;
top: 0px;



/* bullet.svg */

position: absolute;
width: 30px;
height: 30px;
left: calc(50% - 30px/2);
top: calc(50% - 30px/2);



/* Rectangle 194 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #C32F2F;


/* Path 446 */

position: absolute;
left: 31.67%;
right: 29.51%;
top: 38.33%;
bottom: 35%;

border: 1.25px solid #FFFFFF;


/* AutoSoft is one of Fully Paperless in the Industry */

position: absolute;
width: 186px;
height: 49px;
left: -7px;
top: 44.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* or 131% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.048px;

color: #000000;



/* Item */

width: 223px;
height: 88px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Bullet */

position: absolute;
width: 30px;
height: 30px;
left: calc(50% - 30px/2 - 6.09px);
top: 0px;



/* bullet.svg fill */

position: absolute;
width: 30px;
height: 30px;
left: 0px;
top: 0px;



/* bullet.svg */

position: absolute;
width: 30px;
height: 30px;
left: calc(50% - 30px/2);
top: calc(50% - 30px/2);



/* Rectangle 194 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #C32F2F;


/* Path 446 */

position: absolute;
left: 31.67%;
right: 29.51%;
top: 38.33%;
bottom: 35%;

border: 1.25px solid #FFFFFF;


/* Specifically Built for Demands of Modern Repairers */

position: absolute;
width: 231px;
height: 37px;
left: calc(50% - 231px/2 - 6.6px);
top: 51.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* or 131% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.048px;

color: #000000;



/* Item */

width: 188.8px;
height: 88px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Bullet */

position: absolute;
width: 30px;
height: 30px;
left: calc(50% - 30px/2 - 4.2px);
top: 0px;



/* bullet.svg fill */

position: absolute;
width: 30px;
height: 30px;
left: 0px;
top: 0px;



/* bullet.svg */

position: absolute;
width: 30px;
height: 30px;
left: calc(50% - 30px/2);
top: calc(50% - 30px/2);



/* Rectangle 194 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #C32F2F;


/* Path 446 */

position: absolute;
left: 31.67%;
right: 29.51%;
top: 38.33%;
bottom: 35%;

border: 1.25px solid #FFFFFF;


/* The only rich cloud bodyshop management system in the industry */

position: absolute;
width: 203px;
height: 49px;
left: calc(50% - 203px/2 + 7.3px);
top: 52.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* or 131% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.048px;

color: #000000;



/* Item */

width: 234px;
height: 88px;


/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;


/* Bullet */

position: absolute;
width: 30px;
height: 30px;
left: 105px;
top: 0px;



/* bullet.svg fill */

position: absolute;
width: 30px;
height: 30px;
left: 0px;
top: 0px;



/* bullet.svg */

position: absolute;
width: 30px;
height: 30px;
left: calc(50% - 30px/2);
top: calc(50% - 30px/2);



/* Rectangle 194 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #C32F2F;


/* Path 446 */

position: absolute;
left: 31.67%;
right: 29.51%;
top: 38.33%;
bottom: 35%;

border: 1.25px solid #FFFFFF;


/* Since 1991 in UK, Europe, North America, Middle East, South Africa and ever expanding */

position: absolute;
width: 239px;
height: 57px;
left: 0.4px;
top: 52.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* or 131% */
display: flex;
align-items: center;
text-align: center;

color: #000000;



/* Item */

width: 315px;
height: 88px;


/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;


/* Bullet */

position: absolute;
width: 30px;
height: 30px;
left: 133.81px;
top: 5px;



/* bullet.svg fill */

position: absolute;
width: 30px;
height: 30px;
left: 0px;
top: 0px;



/* bullet.svg */

position: absolute;
width: 30px;
height: 30px;
left: calc(50% - 30px/2);
top: calc(50% - 30px/2);



/* Rectangle 194 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #C32F2F;


/* Path 446 */

position: absolute;
left: 31.67%;
right: 29.51%;
top: 38.33%;
bottom: 35%;

border: 1.25px solid #FFFFFF;


/* Supports some of the UK's Largest repair facilities from family business' to vehicle repair processing plants */

position: absolute;
width: 264px;
height: 116px;
left: 15.4px;
top: 30.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* or 131% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.048px;

color: #000000;



/* 100% Paperless */

width: 1440px;
height: 469px;

background: #FFFFFF;

/* Inside auto layout */
flex: none;
order: 4;
align-self: stretch;
flex-grow: 0;


/* Container */

position: absolute;
width: 705px;
height: 200px;
left: 112px;
top: calc(50% - 200px/2 - 100.5px);



/* Heading 3 → Powered by */

position: absolute;
width: 748px;
height: 185px;
left: -22px;
top: -15px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 100px;
line-height: 100px;
/* or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Comment → Iris® is our industry-leading platform,
exclusively available to Nexus customers
and partners. It offers real-time access to
the UK’s largest vehicle and plant hire
supply chain, and much more: */

position: absolute;
width: 645px;
height: 106px;
left: 103px;
top: 211px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 20px;
line-height: 26px;
/* or 130% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Comment → Iris® is our industry-leading platform,
exclusively available to Nexus customers
and partners. It offers real-time access to
the UK’s largest vehicle and plant hire
supply chain, and much more: */

position: absolute;
width: 636px;
height: 94px;
left: 103px;
top: 313px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 20px;
line-height: 26px;
/* or 130% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Rectangle 196 */

position: absolute;
width: 564px;
height: 361px;
left: 776px;
top: 33px;

background: linear-gradient(0deg, rgba(195, 47, 47, 0.15), rgba(195, 47, 47, 0.15)), url(online-consultation-2025-03-15-06-48-39-utc.jpg);
border-radius: 20px;


/* From Chaos to Control */

width: 1440px;
height: 1063px;

background: #E7E6E3;

/* Inside auto layout */
flex: none;
order: 5;
align-self: stretch;
flex-grow: 0;


/* Heading 2 → Making unpredictability
feel like business-as-
usual */

position: absolute;
width: 1092.67px;
height: 317px;
left: 120px;
top: 48px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 100px;
line-height: 95px;
/* or 95% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Container */

position: absolute;
height: 600px;
left: 120px;
right: 120px;
top: 356px;



/* Heading 2 → Business is unpredictable. We’re here to help
you plan, prepare and deal with the volatility
with a total vehicle and plant hire solution
that’s like nothing else out there. */

position: absolute;
width: 588px;
height: 170px;
left: 0px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 27px;
/* or 169% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Link */

position: absolute;
width: 163.45px;
left: -4px;
top: 182px;
bottom: 366px;

background: #C12626;
border-radius: 30px;


/* Background+Border */

box-sizing: border-box;

position: absolute;
width: 30px;
height: 30px;
left: 117.45px;
top: 11px;

background: rgba(0, 0, 0, 0.001);
border: 1px solid #FFFFFF;
border-radius: 30px;


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 19.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #08172E;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #08172E;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #08172E;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #08172E;
transform: rotate(45deg);


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 0.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* About us */

position: absolute;
width: 69.76px;
height: 21px;
left: 16px;
top: 15.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #FFFFFF;



/* HorizontalBorder */

position: absolute;
height: 77px;
left: 0px;
right: 965px;
top: 256px;



/* 300+ */

position: absolute;
width: 142.72px;
height: 77px;
left: 0px;
top: -9px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 60px;
line-height: 60px;
/* or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Suppliers */

position: absolute;
width: 111.87px;
height: 25px;
left: 0px;
top: 349px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 25px;
line-height: 25px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* HorizontalBorder */

position: absolute;
height: 77px;
left: 275px;
right: 690px;
top: 256px;



/* 2k+ */

position: absolute;
width: 100.45px;
height: 77px;
left: 0px;
top: -9px;

font-family: 'Space Grotesk';
font-style: normal;
font-weight: 300;
font-size: 60px;
line-height: 60px;
/* or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Users */

position: absolute;
width: 205.7px;
height: 25px;
left: 275px;
top: 349px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 25px;
line-height: 25px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* HorizontalBorder */

position: absolute;
height: 77px;
left: 0px;
right: 965px;
top: 414px;



/* 100+ */

position: absolute;
width: 169.28px;
height: 77px;
left: 0px;
top: -9px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 60px;
line-height: 60px;
/* or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Services */

position: absolute;
width: 99.76px;
height: 25px;
left: 0px;
top: 507px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 25px;
line-height: 25px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* HorizontalBorder */

position: absolute;
height: 77px;
left: 275px;
right: 690px;
top: 414px;



/* 5 min */

position: absolute;
width: 159px;
height: 77px;
left: 0px;
top: -9px;

font-family: 'Space Grotesk';
font-style: normal;
font-weight: 300;
font-size: 60px;
line-height: 60px;
/* or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Response Time* */

position: absolute;
width: 230px;
height: 29px;
left: 275px;
top: 503px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 25px;
line-height: 25px;
/* or 100% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Container */

position: absolute;
height: 600px;
left: 600px;
right: 0px;
top: 0px;

border-radius: 20px;


/* Background */

position: absolute;
height: 600px;
left: -167px;
right: -171px;
top: 0px;

background: linear-gradient(0deg, rgba(195, 47, 47, 0.15), rgba(195, 47, 47, 0.15)), url(car-service-technician-2025-03-15-11-43-50-utc.jpg);


/* *5 minute target support response time during business hours */

position: absolute;
width: 404px;
height: 29px;
left: 120px;
top: 1012px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 13px;
line-height: 25px;
/* or 192% */
display: flex;
align-items: center;

color: rgba(0, 0, 0, 0.5);



/* Key Features */

width: 1440px;
height: 1027px;

background: #FFFFFF;

/* Inside auto layout */
flex: none;
order: 6;
align-self: stretch;
flex-grow: 0;


/* Group 1000005201 */

position: absolute;
width: 1281px;
height: 650px;
left: calc(50% - 1281px/2 + 0.5px);
top: 241px;



/* Left */

position: absolute;
width: 541px;
height: 649.91px;
left: 80px;
top: 241px;



/* Link */

position: absolute;
width: 539px;
height: 57.91px;
left: calc(50% - 539px/2 - 370.5px);
top: calc(50% - 57.91px/2 + 348.46px);

background: #C12626;
border-radius: 100px;


/* Group 251 */

position: absolute;
width: 211.61px;
height: 44.13px;
left: calc(50% - 211.61px/2 + 0.3px);
top: calc(50% - 44.13px/2 - 0.94px);



/* Background+Border */

box-sizing: border-box;

position: absolute;
width: 30.94px;
height: 31.94px;
left: 344.66px;
top: calc(50% - 31.94px/2 - 0.04px);

background: rgba(0, 0, 0, 0.001);
border: 1.39741px solid #FFFFFF;
border-radius: 41.9222px;


/* Arrow */

position: absolute;
width: 26.55px;
height: 20.96px;
left: calc(50% - 26.55px/2 - 27.38px);
top: calc(50% - 20.96px/2 + 0px);



/* arrow.svg fill */

position: absolute;
width: 26.55px;
height: 20.96px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 26.55px;
height: 20.96px;
left: calc(50% - 26.55px/2);
top: calc(50% - 20.96px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 2.09611px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 2.09611px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.8%;
top: 53.03%;
bottom: 46.97%;

border: 2.09611px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 2.09611px solid #FFFFFF;
transform: rotate(45deg);


/* Arrow */

position: absolute;
width: 26.55px;
height: 20.96px;
left: calc(50% - 26.55px/2 - 0.83px);
top: calc(50% - 20.96px/2 + 0px);



/* arrow.svg fill */

position: absolute;
width: 26.55px;
height: 20.96px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 26.55px;
height: 20.96px;
left: calc(50% - 26.55px/2);
top: calc(50% - 20.96px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 2.09611px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 2.09611px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 2.09611px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 2.09611px solid #FFFFFF;
transform: rotate(45deg);


/* Learn more */

position: absolute;
width: 207.77px;
height: 44.13px;
left: 164px;
top: 5.96px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 29.4191px;
line-height: 36px;
/* or 121% */
display: flex;
align-items: center;
letter-spacing: -0.0816883px;

color: #FFFFFF;



/* Container */

position: absolute;
height: 570px;
left: 80px;
right: 819px;
top: 241px;

background: #EEEEEE;
border-radius: 18.5114px;


/* file.mp4 */

position: absolute;
height: 694.27px;
left: -55px;
right: 0.11px;
top: -65px;

background: linear-gradient(0deg, rgba(195, 47, 47, 0.15), rgba(195, 47, 47, 0.15)), url(car-repair-service-2025-04-02-08-11-23-utc.jpg);
transform: matrix(1, 0, -0.02, 1, 0, 0);


/* Cards */

position: absolute;
width: 701px;
height: 650px;
left: 660px;
top: calc(50% - 650px/2 + 52.5px);



/* Card 9 */

position: absolute;
width: 227.85px;
height: 210px;
left: 478.57px;
top: 445px;



/* Rectangle 93158 */

position: absolute;
width: 227.85px;
height: 210px;
left: 0px;
top: 0px;

background: #FFE4E4;
border-radius: 18.51px;


/* Group 1000005200 */

position: absolute;
width: 182.05px;
height: 126.3px;
left: 9.45px;
top: 37.8px;



/* Customisable to Your Needs */

position: absolute;
width: 97px;
height: 30px;
left: 10.5px;
top: 82.75px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 14.7px;
line-height: 100%;
/* or 15px */
display: flex;
align-items: center;
letter-spacing: -0.024em;

color: #000000;



/* The only repair software fully tailored to your workflow, scale & customer journey. */

position: absolute;
width: 181px;
height: 36px;
left: 10.5px;
top: 128.1px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
/* or 120% */
display: flex;
align-items: center;
letter-spacing: -0.045757px;

color: #3D3D3D;



/* PuzzlePiece

board game, element, component, extension, plugin, games
*/

position: absolute;
width: 33.6px;
height: 33.6px;
left: 9.45px;
top: 37.8px;



/* Vector */

position: absolute;
left: 3.91%;
right: 13.28%;
top: 7.03%;
bottom: 13.28%;

background: #C32F2F;


/* Card 8 */

position: absolute;
width: 227.85px;
height: 210px;
left: 236.57px;
top: 445px;



/* Rectangle 93157 */

position: absolute;
width: 227.85px;
height: 210px;
left: 0px;
top: 0px;

background: #FFE4E4;
border-radius: 18.51px;


/* Group 1000005199 */

position: absolute;
width: 184.1px;
height: 126.3px;
left: 7.35px;
top: 37.8px;



/* Multi Compatibility & Global Support */

position: absolute;
width: 142px;
height: 30px;
left: 9.45px;
top: 82.75px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 14.7px;
line-height: 100%;
/* or 15px */
display: flex;
align-items: center;
letter-spacing: -0.024em;

color: #000000;



/* Multi-location, currency & language support. Works on Android, Mac & Windows. */

position: absolute;
width: 182px;
height: 36px;
left: 9.45px;
top: 128.1px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
/* or 120% */
display: flex;
align-items: center;
letter-spacing: -0.045757px;

color: #3D3D3D;



/* GlobeHemisphereWest

world, earth, global, planet, circle, round, internationalization, i18n, languages, country, countries, geography, north america, south america, maps &amp; travel
*/

position: absolute;
width: 33.6px;
height: 33.6px;
left: 7.35px;
top: 37.8px;



/* Vector */

position: absolute;
left: 10.16%;
right: 10.16%;
top: 10.16%;
bottom: 10.16%;

background: #C32F2F;


/* Card 7 */

position: absolute;
width: 227.85px;
height: 210px;
left: -5.43px;
top: 445px;



/* Rectangle 93161 */

position: absolute;
width: 227.85px;
height: 210px;
left: 0px;
top: 0px;

background: #FFE4E4;
border-radius: 18.51px;


/* Group 1000005198 */

position: absolute;
width: 193.15px;
height: 126.3px;
left: 9.45px;
top: 37.8px;



/* Hosting, Security & Performance */

position: absolute;
width: 132px;
height: 30px;
left: 12.6px;
top: 82.75px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 14.7px;
line-height: 100%;
/* or 15px */
display: flex;
align-items: center;
letter-spacing: -0.024em;

color: #000000;



/* Maximum data security. High-speed performance. Reliable uptime and availability. */

position: absolute;
width: 190px;
height: 36px;
left: 12.6px;
top: 128.1px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
/* or 120% */
display: flex;
align-items: center;
letter-spacing: -0.045757px;

color: #3D3D3D;



/* ShieldCheck

badge, security, defense, authentication, authenticated, guarded, locked, encrypted, encryption, security &amp; warnings
*/

position: absolute;
width: 33.6px;
height: 33.6px;
left: 9.45px;
top: 37.8px;



/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 15.63%;
bottom: 6.25%;

background: #C32F2F;


/* Card 6 */

position: absolute;
width: 227.85px;
height: 210px;
left: 478.57px;
top: 220px;



/* Rectangle 93151 */

position: absolute;
width: 227.85px;
height: 210px;
left: 0px;
top: 0px;

background: #FFE4E4;
border-radius: 18.51px;


/* Group 1000005197 */

position: absolute;
width: 195.05px;
height: 126.3px;
left: 9.45px;
top: 37.8px;



/* Communication & Admin Tools */

position: absolute;
width: 125px;
height: 30px;
left: 10.5px;
top: 82.75px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 14.7px;
line-height: 100%;
/* or 15px */
display: flex;
align-items: center;
letter-spacing: -0.024em;

color: #000000;



/* SMS, Email, e-Invoicing & Loan Car Management. Role-based access for secure control. */

position: absolute;
width: 194px;
height: 36px;
left: 10.5px;
top: 128.1px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
/* or 120% */
display: flex;
align-items: center;
letter-spacing: -0.045757px;

color: #3D3D3D;



/* ChatsCircle

send, sent, messages, messaging, sms, texting, comment, round, bubble, communication
*/

position: absolute;
width: 33.6px;
height: 33.6px;
left: 9.45px;
top: 37.8px;



/* Vector */

position: absolute;
left: 6.25%;
right: 6.25%;
top: 9.45%;
bottom: 9.37%;

background: #C32F2F;


/* Card 5 */

position: absolute;
width: 227.85px;
height: 210px;
left: 236.57px;
top: 220px;



/* Rectangle 93150 */

position: absolute;
width: 227.85px;
height: 210px;
left: 0px;
top: 0px;

background: #FFE4E4;
border-radius: 18.51px;


/* Group 1000005196 */

position: absolute;
width: 194.05px;
height: 129.2px;
left: 8.4px;
top: 37.8px;



/* Integration & Connectivity */

position: absolute;
width: 92px;
height: 30px;
left: 9.45px;
top: 82.75px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 14.7px;
line-height: 100%;
/* or 15px */
display: flex;
align-items: center;
letter-spacing: -0.024em;

color: #000000;



/* Client ERPs, insurers, and work providers. Customer portals for booking, tracking, and updates. */

position: absolute;
width: 193px;
height: 36px;
left: 9.45px;
top: 131px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
/* or 120% */
display: flex;
align-items: center;
letter-spacing: -0.045757px;

color: #3D3D3D;



/* Link

*updated*, anchor, hyperlink, hypertext, chains, chained, system &amp; devices
*/

position: absolute;
width: 33.6px;
height: 33.6px;
left: 8.4px;
top: 37.8px;



/* Vector */

position: absolute;
left: 6.25%;
right: 6.24%;
top: 12.49%;
bottom: 12.5%;

background: #C32F2F;


/* Card 4 */

position: absolute;
width: 227.85px;
height: 210px;
left: -5.43px;
top: 220px;



/* Rectangle 93160 */

position: absolute;
width: 227.85px;
height: 210px;
left: 0px;
top: 0px;

background: #FFE4E4;
border-radius: 18.51px;


/* Group 1000005195 */

position: absolute;
width: 199.98px;
height: 129.2px;
left: 9.45px;
top: 37.8px;



/* Calendar & Diary Management */

position: absolute;
width: 129px;
height: 30px;
left: 12.6px;
top: 82.75px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 14.7px;
line-height: 100%;
/* or 15px */
display: flex;
align-items: center;
letter-spacing: -0.024em;

color: #000000;



/* Smart scheduling with integrated calendar for bookings, resources, and repairs. */

position: absolute;
width: 196px;
height: 36px;
left: 13.43px;
top: 131px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
/* or 120% */
display: flex;
align-items: center;
letter-spacing: -0.0480449px;

color: #3D3D3D;



/* CalendarDots

*new*, dates, times, events, schedule, time
*/

position: absolute;
width: 33.6px;
height: 33.6px;
left: 9.45px;
top: 37.8px;



/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 6.25%;
bottom: 12.5%;

background: #C32F2F;


/* Card 3 */

position: absolute;
width: 227.85px;
height: 210px;
left: 478.57px;
top: -5px;



/* Rectangle 93153 */

position: absolute;
width: 227.85px;
height: 210px;
left: 0px;
top: 0px;

background: #FFE4E4;
border-radius: 18.51px;


/* Group 1000005194 */

position: absolute;
width: 190.1px;
height: 114.3px;
left: 8.4px;
top: 34.65px;



/* Workflow & Workshop Management */

position: absolute;
width: 162px;
height: 30px;
left: 10.5px;
top: 79.6px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 14.7px;
line-height: 100%;
/* or 15px */
display: flex;
align-items: center;
letter-spacing: -0.024em;

color: #000000;



/* Comment → Place the booking in under 30
seconds */

position: absolute;
width: 188px;
height: 24px;
left: 10.5px;
top: 124.95px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
/* or 120% */
display: flex;
align-items: center;
letter-spacing: -0.045757px;

color: #3D3D3D;



/* GearFine

setup, preferences, cogs, gears, machinery, mechanical, design
*/

position: absolute;
width: 33.6px;
height: 33.6px;
left: 8.4px;
top: 34.65px;



/* Vector */

position: absolute;
left: 6.25%;
right: 6.25%;
top: 6.25%;
bottom: 6.25%;

background: #C32F2F;


/* Card 2 */

position: absolute;
width: 227.85px;
height: 210px;
left: 236.57px;
top: -5px;



/* Rectangle 93155 */

position: absolute;
width: 227.85px;
height: 210px;
left: 0px;
top: 0px;

background: #FFE4E4;
border-radius: 18.51px;


/* Group 1000005193 */

position: absolute;
width: 190.1px;
height: 126.3px;
left: 7.35px;
top: 32.55px;



/* Comprehensive Estimating Systems */

position: absolute;
width: 134px;
height: 30px;
left: 9.45px;
top: 77.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 14.7px;
line-height: 100%;
/* or 15px */
display: flex;
align-items: center;
letter-spacing: -0.024em;

color: #000000;



/* Audatex, GTMotive, Inter-Est, Repair Estimate. Autosoft Quickpad, QuickEstimate, and QuickQuote. */

position: absolute;
width: 188px;
height: 36px;
left: 9.45px;
top: 122.85px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
/* or 120% */
display: flex;
align-items: center;
letter-spacing: -0.045757px;

color: #3D3D3D;



/* ChartBar

graphs, graphing, charts, statistics, histogram, analyze, analysis, math &amp; finance
*/

position: absolute;
width: 33.6px;
height: 33.6px;
left: 7.35px;
top: 32.55px;



/* Vector */

position: absolute;
left: 9.38%;
right: 9.37%;
top: 12.5%;
bottom: 15.63%;

background: #C32F2F;


/* ArrowRight

directional, pointer, pointing, arrowhead, arrows
*/

position: absolute;
visibility: hidden;
width: 25px;
height: 25px;
left: 179.43px;
top: 175px;



/* Card 1 */

position: absolute;
width: 227.85px;
height: 210px;
left: -5px;
top: 0px;



/* Rectangle 93159 */

position: absolute;
width: 227.85px;
height: 210px;
left: 0px;
top: 0px;

background: #FFE4E4;
border-radius: 18.51px;


/* Group 1000005192 */

position: absolute;
width: 192.1px;
height: 126.3px;
left: 10.5px;
top: 34.65px;



/* Compliance & Industry Standards */

position: absolute;
width: 130px;
height: 30px;
left: 12.6px;
top: 79.6px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 14.7px;
line-height: 100%;
/* or 15px */
display: flex;
align-items: center;
letter-spacing: -0.024em;

color: #000000;



/* Smart scheduling with integrated calendar for bookings, resources, and repairs. */

position: absolute;
width: 190px;
height: 36px;
left: 12.6px;
top: 124.95px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
/* or 120% */
display: flex;
align-items: center;
letter-spacing: -0.045757px;

color: #3D3D3D;



/* SealCheck

badge, verified, verification, shapes, polygons, circle-wavy, security &amp; warnings
*/

position: absolute;
width: 33.6px;
height: 33.6px;
left: 10.5px;
top: 34.65px;



/* Vector */

position: absolute;
left: 7.03%;
right: 7.03%;
top: 7.03%;
bottom: 7.03%;

background: #C32F2F;


/* ArrowRight

directional, pointer, pointing, arrowhead, arrows
*/

position: absolute;
visibility: hidden;
width: 25px;
height: 25px;
left: 189.43px;
top: 170px;



/* Heading 3 → Powered by */

position: absolute;
width: 520px;
height: 100px;
left: calc(50% - 520px/2);
top: 60px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 100px;
line-height: 100px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Autosoft Services */

width: 1440px;
height: 1424px;

background: #FFFFFF;

/* Inside auto layout */
flex: none;
order: 7;
align-self: stretch;
flex-grow: 0;


/* Container */

position: absolute;
height: 702px;
left: 120px;
right: 120px;
top: 511px;



/* Button - Previous slide */

box-sizing: border-box;

position: absolute;
width: 50px;
height: 50px;
left: 1070px;
top: calc(50% - 50px/2 + 429px);

opacity: 0.35;
border: 1px solid #111423;
border-radius: 50px;


/* Prev Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);

transform: rotate(180deg);


/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;

transform: rotate(180deg);


/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);

transform: rotate(180deg);


/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

transform: rotate(180deg);


/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

transform: rotate(180deg);


/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;
transform: rotate(180deg);


/* Mask Group 25 */

position: absolute;
left: 13.02%;
right: -89.47%;
top: 8.89%;
bottom: 11.11%;

transform: rotate(180deg);


/* Group 223 */

position: absolute;
left: 13.02%;
right: -89.47%;
top: 8.89%;
bottom: 11.11%;

transform: rotate(180deg);


/* Group 28 */

position: absolute;
left: 13.02%;
right: 5.26%;
top: 8.89%;
bottom: 11.11%;

transform: rotate(180deg);


/* Line 6 */

position: absolute;
left: 15.88%;
right: 5.26%;
top: 49.28%;
bottom: 50.72%;

border: 2px solid #08172E;
transform: rotate(180deg);


/* Path 23 */

position: absolute;
left: 13.02%;
right: 42.33%;
top: 8.89%;
bottom: 34.54%;

border: 2px solid #08172E;
transform: rotate(-135deg);


/* Group 222 */

position: absolute;
left: 107.75%;
right: -89.47%;
top: 8.89%;
bottom: 11.11%;

transform: rotate(180deg);


/* Line 6 */

position: absolute;
left: 110.62%;
right: -89.47%;
top: 49.28%;
bottom: 50.72%;

border: 2px solid #08172E;
transform: rotate(180deg);


/* Path 23 */

position: absolute;
left: 107.75%;
right: -52.41%;
top: 8.89%;
bottom: 34.54%;

border: 2px solid #08172E;
transform: rotate(-135deg);


/* prev */

position: absolute;
width: 0.21px;
height: 45px;
left: 1px;
top: 48px;

font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 44px;
/* or 200% */
display: flex;
align-items: center;

color: #007AFF;



/* Button - Next slide */

box-sizing: border-box;

position: absolute;
width: 50px;
height: 50px;
right: 10px;
top: calc(50% - 50px/2 + 429px);

border: 1px solid #111423;
border-radius: 50px;


/* Next Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -89.47%;
right: 13.02%;
top: 11.11%;
bottom: 8.89%;



/* Group 223 */

position: absolute;
left: -89.47%;
right: 13.02%;
top: 11.11%;
bottom: 8.89%;



/* Group 28 */

position: absolute;
left: 5.26%;
right: 13.02%;
top: 11.11%;
bottom: 8.89%;



/* Line 6 */

position: absolute;
left: 5.26%;
right: 15.88%;
top: 50.72%;
bottom: 49.28%;

border: 2px solid #08172E;


/* Path 23 */

position: absolute;
left: 23.83%;
right: 31.51%;
top: 11.11%;
bottom: 32.32%;

border: 2px solid #08172E;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -89.47%;
right: 107.75%;
top: 11.11%;
bottom: 8.89%;



/* Line 6 */

position: absolute;
left: -89.47%;
right: 110.62%;
top: 50.72%;
bottom: 49.28%;

border: 2px solid #08172E;


/* Path 23 */

position: absolute;
left: -70.91%;
right: 126.25%;
top: 11.11%;
bottom: 32.32%;

border: 2px solid #08172E;
transform: rotate(45deg);


/* next */

position: absolute;
width: 0.21px;
height: 45px;
left: 1px;
top: 48px;

font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 44px;
/* or 200% */
display: flex;
align-items: center;

color: #007AFF;



/* Group - 1 / 6 */

position: absolute;
height: 702px;
left: 0px;
right: 744px;
top: 0px;



/* Container */

position: absolute;
height: 456px;
left: 0px;
right: 0px;
top: 0px;

border-radius: 20px;


/* Container */

position: absolute;
height: 456px;
left: 0px;
right: 0px;
top: 0px;



/* cars.jpg */

position: absolute;
height: 479px;
left: -50px;
right: 0px;
top: 0.5px;

background: url(2-2j.jpg);


/* Container */

position: absolute;
height: 230px;
left: 0px;
right: 0px;
top: 472px;



/* Track My Car */

position: absolute;
width: 295px;
height: 60px;
left: 0px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 60px;
line-height: 60px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Real-Time Vehicle Repair Tracking Made Easy */

position: absolute;
width: 440.72px;
height: 42px;
left: 0px;
top: 98px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Link */

position: absolute;
width: 202.11px;
left: 0px;
top: 178px;
bottom: 0px;

background: #C12626;
border-radius: 30px;


/* Background+Border */

box-sizing: border-box;

position: absolute;
width: 30px;
height: 30px;
left: 156.11px;
top: 11px;

background: #C12626;
border: 1px solid #FFFFFF;
border-radius: 30px;


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 19.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 0.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Track Now */

position: absolute;
width: 108.48px;
height: 21px;
left: 16px;
top: 15.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #FFFFFF;



/* Group - 2 / 6 */

position: absolute;
height: 702px;
left: 496px;
right: 248px;
top: 0px;



/* Container */

position: absolute;
height: 456px;
left: 0px;
right: 0px;
top: 0px;

border-radius: 20px;


/* Container */

position: absolute;
height: 456px;
left: 0px;
right: 0px;
top: 0px;



/* vans-1.jpg */

position: absolute;
height: 547.2px;
left: -87px;
right: -134px;
top: 0.4px;

background: url(istockphoto-2158222891-612x612.png);


/* Container */

position: absolute;
height: 230px;
left: 0px;
right: 0px;
top: 472px;



/* Online Booking */

position: absolute;
width: 340px;
height: 60px;
left: 0px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 60px;
line-height: 60px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Simple, Fast, and Convenient Booking from Any Device */

position: absolute;
width: 418.97px;
height: 42px;
left: 0px;
top: 98px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Link */

position: absolute;
width: 202.11px;
left: 0px;
top: 178px;
bottom: 0px;

background: #C12626;
border-radius: 30px;


/* Background+Border */

box-sizing: border-box;

position: absolute;
width: 30px;
height: 30px;
left: 156.11px;
top: 11px;

background: #C12626;
border: 1px solid #FFFFFF;
border-radius: 30px;


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 19.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 0.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Book Now */

position: absolute;
width: 108.48px;
height: 21px;
left: 16px;
top: 15.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #FFFFFF;



/* Group - 3 / 6 */

position: absolute;
height: 702px;
left: 992px;
right: -248px;
top: 0px;



/* Container */

position: absolute;
height: 456px;
left: 0px;
right: 0px;
top: 0px;

border-radius: 20px;


/* Container */

position: absolute;
height: 456px;
left: 0px;
right: 0px;
top: 0px;



/* hgv.jpg */

position: absolute;
height: 547.2px;
left: -45.6px;
right: -45.6px;
top: 0.4px;

background: url(repaire.png);


/* Container */

position: absolute;
height: 230px;
left: 0px;
right: 0px;
top: 472px;



/* Workshop Management */

position: absolute;
width: 547px;
height: 60px;
left: 0px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 60px;
line-height: 60px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Complete Control Over Workshop Operations and Workflow */

position: absolute;
width: 440px;
height: 21px;
left: 0px;
top: 108.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Link */

position: absolute;
width: 202.11px;
left: 0px;
top: 178px;
bottom: 0px;

background: #C12626;
border-radius: 30px;


/* Background+Border */

box-sizing: border-box;

position: absolute;
width: 30px;
height: 30px;
left: 156.11px;
top: 11px;

background: #C12626;
border: 1px solid #FFFFFF;
border-radius: 30px;


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 19.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 0.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Discover more */

position: absolute;
width: 108.48px;
height: 21px;
left: 16px;
top: 15.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #FFFFFF;



/* Overlay */

position: absolute;
width: 1044px;
height: 4px;
left: 0px;
bottom: -80px;

background: rgba(0, 0, 0, 0.1);
border-radius: 10px;


/* Background */

position: absolute;
width: 426.69px;
left: 0px;
top: 0px;
bottom: 0px;

background: #111423;
border-radius: 10px;


/* Container */

position: absolute;
width: 1200px;
height: 446px;
left: calc(50% - 1200px/2);
top: calc(50% - 446px/2 - 489px);



/* Group 255 */

position: absolute;
width: 951px;
height: 336px;
left: 133px;
top: 77px;



/* Auto Soft */

position: absolute;
width: 935px;
height: 202px;
left: calc(50% - 935px/2 + 16.5px);
top: calc(50% - 202px/2 - 45px);

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 170px;
line-height: 100px;
/* or 59% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -2.4px;

color: #C32F2F;



/* Services */

position: absolute;
width: 935px;
height: 202px;
left: calc(50% - 935px/2 + 0.5px);
top: calc(50% - 202px/2 + 89px);

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 170px;
line-height: 100px;
/* or 59% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -2.4px;

color: #090000;



/* Online Bookings, Car Tracking, Repair Workshop Management, System Integration Services, Secure Customisable Software Infrastructure */

position: absolute;
width: 549px;
height: 37px;
left: calc(50% - 549px/2 + 0.5px);
top: 413px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* or 131% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.048px;

color: #000000;



/* AI  */

width: 1440px;
height: 909px;

background: #E7E6E3;

/* Inside auto layout */
flex: none;
order: 8;
align-self: stretch;
flex-grow: 0;


/* Group 1000005206 */

position: absolute;
width: 537px;
height: 127px;
left: 464px;
top: 81px;



/* Transforming Bodyshop Management Through Artificial Intelligence */

position: absolute;
width: 537px;
height: 21px;
left: calc(50% - 537px/2 + 12.5px);
top: 187px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 21px;
/* identical to box height, or 124% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Auto Soft AI */

position: absolute;
width: 512px;
height: 100px;
left: calc(50% - 512px/2 + 12px);
top: 81px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 110px;
line-height: 100px;
/* identical to box height, or 91% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #000000;



/* Left Side */

position: absolute;
height: 562px;
left: 88px;
right: 752px;
top: calc(50% - 562px/2 + 93.5px);

border-radius: 20px;


/* unnamed 1 */

position: absolute;
height: 670px;
left: -33px;
right: -37px;
top: -28px;

background: url(unnamed.jpg);


/* Right Side */

position: absolute;
width: 626px;
height: 562px;
left: 725px;
top: 267px;



/* Intelligent Data Validation */

position: absolute;
width: 510px;
height: 60px;
left: 0px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 50px;
line-height: 60px;
/* identical to box height, or 120% */
display: flex;
align-items: center;

color: #000000;



/* Predictive Insights */

position: absolute;
width: 369px;
height: 60px;
left: 0px;
top: 158px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 50px;
line-height: 60px;
/* identical to box height, or 120% */
display: flex;
align-items: center;

color: #000000;



/* Real-Time AI Alerts */

position: absolute;
width: 388px;
height: 60px;
left: 0px;
top: 316px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 50px;
line-height: 60px;
/* identical to box height, or 120% */
display: flex;
align-items: center;

color: #000000;



/* Seamless AI Integration */

position: absolute;
width: 477px;
height: 60px;
left: 0px;
top: 444px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 50px;
line-height: 60px;
/* identical to box height, or 120% */
display: flex;
align-items: center;

color: #000000;



/* AI identifies and flags missing or inconsistent data when communicating with insurers and work providers — ensuring accuracy, compliance, and faster approvals. */

position: absolute;
width: 626px;
height: 40px;
left: 0px;
top: 78px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 20px;
/* or 125% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Gain visibility into repair trends, part usage, and performance KPIs. AutoSoft’s AI continuously learns from your data to help you make smarter business decisions */

position: absolute;
width: 603px;
height: 40px;
left: 0px;
top: 236px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 20px;
/* or 125% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Receive smart notifications when delays, missing parts, or compliance issues occur — before they impact workflow. */

position: absolute;
width: 603px;
height: 40px;
left: 0px;
top: 394px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 20px;
/* or 125% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Our AI engine connects with leading manufacturers, insurers, and repair networks to deliver an intelligent, paperless ecosystem that never stops improving. */

position: absolute;
width: 603px;
height: 40px;
left: 0px;
top: 522px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 20px;
/* or 125% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Never Stop Moving Forward */

width: 1440px;
height: 748px;


/* Inside auto layout */
flex: none;
order: 9;
align-self: stretch;
flex-grow: 0;


/* never-stop.jpg */

position: absolute;
width: 1804.8px;
height: 772px;
left: -182.4px;
top: -23.52px;

background: url(background.jpg);


/* Background */

position: absolute;
width: 1504px;
left: -47px;
top: -4.88%;
bottom: 2.07%;

background: rgba(0, 0, 0, 0.25);
mix-blend-mode: soft-light;
opacity: 0.5;


/* Container */

position: absolute;
width: 1063.11px;
height: 550px;
left: calc(50% - 1063.11px/2 - 0.01px);
top: calc(50% - 550px/2);

background: rgba(0, 0, 0, 0.001);


/* Heading 2 → Never stop,
no matter your sector */

position: absolute;
width: 1008.86px;
height: 227px;
left: calc(50% - 1008.86px/2 + 4.87px);
top: 104px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 100px;
line-height: 100px;
/* or 100% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -2.4px;

color: #FFFFFF;



/* From Large fleet repair and refurbishment operations to your single family business, our automotive software keeps industries in motion smarter, faster, and more connected */

position: absolute;
width: 556px;
height: 49px;
left: calc(50% - 556px/2 + 0.01px);
top: calc(50% - 49px/2 + 96.5px);

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* or 131% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.048px;

color: #FFFFFF;



/* Link */

position: absolute;
width: 179.67px;
left: calc(50% - 179.67px/2 + 0px);
top: 434px;
bottom: 64px;

background: #C12626;
border-radius: 30px;


/* Background+Border */

box-sizing: border-box;

position: absolute;
width: 30px;
height: 30px;
left: 133.67px;
top: 11px;

background: #C12626;
border: 1px solid #FFFFFF;
border-radius: 30px;


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 19.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 0.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #FFFFFF;
transform: rotate(45deg);


/* Learn more */

position: absolute;
width: 86px;
height: 21px;
left: calc(50% - 86px/2 - 30.83px);
top: 15.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.048px;

color: #FFFFFF;



/* Testimonials */

width: 1440px;
height: 643px;

background: #E7E6E3;

/* Inside auto layout */
flex: none;
order: 10;
align-self: stretch;
flex-grow: 0;


/* Group - 2 / 2 */

position: absolute;
height: 294px;
left: 208px;
right: 208px;
top: 160px;



/* Vittoria Robinson */

position: absolute;
width: 386px;
height: 57px;
left: 0px;
top: 53.48px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 60px;
line-height: 60px;
/* or 100% */
display: flex;
align-items: center;
letter-spacing: -2.4px;

color: #C32F2F;



/* Aladdin Body Repairs Ltd */

position: absolute;
width: 285.29px;
height: 21px;
left: 0px;
top: 129px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Label */

box-sizing: border-box;

position: absolute;
width: 102.51px;
height: 46.78px;
left: 0px;
top: -10px;

border: 2.5286px solid #C32E2E;
border-radius: 25.286px;


/* Testimonials */

position: absolute;
width: 75.18px;
height: 16.44px;
left: 13px;
top: 15px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 12.643px;
line-height: 32px;
/* or 250% */
display: flex;
align-items: center;
letter-spacing: -0.0606864px;

color: #C32E2E;



/* This is a great system that suits our needs perfectly, however the one thing that has compelled me to leave a review is that the aftersales care is excellent. Nothing is too much trouble; the response is super quick, and the staff work really hard to meet our needs. Recently Rohit Shah has steered us quickly through renewing our contract and keeping the wheels turning smoothly. I would highly recommend Autosoft. */

position: absolute;
width: 650px;
height: 264px;
left: 512px;
top: 8px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 25px;
line-height: 40px;
/* or 160% */
display: flex;
align-items: center;

color: #000000;



/* Image */

position: absolute;
width: 43px;
height: 35px;
left: 437px;
top: 0px;



/* quotes.svg fill */

position: absolute;
width: 43px;
height: 35px;
left: 0px;
top: 0px;



/* quotes.svg */

position: absolute;
width: 42.88px;
height: 34.56px;
left: 0px;
top: 0px;



/* Path 85 */

position: absolute;
left: -0.01%;
right: 0%;
top: 0%;
bottom: -0.01%;

background: #111423;


/* Link */

box-sizing: border-box;

position: absolute;
width: 222.05px;
left: 512px;
top: 292px;
bottom: -50px;

border: 1px solid #C32F2F;
border-radius: 30px;


/* Border */

box-sizing: border-box;

position: absolute;
width: 30px;
height: 30px;
left: 176.05px;
top: 11px;

border: 1px solid #C12626;
border-radius: 30px;


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 19.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #C12626;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #C12626;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #C12626;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #C12626;
transform: rotate(45deg);


/* Arrow */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2 - 0.95px);
top: calc(50% - 15px/2);



/* arrow.svg fill */

position: absolute;
width: 19px;
height: 15px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 19px;
height: 15px;
left: calc(50% - 19px/2);
top: calc(50% - 15px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.07%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #C12626;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.8%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #C12626;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.03%;
bottom: 46.97%;

border: 1.5px solid #C12626;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.5px solid #C12626;
transform: rotate(45deg);


/* Read More */

position: absolute;
width: 128.45px;
height: 21px;
left: 16px;
top: 15.5px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 510;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #C12626;



/* Line 7 */

position: absolute;
width: 192px;
height: 0px;
left: -2px;
top: 151.48px;

border: 1.02711px solid #C32F2F;


/* Overlay */

position: absolute;
height: 4px;
left: 14.44%;
right: 61.11%;
bottom: 187px;

background: rgba(0, 0, 0, 0.1);
border-radius: 10px;


/* Background */

position: absolute;
width: 176px;
left: 176px;
top: 0px;
bottom: 0px;

background: #111423;
border-radius: 10px;


/* Get In Touch */

width: 1440px;
height: 900px;


/* Inside auto layout */
flex: none;
order: 11;
flex-grow: 0;


/* racing_pit_garage_and_luxury_hypercar_002 1 */

position: absolute;
width: 1600px;
height: 900px;
left: calc(50% - 1600px/2);
top: calc(50% - 900px/2);

background: url(racing_pit_garage_and_luxury_hypercar_002);


/* Background */

position: absolute;
width: 1504px;
left: -32px;
top: 0%;
bottom: 0%;

background: #000000;
mix-blend-mode: soft-light;
opacity: 0.5;
filter: blur(18px);


/* Frame 253 */

position: absolute;
width: 1168px;
height: 646.68px;
left: calc(50% - 1168px/2);
top: calc(50% - 646.68px/2 + 0.49px);

background: rgba(0, 0, 0, 0.001);


/* Heading 2 → Join the strategic
partnership */

position: absolute;
width: 1168px;
height: 347px;
left: calc(50% - 1168px/2);
top: 60px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 113.254px;
line-height: 113px;
/* or 100% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -2.7181px;

color: #FFFFFF;



/* Let’s build the right solution together. Backed by our expertise as a technology company, our experts work with you to optimise your exact vehicle requirements and keep you moving forward, no matter the challenge. */

position: absolute;
width: 748px;
height: 108px;
left: calc(50% - 748px/2);
top: 412.85px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 22.6508px;
line-height: 29px;
/* or 130% */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.054362px;

color: #FFFFFF;



/* Link */

position: absolute;
width: 213.67px;
height: 58.89px;
left: calc(50% - 213.67px/2 - 0.17px);
top: 538.78px;

background: #C12626;
border-radius: 33.9763px;


/* Background+Border */

box-sizing: border-box;

position: absolute;
width: 33.98px;
height: 33.98px;
left: 161.57px;
top: 12.46px;

background: #C12626;
border: 1.13254px solid #FFFFFF;
border-radius: 33.9763px;


/* Arrow */

position: absolute;
width: 21.52px;
height: 16.99px;
left: calc(50% - 21.52px/2 - 22.59px);
top: calc(50% - 16.99px/2 + 0px);



/* arrow.svg fill */

position: absolute;
width: 21.52px;
height: 16.99px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 21.52px;
height: 16.99px;
left: calc(50% - 21.52px/2);
top: calc(50% - 16.99px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.06%;
top: 53.04%;
bottom: 46.96%;

border: 1.69881px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.79%;
top: 23.33%;
bottom: 34.24%;

border: 1.69881px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.04%;
bottom: 46.96%;

border: 1.69881px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.69881px solid #FFFFFF;
transform: rotate(45deg);


/* Arrow */

position: absolute;
width: 21.52px;
height: 16.99px;
left: calc(50% - 21.52px/2 - 1.08px);
top: calc(50% - 16.99px/2 + 0px);



/* arrow.svg fill */

position: absolute;
width: 21.52px;
height: 16.99px;
left: 0px;
top: 0px;



/* arrow.svg */

position: absolute;
width: 21.52px;
height: 16.99px;
left: calc(50% - 21.52px/2);
top: calc(50% - 16.99px/2);



/* Clip path group */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* a */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Rectangle 108 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #000000;


/* Mask Group 25 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 223 */

position: absolute;
left: -78.95%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Group 28 */

position: absolute;
left: 15.79%;
right: 22.92%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: 15.79%;
right: 25.06%;
top: 53.04%;
bottom: 46.96%;

border: 1.69881px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: 29.71%;
right: 36.79%;
top: 23.33%;
bottom: 34.24%;

border: 1.69881px solid #FFFFFF;
transform: rotate(45deg);


/* Group 222 */

position: absolute;
left: -78.95%;
right: 117.66%;
top: 23.33%;
bottom: 16.67%;



/* Line 6 */

position: absolute;
left: -78.95%;
right: 119.81%;
top: 53.04%;
bottom: 46.96%;

border: 1.69881px solid #FFFFFF;


/* Path 23 */

position: absolute;
left: -65.03%;
right: 131.53%;
top: 23.33%;
bottom: 34.24%;

border: 1.69881px solid #FFFFFF;
transform: rotate(45deg);


/* Get in touch */

position: absolute;
width: 107.6px;
height: 23.78px;
left: 20.12px;
top: 17.55px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 18.1207px;
line-height: 24px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.054362px;

color: #FFFFFF;



/* Repair Approval Brands */

width: 1440px;
height: 318px;

background: #FFFFFF;

/* Inside auto layout */
flex: none;
order: 12;
align-self: stretch;
flex-grow: 0;


/* Frame */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 90px;

position: absolute;
width: 1433px;
height: 70.99px;
left: calc(50% - 1433px/2 - 0.5px);
top: calc(50% - 70.99px/2 + 87.54px);



/* Group */

width: 109.18px;
height: 50.66px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 0.71%;
right: 98.12%;
top: 54.27%;
bottom: 20.89%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 4.35%;
right: 94.48%;
top: 54.27%;
bottom: 20.89%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 0%;
right: 99.47%;
top: 54.23%;
bottom: 14.32%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 1.97%;
right: 96.99%;
top: 53.86%;
bottom: 20.34%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 3.24%;
right: 95.71%;
top: 54.27%;
bottom: 20.38%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 5.71%;
right: 93.35%;
top: 54.27%;
bottom: 20.89%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 0.65%;
right: 92.41%;
top: 82.98%;
bottom: 15.35%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 1.77%;
right: 92.38%;
top: 14.32%;
bottom: 40.98%;

background: #C32F2F;


/* Group */

width: 237.92px;
height: 45.08px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 18.02%;
right: 69.5%;
top: 35.68%;
bottom: 35.61%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 13.9%;
right: 82.95%;
top: 18.25%;
bottom: 18.25%;

background: #C32F2F;


/* Group */

width: 67.73px;
height: 50.66px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector */

position: absolute;
left: 36.79%;
right: 58.49%;
top: 71.91%;
bottom: 14.32%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 36.78%;
right: 58.55%;
top: 14.32%;
bottom: 37.68%;

background: #C32F2F;


/* Group */

width: 62.38px;
height: 70.99px;


/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;


/* Vector */

position: absolute;
left: 48.25%;
right: 48.14%;
top: 7.76%;
bottom: 20.44%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 48.07%;
right: 47.97%;
top: 0%;
bottom: 87.59%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 47.79%;
right: 51.5%;
top: 88.58%;
bottom: 0%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 50.67%;
right: 48.73%;
top: 88.55%;
bottom: 0%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 49.71%;
right: 49.64%;
top: 88.58%;
bottom: 0%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 51.51%;
right: 47.87%;
top: 93.1%;
bottom: 0%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 48.78%;
right: 50.57%;
top: 88.58%;
bottom: 9.13%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 48.78%;
right: 50.57%;
top: 93.1%;
bottom: 4.61%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 48.78%;
right: 50.57%;
top: 97.71%;
bottom: 0%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 51.49%;
right: 47.86%;
top: 88.58%;
bottom: 9.13%;

background: #C32F2F;


/* Group */

width: 69.2px;
height: 42.82px;


/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;


/* Vector */

position: absolute;
left: 62.23%;
right: 37.51%;
top: 66.76%;
bottom: 20.29%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 61.16%;
right: 37.84%;
top: 62.05%;
bottom: 19.84%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 60.27%;
right: 38.91%;
top: 66.97%;
bottom: 19.88%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 58.99%;
right: 39.68%;
top: 62.01%;
bottom: 20.28%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 58.42%;
right: 36.75%;
top: 19.84%;
bottom: 46.05%;

background: #C32F2F;


/* Group */

width: 59.25px;
height: 59.25px;


/* Inside auto layout */
flex: none;
order: 5;
flex-grow: 0;


/* Vector */

position: absolute;
left: 70.08%;
right: 29.62%;
top: 23.72%;
bottom: 69.62%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 70.27%;
right: 29.42%;
top: 26.32%;
bottom: 66.68%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 69.53%;
right: 26.33%;
top: 8.27%;
bottom: 8.27%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 70.37%;
right: 27.17%;
top: 25.15%;
bottom: 25.12%;

background: #C32F2F;


/* Group */

width: 118.94px;
height: 42.07px;


/* Inside auto layout */
flex: none;
order: 6;
flex-grow: 0;


/* Vector */

position: absolute;
left: 79.95%;
right: 11.75%;
top: 20.37%;
bottom: 20.37%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 80.06%;
right: 11.84%;
top: 46.89%;
bottom: 22.22%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 87.12%;
right: 12.09%;
top: 48.5%;
bottom: 34.59%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 80.28%;
right: 19.08%;
top: 50.24%;
bottom: 36.23%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 80.41%;
right: 12.23%;
top: 23.62%;
bottom: 25.05%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 80.63%;
right: 12.46%;
top: 27.85%;
bottom: 29.02%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 85.19%;
right: 14.38%;
top: 50.37%;
bottom: 40.17%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 83.69%;
right: 16.19%;
top: 40.57%;
bottom: 56.6%;

background: #C32F2F;


/* Group */

width: 78.39px;
height: 53.35px;


/* Inside auto layout */
flex: none;
order: 7;
flex-grow: 0;


/* Group */

position: absolute;
left: 94.53%;
right: 0%;
top: 12.42%;
bottom: 12.42%;



/* Vector */

position: absolute;
left: 94.53%;
right: 0%;
top: 12.42%;
bottom: 12.42%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 95.17%;
right: 4.11%;
top: 40.31%;
bottom: 45.85%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 96.04%;
right: 3.76%;
top: 40.31%;
bottom: 45.85%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 97.76%;
right: 1.47%;
top: 40.31%;
bottom: 45.85%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 96.36%;
right: 3%;
top: 40.28%;
bottom: 45.85%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 98.6%;
right: 0.69%;
top: 40.31%;
bottom: 45.85%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 97.08%;
right: 2.27%;
top: 40.28%;
bottom: 45.85%;

background: #C32F2F;


/* Vector */

position: absolute;
left: 95.69%;
right: 1.14%;
top: 15.94%;
bottom: 62.94%;

background: #C32F2F;


/* Brands for which our repairers hold repair approvals. Autosoft makes no claim of direct manufacturer partnership. */

position: absolute;
width: 1201px;
left: calc(50% - 1201px/2 - 0.4px);
top: 14.15%;
bottom: 56.91%;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 40px;
line-height: 48px;
text-align: center;

color: #000000;



/* Footer */

width: 1440px;
height: 506px;

background: #FFFFFF;

/* Inside auto layout */
flex: none;
order: 13;
flex-grow: 0;


/* Border */

box-sizing: border-box;

position: absolute;
width: 1200px;
height: 377px;
left: calc(50% - 1200px/2);
top: calc(50% - 377px/2 + 7.46px);

border-width: 1px 0px;
border-style: solid;
border-color: #111423;


/* Heading 3 → Get in touch */

position: absolute;
width: 197px;
height: 40px;
left: 0px;
top: 64.85px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 40px;
line-height: 40px;
/* identical to box height, or 100% */
display: flex;
align-items: center;

color: #000000;



/* Link → 0371 984 1940 */

position: absolute;
width: 209px;
height: 32px;
left: 0px;
top: 155.85px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 0px;
/* or 0% */
display: flex;
align-items: center;
letter-spacing: 0.6px;

color: #000000;



/* Link → Nexus Rental
Nexus House
Leeds
LS28 6AA */

position: absolute;
width: 132px;
height: 98px;
left: 0px;
top: 241.85px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 20px;
line-height: 23px;
/* or 115% */
display: flex;
align-items: center;
letter-spacing: 0.6px;

color: #000000;



/* Label → Quick links */

position: absolute;
width: 82px;
height: 21px;
left: 862.67px;
top: 65.21px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* List */

position: absolute;
height: 194px;
left: 862.67px;
right: 192.35px;
top: 102px;



/* Frame 254 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 16px;

position: absolute;
width: 140px;
height: 124px;
left: 0px;
top: 0.21px;



/* Item → Link → Contact us */

width: 140px;
height: 19px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* identical to box height, or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Item → Link → About us */

width: 140px;
height: 19px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* identical to box height, or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Item → Link → News & insights */

width: 140px;
height: 19px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* identical to box height, or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;


/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Item → Link → News & insights */

width: 140px;
height: 19px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* identical to box height, or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;


/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;


/* Label → Connect */

position: absolute;
width: 64px;
height: 21px;
left: 1071.66px;
top: 65px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
/* identical to box height, or 131% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* List */

position: absolute;
height: 54px;
left: 1071.66px;
right: 0px;
top: 102px;



/* Item → Link → LinkedIn */

position: absolute;
width: 55px;
height: 19px;
left: 0px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* identical to box height, or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Rectangle */

position: absolute;
visibility: hidden;
height: 63px;
left: 1071.66px;
right: 38.34px;
top: 172px;



/* Frame 6 */

position: absolute;
width: 520px;
height: 520px;
left: calc(50% - 520px/2 + 0.5px);
top: calc(50% - 520px/2 - 0.3px);



/* Logo bg */

position: absolute;
left: 21.51%;
right: 21.6%;
top: 21.59%;
bottom: 21.52%;



/* Vector */

position: absolute;
left: 21.51%;
right: 21.6%;
top: 21.59%;
bottom: 21.52%;

background: linear-gradient(342deg, #DCB682 10.31%, #DA8852 15.87%, #DA6B34 20.63%, #DC6232 22.22%, #E24C2F 26.19%, #E63D2C 30.95%, #E9342B 36.5%, #EA322B 44.44%, #EA322B 89.69%);


/* Vector */

position: absolute;
left: 22.86%;
right: 74.85%;
top: 39.15%;
bottom: 39.07%;

background: #DCB682;
opacity: 0.3;


/* Embossed glow */

position: absolute;
left: 27.9%;
right: 29.08%;
top: 55.18%;
bottom: 25.46%;



/* Group */

position: absolute;
left: 27.9%;
right: 48.81%;
top: 57.6%;
bottom: 30.6%;



/* Vector */

position: absolute;
left: 29.17%;
right: 49.68%;
top: 64.81%;
bottom: 30.6%;

background: #D22C27;


/* Vector */

position: absolute;
left: 30.66%;
right: 65.48%;
top: 65.9%;
bottom: 32.33%;

background: #AD3525;


/* Vector */

position: absolute;
left: 40.06%;
right: 48.97%;
top: 62.01%;
bottom: 33.21%;

background: #9A3021;


/* Vector */

position: absolute;
left: 38.86%;
right: 56.61%;
top: 63.05%;
bottom: 30.76%;

background: #AD3525;


/* Vector */

position: absolute;
left: 40.8%;
right: 56.88%;
top: 64.24%;
bottom: 31.64%;

background: #D4402B;


/* Vector */

position: absolute;
left: 41.69%;
right: 57.45%;
top: 65.09%;
bottom: 33.07%;

background: #AD3525;


/* Vector */

position: absolute;
left: 48.65%;
right: 49.1%;
top: 62.98%;
bottom: 33.54%;

background: #A92B25;


/* Vector */

position: absolute;
left: 49.71%;
right: 49.33%;
top: 63.41%;
bottom: 34.11%;

background: #D4402B;


/* Vector */

position: absolute;
left: 50.03%;
right: 49.44%;
top: 63.93%;
bottom: 34.75%;

background: #B73527;


/* Vector */

position: absolute;
left: 28.01%;
right: 48.94%;
top: 57.72%;
bottom: 32.61%;

background: #CC3529;


/* Vector */

position: absolute;
left: 27.9%;
right: 48.81%;
top: 57.6%;
bottom: 32.5%;

background: #88261B;


/* Vector */

position: absolute;
left: 44.58%;
right: 50.4%;
top: 58.14%;
bottom: 39.38%;

background: #B42D26;


/* Vector */

position: absolute;
left: 44.52%;
right: 50.35%;
top: 58.09%;
bottom: 39.34%;

background: #88261B;


/* Vector */

position: absolute;
left: 36%;
right: 55.03%;
top: 57.96%;
bottom: 39.46%;

background: #BD3526;


/* Vector */

position: absolute;
left: 35.95%;
right: 54.98%;
top: 57.91%;
bottom: 39.41%;

background: #88261B;


/* Vector */

position: absolute;
left: 29.76%;
right: 66.29%;
top: 61.76%;
bottom: 36.55%;

background: #D8462C;


/* Vector */

position: absolute;
left: 32.19%;
right: 61.91%;
top: 61.81%;
bottom: 36.37%;

background: #B53727;


/* Vector */

position: absolute;
left: 33.5%;
right: 62.66%;
top: 61.91%;
bottom: 36.54%;

background: #D4402B;


/* Vector */

position: absolute;
left: 28.58%;
right: 70.24%;
top: 61.61%;
bottom: 36.97%;

background: #B53727;


/* Group */

position: absolute;
left: 52.06%;
right: 29.08%;
top: 55.18%;
bottom: 25.46%;

opacity: 0.38;


/* Vector */

position: absolute;
left: 63.7%;
right: 31.5%;
top: 68.34%;
bottom: 30.02%;

background: #010101;


/* Vector */

position: absolute;
left: 54.59%;
right: 35.36%;
top: 71.56%;
bottom: 25.46%;

background: #010101;


/* Vector */

position: absolute;
left: 52.06%;
right: 29.08%;
top: 55.18%;
bottom: 25.89%;

background: #010101;


/* Autosoft */

position: absolute;
left: 21.51%;
right: 21.6%;
top: 21.59%;
bottom: 21.52%;



/* Rectangle */

position: absolute;
visibility: hidden;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: url(image.png);


/* Rectangle */

position: absolute;
visibility: hidden;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: url(image.png);


/* Vector */

position: absolute;
left: 21.51%;
right: 21.6%;
top: 21.59%;
bottom: 21.52%;

border: 5.57143px solid #EA181B;


/* Embossed text */

position: absolute;
left: 28.17%;
right: 28.93%;
top: 41.76%;
bottom: 50.29%;



/* Group */

position: absolute;
left: 28.17%;
right: 28.93%;
top: 41.76%;
bottom: 50.29%;



/* Vector */

position: absolute;
left: 28.17%;
right: 63.55%;
top: 41.77%;
bottom: 50.29%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 35.68%;
right: 57.38%;
top: 43.26%;
bottom: 50.29%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 41.24%;
right: 53.61%;
top: 43.26%;
bottom: 50.29%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 44.59%;
right: 49.5%;
top: 43.26%;
bottom: 50.31%;

background: #FFFFFF;


/* Group */

position: absolute;
left: 50.7%;
right: 28.93%;
top: 41.76%;
bottom: 50.29%;



/* Vector */

position: absolute;
left: 50.7%;
right: 41.78%;
top: 41.76%;
bottom: 50.29%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 57.27%;
right: 36.81%;
top: 43.26%;
bottom: 50.31%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 61.51%;
right: 32.53%;
top: 43.26%;
bottom: 50.29%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 65.92%;
right: 28.93%;
top: 43.26%;
bottom: 50.29%;

background: #FFFFFF;


/* © AutoSoft 2025 */

position: absolute;
width: 139.04px;
height: 19px;
left: 118px;
top: 464.19px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* identical to box height, or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* List */

position: absolute;
width: 520.23px;
height: 19px;
left: 797.77px;
top: 464.19px;



/* Item → Link → Website Terms */

position: absolute;
width: 97.38px;
height: 18px;
left: 0px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Item → Link → Privacy Policy */

position: absolute;
width: 92.68px;
height: 18px;
left: 129.03px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Item → Link → Company Policy */

position: absolute;
width: 107.56px;
height: 18px;
left: 253.37px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;



/* Item → Link → Terms & Conditions */

position: absolute;
width: 128.07px;
height: 18px;
left: 392.56px;
top: 0px;

font-family: 'SF Pro';
font-style: normal;
font-weight: 274;
font-size: 14px;
line-height: 19px;
/* or 136% */
display: flex;
align-items: center;
letter-spacing: -0.048px;

color: #000000;

