:root{
    --brand-color1: #1D5A31;
    --brand-color2: #88D312;
  --animation-duration: 1s; /* Adjust duration as needed */
  --animation-delay: 0.5s; /* Adjust delay as needed */
}

/* Apply common animation properties to all animations */
* {
  animation-duration: var(--animation-duration);
  animation-delay: var(--animation-delay);
}

body{overflow-x:hidden;
    font-family: 'Roboto', sans-serif;}
p{
    font-size:16px;
    margin-bottom:10px;
    text-align:justify;
}
.locations{
    color:#fff;list-style:none;
}
section ul.locations li::before
        {
          content: ""; 
          font-size: normal;
    margin-right: 0px;
        }
.targetddiv{cursor:pointer;}

    section ul li{ 
            list-style: none; margin-left:-30px;
        } 

 .forminator-row h3{
     color: var(--brand-color2) !important;margin-bottom:-20px;font-size:22px;
 } 
 

 section ul li::before{ 
            content: "\00BB"; 
            color: var(--brand-color1);
            font-size: 25px;
    margin-right: 5px;
    font-weight: bold;
        } 
        
        section ul li.nav-item::before
        {
          content: ""; 
          font-size: normal;
    margin-right: 0px;
        }

.navbar-nav .dropdown:hover .dropdown-menu{
    padding:0px;border-radius: 0px;
}
.dropdown-item{
 border-bottom: 1px solid;
}
#navbar {
      background: transparent;
      box-shadow: 4px 6px 12px rgba(0,0,0,0.4)
    }
    .nav-item .nav-link{
        text-align:center;
        color:#000;
    }
    .nav-item .active,.nav-item:hover > .nav-link{
      border-radius: 6px;
      background: linear-gradient(145deg, var(--brand-color1), var(--brand-color2));
      box-shadow:  4px 4px 8px #ddc1a0,
                   -4px -4px 8px #f7e5cc;
                   color:#fff !important;
                   
    }
    .navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
}

    #navbar .dropdown-menu a:hover {
      background: linear-gradient(145deg, var(--brand-color1), var(--brand-color2));
      box-shadow:  4px 4px 8px #ddc1a0,
                   -4px -4px 8px #f7e5cc;
                   color:#fff !important;
    }
    #navbar .nav-item {
      margin : auto 4px;
    }
    a.navbar-brand {
      color: #454545
    }
header {
    background-color: white;
    top: 0;
    z-index: 100;
}

#headertop.hide-header {
  transform: translateY(-100%);
  transition: transform 0.6s;
}

