/*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 1.9
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

@font-face {font-family: "Metropolis-Medium";src: url(assets/fonts/Metropolis-Medium.otf)}
@font-face {font-family: "Metropolis-Regular";src: url(assets/fonts/Metropolis-Regular.otf)}
@font-face {font-family: "Metropolis-Bold";src: url(assets/fonts/Metropolis-Bold.otf)}
.home .header.shrink,.tabvw{display: none;}
.tnp-widget-minimal input.tnp-submit {
    font-size: 13px;}

/* Primary Menu ---------------------------- */

.primary-ul-wrapper {
  display: none;
}

ul.primary-ul {
/*  display: flex;
  font-size: 1.8rem;*/
  font-weight: 500;
  letter-spacing: -0.0277em;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: -0.8rem 0 0 -1.6rem;
}

.primary-ul .icon {
  display: block;
  height: 0.7rem;
  position: absolute;
  pointer-events: none;
  transform: rotate(-45deg);
  width: 1.3rem;
}

.primary-ul .icon::before,
.primary-ul .icon::after {
  content: "";
  display: block;
  background-color: currentColor;
  position: absolute;
  bottom: calc(50% - 0.6rem);
  left: 0;
}

.primary-ul .icon::before {
  height: 0.5rem;
    width: 0.2rem;
}

.primary-ul .icon::after {
  height: 0.2rem;
  width: 0.5rem;
}

.primary-ul li {
  font-size: inherit;
  line-height: 1.25;
  position: relative;
}

.primary-ul > li {
  margin: 0.8rem 0 0 1.6rem;
      margin-left: 12px;
}
.primary-ul > li.menu-item-has-children > a {
  padding-right:0px;
}
.primary-ul > li.menu-item-has-children > a {
  padding-right: 8px;
}
.primary-ul > li:first-child{
    margin-left: 23px;;
}
.primary-ul > li > .icon {
 right: -1rem;
    top: calc(50% - 1rem);
    color: #ED1C24;
}

.primary-ul a {
  color: #000;
  font-family: "Metropolis-Medium";
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  line-height: 1.2;
  text-decoration: none;
  word-break: normal;
  word-wrap: normal;
  letter-spacing: 0px;
}

.primary-ul a:hover,
.primary-ul a:focus,
.primary-ul .current_page_ancestor {
  text-decoration: none;
}

.primary-ul li.current-menu-item > a,
.primary-ul li.current-menu-item > .link-icon-wrapper > a {
  
  color: #ED1C24;
}

.primary-ul li.current-menu-item > a:hover,
.primary-ul li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-ul li.current-menu-item > a:focus,
.primary-ul li.current-menu-item > .link-icon-wrapper > a:focus {
  text-decoration: none;
}

/* SUB MENU */

.primary-ul ul {
  background: #00BC7D;
  border-radius: 0.4rem;
  color: #fff;
   font-family: "Metropolis-Medium";
  font-size: 13px;
  opacity: 0;
  padding: 1rem 0;
  position: absolute;
  right: 9999rem;
top: calc(100% + 1.4rem);
  transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
  transform: translateY(0.6rem);
  width: 20rem;
  z-index: 1;
}

.primary-ul li.menu-item-has-children:hover > ul,
.primary-ul li.menu-item-has-children:focus > ul,
.primary-ul li.menu-item-has-children.focus > ul {
  right: 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.15s linear, transform 0.15s linear;
}

.primary-ul ul::before,
.primary-ul ul::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
}

.primary-ul ul::before {
  height: 2rem;
  left: 0;
  right: 0;
}

.primary-ul ul::after {
  border: 0.8rem solid transparent;
  border-bottom-color: #00BC7D;
  right: 1.8rem;
}

.primary-ul ul a {
  background: transparent;
  border: none;
  color: inherit;
  display: block;
  padding: 1rem 2rem;
  transition: background-color 0.15s linear;
  width: 100%;
}

.primary-ul ul li.menu-item-has-children > a {
  padding-right: 4.5rem;
}

.primary-ul ul li.menu-item-has-children .icon {
  position: absolute;
  right: 1.5rem;
  top: calc(50% - 0.5rem);
}

/* DEEP DOWN */

.primary-ul ul ul {
  top: -1rem;
}

.primary-ul ul li.menu-item-has-children:hover > ul,
.primary-ul ul li.menu-item-has-children:focus > ul,
.primary-ul ul li.menu-item-has-children.focus > ul {
  right: calc(100% + 2rem);
}

.primary-ul ul ul::before {
  bottom: 0;
  height: auto;
  left: auto;
  right: -2rem;
  top: 0;
  width: 2rem;
}

.primary-ul ul ul::after {
  border-bottom-color: transparent;

  /*rtl:ignore*/
  border-left-color: #000;
  bottom: auto;
  right: -1.6rem;
  top: 2rem;
}

