/*
Theme Name: Finano Child
Theme URI: http://demos.casethemes.net/finano/
Author: CaseThemes
Author URI: https://themeforest.net/user/casethemes
Description: Finano is the Perfect Finanoe, Consulting & Business WordPress Theme. Finano is best suited for corporate website like Finanoial Advisor, Accountant, Consulting Firms, insurance, loan, tax help, Investment firm etc. This is a business theme that is help full for online presence for Corporate Business and Finanoial Firms.  
Version: 1.2.2
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: finano
Text Domain: finano-child
Tags:  advisor, attorney, corporate accountant, finanoe, finanoial, insurance, invest, investment, investor, mutual funds, pensions, retirement, saving, tax, trading 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url("../finano/style.css");

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* =Theme customization starts here
------------------------------------------------------- */

/* =================== HEADER SECTION =================== */
#header-wrap #header-main {
  background-color: #fff;
  margin-top: 0px !important; 
}

@media screen and (min-width: 1200px) {
  #header-wrap.is-sticky #header-main .container {
    max-width: 1600px; 
  } 
}

#header-wrap.header-layout2 #header-main .primary-menu > li > a {
  text-transform: uppercase; 
}
  
@media screen and (max-width: 991px) {
  #header-wrap.header-layout2 #header-main .primary-menu > li > a {
    padding: 10px 10px !important;
    border-bottom: 1px solid #efefef; 
  } 
}

@media screen and (max-width: 991px) {
  #header-wrap .header-branding {
    margin-top: 5px !important;
    margin-bottom: 7px !important; 
  } 
}

.primary-menu .sub-menu > li > a {
  text-transform: uppercase;
  border-bottom: 1px solid #efefef; 
}

.primary-menu > li {
  padding-left: 25px; 
}

@media screen and (max-width: 1199px) {
  .primary-menu > li {
    padding-left: 20px; 
  } 
}

@media screen and (max-width: 1099px) {
  .primary-menu > li {
    padding-left: 10px; 
  } 
}

#pagetitle .page-title-inner:before {
  display: none; }

#pagetitle h1.page-title {
  font-size: 32px !important; 
}

@media screen and (max-width: 991px) {
  #pagetitle h1.page-title {
    font-size: 26px !important; 
  } 
}

@media screen and (max-width: 991px) {
  #pagetitle {
    padding-top: 60px !important;
    padding-bottom: 60px !important; 
  } 
}

#pagetitle .page-title-inner {
  padding-left: 0px !important; }

/* =================== BODY SECTION =================== */
.wpb_content_element {
  margin-bottom: 25px !important; 
}

.ct-heading .h-gap {
  margin-top: -8px !important; 
}

.ct-heading .ct-heading-sub {
  color: #fff !important;
  background-color: #72bf44;
  padding: 3px 10px;
  display: inline-block; 
}

.ct-heading cite {
  font-style: normal;
  font-family: "Nunito Sans" !important;
  color: #008000 !important;
  font-weight: 800; 
}