/* Show header when it doesn't have the class "hide-header" */
#headertop:not(.hide-header) {
  transform: translateY(0);
  transition: transform 0.6s;
}
.contact-us{
    background:#fff;
    padding:40px 0px;
}
footer{
    background:#000;
}
footer p a{color:#fff;}footer p{color:#fff;padding:20px 0px 10px;}
footer ul{
color:#fff;line-height:30px;list-style:none;margin-left:-30px;
}
footer ul li a{
color:#fff;text-decoration:none !important;cursor:pointer!important;
}
.contact-us h4{color:#000;margin-bottom:10px;}
.contact-us p{color:#000;margin-bottom:20px;}
.contact-us p a{color:#000;margin-right:20px;}
.contact-us ul{color:#000;margin-bottom:20px;}

.backgroundbg{
 background:#000;border-bottom:#fff 1px solid;padding:50px 0px 30px;
}
.backgroundbg h4{color:#1E8230;margin-bottom:10px;font-size:18px;font-weight:bold;}
.backgroundbg p{color:#fff;margin-bottom:20px;padding:0px;}
.backgroundbg p a{margin-right:10px;}
.metaslider.ms-theme-cubic .flexslider:hover ul.flex-direction-nav li a, .metaslider.ms-theme-cubic .flexslider:focus-within ul.flex-direction-nav li a, .metaslider.ms-theme-cubic:hover a.rslides_nav, .metaslider.ms-theme-cubic div.nivoSlider:hover div.nivo-directionNav a, .metaslider.ms-theme-cubic .coin-slider:hover .coin-slider div a  {
    background: #88D40F !important;
    border: 2px solid #88D40F !important;
}
.metaslider.ms-theme-cubic .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-cubic .rslides .caption-wrap .caption, .metaslider.ms-theme-cubic .nivoSlider .nivo-caption{
    padding-bottom:20px !important;
}
    .metaslider.ms-theme-cubic .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-cubic .rslides .caption-wrap .caption, .metaslider.ms-theme-cubic .nivoSlider .nivo-caption{
        font-size:40px!important;
        line-height:55px!important;
    }
.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a, .metaslider.ms-theme-outline a.rslides_nav, .metaslider.ms-theme-outline div.nivoSlider div.nivo-directionNav a, .metaslider.ms-theme-outline .coin-slider .coin-slider div a
{
    background: #88D40F !important;
    border: 2px solid transparent !important;
}
.ms-theme-cubic{
    padding-bottom:0px !important;
}
#who-we-are{
    padding:40px 0px;
    background-color:#eee;
}
section h2{
    color:var(--brand-color1);
    margin-bottom:10px;
}
section h4{
    color:#1E8230;
    margin-bottom:10px;
}
.readmore a{background-color:var(--brand-color1);padding:10px;text-decoration:none;color: var(--bs-body-bg) !important;cursor:pointer;}
.readmorep{display:none;}
.card-front{padding:20px;}.card-back{padding:20px;}
.card-front img{width:100px;}
.flip-cards {
  float: left;
  width: 100%;
  height: 100%;
  padding-left: 1rem;
}

.flip-cards li {
  float: left;
  list-style:none;
  width: 45%;
  height: 180px;
  position: relative;
  padding: 0;
  margin:10px;
}
.flip-cards li::before {
	content:"";
}
.flip-cards li:hover {
  cursor: pointer;
}

.flip-cards li:hover .card-front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform: perspective(1000) rotateY(180deg);
  -moz-transform: perspective(1000) rotateY(180deg);
  -ms-transform: perspective(1000) rotateY(180deg);
  -o-transform: perspective(1000) rotateY(180deg);
  transform: perspective(1000) rotateY(180deg);
}

.flip-cards li:hover .card-back {
  z-index: 950;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform: perspective(1000) rotateY(0deg);
  -moz-transform: perspective(1000) rotateY(0deg);
  -ms-transform: perspective(1000) rotateY(0deg);
  -o-transform: perspective(1000) rotateY(0deg);
  transform: perspective(1000) rotateY(0deg);
}

.flip-cards .card-front,
.flip-cards .card-back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
  display: block;
  height: 100%;
  position: absolute;
  text-align:center;
  width: 100%;
}

.flip-cards .card-front {
  -webkit-transform: perspective(1000) rotateY(0);
  -moz-transform: perspective(1000) rotateY(0);
  -ms-transform: perspective(1000) rotateY(0);
  -o-transform: perspective(1000) rotateY(0);
  transform: perspective(1000) rotateY(0);
  /*z-index: -900;*/
}

.flip-cards .card-back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  z-index: -800;
}

/* Button Card Colors */
.flip-cards .panel {
  border: none;
}

.flip-cards .panel i,
.flip-cards .panel p,
.flip-cards .panel a,
.flip-cards .panel small {
  color: #000;
  text-align:center;
}

/* First button color */
.flip-cards li:first-child > .button {
  background-color: rgba(238, 238, 238, 0.8);
}
.flip-cards li:first-child > .panel {
  background-color: rgba(238, 238, 238, 1);
}

/* Second button color */
.flip-cards li:nth-child(2) > .button {
  background-color: rgba(238, 238, 238, 0.8);
}
.flip-cards li:nth-child(2) > .panel {
  background-color: rgba(238, 238, 238, 1);
}
.hub-info{
    text-align:center;
}
.hub-info p{
    color:#000;
    margin-bottom:10px;
}

.hub-info h4{
    color:var(--brand-color1);
}
.shadows{
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
}
a.dropdown-item{
    cursor:pointer;
}
#our-services{
    padding:40px 0px;
    background:#eee;
}
#our-clients{
    padding:40px 0px;
    background:#fff;
}
#candidate{
    padding:40px 0px;
}
#company{
    padding:40px 0px;
}
.insdidebanner{
   padding:40px 0px;
background:var(--brand-color1); 
text-align:center;
color:white;
}
.firstsection{
padding:40px 0px;
    background:#eee;    
}
.secondsection{
padding:40px 0px;
    background:#fff;    
}

.tabsection .nav-item .nav-link{
text-align:left;
}
.tabsection .nav-item .active {
    border-radius: 6px;
    background: linear-gradient(145deg, var(--brand-color1), var(--brand-color2));
    box-shadow: 4px 4px 8px #ddc1a0, -4px -4px 8px #f7e5cc;
    color: #fff !important;
    width:100%;
}
.tabsection .nav-item {
    border-radius: 6px;
    width:100%;
    box-shadow: 4px 4px 8px #ddc1a0, -4px -4px 8px #f7e5cc;
    color: #fff !important;
}
.tab-content h4{
 color:var(--brand-color1);margin-bottom:10px;font-size:22px;   
}

.forminator-ui.forminator-design--default .forminator-input, .forminator-ui.forminator-design--default .forminator-input:hover, .forminator-ui.forminator-design--default .forminator-input:focus, .forminator-ui.forminator-design--default .forminator-input:active{
 background-color:transparent !important;   
}
.forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]{
 background-color:transparent !important;   
}

.backtoother{
  border-radius: 6px;
    background: linear-gradient(145deg, var(--brand-color1), var(--brand-color2));
    box-shadow: 4px 4px 8px #ddc1a0, -4px -4px 8px #f7e5cc;
    color: #fff !important;
    padding:10px;
    text-decoration:none;
    float:right;
    cursor:pointer;
}
.metaslider.ms-theme-cubic .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-cubic .rslides .caption-wrap .caption, .metaslider.ms-theme-cubic .nivoSlider .nivo-caption{
    text-align:left !important;
}
.registernowbanner{
    position: absolute;
    bottom: 35px;
    left: auto;
    right: 20px;
    background: linear-gradient(145deg, var(--brand-color1), var(--brand-color2));
    color: #fff !important;
    padding:10px;
    text-decoration:none;
    cursor:pointer;
}