@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400&display=swap" rel="stylesheet');


@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Black.eot');
    src: url('fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Black.woff') format('woff'),
        url('fonts/AvenirLTStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Book.eot');
    src: url('fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Book.woff') format('woff'),
        url('fonts/AvenirLTStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Roman.eot');
    src: url('fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Roman.woff') format('woff'),
        url('fonts/AvenirLTStd-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{margin:0; padding:0; font-family: 'Avenir LT Std', sans-serif; color:#33343F; background:#fff;}



a{text-decoration:none; color:#fff;}

a:hover{color:#ccc;}

h1{font-family: 'Almarai', sans-serif; color:#33343f; font-weight:600;}
h2{font-family: 'Poppins', sans-serif; font-weight:400;}
h4{font-family: 'Almarai', sans-serif;}
.bigtext{font-size:18px; font-family: 'Avenir LT Std', sans-serif; font-weight:100; color:#33343f;}
.bigtext1{font-size:30px; font-weight:400;}
.h1{font-size:80px; font-weight:400;}



a, .btn-primary, i{-webkit-transition: all .2s linear;

-moz-transition: all .2s linear;

-ms-transition: all .2s linear;

-o-transition: all .2s linear;

transition: all .2s linear;}



.btn{display: inline-flex; padding: 0 25px; font-size: 14px; font-family: 'Avenir LT Std'; font-weight: normal; border-radius:0; font-weight:400; height: 40px; align-items: center; justify-content:center;}

.btn:hover{color:#fff;}


.btn-primary{background:#598dcd; border:1px solid #598dcd; padding:22px; border-radius: 30px;
-webkit-box-shadow: 1px 3px 7px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 3px 7px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 3px 7px 0px rgba(50, 50, 50, 0.75);
margin-bottom:65px;}
.btn-primary:hover{background:#598dcd; border:1px solid #598dcd; opacity:.8;}

.btn-light{border-radius:0; background:#fff!important;}
.btn-light:hover{color:#333 !important; background:#adaeb2!important; border-color:#adaeb2!important;}



.bg-black{background:#000;}

.header{background:#fff; width:100%; position:absolute; left:0; top:0; z-index:999; height:120px; display: flex;
 align-items: center;}
 .header.shrink{-webkit-box-shadow: 1px 1px 2px 0px rgb(50 50 50 / 30%);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
 box-shadow: 1px 1px 2px 0px rgb(50 50 50 / 30%);}

.spacer{display:block; height:120px;}
.logo img{max-width:111px;}


.logo{display:block; max-width:111px;}
.access ul{margin:0; padding:0; list-style:none;}
.access ul li{display:inline-block; margin:0 0 0 20px;}
.access ul li a{font-family: 'Avenir LT Std'; font-size:13px; color:#333; display:block; font-weight: normal;}
.access ul li a:hover, .access ul li a.active{color: #10ab7b;}

.banner{position:relative;}
/* .banner:before{position:absolute; content:''; width:100%; left:0; right:0; background:rgba(0, 0, 0, 0.2); height:170px; bottom:0;} */
.bg-left{position:absolute; content:''; background:rgba(255, 255, 255, 0.3); width:50%; height:100%; top:0;}





.form-control{background-color: transparent; border-radius:0; border-top:0; border-left:0; border-right:0; font-size:13px; padding-left:25px; padding-right:0; color:#fff;}

.form-control:focus{border-color: #a9a9a9; box-shadow: none; background-color: transparent; color:#333;}

.error{font-size: 13px; display: block; color: #f70000; margin-top: 5px;}







.footer{color:#000; font-size:12px; font-weight:400;}
.footer a{color:#000;}
.social{margin-top:20px;}
.social a{font-size:20px; display:inline-block; margin:0 5px;}
.social a:hover{color:#333;}
.call, span{font-size:14px;}






.redbox{border:3px solid #ff1616; border-radius:15px; max-width:270px; margin:0 auto; font-family: 'Open Sans', sans-serif;}
.redbox h4{margin:10px 0 5px;}
.bg-dark{background:#33343f!important;}
.bg-red{background: #e83c50;}
.list{font-family: 'Almarai', sans-serif;}
.list, .listbox{margin:0; padding:0; column-count:4; column-gap:40px;}
.list li, .listbox li{display:block; font-size:22px; line-height:60px;}
.listbox{column-count:3;}
.listbox li{background:#e83c50; margin-bottom:10px; padding:20px;}
.bg-pink{background:#e499ae;}
.bg-grey{background:#e9e9e9;}

.list2{margin:0; padding:0; list-style:none; font-size:30px;}
.list2 li{margin-bottom: 15px; padding-left:50px; position: relative;}
.list2 li:before{content:''; left:0; position:absolute; background:#55acee; border-radius:100px; padding:15px; top:10px;}
.list2 li span{padding-left:30px; font-size:30px;}
.driverbox{background: url(images/line.png) bottom center no-repeat; background-size: 30%; min-height: 670px;}
.h2{font-size:50px; font-weight:600;}
.accordion-body{background:#fff; border:1px solid #000;}
.accordion-button{background:#2f2f2f; color:#fff; text-transform: uppercase; position:relative;}
.accordion-button:not(.collapsed){background:#000; color:#fff;}
.accordion-button:focus{box-shadow:none;}
.accordion-item{border:0; border-radius:0; margin-bottom:1px;}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius:0;
    border-top-right-radius:0;
}
.accordion-button::after, .accordion-button:not(.collapsed)::after{	
	font-family:"Line Awesome Free";
	color:#fff;
	font-weight: 900;
	background: transparent;}
.accordion-button::after{content:"\f067";}
.accordion-button:not(.collapsed)::after{content:"\f068";}
.userbox{font-size:22px; max-width:300px; margin:20px auto; font-family: 'Open Sans', sans-serif; font-weight:100;}
.userbox h3{font-size:35px;}
.carbox{height: 300px; object-fit: cover;width: 100%;object-position: center;}

.qrdiv div{max-width: 130px;}
.qrdiv .btn{padding: 5px; height: auto; margin:10px 0 20px; font-size:30px;}

@media (min-width:1400px){

	.container, .container-lg, .container-md, .container-sm, .container-xl{max-width:93%; }
	.listbox{column-gap:310px;}
	.carbox{height: 400px;}
	.formbox{max-width:1000px; width:100%}

}

@media (max-width:1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1230px;}
	.listbox{column-gap:310px;}
}

@media (max-width:1199.98px){
	.listbox{column-gap:inherit;}
	h1{font-size:30px;}
	.h2{font-size:30px;}

	body{font-size:16px;}

	.spacer {height: 95px;}

	.logo {max-width: 130px;}

	.access ul li a{font-size:14px;}

	.access ul li {margin-left: 20px;}
	.gallerybox h2{font-size:20px;}
	.driver h2{font-size:40px;}
	.bigtext1{font-size:20px;}
	.list2{font-size:20px;}
	.list2 li:before{padding: 14px; top: 7px;}
	.userbox h3{font-size: calc(24px + (35 - 24) * ((100vw - 300px) / (1440 - 300)));}
.driver h2{font-size: calc(24px + (50 - 24) * ((100vw - 300px) / (1440 - 300)));}
}

@media (max-width:991.98px){
	
	.listbox{column-count:2!important;}
	.snav{ border: none; padding: 10px; width: 40px; cursor: pointer; z-index: 998; background: none;}	

	.snav i{display:block; background:#000; height:2px;}

	.snav i+i{margin-top:5px;}

	.snav:focus{outline: none;}

	.snav.openbtn i:nth-child(1){

	-moz-transform: rotate(45deg) translateX(5px) translateY(5px);

	-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);

	-o-transform: rotate(45deg) translateX(5px) translateY(5px);

	-ms-transform: rotate(45deg) translateX(5px) translateY(5px);

	transform: rotate(45deg) translateX(5px) translateY(5px);}

	.snav.openbtn i:nth-child(2){opacity:0;}

	.snav.openbtn i:nth-child(3){

	-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);

	-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);

	-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);

	-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);

	transform: rotate(-45deg) translateX(5px) translateY(-5px);}

	

#nav{display:none; position:absolute; background:#efefef; top:80px; right:0; left:0;}
.header.shrink #nav{top:68px;}
.access ul li {display: block;line-height:40px;margin:0; border-top:1px solid #cadad3; padding-right:5px;}
.access ul li a {display:flex; flex-direction: row-reverse; justify-content: center;}
.access ul li a img {display: inherit;margin:0 0 0 5px;}
.access ul li a:hover{color:#00568f;}
.access ul li a:hover, .access ul li a.active {color: #10ab7b;}

.footer a{display:inline-block; margin:0 10px 0 0;}
.header, .spacer{height:80px;}
.list{column-count:3;}
.bigtext1{font-size:20px;}
.h2{font-size:25px;}
.h1{font-size:40px;}
.driverbox{background:none;}

.list2 li:before{padding:14px; top: 7px;}
.qrdiv div{max-width:100px;}
}
@media (max-width:767.98px){
.btn-primary{margin-bottom:40px;}
.listbox{column-count:1!important;}
.list{column-count:2;}
.display-4{font-size:30px;}
.userbox{max-width:100%;}
.qrdiv div{max-width:50px;}
.qrdiv .btn{margin: 5px 0 10px; font-size: 15px;}
}

@media (max-width: 575.98px) {
	.mobilebanner{height: 220px;
	object-fit: cover;
	object-position: left;}
	body{font-size:13px; line-height:20px;}
	.shrink .logo, .logo {max-width:80px;}
	.header .btn{height:inherit; padding:5px 8px; font-size:10px;}
	.display-4{font-size:20px;}
	.list2 li {padding-left:40px;}
	.list2 li:before{padding:10px; top:2px;}
}