.csr-container{font-family:"Lato Regular",sans-serif;position:relative;clear:both;overflow:hidden}
div#contentConnect h1 {text-align: center; margin-bottom: 20px;}
.csr-container .csr h2,.csr-container .csr h3{font-family:"Lato Black",sans-serif}
.csr .slick-prev{left:0}
.csr .slick-next{right:0}
.csr .slick-dots{padding-top:10px}
.csr .slick-dots li{width:auto;height:10px}
.csr .slick-dots li button{background-color:#d6d6d6;font-size:0;padding:0;width:20px;height:3px}
.csr .slick-dots li.slick-active button{background-color:#303a97}
.csr .slick-dots li button::before{display:none}
.csr-container .btn{transition:all .25s}
.scr_banner .item{position:relative}
.scr_banner .item img{width:100%}
.scr_banner .item .caption{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;flex-wrap:wrap;padding:0 25px 0 68%}
.scr_banner .item .caption h2{color:#fff;font-size:24px;margin:0;font-weight:700;padding-bottom:10px;font-family: "Lato",sans-serif}
.scr_banner .item .caption p{color:#fff;font-size:14px;margin:0;padding-bottom:10px;font-family: "Lato",sans-serif; font-weight: 400;}
.scr_banner .item .caption .btn{background-color:#D61F26;color:#fff;padding:0 20px;border-radius:0;box-shadow:none;line-height:36px}
.scr_banner .item .caption .btn:hover{background-color:#2c2c2c;color:#fff}
.caption_inner{color:#fff;font-size:24px;margin:0;font-weight:700;padding-bottom:10px;font-family: "Lato",sans-serif}
.csr_wrap{margin:0 auto;max-width:800px;width:100%;position:relative;padding:50px 0}
.csr_iframe{width:100%;height:450px;border:none}
.csr_slide .slick-list{padding-top:35px!important;padding-bottom:35px!important}
.csr_slide .slick-slide .block{padding:5px;background-color:#fff}
.csr_slide .slick-slide .block img{width:100%}
.csr_slide .slick-slide{position:relative;z-index:1;transform:scale(1);transition:all .4s ease-in 0}
.csr_slide .slick-current{transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.2);z-index:10}
.maruti_slick .csr_slide .slick-prev{left:-60px}
.maruti_slick .csr_slide .slick-next{right:-60px}
.what_we-do{background-color:#F1F2F8;padding:50px 0}
.what_we-do .copy_block{padding-bottom:20px}
.what_we-do .copy_block #wwd{font-size:28px;color:#000;margin:0;padding-bottom:10px;font-weight:700;font-family: "Lato",sans-serif;}
.what_we-do .copy_block p{font-size:14px;color:#4A4A4A;margin:0;padding-bottom:10px;font-weight:400; font-family: "Lato",sans-serif;}
.what_we-do .nav-tabs{border:none;flex-wrap:wrap;margin:0 -10px}
.what_we-do .nav-tabs .nav-item{margin:0;width:33.33%;padding:0 10px}
.what_we-do .nav-tabs .nav-link{margin:0;border:1px solid transparent;background-color:#fff;border-radius:0;padding:30px;height:100%;transition:all .35s}
.what_we-do .nav-tabs > li > a.active,.what_we-do .nav-tabs > li > a.active:hover,.what_we-do .nav-tabs > li > a:hover{border-color:#D61F26;box-shadow:7px 7px 5px rgba(0,0,0,.15)}
.what_we-do .nav-tabs .inner h3{font-size:20px;color:#000;margin:0;padding-bottom:10px;font-weight:700;text-transform:uppercase; font-family: "Lato",sans-serif}
.what_we-do .nav-tabs .inner p{font-size:14px;color:#4A4A4A;margin:0;padding-bottom:10px;font-weight:400; min-height: 100px;font-family: "Lato",sans-serif}
.what_we-do .nav-tabs .inner img{width:100%}
.what_we-do .nav-tabs .inner .btn{background-color:#D61F26;color:#fff;padding:0 20px;border-radius:0;box-shadow:none;line-height:36px;margin-top:20px}
.what_we-do .nav-tabs .nav-link:hover .inner .btn,.what_we-do .nav-tabs .nav-link.active .inner .btn{background-color:#2c2c2c;color:#fff}
.wwd_detail{display:flex;flex-wrap:wrap;padding:50px 0}
.wwd_detail .slide_block{width:100%;display:flex;flex-wrap:wrap}
.wwd_detail .wwd_slide{width:50%;position:relative;z-index:3}
.wwd_detail .wwd_content{width:50%;position:relative;z-index:1}
.wwd_detail .copy_block{width: 100%;padding:25px 0 0 40px}
.wwd_detail .copy_block h4{font-size:28px;color:#000;font-weight:400;padding-bottom:10px;text-transform:uppercase;margin:0;font-family: "Lato",sans-serif}
.wwd_detail .copy_block .btn{background-color:#D61F26;color:#fff;padding:0 20px;border-radius:0;box-shadow:none;line-height:36px}
.wwd_detail .copy_block .btn:hover{background-color:#2c2c2c;color:#fff}
.wwd_slide .slick-list{padding-top:35px!important;padding-bottom:35px!important}
.wwd_slide .slick-slide .block{padding:5px;background-color:#fff}
.wwd_slide .slick-slide .block img{width:100%}
.wwd_slide .slick-slide{position:relative;z-index:1;transform:scale(1)}
.wwd_slide .slick-current{transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.2);z-index:10}
.maruti_slick .wwd_slide .slick-next,.maruti_slick .wwd_slide .slick-prev{top:auto;transform:none;bottom:-40px}
.maruti_slick .wwd_slide .slick-next{right:calc(50% - 40px)}
.maruti_slick .wwd_slide .slick-prev{left:calc(50% - 40px)}
.policy_warpper{padding:50px 0}
.policy_warpper .heading{display:flex;justify-content:space-between}
.policy_warpper .heading h2{font-size:28px;color:#000;margin:0;font-weight:700;font-family: "Lato",sans-serif}
.sort_list{display:flex}
.sort_list li{list-style:none;padding-left:20px}
.sort_list li:first-child{padding-left:0}
.styled_select{position:relative;width:100%}
.styled_select:after{content:"\f107";font-family:'FontAwesome', sans-serif;position:absolute;right:0;top:0;width:40px;line-height:46px;color:#77777A;font-size:28px;text-align:center;pointer-events:none}
.styled_select select.form-control{padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-transform:none;color:#585858;border:#BFBFBF 1px solid;height:46px;font-size:14px;font-family: "Lato",sans-serif}
.styled_select select.form-control:focus{box-shadow:none}
.styled_select select option{background-color:#fff}
.policy_slide{margin-top:40px}
.policy_slide .slick-slide{padding:0 15px}
.policy_slide .block{padding:25px;border:1px solid #E1E1E1}
.policy_slide .block h3{font-size:20px;color:#000;font-weight:500;margin-bottom:10px;line-height:28px;min-height:56px;font-family: "Lato",sans-serif}
.policy_slide .block p{font-size:14px;line-height:20px;margin-bottom:60px;min-height:40px;display:-webkit-box;max-width:400px;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family: "Lato",sans-serif}
.policy_slide .block .list{display:flex;justify-content:space-between}
.policy_slide .block .list li{list-style:none}
.policy_slide .block .list li .btn{background-color:#D61F26;color:#fff;padding:0 20px;border-radius:0;box-shadow:none;line-height:36px}
.policy_slide .block .list li .btn:hover{background-color:#2c2c2c;color:#fff}
.connect-with-us{position:fixed;top:55%;right:0;width:44px;z-index:9}
.connect-with-us img{width:100%}
.form_wrap{width:100%;max-width:665px;margin:0 auto;padding:40px 0}
.form_wrap #cwu{font-size:28px;font-weight:400;text-transform:uppercase;color:#000;margin-bottom:0;padding-bottom:20px;text-align:center;font-family: "Lato",sans-serif}
.form_wrap .form_inner{background-color:#F1F2F8;padding:50px 50px 35px}
.form_wrap .form_inner .form-group{margin-bottom:15px;position:relative}
.form_wrap .form_inner .form-control{border:1px solid #77777A;background-color:#fff;color:#585858;height:46px;border-radius:0;text-transform:none;font-size:14px;font-family: "Lato",sans-serif}
.form_wrap .form_inner .form-control:focus{box-shadow:none}
.form_wrap .form_inner input.form-control::placeholder,.form-control::placeholder{text-transform:none;color:#585858}
.form_wrap .form_inner textarea.form-control{resize:none;height:90px}
.form_wrap .form_inner .send_otp{position:absolute;top:31%;right:10px;font-size:16px;color:#D61F26;border-bottom:1px solid #D61F26;transform:translateY(-50%);text-decoration:none;line-height:20px;transition:all .25s}
.form_wrap .form_inner .send_otp:hover{border-bottom-color:transparent}
.form_wrap .form_inner .btn{background-color:#D61F26;color:#fff;padding:0 20px;border-radius:0;box-shadow:none;width:100%;line-height:46px;text-transform:uppercase}
.form_wrap .form_inner .btn:hover{background-color:#2c2c2c;color:#fff}
.custom_browse{position:relative;overflow:hidden;width:100%}
.custom_browse .browse_btn{cursor:pointer;display:flex;border:1px dashed #77777A;width:100%;justify-content:center;align-items:center;background-color:#fff;padding:15px;margin:0}
.custom_browse .browse_btn img{height:28px;width:28px;margin-right:10px}
.custom_browse .browse_btn span{font-size:16px;font-weight:600;color:#D61F26;line-height:20px;font-family: "Lato",sans-serif}
.custom_browse .browse_btn span span{display:block;font-size:14px;color:#585858;font-weight:400;font-family: "Lato",sans-serif}
.custom_browse .file_name{font-size:14px;color:#000;font-weight:600;display:inline-block;width:100%;text-align:center;font-family: "Lato",sans-serif}
.wwd_copy{padding-top:50px;display:inline-block;width:100%}
.wwd_copy h2{font-size:28px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:0;padding-bottom:20px}
.wwd_copy p{font-size:14px;color:#4A4A4A;margin:0;padding-bottom:10px;font-weight:400;text-align:justify}
.wwd_copy .btn{background-color:#D61F26;color:#fff;padding:0 20px;border-radius:0;box-shadow:none;line-height:36px;text-transform:uppercase;float:right;margin-top:20px}
.wwd_copy .btn .fa{padding-right:7px}
.wwd_copy .btn:hover{background-color:#2c2c2c;color:#fff}
.similar{margin:50px 0;background-color:#F1F2F8;padding:40px}
.similar h2{font-size:28px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:0;padding-bottom:20px;font-family: "Lato",sans-serif}
.similar_list{display:flex;flex-wrap:wrap;margin:0 -15px}
.similar_list li{list-style:none;width:33.33%;padding:0 15px}
.similar_list li .inner{background-color:#fff}
.similar_list li .inner .img_block img{width:100%}
.similar_list li .inner .copy_block{padding:20px}
.similar_list li .inner .copy_block h3{font-size:20px;color:#000;padding-bottom:10px;margin:0;font-weight:400; min-height: 60px;font-family: "Lato",sans-serif}
.similar_list li .inner .copy_block p{font-size:14px;color:#4A4A4A;margin:0;font-weight:400;display:-webkit-box;max-width:400px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px;font-family: "Lato",sans-serif}
.similar_list li .inner .copy_block .btn{background-color:#D61F26;color:#fff;padding:0 20px;border-radius:0;box-shadow:none;line-height:36px;text-transform:uppercase;margin-top: 15px;}
.similar_list li .inner .copy_block .btn:hover{background-color:#2c2c2c;color:#fff}
.list1{padding:13px 0 33px 20px}
.list1 li{font-size:14px;color:#4A4A4A;font-family: "Lato",sans-serif; font-weight: 400;}
.copy_row{display:flex;justify-content:space-between}
.copy_row .copy_left{padding-right:30px;width:calc(100% - 260px)}
.copy_row .copy_right{width:260px}
.copy_row blockquote{font-size:14px;color:#000;margin:0 0 15px;padding:15px;font-weight:700;background-color:#F1F2F8;border:1px solid #ccc;width:100%;font-family: "Lato",sans-serif;}
.counter-box{display:block;background:#F1F2F8;padding:40px 20px 37px;text-align:center;border:1px solid #eee;min-height: 245px; height: 100%;}
.counter-box h6{margin:5px 0 0;padding:0;color:#000;font-size:18px;font-weight:500;text-align:center;font-family: "Lato",sans-serif;}
.counter-box p{margin:5px 0 0;padding:0;color:#000;font-size:18px;font-weight:500;text-align:center;font-family: "Lato",sans-serif;}
.counter-box i{font-size:60px;margin:0 0 15px;color:#333}
.outercontent{font-size:32px;font-weight:700;color:#000;line-height:28px;font-family: "Lato",sans-serif;}
.counter{display:inline-block;font-size:32px;font-weight:700;color:#000;line-height:28px}
.counter-box.colored{background:#3acf87}
.counter-box.colored p,.counter-box.colored i,.counter-box.colored .counter{color:#fff}
.bottomcontent{padding:0}
.bottomcontent h4{font-size:21px;font-weight:400;text-transform:uppercase;color:#000;margin-bottom:0;padding-bottom:20px;font-family: "Lato",sans-serif;}
.bottomcontent .img-thumbnail{width:100%;height:200px!important;object-fit:cover}
.gallary figure{width:96%;height:100%;padding:0;background:#fff;overflow:hidden;position:relative;margin:0 2%;transition:all 1s}
.gallary figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;max-width:100%}
.gallary figure:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}
.gallary figure .textContent{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.5);text-align:center;left:0;font-size:18px;color:#fff;text-transform:uppercase;padding:10px 0;transform:translate(0,0);transition:all 1s;font-family: "Lato",sans-serif;}
.gallary figure:hover .textContent{transform:translate(0,100%);transition:all 1s}
.testCenter {max-width: 50%; margin: 0 auto;}
.testCenter img {border: 1px solid #ccc; padding: 5px;}
.threeheading{font-size:24px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:0;padding-bottom:10px;margin-top:30px;font-family: "Lato",sans-serif;}
.adttimg{margin-bottom:20px}
.adttimg img{border:1px solid #ccc;padding:5px}
.fourheading{font-size:24px;font-weight:400;text-transform:uppercase;color:#000;margin-bottom:0;padding-bottom:15px;margin-top:5px;font-family: "Lato",sans-serif;}
.fiveheading{font-size:16px;font-weight:400;text-transform:uppercase;color:#000;margin-bottom:0;padding-bottom:15px;margin-top:5px;font-family: "Lato",sans-serif;}
.reader{margin-bottom:20px}
.reader img{border:1px solid #ccc;padding:5px}
.wwd_copy .boxcontainer{background:#F1F2F8;padding:25px}
.policy_slide .block:hover {background-color: #164a91;border-color: #164a91;}
.policy_slide .block:hover h3 {color: #fff;}
.policy_slide .block:hover p {color: #fff;}
.policy_slide .slick-track { margin: 0;}
body .generic-hero.wagonr-slick .generic-slider .slick-dots {width: 40%;}
.outerAwardSecton .threeheading {padding-bottom: 10px;padding-left: 1%;}
.awardSecton  figure {border:1px solid #ccc; margin: 10px; padding: 5px; cursor: pointer;}
.awardSecton  figure img {max-width: 100%;}
.awardSecton h6 {font-size:16px;font-weight: 500;color:#000;margin-bottom:0;margin-top:5px;line-height: 19px;text-transform: capitalize;padding: 0 5% 15px 0;font-family: "Lato",sans-serif;}
.awardSecton .slick-prev {top:45%;background: #000;width: 30px; height: 30px; opacity: 0.80;}
.awardSecton .slick-prev::before {font-family: "icomoon",sans-serif !important;content: "\e906";}
.awardSecton .slick-prev:hover {opacity:1}
.awardSecton .slick-next {top:45%;background: #000;width: 30px; height: 30px;opacity: 0.80;}
.awardSecton .slick-next::before { font-family: "icomoon",sans-serif !important;content: "\e907";}
.awardSecton .slick-next:hover {opacity:1}
body {padding: 0!important;}
body .modal-backdrop.fade.show{display:block!important;opacity:.7!important}
.modalimg img{width:100%}
#Awards .close{position:absolute;right:-20px;background:#fff;height:40px;width:40px;text-align:center;font-size:30px;border-radius:50%;top:-14px;opacity:1;line-height:27px}
#Awards .modal-body{position:relative} 
.automatedDriving {background: #F1F2F8;padding: 30px 0;}
.automatedDriving h2 {padding-bottom: 0;padding-left: 23px;}
.traffic-safety {padding:20px 3%;background: #F1F2F8;margin-bottom: 20px;}
.traffic-safety h3 {font-size: 28px;font-weight: 700;text-transform: uppercase;color: #000;margin-bottom: 0;padding-bottom: 5px;font-family: "Lato",sans-serif;}
.staffDevelopemnt {width: 100%; float: left; background-color: #F1F2F8; padding: 40px 0;margin-bottom: 30px;}
.innnerstaffDevelopemnt {display: flex;}
.innnerstaffDevelopemnt h3 {font-size: 16px;color: #000;margin: 0;padding-bottom: 10px;font-weight: 700;text-transform: uppercase;font-family: "Lato",sans-serif;}
.innnerstaffDevelopemnt .staffcls {background: #fff; padding: 30px 16px 15px 16px; margin-right: 20px; width: 20%;}
.innnerstaffDevelopemnt .staffcls ul {font-size: 14px;color: #4A4A4A;margin: 0 0 0 19px;padding-bottom: 10px;font-weight: 400;font-family: "Lato",sans-serif;}
.innnerstaffDevelopemnt .staffcls:last-child {margin: 0;}
.tablewater {width: 39%}
.tablewater table{width: 100%; float: left;margin-bottom: 15px;}
.tablewater table td {border: 1px solid #2d3494; font-size: 14px;color: #000;margin: 0;padding: 8px 10px;font-weight: 400;font-family: "Lato",sans-serif}
.tablewater table th {background-color: #2d3494;font-size: 14px;color: #fff;margin: 0;font-weight: 500; padding: 8px 10px; border:1px solid #fff;font-family: "Lato",sans-serif}
.tablewater table th:last-child {border: none;}
.wwd_copy .timetext { font-weight: 500;margin-top: 10px;}
.wwd_copy .timetext span {color: #D61F26;}
.error-message{color:red}
.wagonr-slick .items .caption .caption_inner h2{color:#fff;font-size:24px;margin:0;font-weight:700;padding-bottom:10px;font-family: "Lato",sans-serif}
.wagonr-slick .items .caption .caption_inner p{font-weight: 700;color:#fff;font-size:14px;margin:0;padding-bottom:10px;font-family: "Lato",sans-serif}
.wagonr-slick .items .caption .caption_inner .scroll_down{background-color:#D61F26;color:#fff;padding:0 20px;border-radius:0;box-shadow:none;line-height:36px}
.wagonr-slick .items .caption .caption_inner .scroll_down:hover {background: #000;}
.form_wrap .form_inner .otpValidate{top:14px;right:7px;color:green;position:absolute;text-decoration:none}
#CSRThankyou p{text-align:center;font-size:17px;font-weight:700;background:#eee;padding:15px 0;text-transform:uppercase}
body .generic-hero.wagonr-slick ul.slick-dots {bottom: -35px!important;width: 100%;margin: 0;text-align: center;}
body .generic-hero .generic-slider .slick-dots li {width: 5px!important;margin: 0 17px;height: auto;}

@media screen and (max-width:1640px) {
.scr_banner .item .caption{padding:0 25px 0 68%}
}
@media screen and (max-width:1279px) {
.scr_banner .item .caption h2,.what_we-do .copy_block #wwd,.policy_warpper .heading h2,.form_wrap #cwu,.wwd_copy h2{font-size:20px}
.scr_banner .item .caption .btn,.what_we-do .nav-tabs .inner .btn,.wwd_detail .copy_block .btn,.policy_slide .block .list li .btn{padding:0 10px;line-height:30px}
.csr_wrap,.what_we-do{padding:30px 0}
.what_we-do .nav-tabs .inner h3{font-size:16px}
.wwd_detail .copy_block h4{font-size:20px}
.policy_slide .block h3{font-size:16px;line-height:22px;min-height:44px}
.styled_select select.form-control{height:40px}
.styled_select::after{line-height:40px;font-size:22px}
}
@media screen and (max-width:1023px) {
.csr_wrap{padding:0 20px 30px}
.csr-container .container{width:100%;max-width:100%}
.what_we-do .nav-tabs .nav-link{padding:15px}
.wwd_detail .slide_block{width:100%;padding:0 10px}
.wwd_detail .copy_block{width:100%;padding:20px 0 0}
.policy_warpper .heading{flex-wrap:wrap}
.policy_warpper .heading h2{width:100%}
.sort_list{width:100%;padding-top:20px}
.policy_slide .block{padding:15px 20px}
.wwd_copy{padding:30px 15px}
.similar{margin:0;padding:20px 15px}
.container.wwd_wrapper{padding:0}
.similar_list{margin:0 -10px}
.similar_list li{padding:0 10px}
.similar_list li .inner .copy_block{padding:15px}
.wwd_detail .wwd_slide,.wwd_detail .wwd_content{width:100%}
}
@media screen and (max-width:767px) {
.scr_banner .item .caption{align-items:end;padding:0 20px 20px}
.csr_slide .slick-list,.wwd_slide .slick-list{padding-bottom:15px!important}
.wwd_detail{padding:10px 0}
.what_we-do .nav-tabs{margin:0;flex-wrap:nowrap;overflow-x:auto}
.what_we-do .nav-tabs .nav-item{width:auto;padding:0 15px 0 0}
.what_we-do .nav-tabs .nav-link{width:280px}
.form_wrap{padding:30px 0}
.form_wrap .form_inner{padding:20px 20px 5px}
.similar_list{margin:0;flex-wrap:nowrap;overflow-x:auto}
.similar_list li{width:auto;padding:0 15px 0 0}
.similar_list li .inner{width:280px}
.wwd_copy .row .four {margin-bottom: 25px;}
.wwd_copy .row {margin-bottom: 0!important;}
.bottomcontent .col-6 {flex: 0 0 100%;text-align: justify; max-width: 100%;}
.list1 {padding: 0px 0px 22px 20px;margin: 0;}
.sort_list li:first-child { width: 53%;}
.wwd_copy .col-3 {flex: 0 0 100%;max-width: 100%; margin-bottom: 20px;}
.similar_list img {max-width: 100%;}
.wagonr-slick .slick-next,.wagonr-slick .slick-prev {top: 41%;}
.awardSecton .slick-next {right:0; z-index: 9;}
.awardSecton .slick-prev {left:0;z-index: 9;}
.wwd_copy .col-6 {flex:0 0 100%; max-width: 100%;}
.reader img {width: 100%;}
body .generic-hero.wagonr-slick .generic-slider .slick-dots {width: 98%;}
.innnerstaffDevelopemnt {flex-wrap: wrap;}
.innnerstaffDevelopemnt .staffcls {margin-bottom: 30px; margin-right: 0; width: 100%; padding: 30px 16px 15px 16px;}
.wwd_copy .col-5 {flex: 0 0 100%;max-width: 100%;}
.wwd_copy .col-7 {flex: 0 0 100%;max-width: 100%; margin-top: 20px;}
.tablewater table {margin-bottom: 25px;}
.tablewater {width: 98%;}
.wwd_wrapper .col-4 { flex: 0 0 100%;max-width: 100%;margin-bottom: 20px;}
}
@media screen and (max-width:639px) {
.copy_row{flex-wrap:wrap}
.copy_row .copy_left{padding-right:0;width:100%}
.copy_row .copy_right{width:100%}
}

@media (min-width: 320px) and (max-width: 480px) {
    div#what-we-do .tab-content {width: 100% !important;}
}