/**
* Template Name: Scaffold - v4.10.0
* Template URL: https://bootstrapmade.com/scaffold-bootstrap-metro-style-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/************ bootstrap custome ************/
::selection {
    background: #0bba2e !important;
    color: #fff;
    text-shadow: none;
}
.container{
    max-width: 1140px;
}
.btn{
    padding: 5px 30px;
    text-decoration: none;


 font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    position: relative;


    display: inline-block;
    border-radius: 30px;

}

.btn-primary {





       border: 2px solid #00a42b;
      color: #00a42b;
    background:#fff;

}

.btn-primary:hover {

     border: 2px solid #00a42b;
  display: inline-block;



  color: #fff;
    background: #00a42b;
}
.btn-primary:first-child:active{
        border: 2px solid #00a42b;
      color: #00a42b;
        background:#f1f1f1;
}
.btn-secondary {




     border: 2px solid #037bb7;
  display: inline-block;



  color: #037bb7;
    background: #fff;

}

.btn-secondary:hover {

       border: 2px solid #037bb7;
      color: #fff;
    background:#037bb7;
}
.btn-transparent{
             border: 3px solid #fff;
  display: inline-block;
    background: none;



  color: #fff;

}
.btn-transparent:hover{
             border: 3px solid #037bb7;
  display: inline-block;



  color: #fff;
    background: #037bb7;
}
.btn-blue:hover{
         border: 2px solid #037cb5;
  display: inline-block;



  color: #037cb5;
    background: #fff;
}
.modal-title{
        font-size: 23px;
}
.modal-body ul{
    padding: 0px;
    margin: 0px;
}
.modal-body li
{
    padding: 0px;
    margin: 0px;

    margin-left: 18px;
    margin-bottom: 10px;

}
/*************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@300;400;500&display=swap');
body {
	font-family: 'Poppins', sans-serif;
  	color: #000;
    /* line-height: 28px; */
}

a {
  color: #0681b9;
  text-decoration: none;
}

a:hover {
  color: #008122;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Poppins', sans-serif;
}
.colorWhite{
    color: #fff;
}
.colorGreen{
    color: #158b34;
}
.colorBlue{
        color: #0061a3;
}
.colorDark{
        color: #272728;
}
.borderRight{
    border-right: 1px solid #ababac;
}
.bigHeading{
   font-size: 50px !important;
        font-weight: 600 !important;
}
.buyNowBtn{
      background: #0bba2d;
    color: #fff !important;
    border-radius: 5px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 20px !important;
}
.buyNowBtn:hover{
          background: #0091ee;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #439553;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #14b1ff;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
.topMain{
    background: #121516;
    color: #a3a3a3;
    padding: 10px 0px;
    text-align: center;
    font-size: 17px;
    line-height: 25px;
}
.topMain a{
    color: #008122;
}
.topLinks{
    background: #eff1f4;
     padding: 8px 0px;
        font-size: 13px;
    font-weight: normal;
        line-height: 25px;
}
.topLinks a{
    text-transform: uppercase;
color:#525354;
        font-weight: normal;
}
.topLinks a:hover{
color:#007c18;

}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 90px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  background: #fff;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#header.header-scrolled {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo h1 {
  font-size: 28px;
  margin: 0;
  line-height: 0;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Open Sans", sans-serif;
}

#header .logo h1 a,
#header .logo h1 a:hover {
  color: #576971;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 70px;
}

/*--------------------------------------------------------------
# Header Social Links
--------------------------------------------------------------*/
.header-social-links {
  margin: 0 0 0 30px;
}

@media (max-width: 768px) {
  .header-social-links {
    margin: 0 15px 0 0;
  }
}

.header-social-links a {
  color: #7b909a;
  display: inline-block;
  line-height: 0px;
  transition: 0.3s;
  padding-left: 10px;
}

.header-social-links a:hover {
  color: #439553;
}

/*--------------------------------------------------------------
# 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 30px;
  font-size: 17px;
font-family: 'Poppins', sans-serif;
    color: #030409;
  white-space: nowrap;
  transition: 0.3s;
    text-transform: uppercase;
    font-weight: 500;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color:#439553;
}

.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;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
    padding: 10px 20px;
    font-size: 14px;
    color: #030409;
}

.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: #439553;
}

.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;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation
*/
.mobile-nav-toggle {
  color: #364146;
  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(32, 38, 41, 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: #364146;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #439553;
}

.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: #439553;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

#section1{
    padding-top: 100px;
}
.imgRound{
    border-radius: 25px;
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  background-image: url("../img_consumer/hero-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  margin-top: 0px;
  padding: 170px 0;
}
#hero.blogBanner{
      padding:110px 0;
}
#hero h1 {
  margin: 0 0 40px 0;
    font-size: 70px;
    font-weight: 600;
  line-height: 80px;
  color: #fff;
    text-align: center;
}

