/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 13 2026 | 12:29:24 */
span.copy a {
    color: #9DA4AB;
}

.page-header .entry-title{
	display:none;
}

div#page {
    overflow-x: hidden;
}

.homeBoxBtn {
    display: inline-flex;
    height: 54px;
    padding: 16px 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #28AF60;
    cursor: pointer;
	transition: all 1s ease-in-out;
}

.homeBoxBtn:hover {
    background: #009E42;
}

.homeBoxBtn a {
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.homeBoxTitle {
    color: var(--dark-gray, #2B3D4F);
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.104px;
    display: flex;
   /* width: 385px;*/
}

.homeBoxContent {
    color: var(--gray-for-text, #6C7781);
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.414px;
    display: flex;
    width: 464px;
}

.hobeBoxBackground {
    background-image: url(/wordpress/wp-content/uploads/2023/07/Free_MacBook_Pro_2-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.homeBoxBackgroundIMG {
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
    align-content: center;
}

.boxBackgroundIMG {
    background-image: url(/wordpress/wp-content/uploads/2023/07/Free_Iphone_13_Pro_Mockup_4-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
	width: 190px;
    height: 380.509px;
    display: flex;
    justify-content: flex-end;
	position: relative;
    top: 50px;
}


.btnBox {
    position: absolute;
    width: auto;
    height: auto;
    top: 395px;
    left: 270px;
}

.btnBoxHome {
    background: url(/wordpress/wp-content/uploads/2023/07/Pointer-on-map.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 120px;
    display: block;
	z-index:999;
	position:relative;
}

.btnBoxArrow {
    position: relative;
    left: -500px;
    top: -64px;
}

.btnBoxArrowTwo {
    position: absolute;
    left: 490px;
    width: auto;
    top: -300px;
    z-index: 0;
}




.homeIconCol1 {
    background: url(/wordpress/wp-content/uploads/2023/07/Phone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px;
    display: flex;
}

.homeIconCol2 {
    background: url(/wordpress/wp-content/uploads/2023/07/Computer.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px;
    display: flex;
}

.homeIconCol3 {
    background: url(/wordpress/wp-content/uploads/2023/07/ELD-Device.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px;
    display: flex;
}

span.iconRowTotle {
    color: var(--gray-for-text, #6C7781);
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}

span.iconRowContent {
    color: var(--gray-for-text, #6C7781);
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.414px;
}

span.homeIcon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
	gap: 10px;
}

span.homeIconRow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    gap: 0;
}

span.iconHomeBox {
    display: flex;
    gap: 100px;
	margin: 23px 0 0 0;
}

.btnHeaderNav {
    color: var(--gray-for-text, #6C7781);
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-flex;
    height: 44px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 2px solid var(--gray-for-text, #6C7781);
	transition: all 1s ease-in-out;
	cursor:pointer;
}

.btnHeaderNav:hover {
    border: 1.067px solid var(--dark-gray, #2B3D4F);
    color: #2B3D4F;
}

.headerNavLink {
    color: var(--gray-for-text, #6C7781);
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.414px;
}

.headerBox{
	display: flex;
    padding: 0 120px;
    justify-content: space-between;
    --content-width: 1440px;
}


/** **/
.freeTrialBox {
    color: #28AF60;
}

.freeTrialBoxBtn {
    display: flex;
    gap: 16px;
	position: relative;
    top: 10px;
}

.freeTrialBoxBtn a {
    text-decoration: none;
}

.freeTrialBoxBtnOne {
    display: inline-flex;
    height: 44px;
    padding: 6px 24px;
    justify-content: center;
    align-items: center;
    gap: 5.333px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1.067px solid #6C7781;
    color: #6C7781;
    text-align: center;
    font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	transition: all 1s ease-in-out;
}

.freeTrialBoxBtnOne:hover{
	border-color: #2B3D4F;
	color: #2B3D4F;
}

.freeTrialBoxBtnTwo {
    display: inline-flex;
    height: 44px;
    padding: 6px 24px;
    justify-content: center;
    align-items: center;
    gap: 5.333px;
    border-radius: 4px;
    background: #28AF60;
    color: #fff;
    text-align: center;
    font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	transition: all 1s ease-in-out;
}

.freeTrialBoxBtnTwo:hover{
	background: #009E42;
}

.managerAppBox {
    display: flex;
    gap: 16px;
}

.managerAppBoxContent {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.managerAppBoxContentTitle {
    color: #2B3D4F;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.managerAppBoxContentText {
    color: #9DA4AB;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.414px;
    width: 442px;
}

.managerAppBoxIcoOne {
    background: url(/wordpress/wp-content/uploads/2023/07/file-stack.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.managerAppBoxIcoTwo {
    background: url(/wordpress/wp-content/uploads/2023/07/chart-line-axes.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.managerAppBoxIcoThree {
    background: url(/wordpress/wp-content/uploads/2023/07/activity.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}


.driverAppBoxIcoOne {
    background: url(/wordpress/wp-content/uploads/2023/07/activity.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.driverAppBoxIcoTwo {
    background: url(/wordpress/wp-content/uploads/2023/08/Co-Driver-24px.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.driverAppBoxIcoThree {
    background: url(/wordpress/wp-content/uploads/2023/08/file-stack.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}


.trackingAppBoxIcoOne {
    background: url(/wordpress/wp-content/uploads/2023/08/shuffle.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.trackingAppBoxIcoTwo {
    background: url(/wordpress/wp-content/uploads/2023/08/clipboard-edit.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.trackingAppBoxIcoThree {
    background: url(/wordpress/wp-content/uploads/2023/08/compass.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}


a.managerAppBoxLink {
    text-decoration: none;
    display: flex;
    gap: 10px;
	align-items: center;
    justify-content: center;
	transition: all 1s ease-in-out;
}

a.managerAppBoxLink:hover .managerAppBoxTitle {
    color: #009E42;
}

a.managerAppBoxLink:hover .managerAppBoxArrow {
    background: url(/wordpress/wp-content/uploads/2023/07/near_me-1.svg);
}

.managerAppBoxArrow {
    background: url(/wordpress/wp-content/uploads/2023/07/near_me.svg);
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
	transition: all 1s ease-in-out;
}

.managerAppBoxTitle {
    color: #28AF60;
    text-align: center;
    font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	transition: all 1s ease-in-out;
}

span.managerAppBoxH1:after {
    content: '';
    position: absolute;
    left: 14%;
    bottom: -8px;
    background-color: #28AF60;
    width: 130px;
    height: 2px;
}

span.driverAppBoxH1:after {
    content: '';
    position: absolute;
    left: 14%;
    bottom: -8px;
    background-color: #28AF60;
    width: 90px;
    height: 2px;
}

span.trackingAppBoxH1:after {
    content: '';
    position: absolute;
    left: 22%;
    bottom: -8px;
    background-color: #28AF60;
    width: 170px;
    height: 2px;
}

span.accordionLine:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    background-color: #28AF60;
    width: 190px;
    height: 2px;
}

.videoBox {
    width: 1200px;
    left: -30px;
    position: relative;
}

media-poster {
    position: absolute;
    width: 1460px;
    left: -130px;
    top: -85px;
    height: auto;
    z-index: 100;
}

.fuelingBoxContent {
    width: 262px;
}

.colorBoxGreen{
	color:#28AF60;
}


.active-button {
         
        }

        .active-button svg {
            transform: rotate(270deg);
        }

        .active-button svg path {
            stroke: #28AF60;
            fill: #28AF60;
        }

        .btnSlideBox {
            width: 100%;
            display: flex;
            gap: 10px;
            flex-direction: row;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

        .btnSlide {
            display: flex;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap;
            flex-direction: row;
            gap: 10px;
            width: 386px;
            cursor: pointer;
			margin: 20px 0 0 0;
        }

        .btnSlide p {
            color:  #6C7781;
            font-family: Lato;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 38px;
			position: relative;
    		top: 6px;
        }

        .active-button:after {
            content: '';
            position: absolute;
            background-color: #28AF60;
            width: 29%;
            height: 2px;
            margin-top: 60px;
        }

        .txtSlideBox{
            width: 100%;
			margin: 44px 0 0 0;
        }

        .slideTxt{
            column-count: 2;
            column-gap: 20px;
        }

        .slideTxt p{
            flex-basis: 50%;
            color: #6C7781;
            font-family: Lato;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            letter-spacing: -0.414px;
        }

.copy{
	opacity:0.5;
}

.footerLinkBox {
    display: flex;
    gap: 38px;
}

.footerLinkBox a {
    color: var(--Gray-for-inactive-title-and-icons, #9DA4AB);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.205px;
}

.imgBoxSlide {
    width: 1200px;
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}


a.contacEmailBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    text-decoration: none;
    gap: 10px;
	position: relative;
    top: -40px;
}

.emailLink {
    color: var(--Gray-for-text, #6C7781);
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

body {
  overflow-x: hidden;
}

/**
.elipse {
    width: fit-content;
    position: absolute;
    left: 57%;
	z-index: 66;
	top: 30px;
}

**/

.elipse svg {
    position: relative;
    top: -200px;
}

.elipse img {
    position: absolute;
    left: -14%;
    z-index: 68;
    top: 5%;
}
.elipse {
    width: fit-content;
    position: absolute;
    left: 62%;
    z-index: 66;
}

.lineOne {
    position: absolute;
    top: -200px;
    z-index: 1;
    left: 62.25%;
}

.lineTwp {
    position: absolute;
    top: -80px;
    left: -40px;
}

.headerBoxCol div {
    padding: 0;
}

.hideDesk{
	display:none;
}

.brtNotFound {
    display: flex;
    gap: 24px;
}

.btnOne404 {
    display: inline-flex;
    height: 44px;
    padding: 6px 24px;
    justify-content: center;
    align-items: center;
    gap: 5.333px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1.067px solid var(--Gray-for-text, #6C7781);
    color: var(--Gray-for-text, #6C7781);
    text-align: center;
    font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
}

.btnTwo404 {
    display: inline-flex;
    height: 44px;
    padding: 6px 24px;
    justify-content: center;
    align-items: center;
    gap: 5.333px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #28AF60;
    color: var(--White, #FFF);
    text-align: center;
    font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	cursor: pointer;
}

.policyContent{
	width: 790px;
}

.contact-info-box > a {
    color: #9DA4AB;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.414px;
    text-decoration: none;
}
.contact-info-box > p {
    padding: 0;
    margin: 0;
    color: #9DA4AB;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.414px;
}
.contact-info-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding: 20px 0 0 0;
}


.homeBoxImages {
      display: flex;
      align-items: flex-end;
      width: 100%;
    }
    
    .homeBoxImages > div {
      position: relative;
    }
    
    .homeBoxImages > div:nth-child(2) {
      margin-left: -10%;
    }
    
    .boxImages3 {
        height: 500px;
        flex-shrink: 0;
        z-index: 1;
        left: -16%;
    }
    
    .boxImages2 {
        height: 363.647px;
        flex-shrink: 0;
        z-index: 100;
    }
    
    .boxImages1 {
        height: 249.745px;
        flex-shrink: 0;
        z-index: 1;
        left: 90px;
    }

.boxImages2 img,
.boxImages1 img,
.boxImages3 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

fieldset.hidden-fields-container {
    display: none;
}

span.iconRowContent {
    display: flex;
    align-items: center;
	gap: 8px;
	position: relative;
    top: 5px;
}

span.iconRowContent a {
    display: flex;
    align-items: center;
	gap: 8px;
	font-family: Lato;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -2.3%;
    color: #007AFF;
	text-underline-offset: 5px;
}

span.iconRowContent a p{
	margin: 0;
	padding: 0;
}

span.iconRowContent a:first-child img{
	width: 32px;
	height: 32px;
}

span.iconRowContent a:last-child img{
	width: 28px;
	height: 28px;
}

section.fleet-download {
    width: 380px;
}

section.fleet-download p,
section.fleet-download h2,
section.fleet-download button{
	margin: 0;
	padding: 0;
}

section.fleet-download > h2{
	color: #2B3D4F;
    font-family: Lato;
    font-weight: 500;
    font-size: 34px;
    line-height: 38px;
    letter-spacing: 0%;
}

section.fleet-download >  p{
	padding: 16px 0 24px;
	font-family: Lato;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -2.3%;
    color: #9DA4AB;
}

section.fleet-download button {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #28AF60;
    padding: 12px 14px;
    display: flex;
    align-items: center;
	gap: 10px;
	height: 56px;
}

.store-btn__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.fleet-download__actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}

p.store-btn__label {
    font-family: Lato;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #28AF60;
}

p.store-btn__name {
    font-family: Lato;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0%;
	color: #28AF60;
}

.img-radius{
	position: relative;
}

.img-radius::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url(https://fleetbeat.xyz/wordpress/wp-content/uploads/2026/07/Mockup_10_07_2026.webp) center right / contain no-repeat;
    border-radius: 20px;
    overflow: hidden;
    pointer-events: none;
}

section.fleet-download button:hover,
section.fleet-download button:active{
	background: transparent;
    border: 1px solid #28AF60;
}

@media (max-device-width: 575.98px){
	
	.contact-info-box {
		gap: 4px;
	}
	.contact-info-box > p,
	.contact-info-box > a{
		font-size: 14px;
        line-height: 21px;
	}
	
	
	.homeBoxTitle {
		font-size: 32px;
		line-height: 120%;
		text-align: -webkit-center;
		width: auto !important;
	}
	
	.homeBoxContent {
		font-size: 16px;
		line-height: 150%;
		text-align: -webkit-center;
		width: auto;
	}
	
	.lineTwp{
		display:none;
	}
	
	span.iconRowTotle {
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 27.022px;
	}
	
	span.iconRowContent {
		font-size: 10px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.23px;
		top: 0;
	}
	
	span.iconHomeBox {
		display: flex;
		gap: 0;
		margin: 23px 0 0 0;
	}
	
	span.homeIcon{
		flex-direction:column;
		gap: 0;
		margin: 24px 0 0 0;
	}
	
	span.homeIconRow{
		text-align:-webkit-center;
		align-items: flex-start;
	}
	
	.btnSlideBox {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		margin: 12px 0 0 0;
	}
	
	.btnSlide {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		align-content: center;
		width: 100%;
		margin: 0;
	}
	
	.active-button:after{
		width:100%;
	}
	
	.imgBoxSlide{
		width:auto;
		height: 157px;
	}
	
	.slideTxt p {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.368px;
	}
	
	.slideTxt {
		flex-direction: column;
		gap: 0;
	}
	
	.txtSlideBox{
		margin: 29px 0 0 0;
	}
	
	.freeTrialBoxBtn {
		flex-direction: column;
		top: 0;
	}
	
	.freeTrialBoxBtn a span {
		width: 296px;
	}
	
	.managerAppBoxH1 {
		font-size: 28px;
		font-style: normal;
		font-weight: 500;
		line-height: 27.022px;
	}
	
	.driverAppBoxH1 {
		font-size: 28px;
		font-style: normal;
		font-weight: 500;
		line-height: 27.022px;
	}
	
	.trackingAppBoxH1 {
		font-size: 28px;
		font-style: normal;
		font-weight: 500;
		line-height: 27.022px;
	}
	
	.managerAppBoxContentTitle {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
	}
	
	.managerAppBoxContentText {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.368px;
		width: auto;
	}
	
	.managerAppBoxIcoOne{
		display: flex;
		width: 24px;
		height: 24px;
		padding: 2px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	
	.managerAppBoxIcoTwo{
		display: flex;
		width: 24px;
		height: 24px;
		padding: 2px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	
	.managerAppBoxIcoThree{
		display: flex;
		width: 24px;
		height: 24px;
		padding: 2px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	
	.driverAppBoxIcoOne{
		display: flex;
		width: 24px;
		height: 24px;
		padding: 2px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	
	.driverAppBoxIcoTwo{
		display: flex;
		width: 24px;
		height: 24px;
		padding: 2px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	
	.driverAppBoxIcoThree{
		display: flex;
		width: 24px;
		height: 24px;
		padding: 2px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	
	.trackingAppBoxIcoOne{
		display: flex;
		width: 24px;
		height: 24px;
		padding: 2px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	
	.trackingAppBoxIcoTwo{
		display: flex;
		width: 24px;
		height: 24px;
		padding: 2px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	
	.trackingAppBoxIcoThree{
		display: flex;
		width: 24px;
		height: 24px;
		padding: 2px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	
	span.managerAppBoxH1:after{
		left:23%;
		width: 105px;
	}
	
	span.driverAppBoxH1:after{
		left: 22%;
		width: 75px;
	}
	
	span.trackingAppBoxH1:after{
		left: 35%;
		width: 140px
	}
	
	span.accordionLine {
		font-size: 30px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	
	span.accordionLine:after{
		width: 150px;
	}
	
	.accordion-header {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.414px;
	}
	
	.accordion-content {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.368px;
	}
	
	.accordion-header.activeBoxAccordion:after {
		width: 100%;
		bottom: 10px;
		top: auto;
	}
	
	.metricBox {
		width: 50%;
	}
	
	.metricBoxTitle {
		position: relative;
		top: -30px;
	}
	
	.emailLink {
		font-size: 17.067px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
	}
	
	.contacEmailBox{
		margin: 10px 0 0 0;
	}
	
	.videoBox {
		width: 100%;
		position: relative;
		left: auto;
	}
	
	media-poster {
		position: absolute;
		width: 122%;
		left: -35px;
		top: -23px;
		height: auto;
		z-index: 100;
	}
	
	.homeBtnCol {
		width: 100%;
	}
	
	#mobNavbar nav {
		width: 100vw !important;
		position: relative;
		height: 100vh;
		padding: 0;
		margin: 0;
		left: -100% !important;
		display: flex;
		align-items: flex-start;
    	padding: 0 8px;
	}
	
	
	#mobNavbar nav ul {
		display: flex;
		gap: 24px;
	}
	
	#mobNavbar nav ul li a span {
		color: var(--Gray-for-text, #6C7781);
		font-feature-settings: 'ss04' on, 'ss03' on, 'ss02' on, 'liga' off, 'calt' off;
		font-family: Lato;
		font-size: 34px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	
	.hideDesk {
		display: inline-flex;
		height: 60px;
		padding: 10px 48px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;
		border-radius: 8px;
		border: 2px solid var(--gray-for-text, #6C7781);
		transition: all 1s ease-in-out;
		cursor: pointer;
	}

}

@media (max-device-width: 991.98px){
	.imgBoxSlide {
		width: auto;
	}
	
	.lineTwp {
		display: none;
	}
	
	.managerAppBoxContent{
		width: fit-content;
	}
	
	.managerAppBoxContentText{
		width: auto;
	}
	
	span.trackingAppBoxH1:after{
		left: 0;
		width: 85px;
	}
	
	span.driverAppBoxH1:after{
		left: 33%;
		width: 80px;
	}
	
	span.managerAppBoxH1:after {
		left: 33%;
		width: 110px;
		top: 45px;
	}
	
	.slideTxt{
		flex-direction: column;
	}
	
	.slideTxt p{
		font-size: 16px;
	}
	
	.slideTxt p{
		font-size: 20px;
	}
	
	span.iconRowTotle {
		font-size: 18px;
		width: max-content;
	}
	
	span.iconHomeBox {
		display: flex;
    	margin: 48px 0 0 0;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 20px;
	}
	
	.imgBoxSlide img {
		height: 100%;
		object-fit: contain;
	}
	
	.homeBoxTitle{
		font-size: 32px;
		width: 364px;
	}
	
	.homeBoxContent{
		font-size: 16px;
	}
	
	.titPlan{
		width: 477px;
	}
	
	.accordion-header.activeBoxAccordion:after {
		width: 100%;
		top: 80px;
	}
	
	span.accordionLine:after{
		width: 150px;
	}
	
	#mobNavbar nav {
		width: 100vw !important;
		position: relative;
		height: 100vh;
		padding: 0;
		margin: 0;
		left: -100% !important;
		display: flex;
		align-items: flex-start;
    	padding: 0 8px;
	}
	
	
	#mobNavbar nav ul {
		display: flex;
		gap: 24px;
	}
	
	#mobNavbar nav ul li a span {
		color: var(--Gray-for-text, #6C7781);
		font-feature-settings: 'ss04' on, 'ss03' on, 'ss02' on, 'liga' off, 'calt' off;
		font-family: Lato;
		font-size: 34px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	
	.hideDesk {
		display: inline-flex;
		height: 60px;
		padding: 10px 48px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;
		border-radius: 8px;
		border: 2px solid var(--gray-for-text, #6C7781);
		transition: all 1s ease-in-out;
		cursor: pointer;
	}
	
	body{
		overflow-x: hidden;
	}
	
/* 	.active-button:after {
            margin-top: 80px;
        } */
	
	.fleetbeat-deals__grid{
		flex-direction: column;
	}
	
	.img-radius::after {
		display: none;
	}
	
	section.fleet-download > h2{
		font-size: 28px;
		line-height: 100%;
	}
	
	section.fleet-download > p{
		padding: 18px 0 24px;
		font-size: 16px;
		line-height: 150%;
	}
	
	
}