body{
 font-family: 'Lato'!important;
}

a:hover, a:focus {
    color: #ffc6c6!important;
}

.w3-button:hover {
    color: #ffc3c3!important;
}

.w3-button a:hover {
    color: #ffe2e2 !important;
}

.text-info-block .image{
    width: auto!important;
}

.block-header:after{
    width:0;
}

.contact-block {
    padding: 77px 0 20px;
}

.panel-body{
    text-align: justify;
    padding: 20px 24px!important;
    line-height: 1.4!important;
    font-family: 'Lato'!important;
}

#page-footer {
    padding-top: 10px;
    padding-bottom: 15px!important;
}

/* Navmenu header styles */

.w3-bar{
    padding: 30px;
    display: flex;
    justify-content: space-around;
}

#nav-menu {
    width: 75%;
    display: flex;
    justify-content: right;
    line-height: 50px;
}

#nav-menu a {
    margin: 0px 15px;
}

#nav-menu select {
   margin: 0px!important;
}

.w3-top, .w3-bottom {
    z-index: 99!important;
}

.w3-bar .w3-bar-item a:hover{
    color: #ff8a8a!important;
}

.w3-bar .w3-bar-item {
    font-family: sans-serif;
    font-weight: 500;
    font-size: 1rem!important;
    letter-spacing: 0.1px;
}

.w3-bar .w3-bar-item{
    font-family: system-ui!important;
    font-weight: 500;
}

.w3-bar .w3-button {
    white-space: nowrap!important;
}

.w3-bar .w3-bar-item {
    padding: 0!important;
}

#nav-menu a {
    display: block;
}

#toggle-menu {
    display: none;
}

select#countryDropdown {
    background-color: #B91E1E;
    height: 30px;
    margin: 10px 0 0 15px;
    color: #fff;
    border-color: #fff;
}


@media(max-width:768px){

    .w3-mobile{
        max-width: 100%!important;
    }

    .w3-bar{
        padding-left:15px;
    }

    #countryDropdown {
        background-color: #B91E1E;
        height: 30px!important;
        margin: 18px 0!important;
        color: #fff!important;
    }
    
/*    Start Navbar menu css*/

    .w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile {
        text-align: left!important;
    }
    
    .w3-bar {
        display: inline-flex;
    }

    #toggle-menu {
        background: #fff;
        position: relative;
        width: 35px;
        height: 35px;
        border: 0;
        padding: 0px;
        border-radius: 3px;
        margin: 5px 0;
        right: 0px;
    }

    #nav-menu{
        transition: 0.2s cubic-bezier(0.47, 0, 0, 0.97);
    }

    #nav-menu a {
        display: none;
    }

    #toggle-menu {
        display: block;
    }

    #nav-menu.responsive {
        display: block;
        position: absolute;
        background: #6e0000;
        width: 100%!important;
        top: 78px;
        left: 0;
        line-height: 3.5;
        padding-left:10px;
        z-index: 9;
    }

    #nav-menu.responsive a {
        display: block;
        border-bottom: 1px solid #b91e1e;
        color: white!important;
        padding-left: 0!important;
    }

    #toggle-menu {
        display: block;
        float: right;
        right: 20px;
        position: absolute;
    }

    /*    End Navbar menu ----------*/

    /*    Start Hero Slider css*/

    .hero{
        position: relative;
        margin: 80px 0 0!important;
    }

    .skdslider .slide-desc {
        text-align: left;
        display: block;
        left: 20px;
        top: 12%;
        padding: 10px;
        position: absolute;
        max-width: 80%;
    }

    .skdslider .slide-desc > .reg-now {
        padding: 17px;
        font-family: system-ui;
        font-size: 0.9rem;
        margin-top: -35px;
        position: absolute;
        height: 20px;
        line-height: 0!important;
    }

    /* End Hero slider -------*/
    
    /* Start About Us section*/

    .about-section{
        margin-top: 40px!important;
        margin-bottom: 40px!important;
    }
    
    .container .about-section h1{
        font-size:2rem!important;
    }

    .about-content{
        width: 100%!important;
    }

    .about-section h1 {
        font-size: 2.5rem!important ;
    }

    #icon-box {
        transform: translate(-50%, -30px)!important;
    }

    /*Features cards*/


    .slick-list {
        height: max-content!important;
    }

    .features-aside1 .title{
        font-size: 1.6rem!important;
    }

     /*    End About Us section*/

    .seperator-head h2, .seperator-head .h2 {
        font-size: 1.8rem!important;
    }

    .descr-column h3 {
        font-size: 1.2rem!important;
    }

    .descr-column img {
        margin-bottom: 5px!important;
    }

    .video-block {
        margin-top: 0px!important;
    }

    .pricing-card {
        height: auto!important;
    }

    .text-info-block h1 {
        font-size:1.8rem!important;
        line-height: 1.2;
    }

    .text-info-block .image {
        width: 100%!important;
    }

    .content-card {
        height: auto!important;
        width: auto!important;
        margin-top: 10px!important;
    }

    .upcoming-events-block {
        padding-bottom: 20px!important;
    }

    /*Testimonial */

    .slick-initialized .slick-slide {
        max-height: 310px!important;
        overflow: scroll!important;
    }

    .contact-block {
        margin-top: -92px;
    }

    #page-footer p {
        margin: 10px 0!important;
        font-size: 0.9rem!important;
    }

    #page-footer {
        padding-bottom: 0px;
    }

}


