@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');

body { font-family: "Heebo", sans-serif; background-color: #fff;  font-size: 18px; line-height: 27px; font-style: normal; color: #000; font-weight: 400; direction: rtl;   }
h1, h2, h3, h4, h5, h6 {  font-family: "Heebo", sans-serif; font-style: normal; font-weight: 400; font-size: 77px;line-height: 87px; margin-bottom: 50px; color: #fff;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}

.container, .container-fluid  [class*="col-"] { padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}
.row  [class*="col-"] { position:relative; padding-left: 15px; padding-right: 15px; }

.container-fluid.hpadding { padding: 0; overflow: hidden ;}
.zerocol { padding: 0; margin: 0; position:relative; }
.zerocol .row { margin-left: 0px; margin-right: 0px;}
.zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.navbar-toggler { display: none; height: 42px;  width: 50px;  border-radius: 0px; background-color: none;position:absolute; left: 0px; top: 10px; z-index: 102; border: 0; padding: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.navbar-toggler i{ width: 30px; height: 1px; background: rgba(255,255,255,1); border-radius: 0px; position:absolute; z-index: 5; left: 10px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; opacity: 1; font-size: 0px; line-height:  0px; color:rgba(255,255,255, 0); }
.navbar-toggler i:nth-child(1){ top: 10px;}
.navbar-toggler i:nth-child(2){top: 21px;}
.navbar-toggler i:nth-child(3){top: 32px;}
.navbar-toggler.active i:nth-child(2) { opacity: 0;}
.navbar-toggler.active i:nth-child(1) { transform: rotate(-45deg); top: 15px;}
.navbar-toggler.active i:nth-child(3) { transform: rotate(45deg); top: 15px; }

.header {  position: fixed;  padding:  0; z-index:  999; left:  0; right:  0; top:  0; background: #0097CE; height:  120px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.header .container { position: relative; max-width: 100%; width: 100%; padding: 0; z-index:  1;}	

.logo { position: absolute; z-index:  99; right: 8%;top: 35px; padding: 0;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;  }
.logo a { display: block; height: 100%;}
.logo img { max-width: 100%;}

.top_block { background: #183E6B;display: flex; flex-wrap: wrap; padding: 26px 15px 0 15px; width: 636px; position: fixed; left: 6.5%; top: 0; height: 71px; border-radius: 0 0 10px 10px; z-index: 99;}
.top_block div {flex: 0 0 auto; max-width: auto;  width: auto; padding-left: 28px;}
.top_block div.search_block {padding-left: 0px; width: 200px; padding-right: 28px;}
.search_block .form-control{border-radius: 0; border: 0; border-bottom: solid 1px #fff ; padding:0 35px 0 0; font-size: 14px; line-height: 30px; color: #fff; background: url("../images/search.svg") no-repeat right center; width: 100%;}

.top_block div.language { z-index:  19; width: 28px; padding-left: 0; height: 32px; position: relative; display: inline-block;}
.top_block div a { color: #fff; display: block; position: relative; padding-right: 28px; font-size: 14px; line-height: 32px;}
.top_block div a img { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.language  ul { display: block; padding:  0; margin:  0; list-style: none; }
.language  ul li { display: block; position: absolute; width: 14px; height: 14px; left: 0; top: 0; padding:  0; margin:  0;}
.language  ul li:nth-child(2)  { left: 10px; top: 10px;}
.top_block div.language  ul li a { color: #fff;font-size: 10px; font-weight: 700; line-height:  11px; display: block; float: left; border: solid 2px #fff; padding:  0 2px; margin:  0;  background: #183E6B;}
.language  ul li.active { z-index: 2;}



.home_header { padding:240px 0 50px 0; margin: 0; z-index: 1;  position: relative; background: #183E6B;}
.home_header_desktop, .home_header_mobile { min-height: 100vh; display: block; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-repeat:no-repeat; background-position: center top; background-size: cover;}
.home_header_mobile { display: none;}
.home_header_desktop:after, .home_header_mobile:after{content:""; position: absolute;  left: 0; right: 0; top: 0; bottom: 0; z-index: 2; mix-blend-mode: multiply;  background: linear-gradient(to bottom,  rgba(24,62,10,0) 0%,#183E6B 100%); }
.home_header_desktop:before, .home_header_mobile:before {content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; mix-blend-mode: multiply; background: url("../images/header_shape.svg") no-repeat center top; background-size: cover; }

.header_caption { position: relative; z-index: 3; padding: 10px 270px 0 0px; font-size: 33px; line-height: 33px; color: #fff; font-weight: 700;}
.header_caption p { padding-left: 350px;margin-bottom: 30px;}
.header_caption h2 {  font-size: 93px; line-height: 96px; margin-bottom: 30px; font-weight: 700;}

.who_we { font-size: 18px; line-height: 28px; color: #fff; position: relative; border-radius: 77px 77px 0 0; padding:60px 0 0 0; margin: 0; z-index: 2; margin-top: -200px; background: #003C6C;}
.who_we .row {  margin-left: 0px; margin-right: 0px; align-items: center; position: relative; z-index: 5;}
.who_we .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.who_we:before{content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/shape2.svg") no-repeat right 140px; background-size: auto; }
.who_content { padding: 0 180px 170px 90px;}
.who_pic { padding: 0 50px 170px 0; text-align: left;}
.who_pic img { max-width: 100%;}

.who_we .row  [class*="col-"].cform { padding: 0 90px 100px 90px;}
.contact_form { position: relative; z-index: 10; width: 100%; float: right; padding: 36px 180px 50px 180px; position: relative; background: #0097CE; border-radius: 75px;}
.form_title { width: 100%; float:  right; text-align: center;}
.form_title p { text-align: center; font-size: 26px; line-height: 30px; color: #fff; margin-bottom: 30px;} 
.form_block {display: flex; flex-wrap: wrap; margin: 0 -50px;}
.contact_form .form_group {flex: 0 0 auto; max-width: 28%;   width: 28%; position: relative; padding: 0 50px;   }
.contact_form .form_group label { position: absolute; right:0; top: 0px;line-height: 48px; font-size: 18px;  color: #fff; opacity: 0; pointer-events: none;}
.contact_form .form_group.label_checkbox {max-width: 44%; width: 44%; padding-left: 240px; }
.contact_form .form_group.label_checkbox label {padding: 15px 30px 0px 0; opacity: 1; pointer-events: inherit; font-size: 13px; line-height: 20px;   right: auto!important; top: auto!important; display: block; position: relative; width: 100%; text-align: right; z-index: 1; cursor: pointer; margin-bottom: 0;}
.checkboxselect { margin: 0;white-space: nowrap;width: 22px; height: 22px; border-radius: 0; position: absolute; right:  0px; top: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  border: 1px solid #fff;  background:#0097CE;  padding: 0;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.checkboxselect:checked { border:solid 1px #fff; background:#0097CE;}
.checkboxselect:focus {border:solid 1px #fff; outline: none; background: #0097CE;}
.checkboxselect:focus:checked { border:solid 1px #fff; background:#0097CE;}
.checkboxselect:after { content: ""; width: 14px; height: 14px; background: #fff; right:  3px; top:  3px; display: block; position: absolute; -webkit-transform: scale(0);   transform: scale(0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; }
.checkboxselect:checked:after{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1;}
.contact_form .form_group.submit {max-width: 190px; width: 190px; position: absolute; left: 180px; bottom: 30px; padding: 0; z-index: 5;}
.contact_form .form_group.submit .read_more2 { width: 100%; height: 66px; line-height: 64px;}
.contact_form .form_group.submit .read_more2, .contact_form .form_group.submit .read_more2:focus {border: solid 1px #fff; color: #fff; width: 100%;background: rgba(255,255,255, 0);}
.contact_form .form-control {border: 0; border-bottom: solid 1px #fff; border-radius: 0px; background: rgba(255, 255, 255, 0); width: 100%; padding:  0 0 10px 0; height: 50px; line-height: 54px; font-size: 18px;  color: #fff; font-weight: 400; text-align: right;}
.contact_form .form-control:focus {border: 0; border-bottom:  solid 1px #fff; border-radius: 0px;}

.contact_form .form-control::-webkit-input-placeholder{ color: #fff; opacity: 1;font-weight: 400;}
.contact_form .form-control::-moz-placeholder { color: #fff; opacity: 1;font-weight: 400; }
.contact_form .form-control:-ms-input-placeholder { color: #fff;font-weight: 400; opacity: 1; }
.contact_form .form-control::-webkit-input-placeholder { color: #fff;font-weight: 400; opacity: 1; }

.contact_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.contact_form .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.contact_form .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.contact_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.contact_form .form-control:focus:required:valid {
  border-bottom: solid 1px #fff; border-radius: 0px;
}
.contact_form .form-control:focus:required:invalid {
  border-bottom: solid 1px #fff; border-radius: 0px;
}
.contact_form .was-validated .form-control:required:invalid {
  border-bottom: solid 1px #FF3636; border-radius: 0px;
}

.read_more, .read_more2 { position: relative; display: inline-block; height:70px; width: 205px;  font-size: 18px; font-weight: 700; color: #173E6B; border-radius: 50px; border: solid 1px #173E6B; line-height: 28px; padding: 0;}
.read_more:focus,.read_more2:focus {color: #173E6B; border:solid 1px #173E6B; background: rgba(255,255,255, 0);}
.future_content .read_more, .future_content .read_more:focus {border: solid 1px #173E6B;background: rgba(255,255,255, 0);}
.parking_selection .read_more2, .future_content .read_more2:focus {border: solid 1px #fff;background: rgba(255,255,255, 0); color: #fff;}
.read_more i, .read_more2 i{ position: absolute;z-index: 2; font-style: normal; right: 35px; top: 50%; transform: translateY(-50%);  transition: all 0.5s ease; }
.read_more i:nth-child(2), .read_more2 i:nth-child(2) { z-index: 1; opacity: 0; right: 70px}
.read_more:hover i:nth-child(1), .read_more2:hover i:nth-child(1) { opacity: 0; right: 10px;}
.read_more:hover i:nth-child(2), .read_more2:hover i:nth-child(2) { opacity: 1; right: 35px}
.read_more:after, .read_more2:after {content:""; position: absolute; z-index: 2; width: 10px; height:10px; background: #173E6B; border-radius: 50%; left: 45px;top: 50%; transform: translateY(-50%);  transition: all 0.5s ease;}
.read_more2:after { background: #fff;}
.read_more:hover:after, .read_more2:hover:after { opacity: 0;}
.read_more:before, .read_more2:before { content:""; opacity: 0; position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px;  left: 45px; z-index: 4 ;background: url("../images/arrow_color.svg") no-repeat left center; transition: all 0.5s ease; }
.read_more:hover:before, .read_more2:hover:before { opacity: 1; left: 25px;}
.read_more2:before {background: url("../images/arrow_white.svg") no-repeat left center;}

.who_content .read_more { color: #fff; border-color: #fff; width: 184px; height: 50px; margin-top: 15px;}
.who_content .read_more:after { background: #fff; left: 25px}
.who_content .read_more i { right: 25px;}
.who_content .read_more i:nth-child(2) { right: 60px;}
.who_content .read_more:hover i:nth-child(1) { right: 2px;}
.who_content .read_more:hover i:nth-child(2) { right: 25px}
.who_content  .read_more:before {left: 25px;background: url("../images/arrow_white.svg") no-repeat left center;}
.who_content  .read_more:hover:before {left: 10px;}

.who_we_bottom { text-align: center; font-size: 130px; line-height: 148px; color: #183E6B; font-weight: 100; border-radius: 60px 60px 0 0; padding: 100px 80px 250px 80px; margin: 0;  background: #fff;}
.who_we_bottom b, .who_we_bottom strong { font-weight: 700;}

.blue_parking {font-size: 44px; line-height: 50px; color: #fff; position: relative; border-radius: 60px 60px 0 0; padding:80px 0 250px 0; margin: 0; z-index: 3; margin-top: -200px;background: url("../images/blue_parking_back.png") no-repeat center top #E9E9E9; background-size:  cover;}
.blue_parking:after{content:""; position: absolute; z-index: 1; border-radius: 60px 60px 0 0; left: 0; right: 0; top: 0; bottom: 0; mix-blend-mode: multiply;  background: linear-gradient(to bottom,  #183E6B 0%, rgba(24,62,10,0)100%); }
.blue_parking .container { position: relative; z-index: 2; max-width: 1110px; text-align: center;}
.blue_parking .container h2 { font-size: 80px; line-height: 64px; font-weight: 700; margin-bottom: 20px;}
.blue_parking .container h3 { font-size: 50px; line-height: 52px; font-weight: 700;}
.blue_parking p b { display: block;}
.blue_parking ul { display: block; padding: 30px 100px 0 0; margin: 0; list-style: none;}
.blue_parking ul li { font-size: 30px; line-height: 36px; color: #000; text-align: right; padding: 14px 70px 14px 0; display: block; background: url("../images/bullet.svg") no-repeat right 6px; }

.blue_counter {font-size: 44px; line-height: 50px; color: #fff; position: relative; border-radius: 60px 60px 0 0; padding:160px 0 300px 0; margin: 0; z-index: 4; margin-top: -150px; background: url("../images/counter_back.svg") no-repeat center top; background-size:  cover;}
.blue_counter ul {justify-content: center; display: flex;  flex-wrap: wrap;margin-left: -40px; margin-right: -40px; text-align: center; list-style: none;}
.blue_counter ul li {font-size: 30px; line-height: 27px; color: #fff; flex: 0 0 auto; width: auto; max-width: auto; padding-left: 40px; padding-right: 40px; position: relative;}
.blue_counter ul li b { display: block; padding-bottom: 15px; font-size: 81px; line-height: 85px; font-weight: 900;}
.blue_counter ul li b i { font-style: normal;}
.blue_counter ul li:nth-child(3) i { font-size: 41px;}
.blue_counter ul li span { max-width: 300px; display: inline-block;}
.blue_counter ul li:after { content: ""; width: 1px; height: 208px; position: absolute; left: 0; top: 50%; margin-top: -104px; background: #fff; }
.blue_counter ul li:nth-last-child(1):after { display: none;}

.router { position: relative; border-radius: 60px 60px 0 0; padding:120px 0 200px 0; margin: 0; z-index: 5; margin-top: -150px;background: #183E6B;}
.router:before{content:""; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/shape3.svg") no-repeat right 65px; background-size: auto; }
.router .row { margin-left: 0px; margin-right: 0px; position: relative; z-index: 2;}
.router .row  [class*="col-"] { padding-left: 0px; padding-right: 0px; padding-bottom: 75px;}
.router h3 { font-size: 60px; line-height: 80px; font-weight: 700; padding-right: 180px; max-width: 1042px; display: inline-block;}
.router .row  [class*="col-"]:nth-child(2), .router .row  [class*="col-"]:nth-child(4) { padding-left: 240px;}
.router_repeat {display: flex;  flex-wrap: wrap; position: relative;}
.router_repeat:after { content: ""; position: absolute; z-index: 1; background: #fff; right: 0; top: 0; bottom: 0; left: 40%;}
.router_pic {flex: 0 0 auto;  width: 55%; max-width: 55%; position: relative; z-index: 6;}
.router_pic img { width: 100%;}
.router_content { padding: 60px 180px 0 80px; position: relative; z-index: 5; flex: 0 0 auto;  width: 45%; max-width: 45%; font-size: 16px; line-height: 27px; color: #000;}
.router_content:after {content: ""; position: absolute; width: 244px; height: 210px; z-index: -1; background: url("../images/shape4.svg") no-repeat right bottom; right: 0; bottom: 0;}
.router_content h4 { font-size: 40px; line-height: 40px; font-weight: 800; color: #000; margin-bottom: 20px; padding-left: 40px; }
.router_content i { font-style: normal; font-size: 60px;  line-height: 60px; display: inline-block; position: absolute; right: 90px; top: 60px; width: 75px;}
.scroll_down { border: 0; font-size: 0; color: rgba(255,255,255, 0); width: 43px; height: 43px; display: inline-block; background: url("../images/scroll_down.svg") no-repeat center center;}

.router .row  [class*="col-"]:nth-child(3) { padding-right: 240px; padding-left: auto;}
.router .row  [class*="col-"]:nth-child(3) .router_pic {order: 1 !important;}
.router .row  [class*="col-"]:nth-child(3) .router_content {order: 2 !important;}
.router .row  [class*="col-"]:nth-child(3) .router_content:after { left: 0; right: auto; background: url("../images/shape5.svg") no-repeat left bottom;}
.router .row  [class*="col-"]:nth-child(3) .router_repeat:after {right: 40%; left: 0; }

.manage_anywhere { background: #D9D9D9; border-radius: 60px 60px 0 0; overflow: hidden; position: relative; padding:0 0 200px 0; margin: 0; z-index: 6; margin-top: -150px;}
.manage_top { display: block; position: relative; overflow: hidden; z-index: 5; border-radius: 60px 60px 0 0;}
.manage_top img { width: 100%; position: relative; z-index: 2; }
.manage_top img:nth-child(2) { position: absolute; z-index: 1; left: 0; right: 0; top: 100%; transition: all 0.5s ease; }
.in-view .manage_top img:nth-child(2) { top: 0;  transition: all 1s ease; }
.manage_middle { margin:20px auto 0 auto; max-width: 900px; font-size: 20px; line-height: 20px; color: #000; text-align: center;}
.manage_middle h2 { font-size: 50px; line-height: 50px; color: #000; font-weight: 800;}
.manage_middle h2 + p { max-width: 500px; margin:  0 auto;}
.manage_icon { padding: 0 65px;}
.manage_anywhere ul {display: flex;  flex-wrap: wrap; margin: 0 -65px; padding: 50px 0 0 0; list-style: none; justify-content: center;}
.manage_anywhere ul li {  flex: 0 0 auto;  width: auto; max-width: 480px; font-size: 30px; line-height: 30px; text-align: center; color: #000;  padding-left: 65px; padding-right: 65px;}
.manage_anywhere ul li b { display: block; font-weight: 700;}
.manage_anywhere ul li img { max-width: 100%;}

.our_clients {background: #fff;  border-radius: 60px 60px 0 0;  position: relative; padding:100px 0 200px 0; margin: 0; z-index: 7; margin-top: -100px;}
.client_content { margin: 0 auto; max-width: 860px; font-size: 16px; line-height: 22px; color: #000; position: relative; z-index: 5;}
.client_logos { display: block; padding: 50px 100px 0 100px; position: relative; z-index: 5;}
.client_logos ul {display: flex;  flex-wrap: wrap; margin: 0 -50px; padding: 0; list-style: none; justify-content: center;}
.client_logos ul li {  flex: 0 0 auto;  width: 20%; max-width: 20%; padding: 0 50px; position: relative;}
.client_logos ul li span { display: block; padding-top: 100%; position: relative;}
.client_logos ul li span img { max-width: 90%; position: absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.parking_lots {background: #183E6B; min-height: 1150px;  border-radius: 60px 60px 0 0;  position: relative; padding:100px 0 200px 0; margin: 0; z-index: 8; margin-top: -100px;}
.parking_selection { position: relative;}
.selection_tab { width: 500px; display: block;}
.selection_tab ul { display: block; list-style: none; padding: 70px 0 0 0; margin: 0;}
.selection_tab ul li { display: block; padding: 0; margin: 0; border-bottom: solid 1px #fff;}
.tab-btn { display: block; width: 100%; text-align: right; padding-right: 180px;height: 70px; line-height: 70px; border: 0; border-radius: 0; background: #183E6B; font-size: 14px; color: #fff; font-weight: 900; }
.tab-btn:hover, .tab-btn.active { background: #000;}
.tab-btn i { display: inline-block; font-style: normal; padding-left: 20px;}
.tab-content {position: absolute; right: 35%; left: 10%; display: none; top: 0; color: #fff; font-size: 16px; line-height: 22px; }
.tab-content.active {display: block;}
.tab-content img { width: 100%; border-radius: 20px;}
.all_parking { text-align: center; padding: 40px 0 0 0;}

.recent_article {background: #E7E9E9;border-radius: 60px 60px 0 0;  position: relative; padding:100px 0 150px 0; margin: 0; z-index: 9; margin-top: -100px;}
.recent_article:before{content:""; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/shape6.svg") no-repeat center -40px;}
.articles_wrap { font-size: 20px; line-height: 27px; color: #000; padding: 0 180px; width: 100%; position: relative; z-index: 21;}
.articles_wrap .row { margin-left: -10px; margin-right: -10px;}
.articles_wrap .row  [class*="col-"] { padding-left: 10px; padding-right: 10px; min-height: 500px;}
.articles_wrap a { position: relative; top: 70px;  color: #000; padding-bottom: 12px; display: block; overflow: hidden; background: #fff; border-radius: 20px;  transition: all 0.5s ease;}
.articles_wrap a:hover { top: 0px; padding-bottom: 100px;}
.articles_wrap a img { width: 100%; border-radius:  20px 20px 0 0;}
.articles_wrap a h3 { font-size: 18px; line-height: 26px; color: #000; font-weight: 900; margin: 0; padding: 12px 15px 0 15px;}
.short_info { overflow: hidden; height: 85px; visibility: hidden;  bottom: -90px; position: absolute; z-index: -1; pointer-events: none; padding: 0 15px 0 60px;opacity: 0;   transition: all 0.5s ease;}
.articles_wrap a:hover .short_info { bottom: 12px; visibility: visible; opacity: 1; z-index: 1; pointer-events: inherit; transition: all 0.5s ease;}
.short_info p { margin-bottom: 0;}
.recent_article h2 { margin-bottom: 10px;}
.articles_wrap a .scroll_down { visibility: hidden; opacity: 0; z-index: -2; position: absolute; left: 80px; bottom: 12px;  transition: all 0.5s ease; } 
.articles_wrap a:hover .scroll_down { visibility: visible; opacity: 1; z-index: 2; left: 10px; bottom: 6px;  transition: all 0.5s ease; } 
.button_middle { text-align: center; padding-top: 0px; position: relative; z-index: 9;}
.button_middle .read_more {background: #E7E9E9;}

.footer {background: #183E6B;border-radius: 60px 60px 0 0;  position: relative; padding:50px 90px 200px 90px; margin: 0; z-index: 10; margin-top: -100px;}
.footer:before{content:""; position: absolute;mix-blend-mode: multiply;  z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/shape7.svg") no-repeat right bottom;}
.footer .contact_form { border-radius: 45px; padding: 35px 125px 60px 125px;}
.footer .form_title p { max-width: 800px; margin:  0 auto 30px auto;  display: inline-block;}
.footer .contact_form .form_group {width: 25%; max-width: 25%; padding-bottom: 15px; padding-top: 15px;}
.footer .contact_form .form_group.full {width: 100%; max-width: 100%; padding-left: 280px;}
.footer .contact_form .form_group.label_checkbox {width: 100%; max-width: 100%; padding-top: 0; padding-bottom: 0px;}
.footer .contact_form .form_group.submit {width: 170px; max-width: 170px; padding: 0px;left: 125px; bottom: 80px;}
.footer .contact_form .form_group.submit .read_more2, .footer .contact_form .form_group.submit .read_more2:focus {border: solid 1px #fff; color: #fff; width: 100%; height: 58px;background: rgba(255,255,255, 0);}
.footer_bottom_wrap {padding:100px 0 0 0; width: 100%; float: right; position: relative; z-index: 5;}
.footer_bottom {position: relative; z-index: 1; display: flex;  flex-wrap: wrap; margin: 0 -50px; padding:0; list-style: none;}
.footer_bottom .section {font-size: 16px; line-height: 27px; color: #fff; position: relative;  flex: 0 0 auto;  width: 18%; max-width: 18%; padding: 0 50px; }
.footer_bottom .section:nth-child(1) {width: 24%; max-width: 24%; }
.footer_bottom .section:nth-child(4) {width: 40%; max-width: 40%; text-align: center; }
.footer_bottom .section img { max-width: 100%;}
.footer_bottom .section p { margin-bottom: 0;}
.footer_bottom .section:nth-child(4) a { display: inline-block; margin: 0 12px;}
.footer_bottom h4 { margin-bottom: 0; font-size: 20px; line-height: 27px; font-weight: 900; color: #fff;}
.footer_bottom b, .footer_bottom strong { display: block; font-weight: 700;}
.footer_bottom .section a { color: #fff;}
.footer_bottom .section ul {display: flex;  flex-wrap: wrap; padding: 0; margin: 0 -8px; list-style: none; justify-content: center;}
.footer_bottom .section ul  li {flex: 0 0 auto;  width: auto; max-width: auto; padding: 0 8px; margin: 0;}
.footer_bottom .section ul  li  a { line-height: 40px;}

.whatsapp {font-size: 0; color: rgba(0,151,206,0); border: 0; width: 72px; height: 72px; position: absolute; right: 15px; top: -80px; z-index: 19;background: url("../images/whatsapp.svg") no-repeat center center; background-size: 100% auto;}

.about_top { position: relative; background: #003C6C; padding:235px 0 200px 0; margin: 0; z-index: 1;}
.about_top:before{content:""; position: absolute; width: 578px; height: 634px;  z-index: 2; left: 0;  bottom: 0; z-index: 1;background: url("../images/about_shape1.svg") no-repeat left bottom; background-size: 100% auto;}
.about_top_content { position: relative; z-index: 3; max-width: 1360px; padding-left: 20px; padding-right: 320px; font-size: 50px; line-height: 56px; color: #fff;}

.parking_group { font-size: 30px; line-height: 40px; color: #000; position: relative; border-radius: 77px 77px 0 0; padding: 160px 0 240px 0; margin: 0; z-index: 2; margin-top: -80px; background: #fff;}
.parking_group:before{content:""; border-radius: 77px 77px 0 0; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/about_shape2.svg") no-repeat right top; background-size: cover; }
.parking_group .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.parking_group .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.group_content { padding: 0 175px 0 70px;}
.group_pic { padding: 0 50px 0 0; text-align: left;}
.group_pic img { max-width: 100%;}

.cloud_system { font-size: 18px; line-height: 27px; color: #fff; position: relative; border-radius: 60px 60px 0 0; padding: 150px 0 200px 0; margin: 0; z-index: 3; margin-top: -80px; background: #183E6B;}
.cloud_system:before{content:""; mix-blend-mode: multiply; border-radius: 60px 60px 0 0; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/cloud_pic.png") no-repeat center top; background-size: cover; }
.cloud_system .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.cloud_system .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.cloud_content { max-width: 1240px; padding: 0 20px; margin:  0 auto;}
.cloud_content h2 { font-size: 50px; line-height: 50px; font-weight: 400; margin-bottom: 40px;}
.cloud_content h2 + p { padding-left: 45%;}

.blue_fracking { font-size: 30px; line-height: 30px; color: #000; position: relative; border-radius: 60px 60px 0 0; padding: 150px 0 150px 0; margin: 0; z-index: 3; margin-top: -80px; background: #E7E9E9;}
.blue_fracking:before{content:""; mix-blend-mode: multiply; border-radius: 60px 60px 0 0; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/blue_fracking_pic.png") no-repeat center top; background-size: cover; }
.blue_fracking .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.blue_fracking .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.fracking_content { padding: 0 175px 0 175px;}
.fracking_content ul {display: flex;  flex-wrap: wrap; padding:100px 0 0 0; margin: 0 -8px; list-style: none; justify-content: center; align-items: center;}
.fracking_content ul  li {flex: 0 0 auto; position: relative;  width: 100%; max-width: 100%; height: 180px; padding-right: 170px;}
.fracking_content ul  li div { display: inline-block; position: absolute; right: 170px; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 7px; padding: 16px 20px;}
.fracking_content ul  li div img { position: absolute; right: -170px; top: 50%; transform: translateY(-50%);}
.fracking_content ul  li:nth-child(2), .fracking_content ul  li:nth-child(6)  { padding-right: 340px;}
.fracking_content ul  li:nth-child(3), .fracking_content ul  li:nth-child(5) { padding-right: 510px;}
.fracking_content ul  li:nth-child(4) { padding-right: 680px;}
.fracking_content ul  li:nth-child(2) div, .fracking_content ul  li:nth-child(6) div { right: 340px;}
.fracking_content ul  li:nth-child(3) div, .fracking_content ul  li:nth-child(5) div { right: 510px;}
.fracking_content ul  li:nth-child(4) div { right: 680px;}
.fracking_content ul  li div { max-width: 940px; padding: 0 20px;}

.the_goal { font-size: 20px; line-height: 27px; color: #fff; position: relative; border-radius: 60px 60px 0 0; padding: 150px 0 200px 0; margin: 0; z-index: 4; margin-top: -80px; background: url("../images/goal_pic.png") no-repeat center top; background-size: cover; }
.the_goal:before{content:""; mix-blend-mode: multiply; background: #183E6B; border-radius: 60px 60px 0 0; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.the_goal .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.the_goal .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.the_goal_content { padding: 0 350px 0 20px; max-width: 970px;}
.the_goal_content h2, .personal_content h2, .industrial_silence h2 { font-size: 60px; line-height: 60px; font-weight: 700; margin-bottom: 30px;}

.personal_note { font-size: 30px; line-height: 50px; color: #000; position: relative; border-radius: 60px 60px 0 0; padding: 150px 0 200px 0; margin: 0; z-index: 4; margin-top: -80px; background: #E9E9E9; }
.personal_note:before{content:""; mix-blend-mode: multiply; border-radius: 60px 60px 0 0; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: url("../images/personal_shape.svg") no-repeat center top; background-size: cover; }
.personal_note .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.personal_note .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.personal_content { padding: 0 20px; max-width: 900px; margin:  0 auto;}
.personal_content h2 { color: #000;}

.solutuion_top { font-size: 50px; line-height: 56px; color: #000; position: relative;  padding: 250px 0 150px 0; margin: 0; z-index: 1; background: #E9E9E9;}
.solutuion_top:before{content:""; mix-blend-mode: multiply; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/solution_shape1.svg") no-repeat left top; background-size: auto; }
.solutuion_top .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.solutuion_top .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.solutuion_top_content { max-width: 1400px; padding: 0 350px 0 20px;}

.solutuion_section { font-size: 20px; line-height: 27px; color: #fff; position: relative; border-radius: 60px 60px 0 0; padding: 0; margin: 0; z-index: 2; margin-top: -80px; background: #183E6B;}
.solutuion_section:before{content:""; mix-blend-mode: multiply; border-radius: 60px 60px 0 0; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/solution_shape2.svg") no-repeat right top; background-size: cover; }
.solutuion_section .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.solutuion_section .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.solutuion_content { padding: 200px 45% 180px 0; position: relative; z-index: 5; }
.short_text { padding-right: 190px; padding-left: 150px; }
.solution_pic { border-radius: 0 60px 0 0; position: absolute; z-index: 3; width: 45%; right: 0; top: 0; bottom: 0;  background-repeat:no-repeat; background-position: center top; background-size: cover; }
.solution_pic img { width: 100%; border-radius: 30px 30px 0 0; display: none;}

.solutuion_wedo { position: relative; border-radius: 60px 60px 0 0; padding: 0 0 150px 0; margin: 0; z-index: 3; margin-top: -80px; background: #fff;}
.solutuion_wedo:before{content:""; mix-blend-mode: multiply; border-radius: 60px 60px 0 0; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/solution_shape3.svg") no-repeat right top; background-size: cover; }
.solutuion_wedo .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.solutuion_wedo .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.wedo_pic { position: relative; z-index: 3; display: flex;  flex-wrap: wrap; align-items: end; height:650px; border-radius: 60px 60px 0 0; width: 100%;  background-repeat:no-repeat; background-position: center top; background-size: cover; }
.wedo_wrap { padding:100px 180px 0 180px;}
.wedo_wrap_short {display: none; padding-bottom: 50px; padding-left: 50%; font-size: 30px; line-height: 30px;}
.short_section .wedo_wrap_short { display: block;}
.solutuion_wedo ul {position: relative; z-index: 3;display: flex;  flex-wrap: wrap; padding: 0; margin: 0 -100px; list-style: none;}
.solutuion_wedo .short_section  ul { width: 60%}
.solutuion_wedo ul  li {flex: 0 0 auto; position: relative;  width: 50%; max-width: 50%; padding: 0 180px 50px 100px; }
.solutuion_wedo .short_section   ul  li { width: 100%; max-width: 100%;}
.solutuion_wedo ul  li div { position: relative; font-size: 22px; line-height: 30px; color: #000; font-weight: 700; display: block;background: #E7E9E9; border-radius: 10px; padding: 16px 20px;}
.solutuion_wedo ul  li div b { font-weight: 400;}
.solutuion_wedo ul  li div:after {content: "";width: 56px; height: 40px; position: absolute; right: -80px; top: 5px;  background: url("../images/bullet2.svg") no-repeat center center;}

.industrial_silence { font-size: 18px; line-height: 27px; color: #fff; position: relative; border-radius: 60px 60px 0 0; padding: 150px 0 200px 0; margin: 0; z-index: 4; margin-top: -80px;  background-repeat:no-repeat; background-position: center top; background-size: cover; background-color: #003C6C;}
.industrial_silence_top { border-radius: 30px 30px 0 0; padding: 0; margin: 0; z-index: 4; background-repeat:no-repeat; background-position: -60px top; background-size: cover; }
.industrial_silence .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.industrial_silence .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.industrial_silence_top { display: block;}
.industrial_silence_content { padding: 50px 180px 30px 20px; max-width: 880px;}
.industrial_silence h2 { margin-bottom: 0;}

.solutuion_bottom {  position: relative; border-radius: 60px 60px 0 0; padding: 150px 0 200px 0; margin: 0; z-index: 4; margin-top: -80px; background: #003C6C; }
.solutuion_bottom:before{content:""; mix-blend-mode: multiply; border-radius: 60px 60px 0 0; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: url("../images/solution_shape4.svg") no-repeat right top; background-size: cover; }
.solutuion_bottom .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.solutuion_bottom .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.solutuion_content2 {font-size: 50px; line-height: 50px; color: #fff; padding: 0 20px; max-width: 1240px; margin:  0 auto; text-align: center;}

.articles_main {  position: relative; padding: 200px 0 150px 0; margin: 0; z-index: 1; background: #E9E9E9; }
.articles_main:before, .our_projects:before {content:"";  position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: url("../images/article_shape.svg") no-repeat right top; background-size: cover; }
.our_projects:before { border-radius: 0 0 77px 77px;}

.our_projects { position: relative;  padding: 20px 0 60px 0; margin: 0; background: #fff; border-radius: 0 0 77px 77px; z-index: 12;}
.recent_article.for_projects {padding: 250px 0 250px 0; border-radius: 0;}
.recent_article.for_projects:before { display: none;}
.details_header img { width: 100%; display: none;}
.details_header { margin-top: 120px; position: relative; z-index: 3; display: flex; align-items: end; min-height: 700px;  background-repeat:no-repeat; background-position: center top; background-size: cover;}
.details_content { max-width: 1240px; padding:50px 180px 0 20px; position: relative; z-index: 2; }
.details_content b { display: block;}
.details_content ul { padding: 0 15px 15px 0; margin: 0;}
.details_content  a { text-decoration: underline; color: #000;}

.future_parking { padding: 120px 0 0 0; background: #fff;}
.future_parking_header { height: 680px; display: flex; align-items: center; position: relative; z-index: 1;}
.future_header_desktop, .future_header_mobile { display: block; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-repeat:no-repeat; background-position: left top; background-size: cover;}
.future_header_mobile { display: none;}

.future_content {padding: 120px 180px 150px 20px; border-radius: 77px 77px 0 0; margin-top: -78px; position: relative; z-index: 3; background: #fff;}
.future_content:before {content:"";border-radius: 77px 77px 0 0;  position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: url("../images/future_shape.svg") no-repeat right top; background-size: 100% auto; }
.future_wrap {font-size: 30px; line-height: 40px; position: relative; z-index: 5; max-width: 1215px; border-bottom: solid 1px #000;}
.future_accordian { position: relative; padding-bottom: 0px; padding-right: 160px; width: 100%; display: block; border: 0;  max-height: 0px;visibility: inherit; overflow: hidden;transition: all 0.5s ease;}
.future_accordian.active { max-height: 2000px; padding-bottom: 30px; transition: all 0.5s ease;}
.future_accordian b { display: block;}
.future_accordian ul { padding: 0 20px 30px 0; margin: 0;}
.future_tab, .future_tab:focus { width: 100%; text-align: right;background: none; border: 0; border-top:  solid 1px #000; padding: 30px 160px 30px 0; display: block; position: relative;}
.future_tab  b { display: block;}
.future_tab i { font-style: normal; font-size: 60px; line-height: 60px; position: absolute; width: 80px; right: 50px; top: 30px}
.future_tab:after { content: ""; position: absolute; right: 0; top: 40px; width: 32px; height: 32px; background: url("../images/plus.svg") no-repeat center center;}
.future_tab.active:after {background: url("../images/minus.svg") no-repeat center center;}
.future_wrap .future_tab:nth-child(1)  { border-top: 0;}

.details_header.catalogue {display: block; width: 100%; background-color: #003C6C; padding-top: 120px; padding-bottom: 130px;}
.text_block {width: 100%}
.header_text { max-width: 1055px; padding:50px 180px 0 20px;color: #fff; font-size: 30px; line-height: 40px; }
.header_text h2 {font-size: 50px; line-height: 56px;}
.header_text h2 b { font-weight: 700; display: block;}

.catalogue_content {padding: 120px 0 150px 0; border-radius: 77px 77px 0 0; margin-top: -78px; position: relative; z-index: 3; background: #fff;}
.catalogue_content:before {content:"";border-radius: 77px 77px 0 0;  position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: url("../images/future_shape.svg") no-repeat right top; background-size: 100% auto; }
.catalogue_content .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5; padding-bottom: 50px;}
.catalogue_content .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.catalogue_content .row:nth-child(1) [class*="col-"]:nth-child(2) {align-self: center !important;}
.catalogue_content .row:nth-child(even) [class*="col-"]:nth-child(1) { order: 2 !important;}
.catalogue_content .row:nth-child(even) [class*="col-"]:nth-child(2) { order: 1 !important;}
.inner_content {padding: 50px 160px 0 100px; font-size: 30px; line-height: 40px;}
.catalogue_pic { padding: 0; text-align: left;}
.catalogue_pic img { max-width: 100%;}
.catalogue_content .row:nth-child(even) [class*="col-"] .catalogue_pic  { text-align: right; padding-left: 30px;}

.catalogue_content .future_wrap {padding: 50px 180px 70px 20px; border:0;}
.catalogue_content .future_tab, .catalogue_content .future_tab:focus { border: 0;padding: 30px 140px 30px 0;}
.catalogue_content .future_accordian {padding-right: 140px;}
.catalogue_content .future_accordian.active {padding-bottom: 0px;}
.catalogue_content .future_tab i {top: 20px}
.catalogue_content .future_tab:after { top: 30px}

.suitable_header {padding: 240px 0 150px 0;  position: relative; z-index: 1; background: #003C6C;}

.suitable_header:before {content:""; position: absolute; mix-blend-mode: plus-lighter ; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: url("../images/suitable_shape1.svg") no-repeat right top; background-size: cover; }
.suitable_top_text { position: relative; z-index: 5; margin: 0 auto; padding: 0 20px; max-width: 1270px; font-size: 50px; line-height: 60px; color: #fff;}


.suitable_common {padding: 0 0 150px 0; border-radius: 60px 60px 0 0; margin-top: -80px; position: relative; z-index: 2; background: #E7E9E9;}
.suitable_common.dark { background: #003C6C; color: #fff; z-index: 4;}
.suitable_image { display: flex; position: relative; z-index: 4; align-items: end;border-radius: 60px 60px 0 0; height: 764px;  background-repeat:no-repeat; background-position: center top; background-size: cover;}
.suitable_text_block { max-width: 800px; position: relative; z-index: 4; padding: 50px 180px 0 20px; font-size: 20px; line-height: 27px;}
.suitable_pic { position: absolute; left: 0; top: 300px; z-index: 5; max-width: 890px;}
.suitable_pic img { max-width: 100%;}

.operational_advantage { position: relative; border-radius: 77px 77px 0 0; padding: 150px 0 150px 0; margin: 0; z-index: 4; margin-top: -80px; background: #fff;}
.operational_advantage:before{content:""; border-radius: 77px 77px 0 0; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/suitable_shape2.svg") no-repeat right top; background-size: cover; }
.operational_advantage .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.operational_advantage .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.operational_block { padding: 0 180px;}
.operational_advantage ul {position: relative; z-index: 3;display: flex;  flex-wrap: wrap; padding: 0; margin: 0 -100px; list-style: none;}
.operational_advantage ul  li {flex: 0 0 auto; position: relative;  width: 50%; max-width: 50%; padding: 0 180px 50px 100px; }
.operational_advantage ul  li div { position: relative; font-size: 22px; line-height: 30px; color: #000; font-weight: 700; display: block;background: #E7E9E9; border-radius: 10px; padding: 16px 20px;}
.operational_advantage ul  li div b { font-weight: 400;}
.operational_advantage ul  li div:after {content: "";width: 56px; height: 40px; position: absolute; right: -80px; top: 5px;  background: url("../images/bullet2.svg") no-repeat center center;}
.operational_short { padding:0 180px 50px 0; font-size: 50px; line-height: 56px; max-width: 1250px;position: relative; z-index: 5;}

.suitable_bottom { margin: 0 auto; max-width: 900px; padding: 0 20px; text-align: center; font-size: 40px; line-height: 50px;}

.suitable_blues { position: relative; color: #fff; border-radius: 77px 77px 0 0; padding: 150px 0 150px 0; margin: 0; z-index: 3; margin-top: -80px;   background-repeat:no-repeat; background-position: center top; background-size: cover;}

.project_details .future_parking_header {align-items: start; padding-top: 120px; height: 880px;}
.future_content.pdetails { padding: 180px 110px; font-size: 30px; line-height: 40px;}
.future_content.pdetails .row {  margin-left: -60px; margin-right: -60px; position: relative; z-index: 9;}
.future_content.pdetails .row  [class*="col-"] { padding: 0 60px 30px 60px;}
.future_content.pdetails  h2 { color: #000; margin-bottom: 0; font-size: 30px; line-height: 30px; font-weight: 700;}
.future_content.pdetails ul { padding: 0; margin: 0 30px 0 0;}
.future_content.pdetails p { margin-bottom: 0;}


.pdetails_top { position: absolute; z-index: 10; top: -90px; padding: 20px 60px; background: #183E6B; color: #fff; border-radius: 100px; width: 490px; left: 50%; margin-left: -245px; font-size: 30px; line-height: 40px; }
.future_content.pdetails  .pdetails_top p { margin: 3px 0;}
.future_content.pdetails  .pdetails_top b { font-weight: 700; }
.the_solution { font-size: 30px; line-height: 40px; color: #fff; position: relative; border-radius: 77px 77px 0 0; padding: 160px 0 240px 0; margin: 0; z-index: 4; margin-top: -80px; background: #003C6C;}
.the_solution .row {  margin-left: 0px; margin-right: 0px;  position: relative; z-index: 5;}
.the_solution .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.the_solution_content { padding: 0 180px 0 0;}
.the_solution_content p { margin-bottom: 0;}
.the_solution_pic { padding: 0 50px 0 0; text-align: left;}
.the_solution_pic img { max-width: 100%;}
.the_solution .section_title b { font-weight: 700;}

.recent_article.more_projects { background: #fff;}
.recent_article.more_projects:before, .recent_article.gallery:before { display: none;}
.recent_article.gallery { background: #E7E9E9;}

.gallery_wrap {padding:50px 180px 0 180px; width: 100%; position: relative; z-index: 8;}
.gallery_wrap .row { margin-left: -10px; margin-right: -10px;}
.gallery_wrap .row  [class*="col-"] { padding-left: 10px; padding-right: 10px; padding-bottom: 20px;}

.the_solution h2 b, .recent_article.more_projects h2 b, .recent_article.gallery h2 b { font-weight: 700; font-size: 50px; line-height: 56px; padding-right: 110px;}
.gallery_wrap img { width: 100%; border-radius: 30px;}

.gallery-lightbox { position: fixed; inset: 0; z-index: 10050; display: none; align-items: center; justify-content: center; padding: 3.5rem 4rem; box-sizing: border-box; }
.gallery-lightbox.is-open { display: flex; }
.gallery-lightbox__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.88); cursor: pointer; }
.gallery-lightbox__inner { position: relative; z-index: 1; max-width: min(96vw, 1200px); max-height: 90vh; line-height: 0; }
.gallery-lightbox__img { max-width: 100%; max-height: 85vh; width: auto; height: auto; object-fit: contain; border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,0,0.45); display: block; }
.gallery-lightbox__close { position: fixed; z-index: 2; top: 1rem; inset-inline-end: 1rem; width: 44px; height: 44px; margin: 0; padding: 0; border: none; border-radius: 50%; background: rgba(255,255,255,0.15); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
.gallery-lightbox__close:hover, .gallery-lightbox__close:focus { background: rgba(255,255,255,0.3); outline: 2px solid #fff; }
.gallery-lightbox__prev, .gallery-lightbox__next { position: fixed; z-index: 2; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; margin: 0; padding: 0; border: 2px solid rgba(255,255,255,0.4); border-radius: 50%; background: rgba(0,0,0,0.4); color: #fff; font-size: 32px; line-height: 44px; cursor: pointer; }
.gallery-lightbox__prev { inset-inline-start: 1rem; }
.gallery-lightbox__next { inset-inline-end: 1rem; }
.gallery-lightbox__prev:hover, .gallery-lightbox__next:hover, .gallery-lightbox__prev:focus, .gallery-lightbox__next:focus { background: rgba(0,0,0,0.7); border-color: rgba(255,255,255,0.7); outline: none; }
.gallery-lightbox__prev.is-hidden, .gallery-lightbox__next.is-hidden { visibility: hidden; pointer-events: none; }
body.gallery-lightbox-open { overflow: hidden; }
@media (max-width: 768px) {
  .gallery-lightbox { padding: 2.5rem 0.5rem; }
  .gallery-lightbox__prev, .gallery-lightbox__next { width: 40px; height: 40px; font-size: 24px; line-height: 36px; }
}

/**All Titles css****/

.section_title , .section_title2 {z-index: 20; position: relative; width: 100%; padding-left: 20px; }
.section_title b, .section_title2 b { position: relative; z-index: 20; display: inline-block; position: relative; border-radius: 10px 0 0 10px;  padding-left: 40px; padding-right: 180px; font-weight: 400; background: #0098CF;}
.home_header .section_title b { font-weight: 700; padding-right: 77px; }
.section_title b:nth-child(1), .section_title b:nth-child(3) { border-radius: 10px 0 0 0;}
.section_title b:nth-last-child(1) {border-radius: 10px 0 0 10px!important;}
.section_title b:after {content:""; position: absolute; z-index: 2; width: 23px; height:21px; left: -23px; bottom: 0px; z-index: 1;background: url("../images/corner1.svg") no-repeat left top;}
.section_title h1 b:nth-last-child(1):after, .section_title h2 b:nth-last-child(1):after, .section_title2 h2 b:nth-last-child(1):after { display: none;}

.blue_parking .section_title2 h2 { font-size: 40px; line-height: 40px;  margin: 50px 0 0 0;}
.blue_parking .section_title2 h2 b { padding: 23px 21% 23px 20px;font-weight: 700;}

.section_title.solution h1 { font-size: 50px; line-height: 56px; font-weight: 700;}
.section_title.solution b { padding-right: 110px; padding-left: 20px;}

.articles_main .section_title b, .details_header .section_title b, .for_projects  .section_title2 b { padding-right: 100px; font-weight: 700;} 
.details_header .section_title b { font-weight: 00;}
.articles_main .section_title h1, .details_header .section_title h1 { font-size: 50px; line-height: 56px; margin-bottom: 10px;}
.details_header .section_title h1 { margin-bottom: 0;}
.future_parking_header .section_title b { font-weight: 700;}


.section_title.solution h1 { font-size: 50px; line-height: 56px; font-weight: 700;}
.section_title.solution b { padding-right: 110px; padding-left: 20px;}
.section_title.solution b:nth-child(1) { border-radius: 10px 0 0 0;}
.section_title.solution b:nth-last-child(1) { border-radius: 10px 0 0 10px;}



.section_title.solution2 b { padding-right: 20px; padding-left: 20px;}
.section_title.solution2 b:nth-child(1) { border-radius: 10px 0 0 0;}
.section_title.solution2 b:nth-child(3) { border-radius: 10px 0 0 10px!important;}
.section_title.solution2 b:nth-child(3):after { display: none;}
.section_title.solution2 b:nth-last-child(1) { border-radius: 0 0 0 10px!important;}
.section_title.solution2 b:nth-last-child(1):after {display: block; transform: rotate(-90deg); bottom: auto; top: 1px; left: -22px}


.section_title.solution3 h2 { margin-bottom: 0;}
.section_title.solution3 b, .industrial_silence .section_title b { padding-right: 110px; padding-left: 20px;}
.articles_main .section_title b, .details_header .section_title b, .for_projects .section_title2 b { padding-right: 100px;}
.section_title.solution3 b:nth-child(1) { border-radius: 10px 0 0 10px!important; padding-left: 30px;}
.section_title.solution3 b:nth-child(1):after { display: none;}
.section_title.solution3 b:nth-child(3) { border-radius: 0 0 0 10px!important;}
.section_title.solution3 b:nth-child(3):after {display: block; transform: rotate(-90deg); bottom: auto; top: 1px; left: -22px}

.solutuion_content .section_title.solution3 b { padding-right: 20px;}
.solutuion_content .section_title.solution3 b:nth-child(1) { padding-left: 30px;}
.solutuion_content .section_title.solution3 h2 { margin-bottom: 50px;}
.solutuion_content .section_title.solution2 b:nth-last-child(1) {border-radius: 10px 0 0 10px!important;}
.solutuion_content .section_title.solution2 b:nth-last-child(1):after { display: none;}



.catalogue_content .row:nth-child(3) [class*="col-"] h2 { margin-bottom: 0;}
.catalogue_content .row:nth-child(3) [class*="col-"] .section_title.solution2 b { padding-right: 110px;}
.catalogue_content .row:nth-child(1)  [class*="col-"] .solution3 b:nth-child(3), .catalogue_content .row:nth-child(1)  [class*="col-"] .solution b:nth-last-child(1) { font-weight: 700;}


.catalogue_content .row:nth-child(even) .section_title.solution3 { padding-left: 0;}
.catalogue_content .row:nth-child(even) .section_title.solution3 b { padding-right: 20px;}
.catalogue_content .row:nth-child(even) .section_title.solution3 b:nth-child(1) { width: 100%; border-radius: 0 10px 10px 0!important ;}
.catalogue_content .row:nth-child(even) .section_title.solution3 b:nth-last-child(3) {border-radius: 0 10px 0 0!important; width: 100%}
.catalogue_content .row:nth-child(even) .section_title.solution3 b:nth-child(3) {border-radius: 0 0px 10px 10px!important; }
.catalogue_content .row:nth-child(1) .section_title.solution b:nth-last-child(3) {border-bottom-left-radius: 0px;}

.suitable_header .section_title.solution { padding-left: 20px;}
.suitable_header .section_title b { font-weight: 700;}

.suitable_image .section_title.solution h2 { margin-bottom: 0;} 
.suitable_image .section_title.solution h2 b:nth-child(3):after { display: none;}
.suitable_image .section_title.solution h2 b:nth-child(3) {border-bottom-left-radius: 10px;}
.suitable_image .section_title.solution h2 b:nth-child(5) { border-top-left-radius: 0!important;}
.suitable_image .section_title.solution h2 b:nth-child(5):after {display: block;transform: rotate(-90deg);bottom: auto; top: 1px; left: -22px;}

.suitable_blues .section_title.solution h2 { margin-bottom: 10px;}
.suitable_common.dark .section_title.solution h2 b:nth-child(2):after, .operational_advantage .section_title.solution h2 b:nth-child(2):after { display: none;}
.operational_advantage .section_title.solution { padding-bottom: 50px;}

.operational_advantage .section_title.solution3 { padding-bottom: 50px;}

.operational_advantage .section_title.solution h2 b:nth-child(5) { border-top-left-radius: 0!important;}
.operational_advantage .section_title.solution h2 b:nth-child(5):after {display: block;transform: rotate(-90deg);bottom: auto; top: 1px; left: -22px;}
.operational_advantage .section_title.solution3 b:nth-child(1) { padding-left: 40px;}
.operational_advantage .section_title.solution h2 b:nth-child(3):after { display: none;}
.operational_advantage .section_title.solution h2 b:nth-child(3) {border-bottom-left-radius: 10px!important;}

/***End*****/

.group-btn, .group-btn:focus { width: 100%; text-align: right;background: none; border: 0!important; padding: 30px 140px 30px 0; display: block; position: relative;}
.group-btn  b { display: block;}
.group-btn i { font-style: normal; font-size: 60px; line-height: 60px; position: absolute; width: 80px; right: 50px; top: 20px}
.group-btn:after { content: ""; position: absolute; right: 0; top: 30px; width: 32px; height: 32px; background: url("../images/plus.svg") no-repeat center center;}
.group-btn.active:after {background: url("../images/minus.svg") no-repeat center center;}
.group-btn:nth-child(1)  { border-top: 0;}
.group-btn + .group_text { position: relative; padding-bottom: 0px; padding-right: 140px; width: 100%; display: none; border: 0; /* max-height: 0px;visibility: inherit; overflow: hidden;transition: all 0.5s ease;*/}
.group-btn.active + .group_text { display: block; transition: all 0.5s ease;}
.group-content {display: none; position: absolute; left: 0; top: -100px; width: 49%; text-align: left;  }
.group-content img { max-width: 100%;}
.group-btn.active + .group_text  + .group-content {display: block;}
.future_wrap.left_padding { padding-left: 50%; width: 100%; max-width: 100%; min-height: 600px; }
.future_wrap.right_padding { padding-right: 55%; width: 100%; max-width: 100%; min-height: 650px; }
.section_title.solution3.half { padding-right: 50%;}
.future_wrap.right_padding .group-content { left: auto; right: 0; text-align: right;}

.form_details .modal-dialog { border-radius: 0; box-shadow: none; max-width: 670px; padding: 0; margin: 0 auto; }
.form_details .modal-content  {border-radius: 0; box-shadow: none; background: rgba(255, 255, 255, 0); padding: 0; margin: 0;}
.form_details .modal-body {border-radius: 0 0 45px 45px; box-shadow: none; background: #0097CE; padding: 10px 60px 50px 60px; margin: 0;}
.modal_close { position: absolute;background: url("../images/close2.svg") no-repeat center center rgba(255, 255, 255, 0); border: 0; width: 30px; height: 30px; position: absolute; left: -60px; top: 0;}
.modal_header { position: relative; overflow: hidden;}
.modal_header img { width: 100%; position: relative; z-index: 1;}
.modal_header:after{content:""; position: absolute;  left: 0; right: 0; top: 0; bottom: 0; mix-blend-mode: multiply; z-index: 3;  background: linear-gradient(to bottom,  rgba(24,62,107,0) 0%,#183E6B 100%); }
.modal_header:before {content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background: url("../images/modal_shade.svg") no-repeat center top; background-size: cover; }
.form_details h3 { text-align: center; font-size: 26px; ;line-height: 30px; font-weight: 400; color: #fff; margin-bottom: 10px;}


.form_details .contact_form {  z-index: 10; padding:0; position: relative; background: rgba(255,255,255, 0); border-radius: 0;}
.form_details .contact_form form {width: 100%; float: left;}
.form_details .contact_form .form_block {display: flex; flex-wrap: wrap; margin: 0 -35px; width: auto;}
.form_details .contact_form .form_group {flex: 0 0 auto; max-width: 50%;   width: 50%; position: relative; padding: 0 35px 25px 35px;   }
.form_details .contact_form .form_group.upload_file { position: relative; height: 60px; padding: 20px 35px 0 35px;}
.form_details .contact_form .form_group label { position: relative; display: block; line-height: 20px; font-size: 16px;  color: #fff; opacity: 1; left: auto; top: auto; right: auto; }
.form_details .contact_form .form_group.submit {max-width: 50%; width: 50%; position: absolute; left: 0; bottom: -15px; padding: 0 35px; z-index: 5;}
.form_details .contact_form .form_group.submit .read_more2 { width: 168px; height: 58px; line-height: 56px;}
.form_details .contact_form .form_group.submit .read_more2,.form_details  .contact_form .form_group.submit .read_more2:focus {border: solid 1px #fff; color: #fff; background: rgba(255,255,255, 0);}
.form_details .contact_form .form-control {border: 0; border-bottom: solid 1px #fff; border-radius: 0px; background: rgba(255, 255, 255, 0); width: 100%; padding:  0; height: 32px; line-height: 30px; font-size: 16px;  color: #fff; font-weight: 400; text-align: right;}
.form_details .contact_form .form-control:focus {border: 0; border-bottom:  solid 1px #fff; border-radius: 0px;}

.form_details .contact_form .form-control::-webkit-input-placeholder{ color: #fff; opacity: 0;font-weight: 400;}
.form_details .contact_form .form-control::-moz-placeholder { color: #fff; opacity: 0;font-weight: 400; }
.form_details .contact_form .form-control:-ms-input-placeholder { color: #fff;font-weight: 400; opacity: 0; }
.form_details .contact_form .form-control::-webkit-input-placeholder { color: #fff;font-weight: 400; opacity: 0; }
#uploadButton { position: absolute; font-size: 0; color: rgba(255, 255, 255, 0); height: 40px; right: 35px; top: 20px; left: 35px; bottom: 0; z-index: 2; border: 0; background:  rgba(255, 255, 255, 0); }
#fileInfo { font-size: 16px; line-height: 40px; color: #fff; border-bottom:  solid 1px #fff; display: block; padding: 0 0 0 35px;background: url("../images/upload.svg") no-repeat left center  rgba(255, 255, 255, 0); overflow: hidden; }

.homepage {margin: 0;height: 100%; overflow: hidden; padding-top: 0px; }
.homepage .container-fluid.hpadding, .homepage #mainContent { width: 100vw;}
.homepage .header { position: sticky; z-index: 9999999; width: 100vw;}
#stack-wrapper {position: relative;width: 100%; height: calc(100vh - 120px);width: 100vw;}
.panel {   position: absolute; top: 0; left: 0;width: 100vw; height: 100%;  overflow-y: auto; /* Internal scroll for long content */ 
         transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); box-sizing: border-box;will-change: transform;
        -ms-overflow-style: none;scrollbar-width: none;
        }
.panel::-webkit-scrollbar { display: none; } 
.panel { transform: translateY(100%); }
.panel:first-child { transform: translateY(0); }
.homepage .who_we,.homepage .blue_parking, .homepage .blue_counter, .homepage .router,.homepage .manage_anywhere , .homepage .our_clients ,.homepage .parking_lots ,.homepage .recent_article ,.homepage .footer{ margin-top: 0;}
.homepage .who_we_bottom , .homepage .blue_parking , .homepage .our_clients , .homepage .parking_lots , .homepage .recent_article{ padding-bottom: 50px; min-height: 100vh;}
.homepage .blue_counter { padding: 0 40px 0 40px; height: 100%; display: flex; align-items: center; justify-content: center;}
.homepage .blue_counter ul { margin-bottom: 0;}
.homepage .router, .homepage .manage_anywhere { padding-bottom: 40px;}

.panel.bg-02  {background: url("../images/panel2_back.png") no-repeat center top;background-size:  100% auto;}
.panel.bg-03  {background: #fff;}
.panel.bg-04 {background: linear-gradient(to bottom, #183E6B 0%, rgba(24,62,10,0)100%);}
.panel.bg-05  {background: #0097CE;}
.panel.bg-06  {background: #183E6B;}
.panel.bg-07 {background: #D9D9D9;}
.panel.bg-08 {background: #fff;}
.panel.bg-09 {background: #183E6B;}
.panel.bg-10 {background: #E7E9E9;}

.articles_main.search_result:before  {content:"";  position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: url("../images/search_shape.svg") no-repeat right top; background-size: cover; }
.articles_main.search_result .section_title b { font-weight: 400;}
.articles_main.search_result h2 {font-size: 50px; line-height: 56px; color: #183E6B; font-weight: 400; margin: 20px 0;}
.articles_main.search_result .future_tab { padding: 35px 60px 35px 0;  font-weight: 700; font-size: 22px;}
.articles_main.search_result .future_tab:after {top: 50%; margin-top: -22px; width: 43px; height: 43px; background: url("../images/scroll_down.svg") no-repeat center center; transform: rotate(0deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.articles_main.search_result .future_tab.active:after { transform: rotate(-90deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.articles_main.search_result .future_wrap { font-size: 20px; line-height: 30px; max-width: 1042px;}
.articles_main.search_result .future_accordian { padding-right: 60px;}
.articles_main.search_result .articles_wrap {width: 100%; max-width: 100%;}


/* #Media Queries ================================================== */

@media (min-width: 992px) {
	
	.main_menu { position: absolute; right:  8%; left:  0px; top: 72px;  z-index: 18; padding:  0 150px 0 0; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;  transition: all 0.5s ease;}
	.navbar { width: 100%; float:  right; padding:  0;}
	.navbar ul { display: block;  float: left; width: 100%; padding: 0; margin: 0; list-style:none;  z-index: 5; text-align: right;}
	.navbar ul  li { margin: 0; padding: 0 5px; list-style:none; display:inline-block;  height: 48px; position: relative; #fff; }
	.navbar ul  li a { padding:0 10px 16px 10px; font-size: 16px; line-height: 32px; color: #fff; font-weight: 400; display: inline-block; position:relative; border: 0; text-transform:uppercase;}
	.navbar ul li:focus > a, .navbar li:hover > a, .navbar li > a:focus, .navbar li > a:hover, .navbar li.active > a{ color: #fff; text-decoration:none;}
	.navbar li a.active { color:#fff; text-decoration:none;border: 0;}

	
	.navbar ul li ul{background: rgba(0,151,206,0); padding: 0 ;  margin:0; position:absolute;left: 50%; margin-left: -90px;  width: 180px; top:100%; z-index: 9999; list-style:none; display: block; visibility:hidden; max-height: 0px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; overflow: hidden;text-align: center; font-size: 0px; }
	.navbar ul li ul li{ text-align: center; width:100%;background: rgba(0,151,206,100);   float:  left; list-style:none; padding: 0 0 6px 0; margin: 0; height: auto;border-bottom: 0; display: block;  }
    .navbar ul li ul li:nth-last-child(2) {padding-bottom: 0;}
	.navbar ul li ul li a{display:block;  color:#fff;  border: 0; padding: 10px 0;line-height: 20px;font-weight: 400;font-size: 16px;}
	.navbar ul li ul li a:hover, .navbar ul li ul li a.active{text-decoration:none; color:#fff !important; background: #183E6B; border:  0;}
	.navbar ul li:hover ul, .navbar ul li:focus-within > ul, .navbar ul li.has_sub a.show + ul{ display:block; visibility:visible; max-height: 732px!important;  -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease;  transition: all 0.7s ease; overflow: hidden;}
    .navbar ul li.has_sub ul li:nth-child(1), .navbar ul li.has_sub ul li:nth-last-child(1) { display: none!important;}
	
}
/* END__ */
 @media (min-width: 1651px) and (max-width: 1760px) {
    .who_we_bottom { font-size: 110px; line-height: 120px;}
    .blue_counter ul li b {font-size: 70px; line-height: 70px;}
    .articles_wrap .row [class*="col-"] {min-height: 450px;}
    
    .catalogue_content .section_title.solution3 h2 { font-size: 65px; line-height: 65px;}


 }
@media (min-width: 768px) and (max-width: 1650px) {
    h1, h2, h3, h4, h5, h6 {font-size: 60px; line-height: 70px; margin-bottom: 40px;}
    .home_header { padding: 200px 0 250px 0;}
    .header_caption { font-size: 26px; line-height: 26px;padding: 10px 200px 0 0px;}
    .header_caption p { padding-left: 450px;}
    .header_caption h2 {font-size: 80px;line-height: 80px; padding-left: 10%;}
    .who_we {font-size: 18px;line-height: 28px;border-radius: 60px 60px 0 0;}
    .who_we .row [class*="col-"].cform { padding: 0 50px 80px 50px;}
    .contact_form { padding: 36px 70px 50px 70px;border-radius: 60px;}
    .contact_form .form_group.submit { left: 70px; }
    .form_block {margin: 0 -35px;}
    .contact_form .form_group { padding-left: 35px; padding-right: 35px; max-width: 25%;  width: 25%;}
    .contact_form .form_group.label_checkbox {max-width: 50%; width: 50%; padding-left: 230px;}
    .who_content {padding: 0 130px 100px 50px;}
    .who_pic { padding: 0 50px 100px 0;}
    .who_we_bottom {font-size: 110px; line-height: 120px; padding: 50px 50px 230px 50px;}
    .blue_parking .container h2 {font-size: 70px; line-height: 60px;}
    .blue_parking {font-size: 40px; line-height: 45px; padding: 70px 0 200px 0}
    .blue_parking .container h3 {font-size: 40px; line-height: 42px;}
    .blue_parking ul li {font-size: 26px; line-height: 30px; padding: 14px 60px 14px 0; background-size: 46px auto;}
    .blue_counter { font-size: 44px; line-height: 50px; padding: 100px 0 150px 0;}    
    .blue_counter ul { margin-left: -20px; margin-right: -20px;}
    .blue_counter ul li {font-size: 24px; line-height: 24px; padding-left: 20px; padding-right: 20px;}
    .blue_counter ul li::after { height: 150px; margin-top: -75px;}
    .blue_counter ul li b {font-size: 60px; line-height: 60px;}
    .router {padding: 100px 0 150px 0; margin-top: -60px;}
    .router:before { background-size: 1550px auto;}
    .router .row [class*="col-"]:nth-child(2), .router .row [class*="col-"]:nth-child(4) { padding-left: 130px;}
    .router .row [class*="col-"]:nth-child(3) {padding-right: 130px; }
    .router h3 {padding-right: 130px;}
    .router_content { padding: 20px 130px 10px 20px;}
    .router_content:after, .router .row [class*="col-"]:nth-child(3) .router_content:after { background-size: 160px auto;}
    .router_content i {font-size: 50px; line-height: 50px; right: 50px; top: 20px;width: 60px;}
    .manage_anywhere { padding: 0 0 150px 0; margin-top: -100px;}
    .manage_icon { padding: 0 40px;}
    .manage_anywhere ul { margin: 0 -40px; padding: 50px 0 0 0;}
    .manage_anywhere ul li { flex: 0 0 auto; width: auto; max-width: 400px;font-size: 25px;line-height: 25px; padding-left: 40px; padding-right: 40px;}
    .our_clients {padding: 80px 0 150px 0;  margin-top: -80px;}
    .client_logos { padding: 50px 80px 0 80px;}
    .client_logos ul { margin: 0 -50px;}
    .client_logos ul li {padding: 0 50px;}
    .parking_lots {min-height: 1000px; padding: 80px 0 150px 0; margin-top: -60px;}
    .tab-btn { padding-right: 130px;}
    .selection_tab { width: 420px;}
    .tab-content {right: 36%;left: 7%;}
    .articles_wrap {font-size: 20px; line-height: 27px;  padding: 0 130px;}
    .articles_wrap .row [class*="col-"] { min-height: 400px;}
    .recent_article:before { background-size: 70% auto;}
    .footer {padding: 50px 50px 60px 50px; margin-top: -80px;}
    .footer:before { background-size: 400px auto;}
    .footer .contact_form {padding: 35px 80px 60px 80px;}
    .footer .contact_form .form_group.submit { left: 80px; bottom: 75px;}
    .footer .contact_form .form_group.full { padding-left: 280px;}
    .footer_bottom_wrap {padding:50px 0 0 0;}
    .footer_bottom { margin: 0 -30px;}
    .footer_bottom .section { padding: 0 30px; width: 21%; max-width: 21%;}
    .footer_bottom .section:nth-child(1) {width: 20%; max-width: 20%;}
    .footer_bottom .section:nth-child(4) {width: 38%;}
    .footer_bottom .section img {max-height: 100px; width: auto;}
    .footer .form_title p {padding-left: 40px;}
    .about_top {padding: 200px 0 150px 0;}
    .about_top_content { padding-right: 210px; padding-left: 160px; font-size: 40px;  line-height: 46px;}  
    .parking_group {font-size: 24px;line-height: 35px; border-radius: 60px 60px 0 0; padding: 100px 0 150px 0;}
    .parking_group:before {border-radius: 60px 60px 0 0;}
    .group_content {padding: 0 100px 0 20px;}
    .cloud_system {font-size: 18px; line-height: 27px; padding: 100px 0 150px 0;}
    .cloud_content {max-width: 1050px;}
    .cloud_content h2 {font-size: 40px; line-height: 40px;}
    .cloud_content h2 + p {padding-left: 35%;}
    .blue_fracking {font-size: 22px;line-height: 22px; padding: 100px 0 150px 0;}
    .fracking_content { padding: 0 100px 0 70px;}
    .fracking_content ul {padding:80px 0 0 0;}
    .fracking_content ul  li {padding-right: 140px;height: 140px;}
    .fracking_content ul  li div { padding: 14px 18px; right: 140px;}
    .fracking_content ul  li div img {max-width: 120px;  right: -140px;}
    .fracking_content ul  li:nth-child(2), .fracking_content ul  li:nth-child(6) { padding-right: 280px;}
    .fracking_content ul  li:nth-child(3), .fracking_content ul  li:nth-child(5) { padding-right: 420px;}
    .fracking_content ul  li:nth-child(4) { padding-right: 560px;}
    .fracking_content ul  li:nth-child(2) div, .fracking_content ul  li:nth-child(6) div { right: 280px;}
    .fracking_content ul  li:nth-child(3) div, .fracking_content ul  li:nth-child(5) div { right: 420px;}
    .fracking_content ul  li:nth-child(4) div { right: 560px;}
    .fracking_content ul  li div { max-width: 800px;}
    .the_goal {font-size: 20px;line-height: 27px; padding: 100px 0 150px 0;}
    .the_goal_content { padding: 0 245px 0 20px;  max-width: 895px;}
    .the_goal_content h2, .personal_content h2 {font-size: 50px; line-height: 50px;}
    .personal_note {font-size: 24px; line-height: 35px; padding: 100px 0 150px 0;}
    .personal_content { max-width: 800px;}
    .solutuion_top {font-size: 40px;line-height: 46px; padding: 200px 0 150px 0;}
    .solutuion_top_content { padding: 0 200px 0 20px;max-width: 1300px;}
    .solutuion_content { padding: 150px 45% 150px 0;}
    .short_text {padding-right: 100px; padding-left: 50px;}
    .wedo_pic { height: 550px;}
    .wedo_wrap { padding: 80px 120px 0 60px;}
    .solutuion_wedo ul {margin: 0 -60px;}
    .solutuion_wedo ul  li { padding: 0 60px 50px 60px; }
    .solutuion_wedo ul  li div {font-size: 20px; line-height: 26px;}
    .solutuion_wedo ul  li div:after {width: 46px; height: 40px;right: -60px; top: 5px; background-size: 45px auto; }   
    .wedo_wrap_short {padding-bottom: 50px;padding-left: 40%;}
    .details_header {min-height: 550px;}
    .details_content { padding:50px 130px 0 20px; }
    .future_content {padding: 60px 130px 150px 100px;}
    .future_wrap {font-size: 25px; line-height: 35px;}
    .future_parking_header {height: 550px; }   
    .header_text { padding:50px 140px 0 20px;font-size: 25px; line-height: 35px; max-width: 900px; }
    .header_text h2 {font-size: 40px; line-height: 45px;}   
    .catalogue_content .future_wrap {padding: 50px 100px 70px 10px;}
    .inner_content {padding: 50px 80px 0 40px;}
    .suitable_top_text {max-width: 1100px; font-size: 42px; line-height: 52px;}
    .suitable_image { height: 600px;}
    .suitable_pic {top: 350px; max-width: 600px;}
    .suitable_text_block {max-width: 800px; padding: 50px 150px 0 20px;}
    .operational_advantage { padding: 120px 0 120px 0;}   
    .operational_block {padding: 0 120px 0 60px;}
    .operational_advantage ul { margin: 0 -60px;}
    .operational_advantage ul li { padding: 0 60px 50px 60px; }
    .operational_advantage ul li div {font-size: 20px;  line-height: 26px;}
    .operational_advantage ul li div:after { width: 46px;  height: 40px;  right: -60px;  top: 5px;  background-size: 45px auto;  }
    .operational_short {padding: 0 120px 50px 50px;font-size: 40px;line-height: 46px;}
    .suitable_bottom {  max-width: 900px;font-size: 30px; line-height: 40px;}
    .suitable_blues {  padding: 120px 0 120px 0;}

    .the_solution { font-size: 24px; line-height: 35px; border-radius: 60px 60px 0 0; padding: 100px 0 150px 0; margin-top: -80px; }
    .the_solution_content { padding: 0 80px 0 0;}
    .the_solution .section_title b {  padding-right: 80px;}
    .the_solution h2 b, .recent_article.more_projects h2 b, .recent_article.gallery h2 b { padding-right: 80px;}
    .gallery_wrap {padding:50px 130px 0 130px;}


    /**All Titles css****/
    .home_header .section_title b { padding-right: 60px;}
    .section_title b, .section_title2 b { padding-left: 40px; padding-right: 130px;}
    .blue_parking .section_title2 h2 b { padding: 23px 130px 23px 20px;}

    .section_title b {padding-right: 60px;}
    .section_title.solution b, .section_title.solution3 b, .industrial_silence .section_title b {padding-right: 80px;}
    .section_title.solution h1, .the_goal_content h2, .personal_content h2, .industrial_silence h2 {font-size: 50px; line-height: 56px;}     

    .catalogue_content .row:nth-child(3) [class*="col-"] .section_title.solution2 b { padding-right: 80px;}
    .catalogue_content .section_title.solution3 h2 { font-size: 55px; line-height: 56px;}


    /*****************/

    
    .project_details .future_parking_header {padding-top: 80px; height: 700px;}
    .future_content.pdetails { padding: 120px 80px; font-size: 24px; line-height: 32px;}
    .future_content.pdetails .row {  margin-left: -30px; margin-right: -30px;}
    .future_content.pdetails .row  [class*="col-"] { padding: 0 30px 30px 30px;}
    .future_content.pdetails  h2 {font-size: 24px; line-height: 30px;}
    .future_content.pdetails ul { padding: 0; margin: 0 20px 0 0;}

    .future_wrap.left_padding { padding-left: 50%; width: 100%; max-width: 100%; min-height: 550px;}
    .future_wrap.right_padding  { padding-right: 55%; width: 100%; max-width: 100%; min-height: 550px;}
    .group-content {top: -40px;}

}
/* END__ */
 @media (min-width: 768px) and (max-width: 1380px) {
    h1, h2, h3, h4, h5, h6 {font-size: 50px; line-height: 60px; margin-bottom: 40px;}
    .top_block {left: 40px;}
    .logo { right: 40px;}
     .main_menu {right:200px; padding: 0;}

    .header_caption { font-size: 22px; line-height: 22px;}
    .header_caption h2 {font-size: 70px;line-height: 70px; padding-left: 7%;}
    .who_we {font-size: 16px;line-height: 24px;padding: 40px 0 0 0;}
    .who_we .row [class*="col-"].cform { padding: 0 40px 60px 40px;}
    .contact_form { padding: 30px 40px 40px 40px;border-radius: 55px;}
    .contact_form .form_group.submit { left: 40px; }
    .form_block {margin: 0 -30px;}
    .contact_form .form_group { padding-left: 30px; padding-right: 30px; max-width: 24%;  width: 24%;}
    .contact_form .form_group.label_checkbox {max-width: 52%; width: 52%; padding-left: 200px; padding-right: 10px;}       
    .who_content {padding: 0 100px 80px 50px;}
    .who_pic { padding: 0 50px 80px 0;}
    .who_we_bottom {font-size: 90px; line-height: 100px;}
    .blue_counter { font-size: 40px; line-height: 45px;padding: 80px 0 130px 0;}    
    .blue_counter ul { margin-left: -10px; margin-right: -10px;}
    .blue_counter ul li {font-size: 22px; line-height: 22px; padding-left: 10px; padding-right: 10px;}
    .blue_counter ul li::after { height: 120px; margin-top: -60px;}
    .blue_counter ul li b {font-size: 50px; line-height: 50px;}
    .blue_counter ul li:nth-child(3) i {font-size: 30px;}
    .router {padding: 80px 0 130px 0; margin-top: -60px;}
    .router:before { background-size: 1250px auto;}
    .router .row [class*="col-"]:nth-child(2), .router .row [class*="col-"]:nth-child(4) { padding-left: 70px;}
    .router .row [class*="col-"]:nth-child(3) {padding-right: 70px; }
    .router h3 {padding-right: 100px;font-size: 50px; line-height: 70px; margin-bottom: 0px;}
    .router_content { padding: 20px 100px 10px 20px;font-size: 16px; line-height: 22px;}
    .router_content:after, .router .row [class*="col-"]:nth-child(3) .router_content:after { background-size: 130px auto;}
    .router_content h4 { font-size: 32px; line-height: 32px; margin-bottom: 15px;}
    .router_content i {font-size: 40px; line-height: 40px; right: 30px; top: 25px;width: 50px;}
    .manage_middle h2 {font-size: 40px;line-height: 40px;}
    .manage_icon { padding: 0 30px;}
    .manage_anywhere ul { margin: 0 -30px; padding: 50px 0 0 0;}
    .manage_anywhere ul li { flex: 0 0 auto; width: auto; max-width: 380px;font-size: 22px;line-height: 24px; padding-left: 30px; padding-right: 30px;}    
    .client_logos {padding: 50px 60px 0 60px; }
    .client_logos ul { margin: 0 -20px;}
    .client_logos ul li { padding: 0 20px;}
    .parking_lots {min-height: 900px; padding: 80px 0 150px 0; margin-top: -60px;}
    .selection_tab ul {padding: 0px 0 0 0;}
    .tab-btn { padding-right: 100px; height: 50px; line-height: 50px;}
    .selection_tab { width: 400px;}
    .tab-content {right: 40%;left: 5%;}
    .articles_wrap {font-size: 18px; line-height: 25px;  padding: 0 60px;}
    .articles_wrap a h3 {font-size: 16px;line-height: 22px;padding: 12px 15px 0 15px;}
    .articles_wrap .row [class*="col-"] { min-height: 400px;}
    .short_info {overflow: hidden; height: 80px;}
    .footer .contact_form .form_group.submit { left: 80px;}
    .footer .contact_form .form_group.full { padding-left: 260px;}
    .footer_bottom { margin: 0 -20px;}
    .footer_bottom .section { padding: 0 20px; width: 22%; max-width: 22%;}
    .footer_bottom .section:nth-child(1) {width: 20%; max-width: 20%;}
    .footer_bottom .section:nth-child(4) {width: 36%;}
    .footer_bottom .section img {max-height: 80px; width: auto;}

    .solutuion_bottom {padding: 130px 0 150px 0;}
    .solutuion_content2 { font-size: 40px; line-height: 46px; color: #fff; padding: 0 20px; max-width: 1100px;}
    .solutuion_top_content { padding: 0 100px 0 20px;max-width:  970px;}
    .solutuion_content { padding: 100px 45% 140px 0;}
    .short_text {padding-right: 60px; padding-left: 30px;}
    .wedo_pic { height: 450px;}
    .wedo_wrap { padding: 60px 100px 0 40px;}
    .solutuion_wedo ul {margin: 0 -50px;}
    .solutuion_wedo ul  li { padding: 0 50px 50px 50px; }
    .solutuion_wedo ul  li div {font-size: 18px; line-height: 25px;} 
    .industrial_silence {padding: 100px 0 150px 0;}
    .industrial_silence_content { padding: 50px 100px 0 20px; max-width: 700px;}
    .wedo_wrap_short {padding-bottom: 50px;padding-left: 30%;}
    .details_header {min-height: 450px;}
    .details_content { padding:50px 60px 0 60px; }
    .recent_article.for_projects {padding: 200px 0 150px 0;}    
    .future_content {padding: 60px 60px 150px 60px;}
    .future_wrap {font-size: 20px; line-height: 30px;}
    .future_parking_header {height: 500px; } 
    .catalogue_content {padding: 100px 0 100px 0;}
    .catalogue_content .future_wrap {padding: 50px 80px 70px 10px;}
    .inner_content {padding: 50px 80px 0 40px; font-size: 24px; line-height: 34px;}
    .suitable_image { height: 450px;}
    .suitable_pic {top: 250px; max-width: 500px;}
    .suitable_text_block {max-width: 700px; padding: 50px 100px 0 20px;}
    .operational_advantage { padding: 80px 0 100px 0;}   
    .operational_block {padding: 0 100px 0 50px;}
    .operational_advantage ul { margin: 0 -50px;}
    .operational_advantage ul li { padding: 0 50px 50px 50px; }
    .operational_advantage ul li div {font-size: 18px;  line-height: 25px;}
    .operational_short {padding: 0 100px 50px 150px;font-size: 30px;line-height: 36px;}
    .suitable_bottom {  max-width: 800px;font-size: 25px; line-height: 35px;}
    .gallery_wrap {padding:50px 60px 0 60px;}

    /**All Titles css****/
    .section_title b, .section_title2 b { padding-left: 40px; padding-right: 100px;}
    .section_title.solution h1, .the_goal_content h2, .personal_content h2, .industrial_silence h2, .section_title.solution3 h2, .solutuion_content h2 {font-size: 40px; line-height: 50px;}     
    .details_header .section_title.solution3 {  max-width: 800px;  }
    .catalogue_content .section_title.solution3 h2 { font-size: 50px; line-height: 56px;}
    /******************/

    .pdetails_top { top: -75px; padding: 20px 50px 20px 40px;  border-radius: 80px; width: 420px;  margin-left: -210px; font-size: 24px; line-height: 32px; }
    .project_details .future_parking_header {padding-top: 80px; height: 600px;}
    .future_content.pdetails { padding: 120px 80px; font-size: 20px; line-height: 28px;}
    .future_content.pdetails .row {  margin-left: -25px; margin-right: -25px;}
    .future_content.pdetails .row  [class*="col-"] { padding: 0 25px 25px 25px;}
    .future_content.pdetails  h2 {font-size: 20px; line-height: 26px;}
    .future_content.pdetails ul { padding: 0; margin: 0 20px 0 0;}
    .the_solution h2 b, .recent_article.more_projects h2 b, .recent_article.gallery h2 b { font-size: 40px; line-height: 50px; padding-right: 60px;}

    .future_wrap.left_padding { padding-left: 50%; width: 100%; max-width: 100%; min-height: 400px;}
    .future_wrap.right_padding { padding-right: 55%; width: 100%; max-width: 100%; min-height: 400px;}
    .group-content {top: -40px;}

    .articles_main.search_result .section_title b {padding-right: 60px;}


}

/* END__ */
 @media (min-width: 768px) and (max-width: 1199px) {
    .navbar ul li a { padding: 0 8px 16px 8px;}
    .header_caption {padding: 10px 120px 0 0px;}
    .header_caption p {padding-left: 150px;}
    .header_caption h2 { font-size: 60px;  line-height: 60px;   padding-left: 5%;  }
    .contact_form .form_group.label_checkbox {padding-left: 220px;} 
    .who_content { padding: 0 60px 30px 0px;}
    .who_pic { padding: 0 0px 30px 0;}
    .who_we_bottom { font-size: 70px; line-height: 80px;} 
    .blue_parking .container h2 {font-size: 50px; line-height: 50px;}
    .blue_parking {font-size: 30px; line-height: 35px; padding: 70px 0 200px 0}
    .blue_parking .container h3 {font-size: 30px; line-height: 32px;}
    .blue_parking ul li {font-size: 22px; line-height: 28px; padding: 8px 50px 12px 0; background-size: 36px auto;}
    .blue_counter { font-size: 32px; line-height: 35px;}    
    .blue_counter ul li {font-size: 20px; line-height: 20px; }
    .blue_counter ul li:after { height: 100px; margin-top: -50px;}
    .blue_counter ul li b {font-size: 35px; line-height: 35px;}
    .blue_counter ul li:nth-child(3) i {font-size: 20px;}
    .router:before { background-size: 950px auto;}
    .router h3 { padding-right: 60px; font-size: 40px;line-height: 50px; padding-left: 50px;  }
    .router .row [class*="col-"]:nth-child(2), .router .row [class*="col-"]:nth-child(4) { padding-left: 30px;}
    .router .row [class*="col-"]:nth-child(3) {padding-right: 30px; }    
    .router_content { padding: 15px 60px 5px 20px;font-size: 14px; line-height: 20px;}
    .router_content:after, .router .row [class*="col-"]:nth-child(3) .router_content:after { background-size: 90px auto;}
    .router_content h4 { font-size: 28px; line-height: 28px; margin-bottom: 10px;}
    .router_content i {font-size: 30px; line-height: 30px; right: 10px; top: 20px;width: 30px;}
    .manage_anywhere ul li { max-width: 310px;font-size: 20px;line-height: 22px;} 
    .parking_lots {min-height: 800px;padding: 60px 0 130px 0;}
    .tab-btn { padding-right: 60px;}
    .selection_tab { width: 350px;}
    .tab-content {right: 40%;left: 5%;}
    .recent_article {padding: 60px 0 130px 0; } 
    .articles_wrap .row [class*="col-"] { min-height: 380px;}
    .footer .contact_form { padding: 30px 60px 50px 60px;}
    .footer .contact_form .form_group.submit { left: 60px; }
    .footer .contact_form .form_group.label_checkbox { padding-right: 30px; padding-left: 200px;}

    .footer_bottom { margin: 0 -10px;}
    .footer_bottom .section {width: 24%; max-width: 24%; font-size: 14px; padding: 0 10px;}
    .footer_bottom .section:nth-child(1) {width: 22%; max-width: 22%;}
    .footer_bottom .section:nth-child(4) {width: 30%;}
    .footer_bottom .section img {max-height: 55px; width: auto;}
    .footer_bottom .section ul { margin: 0 -4px;}
    .footer_bottom .section ul li { padding: 0 4px;} 

    .about_top_content { padding-right: 210px;  padding-left: 80px; font-size: 35px; line-height: 40px;}
    .group_pic {padding: 0;}
    .parking_group .row { align-items: center;} 
    .parking_group {font-size: 20px; line-height: 30px; border-radius: 60px 60px 0 0;}
    .parking_group:befor {border-radius: 60px 60px 0 0;}    
    .blue_fracking {font-size: 20px; line-height: 20px;}
    .fracking_content { padding: 0 60px 0 50px;}
    .fracking_content ul {padding: 30px 0 0 0;}
    .fracking_content ul  li {padding-right: 120px;height: 120px;}
    .fracking_content ul  li div { padding: 14px 18px; right: 120px;}
    .fracking_content ul  li div img {max-width: 100px;  right: -120px;}
    .fracking_content ul  li:nth-child(2), .fracking_content ul  li:nth-child(6) { padding-right: 240px;}
    .fracking_content ul  li:nth-child(3), .fracking_content ul  li:nth-child(5) { padding-right: 360px;}
    .fracking_content ul  li:nth-child(4) { padding-right: 480px;}
    .fracking_content ul  li:nth-child(2) div, .fracking_content ul  li:nth-child(6) div { right: 240px;}
    .fracking_content ul  li:nth-child(3) div, .fracking_content ul  li:nth-child(5) div { right: 360px;}
    .fracking_content ul  li:nth-child(4) div { right: 480px;}
    .fracking_content ul  li div { max-width: 700px;}    
    .solutuion_top {font-size: 30px;line-height: 36px; padding: 200px 0 150px 0;}
    .solutuion_content2 {font-size: 36px; line-height: 40px; }
    .wedo_wrap_short {padding-bottom: 50px;padding-left: 20%;}
    .solutuion_wedo .short_text ul { width: 80%;}
    .articles_main { padding: 150px 0 150px 0;}
    .details_header { min-height: 400px;}
    .our_projects { padding: 20px 0 60px 0;}
    .future_parking_header {height: 450px; } 
    .header_text { padding:50px 100px 0 20px;font-size: 20px; line-height: 30px; max-width: 800px; }
    .header_text h2 {font-size: 35px; line-height: 40px;}
    .catalogue_content {padding: 80px 0 80px 0;}
    .catalogue_content .future_wrap {padding: 20px 20px 50px 10px;}
    .inner_content {padding: 40px 20px 0 20px; font-size: 20px; line-height: 27px;}
    .suitable_top_text {max-width: 880px; font-size: 32px; line-height: 40px;}
    .suitable_pic {top: 250px; max-width: 420px;}
    .suitable_text_block { max-width: 650px;  padding: 50px 80px 0 20px;  }

    /**All Titles css****/
    .section_title b, .section_title2 b {  padding-left: 30px; padding-right: 60px; }
    .blue_parking .section_title2 h2 {font-size: 30px;line-height: 30px;margin: 30px 0 0 0;}
    .blue_parking .section_title2 h2 b { padding: 16px 60px 16px 20px;}
    .section_title.solution b, .section_title.solution3 b, .industrial_silence .section_title b {padding-right: 60px;}
    .catalogue_content .row:nth-child(3) [class*="col-"] .section_title.solution2 b { padding-right: 60px;}
    .articles_main .section_title b {padding-right: 60px;}
    .details_header .section_title b, .for_projects .section_title2 b { padding-right: 60px;}
    .catalogue_content .section_title.solution3 h2 { font-size: 40px; line-height: 46px;}
    
    /******************/
    
    .project_details .future_parking_header {padding-top: 60px; height: 550px;}
    .future_content.pdetails { padding: 100px 60px 100px 60px; font-size: 18px; line-height: 24px;}
    .future_content.pdetails .row {  margin-left: -15px; margin-right: -15px;}
    .future_content.pdetails .row  [class*="col-"] { padding: 0 15px 25px 15px;}
    .future_content.pdetails  h2 {font-size: 18px; line-height: 24px;}
    .future_content.pdetails ul { padding: 0; margin: 0 15px 0 0;}
    .the_solution {font-size: 20px; line-height: 30px; }
    .the_solution_content { padding: 0 60px 0 0;}
    .the_solution .section_title b {  padding-right: 60px;}
    .the_solution_pic {padding: 0;}

    .future_wrap.left_padding { padding-left: 50%; width: 100%; max-width: 100%; min-height: 400px;}
    .future_wrap.right_padding  { padding-right: 55%; width: 100%; max-width: 100%; min-height: 400px;}
    .group-content {top: -10px;}
    

 }

/* END__ */
 @media (min-width: 768px) and (max-width: 991px) {
        .about_top {padding: 120px 0 130px 0;}
        .about_top_content { padding-right: 60px;  padding-left: 60px;}
        .blue_fracking { font-size: 16px;line-height: 18px;}
        .fracking_content { padding: 0 30px 0 30px;}

        .fracking_content ul  li {padding-right: 90px;height: 100px;}
        .fracking_content ul  li div { padding: 14px 18px; right: 90px;}
        .fracking_content ul  li div img {max-width: 70px;  right: -90px;}
        .fracking_content ul  li:nth-child(2), .fracking_content ul  li:nth-child(6) { padding-right: 180px;}
        .fracking_content ul  li:nth-child(3), .fracking_content ul  li:nth-child(5) { padding-right: 270px;}
        .fracking_content ul  li:nth-child(4) { padding-right: 360px;}
        .fracking_content ul  li:nth-child(2) div, .fracking_content ul  li:nth-child(6) div { right: 180px;}
        .fracking_content ul  li:nth-child(3) div, .fracking_content ul  li:nth-child(5) div { right: 270px;}
        .fracking_content ul  li:nth-child(4) div { right: 360px;} 


        .articles_main .articles_wrap { padding: 0 30px;   width: 750px;  margin: 0 auto;}
        .articles_main .articles_wrap .row [class*="col-"] {min-height: 380px;}
        .future_content { padding: 30px 30px 150px 30px;}
        .future_parking_header {height: 400px; } 
        .details_header { margin-top: 62px;}

        .pdetails_top { top: -52px; padding: 10px 40px;  border-radius: 70px; width: 340px;  margin-left: -170px; font-size: 20px; line-height: 24px; }
        .future_content.pdetails {  padding: 90px 60px 100px 60px;}
        .header_text { padding:30px 60px 0 20px;font-size: 20px; line-height: 26px; max-width: 650px; }
        .header_text h2 {font-size: 30px; line-height: 35px; margin-bottom: 20px;}

        .articles_main.search_result .section_title b {padding-right: 30px;}

        
}
@media only screen and (max-width: 991px) { 
    .header { height: 62px;}
    .header .container:after { content: ""; position: fixed; left: 0; top: 0; right: 0; z-index: 92;background: #0097CE;height: 62px; transition: all 0.5s ease; }
    .header.active .container:after { opacity: 0; pointer-events: none;transition: all 0.5s ease; }
    .navbar-toggler { display: block;}
    .logo { top: 5px; width: 90px;opacity: 1; transition: all 0.5s ease;}
    .header.active .logo { opacity: 0;transition: all 0.5s ease; pointer-events: none;}
    .top_block { position: relative; z-index: 91;    left: 0; right: 0; top: 0; width: 100%; background: #0097CE; height: auto; padding: 20px 20px 10px 20px; border-radius: 0;  }
    .top_block div {max-width: 50%; width: 50%; padding-left: 0px; padding-bottom: 20px;}
    .top_block div.language { position: absolute; left: 20px; top: 20px; z-index: 6;}
    .top_block div.language ul li a {background: #0097CE;}
    .top_block div.search_block { width: 100%;padding-right: 0px;}


    .main_menu { padding: 0; position: fixed; z-index: 90; left: 0px; right: 0; top: -100vh; height:calc(100vh - 62px) !important; background: #183E6B;overflow: hidden;  overflow-y: auto ;   transition: all 0.5s ease;   } 	
    .main_menu.active {top: 62px; transition: all 0.5s ease;  }
    .navbar { position:relative; /*height:calc(100vh - 95px) !important; transition: height 0.3s;*/ z-index: 93; padding:  0; display: block;}
    /*.navbar.active {height:calc(100vh - 45px) !important;max-height: none; transition: height 0.3s;}*/
    .navbar ul { display: block;position: relative; width: 100%; padding: 0; margin: 0;list-style: none; text-align: right; float: left; }
    .navbar ul li {width: 100%; float: left; text-align: center; padding: 0; position:relative; height:  auto; margin-bottom: 5px; z-index:  1;}
    .navbar ul li a { width: 100%; float: left; color: #fff; font-size: 16px; line-height: 50px; font-weight: 400; padding: 0 80px 0 60px; position: relative; text-transform: uppercase; z-index:  1;}
    .navbar ul li:focus > a, .navbar ul li:hover > a, .navbar ul li > a:focus, .navbar ul li > a:hover, .navbar ul li > a.active, .navbar ul li > a.active{ color:#fff !important; text-decoration:none; border: 0;  }
    .navbar ul  li a:hover{ color: #fff !important;  ; }
    .navbar ul  li.has_sub a { z-index:  3;}
    .navbar ul  li.has_sub.active { z-index:  4;}
    .navbar ul  li.has_sub.active a:hover {color:#fff !important;  }
    .navbar ul li.has_sub a:after { content: ""; background: url("../images/next_white.svg") no-repeat center center; width: 20px; height: 20px; position:absolute;top: 50%; margin-top: -10px; left: 60px;  transform: rotate(0deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
    .navbar ul li.has_sub a + ul { padding: 0; margin: 0; position:fixed; background: #000; width: 100vw; left: -100vw;;top: 0px; height: 100vh !important; z-index:  9; transition: all 0.5s ease;  }
    .navbar ul li.has_sub.active a + ul { left: 0;transition: all 0.5s ease;}
    .navbar ul li.has_sub a + ul li { width: 100%; float: left; padding: 0 0 15px 0; margin: 0; font-size: 16px; font-weight: 400; height: auto;}
    .navbar ul li.has_sub a + ul li a{color:#fff !important; background: #0097CE; text-align: center; padding: 0; line-height: 40px;display: block; }
    .navbar ul li.has_sub a + ul li a:hover{ color: #fff !important;  background: #183E6B;}
    .navbar ul li.has_sub a + ul li:nth-child(1) { padding: 100px 0 20px 0; font-weight: 700; background: #000!important; pointer-events: none; color: #fff;}
    .navbar ul li.has_sub a + ul li a:after { display: none;}
    .navbar ul li.has_sub a + ul li:nth-last-child(1) { position: absolute;width: auto; float: none; right: 20px; top: 20px; height: 30px; padding: 0px;}
    .navbar ul li.has_sub a + ul li:nth-last-child(1) a.back_menu { width: 70px; height: 30px; line-height:  30px; background: url("../images/back.svg") no-repeat left center; font-weight: 400; float:  right; color:#fff !important; padding: 0 0 0 15px; }    
    .home_header_desktop:before { background-size: 930px auto;}
    .home_header {padding: 180px 0 250px 0;}
    .header_caption h2 { font-size: 50px; line-height: 50px;}
    .form_block {margin: 0 -50px;}
    .who_we_bottom {padding: 70px 60px 200px 60px;}
    .blue_parking { margin-top: -150px;}
    .blue_counter ul li b {font-size: 25px; line-height: 25px;}
    .blue_counter ul li span { max-width: 170px;}
    .blue_counter ul li:nth-child(3) i {font-size: 16px; }
    .router {padding: 80px 0 170px 0; }
    .router .row [class*="col-"] {padding-bottom: 50px;}
    .router .row [class*="col-"]:nth-child(2), .router .row [class*="col-"]:nth-child(4) {padding-left: 0px;}
    .router .row [class*="col-"]:nth-child(3) {padding-right: 0px;}
    .router_content {width: 100%;max-width: 100%; padding: 35px 60px 5px 20px;font-size: 14px; line-height: 20px; order: 1 !important; }
    .router_repeat:after { left: 0; bottom: 150px; border-radius: 60px 60px 0 0;}
    .router_content i { top: 40px}
    .router .row [class*="col-"]:nth-child(3) .router_repeat:after {right: 0;}
    .router_pic {width: 100%;max-width: 100%; order: 2 !important;}
    .router_pic img { width: 450px; margin-right: -40px;}
    .router .row [class*="col-"]:nth-child(3) .router_pic {order: 2 !important; text-align: left;}
    .router .row [class*="col-"]:nth-child(3) .router_pic img {margin-right: 0px; }
    .router .row [class*="col-"]:nth-child(3) .router_content {order: 1 !important; }
    .router_content .scroll_down {  position: absolute; left: 20px; top: 30px; z-index: 5;}
    .router_content:after { display: none;}
    .manage_anywhere ul li { width: 33.33%; max-width: 33.33%;}
    .manage_anywhere ul li p:nth-child(1) { height: 150px;}
    .manage_anywhere ul li img {max-width: 180px; max-height: 100%; width: auto}
    .our_clients {padding: 70px 0 130px 0;}
    .client_content { padding: 0 60px 0 30px;}
    .client_logos ul {margin: 0 -10px;}
    .client_logos ul li { padding: 0 10px;}
    .contact_form .form_group { padding-left: 50px; padding-right: 50px; max-width: 50%;  width: 50%;}
    .contact_form .form_group.label_checkbox {max-width: 100%; width: 100%; padding-left: 200px; padding-right: 50px; padding-top: 30px;} 
    .contact_form .form_group.submit {bottom: 15px; }
    .parking_lots {min-height: auto;padding: 60px 0 130px 0;}
    .tab-btn { padding-right: 60px;}
    .selection_tab { width: 100%;}
    .tab-btn { height: 60px; line-height: 60px; background: #0097CE;}
    .tab-btn.active { border-bottom: solid 1px #fff;}
    .tab-content {right: auto;left: auto; top: auto; position: relative; width: 100%; display: block; max-height: 0px; visibility: inherit; overflow: hidden;   transition: all 0.5s ease; }
    .tab-content.active { max-height: 900px;    transition: all 0.5s ease; }
    .tab-content img {border-radius: 0px;}
    .tab-content div { padding: 0 20px 0 20px;}
    .tab-content .read_more2, .button_middle .read_more { height: 50px; line-height: 48px; width: 180px;}
    .all_parking .read_more2 { height: 60px; line-height: 58px;}
    .recent_article:before { background-size: 900px auto; background-position: 350px -50px;}
    .articles_wrap {padding: 0 60px; width: 500px; margin: 0 auto;}
    .articles_wrap .row [class*="col-"] { min-height: 400px;}
    .button_middle { padding-top: 30px;}
    .footer { padding: 40px 40px 100px 40px;}
    .footer .contact_form {padding: 30px 30px 50px 30px; }
    .footer .form_block { margin: 0 -30px; }
    .footer .contact_form .form_group { padding-left: 30px; padding-right: 30px;}
    .footer .contact_form .form_group {width: 50%; max-width: 50%;}
    .footer .contact_form .form_group.full { padding-left: 220px; }
    .footer .contact_form .form_group.submit { left: 30px; bottom: 60px;}
    .footer_bottom_wrap {padding: 50px 0 0 0;}
    .footer_bottom .section { width: 50%; max-width: 50%;  }
    .footer_bottom .section:nth-child(1) { width: 40%; max-width: 40%; order: 3 !important; padding-top: 15px;}
    .footer_bottom .section:nth-child(4) {width: 60%; max-width: 60%; order: 4 !important; text-align: left;  padding-top: 15px;}
    .footer_bottom .section ul { justify-content: right;}
    .footer:before { background-size: 350px;} 
    .solutuion_top {font-size: 30px; line-height: 36px; padding: 100px 0 110px 0; }
    .solutuion_top::before { background-size: 750px auto;}    
    .solutuion_top_content { padding: 0 60px 0 20px; }
    .solutuion_content { padding: 80px 45% 130px 0;} 
    .short_text { padding-right: 40px; padding-left: 20px; }
    .wedo_pic {  height: 350px;}
    .solutuion_wedo ul li {width: 100%; max-width: 100%; padding-bottom: 30px;}
    .solutuion_bottom {padding: 100px 0 140px 0;}
    .solutuion_content2 {font-size: 30px; line-height: 35px;}
    .solutuion_wedo .short_section ul { width: inherit;}
    .articles_main { padding: 100px 0 150px 0;}
    .future_parking {padding: 62px 0 0 0;}
    .details_header.catalogue { padding-top: 40px; padding-bottom: 80px;}
    .header_text { padding:30px 20px 0 20px;font-size: 18px; line-height: 24px; max-width: 100%; width: 100%; }
    .header_text h2 {font-size: 26px; line-height: 32px; margin-bottom: 20px;}
    .catalogue_content .row:nth-child(even) [class*="col-"]:nth-child(1) { order: 1 !important;}
    .catalogue_content .row:nth-child(even) [class*="col-"]:nth-child(2) { order: 2 !important;}
    .catalogue_pic img { max-width: 60%;}
    .suitable_header { padding: 100px 0 150px 0;}
    .suitable_image { height: 350px;}
    .suitable_pic {top: auto; position: relative; max-width: 100%; width: 100%; text-align: left; padding-right: 20px;}
    .suitable_pic img {width: 100%; max-width: 400px;}
    .suitable_text_block {max-width: 700px; padding: 30px 60px 0 20px;}
    .operational_advantage { padding: 80px 0 100px 0;}   
    .operational_block {padding: 0 100px 0 50px;}
    .operational_advantage ul { margin: 0 -50px;}
    .operational_advantage ul li { padding: 0 50px 30px 50px; width: 100% ; max-width: 100%;}
    .operational_advantage ul li div {font-size: 18px;  line-height: 25px;}
    .operational_short {padding: 0 60px 50px 20px;font-size: 30px;line-height: 36px;}  
    .suitable_bottom {  max-width: 800px;font-size: 20px; line-height: 30px;}
    .suitable_blues {  padding: 80px 0 100px 0;} 
    .gallery_wrap {padding: 50px 60px 0 60px; }

    /**All Titles css****/
    
    .catalogue_content .row:nth-child(even) .section_title.solution3 b:nth-child(1) {border-radius: 10px 0 0 10px!important;width: auto; /*min-width: 60%;*/ padding-right: 20px;}
    .catalogue_content .row:nth-child(even) .section_title.solution3 b:nth-child(3) {border-radius: 0 0 0 10px!important;}

    /****************/

    .future_wrap.left_padding { padding-left: 0; width: 100%; max-width: 100%; min-height: auto;}
    .group-content { position: relative; width: 100%; padding-top: 15px; padding-right: 0px; left: auto; top: auto;}
    .group-content img { width: 100%;max-width: 60%;}
    .future_wrap.right_padding  { padding-right: 20px; width: 100%; max-width: 100%; min-height: auto;}
    .section_title.solution3.half {padding-right: 0%;}
    .future_wrap.right_padding .group-content { right: -20px}

    .modal_close {z-index: 6; left: 10px; top: 10px;}
    .homepage {padding-top: 0px; }
    #stack-wrapper {height: calc(100vh - 62px);}
}   

@media (min-width: 768px) {
    .industrial_silence_top { background-image: none!important;}
}

@media only screen and (max-width: 767px) {
    body { font-size: 16px; line-height: 24px;}
    h1, h2, h3, h4, h5, h6 {font-size: 30px;line-height: 35px;margin-bottom: 30px;}
    .home_header { padding: 140px 0 100px 0; }
    .home_header_desktop { display: none;}
    .home_header_mobile { display: block; background-size: 100% auto;}
    .home_header_mobile:before { background-size: 768px auto;}
    .header_caption {padding: 0px 20px 0 20px; font-size: 16px; line-height: 20px;}
    .header_caption p {padding-left: 0px; margin-bottom: 20px;}
    .header_caption h2 { font-size: 28px;  line-height: 32px; margin-bottom: 20px; }
    .who_we {font-size: 18px;line-height: 24px; border-radius: 30px 30px 0 0; padding: 25px 0 0 0;margin-top: -80px;}
    .who_we::before { background-size: 864px auto; background-position: center 250px; }
    .who_we .row [class*="col-"].cform {padding: 0 20px 60px 20px;}
    .contact_form {padding: 20px 14px 20px 14px; border-radius: 30px;}
    .form_title p {font-size: 18px;line-height: 22px; padding: 0;}
    .form_block { margin: 0 ; width: 100%}
    .contact_form .form_group { max-width: 100%;  width: 100%; padding: 0 0 20px 0;  }
    .contact_form .form_group.label_checkbox { padding-left: 0px; padding-right: 0px; padding-top: 0px;  }
    .contact_form .form_group.submit {position: relative; padding-top: 15px; bottom: auto; left: auto; width: 100%; max-width: 100%; text-align: center;}
    .contact_form .form_group.submit .read_more2 {max-width: 270px;}
    .read_more, .read_more2 { height: 50px; line-height: 48px;  }
    .read_more i, .read_more2 i{right: 20px;  }
    .read_more i:nth-child(2), .read_more2 i:nth-child(2) {right: 40px}
    .read_more:hover i:nth-child(1), .read_more2:hover i:nth-child(1) { right: 10px;}
    .read_more:hover i:nth-child(2), .read_more2:hover i:nth-child(2) {  right: 20px}
    .read_more:after, .read_more2:after {left: 25px; }
    .read_more:before, .read_more2:before {left: 30px;}
    .read_more:hover:before, .read_more2:hover:before {  left: 15px;}  
    .who_content {padding: 0 20px 20px 20px;}
    .who_pic { padding: 0 0px 70px 0;}
    .who_we_bottom {padding: 46px 20px 80px 20px; border-radius:  30px 30px 0 0;font-size: 38px; line-height: 50px;}
    .who_we_bottom .read_more { width: 160px;}
    .blue_parking .container h2 {font-size: 32px; line-height: 30px; margin-bottom: 6px;}
    .blue_parking { background-size: 100% auto;  font-size: 18px; line-height: 20px; padding: 70px 0 200px 0; border-radius:  30px 30px 0 0;  margin-top: -60px; }
    .blue_parking:after { border-radius:  30px 30px 0 0; bottom: 50%;}    
    .blue_parking .container h3 {font-size: 26px; line-height: 30px; margin-bottom: 20px;}
    .blue_parking p b { font-size: 24px; line-height: 26px;}
    .blue_parking ul {padding: 30px 0 0 0;}
    .blue_parking ul li {font-size: 18px; line-height: 20px; padding: 8px 45px 12px 0; background-size: 33px auto;}
    .blue_counter { font-size: 20px; line-height: 20px; border-radius: 30px 30px 0 0; padding: 35px 10px 40px 10px; background: url("../images/counter_back_sm.svg") no-repeat center top; background-size:  cover; }    
    .blue_counter ul { margin: 0; width: 100%}
    .blue_counter ul li {font-size: 20px; line-height: 20px; padding: 0 0 35px 0; margin-bottom: 35px; width: 100%; max-width: 100%; }
    .blue_counter ul li:after { height: 1px; width: 200px; left: 50%; margin-left: -100px; top: auto; bottom: 0; margin-top: auto;}
    .blue_counter ul li b {font-size: 50px; line-height: 50px;}
    .blue_counter ul li:nth-child(3) i, .blue_counter ul li:nth-child(4) i {font-size: 30px;}
    .router {padding: 60px 0 80px 0;  margin-top: -40px; border-radius: 30px 30px 0 0;  }
    .router h3 {font-size: 26px;line-height: 30px;padding:0 20px; margin-bottom: 0;}
    .router_content {font-size: 16px; line-height: 27px; padding: 35px 20px 5px 20px;}
    .router_content h4 { font-size: 30px; line-height: 30px; padding-right: 57px;}
    .router_content i {font-size: 40px;line-height: 40px;right: 20px;top: 35px;width: 50px;}
    .router_repeat:after { border-radius: 30px 30px 0 0;}
    .manage_anywhere {margin-top: -40px; border-radius: 30px 30px 0 0;padding: 0 0 60px 0; }
    .manage_middle h2 { font-size: 30px;line-height: 30px; text-align: right; padding: 0 20px;}
    .manage_middle h2 + p { padding: 0 20px;}
    .manage_icon {padding: 0 20px;}
    .manage_anywhere ul {margin: 0 -20px; padding: 50px 0 0 0;}
    .manage_anywhere ul li { width: 100%; max-width: 100%; padding:  0 20px 50px 20px; font-size: 20px; line-height: 22px;}
    .manage_anywhere ul li p:nth-child(1) { height: auto;}
    .manage_anywhere ul li img {max-width: 100%; max-height: auto; width: auto}
    .our_clients {padding: 50px 0 130px 0; margin-top: -50px; border-radius: 30px 30px 0 0; }
    .our_clients:before{content:""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;background: url("../images/shape8.svg") no-repeat right center; background-size: cover; }
    .client_content { padding: 0 20px 0 20px;  }
    .client_logos {padding: 0 20px 50px 20px;}
    .client_logos ul li {width: 50%; max-width: 50%;}
    .parking_lots { min-height: auto;  padding: 60px 0 80px 0;  border-radius: 30px 30px 0 0; }
    .selection_tab ul {padding: 0;}
    .tab-content {font-size: 14px;line-height: 20px;}
    .recent_article {border-radius: 30px 30px 0 0;padding: 65px 0 80px 0;margin-top: -40px;}
    .recent_article::before {background-size: 800px auto;   background-position: 50px 10px;}
    .articles_wrap {padding: 0 20px; width: auto; max-width: 400px;}  
    .footer {padding: 40px 24px 60px 24px;border-radius: 30px 30px 0 0; margin-top: -40px;}
    .footer .contact_form { padding: 30px 20px 30px 20px; border-radius: 30px; }
    .footer .form_block { margin: 0;}
    .footer .contact_form .form_group {width: 100%; max-width: 100%; padding: 0 0 30px 0;}
    .footer .contact_form .form_group.full { padding-left: 0;}
    .footer .contact_form .form_group.submit {position: relative; padding-top: 30px;  left: auto;  bottom: auto;width: 100%;max-width: 100%; }
    .footer .contact_form .form_group.submit .read_more2 { max-width: 250px;height: 66px; line-height: 66px;}
    .footer_bottom .section { width: 100%; max-width: 100%;  }
    .footer_bottom .section:nth-child(1) { width: 100%; max-width: 100%; order: 3 !important; padding-top: 15px;}
    .footer_bottom .section:nth-child(4) {width: 100%; max-width: 100%; padding-top: 15px; order: 4 !important; text-align: left;  padding-top: 15px;}
    .footer_bottom .section:nth-child(2), .footer_bottom .section:nth-child(3) { padding:0 20%  20px 10%;}
    .footer_bottom .section ul { justify-content: center;}
    .footer_bottom .section ul li img { min-width: 40px;} 
    .footer_bottom .section:nth-child(4) img { max-width: 140px;}
    .about_top {padding: 130px 0 100px 0;}
    .about_top:before { background-size: 250px auto;}
    .about_top_content { font-weight: 700; padding-right: 20px; padding-left: 20px; text-align: center; font-size: 26px;  line-height: 30px;}  
    .parking_group {font-size: 18px;line-height: 24px; border-radius: 30px 30px 0 0; padding: 75px 0 100px 0;margin-top: -50px;}
    .parking_group:before {border-radius: 30px 30px 0 0; background-size: 1100px auto; background-position: center top;}
    .group_content {padding: 0 20px 0 20px;}
    .cloud_system {font-size: 18px; line-height: 27px; padding: 165px 0 100px 0;border-radius: 30px 30px 0 0;margin-top: -50px;}
    .cloud_system:before, .blue_fracking:before, .the_goal:before, .personal_note:before {border-radius: 30px 30px 0 0;}
    .cloud_system::before { background-size: 100% auto;}
    .cloud_content {max-width: 1050px;}
    .cloud_content h2 {font-size: 30px; line-height: 34px;}
    .cloud_content h2 + p {padding-left: 0;}
    .blue_fracking {font-size: 20px;line-height: 30px; padding: 75px 0 80px 0;border-radius: 30px 30px 0 0;margin-top: -50px;}
    .fracking_content { padding: 0 20px 0 20px;}
    .fracking_content ul {padding: 0;}
    .fracking_content ul  li {padding:190px 0 50px 0px;height: auto; position: relative;}
    .fracking_content ul  li div { padding: 20px 15px; text-align: center; right: auto; width: 100%; max-width: 100%; position: relative;top: auto; transform: translateY(0%);}
    .fracking_content ul  li div img {max-width: 158px;top: -110px; left: 50%; margin-left: -79px;  right: auto;}
    .fracking_content ul  li:nth-child(2), .fracking_content ul  li:nth-child(6) { padding-right: 0;}
    .fracking_content ul  li:nth-child(3), .fracking_content ul  li:nth-child(5) { padding-right: 0;}
    .fracking_content ul  li:nth-child(4) { padding-right: 0;}
    .fracking_content ul  li:nth-child(2) div, .fracking_content ul  li:nth-child(6) div { right: 0;}
    .fracking_content ul  li:nth-child(3) div, .fracking_content ul  li:nth-child(5) div { right: 0;}
    .fracking_content ul  li:nth-child(4) div { right: 0;}
    .the_goal {font-size: 20px;line-height: 27px; border-radius: 30px 30px 0 0; padding: 75px 0 100px 0;margin-top: -50px;}
    .the_goal_content { padding: 0 20px 0 20px;  max-width: 895px;}
    .the_goal_content h2, .personal_content h2 {font-size: 26px; line-height: 30px;}
    .personal_note {font-size: 20px; line-height: 30px; text-align: center; border-radius: 30px 30px 0 0; padding: 75px 0 100px 0;margin-top: -50px;}
    .personal_content { max-width: 100%;}    
    .personal_content h2 { text-align: center;}
    .solutuion_top {font-size: 26px; line-height: 30px;padding: 80px 0 80px 0;}
    .solutuion_top:before {background-size: 650px auto; background-position:  left 50px;}
    .solutuion_top_content { padding: 0 20px 0 20px; text-align: center;}
    .solutuion_section {font-size: 18px;line-height: 26px; border-radius: 30px 30px 0 0; padding-bottom: 100px; margin-top: -50px;}
    .solutuion_section:before {border-radius: 30px 30px 0 0;}
    .solution_pic {border-radius: 30px 30px 0 0;  position: relative; width: 100%; right: auto; top: auto; bottom: auto; background-image: none!important;}
    .solution_pic img { display: block;}
    .solutuion_content { padding: 0;}
    .short_text { padding: 0 20px 0 20px;}
    .wedo_pic {   height: 350px;border-radius: 30px 30px 0 0;}
    .solutuion_wedo:before { background-size: auto 1100px; background-position:  center top;border-radius: 30px 30px 0 0;}
    .wedo_wrap {padding: 60px 20px 0 20px;}
    .solutuion_wedo {border-radius: 30px 30px 0 0;padding: 0 0 100px 0; margin-top: -50px;}
    .solutuion_wedo ul {margin: 0;}
    .solutuion_wedo ul  li { padding: 30px 0 30px 0; }
    .solutuion_wedo ul  li div {font-size: 18px; line-height: 27px; text-align: center;}
    .solutuion_wedo ul  li div:after {width: 36px; height: 30px;right: auto; left: 50%; margin-left: -18px; top: -40px; background-size: 35px auto;  }   
    .industrial_silence_content {padding: 50px 20px 20px 20px;}
    .industrial_silence { background-image: none!important; border-radius: 30px 30px 0 0;padding: 0px 0 100px 0;margin-top: -50px; }
    .solutuion_bottom { border-radius: 30px 30px 0 0; padding: 60px 0 80px 0;margin-top: -50px;  }
    .solutuion_bottom::before { border-radius: 30px 30px 0 0;background: url("../images/solution_shape4_sm.svg") no-repeat right top; background-size: 100% auto;}
    .solutuion_content2 {font-size: 20px;  line-height: 30px;}
    .whatsapp {width: 40px; height: 40px; right: 15px; top: -50px;background-size: 40px auto;}
    .industrial_silence_top { display: flex; height: 350px; align-items: end;}
    .wedo_wrap_short { padding-bottom: 50px; padding-left: 0%;}
    .details_header {margin-top: 62px; min-height: inherit; background-image: none!important; display: block; width: 100%;}
    .details_header img { display: block; width: 100%; }
    .our_projects { padding: 20px 0 60px 0;border-radius: 0 0 30px 30px;}
    .our_projects::before {border-radius: 0 0 30px 30px;}
    .details_content {padding: 50px 20px 0 20px;}
    .recent_article.for_projects { padding: 80px 0 100px 0; background: #fff;}
    .articles_main:before, .our_projects:before {background: url("../images/article_shapr_sm.svg") no-repeat right top; background-size: 100% auto;}
    .articles_main { background: #fff;  }
    .articles_wrap .row [class*="col-"] { min-height: 360px;}
    .articles_wrap a:hover {  padding-bottom: 70px;}
    .articles_wrap, .articles_wrap a h3 {font-size: 12px;line-height: 16px;}
    .short_info {height: 50px;}   
    .articles_wrap a .scroll_down { width: 28px; height: 30px; background-size: 100% auto;} 
    .future_header_desktop { display: none;}
    .future_header_mobile { display: block;}
    .future_content {padding: 30px 20px 130px 20px; border-radius: 0; margin-top: 0px;}
    .future_content:before { border-radius: 0; background-size: 1400px auto;}
    .future_parking_header {height: 336px; align-items: start;}
    .future_wrap {font-size: 16px; line-height: 24px;}
    .future_tab, .future_tab:focus {padding: 70px 0 30px 0;}
    .future_tab i {font-size: 40px;line-height: 40px; width: 50px; right: 25px; top: 20px;}
    .future_tab::after { right: 0; top: 30px; width: 15px; height: 15px; background-size: 100% auto;}
    .future_accordian { padding-right: 0;}
    .future_accordian ul {padding: 0 15px 15px 0;}
    .catalogue_content {padding: 50px 0 80px 0; border-radius: 30px 30px 0 0; margin-top: -50px;}
    .catalogue_content:before {border-radius: 30px 30px 0 0;background-size: 700px auto;}
    .catalogue_content .row {padding-bottom: 30px;}
    .inner_content {padding: 20px 20px 0 20px;font-size: 18px;line-height: 24px;}
    .catalogue_content .future_wrap {padding: 10px 20px 10px 0;}
    .catalogue_content .future_tab, .catalogue_content .future_tab:focus { padding: 60px 30px 0 20px;}
    .catalogue_content .future_accordian {padding-right: 30px; padding-left: 20px;}
    .catalogue_content .row:nth-child(1) [class*="col-"]:nth-child(2) { display: none;}
    .catalogue_pic img {width: 100%; max-width: 450px;}
    .suitable_header { padding: 100px 0 130px 0;}  
    .suitable_image {height: 300px;}   
    .suitable_top_text { font-size: 26px; line-height: 30px; text-align: center;}
    .operational_advantage {padding: 60px 0 130px 0;border-radius: 30px 30px 0 0;}
    .operational_advantage:before, .suitable_common, .suitable_image {border-radius: 30px 30px 0 0;}
    .operational_advantage:before { background-size: 1000px auto;}
    .operational_advantage ul { margin: 0;}
    .operational_advantage ul li {padding: 30px 0 30px 0;}
    .operational_advantage ul li div { font-size: 18px; line-height: 27px; text-align: center; }
    .operational_advantage ul li div:after { width: 36px; height: 30px; right: auto; left: 50%;margin-left: -18px; top: -40px;background-size: 35px auto; }
    .suitable_text_block { font-size: 18px; line-height: 24px;padding: 30px 20px 0 20px;}
    .operational_block { padding: 0 20px 0 20px; }
    .operational_short {padding: 0 20px 30px 20px;  font-size: 20px;  line-height: 27px; }
    .suitable_blues {  padding: 60px 0 120px 0;border-radius: 30px 30px 0 0;} 

    /**All Titles css****/
    .home_header .section_title b { font-size: 35px; line-height: 40px; padding-right: 20px; padding-left: 15px; background: rgba(0,152,200,0.8);}
    .home_header .section_title b:after { opacity: 0.8;}
    .section_title b, .section_title2 b { padding-left: 20px; padding-right: 20px;}   
    .blue_parking .section_title2 h2 {font-size: 30px;line-height: 35px;margin: 30px 0 0 0; padding-left: 20px;}
    .blue_parking .section_title2 h2 b { padding: 16px 20px 16px 20px;}   
    .section_title.common b, .the_goal .section_title b {padding-right: 20px; padding-left: 20px;}
    .section_title.solution h1, .the_goal_content h2, .personal_content h2, .industrial_silence h2, .section_title.solution3 h2, .solutuion_content h2 {font-size: 30px;line-height: 35px;font-weight: 400;}
    .section_title.solution b, .section_title.solution3 b, .industrial_silence .section_title b {padding-right: 20px;  }
    .future_parking_header .section_title.solution h1 { margin-top: 50px;}

    .articles_main .section_title , .articles_main.search_result h2 { font-size: 30px; line-height: 35px;}
    .articles_main .section_title b {padding-right: 20px;} 

    .details_header .section_title h1, .for_projects .section_title2 h2 { font-size: 30px; line-height: 35px;}
    .details_header .section_title b, .for_projects .section_title2 b { padding-right: 20px;}

    .solutuion_content .section_title.solution3 b:nth-child(1) { padding-left: 40px;}

    .catalogue_content .row:nth-child(3) [class*="col-"] .section_title.solution2 b { padding-right: 20px;}
    .catalogue_content .row:nth-child(2) .section_title.solution3 b:nth-child(1) { padding-right: 20px;}
    
     /****************/
         
    .pdetails_top { top: -52px; padding: 10px 40px;  border-radius: 70px; width: 300px;  margin-left: -150px; font-size: 18px; line-height: 24px; }
    .project_details .future_parking_header {padding-top: 0px; height: 350px;}
    .future_content.pdetails { padding: 80px 24px 80px 24px; font-size: 16px; line-height: 24px;border-radius: 30px 30px 0 0; margin-top: -40px;}
    .future_content.pdetails .row {  margin-left: -12px; margin-right: -12px;}
    .future_content.pdetails .row  [class*="col-"] { padding: 0 12px 25px 12px;}
    .future_content.pdetails  h2 {font-size: 16px; line-height: 24px;}
    .future_content.pdetails ul { padding: 0; margin: 0 12px 0 0;}

    .the_solution {font-size: 18px;line-height: 24px;border-radius: 30px 30px 0 0; padding: 75px 0 100px 0;margin-top: -50px;}
    .the_solution_content {padding: 0 20px 30px 20px;}
    .the_solution h2 b, .recent_article.more_projects h2 b, .recent_article.gallery h2 b { font-size: 30px; line-height: 35px; padding-right: 20px;}
    .gallery_wrap {padding:40px 20px 0 20px;}

    .group-btn, .group-btn:focus { padding: 60px 30px 0 20px;}
    .group-btn i {font-size: 40px;line-height: 40px; width: 50px; right: 25px; top: 20px;}
    .group-btn:after { right: 0; top: 30px; width: 15px; height: 15px; background-size: 100% auto;}
    .group-btn.active + .group_text { padding-right: 30px; padding-left: 20px;}  
    .group-content img { width: 100%;max-width: 450px;} 
    
    .form_details .modal-dialog { max-width: 90%;  margin: 0 auto;}
    .form_details .modal-body {border-radius: 0 0 30px 30px;padding: 10px 30px 30px 30px;}
    .form_details .contact_form .form_block {margin: 0 -15px;}
    .form_details .contact_form .form_group {max-width: 50%;width: 50%; padding: 0 15px 20px 15px;}
    .form_details .contact_form .form_group.submit {max-width: 50%;width: 50%; padding: 0 15px; text-align: right;}

    .form_details .contact_form .form_group.upload_file {height: 60px;padding: 0 15px 0 15px;}
    #uploadButton { right: 15px; top: 0px; left: 15px;}

    .details_header.catalogue { padding-top: 0px;}
    .articles_main.search_result .section_title h1 { font-size: 30px; line-height: 35px;}

         
    
}
/* END__ */
 @media only screen and (max-width: 575px) {
    .form_details .contact_form .form_group {max-width: 100%;width: 100%;}
    .form_details .contact_form .form_group.submit {max-width: 100%;width: 100%; text-align: center; position: relative;left: auto; bottom: auto; }
    .modal_close { width: 20px; height: 20px; background-size: 100% auto;}
     
    
}
/* END__ */
 @media only screen and (max-width: 420px) { 
    .router_pic img { width: 350px;} 
    .router_repeat::after { bottom: 100px;} 
    .articles_wrap .row [class*="col-"] { min-height: 350px; }
    .industrial_silence_top {  height: 320px;} 

 
}
/* END__ */
 @media only screen and (max-width: 370px) {
    



}
/* END__ */

 .carousel-fade .carousel-item {
     opacity: 0;
     transition-duration: .6s;
     transition-property: opacity;
}
 .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
     opacity: 1;
}
 .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
     opacity: 0;
}
 .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
     transform: translateX(0);
     transform: translate3d(0, 0, 0);
}
 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, label:focus-visible, .logo a:focus-visible, .color_select label:focus-visible { border: solid 1px #FF0004!important;}
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.sr-only:focus-visible {
  color:black;
  width:auto;
  left:auto;
  right:0;
  height: auto;
  border:1px solid black;
  clip:auto;
  background: white;
  text-indent: 0;
  z-index: 9999999;
}