*,
*::before,
*::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth !important;
    scroll-padding-top: 5rem !important;
}

@font-face {
    font-family: 'anydore';
    src: url('/fontA/anydore.woff2') format('woff2');
}

.anyFont {
    font-family: 'anydore', sans-serif !important;
}

.justify-text {
    text-align: justify !important;
}

.customFontSize {
    font-size: 18px !important;
}

@media screen and (max-width: 767px) {
    .customFontSize {
        font-size: 18px !important;
    }
}

.topBottom {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
}

.onlyTop {
    margin-top: 6em !important;
}

.onlyBottom {
    margin-bottom: 6em !important;
}

/******imageAnimation***********/
.sumonAnimation {
    animation: sumonImg 5s infinite;
    -webkit-animation: sumonImg 5s infinite;
}

@keyframes sumonImg {
    0% {
        transform: scale(.9);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(.9);
    }
}

/**************FOOTER*******************/
.footBg {
    background: url('./img/footerBG.jpg');
    background-size: cover;
    background-attachment: local !important;
    /*local means its content*/
    background-repeat: no-repeat !important;

}

/********ANIMATIO EFFECTS*******************/
/**In this example, the delay has been added to the animation property by adding 5s after the easing effect. So the div will wait for 2 seconds before starting the slide down animation. */
.slideDown {
    animation: slideDown 5s ease-in-out 2s;
    -webkit-animation: slideDown 5s ease-in-out 2s;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0%);
    }
}

/****************FADE UP************************/
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

.fadeUp {
    animation: fadeUp 3s ease-in-out 2s;
    -webkit-animation: fadeUp 3s ease-in-out 2s;
}

/*******************animation NO Delay*******************************/
.slideDownOne {
    animation: slideDownOne 5s ease-in-out;
    -webkit-animation: slideDownOne 5s ease-in-out;
}

@keyframes slideDownOne {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0%);
    }
}

/****************FADE UP ONE************************/
@keyframes fadeUpOne {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

.fadeUpOne {
    animation: fadeUpOne 3s ease-in-out;
    -webkit-animation: fadeUpOne 3s ease-in-out;
}

/******************AnimatedTitle********* 
NOTE:: Don't use bootstrap text-color class
*****************/
.smartTitle {
    animation: suMon 5s infinite;
    -webkit-animation: suMon 5s infinite;
}

@keyframes suMon {
    0% {
        color: rgb(241, 8, 8);
    }

    25% {
        color: rgb(204, 218, 11);
    }

    50% {
        color: rgb(19, 56, 223);
    }

    75% {
        color: rgb(19, 241, 241);
    }

    100% {
        color: rgb(241, 8, 8);
    }
}

.txtShadow {
    text-shadow: -1px 2px 3px #0c152446;
}

/*____________section heading______________*/
.section_header {
    text-align: center;
    margin-bottom: 3rem;
}

.section_title {
    font-size: 2.25rem;
    font-weight: 800;
    position: relative;
    display: inline-block;
    letter-spacing: -0.5px;
}

/* Clean, centered accent bar */
.section_title::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 10%;
    right: 10%;
    height: 4px;
    background: #c9db29;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

/*________________section heading______________*/

/*******Heading Line**************/
.headingLine1 {
width:8%; 
height:5px; 
background:#f64c4c; 
border-radius:4px;
opacity: 1 !important;
}

.headingLine2 {
width:8%; 
height:5px; 
background:#efe3dd; 
border-radius:4px;
opacity: 1 !important;
}
/*******Heading Line**************/