#hero p {
  color: #fff;
  margin-bottom: 30px;
  font-size: 23px;
    text-align: center;
        line-height: 40px;
}

#hero .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 3px;
  transition: 0.5s;
  color: #fff;
  background: #009cea;
}

#hero .btn-get-started:hover {
  background: #008bd1;
}

#hero .hero-img {
  text-align: center;
}

#hero .hero-img img {
  width: 70%;
}
.heroCon h1{
     max-width: 940px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.heroCon p{
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #eff1f4;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
    max-width: 750px;
    margin: 0px auto;
}

.section-title-900 {
  text-align: center;
  padding-bottom: 30px;
    max-width: 900px;
    margin: 0px auto;
}

.section-title h2 {
  font-size: 38px;
  font-weight: 500;
  margin-bottom: 30px;
  padding-bottom: 0;
  font-family: "Poppins", sans-serif;
    position: relative;
        line-height: 52px;

}
.titleh2{
      font-size: 38px;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-family: "Poppins", sans-serif;
    position: relative;
        line-height: 52px;
}
.section-titleh2 {
  font-size: 38px;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-family: "Poppins", sans-serif;
    position: relative;
        line-height: 52px;

}
/*
.section-titleh2:after{
        content: '';
    background: #037bb7;
    width: 50px;
    height: 5px;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -20px;
    margin: 0px auto;
}*/
.section-titleh3{
      font-size: 22px;
}
.section-titleh3Blue{
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
        color: #0070b2;
}
.sitback{
    background-size: cover;
    background-position: right top;
}
.section-title p {
  margin-bottom: 0;
}

.cardBoxStyle1{
    border-radius: 10px;
    padding: 45px;
    text-align: center;
        height: 100%;
}
.cardBoxStyle1 img{
    margin-bottom: 20px;
}
.cardBoxStyle1 h4{
    font-size: 25px;
    font-weight: 600;
}
.cardBoxStyle1 p{
    font-size: 16px;
    font-weight: normal;
}
.contactBoxStyle1{
        border-radius: 10px;
    padding: 45px;
    text-align: center;
        height: 100%;
        border: 1px solid #acadaf;
}
.contactBoxStyle1 img{
    height: 200px;
    width: 200px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 20px;

}
.boxColorBlue{
        background: #0061a3;
    color: #fff;
}
.boxColorGreen{
    background: #008122;
    color: #fff;
}
.boxColorWhite{
    border: 1px solid #acadaf;
    cursor: pointer;
    background: none;

}
.boxColorWhite:hover{
        border: 1px solid #fff;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    color: #080808;
}
.boxColorWhiteNoHover{
   border: 1px solid #acadaf;

    background: none;
}
.headingStyleBorderBottom{
    margin-bottom: 50px !important;

}
.headingStyleBorderBottom:before{
    content: '';
    background: #037bb7;
    width: 50px;
    height: 5px;
    position: absolute;
    z-index: -1;
    left: calc(50% - 25px);
    bottom: -20px;
    margin: 0px auto;
}
/*--------------------------------------------------------------
#  Section 1
--------------------------------------------------------------*/
.section-title .headingStyle1{
    font-size: 90px;
    font-weight: 600;
    color: #2d2e2f;
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    line-height: 100px;

}
.section-title .headingStyle1:before{
    content: '';
        background: url(../img_consumer/headingstyle1bg.png) no-repeat left top;
    width: 182px;
    height: 187px;
    position: absolute;
    z-index: -1;
    left: -50px;
    top: -60px;



}

.section-title .headingStyle1 span{
    color: #037bb7;
}
.circleStyle2{
        position: relative;
}
.circleStyle2:before{
        content: '';
        background: url(../img_consumer/headingstylecircle.png) no-repeat left top;
    width: 182px;
    height: 187px;
    position: absolute;
    z-index: -1;
    left: -10px;
    top: -54px;
}
.circleStyle3{
         position: relative;
}
.circleStyle3:before{
        content: '';
        background: url(../img_consumer/headingstylecircle.png) no-repeat left top;
    width: 182px;
    height: 187px;
    position: absolute;
    z-index: -1;
left: -30px;
    top: -44px;
}
.circleStyle4{
             position: relative;
}
.circleStyle4:before{
        content: '';
        background: url(../img_consumer/headingstylecircle.png) no-repeat left top;
    width: 182px;
    height: 187px;
    position: absolute;
    z-index: -1;
left: 50px;
    top: -44px;
}
.circleStyleSub2{
    display: inline-block;
}
.circleStyleSub2:before{
content: '';
    background: url(../img_consumer/headingstylecircle.png) no-repeat left top;
    width: 130px;
    height: 130px;
    position: absolute;
    z-index: -1;
    left: -20px;
    top: -48px;
    background-size: contain;
}
.circleStyleSub4{
    display: inline-block;
}
.circleStyleSub4:before{
content: '';
    background: url(../img_consumer/headingstylecircle.png) no-repeat left top;
    width: 110px;
    height: 110px;
    position: absolute;
    z-index: -1;
    left: -40px;
    top: -35px;
    background-size: contain;
}
.circleStyleSub6{
    display: inline-block;
}
.circleStyleSub6:before{
content: '';
    background: url(../img_consumer/headingstylecircleW.png) no-repeat left top;
    width: 110px;
    height: 110px;
    position: absolute;
    z-index: -1;
    left: -40px;
    top: -35px;
    background-size: contain;
}
.aboutFooterTop{
    background: #cfebf9;
        padding-top: 80px;
      padding-bottom: 30px;

}
.aboutFooterTop{
    background: #cfebf9;
        padding-top: 80px;
      padding-bottom: 30px;

}
.contactFooterTop{
        background: url(../img_consumer/contact-usBottom.jpg) no-repeat ;
    background-size: cover;
    padding: 100px 0px;
}
.contactFooterTop .btn-primary{
    background: #00a42b;
    color: #fff;
}
.bigHeading.circleStyleSub2:before{
            content: '';
    background: url(../img_consumer/headingstylecircle.png) no-repeat left top;
    width: 130px;
    height: 130px;
    position: absolute;
    background-size: cover;
    z-index: -1;

    left: -20px;
    top: -44px;
}
.circleStyleSub3{
        display: inline-block;
}
.circleStyleSub3:before{
        content: '';
    background: url(../img_consumer/headingstylecircle.png) no-repeat left top;
    width: 182px;
    height: 187px;
    position: absolute;
    z-index: -1;

    left: -60px;
    top: -60px;
}

.circleStyleSub5{
    display: inline-block;
}
.circleStyleSub5:before{
        content: '';
    background:#eff8fd;
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 50%;
    z-index: -1;

left: -40px;
    top: -24px;
}
/*--------------------------------------------------------------
# partner
--------------------------------------------------------------*/
.partner .partner-wrap {
  border-top: 1px solid #eceff0;
  border-left: 1px solid #eceff0;
}

.partner .partner-logo {
  display: flex;
  justify-content: center;
  align-items: center;

  overflow: hidden;
  background: #fff;

}

.partner .partner-logo img {
  max-width: 70%;

}

.partner .partner-logo:hover img {


}

.partner img {

}
/*********** Section2 ***********/
.bgSection2{
    background: url(../img_consumer/section2-bg.jpg) no-repeat bottom 140px  center #eff1f4;

}
.bgSectionAbout{
        background: url(../img_consumer/sectionAbout-bg.jpg) no-repeat bottom center;
    background-size: cover;
}
/*********** Section2 end***********/
.swiperBut{
    position: relative;
    width: 120px;
    top: -60px;
        left: -10px;
}
.swiperBut .swiper-button-next{
     width: 40px;
    height: 40px;
    border-radius: 50%;
    border:3px solid #068b2a;
}

.swiper-button-next:after{
    font-size: 20px;
    color:  #068b2a;;

}
.swiperBut .swiper-button-next:hover{
    background: #068b2a;
    color: #fff;
}
.swiperBut .swiper-button-next:hover::after{

    color: #fff;
}
.swiperBut .swiper-button-prev{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border:3px solid #068b2a;
}
.swiperBut .swiper-button-prev:after{
    font-size: 20px;
    color:  #068b2a;;

}
.swiperBut .swiper-button-prev:hover{
    background: #068b2a;
    color: #fff;
}
.swiperBut .swiper-button-prev:hover::after{

    color: #fff;
}
/********* priceTableStyle1 ************/
.sectionPrice1{
        background: url(../img_consumer/sectionPrice1-bg.png) no-repeat  center left #fff;
}
.priceTableStyle1Round{
        border-radius: 20px;
    overflow: hidden;
}
.priceTableStyle1 table { width: 100%; text-align: left; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.priceTableStyle1 th, .priceTableStyle1 td { font-family: inherit; font-size: .875em; line-height: 1.45; color: #444; vertical-align: middle; padding: 1em; }
.priceTableStyle1 th { font-weight: normal; font-size: 14px; }

.priceTableStyle1 colgroup:nth-child(1) { width: 40%; border: 0 none; }
.priceTableStyle1 colgroup:nth-child(2) { width: 24%; border: 2px solid #4e90be; }
.priceTableStyle1 colgroup:nth-child(3) { width: 18%; border: 1px solid #ccc; }

.priceTableStyle1 colgroup:nth-child(4) { width: 18%; border: 1px solid #ccc; }

/* Tablehead */

.priceTableStyle1 thead th { background: #def4fe; text-align: center; position: relative; border-bottom: 1px solid #ccc; padding: 10px 20px 10px  20px; font-weight: 400; color: #999; }
.priceTableStyle1 thead th:nth-child(1), .priceTableStyle1 tbody td:nth-child(1) { background:#f2f4f6;  }
.priceTableStyle1 thead th:nth-child(2),.priceTableStyle1 tbody td:nth-child(2) { background:#ffffff;  }
.priceTableStyle1 thead th:nth-child(3), .priceTableStyle1 tbody td:nth-child(3) { background: #f2f4f6;}
.priceTableStyle1 thead th:nth-child(4), .priceTableStyle1 tbody td:nth-child(4) { background: #e9ecee;}
.priceTableStyle1 thead th h2 { font-weight: 700; font-size: 27px; color: #000000; margin-bottom: 0px; }
.priceTableStyle1 thead th h2 + p { font-size: 1.25em; line-height: 1.4; }
/*.priceTableStyle1 thead th:nth-child(3) h2 { font-size: 3.6em; }
.priceTableStyle1 thead th:nth-child(3) h2 + p { font-size: 1.5em; }*/

.priceTableStyle1 thead th p.promo { font-size: 1em; color: #fff; position: absolute; top: 9em; left: -17px; z-index: 1000; width: 100%; margin: 0; padding: .625em 17px .75em; background: #c00; box-shadow: 0 2px 4px rgba(0,0,0,.25); border-bottom: 1px solid #900; }

.priceTableStyle1 thead th p.promo:before { content: ""; position: absolute; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 7px 7px 0; border-color: transparent #900 transparent transparent; bottom: -7px; left: 0; }
.priceTableStyle1 thead th p.promo:after { content: ""; position: absolute; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 0; border-color: #900 transparent transparent transparent; bottom: -7px; right: 0; }

/* Tablebody */

.priceTableStyle1 tbody th {
    background: #fff; border-left: 1px solid #ccc;
}
.priceTableStyle1 tbody th span {
   background: url(../img_consumer/price-tick.png) no-repeat top 2px left;
        padding-left: 30px;
}

.priceTableStyle1 tbody td {
    background: #fff; text-align: center;
}

.priceTableStyle1 tbody tr  th,
.priceTableStyle1 tbody tr  td {
    background: #f5f5f5; border: 1px solid #d9dbdd; border-width: 1px 0 1px 1px;
}
.priceTableStyle1 tbody tr:last-child td {
    border-bottom: 0 none;
}

/* Tablefooter */

.priceTableStyle1 tfoot th  {
    padding: 2em 1em; border-top: 1px solid #ccc;
}
.priceTableStyle1 tfoot td  {
    text-align: center; padding: 2em 1em; border-top: 1px solid #ccc;
}

.priceTableStyle1 tfoot a  {
    font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; display: block; padding: 1.125em 2em; background: #59c7fb; border-radius: .5em;
}
/********* priceTableStyle1 end ************/
/**** bgSection4 *******/
.bgSection4{
     background: url(../img_consumer/section4-bg.png) no-repeat right bottom #f2f4f6;
}
/************ sectio price style2 *************/
.priceTableStyle2 table { width: 100%; text-align: left; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.priceTableStyle2 th, .priceTableStyle1 td { font-family: inherit; font-size: .875em; line-height: 1.45; color: #444; vertical-align: middle; padding: 1em; }
.priceTableStyle2 th { font-weight: normal; font-size: 14px; }

.priceTableStyle2 colgroup:nth-child(1) { width: 36%; border: 0 none; }
.priceTableStyle2 colgroup:nth-child(2) { width: 32%; border: 2px solid #4e90be; }
.priceTableStyle2 colgroup:nth-child(3) { width: 32%; border: 1px solid #ccc; }



/* Tablehead */

.priceTableStyle2 thead th { background: #def4fe; text-align: center; position: relative; border-bottom: 1px solid #ccc; padding: 10px 20px 10px  20px; font-weight: 400; color: #999; }
.priceTableStyle2 thead th:nth-child(1), .priceTableStyle1 tbody td:nth-child(1) { background:#f2f4f6;  }
.priceTableStyle2 thead th:nth-child(2),.priceTableStyle1 tbody td:nth-child(2) { background:#ffffff;  }
.priceTableStyle2 thead th:nth-child(3), .priceTableStyle1 tbody td:nth-child(3) { background: #f2f4f6;}
.priceTableStyle2 thead th:nth-child(4), .priceTableStyle1 tbody td:nth-child(4) { background: #e9ecee;}
.priceTableStyle2 thead th h2 { font-weight: 700; font-size: 27px; color: #000000; margin-bottom: 0px; }
.priceTableStyle2 thead th h2 + p { font-size: 1.25em; line-height: 1.4; }
/*.priceTableStyle1 thead th:nth-child(3) h2 { font-size: 3.6em; }
.priceTableStyle1 thead th:nth-child(3) h2 + p { font-size: 1.5em; }*/

.priceTableStyle2 thead th p.promo { font-size: 1em; color: #fff; position: absolute; top: 9em; left: -17px; z-index: 1000; width: 100%; margin: 0; padding: .625em 17px .75em; background: #c00; box-shadow: 0 2px 4px rgba(0,0,0,.25); border-bottom: 1px solid #900; }

.priceTableStyle2 thead th p.promo:before { content: ""; position: absolute; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 7px 7px 0; border-color: transparent #900 transparent transparent; bottom: -7px; left: 0; }
.priceTableStyle2 thead th p.promo:after { content: ""; position: absolute; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 0; border-color: #900 transparent transparent transparent; bottom: -7px; right: 0; }

/* Tablebody */

.priceTableStyle2 tbody th {
    background: #fff; border-left: 1px solid #ccc;
}
.priceTableStyle2 tbody th span {
   background: url(../img_consumer/price-tick.png) no-repeat top 2px left;
        padding-left: 30px;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
}
.priceTableStyle2 tbody th p{
            padding-left: 30px;
        font-size: 14px;
}
.priceTableStyle2 tbody td {
    background: #fff; text-align: center;
}

.priceTableStyle2 tbody tr  th,
.priceTableStyle2 tbody tr  td {
    background: #f5f5f5; border: 1px solid #d9dbdd; border-width: 1px 0 1px 1px;
}
.priceTableStyle2 tbody tr:last-child td {
    border-bottom: 0 none;
}

/* Tablefooter */

.priceTableStyle2 tfoot th  {
    padding: 2em 1em; border-top: 1px solid #ccc;
}
.priceTableStyle2 tfoot td  {
    text-align: center; padding: 2em 1em; border-top: 1px solid #ccc;
}

.priceTableStyle2 tfoot a  {
    font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; display: block; padding: 1.125em 2em; background: #59c7fb; border-radius: .5em;
}
/************ sectio price style2 end *************/
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about {
    padding: 100px 0px;


}
.testimonialBox{
        padding: 25px;
    border: 2px solid #d7d8da;
    border-radius: 25px;
    height: 100%;
}
.testimonialBox h5{
    margin: 0px;
}
.testimonialBox p{
    margin: 0px;
}
@media (max-width: 992px) {

}
.about .content h3 {
  font-weight: 400;
  font-size: 32px;
  color: #364146;
  font-family: "Poppins", sans-serif;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-bottom: 10px;
}

.about .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #28a745;
}

.about .content p:last-child {
  margin-bottom: 0;
}
#section6{
    padding-top: 100px;
}
.ourStory{
    background: url(../img_consumer/our-story.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    padding: 100px 0px;
}
.ourStoryBox{
    border-radius: 20px;
    padding: 80px 150px 20px 150px;

    margin: 0px auto;
    border: 3px solid #fff;
    position: relative;


}
.ourStoryBox p{
font-size: 38px;
    color: #fff;
    font-weight: 300;
    line-height: 55px;

}
.ourStoryBox .btn{
    font-size: 28px;

}

.betterThanThis{
    margin: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background: #fff;
    padding: 50px;
    border-radius: 30px;
}
.ulstyleNew1{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.ulstyleNew1 li{
    background: url(../img_consumer/tick.png) no-repeat center left;
    background-size: 20px;
        padding-left: 30px;
    border-bottom: 1px solid #cfd1d3;    padding-top: 5px;
    padding-bottom: 5px;    font-size: 14px;
}
.ulstyleNew2{
      padding: 0px;
    margin: 0px;
    list-style: none;
}
.ulstyleNew2 li{
   background: url(../img_consumer/cross.png) no-repeat center left;
    background-size: 20px;
        padding-left: 30px;
    border-bottom: 1px solid #cfd1d3;    padding-top: 5px;
    padding-bottom: 5px;    font-size: 14px;
}
.boderRadiusVideo{
        border-radius: 30px;
    overflow: hidden;
    position: relative;
  border:6px solid #00771f;
}
/*********** inner Page **********/
.ulstyleget-reimbursed{
        padding: 0px;
    margin: 0px 0px 0px 0px;
counter-reset: line;
}
.ulstyleget-reimbursed li{
      list-style: none;
    position: relative;
        display: flex;
  margin-bottom: 1.5em;

    align-items: center;
        padding-right: 35px;
}
.ulstyleget-reimbursed li:before{



  width: 35px;
	height: 35px;
margin-right: 20px;
  background-color: #46b2e8;
	border-radius: 50%;
	color: #fff;
	text-align:center;
    line-height: 35px;
	counter-increment: line;
	content: counter(line);
        flex-shrink: 0;
}
.sectiontestimonialNe{
    background: url(../img_consumer/sectionT-bg.jpg) center center;
    background-size: cover;
            border-radius: 30px;
        padding: 100px 80px;
    text-align: center;
    position: relative;
}
.sectiontestimonialNe h2{
        font-size: 24px;
    line-height: 33px;
        margin-bottom: 40px;
    color: #3c3c3d;
}
.sectiontestimonialNe h3{
            color: #3c3c3d;
}
.sectiontestimonialNe h4{
            font-size: 17px;
        color: #3c3c3d;
}
.sectiontestimonialNe .quotesImg{
    position: absolute;
      left: 50px;
    top: -48px;
}
.youDeserve{
    background: url(../img_consumer/youDeserve-bg.jpg);
    background-size: cover;
    color: #fff;
    padding: 70px 0px;
}
.technologyPowerhouse .cardBoxStyle1 h4{
        font-size: 23px;
}
.technologyPowerhouse  .cardBoxStyle1{
        padding: 30px;
}

.ulstyleBig{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.ulstyleBig li{
    background: url(../img_consumer/tick.png) no-repeat center left;
    background-size: 20px;
        padding-left: 40px;
    border-bottom: 1px solid #cfd1d3;
        padding-top: 35px;
    padding-bottom: 35px;
font-size: 19px;
}
.toughest-Cybersecurity-box{
    padding: 25px;
    border: 2px solid #d7d8da;
    border-radius: 25px;
    height: 100%;
}
.toughest-Cybersecurity-box h5{
    margin-bottom: 30px;

}
.ulstyleDiscColorBlue{
    margin-bottom: 0px;
    padding-bottom: 0px;
    list-style: none;
        padding-left: 18px;
}
.ulstyleDiscColorBlue li{
        padding-bottom: 5px;
font-size: 16px;
}
.ulstyleDiscColorBlue li::before{
  content: "\2022";
  color: #0061a3;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
        font-size: 18px;
}
.subTestimonial{
    position: relative;
    background: #46b2e8;
    padding: 50px;
    border-radius:25px;
    text-align: center;
    color: #fff;
    margin-top: 50px;
    margin-left: 70px;
}
.subTestimonial p{
    position: relative;
}
/*
.subTestimonial p:before{
    width: 43px;
    height: 36px;
    content: '';
    background: url(../img_consumer/quote-top-left.png) no-repeat;
        position: absolute;
}*/
.testiMimg{
margin: -110px auto 20px 0px;
}
.testiMimg img{
    height: 120px;
    width: 120px;
    border-radius: 50%;


}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f4f6f7;
  min-height: 40px;
  margin-top: 70px;
}

.breadcrumbs h2 {
  font-size: 24px;
  font-weight: 600;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 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: #4c5c63;
  content: "/";
}
.boxsectionStyle1White{
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
        border-radius: 25px;
    background: #fff;
    padding: 50px 230px 50px 30px;
}
.boxsectionStyle2White{
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
        border-radius: 25px;
    background: #fff;
    padding: 50px 30px 50px 200px;
}
.boxsectionStyle2White p{
    padding-right: 40px;
}
.sectionStyle1Img{
    margin-left: -180px;
}

.sectionStyle2Img{
    margin-right: -180px;
}
.promiseToYou{
    background: #cfebf9;
    padding-top: 100px;
}
.sectionBlueBg{
       background: #cfebf9;
}
.promiseBox{
    border: 1px solid #a4becb;
    padding: 35px 70px;
        border-radius: 25px;
}
.promiseToYouH2{
    color: #0070b2;
}
.promiseToYouH2 h2{
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}
.promiseToYouH2 h2:after{
content: '';
    background: url(../img_consumer/arrowCurve.png) no-repeat left top;
width: 283px;
    height: 129px;
    position: absolute;
    z-index: 1;
right: 160px;
    top: -60px;
}


/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
  padding: 60px 0;
}

.faq .faq-list {
  padding: 0;
  list-style: none;
}

.faq .faq-list li {
  border-bottom: 0px solid #e3e7e9;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.faq .faq-list .question {
  display: block;
  position: relative;
    background: #ffffff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
          color: #439553;
  cursor: pointer;

  transition: 0.3s;
    padding: 15px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    border-radius: 30px;
}
.howToConLink{
    color: #000;
}
.howToConLink:hover{
          color: #439553;
}
#hero.faqBanner{
    padding: 100px;
}
#hero.faqBanner h1{
    color: #232627;

}
.faqCon{
margin: 0px 20px;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px;

}
.faqCon p{
    padding: 15px !important;
}
.faq .faq-list i {
  font-size: 16px;
  position: absolute;
right: 20px;
    top: 15px;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0px;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list .collapsed {
  color: black;

}

.faq .faq-list .collapsed:hover {
     color: #439553;
}

.faq .faq-list .collapsed .icon-show {
  display: inline-block;
  transition: 0.6s;
}

.faq .faq-list .collapsed .icon-close {
  display: none;
  transition: 0.6s;
}
.faqBotSection{
    background: #cfebf9;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #000000;
  padding: 0 0 30px 0;
  color: #364146;
  font-size: 14px;
}

#footer .footer-top {
  background: #eff1f4;
  padding: 60px 0 30px 0;
  border-top: 2px solid #e9ecee;
  border-bottom: 2px solid #e9ecee;
}

#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: "Raleway", sans-serif;
  color: #576971;
}
#footer .footer-top .social-links{
    margin-top: 30px;
}
#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #000000;
  color: #eff1f4;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #439553;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #364146;
  position: relative;
  padding-bottom: 12px;
    text-transform: uppercase;
}

#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: #439553;
  font-size: 18px;
  line-height: 1;
  margin-left: -5px;
}

#footer .footer-top .footer-links ul li {
  padding: 6px 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: #576971;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #439553;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #e3e7e9;
}

#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: -1px;
  right: -2px;
  bottom: -1px;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #439553;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

#footer .footer-top .footer-newsletter form input[type=submit]:hover {
  background: #007ab7;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
padding-top: 26px;
  text-align: center;
  font-size: 13px;
  color: #a3a3a3;
}
#footer .credits a{
      color: #a3a3a3;
}
#footer .credits a:hover{
      color: #00a42b;
}
#header.header-scrolled{
      position: fixed;
  top: 0;
  width: 100%;
}
.linkBox{
    cursor: pointer;
}
.linkBox:hover{
	    border: 1px solid #fff;
    background: #fff;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.blogDetail h2.mainBlogHeading{
	color:#000;
}
@media (max-width: 768px) {
    h2 {
    font-size: 24px !important;
}
    .topMain{
            font-size: 13px;
    line-height: 18px;
    }
    .btn{
    padding: 5px 20px;
    text-decoration: none;



    font-size: 20px;


}
    section {
    padding: 40px 0;
    overflow: hidden;
}
    #section1 {
    padding-top: 50px;
}
    .section-title .headingStyle1{
            font-size: 38px;
            line-height: 50px;
    }
    .section-title .headingStyle1:before{
            width: 92px;
    height: 87px;
        left: 0px;
    background-size: contain;
    top: -27px;
    }
    .section-title h2{
    font-size: 30px !important;
    line-height: 34px;
    }
    .section-title h2 span{
    font-size: 30px !important;
    display: block;
    }
    .section-title h2 span.per25{
          font-size: 30px !important;
    }
    .partner .partner-logo img {
    max-width: 100%;
}
    .section-titleh2, .titleh2 {
font-size: 24px !important;
    line-height: 30px;
    }
        .section3-slider{
            padding-bottom: 60px;
    }
    .swiperBut {
    position: relative;
    width: 120px;
    top: 40px;
    left: auto;
    margin: 0px auto;
    }
 .about {
    padding: 40px 0px;
}
    .ourStory{
            padding: 40px 0px;
    }
    .youDeserve{
          padding: 40px 0px;
    }
    .ourStoryBox{
        padding: 15px;
    }
    .ourStoryBox p{
        font-size: 22px;

    line-height: 30px;
    }
    .ourStoryBox .btn {
    font-size: 20px;
}
    .betterThanThis{
            padding: 30px;
    }
    .circleStyle2:before{
              width: 92px;
    height: 87px;
     left: 0px;
    top: -24px;
    background-size: contain;
    }
    #footer .footer-top .social-links {
    margin-top: 40px;
}
    .sectiontestimonialNe{
       padding: 40px 20px;
    }
    .sectiontestimonialNe h2 {
    font-size: 20px  !important;
    line-height: 28px;
    }
    .sectiontestimonialNe .quotesImg{
            left: 30px;
    top: -28px;
    width: 70px;
    }
    .youDeserve{
        background-position: right;
    }
    #section6 {
    padding-top: 50px;
}
    .circleStyle2:before{
            left: 30px;
    }
    .ext-m{
        margin-bottom: 0px !important;
    }
    .ulstyleBig{
        margin-bottom: 30px;
    }
    .ulstyleBig li{
padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    line-height: 22px;
    }
    .circleStyle3:before{
        width: 82px;
    height: 97px;
            left: 40px;

    top: -24px;
    background-size: contain;
    }

    .circleStyle4:before{
                width: 82px;
    height: 97px;
            left: 0px;

    top: -24px;
    background-size: contain;
    }


        #header .logo img {
    padding: 0;
    margin: 0;
    max-height: 50px;
            max-width: 100%;
}
#header {
  height: 60px;
    }
    .bigHeading.circleStyleSub2:before{

    width: 80px;
    height: 80px;

    left: -10px;
    top: -18px;
    }
    h3 {
    font-size: 20px !important;
}


    #hero{
            padding: 50px 0 30px 0;
    }

      #hero h1 {
font-size: 28px;
    line-height: 30px;
          margin-bottom: 20px;
  }
    #hero p{
        font-size: 17px;
    text-align: center;
    line-height: 25px;
    }
  #hero h2 {
    font-size: 20px;
  }
    #footer .footer-top{
        padding: 30px 0 30px 0;
    }
    .footer-info h3{
        text-align: center;
    }
        .footer-info h3 img{
                width: 150px;
    }
    .boxsectionStyle1White{
        padding:30px;
    }
    .sectionStyle1Img{
        margin-left:0px;
    margin-top: -50px;
    padding: 20px;
    }
    .sectionStyle2Img{
                margin-right:0px;
    margin-bottom: -50px;
    padding: 20px;
    }
    .boxsectionStyle2White{
            padding: 50px 30px 30px 30px;
    }
    .boxsectionStyle2White p {
    padding-right: 0px;
}
    .promiseToYou {
            padding-top: 40px;
    }
    .promiseToYouH2 h2:after{
        display: none;
    }
    .promiseBox{
            padding: 25px 25px;
    }
    .promiseBox p{
        margin-bottom: 0px;
    }
    .circleStyleSub2:before{
        width: 80px;
    height: 80px;


    left: 0px;
    top: -30px;
    }
    .ulstyleget-reimbursed li{
    padding-right: 0px;
    margin-bottom: 15px;
    line-height: 22px;
    }
    .get-reimbursed .section-titleh2{
        margin-bottom: 20px !important;
    }
    .subTestimonial{
        margin-left: 0px;
            padding: 20px;
    }
    .circleStyleSub3:before{
            width: 90px;
    height: 90px;

    left: 10px;
    top: -30px;
        background-size: cover;
    }
    h3.section-titleh3Blue{
        line-height: 34px;
        font-size: 24px !important;
        margin-bottom: 20px;
    }
    .sitback{
            background-size: cover;
    background-position: left top;
    }
    #hero.faqBanner{
        padding: 40px;
    }
    #hero.faqBanner h1{
        margin-bottom: 0px;

    line-height: 40px;
    }
    .faq .faq-list li{
            margin-bottom: 10px;
    padding-bottom: 10px;
    }
    .faq {
    padding: 30px 0;
}
    .circleStyleSub5:before{
            width: 80px;
    height: 80px;

    left: 40px;
    top: -25px;
    }
    .faqBotSection{
            padding: 30px 0px;
    }
    .circleStyleSub4:before{
            width: 90px;
    height: 90px;
    }
    .contactFooterTop{
        padding: 40px 0px;
    }
    .circleStyleSub6:before{
            width: 80px;
    height: 80px;

    left: 0px;
    top: -25px;
    }

    .aboutFooterTop {
    background: #cfebf9;
    padding-top: 50px;
    padding-bottom: 30px;
}
    .mobileScrollImg{
        overflow: scroll;
    }
    .mobileScrollImg img{
            max-width: max-content;
    }
}