
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: "Montserrat",sans-serif;
     color: #444444;
   }
   
   a {
     text-decoration: none !important;
     color: #198754;
   }
   
   a:hover {
     color: #198754!important;
     text-decoration: none;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
     font-family: "Montserrat",sans-serif;
   }
   .under-construction{
     width: 50%;margin: 85px auto;display: block;
   }
   .philosophys{
     display: flex;
     align-items: center;
   }
   
   .h2-heading {
       text-align: center;
       padding-bottom: 25px;
   }
   .h5-color{
      color: green!important;
   }
   .form-control  
   {
       border-radius: 10px;
   }
   
   .select {
       width: 100%;
       padding: 0.375rem 0.75rem;
       border: 1px solid #ced4da;
       border-radius: 0.50rem;
       color: #5c5e5c;
   }
   /*select: hover{
     background-color: #000!important;
   }*/
   .upload-btn-wrapper {
     position: relative;
     overflow: hidden!important;
     display: inline-block;
   
   }
   .btn {
         border: 2px solid #198754;
       color: white;
       background-color: #198754;
       border-radius: 8px;
       font-size: 15px;
       padding: 10px!important;
       border-radius: 5px!important;
     }
     .btn:hover {
       color: #fff!important;
       background-color: #198754!important;
       border-color: #198754!important;
   }
   .upload-btn-wrapper input[type=file] {
     font-size: 100px;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
   }
   .box-shadow{
     
     padding: 10px;
     box-shadow: 5px 10px #888888;
   }
   .newpage{
     visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;margin-top: 0%;
   }
   .post-border
   {
   
       border: 2px solid;
       margin-top: 20px;
       margin-bottom: 20px;
       border-color: #4CAF50;
       border-radius: 15px;
       padding: 15px 30px 30px 30px;
   }
   .border-bottom{
     border-bottom: 1px solid #64585896!important;
   }
   /*--------------------------------------------------------------
   # Back to top button
   --------------------------------------------------------------*/
   .btn-primary {
     color: #fff;
     background-color: #198754!important;
     border-color: #198754!important;
   }
   .back-to-top {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 10px;
     bottom: 15px;
     z-index: 996;
     background: #198754;
     width: 40px;
     height: 40px;
     border-radius: 4px;
     transition: all 0.4s;
   }
   /* .page-header-aboutus {
    background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)),  url(../img2/banner/about.png) center center no-repeat;
    background-size: cover;
  }
  .page-header-howitsworks {
    background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)),  url(../img2/banner/howitswork.png) center center no-repeat;
    background-size: cover;
  }
  .page-header-subscription {
    background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)),  url(../img2/banner/subscription.png) center center no-repeat;
    background-size: cover;
  }
  .page-header-contact {
    background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)),  url(../img2/banner/contact.png) center center no-repeat;
    background-size: cover;
  }
   .page-header {
       background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)),  url(../img2/slide/slide-2.jpg) center center no-repeat;;
   } */

   .page-header-aboutus {
    background: linear-gradient(rgb(6 3 21 / 0%), rgb(6 3 21 / 0%)),  url(../img2/banner/about-us.png) no-repeat;
    background-size: cover;
  }
  .page-header-howitsworks {
    background: linear-gradient(rgb(6 3 21 / 0%), rgb(6 3 21 / 0%)),  url(../img2/banner/how-it-works.png) no-repeat;
    background-size: cover;
  }
  .page-header-subscription {
    background: linear-gradient(rgb(6 3 21 / 0%), rgb(6 3 21 / 0%)),  url(../img2/banner/subscription.png) no-repeat;
    background-size: cover;
  }
  .page-header-contact {
    background: linear-gradient(rgb(6 3 21 / 0%), rgb(6 3 21 / 0%)),  url(../img2/banner/contact.png) no-repeat;
    background-size: cover;
  }
   .page-header {
       background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)),  url(../img2/slide/slide-2.jpg) center center no-repeat;;
   }
  
   .post_job {
       background: #198754;
       padding: 8px 25px;
       border-radius: 4px;
       font-weight: 400;
       border: none;
       width: 25%;
       color: #fff;
       text-align: center;
       margin: auto;
       display: block;
       margin-bottom: 20px;
   }
   .mobile{
  display: none;
}
   .featured-block:hover {
       background: var(--white-color);
       border-radius: var(--border-radius-medium);
       border-radius: 10px;
       box-shadow: 0 0rem 1rem #198754;
   }
   .services-content{
       Font-weight: 500;
       color: #000;
       text-align: center;
       font-size: 25px;
   }
   .business-needs{
     color: #000!important;
   }
   .featured-block {
       text-align: center;
       transition: all 0.5s ease;
       min-height: 230px;
       padding: 15px;
   }
   .seamless-service{
      display: flex;
      align-items: center;
      margin: 25px 0;
      padding: 80px 0px;
   }
   .login-image{
    width:65%;margin:auto;display:block;
   }
   .seamless-service .col-lg-7{padding: 0;}
   /* .seamless-service .col-lg-4 img{border-radius: 0 30px;} */
   .seamless-service .col-lg-8 h4{
    color: #0079c3;
    font-weight: 600;
    font-size: 20px;
    position: relative;
   }
   /* .seamless-service .col-lg-8 h4::before{
    content: " ";
    position: absolute;
    top: 9px;
    left: -110px;
    width: 100px;
    height: 2px;
    background: linear-gradient(90deg, #039ee2, #131da4);
   } */
   .booking {
       background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img2/slide/slide-2.jpg) center center no-repeat;
       background-size: cover;
   }
   .bg-secondary {
       background-color: #0B2154 !important;
   }
   .my-5 {
       margin-top: 3rem !important;
       margin-bottom: 3rem !important;
   }
   .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
       width: 100%;
       padding-right: var(--bs-gutter-x, .75rem);
       padding-left: var(--bs-gutter-x, .75rem);
       margin-right: auto;
       margin-left: auto;
   }
   .gx-5 {
       --bs-gutter-x: 3rem;
   }
   .py-5 {
       padding-top: 3rem !important;
       padding-bottom: 3rem !important;
       text-align: center;
   }
   .align-items-center {
       align-items: center!important;
   }
   .justify-content-center {
       justify-content: center!important;
       border: 1px solid #198754;
       border-radius: 10px;
   } 
   .d-block {
       display: block!important;
   }
   .back-to-top i {
     font-size: 28px;
     color: #fff;
     line-height: 0;
   }
   
   .back-to-top:hover {
     background: #e1444d;
     color: #fff;
   }
   
   .back-to-top.active {
     visibility: visible;
     opacity: 1;
   }
   
   /*--------------------------------------------------------------
   # Header
   --------------------------------------------------------------*/
   #header {
     background: white;
     transition: all 0.5s;
     z-index: 997;
     padding: 0px 0;
   }
   
   #header.header-scrolled {
     box-shadow: 0px 2px 15px rgba(25, 135, 84, 0.68);
   
     padding: 0px 0;
   }
   
   #header.header-inner-pages {
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
   }
   
   #header .logo {
     font-size: 28px;
     margin: 0;
     padding: 0;
     line-height: 1;
     font-weight: 700;
     text-transform: uppercase;
   }
   
   #header .logo a {
     color: #556270;
   }
   
   #header .logo img {
     max-height: 40px;
     width:110px;
     height:45px;
   }
   
   /*--------------------------------------------------------------
   # Navigation Menu
   --------------------------------------------------------------*/
   /**
   * Desktop Navigation 
   */
   .navbar {
     padding: 0;
   }
   
   .navbar ul {
     margin: 0;
     padding: 0;
     display: flex;
     list-style: none;
     align-items: center;
   }
   
   .navbar li {
     position: relative;
   }
   
   .navbar a,
   .navbar a:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px 0 10px 16px;