.rtl .primary-ul ul ul::after {
  transform: rotate(180deg);
}

/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
@media (any-pointer: coarse) {

  .primary-ul > li.menu-item-has-children > a {
    padding-right: 0;
    margin-right: 2rem;
  }

  .primary-ul ul li.menu-item-has-children > a {
    margin-right: 4.5rem;
    padding-right: 0;
    width: unset;
  }

}

/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-ul > li.menu-item-has-children > a {
  padding-right: 0;
  margin-right: 2rem;
}

body.touch-enabled .primary-ul ul li.menu-item-has-children > a {
  margin-right: 4.5rem;
  padding-right: 0;
  width: unset;
}
.nv-col .ss-col{border-bottom: 1px solid #707070;padding: 0px;    padding-bottom: 10px;    
	padding-top: 36px;}
.ss-col ul{float: right;display: flex;    margin: 0px;}
.ss-col ul li{padding-left: 20px;}
.ss-col ul li a{font-size: 14px;color: #000;font-family: "Metropolis-Regular";}
.search-icon {
      color:#ED1C24;
    background-color: transparent;
  border: 0;
  outline: none;
      margin-top: 2px;
    float: right;
    font-size: 13px;
}
button:focus {
    outline: none;
    background-color: transparent;
}
.search-toggle .search-icon.icon-close {
  display: none;
}
.search-toggle.opened .search-icon.icon-search {
  display: none;
}
.search-toggle.opened .search-icon.icon-close {
  display: block;
}
.search-toggle{float: right;}
.search-container {
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-height: 0;
  overflow: hidden;
  background-color: #eee;
}
.search-container.opened {
  max-height: 100px;
}
.search-container input[type="text"] {
  outline: none;
  font-size: 1.6rem;
  margin: 18px;
  width: 300px;
  background-color: inherit;
  border: 0;
}
.search-container .search-icon {
  vertical-align: middle;
}
.search-container form{
  background: #ED1C24;
  color: #fff;
    font-family: "Metropolis-Regular";
  font-size: 15px;

}
.search-container {
 position: absolute;
    right: 27.5%;
    z-index: 9;
    margin-top: 35px;
}
input[type=search]:not(.browser-default){
    background-color: #fff;
    border: 1px solid #ED1C24;
    border-radius: 0px;
    outline: none;
    height: 3rem;
    width: 100%;
   font-size: 13px;
    margin: 0px;
    padding: 0;
    padding-left: 10px;
    font-family: "Metropolis-Regular";
}
form.search-form{display: flex;}
form.search-form button{color: #fff;background-color:#ED1C24;border: none; }

.primary-ul > li > a:hover,.primary-ul > li:hover > a {
       color: #ED1C24;
}
/*.primary-ul > li:hover:after,.primary-ul > li:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #ED1C24;
}


.primary-ul > li:after,.primary-ul > li:before {
    content: '';
   position: relative;
    left: 0;
    display: inline-block;
    height: 0em;
    width: 100%;
    border-bottom: 2px solid;
    margin-top:0px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    color: #ED1C24;
}
.primary-ul > li:after{
top: -5px;
}*/

.rq-col a{
	color: #fff;
	 font-family: "Metropolis-Regular";
	 background-color: #ED1C24;
	border-radius: 6px;
 padding: 9px 13px;
    margin-top: 32px;
    float: right;
    font-size: 14px;transition: all 2s ease;
}
.nv-col {
    padding-top: 10px;
}
.primary-ul > li:first-child a{padding-left: 0px}
.primary-ul > li:last-child a{padding-right: 0px}
.nv-col .nav-col{
	padding-top: 20px;
}
h1.site-logo {
    margin: 0px;
}
.menuBtn {
    display: none;
}
/* menu button */
.menuBtn {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 101;
}
.menuBtn > span {
  background-color: #B91C23;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -15px;
  transition: height 100ms;
}
.menuBtn > span:after,
.menuBtn > span:before {
  content: "";
  background-color: #B91C23;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  transition: all 200ms;
}
.menuBtn > span:after {
  top: -7px;
}
.menuBtn > span:before {
  bottom: -7px;
}
.menuBtn.act > span {
  height: 0;
}
.menuBtn.act > span:after,
.menuBtn.act > span:before {
  background-color: #fff;
  top: 1px;
}
.menuBtn.act > span:after {
  transform: rotate(45deg);
}
.menuBtn.act > span:before {
  transform: rotate(-45deg);
}
/* main menu block */
.mainMenu {
  background-color:#ED1C24;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform: scale(0);
}
.mainMenu.act {
  opacity: 1;
  transform: scale(1);
}
.mainMenu.act ul li {
  opacity: 1;
  transform: translateX(0);
}
.mainMenu ul {
  display: table-cell;
  vertical-align: middle;
}
.mainMenu li {
  padding: 8px 0;
  transition: all 400ms 510ms;
  opacity: 0;
}
.mainMenu li:nth-child(odd) {
  transform: translateX(30%);
}
.mainMenu li:nth-child(even) {
  transform: translateX(-30%);
}
.mainMenu li:last-child {
  transform: none;
}
.mainMenu a {
color: #fff;
    font-family: "Metropolis-Medium";
    font-size: 15px;
  

}
.mainMenu a.suBtn {
  color: #000;
}
footer{background-color: #00A651;padding: 40px 0px 25px;}
footer p{font-size: 13px;font-family: "Metropolis-Regular";color: #fff;}
footer ul li a{  color: #fff;font-family: "Metropolis-Medium";font-size: 13px;text-transform: uppercase;}
.tnp-widget-minimal form{display: flex;}
.nw-col h5{text-align: center;color: #00C4B7;font-size: 22px;font-family: "Metropolis-Medium";text-transform: uppercase;}
.nw-col h2{    margin-top: 15px;text-align: center;color:#44519E;font-size: 47px;font-family: "Metropolis-Medium";text-transform: uppercase;}
.nw-col h3{color: #000;font-size:15px;font-family: "Metropolis-Medium";}
.nw-col p{color: #000;font-size:15px;font-family: "Metropolis-Regular";}
.nw-col a{color: #44519E;font-size:12px;font-family: "CentraleSansExtraLight";}
.nw-col a:hover{color: #00C4B7;}
.nw-col .nw-each{width: 76%;min-height: 410px;margin-top: 30px;
   transition: all .2s ease-in-out;margin-left: auto;
    margin-right: auto;
    display: block;}
.nw-col .nw-each1 {
    padding: 0px 36px 36px;
}
.nw-col{
  margin-bottom: 70px;margin-top: 70px;
}

#new-ev{width: 100%;padding-top: 31px;margin-top: 0px;margin-bottom: 0px;}
#new-ev:hover {transform: inherit;}
#latest-news{display: flex;}
.nw-col .thumb-col {
    height: 200px;
}

.nw-col .nw-each1 {
    padding: 0px 36px 36px;
}
.nw-col h3 {
    color: #000;
    font-size: 15px;
    font-family: "Metropolis-Medium";
}
.nw-col p {
    color: #000;
    font-size: 15px;
    font-family: "Metropolis-Regular";
}
.nw-col a {
    color: #00A651;
    font-size: 12px;
    font-family: "CentraleSansExtraLight";
}

.nw-each:hover {
    transform: scale(1.1);
    background: #efefef;
}
.page-id-11 .nw-each:hover{transform: inherit;}
#card-each {
    width: initial;
}
.cont-frm-col{background: #F7F7F7}
#echnews {
    opacity: .7;
}
#echnews h1 {
    color: #fff;
    font-size: 47px;
    font-family: "Metropolis-Bold";
    text-transform: uppercase;
    margin: 0px;
    padding-right: 54px;
}
.single .nw-col{margin-top: 0px;}
.single .nw-col .nw-each {
    margin-top: 10px;}
.banner-img img{width: 100%;height: auto;margin-top: 60px;margin-bottom: 20px}
.cont-post h1{
  color: #000;font-size: 28px;font-family: "Metropolis-Medium";margin-top: 0px;
}
.cont-post p{
  color: #000;font-size: 15px;font-family: "Metropolis-Regular";line-height: 27px;

}

.cont-post .card{padding: 44px 60px;}


.single-service .nw-col{margin-top: 60px;}
.sing-col h1{width: 52%}
.page header#site-header,.single header#site-header{
    box-shadow: inset 0 1px 0 rgb(34 34 34 / 15%), 0 5px 10px rgb(0 0 0 / 8%);
    padding-bottom: 10px;
}

.header.shrink{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 10000;height: 132px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.header.shrink { box-shadow: inset 0 1px 0 rgba(34,34,34,0.15), 0 1px 5px rgba(0,0,0,0.075); -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.banner-img img{width: 100%;height: auto;margin-top: 60px;margin-bottom: 20px}
.count-col{background-color: #ED1C24 ;color: #fff;padding: 60px 0px;}
.count-col h4 i{font-style: inherit;}
.count-col h4{font-size:68px;font-family: "Metropolis-Bold";margin: 0px }
.count-col h5{font-size: 20px;font-family: "Metropolis-Medium";margin: 0px}
.contact-col .padl{padding-left: 0px;}
.contact-col label{ color: #000;
    font-size: 12px;
    font-family: "Metropolis-Regular";}

.contact-col input[type="submit"]{background-color: #ED1C24;color: #fff;font-size: 15px;
    font-family: "Metropolis-Regular";border: none;        border-radius: 6px;
    padding: 9px 13px;transition: all 2s ease;float: right;}
.contact-col input[type="submit"]:hover{cursor: pointer;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: none;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0px;
    padding: 0px;
    border: none;
}
span.wpcf7-list-item-label{color: #4A4A4A;font-size: 12px;
    font-family: "Metropolis-Regular";}
.wpcf7-list-item {
    display: inline-block;
    margin: 0px;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{
  background-color: #F6F6F6;
    border: none;font-family: "Metropolis-Regular";
}
textarea {

  padding-left: 15px;
    padding-top: 15px;
    background-color: #F6F6F6;
    border: none;font-family: "Metropolis-Regular";
}

:focus-visible {outline: none;}
.contact-col .contact-col2{padding-left: 65px;}
.contact-col h3{font-size:45px;font-family: "Metropolis-Regular";color: #000;margin: 30px 0px}
.contact-col1 h1{margin: 0px;font-size:45px;font-family: "Metropolis-Bold";color: #fff;}
.contact-col1 h2 a,.contact-col1 h2{margin: 0px;font-size:17px;font-family: "Metropolis-Regular";color: #fff;}
.contact-col1{text-align: center;height: 369px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    text-align: center;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;

}
.why-col h1,.why-col1 h1{color:#00A651;font-size:40px;font-family: "Metropolis-Bold"; }
.why-col p,.why-col1 p{font-family: "Metropolis-Regular";font-size: 15px;color: #000}
.why-col-bg{background-image: url(assets/images/why-col.jpg);height: 622px;width: auto;background-repeat: no-repeat;background-size: cover;}
.why-col{padding: 0% 13% 0% 28%;}
.vs-col{background-color: #D9DADC}
.mis-col{background-color: #F4F5F9}
.vs-col h3,.mis-col h3{color:#00A651;font-size:25px;font-family: "Metropolis-Bold";}
.vm .vs-col{padding: 2% 3% 3% 14%;}
.vm .mis-col{padding: 2% 14% 3% 3%;}
.vm .mis-col img,.vm .vs-col img{margin-top: 20px;}
.vs-col p,.mis-col p{color:#000;font-size:15px;font-family: "Metropolis-Regular";}
.why-col-bg1{background-image: url(assets/images/value.png);height: 611px;width: auto;background-repeat: no-repeat;background-size: cover;}
.why-col1 {padding: 16% 30% 0% 7%;}
.govt-col h2{padding-bottom: 30px;font-family: "Metropolis-Regular";font-size:48px;color: #000;text-align: center;text-transform: uppercase;}
.govt-col {padding: 60px 0px;padding-bottom: 70px;}
.govt-col .buss-log {min-height: 125px;}
.govt-col .buss-log img{margin-right: auto;margin-left: auto;display: block;}
footer .scl ul li{padding-right: 13px;}
footer .scl ul{display: flex;float: right;}
svg.svgnav:hover path{  stroke-dasharray: 10;
  stroke-dashoffset: 10;
  animation: dash 1s linear forwards;}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
transition: all 2s ease;
padding-top: 30px;
}


/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}#slim{display: none;}
.service-col{background-color:#B91C23;color: #fff}
.service-col h1{margin: 0px;font-size: 50px;font-family: "Metropolis-Regular";text-transform: uppercase;}
.service-col p{font-size: 25px;font-family: "Metropolis-Bold";}
.service-col1{padding: 60px 0px;color: #000}
.service-col1 h3{font-size: 24px;font-family: "Metropolis-Regular";text-transform: uppercase;}
.service-col1 h1{font-size: 40px;font-family: "Metropolis-Bold";text-transform: uppercase;color: #fff;text-align: center;background: rgb(0 0 0 / 21%);
    padding: 15px;
    width: fit-content;}
#bghid{height: 560px;justify-content: space-around;margin-bottom: 35px;}


.service-col1 p{color: #2F2F2F;font-size: 17px;font-family: "Metropolis-Regular";}
#sidebar { 
height: 130vh;
    top: 10px; /* or whatever top you need */
    position: -webkit-sticky;
    position: sticky;
}
#sidebar ul {
   padding: 0px 30px;margin-top: 0px;
   
}
#sidebar ul li a{border: 1px solid #fff;
   
    border-bottom: 4px solid #fff;}
#sidebar ul li a{text-align: left;
    padding: 13px 0px 12px 18px;
     background: #F2F2F2;
    color: #2C2C2C;
    font-size: 15px;
   font-family: "Metropolis-Regular";display: block;
    text-transform: uppercase;transition: all 1s ease;text-decoration: none;width: 100%;}
.service-cont{padding-right: 5%;}
#ser-fcol{color: #fff;font-size: 23px;
    font-family: "Metropolis-Regular";text-transform: uppercase;background: #B91C23;
    padding: 7px 0px 7px 13px;}
#getm-col{background: #00BC7D;padding: 30px 0px;}
#getm-col h3{margin:0px;text-align: center;color: #fff;font-family: "Metropolis-Bold";font-size: 29px;text-transform: capitalize;}
#getm-col h4{margin:0px;text-align: center;text-transform: capitalize;color: #fff;font-family: "Metropolis-Bold";font-size: 20px;}
#getm-col p{    padding: 0px 55px;color: #fff;font-family: "Metropolis-Regular";font-size: 12px;}
ul#soc li a{
  color: #fff;
    font-family: "Metropolis-Regular";
    font-size: 13px;
    background: transparent;
    width: inherit;
    border: none;
    text-align: center;    text-transform: inherit;
    padding: 7px 0px;
}
 ul#soc li a svg{    margin-top: -2px;
    position: absolute;
       margin-left: -30px;}

.rq-col1 a {
    color: #fff;
    font-family: "Metropolis-Regular";
    background-color: #ED1C24;
    border-radius: 6px;
    padding: 9px 13px;
    margin-top: 0px;
 
    font-size: 14px;
    transition: all 2s ease;
}


#sidebar .getm-col1{padding: 0px 30px;text-align: center;}

#sidebar ul li a.active,#sidebar ul li a:hover{
  font-family: "Metropolis-Bold";
  background-color: #00BC7D;
  color: #fff;

}
/*#sidebar ul li button.active:after{content: url(assets/images/back.png);    position: absolute;
    left: 9px;
    top: 14px

;}*/
.srarb-col1{padding: 50px 0px;background-color:#F0F0F0}
.srarb-col1 img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.srarb-col1 h4 {
    color: #000;
    font-size: 18px;
   font-family: "Metropolis-Bold";
    text-align: center;
}
.service-cont h3{color: #00A651;font-family: "Metropolis-Regular";font-size: 36px}
.service-cont h4{color: #00CD9E;font-family: "Metropolis-Bold";font-size: 26px}
button{border: none;border-color: none}
#owl-demo p{color: #4D4D4D;font-size: 16px;font-family: "Metropolis-Medium";}
#owl-demo h4{color: #4D4D4D;font-size: 19px;font-family: "Metropolis-Medium";}
#owl-demo{text-align: center;}
#owl-demo .testimonial-col1{border: 1px solid rgb(203 203 203 / 38%);
    margin-top: -58px;
    padding: 50px 39px 31px 39px;}
#owl-demo .item {
    margin-left: 12px;
    margin-right: 12px;
}
.testimonial-col .testimonial-col2{    padding-bottom: 30px;}
.sev-col{background-color: #00A651;padding: 60px 0px;
    padding-bottom: 70px;}
.sev-col h3{margin-bottom: 58px;color: #fff;font-family: "Metropolis-Bold";font-size:31px}
.sev-col h4{color: #fff;font-family: "Metropolis-Bold";font-size:18px;text-transform: uppercase;}
.sev-col p{color: #fff;font-family: "Metropolis-Regular";font-size: 13px;padding-right: 30px;}
.sev-col svg path{fill:#fff;}
.sev-col svg{margin-top: -21px;background: #00a651;width: 73px}
.sev-col .sev-col1{box-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;border: 3px solid #fff;padding-left: 32px;padding-bottom: 24px;margin-top: 40px; }
.sev-col .sev-col1:hover{border: 3px dashed #fff;-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgb(0 0 0 / 32%);
    cursor: pointer;
    border-radius: 5px;}

#why-abt{display: none;}


.contact-col h3{color: #000;font-size: 26px;font-family: "Metropolis-Bold";text-transform: uppercase;margin-bottom: 25px;}
.contact-col{padding: 70px 0px;padding-bottom: 40px;}
.contact-col p{ font-size: 15px;color:#000;    padding-right: 34px;font-family: "Metropolis-Regular";}
.contact-col li,.contact-col li a{ font-size: 15px;color:#000;font-family: "Metropolis-Regular";}
.contact-col li{padding-left: 45px;padding-top: 20px;}
.contact-col li svg{position: absolute;margin-left: -40px;}
.contact-col li:hover svg path{  fill: #00A651;}
.contact-col{    background-color: #fff;
    background-image: url(assets/images/nwbg.png);
    background-repeat: no-repeat;
    background-position-x: right;}
#ifrm-col{line-height: 0px;padding: 0px}
#ifrm-col iframe{width:100% !important;}
.testimonial-col h3{font-size: 45px;font-family: "Metropolis-Bold";text-transform: uppercase;color: #ED1C24;text-align: center;}
.testimonial-col p{font-size: 24px;font-family: "Metropolis-Medium";color: #ED1C24;text-align: center;}
.testimonial-col{padding: 60px 0px;    padding-bottom: 90px;}
.prf-col{background: url(assets/images/bg.jpg);
height: 650px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;


}
.vmv-col{background:#F4F5F9;padding: 80px 0px;   }
.vmv-col h2{font-size: 41px;font-family: "Metropolis-Bold";text-transform: uppercase;color: #00A651;}
.vmv-col p{padding-right: 95px;font-family: "Metropolis-Regular";font-size: 15px;}
.vmv-col h3{font-size: 25px;font-family: "Metropolis-Bold";text-transform: uppercase;color: #00A651;}
.vmv-col img{margin-top: 29px;}
.vmv-col1{ 
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
.vmv-col1:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgb(0 0 0 / 32%);
    cursor: pointer;
    border-radius: 5px;}
.vmv-col1 img {
  transition: transform .7s ease-in-out;
}
.vmv-col1:hover img {
  transform: rotate(360deg);
}
.parent {
  position: relative;
  top: 0;
  left: 0;
}
.image1 {
  position: relative;
  top: 0;
  left: 0;
  margin-left: auto;
    margin-right: auto;
    display: block;
   
}
.image2 {
  position: absolute;
 top: 30px;
    right: 30px;
}
.parent{ transition: all .2s ease-in-out;}
.parent:hover .image2 {
      transform: translateY(-10px);
}
.parent:hover .image1{
  animation: myfirst 2s 2;
    animation-direction: alternate;
}
@keyframes myfirst {
  0%   {left: 0px; top: 0px;}
  50%  {left:30px; top: 0px;}
  
  100% {left: 0px; top: 0px;}

}
.vmv-col .vmv-col1{    padding-bottom: 10px;}
.business-col h1{padding-bottom: 10px;font-size: 46px;font-family: "Metropolis-Bold";text-transform: uppercase;text-align: center;}
.business-col h1 i{font-style: inherit;color: #ED1C24}
.business-col button{cursor: pointer;font-size: 17px;color: #000;font-family: "Metropolis-Medium";background-color: transparent;margin-right: 15px;}
.business-col button.active{border-bottom: 2px solid #0BAA58;}
.business-col{padding: 60px 0px;
    padding-bottom: 85px;}
.business-col .tab{text-align: center;    margin-bottom: 15px;}
.business-col p{font-family: "Metropolis-Regular";font-size: 15px;color: #000;padding-top: 30px;padding-right: 35px;}
.carousel {
 width: 100%;
    height: 300px;}
.serv-col{text-align: center;background-color: #fff;position: relative;margin-top: -5%}
.serv-col h3{font-size: 13px;font-family: "Metropolis-Bold";color: #000;margin: 0px;margin-top: 10px}
.serv-col .serv-col-each{padding: 25px 0px;position: relative;}
.serv-col .serv-col-each:after {
padding: 0;
    margin: 0;
    display: block;
    content: "";
    width: 27%;
    height: 1.1px;
    background-color: #5e3b3b;
    position: absolute;
    top: 71px;
    transform: rotate(90deg);
    right: -33px;
}
.serv-col .serv-col-each:hover{background-color: #00A651;transition: all 2s ease;
}
.serv-col .serv-col-each:last-child:after{display: none;}
.serv-col .serv-col-each:hover h3{color: #fff}
.serv-col .serv-col-each:hover svg path{fill: #fff;}
.s5ths,
.m5ths,
.l5ths,
.xl5ths {
  margin-left: auto;
  left: auto;
  right: auto;
}

#sev-h2{display: none;}
.row .col.s5ths {
  width: 20%;
}

@media only screen and (min-width: 601px) {
  .row .col.m5ths {
    width: 20%;
  }
}

@media only screen and (min-width: 993px) {
  .row .col.l5ths {
    width: 20%;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl5ths {
    width: 20%;
  }
}


@media only screen and (max-width : 1024px) {
.container {width: 90%;}
.nw-col .nw-each {width: 90%;}
.rq-col a {padding: 9px 9px;}
.search-container {right: 23%;}
nav ul a {
padding: 0 0px;}
.serv-col .serv-col-each:after{
      right: -25px;
}
.header.shrink{
  height: 155px;
}
.vmv-col p {
    padding-right: 10px;}
.sev-col h3 {
    margin-bottom: 77px;}

.testimonial-col p {
    font-size: 17px;}
.owl-controls .owl-prev {
    left: -36px;}
.owl-controls .owl-next {
    right: -36px;}
.owl-controls .owl-next {
    right: -36px;}
.count-col h4 {
    font-size: 40px;
}
.count-col h5 {
    font-size: 17px;}

.tnp-widget-minimal input.tnp-submit {
    width: 32%;
    padding: 6px;
    font-size: 12px;}
#getm-col p {
    padding: 0px 11px;}

#getm-col h3 {
    font-size: 20px;
}
.service-col1 p {

    font-size: 15px;

}
.service-cont h3 {
    font-size: 27px;
}


  }

   @media only screen and (max-width :820px) {
.tabcontent .parent {padding-bottom: 50px;}
     .nw-col .nw-each {
    width: 100%;
}
  nav ul li {
    
    float: inherit;}
ul.sub-menu,.nav-col{display: none;}

.mainMenu a {
    color: #fff;
     font-family: "Metropolis-Medium";
    font-size: 17px;
    text-transform: uppercase;
    display: block;
    line-height: 2;
    text-decoration: none;
    word-break: normal;
    word-wrap: normal;
    letter-spacing: 0px;
}

.mainMenu li.current-menu-item > a, .mainMenu li.current-menu-item > .link-icon-wrapper > a {
    color: #00A651;
}
.menuBtn{display: block;}
.rq-col a{text-align: center;}

.rq-col a {
        padding: 5px 9px;
    margin-top: 41px;
    float: left;
    font-size: 12px;
    transition: all 2s ease;
}
.search-container {
    right: 31%;
}
.header.shrink {
    height: 84px;
}

.header.shrink .ss-col,.header.shrink .rq-col{display: none;}
.business-col h1 {font-size: 35px;}
.business-col {
    padding: 10px 0px;
    padding-bottom: 30px;
}
.menuBtn {


    right: 33px;
    top: 31px;

}
.business-col p {
    padding-top: 0px;
}
.carousel {
    width: 100%;
    height: 220px;
}
.prf-col { height: 400px;    background-position: center;}
.serv-col .serv-col-each:after {
    right: -18px;
}
#sev-h1{display: none;}
#sev-h2{display: block;}

.vmv-col {
    background: #F4F5F9;
    padding: 50px 0px;
}
.sev-col h3 {
    margin-bottom: 20px;
}
.sev-col {
    padding: 25px 0px;
    padding-bottom: 70px;
}
.testimonial-col {
    padding: 30px 0px;
    padding-bottom: 80px;
}

.count-col h5 {
    margin-bottom: 30px;
}
.count-col {
    padding: 40px 0px;
}
.contact-col {
    padding: 25px 0px;
    padding-bottom: 40px;
}
.footer-logo{padding-bottom: 20px;}
#why-abt{display: block;}
#why-abt1{display: none;}
.why-col {
    padding: 0% 8% 0% 5%;
}
.why-col-bg {
  
    height: 500px;}
.vm .vs-col {
    padding: 2% 3% 3% 6%;
}
.vm .mis-col {
    padding: 2% 3% 3% 6%;
}
.why-col1 {
    padding: 3% 3% 0% 6%;
}
.govt-col h2 {
  font-size: 33px;}
#sidebar ul {
    padding: 0px;
    margin-top: 0px;
}
#sidebar .getm-col1 {
    padding: 0px;
    text-align: center;
}

#sidebar {
    height: inherit;
    top: 15px;
    
    position: inherit;
    margin-top: 18px;
}
#getm-col {
    padding: 30px 25px;
}
.tabvw{display: block;}

   }


@media only screen and (max-width : 768px) {
  
.tabcontent .parent {padding-bottom: 50px;}
     .nw-col .nw-each {
    width: 100%;
}
  nav ul li {
    
    float: inherit;}
ul.sub-menu,.nav-col{display: none;}

.mainMenu a {
    color: #fff;
     font-family: "Metropolis-Medium";
    font-size: 17px;
    text-transform: uppercase;
    display: block;
    line-height: 2;
    text-decoration: none;
    word-break: normal;
    word-wrap: normal;
    letter-spacing: 0px;
}

.mainMenu li.current-menu-item > a, .mainMenu li.current-menu-item > .link-icon-wrapper > a {
    color: #00A651;
}
.menuBtn{display: block;}
.rq-col a{text-align: center;}

.rq-col a {
        padding: 5px 9px;
    margin-top: 41px;
    float: left;
    font-size: 12px;
    transition: all 2s ease;
}
.search-container {
    right: 31%;
}
.header.shrink {
    height: 84px;
}

.header.shrink .ss-col,.header.shrink .rq-col{display: none;}
.business-col h1 {font-size: 35px;}
.business-col {
    padding: 10px 0px;
    padding-bottom: 30px;
}
.menuBtn {


    right: 33px;
    top: 31px;

}
.business-col p {
    padding-top: 0px;
}
.carousel {
    width: 100%;
    height: 220px;
}
.prf-col { height: 400px;    background-position: center;}
.serv-col .serv-col-each:after {
    right: -18px;
}
#sev-h1{display: none;}
#sev-h2{display: block;}

.vmv-col {
    background: #F4F5F9;
    padding: 50px 0px;
}
.sev-col h3 {
    margin-bottom: 20px;
}
.sev-col {
    padding: 25px 0px;
    padding-bottom: 70px;
}
.testimonial-col {
    padding: 30px 0px;
    padding-bottom: 80px;
}

.count-col h5 {
    margin-bottom: 30px;
}
.count-col {
    padding: 40px 0px;
}
.contact-col {
    padding: 25px 0px;
    padding-bottom: 40px;
}
.footer-logo{padding-bottom: 20px;}
#why-abt{display: block;}
#why-abt1{display: none;}
.why-col {
    padding: 0% 8% 0% 5%;
}
.why-col-bg {
  
    height: 500px;}
.vm .vs-col {
    padding: 2% 3% 3% 6%;
}
.vm .mis-col {
    padding: 2% 3% 3% 6%;
}
.why-col1 {
    padding: 3% 3% 0% 6%;
}
.govt-col h2 {
  font-size: 33px;}
#sidebar ul {
    padding: 0px;
    margin-top: 0px;
}
#sidebar .getm-col1 {
    padding: 0px;
    text-align: center;
}

#sidebar {
    height: inherit;
    top: 15px;
    
    position: inherit;
    margin-top: 18px;
}
#getm-col {
    padding: 30px 25px;
}



}

@media only screen and (max-width: 428px){
.image2 {
    right: 8px;
}
.parent {
  
    padding-bottom: 36px;
}
.header.shrink {
    height: 108px;
}
.business-col h1 {
    font-size: 26px;
}
.count-col h5,.count-col h4  {
 
    text-align: center;
}

.owl-controls .owl-prev, .owl-controls .owl-next {
    position: absolute;
    margin: auto;
    top: -149px;
    bottom: 0px;
}
.owl-controls .owl-prev {
    left: 0px;
}
.owl-controls .owl-next {
    right: 0px;
}
.ss-col ul li {
       padding-left: 19px;
    float: left;
}
.ss-col ul {
    float: inherit;
    display: inline;
    margin: 0px;
}

.nv-col .ss-col {
    border-bottom: 1px solid #707070;
    padding: 0px;
    padding-bottom: 2px;
    padding-top: 6px;
}

.serv-col {

    margin-top: 47px;
}
.menuBtn {
    right: 33px;
    top: 72px;
}
.ss-col ul li a {
    font-size: 13px;
}
.nv-col .ss-col {
    padding-bottom: 7px;
    padding-top: 25px;
    border-bottom: none;
}
.search-container {
    right: 10%;
        margin-top:29px;
}
.rq-col {display: none;}
.serv-col .serv-col-each:after {
    right: 129px;
    transform: rotate(180deg);    top: 141px;
}
.carousel {
    height: 180px;
}
.vmv-col img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.vmv-col h3,.vmv-col h2{
      text-align: center;
}
.vmv-col p {
    padding-right: 0px;
    text-align: center;
}
.vmv-col {
    padding: 35px 0px;
}
.site-logo img{width: auto;
    height: 92px;}


  .header.shrink  {
          box-shadow: inset 0 1px 0 rgb(34 34 34 / 15%), 0 5px 10px rgb(0 0 0 / 8%);
    }
.sev-col h3 {
    font-size: 28px;
}
.testimonial-col h3 {
    font-size: 30px;}
.testimonial-col p {
    font-size: 16px;
}
.testimonial-col {
    padding: 20px 0px;
    padding-bottom: 60px;
}
footer {
    text-align: center;
}
footer ul li{
  text-align: left;

}

footer ul li:nth-child(even){
float: right;
margin-top: -22px;
}
.prf-col {
    height: 229px;
    background-position: inherit;
    width: 100%;
    background-attachment: inherit;
    background-repeat: no-repeat;
        background-size: cover;
}
footer .scl ul li:nth-child(even){
  float: inherit;
    margin-top: 0px;
}
.govt-col h2 {
    font-size: 28px;    padding-bottom: 20px;
}
.govt-col {
    padding: 13px 0px;
    padding-bottom: 20px;
}
.vm .mis-col img, .vm .vs-col img {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.vs-col h3, .mis-col h3 {
    text-align: center;
}
.vs-col p, .mis-col p {
    text-align: center;
}
.service-col1 h1 {
    font-size: 23px;}
#bghid {
    height: 200px;
    justify-content: space-around;
    margin-bottom: 25px;
}
#latest-news{display: none;}
.nw-col .nw-each {
    margin-top: 10px;}
.contact-col .contact-col2 {
    padding-left: 17px;
}
}