@media(min-width:768px){
    .features-aside1 .descr-column {
        height: 80px!important;
    }
}

/* Hide the element on mobile devices */
@media only screen and (max-width: 767px) {
    .ats-journey {
        display: none;
    }
}

/* Show the element on larger devices */
@media only screen and (min-width: 768px) {
    .ats-journey {
        display: block;
    }
}

/* Hide the element on larger devices */
@media only screen and (min-width: 768px) {
    .ats-journey-mob {
        display: none;
    }
}

/* Show the element on mobile devices */
@media only screen and (max-width: 767px) {
    .ats-journey-mob {
        display: block;
    }

    .ats-journey-mob img {
        object-fit: cover;
        min-width: 100%;
    }


}


@media(min-width:768px){
   .ats-journey-mob{
        display: none;
    }
    
}


@media(max-width:820px){
    #nav-menu a {
        margin: 0 10px!important;
    }
}

@media(max-width:912px){
    .w3-bar {
    padding-right: 0;
}
    #nav-menu a {
        margin: 0 10px!important;
    }

}


@media(max-width:992px){

   #nav-menu a {
        float: none!important;
        margin:0px 10px!important;
    }

    .w3-bar {
        width: 100%!important;
        overflow: hidden!important;
        display: flex!important;
        justify-content: stretch!important;
        align-items: center!important;
        flex-wrap: wrap!important;
        flex-direction: row!important;
    }


    #icon-box {
        left: 50%!important;
        transform: translate(-50%, -30px)!important;
    }

     .features-aside1 .descr-column {
        height: 220px;
        max-height: 195px!important;
    }

    /*    Start Navbar menu css*/

    .w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile {
        text-align: left!important;
    }
    
    .w3-bar {
        display: inline-flex;
    }

    #toggle-menu {
        background: #fff;
        position: relative;
        width: 35px;
        height: 35px;
        border: 0;
        padding: 0px;
        border-radius: 3px;
        margin: 5px 0;
        right: 0px;
    }

    #nav-menu{
        transition: 0.2s cubic-bezier(0.47, 0, 0, 0.97);
    }

    #nav-menu a {
        display: none;
    }

    #toggle-menu {
        display: block;
    }

    #nav-menu.responsive {
        display: block;
        position: absolute;
        background: #6e0000;
        width: 100%!important;
        top: 78px;
        left: 0;
        line-height: 3.5;
        padding-left:10px;
        z-index: 9;
    }

    #nav-menu.responsive a {
        display: block;
        border-bottom: 1px solid #b91e1e;
        color: white!important;
        padding-left: 0!important;
    }

    #toggle-menu {
        display: block;
        float: right;
        right: 20px;
        position: absolute;
    }

    .forLargScrn .container-content {
        margin: 15px 12px;
    }

    .pricing-card {
        height: 350px !important;
        box-sizing: inherit;
    }

}

@media(max-width:820px){

    .features-aside1 .descr-column {
        margin-top:45px!important;
        min-height: 220px!important;
    }
}


.about-section{
    margin-top:80px;
    margin-bottom: 80px;
}

.about-content {
    width: 44%;
    max-width: 100%;
    text-align: center;
    margin: auto;
    color: #5e5e5e;
    line-height: 1.5;
    font-family: system-ui;
    font-weight: 600;
}

.about-section h1{
    font-family: 'Lato'!important;
    font-size: 3rem;
    font-weight: 800;   
}


#icon-box {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50px);
    z-index: 1;
}

#icon-box img {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgb(124 124 124 / 32%);
}

aside.features-aside {
    margin-top: 50px;
    padding: 15px;
}