/*     font-family: "Raleway", sans-serif;*/
     font-size: 15px;
     font-weight: 500;
     color: #556270;
     white-space: nowrap;
     transition: 0.3s;
   }
   
   .navbar a i,
   .navbar a:focus i {
     font-size: 15px;
     line-height: 0;
   /*  margin-left: 5px;*/
       margin-right: 8px;
   }
   
   .navbar a:hover,
   .navbar .active,
   .navbar .active:focus,
   .navbar li:hover>a {
     color: #198754;
   }
   
   .navbar .getstarted,
   .navbar .getstarted:focus {
     background: #198754;
     padding: 8px 8px;
     margin-left: 15px;
     border-radius: 4px;
     font-weight: 400;
     color: #fff;
   }
   
   .navbar .getstarted:hover,
   .navbar .getstarted:focus:hover {
     color: #fff;
     background: #44e16d!important;
   }
   
   .navbar .dropdown ul {
     display: block;
     position: absolute;
     left: 14px;
     top: calc(100% + 30px);
     margin: 0;
     padding: 10px 0;
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     transition: 0.3s;
   }
   .collaburate {
     font-weight: 700;
       color: #198754;
       line-height: 1.8;
     }
   .second_section{
       background: #198754;
       padding: 8px 25px;
       border-radius: 4px;
       font-weight: 400;
       border: none;
       color: #fff;
       text-align: center;
       margin: auto;
       display: block;
   }
   .bg-icon {
       background: url(../img2/bg-icon.png) center center repeat;
       background-size: contain;
   }
   .bg-primary {
       background-color: #3cb81585 !important;
   }
   .mt-5 {
       margin-top: 3rem !important;
       border-radius: 10px;
   }
   .mb-0 {
       margin-bottom: 60px!important;
   }
   .navbar .dropdown ul li {
     min-width: 200px;
   }
   
   .navbar .dropdown ul a {
     padding: 10px 20px;
     font-size: 15px;
     text-transform: none;
     font-weight: 400;
   }
   
   .navbar .dropdown ul a i {
     font-size: 12px;
   }
   
   .navbar .dropdown ul a:hover,
   .navbar .dropdown ul .active:hover,
   .navbar .dropdown ul li:hover>a {
     color: #d9232d;
   }
   
   .navbar .dropdown:hover>ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
   }
   
   .navbar .dropdown .dropdown ul {
     top: 0;
     left: calc(100% - 30px);
     visibility: hidden;
   }
   
   .navbar .dropdown .dropdown:hover>ul {
     opacity: 1;
     top: 0;
     left: 100%;
     visibility: visible;
   }
   body {
     width: 100%;
     min-height: 100vh;
     background-color: #f4f4f4;
     min-height: calc(100vh - var(--vh-offset, 0px));
   
     overflow-x: hidden;
     font-weight: 400;
     top: 0;
     color: #252525;
     font-size: 14px;
     line-height: 1.8;
     letter-spacing: 0.025em;
   }
   
   .header-design {
     background-color: #a4508b;
     background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%);
     height: 120px;
     text-align: center;
   }
   
   .listar-map-button {
     width: 100%;
     position: absolute;
     display: table;
     right: 0;
     top: 0;
     height: 200px;
     line-height: 164px;
     white-space: nowrap;
     font-size: 0;
   }
   
   .listar-map-button {
     right: auto;
     /***
       box-shadow: 0 0 65px rgba(0,0,0,.07) inset, 0 0 35px rgba(0,0,0,.05) inset;**/
   }
   
   .listar-map-button-text span {
     background-color: #fff;
     color: #252525;
     text-shadow: none;
   }
   
   .listar-page-header-content .listar-map-button-text span {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 15px;
     height: 44px;
     line-height: 1.6;
     padding: 10px 25px;
     box-shadow: 0 0 300px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 0, 0, 0.06);
     border-radius: 50px;
     background-color: rgba(35, 40, 45, 0.9);
     color: #fff;
     text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
   }
   
   header .footer-wave {
     max-width: 102%;
     width: 100%;
     height: 187.8px;
     left: 0;
     z-index: 1;
     bottom: -67px;
     background: url(https://1.bp.blogspot.com/-NYl6L8pz8B4/XoIVXwfhlNI/AAAAAAAAU3k/nxJKiLT706Mb7jUFiM5vdCsOSNnFAh0yQCLcBGAsYHQ/s1600/hero-wave.png)
       repeat-x;
     animation: wave 10s cubic-bezier(0.44, 0.66, 0.67, 0.37) infinite;
   }
   
   @keyframes wave {
     0% {
       background-position: 0;
     }
     100% {
       background-position: 1440px;
     }
   }
   
   .listar-feature-item-wrapper {
     margin-bottom: 120px;
     padding-left: 27px;
     padding-right: 27px;
   }
   
   .listar-feature-item {
     height: calc(100% - 20px);
   }
   
   .listar-feature-item.listar-feature-has-link
     ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
     position: absolute;
     display: block;
     width: 100%;
     height: 0px;
     top: 10%;
   }
   
   .listar-feature-item a {
     position: absolute;
     top: -12px;
     left: 15px;
     width: calc(100% - 30px);
     height: calc(100% + 4px);
     border-radius: 1000px;
     z-index: 10;
     display: none;
   }
   
   .listar-feature-with-image .listar-feature-item a:before {
     content: "";
     position: absolute;
     top: -74px;
     left: 50%;
     margin-left: -74px;
     width: 148px;
     height: 148px;
     border-radius: 1000px;
     z-index: 10;
   }
   
   .listar-feature-item a:after {
     content: "";
     position: absolute;
     bottom: -7px;
     left: 50%;
     margin-left: -25px;
     width: 50px;
     height: 50px;
     border-radius: 1000px;
     z-index: 10;
     animation: ripple 0.7s linear infinite;
     box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
       -5px -5px 10px rgba(255, 255, 255, 0.5);
   }
   
   @keyframes ripple {
     0% {
       box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3),
         0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03),
         0 0 0 5em rgba(163, 177, 198, 0.01);
     }
     100% {
       box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3),
         0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03),
         0 0 0 8em rgba(163, 177, 198, 0.01);
     }
   }
   
   .listar-feature-item .listar-feature-item-inner {
     padding: 50px 30px;
     border-radius: 6px;
     z-index: 5;
     position: relative;
     height: 100%;
   }
   
   .listar-feature-item .listar-feature-item-inner {
     padding-top: 60px;
     padding-bottom: 60px;
   }
   
   .listar-feature-item .listar-feature-item-inner:before {
     border: 0;
     box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
       10px 0px 10px rgba(80, 80, 80, 0.02);
     border-radius: 1000px;
     background: rgba(255, 255, 255, 0);
     background: -moz-linear-gradient(
       left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
     background: -webkit-gradient(
       left top,
       right top,
       color-stop(0%, rgba(255, 255, 255, 0)),
       color-stop(40%, rgba(255, 255, 255, 0)),
       color-stop(100%, rgba(255, 255, 255, 1))
     );
     background: -webkit-linear-gradient(
       left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
     background: -o-linear-gradient(
       left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
     background: -ms-linear-gradient(
       left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
     background: linear-gradient(
       to right,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
   }
   
   .listar-feature-item .listar-feature-item-inner:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   
   .listar-feature-right-border {
     position: absolute;
     width: calc(100% + 24px);
     height: calc(100% + 24px);
     top: -12px;
     left: 50%;
     overflow: hidden;
   }
   
   .listar-feature-items {
     text-align: center;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
   
   .listar-feature-right-border:before,
   .listar-hovering-features
     .listar-feature-item
     a:hover
     ~ .listar-feature-item-inner
     .listar-feature-right-border:before {
     border: 11px solid #2f53bf;
   }
   
   .listar-feature-right-border:before,
   .listar-hovering-features
     .listar-feature-item
     a:hover
     ~ .listar-feature-item-inner
     .listar-feature-right-border:before,
   .listar-hovering-features-grey
     .listar-feature-item
     a:hover
     ~ .listar-feature-item-inner
     .listar-feature-right-border:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     border: 11px solid #258bd5;
     border-radius: 800px;
     left: -50%;
   }
   
   .listar-feature-item .listar-feature-block-content-wrapper {
     position: relative;
     display: block;
     text-decoration: none;
     margin: -30px;
     padding: 30px;
     height: calc(100% + 100px);
   }
   
   .listar-features-design-2 .listar-feature-item-wrapper {
     margin-bottom: 120px;
     padding-left: 27px;
     padding-right: 27px;
   }
   
   .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
     content: "";
     background-color: #fff;
     z-index: 6;
     position: absolute;
     background-repeat: no-repeat;
     background-position: center center;
   }
   
   .listar-feature-icon-wrapper {
     width: 148px;
     height: 148px;
     line-height: 148px;
     border-radius: 500px;
     position: relative;
     background-color: #fff;
     box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     left: 50%;
     vertical-align: middle;
     margin-left: -74px;
     top: -66px;
     margin-top: -74px;
   }
   
   .listar-feature-icon-inner {
     width: 120px;
     height: 120px;
     line-height: 120px;
     border-radius: 500px;
     position: relative;
     display: inline-block;
     vertical-align: middle;
     box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
     background: #fff;
   }
   
   .listar-feature-icon-inner div {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     display: inline-block;
     position: relative;
     width: 120px;
     height: 120px;
     line-height: 120px;
     text-align: left;
   }
   
   .listar-feature-icon-inner img {
     position: relative;
     margin: 0 auto;
     vertical-align: middle;
     display: inline-block;
     width: auto;
     left: 50%;
     -webkit-transform: translate(-50%);
     -moz-transform: translate(-50%);
     -ms-transform: translate(-50%);
     -o-transform: translate(-50%);
     transform: translate(-50%);
     height: 55px;
   }
   
   .listar-feature-item img,
   .listar-feature-item i {
     position: relative;
     display: inline-block;
     border-bottom: 0;
     font-size: 40px;
     top: 0;
     padding: 0;
     color: #258bd5;
   }
   
   .listar-feature-with-image .listar-feature-content-wrapper {
     top: 0;
   }
   .listar-feature-content-wrapper {
     position: relative;
     margin-top: -15.5px;
   }
   
   .listar-feature-item .listar-feature-item-title {
     padding-top: 0;
     margin: 0 0 30px;
     text-align: center;
     line-height: 1.5;
   }
   
   .listar-feature-item
     .listar-feature-item-title.listar-feature-counter-added
     > span {
     margin-left: 25px;
     border-radius: 0 50px 50px 0;
   }
   
   .listar-feature-item .listar-feature-item-title > span {
     box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
       5px 0px 40px rgba(80, 80, 80, 0.1);
     padding: 10px 20px;
     display: inline-block;
     position: relative;
     background-color: #fff;
   }
   
   .listar-feature-item .listar-feature-item-title > span span {
     box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
       5px 0px 80px rgba(80, 80, 80, 0.15);
     padding: 10px 0;
     display: inline-block;
     width: 50px;
     height: 50px;
     line-height: 30px;
     white-space: nowrap;
     position: absolute;
     top: -3px;
     left: -40px;
     border-radius: 50px;
     background-color: #fff;
   }
   
   .listar-feature-item .listar-feature-item-title span {
     display: inline-block;
     font-size: 14px;
     line-height: normal;
     font-weight: 400;
     text-shadow: none;
     border-radius: 50px;
     color: #252525;
     font-size: 18px;
   }
   
   .listar-feature-item-excerpt {
     padding: 0 20px;
   }
   
   .listar-feature-item-excerpt {
     color: #252525;
     position: relative;
     top: 0;
     width: 100%;
     margin: 0 auto;
     text-align: center;
   }
   
   .pset {
     padding-top: 50px!important;
     padding-bottom: 80px;
   }
   
   .listar-map-button-text span {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 15px;
     height: 44px;
     line-height: 1.6;
     padding: 10px 25px;
     box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
     border-radius: 50px;
     background-color: rgba(35, 40, 45, 0.9);
     color: #fff;
     text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
   }
   
   .listar-map-button-text span {
     background-color: #fff;
     color: #252525;
     text-shadow: none;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -ms-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
   }
   
   .listar-map-button-text span:after {
     border: 12px solid #fff;
   }
   
   .listar-map-button-text span:after {
     content: "";
     position: absolute;
     top: -14px;
     left: -14px;
     width: calc(100% + 28px);
     height: calc(100% + 28px);
     border-radius: 36px;
   }
   
   .listar-map-button:hover .listar-map-button-text span {
     padding: 10px 43px 10px 51px;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -ms-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
   }
   
   .listar-feature-with-image .listar-feature-item a:before {
     content: "";
     position: absolute;
     top: -74px;
     left: 50%;
     margin-left: -74px;
     width: 148px;
     height: 148px;
     border-radius: 1000px;
     z-index: 10;
   }
   
   .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
     margin-left: -25px;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
       15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
     bottom: -30px;
     background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
     background-size: 40%;
     color: #555;
     line-height: 52px;
   }
   
   
   .listar-map-button-text span {
     background-color: #fff;
     color: #252525;
     text-shadow: none;
   }
   
   .listar-page-header-content .listar-map-button-text span {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 15px;
     height: 44px;
     line-height: 1.6;
     padding: 10px 25px;
     box-shadow: 0 0 300px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 0, 0, 0.06);
     border-radius: 50px;
     background-color: rgba(35, 40, 45, 0.9);
     color: #fff;
     text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
   }
   
   header .footer-wave {
     max-width: 102%;
     width: 100%;
     height: 187.8px;
     left: 0;
     z-index: 1;
     bottom: -67px;
     background: url(https://1.bp.blogspot.com/-NYl6L8pz8B4/XoIVXwfhlNI/AAAAAAAAU3k/nxJKiLT706Mb7jUFiM5vdCsOSNnFAh0yQCLcBGAsYHQ/s1600/hero-wave.png)
       repeat-x;
     animation: wave 10s cubic-bezier(0.44, 0.66, 0.67, 0.37) infinite;
   }
   
   @keyframes wave {
     0% {
       background-position: 0;
     }
     100% {
       background-position: 1440px;
     }
   }
   
   .listar-feature-item-wrapper {
     margin-bottom: 20px;
     padding-left: 27px;
     padding-right: 27px;
   }
   
   .listar-feature-item {
     height: calc(100% - 20px);
   }
   
   .listar-feature-item.listar-feature-has-link
     ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
     position: relative;
     display: block;
     width: 100%;
     height: 30px;
   }
   
   .listar-feature-item a {
     position: absolute;
     top: -12px;
     left: 15px;
     width: calc(100% - 30px);
     height: calc(100% + 4px);
     border-radius: 1000px;
     z-index: 10;
   }
   
   .listar-feature-with-image .listar-feature-item a:before {
     content: "";
     position: absolute;
     top: -74px;
     left: 50%;
     margin-left: -74px;
     width: 148px;
     height: 148px;
     border-radius: 1000px;
     z-index: 10;
   }
   
   .listar-feature-item a:after {
     content: "";
     position: absolute;
     bottom: -7px;
     left: 50%;
     margin-left: -25px;
     width: 50px;
     height: 50px;
     border-radius: 1000px;
     z-index: 10;
     animation: ripple 0.7s linear infinite;
     box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
       -5px -5px 10px rgba(255, 255, 255, 0.5);
   }
   
   @keyframes ripple {
     0% {
       box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3),
         0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03),
         0 0 0 5em rgba(163, 177, 198, 0.01);
     }
     100% {
       box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3),
         0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03),
         0 0 0 8em rgba(163, 177, 198, 0.01);
     }
   }
   
   .listar-feature-item .listar-feature-item-inner {
     padding: 50px 30px;
     border-radius: 6px;
     z-index: 5;
     position: relative;
     height: 100%;
   }
   
   .listar-feature-item .listar-feature-item-inner {
     padding-top: 60px;
     padding-bottom: 60px;
   }
   
   .listar-feature-item .listar-feature-item-inner:before {
     border: 0;
     box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
       10px 0px 10px rgba(80, 80, 80, 0.02);
     border-radius: 1000px;
     background: rgba(255, 255, 255, 0);
     background: -moz-linear-gradient(
       left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
     background: -webkit-linear-gradient(
       left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
     background: -o-linear-gradient(
       left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
     background: -ms-linear-gradient(
       left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
     background: linear-gradient(
       to right,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%
     );
   }
   
   .listar-feature-item .listar-feature-item-inner:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   
   .listar-feature-right-border {
     position: absolute;
     width: calc(100% + 24px);
     height: calc(100% + 24px);
     top: -12px;
     left: 50%;
     overflow: hidden;
   }
   
   .listar-feature-items {
     text-align: center;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
   
   .listar-feature-right-border:before,
   .listar-hovering-features
     .listar-feature-item
     a:hover
     ~ .listar-feature-item-inner
     .listar-feature-right-border:before {
     border: 11px solid #2f53bf;
   }
   
   .listar-feature-right-border:before,
   .listar-hovering-features
     .listar-feature-item
     a:hover
     ~ .listar-feature-item-inner
     .listar-feature-right-border:before,
   .listar-hovering-features-grey
     .listar-feature-item
     a:hover
     ~ .listar-feature-item-inner
     .listar-feature-right-border:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     border: 11px solid #258bd5;
     border-radius: 800px;
     left: -50%;
   }
   
   .listar-feature-item .listar-feature-block-content-wrapper {
     position: relative;
     display: block;
     text-decoration: none;
     margin: -30px;
     padding: 30px;
     height: calc(100% + 100px);
   }
   
   .listar-features-design-2 .listar-feature-item-wrapper {
     margin-bottom: 120px;
     padding-left: 27px;
     padding-right: 27px;
   }
   
   .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
     content: "";
     background-color: #fff;
     z-index: 6;
     position: absolute;
     background-repeat: no-repeat;
     background-position: center center;
   }
   
   .listar-feature-icon-wrapper {
     width: 148px;
     height: 148px;
     line-height: 148px;
     border-radius: 500px;
     position: relative;
     background-color: #fff;
     box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     left: 50%;
     vertical-align: middle;
     margin-left: -74px;
     top: -66px;
     margin-top: -74px;
   }
   
   .listar-feature-icon-inner {
     width: 120px;
     height: 120px;
     line-height: 120px;
     border-radius: 500px;
     position: relative;
     display: inline-block;
     vertical-align: middle;
     box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
     background: #fff;
   }
   
   .listar-feature-icon-inner div {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     display: inline-block;
     position: relative;
     width: 120px;
     height: 120px;
     line-height: 120px;
     text-align: left;
   }
   
   .listar-feature-icon-inner img {
     position: relative;
     margin: 0 auto;
     vertical-align: middle;
     display: inline-block;
     width: auto;
     left: 50%;
     -webkit-transform: translate(-50%);
     -moz-transform: translate(-50%);
     -ms-transform: translate(-50%);
     -o-transform: translate(-50%);
     transform: translate(-50%);
     height: 55px;
   }
   
   .listar-feature-item img,
   .listar-feature-item i {
     position: relative;
     display: inline-block;
     border-bottom: 0;
     font-size: 40px;
     top: 0;
     padding: 0;
     color: #258bd5;
   }
   
   .listar-feature-with-image .listar-feature-content-wrapper {
     top: 0;
   }
   .listar-feature-content-wrapper {
     position: relative;
     margin-top: -15.5px;
   }
   
   .listar-feature-item .listar-feature-item-title {
     padding-top: 0;
     margin: 0 0 30px;
     text-align: center;
     line-height: 1.5;
   }
   
   .listar-feature-item
     .listar-feature-item-title.listar-feature-counter-added
     > span {
     margin-left: 25px;
     border-radius: 0 50px 50px 0;
   }
   
   .listar-feature-item .listar-feature-item-title > span {
     box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
       5px 0px 40px rgba(80, 80, 80, 0.1);
     padding: 10px 20px;
     display: inline-block;
     position: relative;
     background-color: #fff;
   }
   
   .listar-feature-item .listar-feature-item-title > span span {
     box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
       5px 0px 80px rgba(80, 80, 80, 0.15);
     padding: 10px 0;
     display: inline-block;
     width: 50px;
     height: 50px;
     line-height: 30px;
     white-space: nowrap;
     position: absolute;
     top: -3px;
     left: -40px;
     border-radius: 50px;
     background-color: #fff;
   }
   
   .listar-feature-item .listar-feature-item-title span {
     display: inline-block;
     font-size: 14px;
     line-height: normal;
     font-weight: 400;
     text-shadow: none;
     border-radius: 50px;
     color: #252525;
     font-size: 18px;
   }
   
   .listar-feature-item-excerpt {
     padding: 0 20px;
   }
   
   .listar-feature-item-excerpt {
     color: #252525;
     position: relative;
     top: 0;
     width: 100%;
     margin: 0 auto;
     text-align: center;
   }
   
   .pset {
     padding-top: 180px;
     padding-bottom: 0px;
   }
   
   .listar-map-button-text span {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 15px;
     height: 44px;
     line-height: 1.6;
     padding: 10px 25px;
     box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
     border-radius: 50px;
     background-color: rgba(35, 40, 45, 0.9);
     color: #fff;
     text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
   }
   
   .listar-map-button-text span {
     background-color: #fff;
     color: #252525;
     text-shadow: none;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -ms-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
   }
   
   .listar-map-button-text span:after {
     border: 12px solid #fff;
   }
   
   .listar-map-button-text span:after {
     content: "";
     position: absolute;
     top: -14px;
     left: -14px;
     width: calc(100% + 28px);
     height: calc(100% + 28px);
     border-radius: 36px;
   }
   
   .listar-map-button:hover .listar-map-button-text span {
     padding: 10px 43px 10px 51px;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -ms-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
   }
   
   .listar-feature-with-image .listar-feature-item a:before {
     content: "";
     position: absolute;
     top: -74px;
     left: 50%;
     margin-left: -74px;
     width: 148px;
     height: 148px;
     border-radius: 1000px;
     z-index: 10;
   }
   
   .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
     margin-left: -25px;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
       15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
     bottom: -30px;
     background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
     background-size: 40%;
     color: #555;
     line-height: 52px;
   }
   
   
   /**
   * Mobile Navigation 
   */
   .mobile-nav-toggle {
     color: #556270;
     font-size: 28px;
     cursor: pointer;
     display: none;
     line-height: 0;
     transition: 0.5s;
   }
   
   .mobile-nav-toggle.bi-x {
     color: #fff;
   }
   
   @media (max-width: 991px) {
     .mobile-nav-toggle {
       display: block;
     }
   
     .navbar ul {
       display: none;
     }
   }
   
   .navbar-mobile {
     position: fixed;
     overflow: hidden;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: rgba(63, 73, 83, 0.9);
     transition: 0.3s;
     z-index: 999;
   }
   
   .navbar-mobile .mobile-nav-toggle {
     position: absolute;
     top: 15px;
     right: 15px;
   }
   
   .navbar-mobile ul {
     display: block;
     position: absolute;
     top: 55px;
     right: 15px;
     bottom: 15px;
     left: 15px;
     padding: 10px 0;
     background-color: #fff;
     overflow-y: auto;
     transition: 0.3s;
   }
   
   .navbar-mobile a,
   .navbar-mobile a:focus {
     padding: 10px 20px;
     font-size: 15px;
     color: #556270;
   }
   
   .navbar-mobile a:hover,
   .navbar-mobile .active,
   .navbar-mobile li:hover>a {
     color: #198754;
   }
   
   .navbar-mobile .getstarted,
   .navbar-mobile .getstarted:focus {
     margin: 15px;
   }
   
   .navbar-mobile .dropdown ul {
     position: static;
     display: none;
     margin: 10px 20px;
     padding: 10px 0;
     z-index: 99;
     opacity: 1;
     visibility: visible;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
   }
   
   .navbar-mobile .dropdown ul li {
     min-width: 200px;
   }
   
   .navbar-mobile .dropdown ul a {
     padding: 10px 20px;
   }
   
   .navbar-mobile .dropdown ul a i {
     font-size: 12px;
   }
   
   .navbar-mobile .dropdown ul a:hover,
   .navbar-mobile .dropdown ul .active:hover,
   .navbar-mobile .dropdown ul li:hover>a {
     color: #d9232d;
   }
   
   .navbar-mobile .dropdown>.dropdown-active {
     display: block;
   }
   
   /*--------------------------------------------------------------
   # Hero Section
   --------------------------------------------------------------*/
   .checkbox {
     display: flex;
     align-items: flex-start;
     align-items: baseline;
   }
   .chk-box{
     /* padding-top: 24px; */
     margin-top: 5px;
     margin-right: 5px;
   }
   
   .chkbox-fntsize {
       font-size: 12px;
   }
   .checkbox p{
         padding: 5px;
   }
   #hero {
     width: 100%;
     height: 100vh;
     background-color: rgba(63, 73, 83, 0.8);
     overflow: hidden;
     position: relative;
   }
   
   #hero .carousel,
   #hero .carousel-inner,
   #hero .carousel-item,
   #hero .carousel-item::before {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
   }
   
   #hero .carousel-item {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
   }
   
   #hero .carousel-item::before {
     content: "";
     background-color: rgba(30, 35, 40, 0.6);
   }
   #hero .carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 70px;
    left: 40px;
    width: 100%;
  }
   /* #hero .carousel-container {
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     bottom: 0;
     top: 70px;
     left: 50px;
     right: 50px;
   } */
   
   #hero .container {
     text-align: center;
   }
   
   #hero h2 {
     color: #fff;
     margin-bottom: 20px;
     font-size: 35px;
     font-weight: 700;
   }
   
   #hero p {
     animation-delay: 0.4s;
     margin: 0 auto 30px auto;
     color: #fff;
   }
   
   #hero .carousel-inner .carousel-item {
     transition-property: opacity;
     background-position: center top;
   }
   
   #hero .carousel-inner .carousel-item,
   #hero .carousel-inner .active.carousel-item-start,
   #hero .carousel-inner .active.carousel-item-end {
     opacity: 0;
   }
   
   #hero .carousel-inner .active,
   #hero .carousel-inner .carousel-item-next.carousel-item-start,
   #hero .carousel-inner .carousel-item-prev.carousel-item-end {
     opacity: 1;
     transition: 0.5s;
   }
   
   #hero .carousel-inner .carousel-item-next,
   #hero .carousel-inner .carousel-item-prev,
   #hero .carousel-inner .active.carousel-item-start,
   #hero .carousel-inner .active.carousel-item-end {
     left: 0;
     transform: translate3d(0, 0, 0);
   }
   
   #hero .carousel-control-next-icon,
   #hero .carousel-control-prev-icon {
     background: none;
     font-size: 30px;
     line-height: 0;
     width: auto;
     height: auto;
     background: rgba(255, 255, 255, 0.2);
     border-radius: 50px;
     transition: 0.3s;
     color: rgba(255, 255, 255, 0.5);
     width: 54px;
     height: 54px;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   
   #hero .carousel-control-next-icon:hover,
   #hero .carousel-control-prev-icon:hover {
     background: rgba(255, 255, 255, 0.3);
     color: rgba(255, 255, 255, 0.8);
   }
   
   #hero .carousel-indicators li {
     cursor: pointer;
     background: #fff;
     overflow: hidden;
     border: 0;
     width: 12px;
     height: 12px;
     border-radius: 50px;
     opacity: 0.6;
     transition: 0.3s;
   }
   
  /* #hero .carousel-indicators li.active {
     opacity: 1;
     background: #198754;
   }*/
   #hero .carousel-indicators li.active {
     opacity: 1;
     background: transparent;
   }
   
   #hero .btn-get-started {
     font-family: "Montserrat",sans-serif;
     font-weight: 500;
     font-size: 14px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 14px 32px;
     border-radius: 4px;
     transition: 0.5s;
     line-height: 1;
     color: #fff;
     animation-delay: 0.8s;
     background: #198754;
   }
   
   #hero .btn-get-started:hover {
     background: #18d26e;
   }
   
   @media (max-width: 992px) {
     #hero {
       height: 100vh;
     }
   
     #hero .carousel-container {
       top: 8px;
     }
   }
   .containers {
      width: 80%;
      padding: 50px 0;
      margin: 50px auto;
      position: relative;
      overflow: hidden;
   }
   
   .containers:before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -1px;
      width: 2px;
      height: 100%;
      background: #CCD1D9;
      z-index: 1
   }
   
   .timeline-block {
      width: -webkit-calc(50% + 8px);
      width: -moz-calc(50% + 8px);
      width: calc(50% + 8px);
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      justify-content: space-between;
      clear: both;
   }
   
   .timeline-block-right {
      float: right;
   }
   
   .timeline-block-left {
      float: left;
      direction: rtl
   }
   
   .marker {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: 2px solid #F5F7FA;
      background: #4FC1E9;
      margin-top: 10px;
      z-index: 99
   }
   
   .timeline-content {
      width: 95%;
      padding: 0 15px;
      color: #666
   }
   
   .timeline-content h3 {
      margin-top: 5px;
      margin-bottom: 5px;
      font-size: 25px;
      font-weight: 500;
      color:#000;
   }
   
   .timeline-content span {
      font-size: 15px;
      color: #a4a4a4;
   }
   
   .timeline-content p {
      font-size: 15px;
    line-height: 1.5em;
    word-spacing: 1px;
    color: #000;
    font-weight: 500;
   }
  .login_content{
    text-align: center;
    margin-top: 60px;
   }
  .login_content h3{
    color: #49af4b;
    font-size: 30px;
    font-weight: bold;
   }
  .login_content p{
    font-size: 15px;
    line-height: 18px;
   }
   
   @media (max-width: 768px) {
     #hero h2 {
       font-size: 28px;
     }
     
     .rounded-img {
       vertical-align: middle;
       width: 100%;
       height: 100%;
       /* border-radius: 50%; */
       /* margin-left: 10px; */
   }
   /*.market-insights:before {
    content: " ";
    background: #f4f4f4;
    width: 117px!important;
    position: absolute;
    top: 57.8%!important;
    bottom: 0;
    height: 10.4%!important;
    z-index: 10;
    left: 0%!important;
    transform: skewX(152deg);
}
.market-insights1:before {
    content: " ";
    background: #f4f4f4;
    width: 115px!important;
    position: absolute;
    top: 69.3%!important;
    bottom: 0;
    height: 10.4%!important;
    z-index: 10;
    left: 66%!important;
    transform: skewX(149deg);
}*/
.m-left {
    margin-left: 25px!important;
}
.showcase {
    margin-top: 0px!important;
    display: flex;
    align-items: center;
}
.showcase1 {
    margin-top: 0px!important;
    display: flex;
    align-items: center;
}
.business-growth1{
    color: #2d8754;
    text-align: center;
}
.business-growth-section p{
    text-align: center;
}
.boostring-company {
    display: flex;
    align-items: center;
    margin-top: 0px!important;
}
.business-growth {
    color: #2d8754;
    text-align: center;
    padding-bottom: 25px;
}

