/**
* 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: #8F3A7E;
    --color-secondary: #00AB52;
    --color-white: #fff;
    --color-light: #F0E9EE;
    --color-Primary-Light: #f6f6fc;
    --color-dark-bg: #001941;
    --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: 12px 28px 12px 28px;
    border-radius: 56px;
    background:  var(--color-primary);
    font-family: var(--font-default);
    color: var(--color-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    border: 2px solid var(--color-primary);
    width: auto; 
  }
  .btn-primary:hover{
    background: var(--color-white);
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
    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-primary); /* Change the fill color on hover */
      /* transform: translate(-50%, -50%); Center the SVG precisely */
    }

  .btn-secoundry{
    display: inline-flex;
    align-items: center;
    padding: 14px 28px 14px 32px;
    border-radius: 56px;
    font-family: var(--font-default);
    color: var(--color-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    background: var(--color-secondary);
    border: 2px solid var(--color-secondary);
    position: relative; 
    width: auto; 
  }
  .btn-secoundry:hover{
        background: var(--color-white);
    color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
    box-shadow: none !important;
}
  .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-secondary); /* Change the fill color on hover */
      /* transform: translate(-50%, -50%); Center the SVG precisely */
    }
    .btn-round{
    display: inline-flex;
    align-items: center;
    padding: 14px 28px 14px 32px;
    border-radius: 56px;
    font-family: var(--font-default);
    color: var(--color-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    border: 2px solid var(--color-primary);
    position: relative; 
    width: fit-content; 
  }
  .btn-round:hover{
    background: var(--color-primary);
    color: var(--color-white);
    border: 2px solid var(--color-primary);
  }
  .btn-round svg{
    transition: all 0.4s ease;
    position: relative;
    left: 8px;
    }
    .btn-round:hover svg {
      transform: rotateZ(45deg); /* Rotate the SVG on hover */
    }
    .btn-round: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-white{
    margin: 60px 0px;
  }
  .section-light{
    background-color: var(--color-light);
    padding: 60px 0px;
  }

 .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-default);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 16px 0px;
 }
 .section-title h3 span{
  font-family: var(--font-secondary);
  font-style: italic;
    background: url('../img/title-fill.svg') no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: 4px 0px;
 }

/* CTA Section */
  .cta-section {
    background: #32142C;
    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: #32142C;
  font-weight: 600;
  margin-left: 10px;
}
.cta-box h2{
  color: var(--color-white);
  font-family: var(--font-default);
  line-height: 1.2em;
  font-size: 40px;
}
.cta-box h2 span{
  color: var(--color-white);
  font-family: var(--font-secondary);
  font-style: italic;
}
.cta-box p{
  color: var(--color-white);
}
@media (min-width:321px) and (max-width:768px){
  .hero-single-content h1{
    font-size: 40px !important;
  }
  .hero-list-item{
    justify-content: center;
  }
  .hero-list-item ul li{
    padding: 0px 20px !important;
  }
  .hero-list-item ul{
    display: grid !important;
  }
}
/* End CTA Section */
@media (min-width: 1024px) and (max-width: 1380px) {
   .hero-single-content h1{
        font-size: 40px !important;
    }
    .animated-text span{
        font-size: 14px;
    }
    .header-text {
        font-size: 12px !important;
    }
    .section-title h3{
        font-size: 26px;
        margin: 10px 0px;
    }
    .card-body h5{
      font-size: 18px;
    }
    .topstrip-left p{
        font-size: 12px;
    }
    .btn-secoundry{
            font-size: 12px;padding: 4px 16px;
    }
    .top-notify-btn{
            font-size: 12px;padding: 4px 16px;
    }
    .btn-lined-header{
        font-size: 12px;
    }
    .btn-primary{
        font-size: 12px;padding: 4px 16px;
    }
    .footer-terms-rgt ul li a{
      padding: 8px !important;
    }
    .footer-cont ul li .footer-main-links .footer-links ul li h2{
      font-size: 18px !important;
    }
    .footer-cont ul li .footer-main-links .footer-links ul li a{
      font-size: 14px !important;
    }
    .footer-cont ul li address{
      font-size: 14px !important;
    }
    .footer-cont ul li a img{
      width: 50% !important;
    }
    .social-icons-block a{
      background: #32142c !important;
    }
    .social-icons-block{
      margin-right: 0px !important;
    }
    .footer-cont ul li h3{
      font-size: 20px !important;
    }
    .footer-cont ul li address{
          margin-bottom: 10px !important;
    }
    .accordion-button{
      font-size: 14px !important;
      padding: 10px;
    }
    .compliance-products-in h3{
      font-size: 20px !important;
    }
    .hero-right h3{
        font-size: 20px;
    }
    .form-select{
        font-size: 12px;
    }
    .home-form label{
        font-size: 14px;
    }
    .form-price-home h4{
        font-size: 36px;
    }
    .home-form input[type="text"]{
        font-size: 30px;
    }
    .home-hero-banner{
        padding: 40px 0;
    }
    .AMP_Menu ul li a, .sub-menu-text{
        font-size: 13px !important;
    }
    .list-resource a{
        font-size: 13px !important;
    }
    .list-resource p{
        font-size: 12px !important;
    }
    .dropdown-item{
        font-size: 12px !important;
    }
    .section-light{
        padding: 30px 0px;
    }
    .section-white{
   margin: 30px 0px;
    }
    .card-bg h5, .card-white h5{
        font-size: 16px;
    }
    body{
        font-size: 13px;
    }
    .italic-text-center h5{
            font-size: 18px;
    }
    .btn-primary{
        padding: 8px 20px 8px 20px;
    }
    .section-title h4{
      font-size: 20px;
    }
       
}