.features-aside1 .descr-column {
    position: relative;
    margin-top: 80px;
    background: #fff;
    border-radius: 8px;
    padding: 55px 20px;
    height: 220px!important;
    min-height: 220px!important;
    border: 0;
    box-shadow: 0 5px 50px rgb(163 163 163 / 30%);
}

section.ats-journey img {
    width: 100%;
}

.descr-column h3{
    color: #5e5e5e;
}

.descr-column .title {
    color: #000;
    font-family: 'Lato';
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
}

.descr-column h2{
    border-top: 1px solid #ededed7a;
    font-family: 'Lato';
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 10px 0;
    padding: 10px 0;
    font-weight: 400;
    color: #4e4e4e;
}

.features-aside .col:hover {
    background-color: #c85252;
}

.features-aside .features-aside-heading {
     font-family: 'Lato';
    font-size: 20px;
    line-height: 1.2;
}

.about-section .title{
    font-family: 'Lato'!important;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 800;
}

.features-aside .features-aside-heading {
    font-family: 'Lato';
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 10px 0;
}

.ats-journey{
/*  line-height: 50vh;*/
    width: 100%;
}

.video-block{
    margin-top: 80px;
}

/*News card block*/

.pricing-card{
    border-radius: 8px;
    height: 400px;
    max-height: 400px;
    margin-top: 10px;
    padding: 30px 0;
    box-shadow: 0 8px 50px rgb(207 207 207 / 30%);
}

.pricing-card h1 {
    padding: 10px 0;
    font-size: 1.6rem!important;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 900;
    color: #b91e1e;
    font-family: 'Lato';
}

.pricing-card h3 {
    font-size: 1.1rem!important;
    line-height: 1.2;
    font-weight: 600;
    color: #000;
    font-family: 'Lato';
}

.card-body{
    padding: 10px 30px 0 45px;
}

.pricing-card li{
    list-style: circle;
}

.pricing-card li {
    list-style: circle;
    font-size: 1rem!important;
    color: #000000;
    font-family: 'Lato';
    line-height: 1.4;
}

.descr-column img {
    height: 85px;
}

.seperator-head h2, .seperator-head .h2 {
    font-size: 40px;
    font-weight: 600;
}

.descr-column {
    margin-bottom: 30px;
    min-height: 320px;
    color: #888;
    font-size: 14px;
    line-height: 1.57143;
    background: #fff;
    padding: 22px;
    border-radius: 12px;
    border:0;
    box-shadow: 0 10px 50px rgb(215 215 215 / 30%);
}

.descr-column h3{
    color: #b91e1e;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: 'Lato';
    line-height: normal;
}

.descr-column a{
    border-radius: 50px;
}

.descr-column p{
    color: #000;
    font-size: 1rem;
    font-family: 'Lato';
    line-height: 1.5;
    text-align: center;
}

.upcoming-events-block h2{
    font-size: 1.5rem!important;
}

.upcoming-events-block h3{
    font-weight: 700!important;
    color: #000;
}

.upcoming-events-block span{
    font-size: 1.3rem;
    color: #b91e1e;
    font-weight: 600;
    font-family: 'Lato';
}

.text-info-block h1{
    font-size: 4rem;
    color: #b91e1e;
    font-weight:800;
    font-family: 'Lato';
}

.text-info-block ul{
  margin-top:35px;
}

.listDefault > li {
    margin-top: 18px;
    padding-left: 17px;
    padding-bottom: 21px;
    position: relative;
    font-family: 'Lato';
    line-height: 1.2;
    color: #000;
    border-bottom: 1px solid #ededed;
}

.upcoming-events-block{
    background: #f7f6f4;
    padding-bottom: 10px!important;
}

.block-header {
    background: #fff;
    padding: 25px;
    border-radius: 7px;
}

.upcoming-events-block h3 {
    display: inline-flex;
    line-height: 1.5;
    margin: 5px 0;
    text-transform: inherit;
}

.content-card h4 {
    color: #b91e1e;
}


@media(max-width:540px){
    
    .features-aside1 .descr-column {
        height:180px!important;
    }

}

@media(max-width:1024px){
    
    .features-aside1 .descr-column {
        height:270px!important;
    }

}

@media (max-width:280px){
    .pricing-card {
        height: 400px !important;
    }
}

.seperator-head h2, .seperator-head .h2 {
    font-size: 36px;
}

.text-info-block h1, .text-info-block .h1 {
    font-size: 36px;
}

.block-header .block-header-heading {
    font-size: 36px;
}

.sep-heading {
    font-size: 36px;
}

.pricing-card h3{
    text-transform: unset!important;
}