.Services-you {
    /*text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px #cccccc;
    border-radius: 15px;*/
    width: 89%!important;
    margin: auto;
    display: block;
    margin-top: 15px;
    margin-left:25px!important;
}
.slider-youtube {
    border: 0;
    left: 0px!important;
    position: relative;
    top: 0px!important;
}
.last-image{
  margin-top: 20px;
}
.results-gareentee {
    width: 75%;
    border-radius: 50%;
    margin: auto;
    display: block;
}
.new-index1 h4 {
    color: #000;
    font-weight: 600;
    font-size: 25px;
    position: relative;
    z-index: 100;
    margin-top: 20px;
}
.high-quality-parts h3 {
    font-size: 23px;
    color:#000;
    font-weight:600;
}

.m1{
  padding-top:0px!important;
}
   #hero .carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 70px;
    left: 40px;
    width: 80%;
}
   #hero .carousel-container1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 70px;
    left: 0px;
    width: 100%;
}
   .container .circles {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}
   .post_job {
       background: #198754;
       padding: 8px 25px;
       border-radius: 4px;
       font-weight: 400;
       border: none;
       width: 45%;
       color: #fff;
       text-align: center;
       margin: auto;
       display: block;
       margin-bottom: 20px;
   }
   .newpage{
     visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;margin-top: 0%;margin-bottom: 25px;
   }
   .listar-feature-item-wrapper {
       margin-bottom: 120px;
       padding-left: 27px;
       padding-right: 27px;
   }
   .about-section {
       position: relative;
       padding: 45px 0 0px!important;
   }
    .containers:before {
         left: 8px;
         width: 2px;
      }
      .contact_info_sec {
       position: relative!important;
       background-color: #2d2d2d;
       right: 1px;
       color: #fff;
       height: 340px;
       margin-top: 20px;
       width: 350px!important;
       padding: 40px;
       border-radius: 25px 0 0 25px;
   }
   .under-construction{
     width: 100%;margin: 80px 0px 15px auto;display: block;
   }
   .contact_field {
       padding: 0px 0px 0px 0px!important;
       text-align: center;
   }
      .contact-mobile{
       display: none;
      }
      .timeline-block {
         width: 100%;
         margin-bottom: 30px;
      }
      .timeline-block-right {
         float: none;
      }
   
      .timeline-block-left {
         float: none;
         direction: ltr;
      }
       .gy-5 {
       margin-top: 0rem!important;
   }
   .about-section .image-column .right-column:before {
       content: '';
       position: absolute;
       width: calc(40% + 45px);
       height: calc(100% + 55px);
       top: -30px;
       right: 100px!;
       background: transparent;
       z-index: 0;
       border: 15px solid #1987544a;
       left: auto;
   }
   .aboutusimg{
     width: 100%;
   }
   .about-section .image-column .inner-column {
       position: relative;
       padding-left: 25px!important;
       padding-bottom: 0px;
   }
   .about-section .image-column .inner-column:before {
       content: '';
       position: absolute;
       width: calc(44% + 45px);
       height: calc(100% + 55px);
       top: -30px;
       left: 0px!important;
       background: transparent;
       z-index: 0;
       border: 15px solid #1987544a;
   }
   .about-section .content-column {
       position: relative;
       margin-bottom: 0px!important;
   }
   .mobile-img{
         margin-bottom: 50px!important;
   }
   .about-section .content-column .inner-column {
       position: relative;
       padding-left: 30px;
       padding-top: 30px;
   }
   .effortlessly{
     margin-bottom: 20px!important;
       padding-left: 27px;
       padding-right: 27px;
   }
   .machined-part{
     padding-top: 0px!important;
   }
   .navbar a, .navbar a:focus {
       display: block;
       align-items: center;
       justify-content: space-between;
       padding: 10px 0 10px 30px;
       
       font-size: 15px;
       font-weight: 500;
       color: #556270;
       white-space: nowrap;
       transition: 0.3s;
   }
   .new_design{
     padding-bottom: 20px;
   }
   section {
       padding: 15px 0 !important;
       overflow: hidden;
   }
   .navbar-mobile ul {
       display: block;
       position: absolute;
       top: 55px;
       right: 15px;
       bottom: 15px;
       left: 15px;
       padding: 10px 0;
       background-color: #fff;
       overflow-y: auto;
       transition: 0.3s;
       line-height: 2.5;
   }
   .new-index {
    text-align: center;
    max-width: 100%!important;
    margin: auto;
    margin-top: 25px!important;
}
.new-index1 {
    width: 100%!important;
    margin: auto;
}
.login-image {
    width: 100%!important;
    margin: auto;
    display: block;
}
.mobile{
  display: block!important;
}
   .rounded-flex {
       font-size: 13px; 
   display:block!important;
   }
   .postpage{
       padding: 0px 30px 0 30px;
   }
   .radiobtn{
         display: flex!important;
       align-items: baseline;
       justify-content: space-evenly;
   }
   .radiobtn label{
       padding: 5px;
   }
   .page-header-aboutus {
    background: linear-gradient(rgb(6 3 21 / 16%), rgb(6 3 21 / 16%)),  url(../img2/banner/about-us.png) no-repeat;
    background-size: cover;
  }
  .page-header-howitsworks {
    background: linear-gradient(rgb(6 3 21 / 16%), rgb(6 3 21 / 16%)),  url(../img2/banner/how-it-works.png) no-repeat;
    background-size: cover;
  }
  .page-header-subscription {
    background: linear-gradient(rgb(6 3 21 / 16%), rgb(6 3 21 / 16%)),  url(../img2/banner/subscription.png) no-repeat;
    background-size: cover;
  }
  .page-header-contact {
    background: linear-gradient(rgb(6 3 21 / 16%), rgb(6 3 21 / 16%)),  url(../img2/banner/contact.png) no-repeat;
    background-size: cover;
  }
   }
   
   @media (min-width: 1024px) {
   
     #hero .carousel-control-prev,
     #hero .carousel-control-next {
       width: 5%;
       display:none;
     }
   }
   
   @media (max-height: 500px) {
     #hero {
       height: 120vh;
     }
   }
   
   /*--------------------------------------------------------------
   # Sections General
   --------------------------------------------------------------*/
   
   .register-radio {
       font-size: 20px!important;
   }
   section {
     padding: 40px 0;
     overflow: hidden;
    z-index: 10;
    position: relative;
   }
   
   .section-bg,
   .services .icon-box {
     background-color: #f8f9fa;
   }
   
   .section-title {
     padding-bottom: 40px;
   }
   
   .section-title h2 {
     font-size: 14px;
     font-weight: 500;
     padding: 0;
     line-height: 1px;
     margin: 0 0 5px 0;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #aaaaaa;
     font-family: "Montserrat",sans-serif;
   }
   
   .section-title h2::after {
     content: "";
     width: 120px;
     height: 1px;
     display: inline-block;
     background: #198754;
     margin: 4px 10px;
   }
   
   .section-title p {
     margin: 0;
     margin: 0;
     font-size: 36px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: "Montserrat",sans-serif;
     color: #556270;
   }
   
   /*--------------------------------------------------------------
   # Breadcrumbs
   --------------------------------------------------------------*/
   .breadcrumbs {
     padding: 18px 0;
     background: #f8f9fa;
     min-height: 40px;
     margin-top: 80px;
     padding-bottom: 25px;
   }
   
   .breadcrumbs h2 {
     font-size: 32px;
     font-weight: 300;
     margin: 0;
   }
   
   .breadcrumbs ol {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 14px;
   }
   
   .breadcrumbs ol li+li {
     padding-left: 10px;
   }
   
   .breadcrumbs ol li+li::before {
     display: inline-block;
     padding-right: 10px;
     color: #6b7b8d;
     content: "/";
   }
   
   @media (max-width: 992px) {
     .breadcrumbs {
       margin-top: 58px;
     }
   
     .breadcrumbs .d-flex {
       display: block !important;
     }
   
     .breadcrumbs h2 {
       margin-bottom: 10px;
     }
   
     .breadcrumbs ol {
       display: block;
     }
   
     .breadcrumbs ol li {
       display: inline-block;
     }
   }
   
   /*--------------------------------------------------------------
   # About
   --------------------------------------------------------------*/
   .about .content h2 {
     font-weight: 700;
     font-size: 48px;
     line-height: 60px;
     margin-bottom: 20px;
     text-transform: uppercase;
   }
   
   .about .content h3 {
     font-weight: 500;
     line-height: 32px;
     font-size: 25px;
   }
   
   .about .content ul {
     list-style: none;
     padding: 0;
   }
   
   .about .content ul li {
     padding: 10px 0 0 28px;
     position: relative;
   }
   
   .about .content ul i {
     left: 0;
     top: 7px;
     position: absolute;
     font-size: 20px;
     color: #198754;
   }
   
   .about .content p:last-child {
     margin-bottom: 0;
   }
   
   /*--------------------------------------------------------------
   # Clients
   --------------------------------------------------------------*/
   .clients {
     padding: 15px 0;
     text-align: center;
   }
   
   .clients img {
     max-width: 45%;
     transition: all 0.4s ease-in-out;
     display: inline-block;
     padding: 15px 0;
     filter: grayscale(100);
   }
   
   .clients img:hover {
     filter: none;
     transform: scale(1.15);
   }
   
   @media (max-width: 768px) {
     .clients img {
       max-width: 40%;
     }
     .features .nav-link.active {
       color: #198754!important;
   /*    background: #198754;*/
   }
   }
   
   /*--------------------------------------------------------------
   # Services
   --------------------------------------------------------------*/
   .services .icon-box {
     margin-bottom: 20px;
     padding: 30px;
     border-radius: 6px;
   }
   
   .services .icon-box i {
     float: left;
     color: #198754;
     font-size: 40px;
   }
   
   .services .icon-box h4 {
     margin-left: 70px;
     font-weight: 700;
     margin-bottom: 15px;
     font-size: 18px;
   }
   
   .services .icon-box h4 a {
     color: #556270;
     transition: 0.3s;
   }
   
   .services .icon-box p {
     margin-left: 70px;
     line-height: 24px;
     font-size: 14px;
   }
   
   .services .icon-box:hover h4 a {
     color: #198754!important;
   }
   
   /*--------------------------------------------------------------
   # rounded-img
   --------------------------------------------------------------*/
   .rounded-img {
     vertical-align: middle;
     width: 100px;
     height: 100px;
     border-radius: 50%;
   /*margin-left:10px;*/
   }
   .rounded-flex div{
     text-align: center!important;
   
   }
   .rounded-flex {
       font-size: 13px;
       display: flex;
       justify-content: space-around;
       font-weight: 600;
   }
   .rounded-flex p{
     padding-top: 10px!important;
   }
   
   
   /*--------------------------------------------------------------
   # Portfolio
   --------------------------------------------------------------*/
   
   .portfolio .portfolio-item {
     margin-bottom: 30px;
   }
   
   .portfolio #portfolio-flters {
     padding: 0;
     margin: 0 auto 20px auto;
     list-style: none;
     text-align: center;
   }
   
   .portfolio #portfolio-flters li {
     cursor: pointer;
     display: inline-block;
     padding: 8px 15px 10px 15px;
     font-size: 14px;
     font-weight: 600;
     line-height: 1;
     text-transform: uppercase;
     color: #444444;
     margin-bottom: 5px;
     transition: all 0.3s ease-in-out;
     border-radius: 3px;
   }
   
   .portfolio #portfolio-flters li:hover,
   .portfolio #portfolio-flters li.filter-active {
     color: #fff;
     background: #198754;
   }
   
   .portfolio #portfolio-flters li:last-child {
     margin-right: 0;
   }
   
   .portfolio .portfolio-wrap {
     transition: 0.3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
     background: rgba(85, 98, 112, 0.6);
   }
   
   .portfolio .portfolio-wrap::before {
     content: "";
     background: rgba(85, 98, 112, 0.6);
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     transition: all ease-in-out 0.3s;
     z-index: 2;
     opacity: 0;
   }
   
   .portfolio .portfolio-wrap img {
     transition: all ease-in-out 0.3s;
   }
   
   .portfolio .portfolio-wrap .portfolio-info {
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 3;
     transition: all ease-in-out 0.3s;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-start;
     padding: 20px;
   }
   
   .portfolio .portfolio-wrap .portfolio-info h4 {
     font-size: 20px;
     color: #fff;
     font-weight: 600;
   }
   
   .portfolio .portfolio-wrap .portfolio-info p {
     color: rgba(255, 255, 255, 0.7);
     font-size: 14px;
     text-transform: uppercase;
     padding: 0;
     margin: 0;
     font-style: italic;
   }
   
   .portfolio .portfolio-wrap .portfolio-links {
     text-align: center;
     z-index: 4;
   }
   
   .portfolio .portfolio-wrap .portfolio-links a {
     color: rgba(255, 255, 255, 0.6);
     margin: 0 5px 0 0;
     font-size: 28px;
     display: inline-block;
     transition: 0.3s;
   }
   
   .portfolio .portfolio-wrap .portfolio-links a:hover {
     color: white;
   }
   
   .portfolio .portfolio-wrap:hover::before {
     opacity: 1;
   }
   
   .portfolio .portfolio-wrap:hover img {
     transform: scale(1.2);
   }
   
   .portfolio .portfolio-wrap:hover .portfolio-info {
     opacity: 1;
   }
   
   /*--------------------------------------------------------------
   # Portfolio Details
   --------------------------------------------------------------*/
   .portfolio-details {
     padding-top: 40px;
   }
   
   .portfolio-details .portfolio-details-slider img {
     width: 100%;
   }
   
   .portfolio-details .portfolio-details-slider .swiper-pagination {
     margin-top: 20px;
     position: relative;
   }
   
   .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     background-color: #fff;
     opacity: 1;
     border: 1px solid #d9232d;
   }
   
   .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
     background-color: #d9232d;
   }
   
   .portfolio-details .portfolio-info {
     padding: 30px;
     box-shadow: 0px 0 30px rgba(85, 98, 112, 0.08);
   }
   
   .portfolio-details .portfolio-info h3 {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 20px;
     padding-bottom: 20px;
     border-bottom: 1px solid #eee;
   }
   
   .portfolio-details .portfolio-info ul {
     list-style: none;
     padding: 0;
     font-size: 15px;
   }
   
   .portfolio-details .portfolio-info ul li+li {
     margin-top: 10px;
   }
   
   .portfolio-details .portfolio-description {
     padding-top: 30px;
   }
   
   .portfolio-details .portfolio-description h2 {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 20px;
   }
   
   .portfolio-details .portfolio-description p {
     padding: 0;
   }
   
   /*--------------------------------------------------------------
   # Our Team
   --------------------------------------------------------------*/
   .team .member {
     position: relative;
     box-shadow: 0px 2px 15px rgba(85, 98, 112, 0.08);
     padding: 30px;
     border-radius: 4px;
     background: white;
   }
   
   .team .member .pic {
     overflow: hidden;
     width: 140px;
     border-radius: 4px;
   }
   
   .team .member .pic img {
     transition: ease-in-out 0.3s;
   }
   
   .team .member:hover img {
     transform: scale(1.1);
   }
   
   .team .member .member-info {
     padding-left: 30px;
   }
   
   .team .member h4 {
     font-weight: 700;
     margin-bottom: 5px;
     font-size: 20px;
     color: #556270;
   }
   
   .team .member span {
     display: block;
     font-size: 15px;
     padding-bottom: 10px;
     position: relative;
     font-weight: 500;
   }
   
   .team .member span::after {
     content: "";
     position: absolute;
     display: block;
     width: 50px;
     height: 1px;
     background: #dee2e6;
     bottom: 0;
     left: 0;
   }
   
   .team .member p {
     margin: 10px 0 0 0;
     font-size: 14px;
   }
   
   .team .member .social {
     margin-top: 12px;
     display: flex;
     align-items: center;
     justify-content: flex-start;
   }
   
   .team .member .social a {
     transition: ease-in-out 0.3s;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 4px;
     width: 32px;
     height: 32px;
     background: #8795a4;
   }
   
   .team .member .social a i {
     color: #fff;
     font-size: 16px;
     margin: 0 2px;
   }
   
   .team .member .social a:hover {
     background: #d9232d;
   }
   
   .team .member .social a+a {
     margin-left: 8px;
   }
   
   /*--------------------------------------------------------------
   # Our Skills
   --------------------------------------------------------------*/
   .skills .progress {
     height: 60px;
     display: block;
     background: none;
     border-radius: 0;
   }
   
   .skills .progress .skill {
     padding: 10px 0;
     margin: 0;
     text-transform: uppercase;
     display: block;
     font-weight: 600;
     font-family: "Montserrat",sans-serif;
     color: #556270;
   }
   
   .skills .progress .skill .val {
     float: right;
     font-style: normal;
   }
   
   .skills .progress-bar-wrap {
     background: #edeff1;
   }
   
   .skills .progress-bar {
     width: 1px;
     height: 10px;
     transition: 0.9s;
     background-color: #6b7b8d;
   }
   
   /*--------------------------------------------------------------
   # Features
   --------------------------------------------------------------*/
   .features {
     overflow: hidden;
   }
   
   .features .nav-tabs {
     border: 0;
   }
   
   .features .nav-link {
     border: 0;
     padding: 12px 15px 12px 0;
     transition: 0.3s;
     color: #556270;
     border-radius: 0;
     border-right: 2px solid white;
     font-weight: 600;
     font-size: 15px;
   }
   
   .features .nav-link:hover {
     color: #d9232d;
   }
   
   .features .nav-link.active {
   /*  color: #d9232d;*/
     border-color: #198754;
   }
   
   .features .tab-pane.active {
     animation: fadeIn 0.5s ease-out;
   }
   
   .features .details h3 {
     font-size: 26px;
     font-weight: 600;
     margin-bottom: 20px;
     color: #556270;
   }
   
   .features .details p {
     color: #777777;
   }
   
   .features .details p:last-child {
     margin-bottom: 0;
   }
   
   @media (max-width: 992px) {
     .features .nav-link {
       border: 0;
       padding: 15px;
     }
   
     .features .nav-link.active {
       color: #198754;
   /*    background: #198754;*/
     }
   
   }
   
   /*--------------------------------------------------------------
   # Pricing
   --------------------------------------------------------------*/
   .pricing .box {
     padding: 20px;
     background: #fff;
     text-align: center;
     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
     border-radius: 5px;
     position: relative;
     overflow: hidden;
   }
   
   .pricing h3 {
     font-weight: 400;
     margin: -20px -20px 20px -20px;
     padding: 20px 15px;
     font-size: 16px;
     font-weight: 600;
     color: #777777;
     background: #f8f8f8;
   }
   
   .pricing h4 {
     font-size: 36px;
     color: #198754;
     font-weight: 600;
     font-family: "Montserrat",sans-serif;
     margin-bottom: 20px;
   }
   
   .pricing h4 sup {
     font-size: 20px;
     top: -15px;
     left: -3px;
   }
   
   .pricing h4 span {
     color: #bababa;
     font-size: 16px;
     font-weight: 300;
   }
   
   .pricing ul {
     padding: 0;
     list-style: none;
     color: #444444;
     text-align: center;
     line-height: 20px;
     font-size: 14px;
   }
   
   .pricing ul li {
     padding-bottom: 16px;
   }
   
   .pricing ul i {
     color: #d9232d;
     font-size: 18px;
     padding-right: 4px;
   }
   
   .pricing ul .na {
     color: #ccc;
     text-decoration: line-through;
   }
   
   .pricing .btn-wrap {
     margin: 20px -20px -20px -20px;
     padding: 20px 15px;
     background: #f8f8f8;
     text-align: center;
   }
   
   .pricing .btn-buy {
     background: #198754;
     display: inline-block;
     padding: 8px 35px 9px 35px;
     border-radius: 4px;
     color: #fff;
     transition: none;
     font-size: 14px;
     font-weight: 400;
     font-family: "Montserrat",sans-serif;
     font-weight: 600;
     transition: 0.3s;
   }
   
   .pricing .btn-buy:hover {
     background: #e1444d;
   }
   
   .pricing .featured h3 {
     color: #fff;
     background: #198754;
   }
   
   .pricing .advanced {
     width: 200px;
     position: absolute;
     top: 18px;
     right: -68px;
     transform: rotate(45deg);
     z-index: 1;
     font-size: 14px;
     padding: 1px 0 3px 0;
     background: #8bc34a;
     color: #fff;
   }
   
   /*--------------------------------------------------------------
   # Frequently Asked Questions
   --------------------------------------------------------------*/
   .faq .faq-item {
     margin: 20px 0;
     padding: 20px 0;
     border-bottom: 1px solid white;
   }
   
   .faq .faq-item i {
     color: #b0b8c1;
     font-size: 20px;
     float: left;
     line-height: 0;
     padding: 13px 0 0 0;
     margin: 0;
   }
   
   .faq .faq-item h4 {
     font-size: 16px;
     line-height: 26px;
     font-weight: 500;
     margin: 0 0 10px 28px;
     font-family: "Montserrat",sans-serif;
   }
   
   .faq .faq-item p {
     font-size: 15px;
   }
   
   /*--------------------------------------------------------------
   # Testimonials
   --------------------------------------------------------------*/
   .testimonials .testimonials-carousel,
   .testimonials .testimonials-slider {
     overflow: hidden;
   }
   
   .testimonials .testimonial-item {
     box-sizing: content-box;
     padding: 40px;
     box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
     position: relative;
     background: #fff;
   }
   
   .testimonials .testimonial-item .testimonial-img {
     width: 90px;
     border-radius: 50px;
     border: 6px solid #fff;
     float: left;
     margin: 0 10px 0 0;
   }
   
   .testimonials .testimonial-item h3 {
     font-size: 18px;
     font-weight: bold;
     margin: 10px 0 5px 0;
     color: #111;
   }
   
   .testimonials .testimonial-item h4 {
     font-size: 14px;
     color: #999;
     margin: 0;
   }
   
   .testimonials .testimonial-item .quote-icon-left,
   .testimonials .testimonial-item .quote-icon-right {
     color: #f8d1d3;
     font-size: 26px;
   }
   
   .testimonials .testimonial-item .quote-icon-left {
     display: inline-block;
     left: -5px;
     position: relative;
   }
   
   .testimonials .testimonial-item .quote-icon-right {
     display: inline-block;
     right: -5px;
     position: relative;
     top: 10px;
   }
   
   .testimonials .testimonial-item p {
     font-style: italic;
     margin: 15px 0 0 0;
     padding: 0;
   }
   
   /*--------------------------------------------------------------
   # Contact
   --------------------------------------------------------------*/
   .contact .info {
     width: 100%;
     background: #fff;
   }
   
   .contact .info i {
     font-size: 20px;
     color: #556270;
     float: left;
     width: 44px;
     height: 44px;
     background: #edeff1;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50px;
     transition: all 0.3s ease-in-out;
   }
   
   .contact .info h4 {
     padding: 0 0 0 60px;
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 5px;
     color: #556270;
   }
   
   .contact .info p {
     padding: 0 0 0 60px;
     margin-bottom: 0;
     font-size: 14px;
     color: #8795a4;
   }
   
   .contact .info .email,
   .contact .info .phone {
     margin-top: 40px;
   }
   
   .contact .info .email:hover i,
   .contact .info .address:hover i,
   .contact .info .phone:hover i {
     background: #556270;
     color: #fff;
   }
   
   .contact .php-email-form {
     width: 100%;
     background: #fff;
   }
   
   .contact .php-email-form .form-group {
     padding-bottom: 8px;
   }
   
   .contact .php-email-form .error-message {
     display: none;
     color: #fff;
     background: #ed3c0d;
     text-align: left;
     padding: 15px;
     font-weight: 600;
   }
   
   .contact .php-email-form .error-message br+br {
     margin-top: 25px;
   }
   
   .contact .php-email-form .sent-message {
     display: none;
     color: #fff;
     background: #18d26e;
     text-align: center;
     padding: 15px;
     font-weight: 600;
   }
   
   .contact .php-email-form .loading {
     display: none;
     background: #fff;
     text-align: center;
     padding: 15px;
   }
   
   .contact .php-email-form .loading:before {
     content: "";
     display: inline-block;
     border-radius: 50%;
     width: 24px;
     height: 24px;
     margin: 0 10px -6px 0;
     border: 3px solid #18d26e;
     border-top-color: #eee;
     animation: animate-loading 1s linear infinite;
   }
   
   .contact .php-email-form input,
   .contact .php-email-form textarea {
     border-radius: 0;
     box-shadow: none;
     font-size: 14px;
     border-radius: 4px;
   }
   
   .contact .php-email-form input:focus,
   .contact .php-email-form textarea:focus {
     border-color: #d9232d;
   }
   
   .contact .php-email-form input {
     height: 44px;
   }
   
   .contact .php-email-form textarea {
     padding: 10px 12px;
   }
   
   .contact .php-email-form button[type=submit] {
     background: #d9232d;
     border: 0;
     padding: 10px 24px;
     color: #fff;
     transition: 0.4s;
     border-radius: 4px;
   }
   
   .contact .php-email-form button[type=submit]:hover {
     background: #e24d55;
   }
   
   @keyframes animate-loading {
     0% {
       transform: rotate(0deg);
     }
   
     100% {
       transform: rotate(360deg);
     }
   }
   
   /*--------------------------------------------------------------
   # Blog
   --------------------------------------------------------------*/
   .blog {
     padding: 40px 0 20px 0;
   }
   
   .blog .entry {
     padding: 30px;
     margin-bottom: 60px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
   }
   
   .blog .entry .entry-img {
     max-height: 440px;
     margin: -30px -30px 20px -30px;
     overflow: hidden;
   }
   
   .blog .entry .entry-title {
     font-size: 28px;
     font-weight: bold;
     padding: 0;
     margin: 0 0 20px 0;
   }
   
   .blog .entry .entry-title a {
     color: #556270;
     transition: 0.3s;
   }
   
   .blog .entry .entry-title a:hover {
     color: #d9232d;
   }
   
   .blog .entry .entry-meta {
     margin-bottom: 15px;
     color: #c1c8d0;
   }
   
   .blog .entry .entry-meta ul {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     align-items: center;
     padding: 0;
     margin: 0;
   }
   
   .blog .entry .entry-meta ul li+li {
     padding-left: 20px;
   }
   
   .blog .entry .entry-meta i {
     font-size: 16px;
     margin-right: 8px;
     line-height: 0;
   }
   
   .blog .entry .entry-meta a {
     color: #777777;
     font-size: 14px;
     display: inline-block;
     line-height: 1;
   }
   
   .blog .entry .entry-content p {
     line-height: 24px;
   }
   
   .blog .entry .entry-content .read-more {
     -moz-text-align-last: right;
     text-align-last: right;
   }
   
   .blog .entry .entry-content .read-more a {
     display: inline-block;
     background: #d9232d;
     color: #fff;
     padding: 6px 20px;
     transition: 0.3s;
     font-size: 14px;
     border-radius: 4px;
   }
   
   .blog .entry .entry-content .read-more a:hover {
     background: #df3740;
   }
   
   .blog .entry .entry-content h3 {
     font-size: 22px;
     margin-top: 30px;
     font-weight: bold;
   }
   
   .blog .entry .entry-content blockquote {
     overflow: hidden;
     background-color: #fafafa;
     padding: 60px;
     position: relative;
     text-align: center;
     margin: 20px 0;
   }
   
   .blog .entry .entry-content blockquote p {
     color: #444444;
     line-height: 1.6;
     margin-bottom: 0;
     font-style: italic;
     font-weight: 500;
     font-size: 22px;
   }
   
   .blog .entry .entry-content blockquote::after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 3px;
     background-color: #556270;
     margin-top: 20px;
     margin-bottom: 20px;
   }
   
   .blog .entry .entry-footer {
     padding-top: 10px;
     border-top: 1px solid #e6e6e6;
   }
   
   .blog .entry .entry-footer i {
     color: #a4afba;
     display: inline;
   }
   
   .blog .entry .entry-footer a {
     color: #606f7e;
     transition: 0.3s;
   }
   
   .blog .entry .entry-footer a:hover {
     color: #d9232d;
   }
   
   .blog .entry .entry-footer .cats {
     list-style: none;
     display: inline;
     padding: 0 20px 0 0;
     font-size: 14px;
   }
   
   .blog .entry .entry-footer .cats li {
     display: inline-block;
   }
   
   .blog .entry .entry-footer .tags {
     list-style: none;
     display: inline;
     padding: 0;
     font-size: 14px;
   }
   
   .blog .entry .entry-footer .tags li {
     display: inline-block;
   }
   
   .blog .entry .entry-footer .tags li+li::before {
     padding-right: 6px;
     color: #6c757d;
     content: ",";
   }
   
   .blog .entry .entry-footer .share {
     font-size: 16px;
   }
   
   .blog .entry .entry-footer .share i {
     padding-left: 5px;
   }
   
   .blog .entry-single {
     margin-bottom: 30px;
   }
   
   .blog .blog-author {
     padding: 20px;
     margin-bottom: 30px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
   }
   
   .blog .blog-author img {
     width: 120px;
     margin-right: 20px;
   }
   
   .blog .blog-author h4 {
     font-weight: 600;
     font-size: 22px;
     margin-bottom: 0px;
     padding: 0;
     color: #556270;
   }
   
   .blog .blog-author .social-links {
     margin: 0 10px 10px 0;
   }
   
   .blog .blog-author .social-links a {
     color: rgba(85, 98, 112, 0.5);
     margin-right: 5px;
   }
   
   .blog .blog-author p {
     font-style: italic;
     color: #b7b7b7;
   }
   
   .blog .blog-comments {
     margin-bottom: 30px;
   }
   
   .blog .blog-comments .comments-count {
     font-weight: bold;
   }
   
   .blog .blog-comments .comment {
     margin-top: 30px;
     position: relative;
   }
   
   .blog .blog-comments .comment .comment-img {
     margin-right: 14px;
   }
   
   .blog .blog-comments .comment .comment-img img {
     width: 60px;
   }
   
   .blog .blog-comments .comment h5 {
     font-size: 16px;
     margin-bottom: 2px;
   }
   
   .blog .blog-comments .comment h5 a {
     font-weight: bold;
     color: #444444;
     transition: 0.3s;
   }
   
   .blog .blog-comments .comment h5 a:hover {
     color: #d9232d;
   }
   
   .blog .blog-comments .comment h5 .reply {
     padding-left: 10px;
     color: #556270;
   }
   
   .blog .blog-comments .comment h5 .reply i {
     font-size: 20px;
   }
   
   .blog .blog-comments .comment time {
     display: block;
     font-size: 14px;
     color: #6b7b8d;
     margin-bottom: 5px;
   }
   
   .blog .blog-comments .comment.comment-reply {
     padding-left: 40px;
   }
   
   .blog .blog-comments .reply-form {
     margin-top: 30px;
     padding: 30px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
   }
   
   .blog .blog-comments .reply-form h4 {
     font-weight: bold;
     font-size: 22px;
   }
   
   .blog .blog-comments .reply-form p {
     font-size: 14px;
   }
   
   .blog .blog-comments .reply-form input {
     border-radius: 4px;
     padding: 10px 10px;
     font-size: 14px;
   }
   
   .blog .blog-comments .reply-form input:focus {
     box-shadow: none;
     border-color: #e9797f;
   }
   
   .blog .blog-comments .reply-form textarea {
     border-radius: 4px;
     padding: 10px 10px;
     font-size: 14px;
   }
   
   .blog .blog-comments .reply-form textarea:focus {
     box-shadow: none;
     border-color: #e9797f;
   }
   
   .blog .blog-comments .reply-form .form-group {
     margin-bottom: 25px;
   }
   
   .blog .blog-comments .reply-form .btn-primary {
     border-radius: 4px;
     padding: 10px 20px;
     border: 0;
     background-color: #556270;
   }
   
   .blog .blog-comments .reply-form .btn-primary:hover {
     background-color: #606f7e;
   }
   
   .blog .blog-pagination {
     color: #8795a4;
   }
   
   .blog .blog-pagination ul {
     display: flex;
     padding: 0;
     margin: 0;
     list-style: none;
   }
   
   .blog .blog-pagination li {
     margin: 0 5px;
     transition: 0.3s;
   }
   
   .blog .blog-pagination li a {
     color: #556270;
     padding: 7px 16px;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   
   .blog .blog-pagination li.active,
   .blog .blog-pagination li:hover {
     background: #d9232d;
   }
   
   .blog .blog-pagination li.active a,
   .blog .blog-pagination li:hover a {
     color: #fff;
   }
   
   .blog .sidebar {
     padding: 30px;
     margin: 0 0 60px 20px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
   }
   
   .blog .sidebar .sidebar-title {
     font-size: 20px;
     font-weight: 700;
     padding: 0 0 0 0;
     margin: 0 0 15px 0;
     color: #556270;
     position: relative;
   }
   
   .blog .sidebar .sidebar-item {
     margin-bottom: 30px;
   }
   
   .blog .sidebar .search-form form {
     background: #fff;
     border: 1px solid #ddd;
     padding: 3px 10px;
     position: relative;
   }
   
   .blog .sidebar .search-form form input[type=text] {
     border: 0;
     padding: 4px;
     border-radius: 4px;
     width: calc(100% - 40px);
   }
   
   .blog .sidebar .search-form form button {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     border: 0;
     background: none;
     font-size: 16px;
     padding: 0 15px;
     margin: -1px;
     background: #d9232d;
     color: #fff;
     transition: 0.3s;
     border-radius: 0 4px 4px 0;
     line-height: 0;
   }
   
   .blog .sidebar .search-form form button i {
     line-height: 0;
   }
   
   .blog .sidebar .search-form form button:hover {
     background: #de323c;
   }
   
   .blog .sidebar .categories ul {
     list-style: none;
     padding: 0;
   }
   
   .blog .sidebar .categories ul li+li {
     padding-top: 10px;
   }
   
   .blog .sidebar .categories ul a {
     color: #556270;
     transition: 0.3s;
   }
   
   .blog .sidebar .categories ul a:hover {
     color: #d9232d;
   }
   
   .blog .sidebar .categories ul a span {
     padding-left: 5px;
     color: #aaaaaa;
     font-size: 14px;
   }
   
   .blog .sidebar .recent-posts .post-item+.post-item {
     margin-top: 15px;
   }
   
   .blog .sidebar .recent-posts img {
     width: 80px;
     float: left;
   }
   
   .blog .sidebar .recent-posts h4 {
     font-size: 15px;
     margin-left: 95px;
     font-weight: bold;
   }
   
   .blog .sidebar .recent-posts h4 a {
     color: #556270;
     transition: 0.3s;
   }
   
   .blog .sidebar .recent-posts h4 a:hover {
     color: #d9232d;
   }
   
   .blog .sidebar .recent-posts time {
     display: block;
     margin-left: 95px;
     font-style: italic;
     font-size: 14px;
     color: #aaaaaa;
   }
   
   .blog .sidebar .tags {
     margin-bottom: -10px;
   }
   
   .blog .sidebar .tags ul {
     list-style: none;
     padding: 0;
   }
   
   .blog .sidebar .tags ul li {
     display: inline-block;
   }
   
   .blog .sidebar .tags ul a {
     color: #96a2af;
     font-size: 14px;
     padding: 6px 14px;
     margin: 0 6px 8px 0;
     border: 1px solid white;
     display: inline-block;
     transition: 0.3s;
   }
   
   .blog .sidebar .tags ul a:hover {
     color: #fff;
     border: 1px solid #d9232d;
     background: #d9232d;
   }
   
   .blog .sidebar .tags ul a span {
     padding-left: 5px;
     color: #fbfbfc;
     font-size: 14px;
   }
   
   /*--------------------------------------------------------------
   # Footer
   --------------------------------------------------------------*/
   #footer {
     background: #4a5562;
     padding: 0 0 20px 0;
     color: #fff;
     font-size: 14px;
   }
   
   #footer .footer-top {
     background: #515d6a;
     padding: 50px 0 30px 0;
   }
   
   #footer .footer-top .footer-info {
     margin-bottom: 30px;
   }
   
   #footer .footer-top .footer-info h3 {
     font-size: 24px;
     margin: 0 0 20px 0;
     padding: 2px 0 2px 0;
     line-height: 1;
     font-weight: 700;
   }
   
   #footer .footer-top .footer-info p {
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 0;
     font-family: "Montserrat",sans-serif;
     color: #fff;
   }
   
   #footer .footer-top .social-links a {
     font-size: 18px;
     display: inline-block;
     background: rgba(255, 255, 255, 0.1);
     color: #fff;
     line-height: 1;
     padding: 8px 0;
     margin-right: 4px;
     border-radius: 4px;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: 0.3s;
   }
   
   #footer .footer-top .social-links a:hover {
     background: #d9232d;
     color: #fff;
     text-decoration: none;
   }
   
   #footer .footer-top h4 {
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     position: relative;
     padding-bottom: 12px;
   }
   
   #footer .footer-top .footer-links {
     margin-bottom: 30px;
   }
   
   #footer .footer-top .footer-links ul {
     list-style: none;
     padding: 0;
     margin: 0;
   }
   
   #footer .footer-top .footer-links ul i {
     padding-right: 2px;
     color: rgba(255, 255, 255, 0.6);
     font-size: 18px;
     line-height: 1;
   }
   
   #footer .footer-top .footer-links ul li {
     padding: 10px 0;
     display: flex;
     align-items: center;
   }
   
   #footer .footer-top .footer-links ul li:first-child {
     padding-top: 0;
   }
   
   #footer .footer-top .footer-links ul a {
     color: rgba(255, 255, 255, 0.6);
     transition: 0.3s;
     display: inline-block;
     line-height: 1;
   }
   
   #footer .footer-top .footer-links ul a:hover {
     color: white;
   }
   
   #footer .footer-top .footer-newsletter form {
     margin-top: 30px;
     background: #fff;
     padding: 6px 10px;
     position: relative;
     border-radius: 4px;
   }
   
   #footer .footer-top .footer-newsletter form input[type=email] {
     border: 0;
     padding: 4px;
     width: calc(100% - 110px);
   }
   
   #footer .footer-top .footer-newsletter form input[type=submit] {
     position: absolute;
     top: 0;
     right: -2px;
     bottom: 0;
     border: 0;
     background: none;
     font-size: 16px;
     padding: 0 20px 2px 20px;
     background: #198754;
     color: #fff;
     transition: 0.3s;
     border-radius: 0 4px 4px 0;
   }
   
   #footer .footer-top .footer-newsletter form input[type=submit]:hover {
     background: #df3740;
   }
   
   #footer .copyright {
     text-align: center;
     padding-top: 30px;
   }
   
   #footer .credits {
     padding-top: 10px;
     text-align: center;
     font-size: 13px;
     color: rgba(255, 255, 255, 0.6);
   }
   
   #footer .credits a {
     color: rgba(255, 255, 255, 0.6);
     transition: 0.3s;
     font-weight: 600;
   }
   
   #footer .credits a:hover {
     color: white;
   }
   .sec-title{
     position:relative;
     z-index: 1;
     margin-bottom:60px;
   }
   
   .sec-title .title{
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 24px;
     color: #00aeef;
     font-weight: 500;
     margin-bottom: 15px;
   }
   
   .sec-title h2{
     position: relative;
     display: block;
     font-size:40px;
     line-height: 1.28em;
     color: #222222;
     font-weight: 600;
     padding-bottom:18px;
   }
   
   .sec-title h2:before {
       position: absolute;
       content: '';
       left: 0px;
       bottom: 0px;
       width: 50px;
       height: 3px;
       background-color: #198754;
   }
   
   .sec-title .text{
     position: relative;
     font-size: 16px;
     line-height: 26px;
     color: #848484;
     font-weight: 400;
     margin-top: 35px;
   }
   
   .sec-title.light h2{
     color: #ffffff;
   }
   
   .sec-title.text-center h2:before{
     left:50%;
     margin-left: -25px;
   }
   
   .list-style-one{
     position:relative;
   }
   
   .list-style-one li{
     position:relative;
     font-size:16px;
     line-height:26px;
     color: #222222;
     font-weight:400;
     padding-left:35px;
     margin-bottom: 12px;
   }
   
   .list-style-one li:before {
       content: "\f058";
       position: absolute;
       left: 0;
       top: 0px;
       display: block;
       font-size: 18px;
       padding: 0px;
       color: #ff2222;
       font-weight: 600;
       -moz-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       font-style: normal;
       font-variant: normal;
       text-rendering: auto;
       line-height: 1.6;
       font-family: "Font Awesome 5 Free";
   }
   
   .list-style-one li a:hover{
     color: #44bce2;
   }
   
   .btn-style-one{
     position: relative;
     display: inline-block;
     font-size: 17px;
     line-height: 30px;
     color: #ffffff;
     padding: 10px 30px;
     font-weight: 600;
     overflow: hidden;
     letter-spacing: 0.02em;
     background-color: #00aeef;
   }
   
   .btn-style-one:hover{
     background-color: #0794c9;
     color: #ffffff;
   }
   .about-section{
     position: relative;
     padding: 35px 0 20px;
   }
   
   .about-section .sec-title{
     margin-bottom: 45px;
   }
   
   .about-section .content-column{
     position: relative;
     margin-bottom: 50px;
   }
   
   .about-section .content-column .inner-column{
     position: relative;
     padding-left: 30px;
   }
   
   .about-section .text{
     margin-bottom: 20px;
     font-size: 16px;
     line-height: 26px;
     color: #848484;
     font-weight: 400;
   }
   
   .about-section .list-style-one{
     margin-bottom: 45px;
   }
   
   .about-section .btn-box{
     position: relative;
   }
   
   .about-section .btn-box a{
     padding: 15px 50px;
   }
   
   .about-section .image-column{
     position: relative;
   }
   
   .about-section .image-column .text-layer{
       position: absolute;
       right: -110px;
       top: 50%;
       font-size: 325px;
       line-height: 1em;
       color: #ffffff;
       margin-top: -175px;
       font-weight: 500;
   }
   
   .about-section .image-column .inner-column{
     position: relative;
     padding-left: 80px;
     padding-bottom: 0px;
   }
   .about-section .image-column .inner-column .author-desc{
       position: absolute;
       bottom: 16px;
       z-index: 1;
       background: orange;
       padding: 10px 15px;
       left: 96px;
       width: calc(100% - 152px);
       border-radius: 50px;
   }
   .about-section .image-column .inner-column .author-desc h2{
       font-size: 21px;
       letter-spacing: 1px;
       text-align: center;
       color: #fff;
     margin: 0;
   }
   .about-section .image-column .inner-column .author-desc span{
       font-size: 16px;
       letter-spacing: 6px;
       text-align: center;
       color: #fff;
     display: block;
     font-weight: 400;
   }
   .about-section .image-column .inner-column:before {
       content: '';
       position: absolute;
       width: calc(44% + 45px);
       height: calc(100% + 55px);
       top: -30px;
       left: 40px;
       background: transparent;
       z-index: 0;
       border: 15px solid #1987544a;
   }
   
   .about-section .image-column .image-1{
     position: relative;
   }
   .about-section .image-column .image-2{
     position: absolute;
     left: 0;
     bottom: 0;
   }
   
   .about-section .image-column .image-2 img,
   .about-section .image-column .image-1 img{
     box-shadow: 0 30px 50px rgba(8,13,62,.15);
         border-radius: 46px;
   }
   
   .about-section .image-column .video-link{
     position: absolute;
     left: 70px;
     top: 170px;
   }
   
   .about-section .image-column .video-link .link{
     position: relative;
     display: block;
     font-size: 22px;
     color: #191e34;
     font-weight: 400;
     text-align: center;
     height: 100px;
     width: 100px;
     line-height: 100px;
     background-color: #ffffff;
     border-radius: 50%;
     box-shadow: 0 30px 50px rgba(8,13,62,.15);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
   }
   
   .about-section .image-column .video-link .link:hover{
     background-color: #191e34;
     color: #fff;
   }
   .about-section .image-column .right-column:before {
           content: '';
       position: absolute;
       width: calc(40% + 45px);
       height: calc(100% + 55px);
       top: -30px;
       right: 30px;
       background: transparent;
       z-index: 0;
       border: 15px solid #1987544a;
       left: auto;
   }
   
   /*contact page*/
   .right_conatct_social_icon {
       background: linear-gradient(to top right, #198754 -5%, #008DBF 100%);
   }
   .contact_us {
       background-color: #f1f1f1;
       padding: 25px 0px;
   }
   
   .contact_inner{
       background-color: #fff;
       position: relative;
       box-shadow: 20px 22px 44px #cccc;
       border-radius: 25px;
   }
   .contact_field{
       padding: 60px 340px 90px 100px;
   }
   .right_conatct_social_icon{
       height: 94vh!important;
   }
   
   .contact_field h3{
      color: #000;
       font-size: 40px;
       letter-spacing: 1px;
       font-weight: 600;
       margin-bottom: 10px
   }
   .contact_field p{
       color: #000;
       font-size: 13px;
       font-weight: 400;
       letter-spacing: 1px;
       margin-bottom: 35px;
   }
   .contact_field .form-control{
       border-radius: 0px;
       border: none;
       border-bottom: 1px solid #ccc;
   }
   .contact_field .form-control:focus{
       box-shadow: none;
       outline: none;
       border-bottom: 2px solid #1325e8;
   }
   .contact_field .form-control::placeholder{
       font-size: 13px;
       letter-spacing: 1px;
   }
   .contact_fields {
       padding: 0px 0px 0px 0px;
   }
   
   .contact_info_sec {
       position: absolute;
       background-color: #2d2d2d;
       right: 1px;
       color: #fff;
       top: 18%;
       height: 450px;
       width: 340px;
       padding: 40px;
       border-radius: 25px 0 0 25px;
   }
   .contact_info_sec h4{
       letter-spacing: 1px;
       padding-bottom: 15px;
   }
   
   .info_single {
       margin: 20px 0px;
   }
   .info_single i{
       margin-right: 15px;
   }
   .info_single span{
       font-size: 14px;
       letter-spacing: 1px;
   }
   
   button.contact_form_submit {
       background: #198754;
       border: none;
       color: #fff;
       padding: 10px 15px;
       width: 100%;
       margin-top: 25px;
       border-radius: 35px;
       cursor: pointer;
       font-size: 14px;
       letter-spacing: 2px;
   }
   .socil_item_inner li{
       list-style: none;
   }
   .socil_item_inner li a{
       color: #fff;
       margin: 0px 15px;
       font-size: 14px;
   }
   .socil_item_inner{
       padding-bottom: 10px;
   }
   
   .map_sec{
       padding: 50px 0px;
   }
   .map_inner h4, .map_inner p{
       color: #000;
       text-align: center
   }
   .map_inner p{
       font-size: 13px;
   }
   .map_bind{
      margin-top: 50px;
       border-radius: 30px;
       overflow: hidden;
   }
   .form-control {
       display: block;
       width: 100%;
       height: calc(1.5em + 0.75rem + 2px);
       padding: 0.375rem 0.75rem;
       font-size: 1rem;
       font-weight: 400;
       line-height: 1.5;
       color: #495057;
       background-color: #fff;
       background-clip: padding-box;
       border: 1px solid #ced4da;
       border-radius: 0.25rem;
       transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   }
   
   /*HOW ITS WORKS*/
   .carousel-shadow .owl-stage-outer {
     margin: -15px -15px 0;
     padding: 15px;
   }
   
   .we-offer-area .our-offer-carousel .owl-dots .owl-dot span {
     background: #ffffff none repeat scroll 0 0;
     border: 2px solid;
     height: 15px;
     margin: 0 5px;
     width: 15px;
   }
   
   .we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {
     background: #00a01d none repeat scroll 0 0;
     border-color: #00a01d;
   }
   
   .we-offer-area .item {
     background: #ffffff none repeat scroll 0 0;
     border-left: 2px solid #00a01d;
     -moz-box-shadow: 0 0 10px #cccccc;
     -webkit-box-shadow: 0 0 10px #cccccc;
     -o-box-shadow: 0 0 10px #cccccc;
     box-shadow: 0 0 10px #cccccc;
     overflow: hidden;
     padding: 30px;
     position: relative;
     z-index: 1;
   }
   
   @media (max-width: 1920px) {
    .we-offer-area.text-center .item {
      background: #ffffff none repeat scroll 0 0;
      border: medium none;
      padding: 67px 40px 64px;
      aspect-ratio: 3/3.5;
      border-radius: 15px;
    }
    }

    @media (max-width: 1440px) {
      .we-offer-area.text-center .item {
        background: #ffffff none repeat scroll 0 0;
        border: medium none;
        padding: 67px 40px 64px;
        aspect-ratio: 3/4.5;
        border-radius: 15px;
      }
    }

    @media (max-width: 1080px) {
      .we-offer-area.text-center .item {
        background: #ffffff none repeat scroll 0 0;
        border: medium none;
        padding: 67px 40px 64px;
        aspect-ratio: 3/3.5;
        border-radius: 15px;
      }
    }

  .fontstyles{font-size: 18px;}

   /* .we-offer-area.text-center .item {
     background: #ffffff none repeat scroll 0 0;
     border: medium none;
     padding: 67px 40px 64px;
     aspect-ratio: 1.3/2;
     border-radius: 15px;
   } */
   
   .we-offer-area.text-center .item i {
     background: #00a01d none repeat scroll 0 0;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     color: #ffffff;
     font-size: 40px;
     height: 80px;
     line-height: 80px;
     position: relative;
     text-align: center;
     width: 80px;
     z-index: 1;
     transition: all 0.35s ease-in-out;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     margin-bottom: 25px;
   }
   
   .we-offer-area.text-center .item i::after {
     border: 2px solid #00a01d;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     content: "";
     height: 90px;
     left: -5px;
     position: absolute;
     top: -5px;
     width: 90px;
     z-index: -1;
     transition: all 0.35s ease-in-out;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
   }
   
   .we-offer-area.item-border-less .item {
     border: medium none;
   }
   
   .we-offer-area .our-offer-items.less-carousel .equal-height {
     margin-bottom: 30px;
   }
   
   .we-offer-area.item-border-less .item .number {
     font-family: "Poppins",sans-serif;
     font-size: 50px;
     font-weight: 900;
     opacity: 0.1;
     position: absolute;
     right: 30px;
     top: 30px;
   }
   
   .our-offer-carousel.center-active .owl-item:nth-child(2n) .item,
   .we-offer-area.center-active .single-item:nth-child(2n) .item {
     background: #00a01d none repeat scroll 0 0;
   }
   
   .our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,
   .our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,
   .our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,
   .we-offer-area.center-active .single-item:nth-child(2n) .item i,
   .we-offer-area.center-active .single-item:nth-child(2n) .item h4,
   .we-offer-area.center-active .single-item:nth-child(2n) .item p {
     color: #ffffff;
   }
   
   .we-offer-area .item i {
     color: #00a01d;
     display: inline-block;
     font-size: 60px;
     margin-bottom: 20px;
   }
   
   .we-offer-area .item h4 {
     font-weight: 600;
     text-transform: capitalize;
   }
   
   .we-offer-area .item p {
     margin: 0;
   }
   
   .we-offer-area .item i,
   .we-offer-area .item h4,
   .we-offer-area .item p {
     transition: all 0.35s ease-in-out;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
   }
   
   .we-offer-area .item::after {
     background: #00a01d9c none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: -100%;
     position: absolute;
     top: 0;
     transition: all 0.35s ease-in-out;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     -ms-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     width: 100%;
     z-index: -1;
   }
   
   .we-offer-area .item:hover::after {
     left: 0;
   }
   
   .we-offer-area .item:hover i,
   .we-offer-area .item:hover h4,
   .we-offer-area .item:hover p {
     color: #ffffff !important;
   }
   
   .we-offer-area.text-center .item:hover i::after {
     border-color: #ffffff !important;
   }
   
   .we-offer-area.text-center .item:hover i {
     background-color: #ffffff !important;
     color: #00a01d !important;
   }
   
   .we-offer-area.text-left .item i {
     background: #00a01d none repeat scroll 0 0;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     color: #ffffff;
     display: inline-block;
     font-size: 60px;
     height: 100px;
     line-height: 100px;
     margin-bottom: 30px;
     position: relative;
     width: 100px;
     z-index: 1;
     text-align: center;
   }
   
   .we-offer-area.text-left .item i::after {
     border: 2px solid #00a01d;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     content: "";
     height: 120px;
     left: -10px;
     position: absolute;
     top: -10px;
     width: 120px;
   }

 /* Portfolio */

.gallery-image {
  padding: 20px;
  /* display: flex;
  flex-wrap: wrap; */
  justify-content: center;
}

.gallery-image img {
  height: 100%;
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.4s ease;
}
.gallery-image .col-lg-6{margin-bottom: 20px;}
.img-box {
  box-sizing: content-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}

.caption {
    position: absolute;
    bottom: 40px;
    left: 0px;
    color: #000;
    opacity: 10;
    transition: transform 0.3s ease, opacity 0.3s ease;
    font-weight: bold;
    font-size: 20px;
}
.dummy{
    background: #198654;
    color: #fff;
    text-align: center;
    padding: 0;
    font-size: 20px;
    width:150px;
}.parallax-window {
    min-height: 400px;
    background: transparent;
}
.parallax {
  background-image: url('../../assets/frontend/images/new-back-image.png');
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}
.Services-you {
    text-align: center;
/*    background-color: #fff;*/
/*    box-shadow: 0 0 10px #cccccc;*/
    margin-left: 15px;
/*    border-radius: 15px;*/
    width: 31%;
}
.m-left{
  margin-left:50px;
}
.map-image{
  width:100%!important;
}
.google-img{
  width:100%!important;
}
.image-resize{
    width: 75%;
    margin: auto;
    display: block;
}
.Services-you img{
  width:100%;
}
.Services-you h3{
    padding: 10px;
    font-size: 25px;
    /*box-shadow: 0 0 10px #cccccc;
    border-radius: 10px;*/
}
.paragraph{
    box-shadow: 0 0 10px #cccccc;
    border-radius: 10px;
    min-height: 150px;
    max-height: 150px;
}
.login-image{
  width:65%;margin:auto;display:block;
}
.precision{
  text-align: center;
  background-color:#aecbd3;
  padding:20px 0;
  color:#228c5b;
  margin-bottom:0;
  font-size:25px;
}
.image {
/*    background-position: center center;*/
    background-repeat: no-repeat;
    background-size: cover;
    height: 660px;
    padding: 50px;
    background-attachment: fixed;
    display: flex;
    background-image: url('../../assets/frontend/images/landing-new-background.png');
    align-items: center;
}
.discover-power{
  width:100%;
}
.align-image{
  width:100%;
}
.business-growth-section{
    display: flex;
    align-items: center;
}
.showcase{
    margin-top: -115px;
    display: flex;
    align-items: center;
  }
  .showcase1{
    margin-top: -80px;
    display: flex;
    align-items: center;
  }
  .boostring-company{
      display: flex;
    align-items: center;
    margin-top: -45px;
  }

/*.market-insights{
   text-align: end;
}
.market-insights:before{
    content: " ";
    background: #f4f4f4;
    width: 270px;
    position: absolute;
    top: 43.4%;
    bottom: 0;
    height: 25.8%;
    z-index: 10;
    left: 34%;
    transform: skewX(152deg);
}
.market-insights1{

}
.market-insights1:before{
    content: " ";
    background: #f4f4f4;
    width: 270px;
    position: absolute;
    top: 70.3%;
    bottom: 0;
    height: 25.6%;
    z-index: 10;
    left: 46%;
    transform: skewX(152deg);
}*/
.section_bottomcolor{
  background-color: #aecbd3;
    padding: 20px 0;
    margin-top:25px;
}
.section_bottomcolor h2{
  text-align: center;
  color:#228c5b;
  margin-bottom:0;
  font-size:25px;
}
.second-image-business{
  width:80%;
  margin:auto;
  display:block;
}
.mention-growth{
  font-size:15px;
}
.call_us {
    padding-left: 15px;
    display: flex;
    color: #198754;
    font-size: 15px;
    align-items: center;
}
.header_mobile {
    padding: 0px!important;
    margin-left: 25px;
    font-weight: bold!important;
    color: #198754!important;
    font-size: 17px!important;
}

.new-index{
    text-align: center;
    max-width: 40%;
    margin: auto;
}
.business-growth{
    color: #2d8754;
    text-align: center;
    font-weight: 600;
  }
  .business-growth1{
    color: #2d8754;
  }

.new-index h4{
    color: #198754;
    font-weight: 600;
    font-size: 25px;
    margin-bottom:25px;
  }
  .slider-youtube{
    border: 0;
    left: -40px;
    position: relative;
    top: 0px;
  }
  .youtube-video{   
    width: 100%;
    height: 92vh;
    object-fit: contain!important;
  }
  .contact-form-home{
     text-align: center;
     padding-bottom: 10px;
  }
  .form-top{
    padding-top: 15px;
  }
  .textarea{
    min-height: 80px!important;
    max-height: 80px!important;
  }
  .contact-submit{
    width: 25%;
    float: right;
  }
  .results-gareentee{
    width: 75%;
    border-radius: 50%;
  }
  .quality-assured{
    display: flex;
    align-items: center;
}
.high-quality-parts{
  text-align: center;
}
.high-quality-parts h3 {
    font-size: 23px;
    color:#000;
    font-weight:600;
    padding-bottom:10px;
}
.requirements{
  margin-top:45px;
}
.m1{
  padding-bottom:0px;
  padding-top: 20px;
}
.portfolio_new{
    background-color: #a8d2be;
    text-align: center;
    padding: 15px 0;
    color: #5ca068;
    font-weight: bold;
    font-size: 25px;
}
.unfair-advantage{
background-color: #ededed;
}
.new-index p{
  position: relative;
  z-index: 100;
  text-align: center;
  font-size: 17px;
}
.new-index1{
    width: 40%;
    margin:auto;
}
.new-index1 h4{
    color: #2d8754;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    margin-bottom:25px;
  }

.new-index1 p{
  position: relative;
  z-index: 100;
  text-align: center;
  font-size:17px;
}
.dummy:before{
    content: " ";
    position: absolute;
    top: 0px;
    left: 138px;
    width: 0px;
    height: 0px;
    border-top: 12px solid #198654;
    border-bottom: 12px solid #188151;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}
.dummy:after{
  content: " ";
    position: absolute;
    top: 12px;
    left: 100%;
    width: 0;
    height: 2px;
    background: #198754;
}
.ten {
  position: relative;
}

.ten:before,
.ten:after {
  position: absolute;
  background-color: #fff;
  content: "";
  display: block;
  width: calc(100% + 10px);
  height: 0;
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  bottom: 0;
}

.ten:before {
  left: -5px;
  top: 0;
}

.ten:after {
  right: -5px;
}

.ten:hover:before,
.ten:hover:after {
  height: 50%;
}
.img-box:hover .dummy:after{
  width:150px!important;
}
.transparent-box {
  height: 100%;
  width: 100%;
  background-color:rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
}

.img-box:hover img { 
  transform: scale(1.1);
}

/*.img-box:hover .transparent-box {
  background-color:rgba(0, 0, 0, 0.5);
}*/

.img-box:hover .caption {
  transform: translateY(-20px);
  opacity: 1.0;
}

.img-box:hover {
  cursor: pointer;
}

.caption > p:nth-child(2) {
  font-size: 0.8em;
}

.opacity-low {
  opacity: 0.5;
}
.caption p{margin: 0;}

/* aboutus code */
.container .circles {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.container .circles:before {
  content: "";
  position: absolute;
  left: -6%;
  top: -8%;
  width: 200px;
  height: 200px;
  background: #198754;
  border-radius: 50%;
}
.container .circles:after {
  content: "";
  position: absolute;
  right: -11%;
  bottom: -15%;
  width: 200px;
  height: 200px;
  background: #198754;
  border-radius: 50%;
}
.container .details-container {
  position: relative;
  display: flex;
}
.container .details-container .avatar {
  margin: 10px auto;
  position: relative;
  float: left;
  padding: 20px;
}
.container .details-container .avatar img {
  max-width: 240px;
  margin-top: -70px;
  border: 10px solid #fff;
  box-shadow: 0px 0px 6px 0px #22222273;
}
.container .details-container .about {
  float: right;
  padding: 20px;
  margin-top: 50px;
}
.container .details-container .about .name p {
  margin: 0;
  color: #222;
  font-size: 1.1em;
  font-weight: bold;
}
.container .details-container .about .name h1 {
  color: #198754;
  font-weight: bold;
  margin: 0;
  font-size: 24px;
  margin-bottom: 20px;
}
.container .details-container .about .about-content p {
  line-height: 1.6em;
}
.container .details-container .about .about-content button:focus, .container .details-container .about .about-content button:active {
  outline: 0;
  box-shadow: 1px 1px 10px 0px #22222280;
}
@media only screen and (max-width: 766px) {
  .container {
    height: auto;
  }
  .container .details-container {
    flex-direction: column;
  }
  .container .details-container .avatar img {
    width: 300px;
  }
  .container .details-container .about {
    margin-top: 10px;
  }
}
.secondsection {
  margin-bottom: 40px;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideUpFromBottom {
  0% {
    transform: translateY(70%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* .seamless-service .col-lg-8 h4:before {
  content: " ";
  position: absolute;
  top: 9px;
  left: -110px;
  width: 100px;
  height: 2px;
  background: linear-gradient(90deg, #039ee2, #131da4);
} */

@media (max-width: 1707px) and (min-width: 1517px){
  .dummy:before {
    content: " ";
    position: absolute;
    top: 1px;
    left: 139px;
    width: 0px;
    height: 0px;
    border-top: 13px solid #198654;
    border-bottom: 12px solid #188151;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}
}
@media only screen and (max-width: 1518px) and (min-width: 713px)  {
  .login-sidebar {
    position: absolute;
    right: 15%;
    margin-top: 0;
    top: 10%;
    /* transform: translate(50%, -50%); */
    border-radius: 0px 50px;
    height: auto;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
}
.login_content {
    text-align: center;
    margin-top: 45px;
}
.call_us {
    padding-left: 15px;
    display: flex;
    color: #198754;
    font-size: 17px;
    align-items: center;
}
.header_mobile {
    padding: 0px!important;
    margin-left: 25px;
    font-weight: bold!important;
    color: #198754!important;
    font-size: 17px!important;
}
}
@media only screen and (max-width: 1708px) and (min-width: 802px)  {
  .login-sidebar {
    position: absolute;
    right: 15%;
    margin-top: 0;
    top: 15%;
    /* transform: translate(50%, -50%); */
    border-radius: 0px 50px;
    height: auto;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
}
.call_us {
    padding-left: 15px;
    display: flex;
    color: #198754;
    font-size: 17px;
    align-items: center;
}
.header_mobile {
    padding: 0px!important;
    margin-left: 25px;
    font-weight: bold!important;
    color: #198754!important;
    font-size: 17px!important;
}
}
@media only screen and (max-width: 1821px) and (min-width: 854px)  {
  .login-sidebar {
    position: absolute;
    right: 15%;
    margin-top: 0;
    top: 10%;
    /* transform: translate(50%, -50%); */
    border-radius: 0px 50px;
    height: auto;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
}
.login_content {
    text-align: center;
    margin-top: 20px;
}
.call_us {
    padding-left: 15px;
    display: flex;
    color: #198754;
    font-size: 17px;
    align-items: center;
}
.header_mobile {
    padding: 0px!important;
    margin-left: 25px;
    font-weight: bold!important;
    color: #198754!important;
    font-size: 17px!important;
}
}
@media only screen and (max-width: 1441px) and (min-width: 674px)  {

  .login_content {
      text-align: center;
      margin-top: 20px;
  }
  .call_us {
      padding-left: 0px;
      display: block;
      color: #198754;
      font-size: 17px;
      margin-left:30px;
  }
  .header_mobile {
      padding: 0px!important;
      margin-left: 0px;
      font-weight: bold!important;
      color: #198754!important;
      font-size: 17px!important;
  }
  }
@media only screen and (max-width: 1367px) and (min-width: 641px)  {
  .login-sidebar {
    position: absolute;
    right: 15%;
    margin-top: 0;
    top: 5%;
    /* transform: translate(50%, -50%); */
    border-radius: 0px 50px;
    height: auto;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
}
.login_content {
    text-align: center;
    margin-top: 20px;
}
.call_us {
    padding-left: 15px;
    display: block;
    color: #198754;
    font-size: 17px;
}
.header_mobile {
    padding: 0px!important;
    margin-left:0px;
    font-weight: bold!important;
    color: #198754!important;
    font-size: 17px!important;
}
}
/*@media only screen and (min-width: 1400px){
.market-insights:before {
    content: " ";
    background: #f4f4f4;
    width: 300px;
    position: absolute;
    top: 40.8%;
    bottom: 0;
    height: 27.2%;
    z-index: 10;
    left: 34%;
    transform: skewX(152deg);
}
.market-insights1:before {
    content: " ";
    background: #f4f4f4;
    width: 355px;
    position: absolute;
    top: 69.1%;
    bottom: 0;
    height: 27.1%;
    z-index: 10;
    left: 44%;
    transform: skewX(149deg);
}
}
@media only screen and (min-width: 1700px){
.market-insights:before {
    content: " ";
    background: #f4f4f4;
    width: 335px;
    position: absolute;
    top: 38.4%;
    bottom: 0;
    height: 28.5%;
    z-index: 10;
    left: 34%;
    transform: skewX(152deg);
}
.market-insights1:before {
    content: " ";
    background: #f4f4f4;
    width: 378px;
    position: absolute;
    top: 68%;
    bottom: 0;
    height: 28.4%;
    z-index: 10;
    left: 45%;
    transform: skewX(149deg);
}
}
@media only screen and (min-width: 1800px){
.market-insights:before {
    content: " ";
    background: #f4f4f4;
    width: 360px;
    position: absolute;
    top: 37%;
    bottom: 0;
    height: 29.2%;
    z-index: 10;
    left: 34%;
    transform: skewX(152deg);
}
.market-insights1:before {
    content: " ";
    background: #f4f4f4;
    width: 405px;
    position: absolute;
    top: 67.2%;
    bottom: 0;
    height: 29.3%;
    z-index: 10;
    left: 45%;
    transform: skewX(149deg);
}
}*/

.slick-initialized .slick-slide {
  display: flex ! important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.growthsection img{
  width: 100%;
  margin: auto;
  display: block;
}
.growthsection h2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .growthsection h2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 18px;
  }
  .we-offer-area.text-center .item {aspect-ratio: 3/3.5;}
  .fontstyles{font-size: 16px;}
  .image {height: auto;}
  .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin: 15px auto;}
  .navbar .getstarted, .navbar .getstarted:focus {width: 75%;text-align: center;}
  .machined-part {padding-top: 30px !important; }
  .contact_form_inner{padding: 30px;}
  .contact_info_sec{width: 100% !important;border-radius: 25px;}
  #wrapper {padding: 15px;}
}

.subscript img{
  margin-bottom: 15px;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  padding: 2px;
  width: 100%;
  height: auto;
}
.gprice-single p , .gprice-single p b, .gprice-single p span{font-weight: 400  !important;color: #000  !important;}
