
@font-face {
    font-family: 'AddingtonCF-Regular';
    src: url('/fonts/AddingtonCF-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* AddingtonCF-Bold */
@font-face {
    font-family: 'AddingtonCF-Bold';
    src: url('/fonts/AddingtonCF-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* AddingtonCF-MediumItalic */
@font-face {
    font-family: 'AddingtonCF-MediumItalic';
    src: url('/fonts/AddingtonCF-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/****************** general *************/
.red-hat-font{
    font-family: "Red Hat Display", sans-serif;
}
.second-font-normal{
    font-family: 'AddingtonCF-Regular', sans-serif;

}
.second-font-bold{
    font-family: 'AddingtonCF-Bold', sans-serif;

}
.second-font-italic{
    font-family: 'AddingtonCF-MediumItalic', sans-serif;

}

.azure-0{
    color: #0CA6F4;
    }
.blue-0{
    color: #000F49;
}
body{
    overflow-x: hidden !important;
    font-family: "Red Hat Display", sans-serif;
}
/**************Button*************/
.my-btn{
    padding: 8px 15px;
    transition: all .3s ease-in-out;
}

.my-btn:hover {
    transition: all .3s ease-in-out;
}
.arrow-btn:hover .repeat-text{
    animation-name: example;
    animation-duration: .2s;
    animation-iteration-count: 1;
    filter: brightness(0) invert(1);
}
.my-btn:hover .btn-text{
    /* transition: all .3s ease-in-out; */
    animation-name: example;
    animation-duration: .5s;
    animation-iteration-count: 1;
}
@keyframes example {
    0%  {transform:translateY(0%); }
    50%   {transform:translateY(-150%)  }
    50.1%  {transform:translateY(150%); }
    100%  {transform:translateY(0%); }

  }
.my-btn:hover .btn-arrow{
transform: rotate(45deg);
transition: all .3s ease-in-out;
}
.my-btn .btn-arrow{
    transition: all .3s ease-in-out;
    }
.btn-arrow img{
    transform: rotate(90deg);
}
@media(max-width:1023px){
    .my-btn{
        padding: 4px 10px;
        font-size: 12px;
    }


}


/****************** navbar *************/
.burger-menu:hover .line-1{
    margin-left: 0px !important;
    /* margin-right: 10px !important; */

    transition: all 0.2s linear;
    }
    .burger-menu,.burger-menu .line-1{
        transition: all 0.2s linear;
        }
    .sidebar-section{
        right: -25%;
            transition: all  0.25s ease-in-out;
        }
.sidebar-open{
    right: 0% !important;
}

/***************Home Services****************/
.service-card:hover .home-service-icon{
filter: brightness(0%) invert(100%);
}
/*******************Home Tax************************/
.tax-card:hover .tax-text-div{
bottom:100%;
transform: translate(0%,100%);
    transition: all .3s ease-in-out;
    background-color: #0CA6F4;
    height: 100%;
}
.tax-card:hover .tax-desc{
    display: block !important;
}

.tax-card:hover .tax-title
{
    font-family: 'AddingtonCF-MediumItalic', sans-serif;
    animation-name: example;
    animation-duration: .5s;
    animation-iteration-count: 1;

}

.my-input::placeholder {

    color: #000F49;
    text-transform: uppercase;

  }



  .my-input{
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);
    color: #000F49;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color:#000F49;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    padding-bottom: 20px;

  }
  .my-input:focus{

    outline: none !important;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
.value-card:hover img{
    filter: brightness(0%) invert(100%);

}
.about-card:hover hr{
 background-color: white !important;
}
.about-card:hover .about-title-span{
color: #000F49;
font-family: 'AddingtonCF-Regular', sans-serif;
}
/*****Plus sign******/
.plusminus {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: auto;

    &.active {
    &:before {
    transform: translatey(-50%) rotate(-90deg);
    opacity: 0;

    }
    &:after {
    transform: translatey(-50%) rotate(0);
    background-color: #000F49;

    }
    }

    &:before , &:after {
    content: "";
    display: block;
    background-color: #000F49;

    position: absolute;
    top: 50%; left: 0;
    transition: .3s;
    width: 100%;
    height: 2px;
    }

    &:before {
    transform: translatey(-50%);

    }

    &:after {
    transform: translatey(-50%) rotate(90deg);

    }

    }

/***Opened and closed****/
.service-card-opened
{
height: auto !important;
transition: all .3s ease-in-out;
background-color: var(--footer-color);
color: white !important;
}
.service-card-opened img{
transition: all .3s ease-in-out;

filter: brightness(0%) invert(100%) !important;
}


.service-bullets-sec-active{
display: flex ;

}

.service-bullets-sec-closed{
display: none ;

}

.service-card-services-page{

box-shadow: rgba(27, 31, 35, 0.04) 0px -7px 24px, rgba(255, 255, 255, 0.25) 0px -7px 24px inset;}
.shadow-card{
        box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);

}
