body {
    font-family: "Poppins", sans-serif;
    /* font-weight: 400; */
    /* font-style: normal; */
    /* color: #111; */
    /* font-size: 16px; */
    /* line-height: 28px; */
    /* background-color: #fff; */
  }
  .w50{min-width: 50%;max-width: 50%;width: 50%;}
  .serviceBlock3:hover,
  .pro-block3,
  .pro-block3:hover,
  .proFixBlock3,
  .pro-block:hover .proFixBlock4,
  .pro-block3:hover .proFixBlock3,
  bigButton,
  .bigButton::before,
  .bigButton:hover::before,
  .bigButton::after,
  .bigButton:hover::after,
  .pro-block3 img,
  .pro-block4::before,
  .pro-block2 img,
  .pro-block2:hover,
  .pro-block:hover h3,
  .iconText:hover::before,
  .pro-block:hover img,
  #topBar p:hover::before,
  .serviceBlock .serImg i,
  .serBlock,
  .iconBlock .iconImg i {
    -ms-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  
  a {
    color: #0070B3;
    outline: 0;
    text-decoration: none;
  }
  a:hover {
    color: #007328;
    text-decoration: underline;
  }
  .m1{
    margin-top: 15px;
  }
  .m0 {
    margin: 0 !important;
  }
  .ml0 {
    margin-left: 0 !important;
  }
  .mr0 {
    margin-right: 0 !important;
  }
  .mb1{
    margin-bottom: 30px !important;
  }
  .mb2{
    margin-bottom: 10px !important;
  }
  .p5{padding: 5px;}
  .p30{padding: 30px;}
  .p60{padding: 60px;}
  .p30-60{padding: 30px 60px;}
  .img-full.borderImg{border: 3px solid #EB3026;padding: 10px;}
  .img-full img{width: 100%;display: block;}
  .borderImg:hover{border-color: #EB3026;}
  .textLeft {
    text-align: left !important;
  }
  .textRight {
    text-align: right !important;
  }
  .textCenter {
    text-align: center !important;
  }
  .textJustify{
    text-align: justify !important;
  }
  h1 {
    font-size: 22px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 20px;
  }
  p {
    margin: 0 0 20px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    color: #333;
  
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
  .titleBlock{margin-bottom: 30px;}
  .titleBlock.titleBorder{border-bottom: 1px solid #ddd;}
  .title {
    padding: 0;
    margin-bottom: 30px;
    position: relative;
  }
  
  
  
  .title .topic{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
    color: #777;
  }
  .title .topic::before{
    position: absolute;
    display: block;
    content: ' ';
    top: 10px;
    line-height: 10px;
    height: 10px;
    width: 10px;
    margin-left: -20px;
    text-align: center;
    color: #FFBD28;
    border: 2px solid #FFBD28;
    background: #FFBD28;
    border-radius: 100%;
  }
  .title span{display: inline-block;position: relative;z-index: 2; color: #007328;}
  .title span::before{
    content:" ";
    position:absolute;
    right:0;
    bottom: -5px;
    width:100px;
    height: 3px;
    background: #003349;
    
  }
  .title span::after{
    content:" ";
    position:absolute;
    right: 0;
    bottom: -5px;
    width:10px;
    height: 3px;
    background: #fff;
    animation: animate2 2s linear infinite;
  }
  @keyframes animate{0%{width:0px;}100%{width:50px;}}
  @keyframes animate2{0%{right: 100px;}100%{right: 0px;}}
  
  /* .title p */
  .title h1,
  .title h2,
  .title h3,
  .title h4,
  .title h5,
  .title h6 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
    color: #003349;
    text-transform: uppercase;
    
  }
  .title strong{font-weight: 600;}
  .darkBG .title span::before{
    background: #fff;
  }
  .darkBG .title *{
    color: #fff;
  }
  .darkBG .title .topic::before{
    color: #fff;
    border: 2px solid #fff;
  }
  
  .subTitle{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    text-decoration: underline;
  }
  .p0 {
    padding: 0 !important;
  }
  .clear {
    clear: both;
    line-height: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
  }
  .disBlock{
    display: block;
    width: 100%;
  }
  ul.w25 > li{
    float: left;
    width: 25%;
    display: inline;
  }
  ul.w33 > li {
    width: 33%;
    float: left;
    display: inline;
  }
  ul.w50 > li{
    width: 50%;
    float: left;
    display: inline;
  }
  ul.w50::after,ul.w25::after,ul.w33::after{
    content: ' ';
    height: 0px;
    width: 0px;
    clear: both;
    display: block;
  }
  #header.fixed{
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
  }
  #header.fixed{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    border: none;
  }
  .dflex{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  #header.fixed #topLogo,
  #header.fixed #topBar{display: none;}
  #header.fixed .logo img{height: 50px;}
  #header.fixed #topNav{height: auto;}
  #header.fixed #topNavWrap .container{width: 100%;padding: 0;}
  #header.fixed #topNav .headerNav{padding: 0 15px;}
  #header.fixed #topNav .headerNav::before, #header.fixed #topNav .headerNav::after{display: none;}
  
  #header{background: #fdfdfd;}
  #topBar {
    background: #e9e9e9;
    color: #555;
    line-height: 38px;
    font-size: 15px;
  }
  
  #topBar .topContact{}
  
  #topBar .iconText {
    margin: 0;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding-left: 55px;
    color: #333;
    display: block;
    font-weight: bold;
  }
  #topBar .iconText::before{
    text-align: right;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 15px 15px;
    font-size: 18px;
    line-height: 32px;
    padding: 0 8px;
    left: 0;
    color: #fff;
    font-weight: normal;
    border: 3px solid #fff;
    border-radius: 100%;
    padding: 0;
    text-align: center;
    background: #007328;
  }
  #topBar a.iconText:hover::before{
    color: #fff;
  }
  .topContact {
    text-align: right;
    display: flex;
  }
  .topContact .social a{
    display: block;
    height: 38px;
    width: 38px;
    min-width: 32px;
    line-height: 34px;
    text-align: center;
    font-size: 16px;
    margin: 0;
    border-radius: 100%;
    border: 3px solid #fff;
    margin-left: 3px;
  }
  
  .social {
    text-align: right;
    display: flex;
  }
  .social a {
    display: block;
    height: 50px;
    width:  50px;
    min-width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    background: #fff;
    color: #fff !important;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .social a:hover{
    color: #fff !important;
  }
  .social a.facebook{background-color: #3A5793;}
  .social .facebook:hover{background-color: #3A5793;}
  .social a.twitter{background-color: #1D9CEB;}
  .social .twitter:hover{background-color: #1D9CEB;}
  .social a.linkedin{background-color: #0070B3;}
  .social .linkedin:hover{background-color: #0070B3;}
  .social a.pinterest{background-color: #DF0019;}
  .social .pinterest:hover{background-color: #DF0019;}
  .social a.tumblr{background-color: #001833;}
  .social .tumblr:hover{background-color: #001833;}
  .social a.whatsapp{background-color: #29AC00;}
  .social .whatsapp:hover{background-color: #29AC00;}
  .social a.youtube{background-color: #F70000;}
  .social .youtube:hover{background-color: #F70000;}
  .social a.blogger{background-color: #F57D00;}
  .social .blogger:hover{background-color: #F57D00;}
  .social a.email{background-color: #333333;}
  .social .email:hover{background-color: #333333;}
  #topLogo {}
  #topNav{z-index: 12;}
  .logo a{
    display: block;
    padding: 5px 0;
  }
  .logo {padding: 0;}
  .logo img {
    height: 100px;
  }
  .headerTabs{
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  
  #topLogo p {
    float: right;
  }
  #topLogo .bigButton {
    margin: 5px 0;
    margin-left: 25px;
  }
  
  #topNav .headerMenu {
    width: 100%;
  }
  #topNav .headerNav {
    display: block;
    padding-left: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 12;
    position: relative;
    padding: 0;
  }
  
  .siteNavBar{position: relative; z-index: 10;}
  .siteNavBar ul, .topBtns ul {padding: 0;margin: 0;list-style: none;display: none;}
  .siteNavBar > ul, .topBtns > ul {padding: 0;margin: 0;list-style: none;display: flex;align-items: end;flex-grow: 1;justify-content: flex-end;flex-direction: row;}
  .siteNavBar > ul > li , .topBtns > ul > li{position: relative;color: #111; margin-right: 10px;}
  .siteNavBar > ul > li > a ,  .topBtns > ul > li > a
  {color: #fff;display: block;font-size: 15px;padding: 9px 15px;text-transform: uppercase;position: relative;z-index: 1;overflow: hidden;line-height: 20px;font-weight: 600;background-color: #007328; border-radius: 8px;}
  .siteNavBar li.subMenu ul{position: absolute;left: 100%;position: absolute;max-width: 300px;top: 0;z-index: 1;background: #fff;box-shadow: 0px 0px 7px rgba(0,0,0,0.3);width: max-content !important;border-radius: 8px;}
  .siteNavBar li.subMenu > ul{left: 0;top: 100%;margin: 0;}
  .siteNavBar li.subMenu ul::before{
    content: ' ';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 0.5px;
    background: #92A6B1;
    z-index: 1;
  }
  .siteNavBar li.subMenu a{padding-right: 30px;}
  .siteNavBar li.subMenu::after{content: ' ';display: block;width: 5px;position: absolute;top: 50%;right: 10px;margin-top: -2.5px;height: 5px;border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;z-index: 2;}
  .siteNavBar li.subMenu li{display: block;position: relative;background-color: #15171e;border-bottom: 1px solid #111217;}
  .siteNavBar li.subMenu li:first-child{border-radius: 8px 8px 0 0 ;}
  .siteNavBar li.subMenu li:last-child{border-radius: 0 0 8px 8px;}
  .siteNavBar li.subMenu li a{display: block;padding: 10px 15px;line-height: 20px; font-size: 14px;font-weight: normal;color: #fff;padding-right: 25px;}
  .siteNavBar li.subMenu li:last-child{border: none;}
  .siteNavBar li.hasMenu::after{content: ' ';display: block;width: 10px;height: 10px;position: absolute;top: 50%;margin-top: -5px;right: 5px;border-top: 5px solid transparent;border-left: 5px solid #fff;border-bottom: 5px solid transparent;}
  .siteNavBar li.leftMenu > ul{right : 100%;left: auto;top: 0;}
  .navBarCS li:hover > ul{display: block;}
  .siteNavBar li.subMenu li:hover{background-color: #007328;color: #fff;}
  .siteNavBar li.subMenu li:hover::after{border-left-color: #fff;}
  .mobMenu {background: #eee;cursor: pointer;display: block;height: 40px;width: 40px;position: absolute; display: none;top: 15px;left: 15px;}
  .mobMenu .icBars,
  .mobMenu .icBars::before,
  .mobMenu .icBars::after 
  {background: #1b1919;content: ' ';display: block;height: 2px;position: absolute;transition: background ease .3s, top ease .3s .3s, transform ease .3s;width: 24px;}
  .mobMenu .icBars {left: 8px;top: 19px;}
  .mobMenu .icBars::before {top: -8px;}
  .mobMenu .icBars::after {top: 8px;}
  .openMobMenu .icBars {background: transparent;}
  .openMobMenu .icBars::before {transform: rotate(45deg);}
  .openMobMenu .icBars::after {transform: rotate(-45deg);}
  .openMobMenu .icBars::before,
  .openMobMenu .icBars::after {top: 0;transition: top ease .3s, transform ease .3s .3s;}
  
  #topNav .mbSearch a#webSearchOpBtn{
    padding: 0;
    font-size: 20px;
    line-height: 38px;
    width: 38px;
    height: 38px;
    display: block;
    text-align: center;
    margin-left: 0;
    color: #fff;
    border-radius: 100%;
    font-weight: normal;
    background-color: #111;
  }
  .webSearch .btn:focus,
  #topNav .mbSearch a#webSearchOpBtn:focus{outline: none;}
  .searchWrap{position: relative;margin-left: 10px;z-index: 10;}
  .webSearch {
    position: absolute;
    width: 0;
    overflow: hidden;
    right: 0;
    border: 1px solid #111;
    background: #fff;
    z-index: 1;
    border-radius: 40px;
    opacity: 0;
    height: 42px;
    margin-top: -2px;
  }
  .webSearch .form-group {margin: 0;}
  .webSearch .form-control {
    font-size: 16px;
    font-weight: bold;
    background: none;
    border: none;
    box-shadow: none;
    color: #555;
    height: 40px;
  }
  .webSearch .input-group-btn{
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    line-height: 42px;
  }
  .webSearch .btn {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    width: 40px;
    font-size: 34px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    background: none;
    color: #111;
  }
  .webSearch .btn i {
    padding: 0;
  }
  
  .pageTitle{
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    padding: 80px 0;
  }
  .pageTitle p{
    position: relative;
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    z-index: 1;
    display: inline-block;
    margin: 0;
  }
  .pageTitle p span{
    padding: 5px 0;
    display: inline-block;
  }
  .pageTitle .root {
    background: none;
    margin: 0;
    font-size: 12px;
    border: none;
    padding: 0px 0px;
    text-transform: uppercase;
  }
  .pageTitle .root .breadcrumb {
    margin: 0;
    border-radius: 0;
    color: #fff;
    background: none;
    padding: 0;
    margin: 0;
    text-align: right;
  }
  .pageTitle .root .breadcrumb > .active {
    color: #fff;
  }
  .pageTitle .root .breadcrumb > li + li::before {
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
    color: #fff;
    content: "\f105";
    padding: 0 8px;
    font-weight: normal;
  }
  .pageTitle .root .breadcrumb a {
    color: #fff;
  }
  .pgTitleContent{
    font-size: 18px;
    line-height: 1.5em;
    color: #888;
  }
  .pgContent{font-size: 16px;}
  .bigText{font-size: 20px;line-height: 34px;}
  .bigText h5{line-height: 34px;}
  .bigText p:last-child{margin: 0;}
  
  .bigButton {
    color: #777;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1px;
    display: block;  
    line-height: 44px;
    padding: 0 15px;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    text-align: center;
    border-radius: 0;
    border: none;
  
  }
  .btnClr1 {
    color: #fff !important;
    background-color: #007328;
  }
  .btnClr2 {
    color: #fff;
    text-shadow: 1px 1px #555;
    background: #ff0000;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(#ff0000,0),color-stop(#EB3026,1));
    background: -webkit-linear-gradient(top, #ff0000 0%, #EB3026 100%);
    background: -moz-linear-gradient(top, #ff0000 0%, #EB3026 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #EB3026 100%);
    background: linear-gradient(top, #ff0000 0%, #EB3026 100%);
  }
  .pro-block2:hover .bigButton,
  .btnClr2:hover,.btnClr2:focus {
    color: #fff;
    background: #EB3026;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(#EB3026,0),color-stop(#ff0000,1));
    background: -webkit-linear-gradient(top, #EB3026 0%, #ff0000 100%);
    background: -moz-linear-gradient(top, #EB3026 0%, #ff0000 100%);
    background: -o-linear-gradient(top, #EB3026 0%, #ff0000 100%);
    background: linear-gradient(top, #EB3026 0%, #ff0000 100%);
  }
  .btnClr3 {
    color: #fff;
    text-shadow: 2px 2px #000;
    border: 1px solid #001F57;
    background: #10377E;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(#10377E,0),color-stop(#001F57,1));
    background: -webkit-linear-gradient(top, #10377E 0%, #001F57 100%);
    background: -moz-linear-gradient(top, #10377E 0%, #001F57 100%);
    background: -o-linear-gradient(top, #10377E 0%, #001F57 100%);
    background: linear-gradient(top, #10377E 0%, #001F57 100%);
  }
  .btnClr3:hover,.btnClr3:focus {
    color: #fff;
    background: #001F57;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(#001F57,0),color-stop(#10377E,1));
    background: -webkit-linear-gradient(top, #001F57 0%, #10377E 100%);
    background: -moz-linear-gradient(top, #001F57 0%, #10377E 100%);
    background: -o-linear-gradient(top, #001F57 0%, #10377E 100%);
    background: linear-gradient(top, #001F57 0%, #10377E 100%);
  }
  .btnClr4{background-color: #fff;color: #333;}
  
  .iconButton:before {
    padding: 0px;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    text-align: center !important;
    background: none;
    font-size: 24px;
    font-weight: normal !important;
    position: absolute;
    top: 0;
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  }
  .iconButton.btIconRight{
    padding-right: 50px;
  }
  .iconButton.btIconRight:before{
    right: 0;
  }
  .iconButton.btIconLeft{
    padding-left: 50px;
  }
  .iconButton.btIconLeft:before{
    left: 0;
  }
  
  .bigIconText a {
    color: #4B311B;
  }
  .bigIconText {
    color: #4B311B;
    padding: 7px 0;
    padding-left: 60px !important;
    line-height: 20px;
    margin: 0;
    position: relative;
    font-weight: 500;
    margin-left: 25px;
    font-size: 15px;
  }
  .bigIconText span {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #888;
  }
  .bigIconText span.iconTitle {
    line-height: 20px;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: -0.5px;
    color: #E30016;
  }
  
  .bigIconText:before {
    color: #fff;
    background:#666;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100px;
    padding: 0px;
    border-radius: 100%;
    overflow: hidden;
    font-size: 30px !important;
    width: 50px !important;
    margin-left: 0px !important;
    text-align: center !important;
    height: 50px !important;
    line-height: 50px !important;
    font-weight: normal !important;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
    text-align: center;
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  }
  
  .iconText {
    padding-left: 30px;
    position: relative;
  }
  .iconText::before {
    position: absolute;
    margin-left: -30px;
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
    font-weight: normal !important;
    text-align: left;
  }
  .iconText.iconRight {
    padding-right: 30px;
    padding-left: 0;
    text-align: right;
  }
  .iconText.iconRight::before {
    right: 0;
    margin: 0;
  }
  
  #pageSlider {
    position: relative;
  }
  #vSlider{
    position: relative;
    height: 600px;
  }
  #mSlider {
    margin: 0 -1px;
  }
  #pageSlider .owlCustomTheme .owl-dots{
    margin-top: -40px !important;
  }
  
  .p20-0{
    padding: 30px 0;
  } 
  .bgcolor1{
    background: #eee;
  }
  .bgcolor2{
    background: #ddd;
  }
  .p50-0{
    padding: 50px 0;
  }
  
  .bgcolor5{
    background: #f5f5f5;
    position: relative;
  }
  
  .bgcolor6{background: #007328;position: relative;color: #ddd;}
  .bgcolor7{background: #333333;position: relative;color: #ddd;}
  
  
  
  .bgcolor4{
    background: #003349 !important;
    color: #ddd !important;
  }
  .bgcolor4 .pgTitleContent{
    color: #ddd;
  }
  
  .bgcolor4 .title *{color: #fff;}
  
  .bgcolor4 .title span,
  .bgcolor5 .title span{
    color: #FFBD28;
  }
  
  .bgcolor4 .title span::before,
  .bgcolor4 .title span::after
  {background: #fff;}
  
  .bgcolor4 .serviceBlock h3{
    color: #fff;
    text-shadow:2px 2px #003349;
  }
  .bgcolor4 .serviceBlock .serImg i{
    border-top: 5px solid #003349;
    border-bottom: 5px solid #003349;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    width: 60px;
    height: 60px;
  }
  .bgcolor4 .serviceBlock:hover .serImg i{
    border-left: 5px solid #003349;
    border-right: 5px solid #003349;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    transform: rotate(360deg);
  }
  
  .darkBG{
    background: #E2351B;
    color: #fff;
    overflow: hidden;
  }
  .lightBG {
    background: #f5f5f5;
    padding: 50px 0;
  }
  .imgBG{
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    background-color: none;
  }
  .body {
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    background-color: #fff;
  }
  .bodyBlock{padding: 50px 0;}
  
  
  .welcomeBlock{margin-top: -60px; position: relative;z-index: 10;color: #555;}
  
  .cDarkbg{color: #fff;font-size: 18px;text-shadow: 1px 1px 2px #000;}
  .cDarkbg.pgContent ul li::before {line-height: 27px; color: #fff;}
  
  .bgImg{padding: 100px 0;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;color: #fff;}
  .bgimg2{background-image: url(../images/bg.jpg);}
  .bgImg3{background-image: url(../images/bg-light.jpg);background-size: cover; background-repeat: no-repeat; background-position: center;} 
  .bgimg4{background-image: url(../images/bg4.jpg);}
  .bgImg .pgTitleContent,
  .bgImg .title *{color: #fff;}
  .bgImg .titleBlock{border-color: #555;}
  .bgImg .title span::before {background: #FFBD28;}
  
  
  .bgdiv{
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    background-attachment: fixed;
    padding: 100px 0;
    color: #f5f5f5;
    text-shadow: 1px 1px #000;
    font-size: 16px;
    font-weight: 500;
  }
  
  .home-products{}
  .home-products .pro-block{margin: 0;border-top: none;border-bottom: none;}
  
  
  .servicesBlock {
    margin: 15px 0;
  }
  .serviceBlock {
    margin: 15px 0;
    text-align: left;
    position: relative;
    padding-left: 70px;
  }
  .serviceBlock .serImg i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    line-height: 50px;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    text-align: center;
    color: #fff;
    background: #003349;
    border-radius: 100%;
  }
  .serviceBlock h3{
    font-size: 20px;
    color: #fff;
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 2px 2px #000;
  }
  
  .serviceBlock.ic2 .serImg i{
    color: #000;
    background: #FFBD28;
  }
  
  
  
  .serviceBlock2{padding: 50px 30px; text-align: center;font-size: 14px;}
  .serviceBlock2 .img-full{margin-bottom: 15px;}
  .serviceBlock2 h3{margin-bottom: 20px; font-size: 24px; color: #fff;text-transform: uppercase;}
  .serviceBlock2 .serImg i {
    font-size: 48px;
    line-height: 100px;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    text-align: center;
    color: #007328;
    background: #fff;
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  
  
  .iconsBlock{margin: 25px 0;}
  .iconsBlock .iconText{color: #fff;font-size: 22px;padding-left: 40px;}
  .iconsBlock .iconText::before {margin-left: -40px;}
  
  .pro-block-gal {position: relative;}
  .pro-block {
    box-sizing: content-box;
    overflow: hidden;
    background: #fff;
    margin: 15px 0;
    position: relative;
    padding: 15px;
    border: 1px solid #ccc;;
  }
  .pro-block-img{
    height: 200px;
    width: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  
  }
  .pro-block img {
    max-width: 100%;
    width: 100%;
  }
  .pro-block a {
    position: relative;
    display: block;
    overflow: hidden;
  }
  .pro-block h3 {
    padding: 10px 15px;
    text-align: center;
    font-weight: normal;
    font-size: 18px !important;
    line-height: 24px !important;
    margin: 0;
    position: relative;
    z-index: 3;
    color: #555;
  }
  .pro-block h6 {
    margin: 0;
    text-align: center;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  .proFixBlock{
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: center top 0;
    transition: all 0.5s ease 0s;
    opacity: 0;
    color: #282830;
    padding: 55px 15px;
    z-index: 1;
  }
  .pro-block:hover .proFixBlock{
    opacity:1;
    transform: perspective(400px) rotateX(0deg);
  }
  .pro-block:hover h3{
    color: #fff;
    background: #EB3026;
  }
  .pro-block .bigButton{
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
  .pro-video{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }
  .pro-video::before{
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
    color: #fff;
    content: "\f04b";
    background: #007328;
    border-radius: 100%;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    width: 40px;
    margin-left: -20px;
    margin-top: -20px;
    z-index: 5;
    text-align: center;
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
  }
  .pro-video::after{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    content: ' ';
  }
  .pro-video *{z-index: 2;position: relative;}
  
  .proImgGal{border:3px solid #ccc;}
  .proImgGal .pro-block{margin: 0;}
  
  .pro-lists .pro-block2{margin-bottom: 30px;}
  
  .pro-block2{text-align: center;padding: 15px;position: relative; border-radius: 15px;background: #fcfcfc;border: 1px solid #eee;}
  .pro-block2 a{display: block;}
  .pro-block2 img{max-width: 100%;border: 1px solid #999;border-radius: 15px;overflow: hidden;}
  .proFixBlock2{margin-top: 20px;}
  .proFixBlock2 .bigButton{display: inline;display: inline-block;margin-bottom: 25px;}
  .pro-block2:hover{box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
  .pro-block2:hover img{}
  .pro-block2:hover .bigButton{}
  .pro-block2 h3{
    margin-top: 15px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  
  .flex4{display: flex;align-items: flex-start;justify-content: start;flex-grow: 1;}
  .flex4 .flexItem{min-width: 25%; width: 25%;height: 100%;}
  .pro-block3{padding: 30px;overflow: hidden;position: relative;margin:15px 0;background: #fff;border: 2px solid #ccc;}
  .pro-block3 a{display: block;}
  .pro-block3 img{width: 100%;}
  .pro-block3 h3{
    margin-top: 30px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  .proFixBlock4,
  .proFixBlock3{
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    margin-top: 100%;
    padding: 30px;
  }
  .proFixBlock3{border: 2px solid #ccc;}
  .proFixBlock4{text-align: center;}
  .pro-block4:hover,
  .pro-block3:hover{
    border-color: #000;
  }
  .pro-block:hover .proFixBlock4,
  .pro-block3:hover .proFixBlock3{
    top: 0;
    margin-top: 0;
  }
  .proFixBlock3::before{
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
    color: #fff;
    content: "\f08e";
    display: block;
    height: 60px;
    width: 60px;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    background: #E2351B;
    border-radius: 100%;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 15px;
  }
  .proFixBlock3 .bigButton{
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    border-radius: 0;
    display: block;
  }
  
  .proFixBlock2 h3{
    color: #121a45;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  .proFixBlock2 p{
    height: 90px;
    overflow: hidden;
    margin: 0;
    color: #000;
  }
  .pro-block3{text-align: center;}
  .pro-block3 img{
    max-width: 100%;
  }
  .pro-block3:hover img{
    -webkit-filter:grayscale(0);
    filter:none;
  }
  .clientPg .pro-block3{
    border: 2px solid #ddd;
    margin-bottom: 30px;
  }
  .clientPg .pro-block3 h3{
    background: #ddd;
    margin: 0;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding: 15px;
  }
  
  .pro-block4{
    position: relative;
    margin-bottom: 30px;
  }
  .pro-block4::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: ' ';
    display: block;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
  .pro-block4 img{width: 100%;}
  .proFixBlock4{
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
  }
  .proFixBlock4 h3{
    color: #fff;
    margin: 0;
  }
  .pro-block4:hover::before{background: rgba(0, 0, 0, 0.9);}
  
  .footer-hl {
    display: block;
    width: 100%;
    display: flex;
    align-items:baseline;
    justify-content: space-between;
    font-size: 14px;
  }
  
  .footerFormBlock{position: relative;z-index: 10;color: #000;padding:60px 0;
    background: url(../images/footer-bg2.png) bottom center;
  }
  
  #footer {
    background: url(../assets/footer-bg.png) top center;
    color: #fff;
    padding: 30px 0;
  }
  #footer p{font-size: 16px;line-height: 28px;}
  #footerTop {
    color: #fff;
    padding: 60px 0;
  }
  #footerTop .bigButton {
    display: block;
    width: 100%;  
    margin: 22px 0;
  }
  #footerTop .title{margin: 15px 0;}
  #footerTop .title p{
    color: #fff;
    font-weight: normal;
    line-height: 34px;
  }
  .footerLogo{margin-bottom: 20px;}
  .footerLogo img{
    height: 60px;
  }
  #footer h3{font-size: 22px;color: #fff;margin-bottom: 15px;line-height: 40px;letter-spacing: 0;}
  #footer h3 span{white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;display: block;color:#fff;}
  #footer h3 span::before{display: none;}
  #footer ul{margin: 0;padding: 0;list-style: none;}
  #footer a {color: #fff;}
  #footer ul li a {color: #fff;display: block;}
  #footer a:hover {color: #fff;}
  #footer ul li{padding-left: 20px;}
  .footer-nav{
    background-size: cover;
    background-repeat: no-repeat;
    border-top: 6px solid #111;
  }
  .footer-nav ul{list-style: none;padding: 0; margin: 0;display: flex;justify-content: space-evenly;align-items: center;border-left: 3px solid #111; border-right: 3px solid #111;}
  .footer-nav ul li{display: block;border-left: 3px solid #111; border-right: 3px solid #111;width: 100%;text-align: center;}
  .footer-nav ul li a{display: block;color: #fff;padding: 11px 15px; text-transform: uppercase;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis; font-size: 16px;font-weight: bold;}
  .footer-nav ul li.backtohome a{background: #fff;padding: 5px 10px;}
  .footer-nav ul li.backtohome img{height: 40px;}
  #footer ul li::before{
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
    color: #ddd;
    content: "\f178";
    position: absolute;
    font-weight: normal;
    margin-left: -20px;
    font-size: 10px;
  }
  #footer ul li a{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  .footer-nav ul li a:hover{
    background: #000;
    color: #fff;
  }
  
  #footer-bottom{
    background-color: #004317;
    color: #fff;
    padding: 10px 0;
  }
  #footer-bottom p{
    margin: 0;
  }
  #footer-bottom a{
    color: #fff;
  }
  #footer-bottom a:hover{color: #fff;}
  
  .owlCustomTheme {
    position: relative;
    margin-bottom: 40px;
  }
  .owlCustomTheme .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    margin: 0;
  }
  .owlCustomTheme .owl-nav button {
    margin: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius:100%;
    border-radius: 100%;
  }
  .owlCustomTheme .owl-nav button.owl-next:hover, .owlCustomTheme .owl-nav button.owl-prev:hover,
  .owlCustomTheme .owl-nav button.owl-next, .owlCustomTheme .owl-nav button.owl-prev{
    background: none;
  }
  
  .owlCustomTheme .owl-nav button span:hover {
    background-color: #007328;
    color: #fff;
    opacity: 1;
  }
  .owlCustomTheme .owl-nav button span {
    color: #007328;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 36px;
    font-size: 50px;
    display: block;
    background: #fff;
    /*
    background:-moz-linear-gradient(top, #fff 0%, #eee 100%);
    background:-o-linear-gradient(top, #fff 0%, #eee 100%);
    background:linear-gradient(top, #fff 0%, #eee 100%);
    */
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius: 100%;
    -moz-border-radius:100%;
    border-radius: 100%;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    opacity: 0.7;
  }
  .owlCustomTheme .owl-nav button {
    position: absolute;
    height: 50px;
    text-indent: 0px;
    margin: 0 !important;
    line-height: 50px;
    top: -25px;
    
  }
  .owlCustomTheme .owl-nav button.owl-prev {
    left: 15px;
  }
  .owlCustomTheme .owl-nav button.owl-next {
    right: 15px;
  }
  .owlCustomTheme .owl-dots {
    position: absolute;
    margin: 0 !important;
    width: 100%;
    line-height: 40px;
  }
  .owlCustomTheme .owl-dots .owl-dot span {
    margin: 0 5px;
    display: inline-block;
  }
  .owlCustomTheme .owl-dots .owl-dot.active span, 
  .owlCustomTheme .owl-dots .owl-dot:hover span
  {
    background-color: #007328;
    border-color: #007328;
  }
  .owlCustomTheme .owl-dots .owl-dot span
  {
    background: #ccc;
    border: 2px solid #ccc;
  }
  
  .rightside,.leftside{margin-bottom: 30px;}
  .leftside ul{list-style: none;padding: 0;margin: 0;margin-bottom: 30px;}
  .leftside ul li{border-top: 1px solid #ccc;}
  .leftside ul li:first-child{border: none;}
  .leftside ul li a{padding: 3px 0;display: block;font-size: 13px;font-weight: bold;}
  
  
  .serBlock{border:3px solid #f5f5f5;margin: 30px 0;border-radius: 5px;position: relative;}
  .serBlock:hover{border-color: #131e56;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);}
  .serBlock:hover .bigButton{border-radius:5px 0 0 0;}
  .servFooter .btnClr2, .servFooter .btnClr2:hover,.servFooter .btnClr2:focus {border-bottom: none;border-right: none;overflow: hidden;}
  .catNm{
    font-size: 18px;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    line-height: 40px;
    padding: 0 15px;
  }
  .hoursDiv{
    position: absolute;
    top: 20px;
    right: 0;
    line-height: 36px;
    background-color: #f1f1f1;
    padding: 0 20px;
    padding-left: 34px;
  }
  .hoursDiv::before{
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
    content: "\f017";
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    position: absolute;
    margin-left: -24px;
  }
  .catDiv{
    position: absolute;
    top: 20px;
    left: 0;
    line-height: 36px;
    background-color: #029dc1;
    padding: 0 20px;
    z-index: 1;
    font-size: 18px;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    padding-right: 30px;
  }
  .catDiv::after{
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
    content: "\f0da";
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    position: absolute;
    right: 12px;
    top: 0;
  }
  .catDiv a{
    color: #fff;
    display: block;
  }
  
  .borderBlock{
    border: 2px solid #eee;
    margin-bottom: 30px;
    -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
  }
  .borderBlock h4{
    margin-bottom: 0 !important;
  }
  
  .imgBlock{
    padding: 15px;
  }
  .serData{
    padding: 20px 0;
    padding-right: 20px;
  }
  .noThumb .serData{
    padding: 15px;
  }
  .imgBlock img{width: 100%;}
  .imgBlock h4{
    text-align: center;
    margin: 15px 0;
  }
  .serData h3{
    font-size: 22px;
    margin-bottom: 15px;
  }
  .serData .serDesc{
    margin-bottom: 10px;
  }
  .pgContent ul{
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    list-style: none;
  }
  .pgContent ul li{
    padding-left: 25px;
    margin: 3px 0;
    display: block;
  }
  
  .pgContent ul li::before{
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
    color: #999;
    content: "\f058";
    position: absolute;
    font-weight: normal;
    margin-left: -25px;
    font-size: 14px;
    line-height: 28px;
  }
  .darkBG .pgContent ul li::before,
  .bgdiv .pgContent ul li::before{color: #fff;}
  .bigText ul li::before {
    line-height: 34px;
  }
  .left-blocks{
    font-size: 16px;
    margin-bottom: 30px;
  }
  .left-blocks p{
    margin: 0;
  }
  .left-blocks.small-blocks{
    font-size: 14px;
    line-height: 26px;
  }
  .contactPerson{
    margin-bottom: 15px;
  }
  .pgContent table{width: 100%;border-spacing: 2px;border-collapse: separate; margin-bottom: 30px;}
  .pgContent table p{margin: 0;}
  .pgContent table td,
  .pgContent table th{padding: 10px; background: #f5f5f5;}
  .tabGal {}
  .tabGal .nav-tabs {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow-x: visible;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    min-width: 50px;
    border: none;
  }
  .tabGal .nav-tabs li {
    border: none;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: auto;
    text-align: center;
  }
  .tabGal li.active:after {
    content: "";
    display: block;
    position: absolute;
    border: 15px solid transparent;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    border-top-width: 15px;
    z-index: 1;
    margin-top: -1px;
    border-top-color: #007328;
  }
  .tabGal .nav-tabs li a {
    background: #003349;
    outline: none;
    color: #fff;
    text-shadow: none;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    justify-content: center;
    font-weight: bold;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    line-height: 20px;
    margin: 0;
    border: 0;
    -webkit-transition: all 0.07s ease-out;
    transition: all 0.07s ease-out;
    border-radius: 0;
  }
  .tabGal li.active,
  .tabGal li.active a,
  .tabGal li.active a:hover,
  .tabGal li.active a:focus,
  .tabGal li:hover a,
  .tabGal li:focus a {
    background: #007328;
    color: #fff;
    border-radius: 0;
    text-shadow: none;
  }
  .tabGal .nav-tabs li a:hover,
  .tabGal .nav-tabs li a:focus {
    border: none;
  }
  .tabGal .tab-content{padding: 30px; border: 3px solid #007328;border-top: 4px solid #007328;}
  .tab-data{
    margin: 20px 10px;
    padding: 15px;
  }
  
  .form-control{
    height: 44px;
    font-size: 18px;
    border-radius: 0;
    border-color: #000a2a;
  }
  
  #homeProImg .pro-block{
    border:2px solid #ddd;
  }
  #map_canvas{
    height: 500px;
    margin-bottom: 30px;
  }
  #footer #map_canvas{
    height: 230px;
    position: relative;
    margin:0;
  }
  
  
  .progressWrap {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .progressTitle {
    margin-bottom: 15px;
  }
  .progressBar {
    background-color: #ccc;
    height: 5px;
    margin-bottom: 30px;
    position: relative;
  }
  .progressCom {
    background: #000a2a;
    background:-moz-linear-gradient(left, #000a2a,#000a2a);
    background:-o-linear-gradient(left, #000a2a,#000a2a);
    background:linear-gradient(left, #000a2a,#000a2a);
    height: 5px;
    position: relative;
  }
  .progressValue {
    position: absolute;
    right: 0px;
    background-color: #e31e24;
    padding: 4px 8px;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    margin-top: -31px;
    border-radius: 0px 5px 0 5px;
    font-size: 12px;
  }
  .progressValue::after {
    content: " ";
    position: absolute;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 26px;
    border-top: 5px solid #EB3026;
    border-left: 5px transparent solid;
    width: 5px;
    height: 10px;
  }
  #fg-tbtn span{
    background-color: #EB3026 !important;
    margin: 0 !important;
  }
  
  .hero_box {
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -100px;
    text-align: center;
  }
  
  
  .bannerText{}
  .bannerText span{color: #fff;}
  .bText1{
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    padding: 0;
    margin: 0;
    line-height: 1.2em;
    font-family: 'Poppins', sans-serif;
    text-shadow: 2px 2px 5px #000;
  }
  .bText2{
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6em;
    padding: 0;
    margin: 20px 0;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    text-shadow: 2px 2px 5px #000;
  }
  .seprator{position: relative;display: block;height: 5px;width: 100%; margin: 25px 0;}
  .seprator::before{
    content:" ";
    position:absolute;
    left:-10px;
    bottom: -10px;
    margin-left: 10px;
    width:80px;
    height: 5px;
    background: #f6821f;
    animation: animate 2s linear infinite;
  }
  .hero_box .bigButton{display: inline-block;}
  
  @media (min-width: 768px) and (max-width: 991px),(min-width: 768px) and (max-width: 979px),(max-width: 767px){
    #vSlider{height: 200px;}
    .flex4{
      flex-direction: column;
    }
    .flex4 .flexItem{min-width: 100%;width: 100%;}
    #fg-tbtn {
      width: 100%;
    }
    #fg-qcontactform-wp{
      left: 50% !important;
      margin-left: -150px !important;
    }
    #header{
      background:#fff;
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      width: 100%;
    }
    .logo{overflow: hidden;position: relative;height: auto; padding: 10px 5px; padding-right: 120px; padding-left: 15px; display: none;}
    .logo img{width: auto;height: 50px; max-width: 100%;}
    
    
    #topLogo{padding: 0;}
    #topNav{margin: 0 -15px; height: auto;}
    #topNav .social{display: none;}
    #topNav .headerNav {
      padding: 0px;
      display: block;
      align-items: unset;
      justify-content: unset;
      padding-top: 70px;
      background-color: #fff;
      background-image: url(../images/logo-name.png);
      background-repeat: no-repeat;
      background-size: auto 40px;
      background-position: center 15px;
    }
    .social,
    .topContact{display: none;}
  
    .mobMenu{display: block;}
    .siteNavBar{margin: 0; display: none; }
    .siteNavBar > ul{display: block;border-top: 1px solid #1b1919;}
    .siteNavBar > ul > li{border-bottom: 1px solid #1b1919; margin: 0;border-radius: 8px;}
    .siteNavBar > ul > li > a{padding: 10px 15px;color: #333;background: none;border-radius: 0;}
    .siteNavBar li.subMenu ul{position: relative !important;box-shadow: none !important;border: none !important;max-width: 100% !important;width: 100% !important;left: auto !important;right: auto !important; top: auto !important;border-bottom: 2px solid #1b1919 !important;}
    .siteNavBar li.subMenu ul::before{display: none;}
    .siteNavBar li.subMenu{padding-right:0;}
    .siteNavBar li.subMenu > a{margin-right:40px;}
    .siteNavBar li.hasMenu::after,
    .siteNavBar li.subMenu::after
    {content: '+';width: 40px;top: 0px;right: 0px;margin-top: 0;height: 40px;line-height: 40px;font-size: 26px;text-align: center;border: none;background: #007328;cursor: pointer;color: #fff;border-radius: 8px;}
    .siteNavBar li.openSubMenu::after{content: '-' !important;background-color: #15171E !important;color: #fff !important;}
    .siteNavBar li.openSubMenu > a{background-color: #007328 !important;color: #fff !important;border-radius: 8px;}
    .bannerText .bText1 {font-size: 12px;}
    .bannerText .bText2 {display: none;}
    .bannerText .bigButton{display: none;}
    #topNav .mbSearch a#webSearchOpBtn{
      text-align: center;
      line-height: 40px;
      font-size: 30px;
      width: 40px;
      height: 40px;
      color: #fff;
    }
    #header .dflexNM{display: block;background: #fff;}
    #topBar{display: none;}
    .searchWrap {
      position: absolute;
      margin-left: 15px;
      z-index: 10;
      top: 15px;
      right: 15px;
    }
    #topNav .mbSearch {
      position: absolute;
      right: 0px;
      display: block;
      top: 0px;
    }
    #topBar a.iconText span{
      text-indent: 99999px;
      display: block;
      width: 0px;
    }
    #topBar a.iconText{
      float: left;
    }
    #topBar .dflex{
      display: block;
    }
    #topBar .social{
      float: right;
    }
    .quoteContent{
      border: none;
      text-align: center;
      padding-left: 0;
    }
    ul.w25 > li,
    ul.w50 > li,
    ul.w33 > li{float: none;width: 100%;display: block;}
    
    .serData{
      padding: 15px;
    }
    .pgContent ul li{
      width: 100%;
      float: none;
      display: block;
    }
    #footer-bottom{
      padding-bottom: 50px;
    }
    #footerTop .iconText {text-align: center;padding: 0;padding-top: 55px;}
    #footerTop .iconText::before {margin: 0;top: 0;left: 50%;margin-left: -25px;}
    #footerTop .bigButton{
      float: none !important;
      display: block;
      margin-top: 25px;
    }
    .footer-nav ul{
      display: block;
    }
    .footer-nav ul li {
      border-top: 2px solid #39393b;
      border-bottom: 2px solid #39393b;
      width: 50%;
      display: block;
      float: left;
    }
    .footer-nav ul::after{
      clear: both;
      display: block;
      height: 0px;
      width: 0px;
      line-height: 0px;
      content: ' ';
    }
    .footer-hl {
      display: block;
      text-align: center;
    }
    #footer-bottom .textRight{
      text-align: center !important;
    } 
    .pageTitle .dflex{display: block;}
    .pageTitle .root .breadcrumb{text-align: left;}
    .welcomeBlock .p60{padding: 60px 15px;}
    .inBodyBtn.dflex,
    .titleBlock.dflex{display: block;}
    .titleBlock.dflex .w50{width: 100%;min-width: 100%;max-width: 100%;}
    .footerFormBlock .p60{padding: 60px 30px;}
    .title span::before,.title span::after{display: none;}
    .welcomeBlock{margin-top: 0;}
    
  }
  @media (min-width: 1400px){
    .container {
      width: 1380px;
    }
  }
  @media (min-width: 768px) {
  }
  @media (min-width: 992px) {
  }
  @media (min-width: 1200px) {
  }
  @media (max-width: 480px) {
  }
  @media (max-width: 979px) {
  }
  @media (min-width: 980px) {
  }
  @media (min-width: 768px) and (max-width: 979px) {
  }
  @media (max-width: 767px) {
    /* .searchWrap{display: none;} */
  }
  
  @media(min-width:1600px){
    .textCenter h1 {
    font-size: 60px;
    line-height: 70px;
  }
  }
  
  @media(min-width:1400px){
    .textCenter h1 {
    font-size: 60px;
    line-height: 70px;
  }
  }
  
  
  .delay1{
    animation-delay: 0.25s;
  }
  .delay2{
    animation-delay: 0.50s;
  }
  .delay3{
    animation-delay: 0.75s;
  }
  .delay4{
    animation-delay: 1s;
  }
  .delay5{
    animation-delay: 1.25s;
  }
  .delay6{
    animation-delay: 1.50s;
  }
  .delay7{
    animation-delay: 1.75s;
  }
  .delay8{
    animation-delay: 2s;
  }
  .delay9{
    animation-delay: 2.25s;
  }
  .delay10{
    animation-delay: 2.50s;
  }
  
  #events{
    padding: 20px;
    position:fixed; width:50%; left:0;
    bottom: 0;
    display:none;
    z-index: 3;
    background:rgba(0, 0, 0, 0.7); color:#fff;border-top:3px solid #000; border-right:3px solid #000;
  }
  
  #events a{color:#fff;}
  #events .btn{display:block; font-weight:bold; text-transform:uppercase;}
  #events h4{text-transform:uppercase; font-size:14px; font-weight:bold; margin:0; line-height:30px;}
  #events h4 i{padding-right:8px;}
  #events .label{margin-right:10px;}
  #events .close-event{position:absolute; right:5px; top:0px; cursor:pointer;}
  #events .title-event{position:absolute; left:0px; top:-30px; background-color: #131e56; color: #fff; padding: 0 10px;font-weight: bold;}
  
  
  .updates-wrap{margin-bottom:30px;padding-bottom:30px; border-bottom:1px solid #ccc;}
  .updates-block{margin:15px 0;}
  .updates-block img{width:100%; margin-bottom:10px; border:1px solid #ccc;}
  .updates-block h3{margin-bottom:5px;font-size:16px; line-height:20px;}
  .updates-block span.date, .updates-block span.time{margin-bottom:10px; font-size:12px; text-transform:uppercase; display:block;}
  .updates-block span i{margin-right:5px;}
  .updates-block .more {display:block;}
  .updates-block .more i{margin-left:5px; background:#333; padding:4px 0; border-radius:100%; text-align:center; height:20px; width:20px; color:#fff;}
  .updates-wrap h3{margin-bottom:15px;}
  .updates-wrap span.date, .updates-wrap span.time, .updates-date span{margin:10px 0; font-size:14px; font-weight:bold; display:block;}
  .updates-date to{padding:0 5px; color:#900;}
  .updates-wrap h3 span.date{margin:0; border-right:1px solid #ccc; padding-right:10px; margin-right:10px; display:inline;}
  .updates-wrap span.tags a{font-weight:normal; padding:0 5px;}
  
  #brands.owl-carousel .owl-stage-outer{overflow: unset;}
  
  .pro-items{margin: 3px 0; font-size: 18px; line-height: 24px; padding: 5px 20px; padding-left: 30px;position: relative;}
  .pro-items::before{
    position: absolute;
    font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
    content: "\f058";
    color: #555;
    left: 0;
  }
  .iconBlock {text-align: center;}
  .iconImg{font-size: 60px; line-height: 60px;}
  .iconNumber{font-size: 40px;margin-left: 25px;font-weight: bold;line-height: 60px;}
  .iconBlock h3{margin: 25px 0;color: #fff;font-size: 22px;}
  .highlightedText{font-size: 30px;text-align: center;font-weight: bold;}
  .iconBoxWrap{border: 3px solid #333;border-radius: 15px;padding: 30px; text-align: center;}
  .iconBoxWrap h2{font-size: 24px;}
  .iconBox{text-align: center;}
  .iconBox img{max-width: 100%;width: 100px;margin: 15px 0;}
  .iconBox h3{font-size: 20px;}
  
  .form-title{display: block;padding: 10px 15px;  text-align: center; text-transform: uppercase; font-size: 20px; margin:0;background: #ddd;}
  
  .pcb-order-block{position: relative;}
  .loadTimeDiv{background-color: #f5f5f5; margin-bottom: 15px;}
  .loadTimeData{padding: 30px;}
  .pcb-order-block .progressBlock{
    
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .progressBlock .progress{
    position: relative;
    top: 50%;
    margin: 0 50px;
    margin-top: -10px;
  }
  
  .serviceBlock3{
    text-align: center;
    border: 1px dotted #fff;
    padding: 30px;
    margin-bottom: 30px;
  }
  .serviceBlock3 .serImg{
    font-size: 40px;
    margin-bottom: 15px;
  }
  .serviceBlock3 h3{
    margin: 0;
    color: #fff;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  
  .serviceBlock3:hover{
    background: #007328;
    color: #fff;
  }
  
  
  .flex-container{
    display: flex;
    /* gap: 50px; */
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .image-wraper img{
    width: 440px;
    border-radius: 15px;
  }
  
  .left-content{
    width: 50%;
  }
  
  .right-Centenr{
    width: 50%;
  }
  .image-wraper{
    max-width: 100%;
  }
  .a-left-content{
    width: 50%;
  }
  
  .a-left-content img{
    margin-right: 40px;
  }
  
  .a-right-Centenr{
    width: 50%;
  }
  
  .flex-text-container {
    display: flex;
    gap: 50px;
    margin-top: 50px;
  }
  .left-textCenter {
    max-width: 50%;
  }
  .right-textCenter{
    max-width: 50%;
  }
  
  
  
  /* faq section */
  .faq-section {
    font-family: "Poppins", sans-serif;
    background-color: #f4f4f4;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    /* height: 100vh; */
  }
  .faq-container {
    width: 100%;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .faq-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd; .progressWrap {
        width: 100%;
        position: relative;
        overflow: hidden;
      }
      .progressTitle {
        margin-bottom: 15px;
      }
      .progressBar {
        background-color: #ccc;
        height: 5px;
        margin-bottom: 30px;
        position: relative;
      }
      .progressCom {
        background: #000a2a;
        background:-moz-linear-gradient(left, #000a2a,#000a2a);
        background:-o-linear-gradient(left, #000a2a,#000a2a);
        background:linear-gradient(left, #000a2a,#000a2a);
        height: 5px;
        position: relative;
      }
      .progressValue {
        position: absolute;
        right: 0px;
        background-color: #e31e24;
        padding: 4px 8px;
        color: #fff;
        font-weight: bold;
        line-height: 18px;
        margin-top: -31px;
        border-radius: 0px 5px 0 5px;
        font-size: 12px;
      }
      .progressValue::after {
        content: " ";
        position: absolute;
        font-weight: normal;
        position: absolute;
        right: 0;
        top: 26px;
        border-top: 5px solid #EB3026;
        border-left: 5px transparent solid;
        width: 5px;
        height: 10px;
      }
      #fg-tbtn span{
        background-color: #EB3026 !important;
        margin: 0 !important;
      }
      
      .hero_box {
        position: absolute;
        color: #fff;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -100px;
        text-align: center;
      }
      
      
      .bannerText{}
      .bannerText span{color: #fff;}
      .bText1{
        color: #fff;
        font-size: 40px;
        font-weight: 800;
        padding: 0;
        margin: 0;
        line-height: 1.2em;
        font-family: 'Poppins', sans-serif;
        text-shadow: 2px 2px 5px #000;
      }
      .bText2{
        color: #fff;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.6em;
        padding: 0;
        margin: 20px 0;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        text-shadow: 2px 2px 5px #000;
      }
      .seprator{position: relative;display: block;height: 5px;width: 100%; margin: 25px 0;}
      .seprator::before{
        content:" ";
        position:absolute;
        left:-10px;
        bottom: -10px;
        margin-left: 10px;
        width:80px;
        height: 5px;
        background: #f6821f;
        animation: animate 2s linear infinite;
      }
      .hero_box .bigButton{display: inline-block;}
      
      @media (min-width: 768px) and (max-width: 991px),(min-width: 768px) and (max-width: 979px),(max-width: 767px){
        #vSlider{height: 200px;}
        .flex4{
          flex-direction: column;
        }
        .flex4 .flexItem{min-width: 100%;width: 100%;}
        #fg-tbtn {
          width: 100%;
        }
        #fg-qcontactform-wp{
          left: 50% !important;
          margin-left: -150px !important;
        }
        #header{
          background:#fff;
          position: relative;
          top: auto;
          left: auto;
          right: auto;
          width: 100%;
        }
        .logo{overflow: hidden;position: relative;height: auto; padding: 10px 5px; padding-right: 120px; padding-left: 15px; display: none;}
        .logo img{width: auto;height: 50px; max-width: 100%;}
        
        
        #topLogo{padding: 0;}
        #topNav{margin: 0 -15px; height: auto;}
        #topNav .social{display: none;}
        #topNav .headerNav {
          padding: 0px;
          display: block;
          align-items: unset;
          justify-content: unset;
          padding-top: 70px;
          background-color: #fff;
          background-image: url(../images/logo-name.png);
          background-repeat: no-repeat;
          background-size: auto 40px;
          background-position: center 15px;
        }
        .social,
        .topContact{display: none;}
      
        .mobMenu{display: block;}
        .siteNavBar{margin: 0; display: none; }
        .siteNavBar > ul{display: block;border-top: 1px solid #1b1919;}
        .siteNavBar > ul > li{border-bottom: 1px solid #1b1919; margin: 0;border-radius: 8px;}
        .siteNavBar > ul > li > a{padding: 10px 15px;color: #333;background: none;border-radius: 0;}
        .siteNavBar li.subMenu ul{position: relative !important;box-shadow: none !important;border: none !important;max-width: 100% !important;width: 100% !important;left: auto !important;right: auto !important; top: auto !important;border-bottom: 2px solid #1b1919 !important;}
        .siteNavBar li.subMenu ul::before{display: none;}
        .siteNavBar li.subMenu{padding-right:0;}
        .siteNavBar li.subMenu > a{margin-right:40px;}
        .siteNavBar li.hasMenu::after,
        .siteNavBar li.subMenu::after
        {content: '+';width: 40px;top: 0px;right: 0px;margin-top: 0;height: 40px;line-height: 40px;font-size: 26px;text-align: center;border: none;background: #007328;cursor: pointer;color: #fff;border-radius: 8px;}
        .siteNavBar li.openSubMenu::after{content: '-' !important;background-color: #15171E !important;color: #fff !important;}
        .siteNavBar li.openSubMenu > a{background-color: #007328 !important;color: #fff !important;border-radius: 8px;}
        .bannerText .bText1 {font-size: 12px;}
        .bannerText .bText2 {display: none;}
        .bannerText .bigButton{display: none;}
        #topNav .mbSearch a#webSearchOpBtn{
          text-align: center;
          line-height: 40px;
          font-size: 30px;
          width: 40px;
          height: 40px;
          color: #fff;
        }
        #header .dflexNM{display: block;background: #fff;}
        #topBar{display: none;}
        .searchWrap {
          position: absolute;
          margin-left: 15px;
          z-index: 10;
          top: 15px;
          right: 15px;
        }
        #topNav .mbSearch {
          position: absolute;
          right: 0px;
          display: block;
          top: 0px;
        }
        #topBar a.iconText span{
          text-indent: 99999px;
          display: block;
          width: 0px;
        }
        #topBar a.iconText{
          float: left;
        }
        #topBar .dflex{
          display: block;
        }
        #topBar .social{
          float: right;
        }
        .quoteContent{
          border: none;
          text-align: center;
          padding-left: 0;
        }
        ul.w25 > li,
        ul.w50 > li,
        ul.w33 > li{float: none;width: 100%;display: block;}
        
        .serData{
          padding: 15px;
        }
        .pgContent ul li{
          width: 100%;
          float: none;
          display: block;
        }
        #footer-bottom{
          padding-bottom: 50px;
        }
        #footerTop .iconText {text-align: center;padding: 0;padding-top: 55px;}
        #footerTop .iconText::before {margin: 0;top: 0;left: 50%;margin-left: -25px;}
        #footerTop .bigButton{
          float: none !important;
          display: block;
          margin-top: 25px;
        }
        .footer-nav ul{
          display: block;
        }
        .footer-nav ul li {
          border-top: 2px solid #39393b;
          border-bottom: 2px solid #39393b;
          width: 50%;
          display: block;
          float: left;
        }
        .footer-nav ul::after{
          clear: both;
          display: block;
          height: 0px;
          width: 0px;
          line-height: 0px;
          content: ' ';
        }
        .footer-hl {
          display: block;
          text-align: center;
        }
        #footer-bottom .textRight{
          text-align: center !important;
        } 
        .pageTitle .dflex{display: block;}
        .pageTitle .root .breadcrumb{text-align: left;}
        .welcomeBlock .p60{padding: 60px 15px;}
        .inBodyBtn.dflex,
        .titleBlock.dflex{display: block;}
        .titleBlock.dflex .w50{width: 100%;min-width: 100%;max-width: 100%;}
        .footerFormBlock .p60{padding: 60px 30px;}
        .title span::before,.title span::after{display: none;}
        .welcomeBlock{margin-top: 0;}
        
      }
      @media (min-width: 1400px){
        .container {
          width: 1380px;
        }
      }
      @media (min-width: 768px) {
      }
      @media (min-width: 992px) {
      }
      @media (min-width: 1200px) {
      }
      @media (max-width: 480px) {
      }
      @media (max-width: 979px) {
      }
      @media (min-width: 980px) {
      }
      @media (min-width: 768px) and (max-width: 979px) {
      }
      @media (max-width: 767px) {
        /* .searchWrap{display: none;} */
      }
      
      @media(min-width:1600px){
        .textCenter h1 {
        font-size: 60px;
        line-height: 70px;
      }
      }
      
      @media(min-width:1400px){
        .textCenter h1 {
        font-size: 60px;
        line-height: 70px;
      }
      }
      
      
      .delay1{
        animation-delay: 0.25s;
      }
      .delay2{
        animation-delay: 0.50s;
      }
      .delay3{
        animation-delay: 0.75s;
      }
      .delay4{
        animation-delay: 1s;
      }
      .delay5{
        animation-delay: 1.25s;
      }
      .delay6{
        animation-delay: 1.50s;
      }
      .delay7{
        animation-delay: 1.75s;
      }
      .delay8{
        animation-delay: 2s;
      }
      .delay9{
        animation-delay: 2.25s;
      }
      .delay10{
        animation-delay: 2.50s;
      }
      
      #events{
        padding: 20px;
        position:fixed; width:50%; left:0;
        bottom: 0;
        display:none;
        z-index: 3;
        background:rgba(0, 0, 0, 0.7); color:#fff;border-top:3px solid #000; border-right:3px solid #000;
      }
      
      #events a{color:#fff;}
      #events .btn{display:block; font-weight:bold; text-transform:uppercase;}
      #events h4{text-transform:uppercase; font-size:14px; font-weight:bold; margin:0; line-height:30px;}
      #events h4 i{padding-right:8px;}
      #events .label{margin-right:10px;}
      #events .close-event{position:absolute; right:5px; top:0px; cursor:pointer;}
      #events .title-event{position:absolute; left:0px; top:-30px; background-color: #131e56; color: #fff; padding: 0 10px;font-weight: bold;}
      
      
      .updates-wrap{margin-bottom:30px;padding-bottom:30px; border-bottom:1px solid #ccc;}
      .updates-block{margin:15px 0;}
      .updates-block img{width:100%; margin-bottom:10px; border:1px solid #ccc;}
      .updates-block h3{margin-bottom:5px;font-size:16px; line-height:20px;}
      .updates-block span.date, .updates-block span.time{margin-bottom:10px; font-size:12px; text-transform:uppercase; display:block;}
      .updates-block span i{margin-right:5px;}
      .updates-block .more {display:block;}
      .updates-block .more i{margin-left:5px; background:#333; padding:4px 0; border-radius:100%; text-align:center; height:20px; width:20px; color:#fff;}
      .updates-wrap h3{margin-bottom:15px;}
      .updates-wrap span.date, .updates-wrap span.time, .updates-date span{margin:10px 0; font-size:14px; font-weight:bold; display:block;}
      .updates-date to{padding:0 5px; color:#900;}
      .updates-wrap h3 span.date{margin:0; border-right:1px solid #ccc; padding-right:10px; margin-right:10px; display:inline;}
      .updates-wrap span.tags a{font-weight:normal; padding:0 5px;}
      
      #brands.owl-carousel .owl-stage-outer{overflow: unset;}
      
      .pro-items{margin: 3px 0; font-size: 18px; line-height: 24px; padding: 5px 20px; padding-left: 30px;position: relative;}
      .pro-items::before{
        position: absolute;
        font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
        content: "\f058";
        color: #555;
        left: 0;
      }
      .iconBlock {text-align: center;}
      .iconImg{font-size: 60px; line-height: 60px;}
      .iconNumber{font-size: 40px;margin-left: 25px;font-weight: bold;line-height: 60px;}
      .iconBlock h3{margin: 25px 0;color: #fff;font-size: 22px;}
      .highlightedText{font-size: 30px;text-align: center;font-weight: bold;}
      .iconBoxWrap{border: 3px solid #333;border-radius: 15px;padding: 30px; text-align: center;}
      .iconBoxWrap h2{font-size: 24px;}
      .iconBox{text-align: center;}
      .iconBox img{max-width: 100%;width: 100px;margin: 15px 0;}
      .iconBox h3{font-size: 20px;}
      
      .form-title{display: block;padding: 10px 15px;  text-align: center; text-transform: uppercase; font-size: 20px; margin:0;background: #ddd;}
      
      .pcb-order-block{position: relative;}
      .loadTimeDiv{background-color: #f5f5f5; margin-bottom: 15px;}
      .loadTimeData{padding: 30px;}
      .pcb-order-block .progressBlock{
        
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
      }
      .progressBlock .progress{
        position: relative;
        top: 50%;
        margin: 0 50px;
        margin-top: -10px;
      }
      
      .serviceBlock3{
        text-align: center;
        border: 1px dotted #fff;
        padding: 30px;
        margin-bottom: 30px;
      }
      .serviceBlock3 .serImg{
        font-size: 40px;
        margin-bottom: 15px;
      }
      .serviceBlock3 h3{
        margin: 0;
        color: #fff;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
      }
      
      .serviceBlock3:hover{
        background: #007328;
        color: #fff;
      }
      
      
      .flex-container{
        display: flex;
        /* gap: 50px; */
        margin-top: 20px;
        margin-bottom: 20px;
      }
      
      .image-wraper img{
        width: 440px;
        border-radius: 15px;
      }
      
      .left-content{
        width: 50%;
      }
      
      .right-Centenr{
        width: 50%;
      }
      .image-wraper{
        max-width: 100%;
      }
      .a-left-content{
        width: 50%;
      }
      
      .a-left-content img{
        margin-right: 40px;
      }
      
      .a-right-Centenr{
        width: 50%;
      }
      
      .flex-text-container {
        display: flex;
        gap: 50px;
        margin-top: 50px;
      }
      .left-textCenter {
        max-width: 50%;
      }
      .right-textCenter{
        max-width: 50%;
      }
      
      
      
      /* faq section */
      .faq-section {
        font-family: "Poppins", sans-serif;
        background-color: #f4f4f4;
        /* display: flex;
        justify-content: center;
        align-items: center; */
        /* height: 100vh; */
      }
      .faq-container {
        width: 100%;
        background: white;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
      .faq-item {
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
      }
      .faq-question {
        font-size: 18px;
        cursor: pointer;
        padding: 10px;
        background: #007328;
        color: white;
        border-radius: 5px;
      }
      .faq-answer {
        display: none;
        padding: 10px;
        background: #f9f9f9;
        border-radius: 5px;
      }
      .pgContent.customText h1 {
        line-height: 70px;
        font-size: 60px;
        /* text-align: center; */
      }
      
      .pgContent.customText.custom-p p {
        font-size: 20px;
        line-height: 34px;
        max-width: 95%;
        text-align: justify;
        margin-left: 25px;
      }
      .title.textCenter.animated.delay1.pgContent.animate__animated.animate__fadeIn.animate__fadeInUp ul li {
        text-align: left;
      }
      
      .custom-h3 h3 {
        font-size: 25px;
        text-align: left;
      }
      
      .pgContent.customText.custom-p.custom-h3 ol li {
        text-align: left;
      }
      
      .pgContent.customText.custom-p.custom-h3 table th {
        text-align: center;
      }
      
      .pgContent.customText.custom-p.custom-h3 table td {
        text-align: left;
      }
      
      
      .pgContent.customText.custom-p.custom-h3 img {
        width: 849px;
      }
      
      .Custiom-h4 h4 {
        text-align: left;
        color: #003349;
      }
      
  }
  .faq-question {
    font-size: 18px;
    cursor: pointer;
    padding: 10px;
    background: #007328;
    color: white;
    border-radius: 5px;
  }
  .faq-answer {
    display: none;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 5px;
  }
  .pgContent.customText h1 {
    line-height: 70px;
    font-size: 60px;
    /* text-align: center; */
  }
  
  .pgContent.customText.custom-p p {
    font-size: 20px;
    line-height: 34px;
    max-width: 95%;
    text-align: justify;
    margin-left: 25px;
  }
  .title.textCenter.animated.delay1.pgContent.animate__animated.animate__fadeIn.animate__fadeInUp ul li {
    text-align: left;
  }
  
  .custom-h3 h3 {
    font-size: 25px;
    text-align: left;
  }
  
  .pgContent.customText.custom-p.custom-h3 ol li {
    text-align: left;
  }
  
  .pgContent.customText.custom-p.custom-h3 table th {
    text-align: center;
  }
  
  .pgContent.customText.custom-p.custom-h3 table td {
    text-align: left;
  }
  
  
  .pgContent.customText.custom-p.custom-h3 img {
    width: 849px;
  }
  
  .Custiom-h4 h4 {
    text-align: left;
    color: #003349;
  }