blockquote:before {
  color: #008000 !important;
  background-image: -webkit-linear-gradient(top, #008000, #8bc53f) !important;
  font-size: 30px !important;
  left: 0px !important;
  top: 0px !important; 
}

blockquote {
  background-color: #fff !important;
  font-size: 19px !important;
  color: #000;
  line-height: 1.2 !important;
  padding: 10px 70px 15px 40px !important;
  font-style: italic;
  margin-top: 0px !important; 
}

blockquote:after {
  background-color: transparent !important; 
}

.gradient-bg {
  background-image: -webkit-linear-gradient(left, #eaeaed, #fff); 
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
  height: 0em !important;
  width: 1em !important; 
}

.circle-list ul {
  margin-left: -22px;
  padding-left: 0px; 
}

.circle-list ul li {
  padding-left: 22px !important;
  list-style-type: none;
  background-image: url(images/circle.png);
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position-x: left;
  background-position-y: 6px;
  margin-bottom: 15px;
  line-height: 1.5; 
}

.circle-list ul li strong {
  font-size: 18px;
  line-height: 1.2; 
}

.top-icon-box {
  background-image: -webkit-linear-gradient(left, #eaeaed, #fff);
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 35px;
  border: 1px solid #efefef; 
}

.top-icon-box h3 {
  font-size: 18px; 
}

.prod-var {
  margin-top: -190px;
  padding-left: 245px;
  padding-right: 20px;
}

.prod-var h3 {
  color: #008000;
  margin-bottom: 10px;
  font-weight: 900; 
}

@media only screen and (max-width: 991px) {
  .prod-var {
    margin-top: -235px; 
  } 
}

@media only screen and (max-width: 880px) {
  .prod-var {
    margin-top: -245px; 
  } 
}

@media only screen and (max-width: 767px) {
  .prod-var {
    margin-top: 0px;
    padding-left: 0px;
    text-align: center;
    padding-right: 0px; 
  } 
}

@media only screen and (max-width: 767px) {
  #prod-emp {
    height: 10px !important; 
  } 
}

.check-list ul li {
  padding-left: 55px !important;
  list-style-type: none;
  background-image: url(images/check.png);
  background-repeat: no-repeat;
  background-size: 45px 45px;
  background-position-x: left;
  background-position-y: 0px;
  margin-bottom: 15px;
  line-height: 1.5; 
}

.check-list ul li strong {
  font-size: 20px;
  font-weight: 800; 
}

.tick-list {
  padding-left: 20px; 
}

.tick-list ul li {
  padding-left: 20px !important;
  list-style-type: none;
  background-image: url(images/tick.png);
  background-repeat: no-repeat;
  background-size: 17px 17px;
  background-position-x: left;
  background-position-y: 2px;
  margin-bottom: 8px;
  line-height: 1.5; 
}

.animate-tech {
  transition: transform 750ms;
  will-change: transform; 
}

.animate-tech:hover, .animate-tech:focus {
  transform: translateY(10px);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; 
}

.green-bao ul {
  padding-left: 20px; 
}

.green-bao ul li {
  padding-left: 23px !important;
  list-style-type: none;
  background-image: url(images/bao.png);
  background-repeat: no-repeat;
  background-size: 17px 17px;
  background-position-x: left;
  background-position-y: 0px;
  margin-bottom: 10px;
  line-height: 1.2; 
}

.green-bao ul li strong {
  font-size: 17px;
  font-weight: 700; 
}

.white-bao ul {
  padding-left: 20px; 
}

.white-bao ul li {
  padding-left: 23px !important;
  list-style-type: none;
  background-image: url(images/white-bao.png);
  background-repeat: no-repeat;
  background-size: 17px 17px;
  background-position-x: left;
  background-position-y: 1px;
  margin-bottom: 10px;
  line-height: 1.2;
  font-weight: 700;
  font-size: 18px;
  color: #fff; 
}

/* =================== FOOTER SECTION =================== */
.footer-cta {
  background-color: #d1d1d1;
  padding: 35px 100px 15px 20px;
  background-image: url(images/design_01.png);
  background-repeat: no-repeat;
  background-position: bottom right !important;
  background-size: 350px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; 
}

.site-footer .top-footer .footer-widget-title {
  border-bottom: solid 1px #72bf44;
  font-size: 18px !important;
  letter-spacing: normal !important;
  padding-bottom: 3px;
  max-width: 200px; 
}

.widget-title {
  padding-bottom: 7px !important;
  font-weight: normal;
  letter-spacing: 0px !important; 
}

.widget-title:before {
  display: none; 
}

.site-footer .bottom-footer {
  border-top: solid 1px;
  padding-top: 20px !important; 
}

.site-footer .bottom-footer .bottom-copyright {
  font-size: 12px; 
}

/*# sourceMappingURL=style.css.map */
