@charset "UTF-8";
/*
Theme Name: EazeMax
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Welcome to EazeMax, the premier solution from SAG Infotech Private Limited, dedicated to transforming professional and personal management experiences. Since our inception in 1999 in Jaipur, India, SAG Infotech has been a pioneer in delivering innovative software solutions tailored for professionals such as Chartered Accountants, Company Secretaries, Human Resource Managers, and more.
Requires at least: 5.3
Tested up to: 6.7
Requires PHP: 5.6
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */
/* Categories 01 to 03 are the basics. */
/* Variables */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');
@font-face {
  font-family: 'Metropolis';
  src: url('assets/fonts/Metropolis-Regular.woff2') format('woff2'), url('assets/fonts/Metropolis-Regular.woff') format('woff'), url('assets/fonts/Metropolis-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Metropolis', sans-serif;
  color: #656565;
  font-size: 16px;
  line-height: 1.875;
}
a {
  text-decoration: none
}
section {
  padding: 70px 0
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  color: #000000;
}
.header .navbar {
  display: block;
  text-align: center
}
.header .navbar {
  display: block;
  text-align: center;
  padding: 20px 0;
  transition: 2s;
}
.social-icons {
  display: flex;
  list-style: none;
  gap: 12px;
  font-size: 24px;
  align-items: center;
}
.social-icons li a {
  color: #fff
}
.navbar-nav {
  width: 100%;
  justify-content: center
}
.banner-main {
  background: url("assets/images/banner-background.webp") no-repeat;
  background-size: cover;
}
.header-search-trigger {
  color: #fff !important;
}
.navbar-nav .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.6);
  padding-right: 1rem;
  padding-left: 1rem;
}
.navbar-nav .nav-item.current-menu-item .nav-link {
  color: rgb(18 167 92);
}
.banner-inner .entry .entry-img {
    position: relative;
    display: block;
}
.banner-inner .entry .entry-content {
  bottom: 0;
  width: 100%;
}
.banner-inner .entry {
  position: relative;
  margin-bottom: 0;
  border: 2px solid #d1d1d1;
}
.banner-inner .featured-column-big {
  width: 65%;
}
.banner-inner .featured-column-small {
  width: 35%;
}
.banner-inner .featured {
  display: flex;
  gap: 0;
}
.banner-inner {
  padding-bottom: 35px;
}
.banner-inner .entry .entry-img::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: .3;
  background-color: #151515;
}

