/*
Theme Name: Consultio Child
Theme URI: http://demo.casethemes.net/consultio/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Consultio is the Perfect Consulting Finane & Business WordPress Theme. Consultio is best suited for corporate website like Consultioial 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 Consultioial Firms.
Version: 3.2.7
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: consultio
Text Domain: consultio-child
Tags: advisor, attorney, corporate accountant, consulting, consultant, finance, insurance, invest, investment, investor, mutual funds, pensions, retirement, saving, 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.
*/

.fancy-box-header .ct-fancy-box-layout11 .item--icon {
    flex: 1;
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 20px;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
    animation: ringing 3s ease-in-out infinite;
}

.ctf7-footer-sub-mail button {
    background-color: #bbdefb !important;
    height: 40px;
}

.btn {
    background-color: #00b4d8 !important;
    background-image: linear-gradient(to right, #003060, #2196f3) !important;
    color: #fff;
}
.ct-contact-info1.style2 .ct-contact-icon i {
    background-image: none !important;
    background-color: #00b4d8 !important;
}

.ct-blog-carousel-layout10 .item--date span:first-child {
    border-radius: 0px 0px 6px 6px;
    border-bottom: 2px solid #003060 !important;
    background: #bbdefb !important;
}
.ct-grid .grid-sizer {
    display: none;
}
.ct-heading.item-st-line-bottom2 .ct-heading-divider span::before {
    background-color: #bbdefb;
	
}

/* Green Box: */
.block-green {
  --primary-color: #d8f4dc;
  --secondary-color: #4db15b;
  background: var(--primary-color);
  border-bottom: 4px solid var(--secondary-color);
}

.block-green  .btn-readmore {
  background-color: var(--secondary-color);
  color: #fff;
}

/* Blue Box */

.block-blue .e-con {
  --primary-color: #d6e9f5;
  --secondary-color: #338ac2;
  background: var(--primary-color);
  border-bottom: 4px solid var(--secondary-color);
}

.block-blue  .btn-readmore {
  background-color: var(--secondary-color);
  color: #fff;
}

/* Pink Box */

.block-pink .e-con {
  --primary-color: #ead1dd;
  --secondary-color: #d24287;
  background: var(--primary-color);
  border-bottom: 4px solid var(--secondary-color);
}

.block-pink  .btn-readmore {
  background-color: var(--secondary-color);
  color: #fff;
}

/* services box common css */

.services-block-design1 h3{
  margin-top: 70px;
  margin-bottom: 20px;
  color: #242d31;
  font-family: dm sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.23;
}
.services-block-design1 p {
  color: #5b5f60;
  font-family: dm sans,sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
  margin-bottom: 24px;
}

.services-block-design1 .btn-readmore a.elementor-button{
  width: 100%;
  max-width: 200px;
  padding: 0 18px;
  opacity: 1;
}