/**
* Template Name: Tax1099
* Template URL: https://www.tax1099.com/
* Author: tax1099.com
* License: https://www.tax1099.com/
*/

/* Fonts */
@import url('rowan.css');

 
  /* Colors */
  :root {
  --font-default: "Hanken Grotesk", sans-serif;
    --font-primary: "Rowan-Regular";
    --font-secondary: "Rowan-Italic";
    --color-default: #18221d;
    --color-primary: #4682D2;
    --color-secondary: #4682D2;
    --color-white: #fff;
    --color-light-bg: #d4d6f2;
    --color-Primary-Light: #F4F9FF;
    --color-dark-bg: #204B83;
    --color-light-Neutral: #f0f1f4;
    --color-Neutral-primary-light: #f0f1f4;
    scroll-behavior: smooth;
  }
  

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  /* padding-top: 100px; */
    font-family: var(--font-default);
    color: var(--color-default);
  }
  
  a {
    color: var(--color-primary);
    text-decoration: none;
  }
  a:hover {
    color: var(--color-primary);
    text-decoration: none;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-primary);
  }
  .pb-100{padding-bottom: 100px;}
  .pt-100{padding-top: 100px;}
  figure{margin: 0;}
  
  .img-responsive{
    max-width: 100%;
  }
 
  /* Header buttons */
  /* Buttons */
  .btn-primary{
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 56px;
    background:  var(--color-secondary);
    font-family: var(--font-default);
    color: var(--color-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    border: 2px solid var(--color-secondary);
    width: auto; 
    margin: 20px 0px;
  }
  .btn-primary:hover{
    background: var(--color-white);
    color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
    box-shadow: none !important;
  }
  .btn-primary svg{
    transition: all 0.4s ease;
    position: relative;
    left: 8px;
    }
    .btn-primary:hover svg {
      transform: rotateZ(45deg); /* Rotate the SVG on hover */
    }
    .btn-primary:hover svg path{
      fill: var(--color-secondary); /* Change the fill color on hover */
      /* transform: translate(-50%, -50%); Center the SVG precisely */
    }

  .btn-secoundry{
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 56px;
    font-family: var(--font-default);
    color: var(--color-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    background: var(--color-primary);
    border: 2px solid var(--color-primary);
    position: relative; 
    width: auto; 
    margin: 20px 0px;
  }
  .btn-secoundry:hover{
    background: var(--color-primary);
    color: var(--color-white);
    border: 2px solid var(--color-primary);
  }
  .btn-secoundry svg{
    transition: all 0.4s ease;
    position: relative;
    left: 8px;
    }
    .btn-secoundry:hover svg {
      transform: rotateZ(45deg); /* Rotate the SVG on hover */
    }
    .btn-secoundry:hover svg path{
      fill: var(--color-white); /* Change the fill color on hover */
      /* transform: translate(-50%, -50%); Center the SVG precisely */
    }
  .btn-lined{
    display: inline-flex;
    align-items: center;
    padding: 14px 28px 14px 32px;
    font-family: var(--font-default);
    color: var(--color-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    width: auto; 
    z-index: 999;
  }
  .btn-lined:hover{
    color: var(--color-secondary);
    box-shadow: none !important;
  }
  .btn-lined svg{
    transition: all 0.4s ease;
    position: relative;
    left: 8px;
    }
    .btn-lined:hover svg {
      transform: rotateZ(45deg); /* Rotate the SVG on hover */
    }
    .btn-lined:hover svg path{
      fill: var(--color-secondary); /* Change the fill color on hover */
      /* transform: translate(-50%, -50%); Center the SVG precisely */
    }

  /* Buttons */


  /*--------------------------------------------------------------
  # Sections & Section Header
  --------------------------------------------------------------*/
  .container-fluid{
    padding: 0px 6%;
  }
  .section-margin{
    margin: 80px 0px;
  }
  .section-Primary-Light{background:var(--color-Primary-Light);padding:60px 0}
.section-white {
    padding: 60px 0;
}
.section-dark, .section-dark-bg {
    background: var(--color-dark-bg);
    padding: 60px 0;
}
 .section-title h4{
  color: var(--color-primary);
  font-weight: 600;
  font-family: var(--font-secondary);
  font-style: italic;
 }
 .section-title h4 svg{
  position: relative;
  margin-right: 10px;
 }
 .section-title h3{
  font-family: var(--font-primary);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.4em;
  margin: 16px 0px;
 }
 .section-title h3 span{
  font-family: var(--font-secondary);
  font-style: italic;
  font-weight: 600;
    padding: 4px 0px;
 }

/* CTA Section */
  .cta-section {
    background: var(--color-dark-bg);
    background-image: url(../img/cta-bg.svg);
    background-size: 24%;
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 60px;
    border-radius: 30px;
}
.cta-bottom p{
  color: #FFF;
}
.cta-bottom a{
  color: #01A090;
  font-weight: 600;
  margin-left: 10px;
}
.cta-box h2{
  color: var(--color-white);
  font-family: var(--font-primary);
  line-height: 1.4em;
  font-size: 50px;
  margin-bottom: 40px;
}
.cta-box h2 span{
  color: var(--color-white);
  font-family: var(--font-secondary);
  font-style: italic;
}
.cta-box p{
  color: var(--color-white);
  font-size: 20px;
}
/* End CTA Section */