.banner-inner .featured .entry .entry-img:hover:before {
  opacity: .8;
}
.featured .entry-content {
  position: absolute;
  left: 0;
  bottom: 6rem;
  width: 100%;
  padding: 0 25px 20px 25px;
  display: block;
  background: #00000061;
}
.featured .entry-content a {
  color: #fff;
}
.featured .entry-content .entry-meta {
  display: flex;
  justify-content: space-between;
  color: #fff;
  list-style: none;
  padding: 0;
  margin: 0;
}
.banner-inner .featured img {
  width: 100%;
  height: 684px;
  object-fit: cover;
  object-position: left;
}
.banner-inner .featured .featured-column-small img {
  height: 340px;
}
.banner-inner .container {
  /* max-width: 1170px; */
}
.banner-inner .featured .featured-column-small h1 {
  font-size: 22px;
  margin: 10px 0;
}
.banner-inner .featured h1 {
  font-size: 34px;
  margin: 20px 0;
  text-shadow: 2px 2px 6px #000;
  line-height: 1.4;
}
.banner-inner .featured .featured-column-small .entry-content {
  padding: 0 20px 20px 20px;
}
.top-header .container {
  display: flex
}
.header-menu {
  padding-top: 22px;
}
.header-search-trigger i {
  font-size: 20px;
  margin-left: 6px;
}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:focus {
  color: rgb(18 167 92);
}
.blog-main {
  padding: 70px 0;
  background: #f2f2f2
}
.blog-box {
    height: 100%;
    background: #fff;
}
.blog-content {
  padding: 36px;
  border-radius: 0 0 10px 10px;
}
.blog-content h4 {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 1.375;
}
.blog-content span {
  display: inline-block;
  font-size: 14px;
  color: #858585;
  margin-bottom: 10px;
}
.blog-content p {
  line-height: 22px;
  line-height: 1.8;
}
.blog-box img {
  height: 277px !important;
  object-fit: cover;
  width: 100% !important;
}
.blog-content a {
  color: #00ae5b;
}
.blog-main > .container > .row {
  row-gap: 25px
}
.pegination ul {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center
}
.pgn__prev, .pgn__next {
  display: block;
  height: 48px;
  width: 48px;
  line-height: 48px;
  border-radius: 50%;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
  background: #fff url("assets/images/icon-arrow-left.svg") no-repeat center center;
  background-size: 20px
}
.pgn__next {
  background: #fff url("assets/images/icon-arrow-right.svg") no-repeat center center;
  background-size: 20px;
}
.pgn__prev:hover {
  background: #151515 url("assets/images/icon-arrow-left-w.svg") no-repeat center center;
  background-size: 20px;
}
.pgn__next:hover {
  background: #151515 url("assets/images/icon-arrow-right-w.svg") no-repeat center center;
  background-size: 20px;
}
.pgn__num {
  font-size: 18px;
  display: inline-block;
  padding: 4px 12px;
  color: #151515;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pegination {
  margin-top: 50px;
}
.pegination .current, .pegination .current:hover {
  background-color: #151515;
  color: #FFFFFF;
}
.pgn__num:hover {
  background: #c4c4c4;
  color: #151515;
}
.popular-main {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}
.popular-main .popular-box {
  width: 50%;
  display: flex;
  padding-right: 20px;
}
.popular-main .popular-box img {
  width: 20%;
  margin-right: 20px;
  object-fit: cover;
  object-position: left;
}
.popular-main .popular-box h4 {
  font-size: 16px;
  font-family: "metropolis-extrabold", sans-serif;
  line-height: 1.3125;
}
.popular-main .popular-box h4 a {
  color: #000
}
.popular-main .popular-box h4 span {
  display: block;
  color: #656565;
  font-size: 14px;
  margin-top: 7px;
  font-weight: 400;
}
.popular-post h2 {
  margin-bottom: 21px;
}
.about-eazemax p {
  color: #656565;
  line-height: 30px;
}
.about-eazemax i {
  color: #000
}
.about-eazemax {
  padding-right: 40px;
}
.popular-about h2 {
  font-size: 26px;
}
.footer-sec {
  background: #242424;
  padding: 50px 0 0 0;
}
.footer-sec .get-touch {
  border: 2px solid rgba(133, 133, 133, 0.5);
}
.footer-sec .get-touch:hover {
  background: #181818;
}
.footer-sec .get-touch:hover img {
  rotate: 83deg;
  transition: 0.5s;
}
.footer-sec .get-touch h2 {
  font-size: 64px;
  text-align: center;
  font-weight: 800;
  color: #fff;
  margin: 0px;
  padding: 26px 0;
  letter-spacing: 5px;
}
.footer-sec .get-touch h2 span {
  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
  color: #242424;
}
.footer-sec .get-touch h2 img {
  margin-left: 20px;
}
.footer-sec img {
  margin-bottom: 25px;
}
.footer-sec h2 {
  font-size: 32;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
.footer-sec h3 {
  font-size: 20px;
  color: rgba(0, 171, 85, 1);
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Metropolis', sans-serif;
}
.footer-sec ul {
  margin: 0px;
  padding: 0px;
}
.footer-sec ul li {
  list-style: none;
  margin-bottom: 7px;
  color: rgba(133, 133, 133, 1);
}
.footer-sec ul li a {
  font-size: 16px;
  line-height: 35px;
  color: aliceblue;
  font-weight: 500;
}
.footer-sec ul li a:hover {
  color: rgba(0, 171, 85, 1);
}
.footer-sec .social-footer {
  display: flex;
  column-gap: 15px;
  justify-content: end;
}
.footer-sec .social-footer li:hover img {
  opacity: 0.5;
}
.copyright-border {
  position: relative;
  padding-top: 50px;
  text-align: center;
  padding-bottom: 25px;
}
.copyright-border p {
  margin-bottom: 0;
  color: #858585
}
.copyright-border:before {
  border-top: 1px solid;
  border-image-source: linear-gradient(90deg, rgba(133, 133, 133, 0) 0%, rgba(133, 133, 133, 0.5) 46%, rgba(133, 133, 133, 0) 100%);
  width: 100%;
  content: "";
  border-image-slice: 30;
  position: absolute;
  top: 20px;
  left: 0;
}
.footer-sec .social-icons li {
  border-radius: 5px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-sec .social-icons li a {
  color: #00ab5a;
  font-size: 22px;
  line-height: 1;
}
.address p {
  color: #858585;
  font-size: 16px;
  line-height: 30px;
  display: flex;
  gap: 15px;
}
.address p i {
  font-size: 22px;
  margin-top: 5px;
  width: 22px !important;
}
.footer-sec ul.social-icons {
  margin-top: 30px;
}
.single-page-head {
  text-align: center;
  margin-bottom: 35px;
}
.single-page-head h1 {
  font-size: 40px
}
.single-page-head ul {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-bottom: 35px;
  list-style: none;
  padding: 0;
  color: #000;
  margin-top: 20px;
}
.blog-single-page .container {
  max-width: 900px;
}
.single-page-head img {
  width: 100%;
}
.author-main {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}
.author-main img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
}
.author-content p {
  font-size: 18px;
  line-height: 30px;
}
.author-content ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px;
}
.author-content ul li a {
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
  font-size: 15px;
}
.comment-us .container {
  max-width: 900px;
}
.comment-us {
  background: #e5e5e5;
}
.comment-us .form-control {
  background: none;
  border: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 0;
  box-shadow: none;
  padding: 16px 0;
  margin-bottom: 30px;
}
.comment-us .form-submit .submit {
  width: 100%;
  padding: 15px 0;
  background: #000;
  color: #fff
}
.comment-us textarea.form-control {
  height: 200px;
}
.comment-us h2 {
  margin-bottom: 20px;
}
.single-page-head ul li a {
  color: #000;
}
.single-page-head ul li i {
  margin-right: 5px;
}
blockquote {
  margin: 3.9rem 0;
  padding-left: 4.5rem;
  position: relative;
}
blockquote:before {
  content: "\201C";
  font-size: 8rem;
  line-height: 0px;
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 4.6rem;
  left: 12px;
}
blockquote p {
  padding: 0;
  font-size: 20px;
  line-height: 1.6;
  color: #000000;
}
.disclamer {
  background: #f5f5f5;
  padding-top: 25px;
  padding-bottom: 10px;
  padding-right: 20px;
}
.about-eazemax section {
  padding: 0;
}
.nav-links .post-title {
  display: none;
}
.nav-links .meta-nav {
  color: #000;
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-links {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
#button {
  display: inline-block;
  background-color: #000000;
  text-align: center;
  border-radius: 50px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  height: 55px;
  width: 55px;
  line-height: 55px;
}
#button img {
  width: 12px;
}
.search-icon-head {
  margin-left: 20px;
}
.search-icon-head .fa-search {
  display: inline-block;
  font-size: 19px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  color: #24135f;
}
.header-search {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 99;
    padding: 17px 10px;
    display: none;
}
.header-search .close-icon {
  background: url(assets/images/close-x.png) no-repeat 50% 50%;
  background-size: 100% 100%;
  border: none;
  display: block;
  font-size: 0;
  height: 19px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 19px;
}
.header-search .header-search-form {
  max-width: 610px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.header-search .header-search-form input[type="search"] {
  line-height: 42px;
  height: 42px;
  padding: 0 42px 0 15px;
  font-size: 14px;
  color: #a0b1bc;
  display: block;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  border: 0 none;
}
.header-search .header-search-form input[type="search"]::-webkit-input-placeholder {
  color: #a0b1bc;
}
.header-search .header-search-form input[type="search"]::-moz-placeholder {
  color: #a0b1bc;
}
.header-search .header-search-form input[type="search"]:-ms-input-placeholder {
  color: #a0b1bc;
}
.header-search .header-search-form button[type="submit"] {
  width: 42px;
  height: 42px;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff url(assets/images/icon_search.png) no-repeat;
  background-position: 50% 50%;
  border: 0 none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.banner-main .header.fixed {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: url("assets/images/banner-background.webp") no-repeat;
    background-size: cover;
    top: 0;
}
.blog-box h4 a {
    color: #000;
}
.page-header {
    text-align: justify;
}
.page-header h1 {
    text-align: center;
}
.search-result-count {
    text-align: center;
}
.comment-body {
    margin-bottom: 20px;
}
.comment-content p {
    margin-bottom: 5px;
}
.comment-body a {
    color: #14a95b;
}
.not-found-page {
    border-bottom: 1px solid #f5f5f5
}
.not-found-page .search-form {
    width: 60%;
    margin: auto;
}
.not-found-page .search-form label {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}
.not-found-page .search-form .search-field {
    width: 100%;
    padding: 12px 10px;
    border-radius: 50px;
    border: 1px solid #838383;
    margin-bottom: 20px;
}
.not-found-page .search-form .search-submit {
    width: 330px;
    padding: 10px;
    border-radius: 50px;
    border: none;
    background: #14a75a;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}
.comment-list {padding-left: 0;margin-bottom: 50px;}
.comment .comment-body {position:relative;background:#f7f7f7;padding:15px;border: 1px solid #cbcbcb;overflow:hidden;margin-bottom: 15px;}
.comment-us ul, .comment-us ol {list-style: none;}
.comment .comment-body .comment-meta{position:relative; padding-left:70px;}
.comment .comment-body .comment-meta time{color:#ce2424;}
.comment .comment-body .comment-author img{position:absolute; left:0; top:0; width:50px; height:50px; border-radius:50px;}
.comment .comment-body .comment-content{position:relative; padding-left:70px;}
.comment .comment-body .comment-content p{color:#333; font-size:13px;}
.comment-author.vcard{font-size: 12px;}
.comment-author .fn{text-transform: uppercase; font-weight: 700; font-size:14px; color:#333;}
.comment-metadata {font-size: 11px; line-height: 16px; margin-bottom: 10px;}
.comment-reply-link {background: #e5e5e5;border: #C1C0C0;font-size: 10px;text-transform: uppercase;display: inline;color: #FFF;float: right;padding: 5px 10px;line-height: 1.5;border-radius: 3px;font-weight: 700;}

.quote-box {
    padding: 60px;
    text-align: center;
    background: #fff;
    height: 100%
}

.quote-box h4 {
    line-height: 38px;
}
.quote-box img {
    margin-bottom: 15px;
    filter: contrast(0.0);
}
.blog-box .post-thumbnail {
    margin: 0;
}
.main-htitle {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}
div[itemprop="mainEntity"] [itemprop="name"]{background: #f7f7f7 url(assets/images/accordian-arrow-close.png) no-repeat 99% 50%; padding: 10px 15px 10px; border: solid 1px #d5d5d5; color: #000; display: block; font-size: 16px; outline: none; margin-bottom: 15px; cursor: pointer; font-weight:normal; padding-right:25px; position:relative;}

div[itemprop="acceptedAnswer"]{display: none; padding: 15px 14px 10px 20px; border: 1px solid #eee; clear: both; overflow: hidden; margin-top:-15px; margin-bottom:15px;}

div[itemprop="mainEntity"].opened  [itemprop="name"]{background: url(assets/images/accordian-arrow-open.png)no-repeat 99% 50%;background-color: #fafafa;}

div[itemprop="mainEntity"].opened  div[itemprop="acceptedAnswer"]{display:block;}
div[itemprop="acceptedAnswer"] p:last-child {
    margin: 0;
}

@media only screen and (max-width: 1400px) {
.main-htitle {
    font-size: 36px;
}
.header .navbar {
    padding: 5px 0;
}
.blog-content h4 {
    font-size: 21px;
}
.popular-main .popular-box img {
    width: 30%;
}
}
@media only screen and (max-width: 1199px) {
.popular-main .popular-box {
    width: 100%;
}
}
@media only screen and (max-width: 991px) {
.about-eazemax {
    padding-right: 0;
    margin-top: 30px;
}
.footer-sec .get-touch h2 img {
    margin-left: 20px;
    margin-bottom: 0;
    width: 45px;
    vertical-align: baseline;
}
.footer-sec .get-touch h2 {
    font-size: 50px;
}
.footer-sec img {
    margin-bottom: 15px;
}
.footer-sec ul.social-icons {
    margin-top: 15px;
    margin-bottom: 20px;
}
.blog-content {
    padding: 20px;
}
.not-found-page .search-form {
    width: 100%;
    margin: auto;
}
}

@media only screen and (max-width: 767px) {
section {
    padding: 40px 0;
}
.popular-main .popular-box {
    width: 100%;
    padding-right: 0;
}
.about-eazemax {
    margin-top: 30px;
    padding: 0
}
.banner-inner .featured-column-small {
    width: 100%;
}    
.banner-inner .featured-column-big {
    width: 100%;
}   
.banner-inner .featured {
    flex-wrap: wrap;
}    
.banner-inner .featured img {
    height: 340px;
}
.banner-inner .featured h1 {
    font-size: 22px;
}
.blog-box img {
    height: 210px;
}    
.footer-sec .get-touch h2 {
    font-size: 28px;
    padding: 22px 0;
}
.footer-sec ul.social-icons {
    margin-top: 16px;
    margin-bottom: 16px;
}
.footer-sec img {
    margin-bottom: 16px;
}
.footer-sec .get-touch h2 img {
    margin-left: 20px;
    display: none;
}    
.single-page-head ul {
    gap: 5px 20px;
    flex-wrap: wrap;
}    
.single-page-head h1 {
    font-size: 25px;
}    
.navbar .navbar-collapse {
    position: absolute;
    top: 100%;
    background: rgb(19, 21, 23);
    width: 100%;
    left: 0px;
    text-align: left;
}   
.header-search .close-icon {
    top: -6px;
}    
.blog-content .posted-on {
    margin-bottom: 0;
}    
.quote-box {
    padding: 25px;
}
.quote-box h4 {
    line-height: 32px;
    font-size: 18px;
}
    
}

#headPopup {top: 100px;}
.popup-dialog .close {height: 30px; width: 30px; border: none; font-size: 26px; line-height: 30px; border-radius: 50px; background: #1ea858; color: #fff; position: absolute; top: -15px; right: -15px; font-weight: 600;}
.popup-dialog {max-width: 700px;}
.popup-newbox {display: flex;}
.popup-newleft {width: 50%;}
.popup-newleft img {margin-bottom: 0px;}
.popup-newright {width: 50%; padding: 20px 30px 0px 30px;}
.popup-newright form {}
.popup-newright form p {margin: 0px; line-height: 20px;  font-size: 15px;}
.popup-newright form input {width: 100%; border-radius: 5px;  background:#f2f2f2; border:none; height: 40px;  margin-bottom: 13px;}
.popup-newright form textarea {width: 100%; border-radius: 5px;  background: #f2f2f2; border: none; height: 80px; margin-bottom: 14px;}
.popup-newright form .wpcf7-submit {background: #1ea858;  border: navajowhite;  color: #fff;}
.popup-newright p {line-height: 20px;  font-size: 15px;}
.popup-newright p span {font-weight: 700; color:#1ea858; list-style: none; line-height: 20px;  font-size: 15px;}

@media only screen and (max-width: 767px) {

.popup-newbox {display:block;}
.popup-newleft {width:100%;}
.popup-newleft img {width: 100%;}
.popup-newright {width:100%;}
.popup-newright form textarea {height:50px;}
.popup-dialog .close { font-size:26px; line-height:26px; top:5px; right:5px; font-weight:600; border:2px solid #fff;}

}