body{ margin:0px; padding:0px; font-family: 'Inter', sans-serif; font-size:14px; line-height:17pt; font-weight:300; color:#242021; background:#fdfdfd;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px; font-weight:normal; box-sizing:border-box; color:#383636;}
p{}
p, span, strong{ margin:0px; padding:0px; box-sizing:border-box;}
div, ol, ul, li{ margin:0px; padding:0px; box-sizing:border-box; list-style:none;}
a{ text-decoration:none; -webkit-transition:all 0.2s;}
a:hover{ text-decoration:none; color:#343433;}
:before, :after{ -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
.btn{-webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
input{ box-sizing:border-box;}

/*global class*/
.container{ max-width:1100px; margin:0 auto!important; float:none!important;}
.container1{ max-width:900px; margin:0 auto!important; float:none!important;}
.section{ padding:70px 0px;}
.section.top{padding:70px 0px 0px;}
.section.bottom{padding:0px 0px 70px;}
.skyback{ background:#f5fcff;}
.grayback{ background:#efefef;}
.no-margin{ margin:0px!important;}


.globaltext{ width:auto;}
.globaltext .title{ width:auto; color:#190e67; font-size:40px; text-align:left; margin:0px 0px 40px 0px; font-weight:400;  position:relative;}
.globaltext .pera h4{width:auto; font-weight:500; font-size:18px; margin:5px 0px 10px 0px; font-weight:500;}
.globaltext .pera h4.purple{color:#4834ae;}
.globaltext .pera p{ width:auto; margin:0px 0px 8px 0px; text-align:left; }
.globaltext .pera p.fixedcontent{ min-height:140px; height:140px; overflow:hidden;}
.globaltext .pera p strong{ font-weight:500; }
.globaltext .pera p a{ display:block; color:#fff; margin:30px 0px 0px 0px; font-weight:300;}
.globaltext .pera p a i{ font-size:25px; margin:0px 0px 0px 5px; display:inline-block; vertical-align:middle; font-weight:100; opacity:0.6;}
.globaltext .pera p.more{ text-align:center; cursor:pointer;}
.globaltext .pera p.more i{ -webkit-transform: rotate(90deg); font-weight:100; opacity:1; font-size:25px;}
.globaltext .pera p.more.active i{-webkit-transform: rotate(-90deg);}
.globaltext .knowmore{ width:auto; padding:60px 0px 0px;}
.globaltext .knowmore p{ width:auto;}
.globaltext .knowmore p a{ width:auto; display:inline-block; background:#8a9aa7; padding:10px 30px; color:#fff; border-radius:4px;}
.globaltext .knowmore p a:hover{ background:#4834ae;}

.globaltext.center{ text-align:center;}
.globaltext.center .title{text-align:center;}
.globaltext.center .pera p{text-align:center;}

.globaltext.right{ text-align:right;}
.globaltext.right .title{text-align:right;}
.globaltext.right .pera p{text-align:right;}


.globaltext.white{ color:#fff;}
.globaltext.white .title{color:#fff;}
.globaltext.white .pera h4{color:#fff;}
.globaltext.white .pera p{color:#fff;}

.globaltext.large{ width:auto;}
.globaltext.large .pera p{font-size:23px; line-height:29pt;}


.global-content-box{ width:auto; position:relative; overflow:hidden; text-align:center; margin:10px 0px 0px 0px; padding:20px 20px 0px;}
.global-content-box .icon{ display:flex; align-items:center; justify-content:center; margin:0px 0px 25px 0px; height:110px;}
.global-content-box .icon img{}
.global-content-box .img-round{ display:inline-block; width:240px; height:240px; margin:0px 0px 25px 0px;}
.global-content-box .img-round img{ width:100%; height:100%; border-radius:50%;}

.global-content-box.blue .icon{ background:#4733af; width:135px; height:135px; border-radius:50%; display:inline-flex;}
.global-content-box.blue .pera p.fixedcontent{ min-height:70px; height:70px; overflow:hidden;}

.single-image{ width:auto;}
.single-image img{ width:100%; height:auto;}


/*global class*/

/*header start*/
.header{ width:auto; padding:50px 0px 40px;}
.header .container{ display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap;}
.header .logo{ width:auto;}
.header .right-panel{ width:auto; padding:20px 0px 0px 0px;}
.header .social-links{ width:auto; display:flex; align-items:center; justify-content:flex-end;}
.header .social-links .link{ width:auto; margin:0px 0px 0px 20px;}
.header .social-links .link a{ color:#8a9ba8; padding:6px 12px; display:block; font-size:22px;}
.header .social-links .link.whatsapp{ width:auto;}
.header .social-links .link.whatsapp a{ background:#00a95c; color:#fff!important; border-radius:4px; padding:5px 8px; font-size:15px; font-weight:400;}
.header .social-links .link.whatsapp a i{font-size:20px; display:inline-block; vertical-align:top;}
.header .social-links .link.whatsapp a:hover{ background:#16cb79;}
.header .social-links .link a:hover{ color:#4834ae;}

.mobile-menu{ display:none;}
.header .menu{ width:auto; margin:30px 0px 0px;}
.header .menu ul{ width:auto; text-align:right;}
.header .menu ul li{ display:inline-block; margin:0px 0px 0px 50px; position:relative;}
.header .menu ul li a{ color:#58595b; display:block; padding:0px; font-weight:500; font-size:17px; text-transform:uppercase;}
.header .menu ul li a:hover{color:#4834ae;}

.header .menu ul li .dropdown{position:absolute; left:0px; top:20px; width:270px; padding:20px 0px 0px 0px; display:none; z-index:100;}
.header .menu ul li:hover .dropdown{ display:block;}
.header .menu ul li ul{ width:100%; background:#fff; text-align:left; padding:10px; border-radius:6px; box-shadow:0px 0px 10px #eee;}
.header .menu ul li ul li{ width:auto; display:block; margin:0px; border-bottom:1px #cec4c4 dashed;}
.header .menu ul li ul li:last-child{ border:0px;}
.header .menu ul li ul li a{ padding:8px; text-transform:capitalize;}

/*header class*/

/*banners start*/
.banners{ width:auto; background:#4733af; padding:50px 0px 30px;}
.banners .banner-text{ width:auto; color:#fff;}
.banners .banner-text h3{ width:auto; text-transform:uppercase; font-size:50px; color:#fff; margin:0px 0px 20px 0px; font-weight:800;
line-height:40pt;}
.banners .banner-text ul{ width:auto;}
.banners .banner-text ul li{ width:auto; margin:5px 0px; position:relative; padding:0px 10px; font-weight:300;}
.banners .banner-text ul li:before{ width:4px; height:4px; position:absolute; left:0px; top:10px; background:#fff; content:''; border-radius:5px;}
.banners .banner-image{ width:auto;}
.banners .banner-image img{ width:100%; height:auto;}
/*banners close*/

/*inner-banner start*/
.inner-banner{ width:auto; height:360px; position:relative;}
.inner-banner img{ width:100%; height:100%; position:absolute; left:0px; top:0px;}
.inner-banner .container{ display:flex; align-items:center; height:100%; position:relative; z-index:2;}
.inner-banner .container h2{ width:auto; font-size:55px; font-weight:700; color:#4733b0; text-transform:uppercase;}
/*inner-banner close*/


.about-us{ width:auto; background:#8a9aa7; padding:90px 0px 0px 0px;}
.about-us .img{ width:auto;}
.about-us .img img{ width:100%; height:auto;}
.about-us .globaltext .pera h4{ margin:0px; font-size:35px; margin:0px 0px 40px 0px; font-weight:400; }


.numbers-box{ width:auto; background:url(../images/numbers-background.jpg) center top no-repeat; background-size:cover;}
.numbers-box .globaltext{ color:#fff;}
.numbers-box .globaltext .pera h4{ font-size:50px; color:#efc130; font-weight:800; margin:0px 0px 20px;}
.numbers-box .globaltext
.car-park-solution{ width:auto;}
.car-park-solution .global-content-box{ background:#4733af; padding:20px 40px; }
.car-park-solution .global-content-box .icon{ height:60px; margin:0px 0px 13px 0px;}

.helpbox{ width:auto;}
.helpbox .help-content{ width:auto; padding:0px 0px 0px 40px;}
.helpbox .help-content p{ width:auto; color:#190e67; font-size:55px; line-height:40pt; margin:0px 0px 5px 0px; font-weight:400;}
.helpbox .help-content p a{ width:auto; display:inline-block; border-radius:6px; background:#3d8ab8; color:#fff; font-size:18px; padding:12px 25px; line-height:18pt;}
.helpbox .help-content p a:hover{ background:#4834ae;}

.inner-wrappre{ width:auto; position:relative;}
.inner-wrappre:before{ width:30%; position:absolute; right:0px; top:0px; height:100%; background:#4733af; content:'';}
.inner-wrappre .content-area{ width:auto; padding:60px 20px 50px 0px;}
.inner-wrappre .content-area h3{ font-size:25px; text-align:left; line-height:35px; font-weight:500; color:#30394e; margin:0px 0px 15px 0px;}
.inner-wrappre .content-area h4{ font-size:35px; text-align:left; font-weight:500; color:#180d69; margin:70px 0px 15px 0px;}
.inner-wrappre .content-area h4 span{color:#30394e; display:block; font-size:17px; font-weight:600; margin:5px 0px 0px 0px;}

.inner-wrappre .content-area p{ width:auto; margin:0px 0px 20px 0px; text-align:justify; font-weight:500;}
.inner-wrappre .content-area p:last-child{ margin:0px;}
.inner-wrappre .content-area .block{ background:#efefef; padding:30px; margin:30px 0px 0px 0px;}
.inner-wrappre .content-area .block p{ font-size:20px; line-height:24pt; font-weight:500; text-align:left;}

.inner-wrappre .side-menu{ width:auto; background:#4733af; padding:20px; color:#fff; border-top:1px #614fb9 solid; height:100%;}
.inner-wrappre .side-menu i{ font-weight:300!important; font-size:20px!important; opacity:0.5; position:absolute; right:10px; top:12px; -webkit-transform:rotate(90deg);}
.inner-wrappre .side-menu .heading{ width:auto; color:#fff; font-weight:600; font-size:18px; border-bottom:1px #8375ca solid; padding:10px 5px;
position:relative; margin:0px 0px 10px 0px; cursor:pointer;}
.inner-wrappre .side-menu .heading.active i{-webkit-transform:rotate(-90deg);}
.inner-wrappre .side-menu .dropme{ width:auto; display:none;}
.inner-wrappre .side-menu .dropme .subheading{ width:auto; padding:10px 20px 0px; overflow:hidden; position:relative; cursor:pointer;}
.inner-wrappre .side-menu .dropme .subheading.active{background:#5543b7;}
.inner-wrappre .side-menu .dropme .subheading.active i{-webkit-transform:rotate(-90deg);}
.inner-wrappre .side-menu .dropme .content{ width:auto; background:#5543b7; padding:0px 20px 15px; margin:0px 0px 5px; display:none;}
.inner-wrappre .side-menu .dropme .content p{ width:auto; overflow:hidden;}
.inner-wrappre .side-menu .dropme .content p a{ width:auto; float:right; padding:0px 30px; margin:0px 0px 0px 0px; color:#fff; overflow:hidden; position:relative;}
.inner-wrappre .side-menu .dropme .content p a i{-webkit-transform:rotate(0deg); top:3px;}

/*contact*/
.contactus{ width:auto;}
.contactus .head{ width:auto;} 
.contactus .head h2{ width:auto; margin:0px 0px 20px 0px; font-weight:500;}
.contactus p{ width:auto; color:#abaeaf; font-weight:400;}
.contactus .contact-box{ background:#fff; border-radius:8px; padding:40px 30px; margin:30px 0px 0px 0px}
.contactus .form-box{ width:auto; margin:0px 0px 30px 0px;}
.contactus .form-box:last-child{ margin:0px;}
.contactus .form-box .text{ width:100%; border:1px #d3d3d3 solid; padding:15px; border-radius:6px; outline:none;}
.contactus .form-box .text::placeholder{color:#abaeaf; font-weight:400;}
.contactus .form-box .submit { width:auto; display:inline-block; border-radius:6px; background:#3d8ab8; color:#fff; font-size:18px; padding:12px 25px; border:none; 
margin:0px 20px 0px 0px;}
.contactus .form-box p{ display:inline-block;}
.contactus .form-box .checkbox{border:1px #abaeaf solid;}
.contactus .getbox{ width:auto; padding:10px 0px; min-height:185px; }
.contactus .getbox .box{ margin:0px 0px 20px 0px}
.contactus .getbox .box p{ width:auto;}
.contactus .getbox .box p a{ color:#abaeaf;}
.contactus .getbox .box p span{ font-size:17px;}
.contactus .getbox .box:last-child{ margin:0px;}
.contactus .map{ width:100%; height:350px; border-radius:6px; overflow:hidden;}
.contactus .map iframe{ border:0px; width:100%; height:100%;}	
/*contact*/


/*footer start*/
.footer{ width:auto; background:#2f3a4c;}
.footer a{ color:#fff;}
.footer .footer-logo{ width:auto;}
.footer .footer-logo p{ color:#fff; margin:0px 0px 15px 0px; font-size:14px; text-align:center;}
.footer .footer-logo ul{ width:auto; margin:20px 0px 0px 0px; text-align:center;}
.footer .footer-logo ul li{ width:auto; display:inline-block; margin:0px 25px 0px 0px;}
.footer .footer-logo ul li a{color:#fff; display: block; font-size: 22px; display:inline-block;}
.footer .footer-box{width:auto; }
.footer .footer-box .borer-box{ width:auto; border:1px #506175 solid; padding:10px 0px; min-height:70px; display:flex;
align-items:center; flex-wrap:wrap;}
.footer .footer-box p{ color:#fff; text-align:center; width:100%; font-size:14px; font-weight:300;}
.footer .footer-box p strong{ font-weight:500;}
.bottom-footer{ padding:20px 0px; background:#1b2433;}
.bottom-footer p{ text-align:center; margin:2px 0px; color:#fff; font-size:14px; font-weight:300;}
/*footer start*/