:root{
	--primary-color:#345E58;
}

@font-face {
    font-family: 'Satoshi Variable';
    src: url('../fonts/Satoshi-Variable.eot');
    src: url('../fonts/Satoshi-Variable.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Satoshi-Variable.woff2') format('woff2'),
         url('../fonts/Satoshi-Variable.woff') format('woff'),
         url('../fonts/Satoshi-Variable.ttf')  format('truetype'),
         url('../fonts/Satoshi-Variable.svg#Satoshi Variable') format('svg');
}

/*
font-family: 'Satoshi Variable', sans-serif;
*/

body { font-family: 'Satoshi Variable', sans-serif; color:#404746; font-size:14px; line-height:24px; background:#fff;  }
* { margin:0px; padding:0px; }
h1, 
h2,
h3,
h4,
h5,
h6 { margin:0px 0px 15px; font-family: 'Satoshi Variable', sans-serif; }

h2 { color: #404746; line-height: 1.4; font-size: 35px; margin: 0px 0px 10px; font-weight: 700; }
p { margin:0px 0px 20px; color: #37474F; font-size: 15px; line-height: 26px; }
img { max-width:100%; }
.container { max-width:1200px; }
.logo { float:left; }
.header-top { text-align:right; float: left; width: 100%;  padding: 35px 0px; background: #F2F1F0; position: relative; }
.nav-container {   }
.nav-container ul { margin:0px; padding:0px; }
.nav-container ul li,
.sitemap-links ul li { list-style:none; display:inline-block; padding:12px 28px; color:#345E58; position:relative; font-size:16px; font-weight:400; letter-spacing: 0.5px; }
.nav-container ul li:last-child { padding-right:0px; }
.nav-container ul li a,
.sitemap-links ul li a { color:#345E58; display:block; text-decoration:none; outline: none; position: relative; font-weight: 700; }
.nav-container ul li:hover a,
.sitemap-links ul li:hover a { color:#345E58; }
.nav-container ul li.active a:after,
.nav-container ul li.current-menu-item > a:after  { content: ""; background:#345E58; height: 2px; width: 100%; position: absolute; bottom: -10px; left: 0; }
.nav-container ul li.active a  { color: #345E58; }

.nav-container li .sub-menu { display:none; position:absolute; left:0px; top:100%; width:180px; background:#fff; z-index:9; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
.nav-container li:hover .sub-menu { display:block; }
.nav-container li .sub-menu li { display:block; padding:8px 25px 8px; text-align: left;  }
.nav-container li .sub-menu li a { color:#565656; }
.nav-container li .sub-menu li:hover a { color:#fff;}
.nav-socials { display: flex; }
.nav-container ul.header-socials { padding-left: 40px; }
.nav-container ul.header-socials li { padding: 12px 8px; }
.nav-container ul.header-socials li a { background: linear-gradient(180deg, var(--primary-color) 0%, #00302E 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nav-container ul.header-socials li:last-child { padding-right:0px; }

.header a { outline: none; }
.header-right li { list-style:none; }
.header ul { margin:0px; }
.header { padding:0px; float: left; width: 100%; }
.banner-text { position:absolute; bottom: 0; left:0px; right:0px; text-align:center; max-width: 550px; margin: 0 auto;
background: rgba(217,217,217,0.5); border-radius: 50% 50% 0 0; padding: 180px 30px 0px; height: 95%; }
.banner-text h6 { font-size: 14px; font-weight: 400; margin-bottom: 70px; }
.banner-text h2 { font-weight: 700; font-size: 56px; line-height: 1.2; color: #37474F; margin: 0 0 30px; letter-spacing: 0.15px; }
.banner-text h4 { font-size: 18px; font-weight: 700; color: #37474F; margin-bottom: 40px; }
.banner-text p { font-size: 24px; font-weight: 400; color: #37474F; letter-spacing: 0.15px; line-height: 1.4; }
.banner-text p span { color: #F5BB57; }
.notifyme { padding: 100px 0 0; display: flex; justify-content: center; gap: 10px; }
.notifyme-box .notifyme input.input-text,
.gform_wrapper.gravity-theme .gfield input:not([type="submit"]),
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gravity-theme .gfield select { background: #E5E5E5; border-radius: 50px; padding: 10px  20px; 
outline: none; height: 50px; font-size: 16px; font-weight: normal; width: 335px; border: 0; color: #345E58; }
.notifyme-box .notifyme button,
.gform_wrapper.gravity-theme .gform_footer input,
.defaultbtn,
.defaultbtn-primary,
.page-item a{ background: #345E58; border-radius: 50px; min-width: 160px; text-align: center; letter-spacing: 1.25px;
color: #fff;border: 0; outline: none; height: 50px; font-size: 17px; font-weight: 700; transition:0.3s all;}
.notifyme-box .notifyme button:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover,
.defaultbtn:hover,
.defaultbtn-primary:hover,
.page-item a:hover { background:#eb9a7f; color:#fff;  }

.notifyme-box .notifyme input.input-text::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield input:not([type="submit"])::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield textarea::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield select::-webkit-input-placeholder { color: #345E58; opacity: 1; }
.notifyme-box .notifyme input.input-text::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield input:not([type="submit"])::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield textarea::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield select::-moz-placeholder { color: #345E58; opacity: 1; }
.notifyme-box .notifyme input.input-text:-ms-input-placeholder,
.gform_wrapper.gravity-theme .gfield input:not([type="submit"]):-ms-input-placeholder,
.gform_wrapper.gravity-theme .gfield textarea:-ms-input-placeholder,
.gform_wrapper.gravity-theme .gfield select:-ms-input-placeholder { color: #345E58; opacity: 1; }
.notifyme-box .notifyme input.input-text:-moz-placeholder,
.gform_wrapper.gravity-theme .gfield input:not([type="submit"]):-moz-placeholder,
.gform_wrapper.gravity-theme .gfield textarea:-moz-placeholder,
.gform_wrapper.gravity-theme .gfield select:-moz-placeholder { color: #345E58; opacity: 1; }

.banner-img img { width: 100%; }
.home-banner { position: relative; clear: both; }
.header-right { float: right; }

.tryitfree { padding-bottom: 24px; }
.notifyme-box { max-width: 500px; margin: 0 auto; padding-bottom: 100px; }
.tryitfree-text { text-align: left; margin: -100px 0 0; padding-left: 10px; }
.tryitfree-text ul { margin: 0; padding: 0; display: flex; gap:12px; }
.tryitfree-text ul li { list-style: none; }
.tryitfree-text h5 { font-size: 20px; margin: 0 0 12px; }

.home-image-content { padding: 0; }
.image-content-box { display: flex; align-items: center; padding:0; flex-wrap: wrap; }

.feature-image { width: 50%; position: relative; padding-left: 50px; padding-right: 50px;  }
.feature-content { width: 50%; position: relative; padding-left: 50px; padding-right: 50px; }

.feature-image img { border-radius: 20px; }
.image-content-section:nth-child(2n+1) .feature-image { text-align: right; }
.image-content-section:nth-child(2n+1) .feature-content { padding-right: 100px; }
.image-content-section:nth-child(2n+2) .feature-content { padding-left: 50px; }
.image-content-box h3 { font-weight: 700; font-size: 35px; line-height: 1.2; margin: 0 0 30px; }
.image-content-box p { font-size: 20px; line-height: 1.4; }
.section-borderLeft.image-content-box p { font-size: 16px; line-height: 1.4; font-weight: 500; }
.image-content-box p:last-child { margin-bottom: 0; }
.image-content-section { padding: 120px 0; }
.gray-bg { background-color:#F2F1F0; }
.image-content-box h6 { font-size: 14px; font-weight: 400; margin-bottom: 20px; }

.home-features-section { padding: 100px 0 160px; text-align: center; }
.home-features-section p { max-width: 650px; margin: 0 auto; font-size: 20px; }
.home-features-list ul { display: flex; justify-content: center; padding: 60px 0 0; gap:60px; flex-wrap: wrap; }
.home-features-list ul li { list-style: none; }
.home-features-list .features-title-icon { position: relative; }
.home-features-list ul li .features-icon { background: #F1F1F1; padding: 30px; cursor: pointer;
box-shadow: 0px 67px 27px rgba(0, 0, 0, 0.01), 0px 38px 23px rgba(0, 0, 0, 0.05), 0px 17px 17px rgba(0, 0, 0, 0.09), 0px 4px 9px rgba(0, 0, 0, 0.1);
border-radius: 15px; display: block; }

.features-title-icon h3 { font-weight: 600; margin: 18px 0 0; font-size: 16px; display: none;
  position: absolute; left: 0; width: 100%; }
.home-features-list .features-content { position: absolute; left: 0; text-align: left; top: 100%; padding: 55px 0 0 !important; display: none; }
.home-features-list .features-content p { max-width: 100%; line-height: 1.3; }
.home-features-list { position: relative; display: inline-block; }
.home-features-list .features-title-icon.active h3 { display: block; }
.home-features-list ul li .active .features-icon { background: #d3e0d9; }
.home-features-list ul li .active img { -webkit-filter: grayscale(100%) brightness(500%) brightness(12%);
  filter: grayscale(100%) brightness(500%) brightness(12%); opacity: 0.8; }

/*.section-borderLeft .feature-content { padding-top:60px; padding-bottom: 60px; padding-left: 30px; border-left: 1px solid var(--primary-color); position: relative; }
.section-borderLeft .feature-content:after { content: ""; width: 2px; height: 35%; top: 0; position: absolute; left:-1px;
background-color: var(--primary-color); }*/

.works-slider .slick-dots li { padding: 0; margin: 0; list-style: none; }
.works-slider .slick-dots  { position: absolute; left: 0px; top: 55px; bottom: 55px; display: flex; 
  flex-direction: column; padding: 0; margin: 0; }
.works-slider .slick-dots li { border-left:1px solid var(--primary-color); height:50%; }
.works-slider .slick-dots button { background: transparent; height: 100%; border: 0; width: 15px; font-size: 0; }
.works-slider .slick-dots li.slick-active  { border-left:2px solid var(--primary-color); }

.freeTrial-section { text-align: center; padding: 20px 0 50px; }
.freeTrial-section h2 { color: #000; margin: 0 0 30px; font-size: 50px; }
.freeTrial-img { margin-bottom: 50px; }
.freeTrial-section ul,
ul.download-app-list { display: flex; justify-content: center; gap:12px; }
.freeTrial-section ul li,
ul.download-app-list li { list-style: none; margin: 0; }

.testimonial-section { padding: 50px 0 80px; }
.testimonial-section h2 { text-align: center; color: #37474F; font-size: 48px; line-height: 1.2; margin: 0 0 0px; }
.testi-item-box { background: #FFFFFF; box-shadow: 0px 10px 40px 4px rgba(0, 0, 0, 0.08);
border-radius: 30px; padding: 30px 40px; }
.testi-item-box p:last-child { margin-bottom: 0; }
.slick-current .testi-item-box { padding: 50px 40px; }
.testimonial-section .slick-track { display: flex; align-items: center; }
.testimonial-item { padding: 0 30px; }
.testimonial-section .slick-list { padding: 30px 0 40px !important; }
.testimonial-section .testimonial-name { display: flex; align-items: center; gap:16px; margin-bottom: 20px; }
.testimonial-section .testimonial-name img { width: 50px; }
.testimonial-section .testimonial-name h3 { font-size: 28px; font-weight: 700; margin: 0; }

.footer-container { background: #F2F1F0; }
.footer-top { padding: 40px 0 60px; }
.footer-top h4 { font-weight: 700; font-size: 18px; color: var(--primary-color); margin: 0 0 20px; }
.footer-top h6 { margin-bottom: 5px; font-weight: 600; }
.footer-top ul { padding: 0; margin: 0; list-style: none; }
.footer-top ul li { margin-bottom: 5px; font-weight: 500; }
.footer-top ul li a { color: #37474F; text-decoration: none; letter-spacing: 0.5px; }
.footer-top ul li a:hover { color: var(--primary-color); } 
.footer-top p { letter-spacing: 1.6px; font-size: 16px; line-height: 24px; color: var(--primary-color); }

.footer-social ul { display: flex; list-style: none; padding: 0; column-gap: 20px; }
.footer-social ul li { margin: 0; }
.footer-social ul li a { text-align: center; line-height: 32px; display: block; color: #2b4947; font-size: 16px; }
.footer-top ul li img { vertical-align: top; }
.footer-appStore ul { display: flex; gap:40px; }
.footer-bottom { padding: 20px 0; }
.footer-bottom .footer-links ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap:40px; }
.footer-bottom .footer-links ul li { list-style: none; }
.footer-bottom .footer-links ul li a { text-decoration: none; color: var(--primary-color); font-weight: 700; }
.terms-links ul { margin: 0; padding: 0;  }
.terms-links ul li { list-style: none; display: inline-block; }
.terms-links ul li a { margin: 0 5px; color: var(--primary-color); font-weight: 500; }
.terms-links ul li a:hover { text-decoration: none; }

.gform_wrapper.gravity-theme .gfield input:not([type="submit"]), 
.gform_wrapper.gravity-theme .gfield textarea, 
.gform_wrapper.gravity-theme .gfield select{
    width:100%;
}
.notifyme .gform_wrapper.gravity-theme .gfield input:not([type="submit"]),
.notifyme .gform_wrapper.gravity-theme .gfield textarea,
.notifyme .gform_wrapper.gravity-theme .gfield select{
    width: 335px !important;
}
.error-404.not-found,
.sitemap-page-img-content,
.blog-innerpage{
    background: linear-gradient(to bottom, rgba(130, 169, 160, 0.25), rgba(228, 124, 81, 0.25));
    position: relative;
    clear: both;
    padding: 150px 0;
    text-align: center;
}
.defaultbtn,
.page-item a{
    display: inline-block;
    text-decoration: none;
    line-height: 50px; 
}
.innerpage-row .innerpage-col {
    padding: 100px 30px;
}
.gform_wrapper.gravity-theme .gfield textarea{
    padding-top: 20px;
}
ul.download-app-list{
    padding-left: 0;
    justify-content:unset;
}
.ourstory-innerpage-row .col-md-6 {
    padding: 100px 30px 50px;
}
.defaultpage-innerpage p,
.defaultpost-innerpage p{
    color:#616161;
    font-size: 18px;
}
.defaultpage-innerpage h1,
.defaultpage-innerpage h2,
.defaultpage-innerpage h3,
.defaultpage-innerpage h4,
.defaultpage-innerpage h5,
.defaultpage-innerpage h6,
.defaultpost-innerpage h1,
.defaultpost-innerpage h2,
.defaultpost-innerpage h3,
.defaultpost-innerpage h4,
.defaultpost-innerpage h5,
.defaultpost-innerpage h6{
    color:#37474F;
    font-weight: 700;
}
.defaultpage-innerpage a,
.defaultpost-innerpage a{
    color:#37474F;
}
.nav-container ul li.current-menu-item > a:after{
    content: unset;
}
.nav-container ul li.current-menu-item > a{
    color:#EB9A7F;
}
.nav-container ul li:hover > a,
a:hover { 
    color:#EB9A7F !important; 
}
.faqs-accordion .accordion-content a {
  color: #345E58;
  text-decoration: none;
}
.faqs-accordion .accordion-content a:hover {
  color: #000;
}

.faqs-accordion .accordion-title {
  border: 0;
  padding: 8px 42px 8px 20px;
  cursor: pointer;
  position: relative;
}
.faqs-accordion .accordion-title:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #345E58;
  border-radius: 50%;
  padding: 5px 10px;
  box-shadow: 0px 0 5px 0px rgba(0, 0, 0, 0.2);
  line-height: 1.5;
  box-shadow: 0px 5px 16px 0px rgb(8 15 52 / 6%);
  background:#fff;
  width: 40px;
  height: 40px; 
  padding: 10px 0;
  text-align: center;
}
.faqs-accordion .accordion-title.open:before {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  background: #345E58;
}
.faqs-accordion .list-style li.accordion-item {
  box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
  background: #F1F1F1;
  border: 3px solid #F1F1F1;
  border-radius: 12px;
  margin: 20px 0px;
  box-shadow: 0px 5px 16px 0px rgb(8 15 52 / 6%);
}
.faqs-accordion .list-style li.accordion-item.open {
  border-color: #345E58;
  box-shadow: 0px 0px 10px rgba(218, 28, 40, 0.2);
}
.faqs-accordion .list-style li.accordion-item h3 {
  color: #222222;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  padding: 8px 40px 8px 0;
  display: flex;
  gap: 12px;
  align-items: center;
}
.faqs-accordion .accordion-content {
  border: 0;
  padding: 0px 20px 25px !important;
  width: 100%;
}
.faqs-accordion .accordion-item:not(.open) .accordion-content {
  display: none;
}

.faqs-accordion .accordion-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.faqs-section .faqs-title {
  margin-bottom: 30px;
}
.faqs-section .faqs-title.faq-category-title {
  margin: 50px 0px 30px;
  text-decoration: none;
}
.faqs-section .faqs-title.faq-category-title:not(:first-of-type) {
  margin-top: 100px;
}
.faqs-accordion .accordion-content ul {
  list-style: disc;
  padding-left: 20px;
}
.faqs-accordion .accordion-content ol {
  list-style: normal;
  padding-left: 20px;
}
.blog-meta p ,
.share-icons p{
    margin-bottom: 0;
    font-weight: 500;
}
.blog-meta {
    margin-bottom: 30px;
}
.blog-img{
    text-align: center;
    margin-bottom: 30px;
}
#wpdcom{
    max-width: 100% !important;
}
#wpdcom .wpd-form-head .wpd-sbs-toggle,
#wpdcom .wpd-form-head .wpd-auth{
    display: none;
}
.share-icons{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}
#comments{
    margin:0 auto !important;
}
#wpdcom .wpd-form-row .wpdiscuz-item input,
#wpdcom .wpd-form textarea {
    border: 1px solid #454546 !important;
    border-radius: 8px !important;
    padding: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #666 !important;
}
#wpdcom .wpd-form textarea {
    padding: 10px 25px !important;
    box-shadow: none !important;
    font-size: 16px !important;
}
#wpdcom .wpd-form textarea:hover{
    box-shadow:none !important;
}
#wpdcom .wc-field-submit input[type="submit"] {
    padding: 12px 25px;
    border-radius: 100px;
    min-width: 130px;
    font-size: 16px;
}

.blog-list { padding: 0 0 60px; margin-top: -80px; position: relative; }
.blog-list ul { display: grid; grid-template-columns: 1fr 1fr 1fr; gap:40px; }
.blog-list ul li { list-style: none; padding: 0; margin: 0; 
background: #FFFFFF; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08); border-radius: 30px; padding: 20px; }
.blog-img img { border: 1px solid #000000; border-radius: 20px; }
.blog-list .blog-img { margin-bottom: 18px; }
.blog-list .blog-img img { width: 100%; vertical-align: top; }
.blog-list .blog-details h3 { font-weight: 700; font-size: 20px; line-height: 20px; margin: 0 0 10px; }
.blog-list .blog-details .blog-date { font-weight: 400; font-size: 14px; line-height: 20px; color: #737373; margin-bottom: 10px; }
.blog-list .blog-details p { line-height: 20px; }
.blog-list .blog-details p:last-child { margin-bottom: 5px; }

.blog-innerpage{
    padding:0 0 50px !important;
}
.nopost-blog-innerpage{
    padding:0px !important;
}
.blog_title a{
    color:#345E58;
    text-decoration: none;
}
.blog_title a:hover{
    color:#EB9A7F !important;
}
.blog-search input.input-text{
    font-size: 18px;
    color:#666;
}
.page-item,
.page-item a:hover{
    color: #fff !important;
}
.page-item a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: normal;
    font-size: 18px;
}
.page-item.next a::after,
.page-item.prev a::before{
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    letter-spacing: inherit;
    line-height: inherit;
    margin-top:-5px;
}
.page-item.next a::after{
    content: "\00BB";
}
.page-item.prev a::before{
    content: "\00AB";
}
.blog-pagination .pagination{
    justify-content: space-between;
}
.blog-post-item{
    position:relative;
}
.blog-post-item-link{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    cursor: pointer;
}
.blog-post-item-link:hover + .blog-post-item-div .blog_title a{
    color:#EB9A7F !important;
}
.blog-innerpage-text p{
    font-size: 18px;
}
div#gform_confirmation_message_2 {
    font-size: 18px;
}


/*banner */
.home-banner { overflow: hidden; }
.home-banner .banner-slide { position: absolute; bottom: 0; width: 25%; text-align: center; left: 0; overflow: hidden; 
transition: all .2s ease-out; }
.banner-slide.slide-right { left: auto; right: 0; } 
.home-banner .slide-img { max-width: 160px; margin: 0px auto; padding: 20px 0; }
.home-banner .slide-img img { border-radius: 180px; }
/*.home-banner .slide-left{
  animation: marqueeTop 5s linear infinite;
  transition: all .2s ease-out;
}
.home-banner .slide-right{
  animation: marqueeBottom 5s linear infinite;
  transition: all .2s ease-out;
}

@keyframes marqueeTop{
  0% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
@keyframes marqueeBottom{
  0% { 
    top: -100%; 
  }
  100% {
   top: 0; 
  }
}*/
/*banner end */

.banner-slide.slide-right {
   transform: rotate(180deg); /* Flip the entire slider */
 }
 .banner-slide.slide-right .slick-slide {
    height: auto;
    display: flex;
    transform: rotate(180deg); /* Flip each slide back */
    justify-content: center;
  }

/*****************************************/

@media(min-width: 1280px) and (max-width: 1440px) {
  .notifyme { padding: 60px 0 0; }
  .banner-text { padding-top: 140px; }
}
@media(min-width: 1024px) and (max-width: 1279px) {
.notifyme-box { padding-bottom: 50px; }
.notifyme { padding: 30px 0 0; }
.banner-text { max-width: 500px; }
.header-top { padding: 25px 0px; }
.banner-text h2 { font-size: 42px; }
.banner-text p { font-size: 21px; }
.image-content-section { padding: 70px 0; }
.home-features-section { padding: 50px 0 130px; }
.home-features-list ul li img { max-width: 50px; }
.image-content-box h3 { font-size: 28px; }
.freeTrial-section h2 { font-size: 40px; }
.testimonial-section h2 { font-size: 36px; }
.testimonial-item { padding: 0 20px; }
.slick-current .testi-item-box { padding: 40px 25px; }
.testi-item-box { padding: 20px 25px; border-radius: 20px; }
.testimonial-section .testimonial-name h3 { font-size: 22px; }
.testimonial-section .testimonial-name img { width: 40px; }
.freeTrial-section { padding-bottom: 20px; }
.testimonial-section { padding: 30px 0 40px; }
.footer-top { padding: 40px 0 40px; }
.image-content-box p { font-size: 18px; }
.home-features-section p { font-size: 18px; }
.blog-list ul { gap: 20px; }

.works-slider .slick-dots { top: 30px; bottom: 30px; }

.home-banner .slide-img { max-width: 120px; padding: 10px 0; }

.notifyme { padding: 60px 0 0; }
.banner-text { padding-top: 100px; }
.banner-text h6 { margin-bottom: 30px; }
.notifyme-box .notifyme button, 
.gform_wrapper.gravity-theme .gform_footer input { min-width: 120px; }

}
@media(min-width: 768px) and (max-width: 1023px) {
.notifyme-box { padding-bottom: 30px; }
.notifyme { padding: 10px 0 0; flex-wrap: wrap; justify-content: flex-start; }
.banner-text { max-width: 370px; padding: 80px 20px 0px; }
.header-top { padding: 25px 0px; }
.banner-text h2 { font-size: 32px; }
.banner-text h4 { margin-bottom: 20px; }
.banner-text p { font-size: 18px; }
.image-content-section { padding: 50px 0; }
.home-features-section { padding: 40px 0 120px; }
.home-features-list ul { gap: 30px; padding: 40px 0 0; }
.home-features-list ul li img { max-width: 50px; }
.image-content-box h3 { font-size: 24px; }
.freeTrial-section h2 { font-size: 32px; }
.testimonial-section h2 { font-size: 36px; }
.testimonial-item { padding: 0 20px; }
.slick-current .testi-item-box { padding: 20px 25px; }
.testi-item-box { padding: 20px 25px; border-radius: 20px; }
.testimonial-section .testimonial-name h3 { font-size: 22px; }
.testimonial-section .testimonial-name img { width: 40px; }
.freeTrial-section { padding-bottom: 20px; }
.testimonial-section { padding: 30px 0 40px; }
.footer-top { padding: 40px 0 40px; }
.nav-container ul li { padding: 12px 12px; font-size: 15px; }
.feature-content { padding-left: 20px; padding-right: 20px; }
.feature-image { padding-left: 20px; padding-right: 20px; }
.image-content-box h3 { margin-bottom: 15px; }
.image-content-section:nth-child(2n+1) .feature-content { padding-right: 30px; }
.image-content-section:nth-child(2n+2) .feature-content { padding-left: 30px; }
.footer-bottom .footer-links ul { gap: 0px; column-gap: 15px; }
.footer-appStore ul { gap: 15px; }

.image-content-box p,
.home-features-section p { font-size: 17px; }

.blog-list ul { gap: 20px; }
.blog-list ul li { padding: 15px; }
.blog-list .blog-details h3 { font-size: 16px; }
.blog-list { padding: 0 0 40px; }
.inner-title-section .blog-search input.input-text { height: 50px; }
.blog-list ul { gap: 20px; }

.features-title-icon h3 { font-size: 21px; }
.works-slider .slick-dots { top: 20px; bottom: 20px; }

.home-banner .slide-img { max-width: 80px; padding: 10px 0; }

.banner-text { height: auto; }
.banner-text h6 { margin-bottom: 20px; }
.gform_wrapper.gravity-theme .gform_footer input { min-width: 120px; }

}

@media(min-width: 1024px){
.home-features-list li:hover .features-title-icon h3 { display: block; }
.home-features-list li:hover .features-content { display: block; }
.home-features-list ul li:hover .features-icon { background: #d3e0d9; }
.home-features-list ul li:hover img { -webkit-filter: grayscale(100%) brightness(500%) brightness(12%);
  filter: grayscale(100%) brightness(500%) brightness(12%); opacity: 0.8; }

}
@media(min-width: 768px){
.header-right .mob-menu { display: none; }
.footer-subscribe-form form {
    max-width: 120px;
}
.notifyme form{
    display: flex;
}
.notifyme .gform_wrapper.gravity-theme .gform_footer{
    padding:0;
    margin:0;
}
.error-404-text p{
    font-size: 24px;
}
 .faqs-accordion .list-style li.accordion-item {
    box-shadow: 0px 5px 7px 0px rgb(8 15 52 / 6%);
  }
}

@media(max-width: 767px){
.notifyme-box { padding-bottom: 10px; }
.notifyme { padding: 10px 0 0; flex-wrap: wrap; justify-content: center; }
.banner-text { max-width: 320px; padding: 40px 20px 0px; }
.header-top { padding: 15px 0px; }
.banner-text h2 { font-size: 24px; margin: 0 0 15px; }
.banner-text h4 { margin-bottom: 10px; font-size: 16px; }
.banner-text p { font-size: 15px; margin-bottom: 8px; }
.notifyme-box .notifyme input.input-text,
.gform_wrapper.gravity-theme .gfield input:not([type="submit"]),
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gravity-theme .gfield select { height: 44px; font-size: 14px; }
.notifyme-box .notifyme button,
.gform_wrapper.gravity-theme .gform_footer input { height: 44px; font-size: 14px; }

.feature-content { width: 100%; padding-right: 0; padding-left: 0; }
.feature-image { width: 100%; order: -1; padding: 0 0 30px; }
.image-content-section:nth-child(2n+1) .feature-image { text-align: center; }
.image-content-section:nth-child(2n+1) .feature-content { padding-right: 0; }
.image-content-section:nth-child(2n+2) .feature-content { padding-left: 0; }
.image-content-section { padding: 40px 0; }
.home-features-section { padding: 40px 0; }
.home-features-list ul { padding: 12px 0 0; display: block; }
.home-features-list ul li img { max-width: 40px; }
.home-features-list { display: block; }
.home-features-list ul li .features-icon { box-shadow: none; padding: 0; }
.home-features-list ul li .features-icon {}
.home-features-list .features-title-icon { box-shadow: 0px 67px 27px rgba(0, 0, 0, 0.01); display: flex; align-items: center; 
column-gap: 15px; background: #F1F1F1; margin-top: 5px; padding: 8px 10px; border-radius: 5px; cursor: pointer;}
.home-features-list .features-title-icon h3 { display: block; text-align: left; position: static; margin: 0; }
.home-features-list .features-title-icon.active { background: #d3e0d9; }
.home-features-list .features-content { padding: 15px 12px 20px !important; position: static; }

.feature-image { text-align: center; }
.section-borderLeft .feature-content { padding-top: 0px; padding-bottom: 30px; }
.feature-image img { border-radius: 15px; }
.image-content-box h3 { margin-bottom: 10px; font-size: 30px; }
.image-content-box h6 { margin-bottom: 10px; }
.freeTrial-section h2 { font-size: 32px; }
.testimonial-section h2 { font-size: 30px; }

.testimonial-section h2 { font-size: 36px; }
.testimonial-item { padding: 0 20px; }
.slick-current .testi-item-box { padding: 20px 25px; }
.testi-item-box { padding: 20px 25px; border-radius: 20px; }
.testimonial-section .testimonial-name h3 { font-size: 22px; }
.testimonial-section .testimonial-name img { width: 40px; }
.freeTrial-section { padding-bottom: 20px; }
.testimonial-section { padding: 30px 0 20px; }

.footer-top { padding: 30px 0 20px; }
.footer-bottom .footer-links ul { gap: 0px; column-gap: 20px; }
.footer-appStore ul { gap: 15px; }
.terms-links { margin-top: 10px; }

.footer-appStore,
.footer-info { margin-bottom: 20px; }
.footer-top h4 { margin-bottom: 15px; }
.freeTrial-img { margin-bottom: 20px; }
h2 { font-size: 30px; }

.image-content-box p,
.home-features-section p { font-size: 16px; }
.notifyme-box .gform_wrapper.gravity-theme .gform_footer { padding: 5px 0; }

/*menu*/

.mob-menu { display:block; background:url(../images/mob-icon.png) center center no-repeat; padding:10px 12px; font-size:16px; color:#000; border-radius:0px; cursor:pointer; text-align:left; 
font-size: 0; line-height: 0; cursor: pointer; width: 40px; height: 30px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
.nav-container { position: absolute; top: 100%; right: 0px; left: 0px; text-align: left; z-index: 9; display: none; }
.nav-container ul { margin:0px; padding:0px 0px; width: 100%; }
.nav-container ul li { display:block; padding:0px 0px; margin:0px; font-size:14px; width:100%; background:var(--primary-color); margin:0px !important; }
.nav-container ul li:hover { background:#27514b; }
.nav-container ul li a { border-radius:0px; padding:8px 15px; border-bottom:1px solid rgba(255,255,255,0.2); color:#fff; }
.nav-container ul li.active a  { color: #fff; }
.nav-container ul li:hover > a { color:#fff;  background:#27514b; }
.nav-container ul li:last-child a { }
.nav-container ul li .sub-menu { padding:0px; display:none; position:static; width:100%; }
.nav-container ul li .sub-menu li a { padding:5px 0px 5px 25px; }
.nav-container .nav-icon { position: absolute;  right: 0px; top: 0px; width: 45px;  height: 40px; background-repeat: no-repeat; cursor:pointer; z-index:99;}
.nav-container .nav-icon.open {  background: url(../images/menu-plus.png) center center no-repeat; }
.nav-container .nav-icon.close {  background: url(../images/menu-minus.png) center center no-repeat; opacity:1; }
.nav-container .container { padding:0px; }
.nav-container li .sub-menu li { border-bottom:0px; padding:0px; background:#0362a8; } 
.nav-container li .sub-menu li a { padding-bottom:8px; }
.nav-container li .sub-menu li:hover a {  background:#27514b; }
.nav-container .menu-main-menu-container { display:none; text-align:left;  }
.nav-socials { display: block; }
.nav-container ul.header-socials { padding-left: 0; width: 100%; background: var(--primary-color); display: flex; }
.nav-container ul.header-socials li { width:auto; border: 0; background: transparent; padding: 0; }
.nav-container ul.header-socials li a { background: transparent; -webkit-text-fill-color:inherit; -webkit-background-clip:none; border: 0; }
.nav-container ul.header-socials { background: #fff; }

.error-404.not-found,
.sitemap-page-img-content,
.blog-innerpage{
    padding:50px;
}

.innerpage-row .innerpage-col {
    padding: 50px 30px;
}

  .faqs-accordion .list-style li.accordion-item h3 {
    font-size: 15px;
    padding-right: 20px;
    line-height: 1.4;
  }
  .faqs-section .faqs-title {
    margin-bottom: 0px;
  }
  .faqs-section .faqs-title.faq-category-title:not(:first-of-type) {
    margin-top: 80px;
  }
  .faqs-accordion .accordion-content p{
    font-size: 14px;
  }

.blog-list ul { gap: 20px; grid-template-columns: 1fr 1fr; }
.blog-list ul li { padding: 15px; }
.blog-list .blog-details h3 { font-size: 16px; }
.blog-list { padding: 0 0 40px; }
.inner-title-section .blog-search input.input-text { height: 50px; }

.works-slider .slick-dots { top: 20px; bottom: 20px; } 
.works-slider { padding-left: 30px; }
.works-slider .feature-image { order: 0; padding-bottom: 0; }
.works-slider .slick-slide img { display: inline; }

.home-banner .slide-img { max-width: 70px; padding: 10px 0; }

.banner-text { height: auto; }
.banner-text h6 { margin-bottom: 20px; }
.gform_wrapper.gravity-theme .gform_footer input { min-width: 120px; }

.home-banner .banner-slide { width: 20%; }

}

@media(max-width: 639px) {
.notifyme-box .notifyme input.input-text,
.gform_wrapper.gravity-theme .gfield input:not([type="submit"]),
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gravity-theme .gfield select { height: 44px; }
.notifyme-box .notifyme button,
.gform_wrapper.gravity-theme .gform_footer input { height: 44px; min-width: 130px; }
.banner-img img  { min-height: 300px; object-fit: cover; }

.footer-bottom .footer-links ul { column-gap: 15px; }
.testimonial-section h2 { font-size: 30px; }

.home-banner .slide-img { max-width: 50px; padding: 5px 0; }

}

@media(max-width: 600px) {
.banner-text { border-radius: 50px 50px 0 0; background: rgba(217,217,217,0.6); max-width: 100%; padding: 40px 15px 0px; }
.home-banner .banner-slide { z-index: 1; }
}
@media(max-width: 575px) {
.image-content-box h3 { font-size: 26px; }
.image-content-box p { font-size: 15px; line-height: 21px; }
.banner-text p { font-size: 13px; }
.page-title h1 { font-size: 24px; line-height: 1.1; margin-bottom: 8px; }
.footer-links { margin-top: 12px; }
.notifyme-box .notifyme input.input-text,
.gform_wrapper.gravity-theme .gfield input:not([type="submit"]),
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gravity-theme .gfield select { width: 280px; }
.logo img { max-height: 50px; }
h2 { font-size: 26px; }
.home-features-section p { font-size: 16px; }

.notifyme .gform_wrapper.gravity-theme .gfield input:not([type="submit"]),
.notifyme .gform_wrapper.gravity-theme .gfield textarea,
.notifyme .gform_wrapper.gravity-theme .gfield select{
    width: 280px !important; 
}
.blog-list { margin-top: -60px; }
.inner-title-section::before { width: 60px; height: 120px; }

.home-banner .banner-slide { width: 16%; }
.home-banner .slide-img { max-width: 40px; }

}
@media(max-width: 479px) {
.banner-text p  { display: none; }	
.notifyme-box .notifyme input.input-text,
.gform_wrapper.gravity-theme .gfield input:not([type="submit"]),
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gravity-theme .gfield select { width: 100%; }
.banner-text { padding-top: 20px; }
.notifyme-box { padding-bottom: 20px; }
.banner-text h4 { margin-bottom: 5px; font-size: 15px; }
.freeTrial-section h2 { font-size: 24px; }
.testimonial-section h2 { font-size: 28px; }

.notifyme .gform_wrapper.gravity-theme .gfield input:not([type="submit"]),
.notifyme .gform_wrapper.gravity-theme .gfield textarea,
.notifyme .gform_wrapper.gravity-theme .gfield select{
    width: 100% !important; 
}
.blog-list ul { grid-template-columns: 1fr; }
.home-banner .slide-img { max-width: 40px; }


}
@media(max-width: 400px) {
  .banner-text h4 { max-width: 200px; margin: 0 auto 5px; }
  .home-banner .slide-img { max-width: 30px; }
}
