@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?ukxu0h');
    src: url('fonts/icomoon.eot?ukxu0h#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?ukxu0h') format('truetype'), url('fonts/icomoon.woff?ukxu0h') format('woff'), url('fonts/icomoon.svg?ukxu0h#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-up-angle:before {
    content: "\e905";
}

.icon-facebook:before {
    content: "\e900";
}

.icon-whatsapp:before {
    content: "\e901";
}

.icon-instagram:before {
    content: "\e902";
}

.icon-twitter:before {
    content: "\e903";
}

/* Classes
-------------------------------------------------------------- */

.classes-bg {
    position        : relative;
    background-color: rgba(0, 0, 0, 0.025);
}

.classes-bg .content-top h2 {
    font-size    : var(--secondary-desktop-heading);
    color        : var(--secondary-color);
    font-weight  : 800;
    margin-bottom: var(--margin-bottom-large);
}

.classes-bg .content-top h2 span::after {
    right: 42%;
}

.classes-bg .classes-block img {
    max-width    : 100%;
    border-radius: 8px 8px 0 0;
    width        : 150px;
    padding      : 60px 0;
}

.classes-block .classes-block-inner {
    padding         : 40px 24px;
    text-align      : left;
    background-color: #ffffff;
    border-radius   : 0 0 16px 16px;
}

.classes-bg .classes-block h3 {
    font-weight: 700;
    color      : var(--secondary-color);
    font-size  : var(--secondary-heading-desktop-and-mobo-3);
}

.classes-bg .classes-block p {
    color      : var(--gray-text);
    margin     : 0px;
    font-weight: 700;
}

.tertiary-btn-custom {
    text-decoration : none;
    color           : var(--primary-color);
    font-size       : 14px;
    border          : 1px solid var(--primary-color);
    padding         : 8px 16px;
    border-radius   : 4px;
    background-color: var(--white);
    display         : inline-block;
}

.tertiary-btn-custom:hover {
    color           : var(--white);
    background-color: var(--primary-color);
}

.galleryBg{ padding: 80px 0px; background: #a4153a; text-align: center;}
.galleryBg h1{ font-size: 28px; color: #ffffff;}

.classes-block {
    background   : rgb(229 33 80 / 10%);
    border       : 1px solid var(--primary-color-300);
    border-radius: 16px;
    transition   : 0.5s cubic-bezier(0, 0, 0.43, 1.7);
    box-shadow   : 0px 2px 4px rgb(0 0 0 / 15%);
    text-align   : center;
    overflow: hidden;
    margin-top: 25px;
}
.classes-block img{ width: 100%;}

.classes-block a i {
    transition: var(--smooth-transition);
}

.classes-block:hover {
    box-shadow: 0px 2px 24px rgb(0 0 0 / 25%);
    transform : scale(1.025) rotate(2deg);
}

.classes-block:hover a i {
    color      : rgba(255, 255, 255, 0.6);
    margin-left: 4px;
    transition : var(--smooth-transition);
}

.classes-block:hover a i {
    color: rgb(255 255 255 / 60%);
}


/* Counter */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background: none !important;}