/*
 Theme Name:     Divi Child
 Template:       Divi
 Author:         Xweb Devlopers
 Author URI:     www.xwebdevelopers.com
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/*-------------------common css------------------------*/
.main-title .et_pb_heading_container {
    text-align: center;
}

.about-right .main-title .et_pb_heading_container {
    text-align: left;
}

.main-title.visible h2 {
    background: linear-gradient(to right, #63584c, #63584c, #63584c, #63584c, rgba(0, 0, 0, 0));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: h1anim 4s linear forwards;
    background-size: 500% auto;
    display: inline-block;
    background-position: 150% center;
    background-repeat: no-repeat;
}


@keyframes h1anim {
    from {
        background-position: 150% center;
    }

    to {
        background-position: 0 center;
    }
}

@keyframes h1anim {
    from {
        background-position: 150% center;
    }

    to {
        background-position: 0 center;
    }
}

@keyframes glowing {
    0% {
        box-shadow: 0 0 -10px #f2d017;
    }

    40% {
        box-shadow: 0 0 20px #f2d017;
    }

    60% {
        box-shadow: 0 0 20px #f2d017;
    }

    100% {
        box-shadow: 0 0 -10px #f2d017;
    }
}

body .et_pb_button {
    animation: glowing 3000ms infinite;
}

.et_button_custom_icon .et_pb_button:after {
    line-height: 2em;
}

/*-------------------common css------------------------*/


/*------------------top-header-css---------------------*/

.typing {
    width: 0ch;
    animation: typing 4s steps(69) 2s infinite alternate, blink .5s step-end infinite;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
}

@keyframes typing {
    from {
        width: 0;
    }

    to {
        width: 69ch;
    }
}

@keyframes blink {
    50% {
        border-color: transparent;
    }
}


/*------------------top-header-css---------------------*/


/*------------------Header-css---------------------*/
button#open-search-popup {
    display: none;
}

.custom-search-box {
    display: none;
}

.main-header {
    position: absolute;
    width: 100%;
    padding: 5px 0 !important;
}

.main-header .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 28px 0;
}

/*.main-header .et_pb_menu__logo-wrap {
    margin-top: -33px;
}*/
body .main-header.et_pb_sticky--top .et_pb_menu__logo-wrap {
    margin-top: 0;
}

.main-header .et_pb_menu__logo {
    /*background-color: #fff;
    padding: 9px 4px;*/
    width: 230px;
    margin-right: 0;
}

.main-header .et_pb_search {
    margin-bottom: 0 !important;
}

.main-header .et_pb_row--with-menu {
    position: relative;
}

/*.main-header .et_pb_row--with-menu:before {
    content: '';
    position: absolute;
    width: 232px;
    background-color: #fff;
    height: 75px;
    top: -7px;
    left: 0px;
}
*/
.main-header.et_pb_sticky--top .et_pb_row--with-menu:before {
    display: none;
}

.search-col {
    width: 18% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-col {
    margin-right: 0 !important;
    width: 82% !important;
}

.main-header .et_pb_row {
    display: flex;
    align-items: center;
}

.main-header nav.et-menu-nav ul.sub-menu li a {
    color: #000 !important;
}

.main-header .et-menu.nav a {
    letter-spacing: 0;
    transition: 0.35s;
}

.main-header .et-menu.nav a:hover,
.main-header .et-menu.nav .current_page_item a {
    /*letter-spacing: 3px;*/
    transition: 0.35s;
    position: relative;
    flex-direction: column;
}
.main-header .et-menu.nav a{
 
    flex-direction: column;
}



.main-header .et-menu.nav a:before {
    top: -10px;
}

.main-header .et-menu.nav a:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid rgba(255, 255, 255, 0);
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    transition: all 280ms ease-in-out;
    width: 0;
}


.main-header .et-menu.nav a:hover:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: #f2d017;
    transition: width 350ms ease-in-out;
    width: 100%;
}

.main-header .et-menu.nav .current_page_item a:hover:before {
    border-color: #f2d017;
}

.main-header .et-menu .menu-item-has-children>a:first-child:after {
    right: -19px;

}

.main-header .et_pb_menu .et-menu>li {
    padding-left: 6px;
    padding-right: 6px;
}


/*.menu-item:hover .sub-menu{
    transform: scale(1);
}*/

.main-header .menu-item-has-children:hover .sub-menu {
    animation: 0.8s slideup ease-in-out forwards;
}

@keyframes slideup {
    from {
        transform: translateY(10%);
    }

    to {
        transform: translateY(0);
    }
}

.main-header .et-menu nav a:hover:before {
    transform: scale(1);
}

.main-header .et_pb_search .et_pb_searchform {
    position: relative;
    padding-left: 22px;
}

.main-header .et_pb_search .et_pb_searchform:before {
    font-family: ETmodules !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0;
    direction: ltr;
    color: #fff;
}

.main-header .et_pb_search .et_pb_searchform:before {
    content: "\E050";
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #ccc;
    top: 50%;
    margin-top: -.5em;
    transform: rotate(280deg);
}

.main-header .et_pb_search .et_pb_searchform:before {
    right: auto;
    left: 7px;
}

.main-header .et_pb_search .et_pb_searchform:before {
    font-family: ETmodules !important;
    font-weight: 400 !important;
    content: "\55" !important;
}

.main-header .et_pb_search_0_tb_header input.et_pb_s {
    padding-top: 0.515em !important;
    padding-bottom: 0.515em !important;
}

.main-header .et_pb_search .et_pb_searchform:hover:before {
    transform: rotate(640deg);
    transition: all 0.5s ease;
}

/*.main-header.et_pb_sticky--top .et_pb_menu__logo img {
    height: 30px !important;
}*/

.main-header.et_pb_sticky--top .et_pb_menu__logo {
    width: 210px;
    transition: 0.5s;
}

body .main-header.et_pb_sticky--top {

    background-color: rgba(0, 0, 0, 0.82) !important;
}

.main-header .et-menu .menu-item-has-children ul.sub-menu a {
    padding-left: 0;
    padding-right: 0;
}

.main-header .et-menu.nav li .sub-menu {
    display: none !important;
}

.main-header .et-menu.nav li a:after {
    display: none !important;
}

/*------------------Header-css---------------------*/

/*------------------Banner-css---------------------*/

.home-banner .et_pb_code {
    margin-bottom: 0 !important;
}

.about-us .about-left {
    position: relative;
}

.about-us .about-left:before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(#fff0), to(rgb(255 255 255 / .3)));
    background: linear-gradient(to right, #fff0 0%, rgb(255 255 255 / .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    transition: all 0.3s ease;
}

.about-us .about-left:hover:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.about-left img {
    height: 455px;
    object-fit: cover;
    object-position: center center;
    cursor: pointer;
    width: 100%;
}

.about-left .et_pb_image_wrap {
    display: block;
}

.base-img {
    position: relative;
}

.image {
    position: absolute;
    width: 100%;
    opacity: 0;
    animation: change-img-anim 20s infinite;
    z-index: 1;
}

.image:nth-of-type(1) {
    animation-delay: 0s;
}

.image:nth-of-type(2) {
    animation-delay: 3s;
}

.image:nth-of-type(3) {
    animation-delay: 5s;
}

.image:nth-of-type(4) {
    animation-delay: 7s;
}

@keyframes change-img-anim {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*------------------Gallery-css---------------------*/

.gallery-row-1 {
    display: flex;
    justify-content: space-between;
}

.gallery-row-1 .et_pb_column.col-1 {
    width: 30%;
    margin-right: 15px;
}

.gallery-row-1 .et_pb_column.col-2 {
    width: 50%;
    margin-right: 15px;
}

.gallery-row-1 .et_pb_column.col-3 {
    width: 20%;
}

.gallery-row-1 .et_pb_column .et_pb_blurb .et_pb_blurb_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.gallery-row-1 .et_pb_column .et_pb_blurb {
    position: relative;
    margin-bottom: 10px;
}

.gallery-row-1 .et_pb_column .et_pb_blurb span.et_pb_image_wrap {
    position: relative;
    cursor: pointer;
}

.gallery-row-1 .et_pb_column .et_pb_blurb span.et_pb_image_wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.gallery-row-1 .et_pb_column .et_pb_blurb .et_pb_blurb_content {
    max-width: 100%;
}

.gallery-row-1 .et_pb_column .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    margin-bottom: 0;
    width: 100%;
    display: block;
}

.col-1 img,
.col-2 img {
    height: 440px;
    object-fit: cover;
}

.col-3 img {
    height: 214px;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
}

.gallery-row-1 .et_pb_column .et_pb_blurb {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.gallery-row-1 .et_pb_column .et_pb_blurb:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    transform: scale(0.1, 1);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: rgba(242, 208, 23, 0.8);
    /* background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%); */
    transform: translateY(30px) scale(.9);
    opacity: 0;
    transition: .4s cubic-bezier(0, 0, .3642, 1);
}

.gallery-row-1 .et_pb_column .et_pb_blurb:hover::after {
    opacity: 1;
    transform: scale(1, 1);
}

p.description-text {
    opacity: 0;
    /* display: none; */
    /* visibility: hidden; */
    position: absolute;
    top: 50%;
    transform: translateY(40%);
}
.even-box-img .et_pb_blurb_description p:first-child {
    border: 1px solid;
    display: none;
}

.gallery-row-1 .et_pb_column .et_pb_blurb:hover p.description-text {
    transform: translateY(30px) scale(.9);
    opacity: 1;
    transition: .4s cubic-bezier(0, 0, .3642, 1);
    /*  display: block;*/
}

.gallery-row-1 .et_pb_column .et_pb_blurb:hover .et_pb_blurb_container {
    /*transform: translateY(30px) scale(.9);*/
    opacity: 1;
    transition: .4s cubic-bezier(0, 0, .3642, 1);
}

.gallery-row-1 .et_pb_column .et_pb_blurb:hover .et_pb_blurb_container {
    top: 45%;
}

.gallery-row-1 .et_pb_column.col-3 .et_pb_blurb:hover .et_pb_blurb_container {
    top: 36%;
}

.gallery-row-1 .et_pb_column.col-3 .et_pb_blurb p.description-text {
    height: 82px;
}

.even-box-img img {
    width: 100%;
    max-width: 100%;
}

.even-box-img {
    width: calc(100% / 4 - 10px) !important;
    margin-right: 0 !important;
}

/*------------------Gallery-css---------------------*/
.wdt-flex-banner-options .wdt-flex-banner-option {
    width: 100%;
    height: 100%;
    transition: 0.8s cubic-bezier(0.29, 0, 0.2, 1);
    background-image: var(--optionBackground);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wdt-flex-banner-options {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/12/default-home-banner-photo-buiildibg.jpg);
    transition: background-image 0.5s ease-in-out;
    background-position: center;
}

.wdt-flex-banner-options .wdt-flex-banner-option {
    transition: background-image 0.5s ease-in-out !important;
}

/*.wdt-flex-banner-options .wdt-flex-banner-option.option-1{
 background-image: url(https://otzol.net/allegra/v2/wp-content/uploads/2025/06/banner-1.jpg);
}*/
.wdt-flex-banner-options .wdt-flex-banner-option.option-1:before {
    background-color: rgb(110 44 143 / 30%);
}

/*.wdt-flex-banner-options .wdt-flex-banner-option.option-2{
 background-image: url('https://otzol.net/allegra/v2/wp-content/uploads/2025/06/baner-packaging.jpg');

}*/
.wdt-flex-banner-options .wdt-flex-banner-option.option-2:before {
    background-color: rgb(110 44 143 / 30%);
}

/*.wdt-flex-banner-options .wdt-flex-banner-option.option-3{
 background-image: url('https://otzol.net/allegra/v2/wp-content/uploads/2025/06/finishing-banner.jpg');
}*/
.wdt-flex-banner-options .wdt-flex-banner-option.option-3:before {
    background-color: rgb(110 44 143 / 30%);
}

/*.wdt-flex-banner-options .wdt-flex-banner-option.option-4{
 background-image: url('https://otzol.net/allegra/v2/wp-content/uploads/2025/06/prnit-banner.jpg');
}*/
.wdt-flex-banner-options .wdt-flex-banner-option.option-4:before {
    background-color: rgb(110 44 143 / 30%);
}

.wdt-flex-banner-options .wdt-flex-banner-option.option-5:before {
    background-color: rgb(110 44 143 / 30%);
}

.wdt-flex-banner-options .wdt-flex-banner-option:not(:last-child) {
    margin-right: 5px;
}

.wdt-flex-banner-options .wdt-flex-banner-option:hover:before {
    opacity: 1;
}

.wdt-flex-banner-content {
    height: 90px;
    text-align: center;
}

.wdt-flex-banner-options .wdt-flex-banner-option:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    background-color: rgba(242, 228, 23, 0.05);
    opacity: 0;
}

.wdt-flex-banner-options .wdt-flex-banner-option:hover:before {
    opacity: 1;
}

.wdt-flex-banner-options .wdt-flex-banner-option {
    cursor: pointer;
}

/* Transtion Style */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label {
    display: flex;
    margin-top: auto;
    align-items: center;
    padding: 50px;
    flex-direction: column;
    z-index: 1;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title {
    flex: 0;
    background-color: #6e2c8f;
    padding: 5px;
    animation: glowing 3000ms infinite;
    border-radius: 100px;
    padding: .3em 1em;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title:hover{
    background-color: #f2d017;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title:hover h4{
    color: #ffffff;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info {
    flex: 1;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-icon,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-sub-title,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-content,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button {
    -webkit-transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    width: 19vw;
    padding: 0 clamp(0.625rem, 0.1923rem + 1.9231vw, 2.5rem);
    margin: 0 0 10px;
    padding: 0;
}

.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-icon,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-sub-title,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-content,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button {
    -webkit-transition: 500ms cubic-bezier(0.7, 0, 0.3, 1);
    transition: 500ms cubic-bezier(0.7, 0, 0.3, 1);
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-icon {
    transition-delay: 60ms;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-sub-title {
    transition-delay: 50ms;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
}

/*.wdt-flex-banner-options
  .wdt-flex-banner-option
  .wdt-flex-banner-label
  .wdt-flex-banner-info
  > div.wdt-flex-banner-content {
  transition-delay: 25ms;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
}*/
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button {
    transition-delay: 2ms;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
}

.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-icon {
    transition-delay: 0ms;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-sub-title {
    transition-delay: 100ms;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-content {
    transition-delay: 250ms;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button {
    transition-delay: 320ms;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* Transtion End */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title {
    line-height: var(--wdtLineHeight_Alt);
    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Ext);
    text-transform: uppercase;
    letter-spacing: 0.2rem;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info {
    padding: 0;
}

.wdt-flex-banner-title h4 {
    color: #f2d017;
    z-index: 1;
    font-size: 30px;
    padding-bottom: 0;
}


.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div:last-child {
    margin-bottom: 0;
}

.wdt-flex-banner-button a {
    padding-left: 0 !important;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-content {
    font-family: var(--wdtFontTypo_Base);
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-content p {
    margin: 0;
    color: #fff;
    z-index: 1;
    position: relative;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button a {
    margin-top: 10px;
    display: inline-block;
    line-height: 1;
    font-size: 1em;
    padding: 0.75em 1.5em;
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* -----------------------
    Primary Color 
----------------------- */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button a {
    background-color: var(--wdtPrimaryColor);
    color: var(--wdtAccentTxtColor);
}

/* -----------------------
    secondary Color 
----------------------- */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button a:focus,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button a:hover {
    background-color: var(--wdtSecondaryColor);
    color: var(--wdtAccentTxtColor);
}

/* -----------------------
    Responsive
----------------------- */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title {
    font-size: var(--wdtFontSize_H6);
    /* -webkit-transform: rotate(180deg); */
    /*   -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);*/
    /* transform: rotate(180deg); */
    /* writing-mode: vertical-rl; */
    text-align: start;
    display: flex;
    align-items: center;
}

@media (min-width: 1025px) {
    .wdt-flex-banner-options {
        display: flex;
        flex-wrap: nowrap;
        height: 700px;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option {
        /* flex: 1;*/
        width: 100% !important;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        position: relative;
        transition: flex 0.8s cubic-bezier(0.29, 0, 0.2, 1);
        will-change: flex;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option.active {
        /*flex: 2;*/
    }

    /* .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title { font-size: var(--wdtFontSize_H6);
    -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
    writing-mode: vertical-rl; text-align: start; display: flex; align-items: center; }   */
}

@media (max-width: 1024px) {
    .wdt-flex-banner-options .wdt-flex-banner-option {
        position: relative;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option:before {
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label {
        padding: 20px;
        z-index: 1;
        /*flex-flow: column wrap;*/
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info {
        padding: 10px 0 0;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title {
        font-size: 1rem;
        margin: 0 30px 0 0;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title {
        flex: 0;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info {
        flex: 1;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-icon,
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-sub-title,
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-content,
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button {
        width: 100%;
        padding: 0;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-icon {
        transition-delay: 60ms;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-sub-title {
        transition-delay: 50ms;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-content {
        transition-delay: 25ms;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button {
        transition-delay: 2ms;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    /* -----------------------
      Snap scroll style 
  ----------------------- */

    .wdt-flex-banner-options {
        -webkit-scrollbar-width: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        display: flex;
        overflow: auto;
        scroll-snap-type: x mandatory;
        flex-wrap: nowrap;
        padding-bottom: 0;
        margin: 0;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option {
        display: inherit;
        flex: 0 0 44%;
        width: auto !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* Full-width Snap scroll style */

    .wdt-flex-banner-options {
        scroll-padding: 10px;
        height: 300px;
    }

    .wdt-flex-banner-options .wdt-flex-banner-option:not(:last-child) {
        margin-right: 10px;
    }
}

@media (max-width: 767px) {


    /* Snap scroll style */
    .wdt-flex-banner-options .wdt-flex-banner-option {
        flex: 0 0 60%;
    }

    .wdt-flex-banner-content {
        height: 95px;
    }

    .wdt-flex-banner-options {
        height: 350px;
    }
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title{
        margin-right: 0;
    }

    .wdt-flex-banner-options:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: auto;
        bottom: 0;
        background: -webkit-linear-gradient(top, rgba(110, 44, 143, 0) 50%, rgba(110, 44, 143, 1) 100%);
    }
}

@media (max-width: 767px) {


    /* Snap scroll style */
    .wdt-flex-banner-options .wdt-flex-banner-option {
        flex: 0 0 80%;
    }
}

@media (max-width: 480px) {
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title {
        margin: 0 20px 0 0;
    }

    /* Snap scroll style */
    .wdt-flex-banner-options .wdt-flex-banner-option {
        flex: 0 0 80%;
    }
}


/*-------------------PRINT & SIGNAGE SPECIALISTS-------------------*/
.print-row {
    display: flex;
    justify-content: space-between;
}

.print-row .et_pb_column {
    width: calc(100% / 4 - 20px) !important;
    margin-right: 0;
}

.print-row .et_pb_column .et_pb_blurb {
    cursor: pointer;
}

.btn-row-border .et_pb_column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.btn-row-border .et_pb_column .et_pb_text {
    margin-bottom: 0;
    margin-right: 15px;
}

.print-row .et_pb_column:hover .et_pb_main_blurb_image img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 0.65s ease;
    transition: all 0.65s ease;
}

.print-row .et_pb_column .et_pb_main_blurb_image {
    position: relative;
}

.print-row .et_pb_column .et_pb_main_blurb_image:before {
    content: '';
    position: absolute;
    background-image: linear-gradient(#6e2c8f, hsla(45.5, 96%, 57%, 1), #f2f2f2);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    border-width: 0;
    -webkit-animation: rotateCircle 2s linear infinite;
    animation: rotateCircle 2s linear infinite;
    padding: 2px;
    display: table;
    left: -4px;
    top: -3px;
    z-index: -1;
}

@-webkit-keyframes rotateCircle {
    0% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*-------------------PRINT & SIGNAGE SPECIALISTS-------------------*/

.slant-image-bg span.et_pb_image_wrap {
    position: relative;
}

.slant-box {
    position: relative !important;
    height: 700px !important;
    width: calc(100% / 3) !important;
    margin-right: 0 !important;
}

.slant-image-bg .et_pb_text_inner {
    position: relative;
    height: 700px;
}

.slant-image-bg .et_pb_text_inner:before,
.slant-image-bg .et_pb_text_inner:after {
    content: '';
    width: calc(100% + 4px);
    height: 20px;
    background-color: #ffffff;
    display: block;
    position: absolute;
    left: -2px;
    -webkit-transition: height .13s ease;
    transition: height .13s ease;
    z-index: 99999;
}

.slant-image-bg .et_pb_text_inner:before {
    top: 0;
}

.slant-image-bg .et_pb_text_inner:after {
    bottom: 0;
}

.slant-image-bg span.et_pb_image_wrap img {
    /*  position: absolute;*/
    z-index: 0;
    top: 0;
    left: 0;
    width: 130%;
    height: 100%;
    opacity: 0.6;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slant-image-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 97%;
    -webkit-transform: skew(12deg, 0);
    transform: skew(12deg, 0);
    overflow: hidden;
    background-color: #333333;
    cursor: pointer;
}

.slant-row:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    background-color: #fff;
    top: -1px;
    z-index: 7;
}

/*.slant-image-bg:before {
    content: "";
    z-index: 1;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transition: 0s ease-in-out;
    transition: 0s ease-in-out;
    pointer-events: none;
    opacity: 0.5;
}

.slant-image-bg:hover:before {
    left: 100%;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
*/
.slant__bg {
    background-image: url('https://604allegra.ca/wp-content/uploads/2025/07/labelsslant.jpg');
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 130%;
    height: 100%;
    opacity: 0.6;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.slant-middle .slant__bg {
    background-image: url('https://604allegra.ca/wp-content/uploads/2025/06/slant-printing.jpg');
    margin-left: -75px;
}

.slant-last .slant__bg {
    background-image: url('https://604allegra.ca/wp-content/uploads/2025/08/galery-3.jpg');
    margin-left: -75px;
}

.slant-box.slant-last .slant-image-bg {
    margin-left: 0 !important;
}

.slant-row {
    overflow: hidden;
}

.slant-box:hover .slant-image-bg {
    height: 100%;
}

.slant-box:hover {
    z-index: 999;
}

/*.slant-box:hover {
    transform: scale(1.05);
    transform: scale3d(1.1, 1.1, 1);
    transition: transform 0.5s, -webkit-transform 0.5s;
}*/

.slant-content a {
    background-color: #f2d017;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 59px;
    height: 59px;
    border-radius: 50%;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    position: relative;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    font-size: 16px;
    line-height: 18px;
}

.slant-content a::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #f2d017;
    opacity: .5;
    -webkit-animation: pulse 1.3s infinite linear;
    animation: pulse 1.3s infinite linear;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
}

.slant-content h2 {
    padding-bottom: 30px;
}

@-webkit-keyframes pulse {
    from {
        width: 100%;
        height: 100%;
        opacity: .8;
    }

    50% {
        width: 140%;
        height: 140%;
        opacity: 0;
    }

    to {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes pulse {
    from {
        width: 100%;
        height: 100%;
        opacity: .8;
    }

    50% {
        width: 140%;
        height: 140%;
        opacity: 0;
    }

    to {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@media (min-width: 767px) {
    .slant-image-bg {
        margin-left: -76px !important;
        width: calc(100% + 76px);
    }
}

/*salnting-moving*/
.salnting-moving .swiper-slide .et_pb_main_blurb_image {
    height: 700px;
    opacity: 0;
}
.salnting-moving .swiper-slide {
    background-color: transparent;
}
.salnting-moving .swiper-slide{
    border-radius: 0 !important;
    box-shadow: none !important;
}
.salnting-moving .swiper-slide::before{
    display: none;
}
/**/
.slant-slider .swiper {
            width: 100%;
            height: 700px;
            /*margin: 40px 0;*/
        }
        
       .slant-slider .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .slant-slider .slant-gallery {
            display: flex;
            width: 100%;
            height: 700px;
            overflow: hidden;
            border-radius: 0;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
        }
        
        .slant-slider .slant-item {
            flex: 1;
            background-size: cover;
            background-position: center;
            position: relative;
            transition: all 0.4s ease;
            cursor: pointer;
        }
        
        .slant-slider .slant-item:hover {
            flex: 1.2;
        }
        
       .slant-slider .slant-item:first-child {
    clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
}
        
       .slant-slider .slant-item:nth-child(2) {
    clip-path: polygon(0% 0, 89% 0, 100% 100%, 11% 100%);
    margin-left: -5%;
    z-index: 1;
}
        
     .slant-slider .slant-item:last-child {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 10% 100%);
    margin-left: -10%;
    z-index: -1;
}
        
       .slant-slider .item-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
            padding: 20px;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .slant-slider .slant-item:hover .item-overlay {
            opacity: 1;
        }
        
        .slant-slider .swiper-slide:hover:before {
            display: none;
        }
       .slant-slider .item-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 8px;
        }
        
      .slant-slider  .item-desc {
            font-size: 0.9rem;
            opacity: 0.8;
        }
        
       .slant-slider .swiper-button-next, .slant-slider .swiper-button-prev {
            color: white;
            background: rgba(0, 0, 0, 0.4);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            backdrop-filter: blur(4px);
        }
        
        .slant-slider .swiper-button-next:after, .slant-slider .swiper-button-prev:after {
            font-size: 1.5rem;
        }
        
       .slant-slider .swiper-pagination-bullet {
            background: white;
            opacity: 0.6;
            width: 12px;
            height: 12px;
        }
        
        .slant-slider .swiper-pagination-bullet-active {
            opacity: 1;
            background: #fdbb2d;
        }
        
        .slant-slider .controls {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 30px;
        }
        
        .slant-slider .control-btn {
            background: #000;
            border: none;
            color: white;
            padding: 12px 25px;
            border-radius: 30px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s ease;
            backdrop-filter: blur(4px);
        }
        
        .slant-slider .control-btn:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-2px);
        }

        .slant-slider .slant-item:before {
    content: "";
    z-index: 1;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transition: 0s ease-in-out;
    transition: 0s ease-in-out;
    pointer-events: none;
    opacity: 0.5;
}

.slant-slider .slant-item:hover:before {
    left: 100%;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
            .slant-slider {
    padding: 0;
}
.slant-slider .et_pb_code {
    margin: 0 !important;
}
.slant-slider .et_pb_row{
    padding: 0 !important;
}
        
        @media (max-width: 768px) {
            .slant-slider .slant-gallery {
                height: 300px;
            }
            
            .slant-slider .swiper {
                height: 350px;
            }

.slant-slider .et_pb_row {
    width: 100% !important;
}

        }
        
        @media (max-width: 576px) {
            .slant-slider .slant-gallery {
                height: 250px;
                flex-direction: row;
            }
            
           .slant-slider .slant-item {
                clip-path: none !important;
                margin-left: 0 !important;
            }
            
           .slant-slider .swiper {
    height: 250px;
    margin: 0;
}
            
           .slant-slider .slant-item:hover {
                flex: 1;
            }
        }
/**/
/*salnting-moving*/
.swiper-container {
    width: 80%;
    height: 100%;
    overflow: hidden;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.swiper-slide h4.et_pb_module_header {
    font-size: 16px !important;
}

.swiper-slide :hover h4.et_pb_module_header {
    color: #ffc509;
    -webkit-transition: all .52s;
    transition: all .52s;

}

.portfolio .et_pb_blurb .et_pb_blurb_container span.et-pb-icon {
    font-size: 30px;
    color: #ffc509;
}

.swiper-slide .et_pb_main_blurb_image {
    margin-bottom: 0px;
}

.portfolio .et_pb_blurb .et_pb_blurb_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.swiper-slide::before {
    content: '';
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: 0%;
    left: 0%;
    background: #f2d017;
    -webkit-transition: all .52s;
    transition: all .52s;
    z-index: 1;
}

.swiper-slide:hover::before {
    width: 100%;
}

.swiper-slide .et_pb_main_blurb_image {
    overflow: hidden;
}

.swiper-slide .et_pb_main_blurb_image img {
    width: 100%;

}

.swiper-slide:hover .et_pb_main_blurb_image img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 0.65s ease;
    transition: all 0.65s ease;
}

/*.navigation-swiper {
    position: absolute;
    right: 150px;
    right: 0;
    z-index: 1;
    width: 100%;
    left: 100%;
    top: 39%;
    transform: translateY(-50%);
}
.navigation-swiper .swiper-button-prev, .navigation-swiper .swiper-rtl .swiper-button-next {
    left: 32px;
    right: auto;
}
.navigation-swiper .swiper-button-next, .navigation-swiper .swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
    right: -30px;
}*/
.portfolio .swiper-button-next,
.portfolio .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 50px;
    height: 50px;
    top: 38%;
}

.portfolio .swiper-button-prev {
    left: 0;
}

.portfolio .swiper-button-next {
    right: 0;
}

.portfolio .swiper-button-next:after,
.portfolio .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 22px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    background-color: #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.portfolio .swiper-pagination-bullet-active {
    opacity: 1;
    background: #6e2c8f;
}

/*------------our-process-section-css----------------*/

.process-row {
    display: flex;
    justify-content: space-between;
}

.process-row .et_pb_column {
    width: calc(100% / 5 - 20px) !important;
    margin-right: 0;
    position: relative;
}

.process-row .et_pb_column .et_pb_blurb_container {
    padding: 15px;
    position: relative;
    padding-top: 15px;
    text-align: center !important;
}


.process-row .et_pb_column .et_pb_blurb_description p {
    min-height: 180px;
}

.process-row .et_pb_column h4.et_pb_module_header {
    /* height: 45px; */
    font-size: 30px;
    color: #fff;
    margin-top: -70px;
    z-index: 1;
    position: relative;
}

.process-row .et_pb_column .et_pb_blurb::before {
    content: '';
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: 0%;
    left: 0%;
    background: #f2d017;
    -webkit-transition: all .52s;
    transition: all .52s;
    z-index: 1;
}

.process-row .et_pb_column .et_pb_blurb:hover::before {
    width: 100%;
}

.process-row .et_pb_column .et_pb_blurb .et_pb_main_blurb_image {
    overflow: hidden;
}

.process-row .et_pb_column .et_pb_blurb .et_pb_main_blurb_image img {
    width: 100%;

}

.process-row .et_pb_column .et_pb_blurb:hover .et_pb_main_blurb_image img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 0.65s ease;
    transition: all 0.65s ease;
}

.process-row .et_pb_column h4.et_pb_module_header span {
    position: relative;
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    z-index: 7;
}

.process-row .et_pb_column .et_pb_blurb_description h4 {
    height: 47px;
    margin-top: 5px;
}

.process-row .et_pb_column:hover .et_pb_blurb_description h4 {
    color: #f2d017;
}

.process-row .et_pb_column h4.et_pb_module_header span:before {
    -webkit-animation: squareToCircle 2s 1s infinite alternate;
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #6e2c8f;
    left: -4px;
    top: -28%;
    z-index: -1;
    border-radius: 50% 50% 0 0;
    background: #a74ad6;
    border-radius: 50% 50% 50% 0;
    background: #f2d017;
    transform: rotate(135deg);
}

/*@-webkit-keyframes squareToCircle {
    0% {
        border-radius: 0 0 0 0;
        background: #6e2c8f;
        transform: rotate(0deg);
    }

    25% {
        border-radius: 50% 0 0 0;
        background: #8938b1;
        transform: rotate(45deg);
    }

    50% {
        border-radius: 50% 50% 0 0;
        background: #a74ad6;
        transform: rotate(90deg);
    }

    75% {
        border-radius: 50% 50% 50% 0;
        background: #d4bf4c;
        transform: rotate(135deg);
    }

    100% {
        border-radius: 50% 50% 50% 50%;
        background: #f2d017;
        transform: rotate(180deg);
    }
}
*/
/*------------our-process-section-css----------------*/
section#comment-wrap {
    display: none;
}
.single-post div#content-area {
    padding-top: 6rem;
}
.single-post div#content-area div#sidebar div#block-4 {
    display: none;
}
.single-post div#content-area div#sidebar .wp-block-latest-posts li {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ccc;
}
.single-post div#content-area div#sidebar .wp-block-latest-posts li a:hover {
    color: #6e2c8f;
}
.single-post div#content-area div#sidebar button.wp-block-search__button.wp-element-button {
    background-color: #6e2c8f;
    color: #fff;
}
.single-post div#content-area div#sidebar div#block-2 {
    display: none;
}
.blog-sec h4.entry-title {
    text-transform: capitalize;
    z-index: 1;
    position: relative;
}
.blog-sec .column .et_pb_post {
   position: relative;
}

.blog-sec .column {
    width: calc(100% / 3 - 15px) !important;
    margin-right: 0 !important;
    position: relative;
}

.blog-sec span.published {
    position: absolute;
    top: 50%;
    transform: translateY(-129%);
    background-color: #f2d017;
    padding: 5px;
    color: #fff;
    font-size: 20px;
    width: 17%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-sec .et_pb_salvattore_content {
    display: flex;
    justify-content: space-between;
}

.blog-sec .post-content {
    height: 115px;
    margin-bottom: 30px;
    z-index: 1;
}

.blog-sec .post-content-inner {
    z-index: 1;
    position: relative;
}

.blog-sec a.more-link {
    width: 100%;
    display: block;
    color: #6e2c8f;
    text-transform: capitalize;
    position: absolute;
    left: 0;
    background-color: #e6e6e6;
    padding: 10px;
    padding-left: 20px;
    bottom: 0;
    z-index: 1;
}

.blog-sec a.more-link:after {
    content: attr(data-icon);
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.blog-sec a.more-link:after {
    font-size: 32px;
    line-height: 1em;
    content: "\24";
    opacity: 1;
    position: absolute;
    margin-left: -1em;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.blog-sec .et_pb_post::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background: rgba(255, 197, 9, 0.05);
    z-index: 1;
    transition: 0.5s;
}

.blog-sec .et_pb_post:hover:before {
    height: 100%;

}

.visit-col {
    /*width: 37% !important;*/
    margin-right: 0 !important;
}
.visit-row{
    justify-content: space-between;
}
.you-allegra{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.customer-service a {
    color: #fff;
}

.coprgiht a {
    color: #fff;
}

footer nav.et-menu-nav ul {
    flex-direction: column;
}

footer nav.et-menu-nav ul li a:hover {
    color: #f2d017 !important;
    transition: all 0.4s;
    padding-left: 5px;
}

.customer-service .et_pb_text_inner a {
    display: block;
}

.customer-service .et_pb_text_inner a:hover {
    color: #f2d017 !important;
    transition: all 0.4s;
    padding-left: 5px;
}

footer nav.et-menu-nav li {
    display: block;
    width: 100%;
}

footer nav.et-menu-nav li ul.sub-menu {
    display: none;
}

footer nav.et-menu-nav li a:after {
    display: none;
}

footer .et_pb_social_media_follow li a.icon:hover {
    font-size: 50px;
    color: #f2d017;
    box-shadow: 0 0 10px #f2d017;
}

footer .et_pb_social_media_follow li a.icon {
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    width: 25px;
    padding: 5px;
    border-radius: 50%;
    font-size: 60px;
    color: #fff;
    transition: 0.5s ease;
}

/*-----------------------Print-page-css-----------------*/
.go-down-btn {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.go-down-btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 67%;
    cursor: pointer;
}

.go-down-btn svg {
    position: relative;
    z-index: -1;
    display: block;
    background-color: #6e2c8f;
    border-radius: 50%;
    padding: 5px;
    color: #fff;
}

.go-down-btn text {
    font-size: 10px;
    transform-origin: center;
}

@-webkit-keyframes rotate-btn {
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate-btn {
    to {
        transform: rotate(360deg);
    }
}

.go-down-btn text {
    -webkit-animation: rotate-btn 10s linear infinite;
    animation: rotate-btn 10s linear infinite;
    fill: #fff;
}

.go-down-btn svg polygon {
    display: none;
}

.rotate-text-row {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: -111px;
    z-index: 1;
}

.inner-banner {
    overflow: visible !important;
}

.print-about-right {
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
}

.print-about-right img {
    cursor: pointer;
}

/*.print-about-one{
        transform: perspective(var(--e-transform-perspective, 0)) rotate(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate(var(--e-transform-translate, 0)) translateX(var(--e-transform-translateX, 0)) translateY(var(--e-transform-translateY, 0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0));
    transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);
}
.print-about-one img{
    height: 570px;
    object-fit: cover;
    object-position: top right;
    border-radius: 24px 24px 24px 24px;
}
.print-about-one .et_pb_image_wrap {
        --e-transform-rotateX: 0deg;
    --e-transform-perspective: 350px;
    --e-transform-rotateY: 13deg;
    margin: -10px -15px 0px 15px;
}*/
.print-about-one,
.print-about-two {
    perspective: 350px;
}

/* Left tilt on first container */
.print-about-one .et_pb_module_wrapper,
.print-about-one .et_pb_image_wrap,
.print-about-one .et_pb_column {
    transform: rotateY(-13deg);
    transform-style: preserve-3d;
    transition: transform 0.4s ease;
}

/* Right tilt on second container */
.print-about-two .et_pb_module_wrapper,
.print-about-two .et_pb_image_wrap,
.print-about-two .et_pb_column {
    transform: rotateY(13deg);
    transform-style: preserve-3d;
    transition: transform 0.4s ease;
}

/* Optional Hover Effect: Reset tilt + zoom */
.print-about-one:hover .et_pb_module_wrapper,
.print-about-two:hover .et_pb_module_wrapper,
.print-about-one:hover .et_pb_image_wrap,
.print-about-two:hover .et_pb_image_wrap {
    transform: rotateY(0deg) scale(1.03);
}


.print-about-right img {
    border-radius: 24px;
    width: 92%;
}

p.mb-4 {
    margin-bottom: 20px;
}

.business-row-box {
    display: flex;
    justify-content: space-between;
}

.business-row-box .et_pb_column {
    width: calc(100% / 4 - 20px) !important;
    margin-right: 0 !important;
}

.box-heading {
    background-color: #f2d017;
    color: #000;
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 12px;
    font-size: 25px;
    font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
    border-radius: 5px;
    margin-top: -22px;
}

.box-heading h2 {
    color: #fff !important;
}

.box-heading h2 {
    color: #fff !important;
    padding-bottom: 0;
}

.service-content {
    position: absolute;
    bottom: -100%;
    left: 0;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    border-radius: 10px;
    background: #6e2c8f;
    opacity: 0;
    transition: 0.5s;
    color: #fff;
    padding: 1.5rem;
}

.service-content h4 {
    color: #fff;
}

.challenges-col:hover .service-content {
    bottom: 0;
    opacity: 1;
}

.print-solutions .challenges-col .et_pb_button_module_wrapper {
    display: none;
}

.challenges-col:hover .box-heading {
    opacity: 0;
}

.challenges-col:hover .challenge-static-btn {
    opacity: 0;
}

.challenges-col .et_pb_image_wrap img {
    cursor: pointer;
}

.challenges-col .et_pb_image_wrap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, .5);
    transition: 0.5s;
    opacity: 0;
}

.challenges-col:hover .et_pb_image_wrap::after {
    height: 100%;
    opacity: 1;
}

.challenges-col:hover .et_pb_image_wrap img {
    transition: 0.5s;
}

.challenges-col:hover .et_pb_image_wrap img {
    transform: scale(1.3);
}

.service-content a.et_pb_button {
    border: 1px solid #fff !important;
}

.float-bob-x {
    animation-name: float-bob-x;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes float-bob-x {
    0% {
        transform: translateX(30px);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(30px);
    }
}

.print-cta .et_pb_row {
    display: flex;
    align-items: center;
}

.print-cta h2.et_pb_module_heading {
    width: 80%;
    margin: 0 auto;
    line-height: 1.3;
}

/*-----------------------Print-page-css-----------------*/

/*-----------------------Stationary-page-css-----------------*/

.scroll-down {
    right: -1px;
    bottom: 0;
    padding: 20px 60px 20px 84px;
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/scroll-down-shape.png);
    background-repeat: no-repeat;
    background-position: right;
    border-bottom-right-radius: 20px;
}

/*.scroll-btn img{
    width: 3%;
}*/
/*
h6.scroll-text{

    padding-bottom: 0;
}*/

/*.scroll-btn img {
    width: 3%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}*/

h6.scroll-text {
    display: flex;
    align-items: center;
    justify-content: end;
    padding-bottom: 0;
    font-size: 20px;
}

.bounce {
    animation: bounce 2s ease infinite;
}

@keyframes bounce {
    70% {
        transform: translateY(0%);
    }

    80% {
        transform: translateY(-15%);
    }

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

    95% {
        transform: translateY(-7%);
    }

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

    99% {
        transform: translateY(-3%);
    }

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

.stationary-about {
    display: flex;
    align-items: center;
}

/*swiper-3d*/
.portfolio .swiper-pagination-bullet {
    border: 1px solid #1da1f2;
}

.portfolio .swiper-pagination-bullet-active {
    background: #1da1f2
}

.portfolio img:not([draggable]),
embed,
object,
video {
    max-width: 100%;
    height: auto;
}

.portfolio .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.portfolio .swiper-container-no-flexbox .swiper-slide {
    float: left
}

.portfolio .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.portfolio .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.portfolio .swiper-container-android .swiper-slide,
.portfolio .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.portfolio .swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.portfolio .swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.portfolio .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.portfolio .swiper-container-autoheight,
.portfolio .swiper-container-autoheight .swiper-slide {
    height: auto
}

.portfolio .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.portfolio .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.portfolio .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.portfolio .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.portfolio .swiper-button-next,
.portfolio .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.portfolio .swiper-button-next.swiper-button-disabled,
.portfolio .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.portfolio .swiper-button-prev,
.portfolio .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.portfolio .swiper-button-prev.swiper-button-black,
.portfolio .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.portfolio .swiper-button-prev.swiper-button-white,
.portfolio .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.portfolio .swiper-button-next,
.portfolio .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.portfolio .swiper-button-next.swiper-button-black,
.portfolio .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.portfolio .swiper-button-next.swiper-button-white,
.portfolio .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.portfolio .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.portfolio .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.portfolio .swiper-container-horizontal>.swiper-pagination-bullets,
.portfolio .swiper-pagination-custom,
.portfolio .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.portfolio .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.portfolio button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.portfolio .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.portfolio .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.portfolio .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.portfolio .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.portfolio .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.portfolio .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.portfolio .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.portfolio .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.portfolio .swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.portfolio .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.portfolio .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.portfolio .swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.portfolio .swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.portfolio .swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.portfolio .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.portfolio .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.portfolio .swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.portfolio .swiper-container-3d .swiper-cube-shadow,
.portfolio .swiper-container-3d .swiper-slide,
.portfolio .swiper-container-3d .swiper-slide-shadow-bottom,
.portfolio .swiper-container-3d .swiper-slide-shadow-left,
.portfolio .swiper-container-3d .swiper-slide-shadow-right,
.portfolio .swiper-container-3d .swiper-slide-shadow-top,
.portfolio .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.portfolio .swiper-container-3d .swiper-slide-shadow-bottom,
.portfolio .swiper-container-3d .swiper-slide-shadow-left,
.portfolio .swiper-container-3d .swiper-slide-shadow-right,
.portfolio .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.portfolio .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.portfolio .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.portfolio .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.portfolio .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.portfolio .swiper-container-coverflow .swiper-wrapper,
.portfolio .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.portfolio .swiper-container-cube,
.portfolio .swiper-container-flip {
    overflow: visible
}

.portfolio .swiper-container-cube .swiper-slide,
.portfolio .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.portfolio .swiper-container-cube .swiper-slide .swiper-slide,
.portfolio .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.portfolio .swiper-container-cube .swiper-slide-active,
.portfolio .swiper-container-cube .swiper-slide-active .swiper-slide-active,
.portfolio .swiper-container-flip .swiper-slide-active,
.portfolio .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.portfolio .swiper-container-cube .swiper-slide-shadow-bottom,
.portfolio .swiper-container-cube .swiper-slide-shadow-left,
.portfolio .swiper-container-cube .swiper-slide-shadow-right,
.portfolio .swiper-container-cube .swiper-slide-shadow-top,
.portfolio .swiper-container-flip .swiper-slide-shadow-bottom,
.portfolio .swiper-container-flip .swiper-slide-shadow-left,
.portfolio .swiper-container-flip .swiper-slide-shadow-right,
.portfolio .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.portfolio .swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.portfolio .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.portfolio .swiper-container-cube .swiper-slide-active,
.portfolio .swiper-container-cube .swiper-slide-next,
.portfolio .swiper-container-cube .swiper-slide-next+.swiper-slide,
.portfolio .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.portfolio .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.portfolio .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.portfolio .swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.portfolio .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.portfolio .swiper-container-fade .swiper-slide-active,
.portfolio .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.portfolio .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.portfolio .swiper-zoom-container>canvas,
.portfolio .swiper-zoom-container>img,
.portfolio .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.portfolio .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.portfolio .swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.portfolio .swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.portfolio .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.portfolio .swiper-scrollbar-cursor-drag {
    cursor: move
}

.portfolio .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.portfolio .swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.portfolio .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.portfolio .swiper-container.one {
    padding-top: 40px;
    text-align: center;
}

.portfolio .swiper-container.one .swiper-slide {
    padding: 0 43px;
}

.portfolio .swiper-container {
    width: 100%;
    /* padding-bottom: 60px;*/
}

.portfolio .swiper-slide img {
    display: block;
    margin: auto;
    width: 100%;
}

.portfolio .swiper-slide {
    width: 390px;
    height: auto;
    padding: 0 15px;
}

.portfolio .two .swiper-slide {
    width: 300px;
}

.portfolio .swiper-slide img {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.portfolio-mail .swiper-slide img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.portfolio .swiper-slide .slider-image .preview-icon {
    z-index: -1;
    width: calc(100% - 30px);
}

.portfolio .swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
}

.portfolio .swiper-container-horizontal>.swiper-pagination-bullets,
.portfolio .swiper-pagination-custom,
.portfolio .swiper-pagination-fraction {
    bottom: 0;
}

.portfolio .swiper-pagination-bullet {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #6e2c8f;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 26px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.portfolio .swiper-pagination-bullet-active {
    background: #6e2c8f;
    background: #6e2c8f;
    border: medium none;
    height: 12px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 12px;
}

.portfolio .swiper-slide .et_pb_main_blurb_image {
    display: block;
}

.portfolio .swiper-slide {
    padding: 0;
}

.portfolio .et_pb_blurb .et_pb_blurb_container {
    display: none;
}

/* swiper slide animation */
.slide-transtion {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

/*swiper-3d
*/
@media (max-width: 575.98px) {
    .scroll-down {
        padding: 20px 20px 20px 20px;
    }
}

.scroll-down .scroll-btn {
    margin-left: 30px;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.scroll-down .scroll-btn:hover {
    background: var(--bs-primary-color);
}

.stationary-about .et_pb_video_play {
    background-color: #6e2c8f;
    border-radius: 50%;
}

.stationary-about .et_pb_video_play:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 7px solid #fff;
    border-radius: 50%;
}

.stationary-about .et_pb_video_play:after {
    animation: ripple 2s linear 1s infinite;
}

@keyframes ripple {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.stationary-icon .et_pb_main_blurb_image {
    width: 60px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.stationary-icon span.et_pb_image_wrap {
    margin-left: 0;
}

.stationary-icon .et_pb_blurb_content {
    display: flex !important;
    align-items: center;
    margin-left: 0;
    max-width: 100%;
    margin-right: 0;
    justify-content: flex-start;
}

.stationary-icon {
    display: inline-block;
    width: calc(100% / 2 - 15px);
}

.first-icon-stationary {
    position: relative;
}

/*.first-icon-stationary:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #dfdddd;
    top: 0;
    right: 17px;
}*/
.cta {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/medical-stationery-set.png);
    background-color: #834f9d;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 50px 0 !important;
    background-size: 32%;
    border-radius: 20px;
    text-align: left;
    color: #fff;
    position: relative;
    padding-bottom: 100px;
}

.ocean {
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    border-radius: 0 0 20px 20px;
}

.cta .main-title h2 {
    background: linear-gradient(to right, #fff, #fff, #fff, #fff, rgba(0, 0, 0, 0));
}

.cta .main-title .et_pb_heading_container {
    text-align: left;
    padding-left: 30px;
}

.cta .et_pb_button_module_wrapper {
    padding-left: 30px;
}

.wave {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23003F7C'/%3E%3C/svg%3E");
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
    /* fill: red; */
    filter: hue-rotate(68deg);
    /* filter: invert(100%); */
}

.wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
    opacity: 0.5;
}

.wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s linear infinite;
    opacity: 0.5;
}

@keyframes wave {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.cta .main-title .et_pb_heading_container {
    text-align: left;
}

.why-choose-left .et_pb_main_blurb_image {
    width: 80px;
    margin-bottom: 0;
}

.why-choose-left .et_pb_blurb_container {
    width: -webkit-fill-available;
}

.why-choose-left .et_pb_blurb_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.why-choose-left .et_pb_main_blurb_image span.et_pb_image_wrap {
    text-align: center;
    width: 80px;
    height: 80px;
}

.why-choose-left .et_pb_blurb_content h4.et_pb_module_header {
    padding-bottom: 0;
}

.why-choose-left .et_pb_module.et_pb_blurb {
    border: 1px solid #fff;
    border-right: 5px solid #6f2e90;
    transition: all 0.3s ease-out 0s;

}

.why-choose-left .et_pb_module.et_pb_blurb:hover {
    transition: all 0.3s ease-out 0s;
    border: 1px solid #6f2e90;
    border-right: 5px solid #6f2e90;


}

.why-choose-left .et_pb_module.et_pb_blurb:hover .et_pb_main_blurb_image span.et_pb_image_wrap {
    transform: rotateY(360deg);
    transition: all 0.5s ease;
}

/*-----------------------Stationary-page-css-----------------*/

/*-----------------------Mailing-page-css-----------------*/

/*.mail-about-right .et_pb_blurb .et_pb_main_blurb_image {
    width: 120px;
    width: 156px;
    clip-path: polygon(50% -50%, 100% 50%, 50% 150%, 0 50%);
    overflow: hidden;
}*/
.mail-about-right .et_pb_blurb .et_pb_main_blurb_image {
    width: 120px;
    width: 156px;
    clip-path: circle(50% at 50% 50%);
    overflow: hidden;
}

.mail-about-right .et_pb_blurb .et_pb_main_blurb_image:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}

.mail-about-right .et_pb_blurb .et_pb_main_blurb_image {
    width: 180px;
    height: 145px;
}

.mail-about-right .et_pb_blurb_content {
    background: #6e2c8f;
    border-radius: 100px;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 20px;
}

/*.mail-about-right  .et_pb_blurb .et_pb_image_wrap{
    background-color: var(--white-color);
    clip-path: polygon(45% -70%, 96% 50%, 50% 155%, 0 50%);
    display: flex;
    margin-right: 10px;
    margin-left: -20px;
}*/

.mail-col .et_pb_image::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(110, 44, 143, 0.2);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: scaleX(0);
    transition: all 500ms ease;
    z-index: 1;
}

.mail-col .et_pb_image::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: rgba(110, 44, 143, 0.2);
    transform: scaleX(0);
    transition: all 500ms ease;
    content: "";
    z-index: 1;
}

.mail-col:hover .et_pb_image::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.mail-col:hover .et_pb_image::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.mail-col .et_pb_icon {
    z-index: 2;
    margin-top: -40px !important;
}

.mailing-updated .mail-col span.et-pb-icon {
    font-size: 40px;
}

.mailing-updated .mail-col h3.et_pb_module_heading {
    min-height: 52px;
}

.mailing-updated .mail-col .et_pb_module.et_pb_text {
    padding: 0 5px;
}

.mail-col:hover .et_pb_image_wrap::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: #6e2c8f;
    transform: scaleX(0);
    transition: all 500ms ease;
    content: "";
    z-index: 1;
}

.mail-col:hover .et_pb_image_wrap::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.mail-col .et_pb_icon .et_pb_icon_wrap::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: 50%;
    z-index: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.5s cubic-bezier(.62, .21, .45, 1.52);
    background: #6e2c8f;
}

.mail-col:hover .et_pb_icon .et_pb_icon_wrap::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.mail-col:hover .et_pb_icon span.et-pb-icon {
    color: #fff !important;
}

.mailing-updated .et_pb_row {
    display: flex;
    justify-content: space-between;
}

.mailing-updated .mail-col {
    width: calc(100% / 5 - 20px) !important;
    margin-right: 0;
    padding-bottom: 20px;
}

.mailing-about-row {
    display: flex;
    align-items: center;
}

/*.portfolio-mail .et_pb_image_wrap{
    position: relative;
}
.portfolio-mail .et_pb_image_wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 105%;
    left: 0px;
    top: -10px;
    background-color: #6e2c8f;
    z-index: 1;
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 51% 95%, 0px 100%, 0% 25%);
    border-radius: 10px 10px 15px 15px;
    transition: 0.5s;
}
.portfolio-mail .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 105%;
    left: 0px;
    top: -10px;
    background-color: #6e2c8f;
    z-index: -1;
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 51% 95%, 0px 100%, 0% 25%);
    border-radius: 10px 10px 15px 15px;
    transition: 0.5s;
}*/
.portfolio-mail .swiper-slide {
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 51% 95%, 0px 100%, 0% 25%);
}

/*.portfolio-mail .swiper-button-prev, .portfolio-mail .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: 0;
    top: 26px;
}
.portfolio-mail .swiper-button-next, .portfolio-mail .swiper-container-rtl .swiper-button-prev {
    right: 55px;
    left: auto;
    top: 26px;
}*/
.portfolio-mail .swiper-button-next,
.portfolio-mail .swiper-button-prev {

    width: 50px;
    height: 50px;
}

/*.portfolio-mail .swiper-container {
    padding-top: 70px;
}*/
.portfolio-mail .swiper-slide::before {
    display: none;
}

.mail-about-right .et_pb_blurb_content:before {
    content: '';
    position: absolute;
    width: 42%;
    height: 100%;
    background-color: #fff;
    z-index: 0;
    left: -32px;
    clip-path: circle(50% at 50% 50%);
}

.mail-about-right .et_pb_blurb_container {
    vertical-align: middle;
}

.mail-about-right .et_pb_blurb_container .et_pb_blurb_description {
    line-height: 1.1;
}

.actividad-number-circle {
    background-color: #FFF;
    height: 200px;
    border: 25px #eaa54e solid;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 200px;
    position: absolute;
    margin-top: 10px;
    margin-right: 0;
    line-height: 25px;
    color: #eaa54e;
    font-size: 59.43px;
    font-weight: 700;
    text-align: center;
    font-family: "Lato", sans-serif;
    right: 0;
    top: 50%;
    /* transform: translateY(10px); */
    margin-left: auto;
}

.actividad-number-circle.pulsate {
    -webkit-animation: pulsate 2000ms ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulsate 2000ms ease-out;
    -moz-animation-iteration-count: infinite;
}

.actividad-number-circle.pulsateExt {
    -webkit-animation: pulsateExt 2000ms ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulsateExt 2000ms ease-out;
    -moz-animation-iteration-count: infinite;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1.0, 1.0);
        opacity: 0.0;
    }

    25% {
        opacity: 1.0;
    }

    75% {
        -webkit-transform: scale(2.5, 2.5);
        opacity: 0.0;
    }

    100% {
        opacity: 0.0;
    }
}

@-moz-keyframes pulsate {
    0% {
        -moz-transform: scale(1.0, 1.0);
        opacity: 0.0;
    }

    25% {
        opacity: 1.0;
    }

    75% {
        -moz-transform: scale(2.5, 2.5);
        opacity: 0.0;
    }

    100% {
        opacity: 0.0;
    }
}

@-webkit-keyframes pulsateExt {
    0% {
        opacity: 0.0;
    }

    25% {
        -webkit-transform: scale(1.0, 1.0);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(2.5, 2.5);
        opacity: 0.0;
    }
}

@-moz-keyframes pulsateExt {
    0% {
        opacity: 0.0;
    }

    25% {
        -moz-transform: scale(1.0, 1.0);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -moz-transform: scale(2.5, 2.5);
        opacity: 0.0;
    }
}

.cta-mailing-first-row {
    overflow: hidden;
}

.actividad-number-circle {
    background-color: #fff;
    height: 210px;
    border: 108px #6e2c8f solid;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 210px;
    position: absolute;
    margin-top: 19px;
    margin-right: 0;
    line-height: 25px;
    color: #ddd;
    font-size: 59.43px;
    font-weight: 700;
    text-align: center;
    font-family: "Lato", sans-serif;
    right: -43%;
    top: 0;
    /* transform: translateY(10px); */
    margin-left: auto;
}

/*-----------------------Mailing-page-css-----------------*/

/*-----------------------Neighbourhood Mail-page-css-----------------*/
.why-choose-neighbourhood-mail .et_pb_tabs_controls li {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    display: inline-block;
    position: relative;
    z-index: 1;
    border-radius: 0px;
    padding: 20px 22px;
    margin: 0px 15px;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(24, 24, 24, 0.1);
    border-image: initial;
    width: calc(100% / 3 - 30px);
    margin: 0;
}

.why-choose-neighbourhood-mail .et_pb_tabs_controls li:last-child {
    border-right: 2px solid rgba(24, 24, 24, 0.1);
}

.why-choose-neighbourhood-mail .et_pb_tabs {
    border: none;
    margin-bottom: 0 !important;
}

.why-choose-neighbourhood-mail .et_pb_tabs_controls li:first-child {
    margin-left: 0;
}

.why-choose-neighbourhood-mail ul.et_pb_tabs_controls {
    background-color: transparent;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.why-choose-neighbourhood-mail ul.et_pb_tabs_controls:after {
    display: none;
}

.why-choose-neighbourhood-mail .et_pb_tabs_controls li::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 50%;
    left: -2px;
    bottom: -1px;
    z-index: 1;
    background: #6e2c8f;
    transition: 0.3s;
}

.why-choose-neighbourhood-mail .et_pb_tabs_controls li::after {
    content: "";
    position: absolute;
    clip-path: polygon(0px 0px, 49% 100%, 100% 0px);
    height: 0px;
    width: 17px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background: #6e2c8f;
    margin: 0px auto;
    transition: 0.3s;
}

/*.why-choose-neighbourhood-mail .et_pb_tabs_controls li.et_pb_tab_active::after,.why-choose-neighbourhood-mail .et_pb_tabs_controls li.et_pb_tab_active:before{

    height: 15px;
    bottom: -14px;
}*/

.why-choose-neighbourhood-mail .et_pb_tabs_controls li.et_pb_tab_active::after {
    height: 15px;
    bottom: -14px;

}

.why-choose-neighbourhood-mail .et_pb_tabs_controls li.et_pb_tab_active::before {
    width: 100%;

}

.why-choose-neighbourhood-mail .et_pb_tabs_controls li.active::after,
.why-choose-neighbourhood-mail .et_pb_tabs_controls li:hover::after {
    height: 15px;
    bottom: -14px;
}

.why-choose-neighbourhood-mail .et_pb_tabs_controls li.active::before,
.why-choose-neighbourhood-mail .et_pb_tabs_controls li:hover::before {
    width: 100%;
}

.why-choose-neighbourhood-mail .et_pb_tabs_controls li a {
    display: block;
    text-align: center;
}

.why-choose-neighbourhood-mail .et_pb_all_tabs {
    position: relative;
}

.why-choose-neighbourhood-mail .et_pb_tab {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.why-choose-neighbourhood-mail .et_pb_tab.et_pb_active_content {
    opacity: 1 !important;
    visibility: visible;
    position: relative;
    z-index: 2 !important;
    display: block !important;
}

.neighbourhood-left-title {
    position: absolute;
    bottom: -45px;
    right: 70px;
    width: 155px;
    height: 106px;
    background-color: #6e2c8f;
    text-align: center;
    /* z-index: 1; */
    display: flex;
    align-items: center;
}

.neighbourhood-left-title h4.et_pb_module_heading {
    color: #fff;
}

.neighbourhood-left-title:before {
    width: 44px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: -43px;
    content: '';
    background-color: #6e2c8f;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    z-index: -1;
}

.neighbourhood-about .et_pb_row {
    display: flex;
    align-items: center;
}

.gallery {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery .et_pb_image {
    width: 20%;
    height: 500px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid #fff;
    transition: all ease-out 0.5s;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.gallery .et_pb_image img {
    height: 500px;
    object-fit: cover;
    object-position: center center;
}

.gallery .et_pb_image:hover {
    width: 50%;
}

.cta-neighbourhood-mail .et_pb_row {
    display: flex;
    align-items: center;
}

.cta-neighbourhood-mail a.et_pb_button {
    border: 1px solid #fff !important;
}

.signage-abt-row {
    display: flex;
    align-items: center;
}

.signage-abt-row .main-title .et_pb_heading_container {
    text-align: left;
}

/*gallery-signage*/

.signage-portfolio .grid {
    display: grid;
    gap: 1rem;
    max-width: 100%;
    margin: 0 auto;
    /*  padding: 2rem;*/
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 150px;
}

@media (min-width: 700px) {
    .signage-portfolio .grid {
        grid-template-columns: repeat(6, 1fr);
        grid-auto-rows: 250px;
    }
}

.item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: circle(71% at 50% 50%);
    filter: sepia(0.65);
    cursor: pointer;
    position: relative;
    transition: filter 300ms ease-in-out;
    border-radius: 15px;
}

.item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.5);
    transition: transform 800ms ease-in-out;
}

.item:hover img {
    transform: scale(1);
}

.item[data-active="true"] {
    grid-column: 1 / -1;
    grid-row: span 2;
    z-index: 2;
    filter: sepia(0);
    clip-path: ellipse(58% 100% at 50% 50%);
    border-radius: 15px;
}

@media (min-width: 700px) {
    .item[data-active="true"] {
        grid-column: 3 / 5;
        grid-row: 1 / 3;
    }
}

.item[data-active="true"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 300%, rgba(0, 0, 0, 0.6), transparent);
    z-index: 1;
}

.item[data-active="true"]::after {
    content: attr(data-title);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-2rem);
    font-family: 'Amatic SC', cursive;
    font-size: 1.6rem;
    color: white;
    z-index: 2;
    opacity: 1;
    transition: transform 500ms ease-in-out;
}

/*gallery-signage*/

.cta-signage a.et_pb_button {
    border: 1px solid #fff;
    border-width: 1px !important;
}

.signage-row-option {
    justify-content: space-between;
}

.signage-row-option .et_pb_column {
    width: calc(100% / 4) !important;
    margin-right: 0px;
    border-inline-end: 1px solid #d9d9d9;
}

.signage-row-option .et_pb_column:hover {
    /*background-color: #fff;*/
    transition: transform 800ms ease-in-out;
}

.signage-box .et_pb_blurb_description {
    min-height: 90px;
}

.signage-row-option .et_pb_column:hover .et_pb_main_blurb_image {
    animation: wobble 1.5s ease-in-out;
}

.signage-row-option .et_pb_column:hover h4.et_pb_module_header {
    color: #fff !important;
}

.signage-row-option .et_pb_column:hover .et_pb_blurb_description {
    color: #fff;
}

.signage-row-option .et_pb_column:hover img {
    filter: brightness(0) invert(1);
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* ---------------- why-choose-section-bottom-page-start-------------*/
.why_choose_bottom {
    padding-top: 30px !important;
}

.why_block {
    position: relative;
    overflow: visible !important;
    margin-bottom: 0 !important;
    border: 1px solid #eeeff1;
}


.why_block .et_pb_main_blurb_image {
    position: absolute;
    left: 50%;
    margin-bottom: 0;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #6e2c8f;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -127%;
}

.why_2 .et_pb_main_blurb_image {
    top: 122%;
}

.why-choose-common {
    justify-content: space-between;
    display: flex;
}

.why-choose-common .et_pb_column {
    margin-right: 20px;
    width: calc(100% / 4);
}

.why-choose-common .et_pb_column:hover h4.et_pb_module_header {
    color: #6e2c8f;
    transition: all 280ms ease-in-out;
}

.why_block .et_pb_blurb_description {
    height: 50px;
}
.why-choose-common.et_pb_row.why_2 .et_pb_blurb_description {
    height: 75px;
}
.why-choose-common.et_pb_row.why_2 h4.et_pb_module_header {
    height: 48px;
}
.why_1 .why_block::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 103px;
    border-inline-end: 1px dashed #959ca7;
    inset-block-start: 100%;
    inset-inline-start: 50%;
    transform: translateX(-50%);
}

/*.why_1 .why_block:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(https://otzol.net/allegra/v2/wp-content/uploads/2025/07/why-middle.png);
    left: 50%;
    bottom: -65px;
    background-size: contain;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 1;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}*/
.why-choose-common.why_1 {
    border-bottom: 1px dashed #959ca7;
}

.why-choose-common .et_pb_module.why_block {
    padding: 15px !important;
    padding-top: 60px !important;
}

.why-choose-common.why_2 .et_pb_module.why_block {
    padding-top: 15px !important;
    padding-bottom: 60px !important;
}

.why-choose-common.et_pb_row.why_1 {
    padding-bottom: 20px !important;
}

.why-choose-common.et_pb_row.why_2 {
    padding-top: 20px !important;
}

@keyframes rocketAnimation {
    0% {
        left: -24px;
        opacity: 0;
        transform: scale(0.2);
    }

    5% {
        opacity: 0.5;
    }

    10% {
        opacity: 1;
        transform: scale(1);
    }

    90% {
        opacity: 1;
    }

    91% {
        opacity: 0.5;
        transform: scale(1);
    }

    100% {
        left: 100%;
        opacity: 0;
        transform: scale(0.2);
    }
}

/*.rocket {
    animation: rocketAnimation 10s linear infinite;
}*/

/*.dot-move.rocket {
    inset-inline-start: 100%;
    position: absolute;
    margin-top: 10px;
}*/
.dot-move {
    position: absolute;
    left: 50%;
    top: 106%;
    transform: translateX(-50%);
}
.why_block:hover {
    border: 1px solid #f2d017;
    transition: all 280ms ease-in-out;

}

.why_block:hover .et_pb_main_blurb_image {
    background-color: #f2d017;
    transition: all 280ms ease-in-out;
}

/* ---------------- why-choose-section-bottom-page-ends-------------*/

/* ---------------- labels-page-starts-------------*/

.lable-about .main-title .et_pb_heading_container {
    text-align: left;
}

.lable-about .et_pb_row,
.lable-about {
    position: relative;
}

.lable-about .et_pb_row:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 85px;
    width: 100%;
    background: #fff;
    content: "";
    z-index: 1;
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    height: 81%;
}

.lable-about-blurb {
    display: inline-block;
}

.lable-about-blurb .et_pb_main_blurb_image {
    width: 50px;
    margin-bottom: 0;
}

.lable-about-blurb .et_pb_blurb_content {
    display: flex;
    align-items: center;
}

.lable-about:after {
    content: '';
    position: absolute;
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/label-about.png);
    width: 200px;
    height: 200px;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 200px;
    animation-name: float-bob-x;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.flip-front {
    position: relative;
}

.flip-front .et_pb_main_blurb_image {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -122px;
    left: 50%;
    transform: translateX(-50%);
    width: 123px;
    height: 123px;
    background-image: linear-gradient(0deg, white 0%, rgb(243, 243, 243) 100%);
    z-index: 0;
    border-radius: 50%;
    border-top: 1px dashed rgb(218, 19, 24);
}

.flip-front {
    position: absolute;
    bottom: 20px;
    top: auto;
    left: 20px;
    right: 20px;
    display: block;
    transform: scaleY(1);
    border-top: 1px dashed #652c8f;
}

.labels-col {
    height: 370px;
}

.flip-back {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    transform: scale(1, 0);
    transform-origin: center bottom;
    transition: transform 500ms;
    opacity: 0;
}

.flip-back::before {
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    position: absolute;
    height: 194px;
    background: #f2d017;
}

.labels-col:hover .flip-back {
    transform: scale(1, 1);
    transition: transform 500ms;
    opacity: 1;
}

.labels-col h4.et_pb_module_header {

    font-size: 20px;
}

.flip-back .et_pb_main_blurb_image {
    margin-bottom: 0;
}

.flip-back .et_pb_blurb_container {
    margin-top: 70px;
}

.flip-back h4.et_pb_module_header {
    position: absolute;
    width: 100%;
    top: 48%;
    transform: translateY(-50%);
}

.flip-back p.label-read-more a {
    color: #652c8f;
    font-weight: bold;
}

.cta-rotate::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid #f2d017;
    animation: rotate360 15s linear infinite;
}

@keyframes rotate360 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(1turn);
    }
}

.cta-rotate {
    position: relative;
    bottom: 15px;
    right: 15px;
    z-index: 2;
    background-color: #f2d017;
    width: 150px;
    height: 150px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.label-cta-row {
    display: flex;
    align-items: center;
}

.cta-img-colum {
    width: 40% !important;
}
.lables-packaging-cta span.et_pb_icon_wrap{
    position: relative;
}
.lables-packaging-cta span.et_pb_icon_wrap:before{
    content: '';
    position: absolute;
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
    border: 1px solid rgba(255,255,255,0.2);
}
.lables-packaging-cta h2.et_pb_module_heading {
    /* background: linear-gradient(to right, #fff0 0%, rgb(255 255 255 / .3) 100%) !important; */
    -webkit-text-fill-color: #fff;
}
.lables-packaging-cta span.et_pb_icon_wrap:after{
    content: '';
    position: absolute;
    width: 125%;
    height: 125%;
    top: -12%;
    left: -12%;
    border: 1px solid rgba(255,255,255,0.2);
}
.lables-packaging-cta span.et_pb_section_video_bg {
    visibility: visible;
}
.lables-packaging-cta-rwo{
    visibility: visible !important;
}
.portfolio.portfolio-mail .et-waypoint:not(.et_pb_counters),.why_choose_bottom .et-waypoint:not(.et_pb_counters) {
    opacity: 1;
}
.page-id-468 .et-waypoint:not(.et_pb_counters),.page-id-468 footer .et_animated,.page-id-24 .et-waypoint:not(.et_pb_counters) {
    opacity: 1;
}
/*gallery-lables-page-css*/


/* Page Loader */
/*.js .loading::before,
.js .loading::after {
  content: "";
  position: fixed;
  z-index: 1000;
}

.js .loading::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg);
}

.js .loading::after {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-radius: 50%;
  opacity: 0.4;
  background: var(--color-link);
  animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
  to {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
}
*/
/*a {
  text-decoration: none;
  color: var(--color-link);
  outline: none;
}

a:hover {
  color: var(--color-link-hover);
  outline: none;
}

a:focus {
  outline: none;
  background: lightgrey;
}

a:focus:not(:focus-visible) {
  background: transparent;
}

a:focus-visible {
  outline: 2px solid #fff;
  background: transparent;
}*/

.labels-gallery .unbutton {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
}

.labels-gallery .unbutton:focus {
    outline: none;
}

.labels-gallery .frame {
    z-index: 100;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 1.5rem 2rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "title links oo""credits credits credits";
    grid-column-gap: 3vw;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-content: space-between;
    text-align: left;
}

.labels-gallery .frame a {
    pointer-events: auto;
}

.labels-gallery .frame__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    grid-area: title;
}

.labels-gallery .frame__links {
    grid-area: links;
}

.labels-gallery .frame__links a:not(:last-child) {
    margin-right: 1rem;
}

.labels-gallery .frame__credits {
    grid-area: credits;
}

.labels-gallery .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5vh;
}

.labels-gallery .grid__item {
    height: 100vh;
    background-size: cover;
    background-position: 50% 50%;
}

/*.labels-gallery{
    height: 100vh;
}*/
@media screen and (min-width: 53em) {
    .labels-gallery .frame {
        /*    height: 100vh;*/
        align-items: space-between;
    }
}

.grid__item.label-g-1:hover {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/lables-gallery-1-hover.jpg) !important;
    transition: all 0.3s ease-in-out;

}

.grid__item.label-g-2:hover {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/lables-gallery-11-hover.jpg) !important;
    transition: all 0.3s ease-in-out;

}

.grid__item.label-g-3:hover {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/lables-gallery-10-hover.jpg) !important;
    transition: all 0.3s ease-in-out;

}

.grid__item.label-g-4:hover {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/lables-gallery-9-hover.jpg) !important;
    transition: all 0.3s ease-in-out;

}

.grid__item.label-g-5:hover {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/lables-gallery-6-hover.jpg) !important;
    transition: all 0.3s ease-in-out;

}

.grid__item.label-g-6:hover {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/lables-gallery-5-hover.jpg) !important;
    transition: all 0.3s ease-in-out;

}

.grid__item.label-g-7:hover {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/lables-gallery-4-hover.jpg) !important;
    transition: all 0.3s ease-in-out;

}

.grid__item.label-g-8:hover {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/lables-gallery-3-hover.jpg) !important;
    transition: all 0.3s ease-in-out;

}

.grid__item.label-g-9:hover {
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/lables-gallery-2-hover.jpg) !important;
    transition: all 0.3s ease-in-out;

}

.cta-mail-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.cta-mail-content a.et_pb_button {
    border: 1px solid #fff !important;
}

.last-call .et_pb_blurb_description {
    min-height: auto;
}

.last-call {
    display: flex;
    align-items: center;
    justify-content: center;
}

.last-call:hover {
    background-color: #f2d017 !important;
}

/*.labels-gallery .grid__item{
    transition: all 0.3s ease-in-out;
}*/
/*gallery-lables-page-css*/

/* ---------------- labels-page-ends-------------*/
/* ---------------- resources-page-starts-------------*/
.resources-row-first .et_pb_heading_container {
    text-align: left;
}

.resource-cta-right a.et_pb_button {
    border: 1px solid #fff !important;
}

.resources-row-first {
    display: flex;
    align-items: center;
}

.resources-row-first img {
    height: 350px;
    object-fit: cover;
}

.transport-service-image .transport-service-item-hover:after,
.transport-service-image .transport-service-item-hover:before {
    background-color: rgba(0, 0, 0, .2);
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all .5s ease;
    width: 100%;
    z-index: 1;
}

.transport-service-image .transport-service-item-hover:after {
    bottom: -50%;
    right: -50%;
}

.transport-service-image .transport-service-item-hover:before {
    left: -50%;
    top: -50%;
}

.resources-row-first .et_pb_image_wrap {
    position: relative;
}

.resources-row-first .et_pb_image_wrap:before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(#fff0), to(rgb(255 255 255 / .3)));
    background: linear-gradient(to right, #fff0 0%, rgb(255 255 255 / .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    transition: all 0.3s ease;
}

.resources-row-first .et_pb_image_wrap:hover:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}

.left-content-res {
    position: relative;
}

.left-content-res:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: #6e2c8f;
    border-radius: 50px;
    left: 15rem;
}

.second-row-res .left-content-res:before {
    left: 8rem;
}

.cta-resources .et_pb_row {
    display: flex;
    align-items: center;
}

.call-cta-resource-icon span.et_pb_icon_wrap {
    padding: 16px;
}

.waves {
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    right: -41px;
    bottom: 82px;
    z-index: 0;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.resources-row-first.first-row-res.faq-row img {
    height: 600px;
}

.resources-testimonials h2.et_pb_slide_title {
    position: absolute;
    bottom: -92px;
}

.resources-testimonials .et_pb_slide .et_pb_container .et_pb_slider_container_inner {
    vertical-align: top;
}

.resources-testimonials .et_pb_slide .et_pb_container {
    height: 300px !important;
}

.resources-testimonials .et_pb_button_wrapper {
    position: absolute;
    bottom: -120px;
}

.resources-testimonials .et_pb_button_wrapper a.et_pb_button {
    padding: 0;
    background-color: transparent;
    color: #63584c;
    animation: none;
    pointer-events: none;
}

.resources-testimonials .et_pb_button_wrapper a.et_pb_button:after {
    display: none;
}

.resources-testimonials .et_pb_slide .et_pb_slide_description {
    text-shadow: none;
    position: relative;
    padding-top: 40px !important;
    width: 62%;
}

.resources-testimonials .et_pb_slide .et_pb_slide_description:after {
    content: '';
    position: absolute;
    width: 92%;
    height: 1px;
    background-color: #d4d4d4;
    bottom: -26px;
}

.resources-testimonials .et_pb_slide {
    padding: 0;
}

.resources-testimonials .et_pb_slide .et_pb_slide_description {
    line-height: 1.5;
    font-weight: 600;
    height: 175px;
}

.resources-testimonials .et_pb_slide .et_pb_slide_image {
    -webkit-mask-image: url(https://604allegra.ca/wp-content/uploads/2025/07/quate-shape-Copy.png);
    mask-image: url(https://604allegra.ca/wp-content/uploads/2025/07/quate-shape-Copy.png);
    mask-position: center;
    mask-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 300px;
    margin: 0 auto;
    width: 30%;
}

.resources-testimonials .et_pb_slide .et_pb_slide_image img {
    max-height: 100% !important;
}

.resources-testimonials:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 52%;
    background-image: url(https://604allegra.ca/wp-content/uploads/2025/07/test-bg.png);
    bottom: 0;
}

.help-center .et_pb_row {
    position: relative;
}

.help-center .et_pb_row:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 95%;
    height: 99%;
    z-index: 1;
    padding: 20px;
    border: 1px dashed #fff;
    transform: translateY(-50%);
}

.help-center .et_pb_row .et_pb_button_module_wrapper {
    display: inline-block;
    margin-right: 25px;
}

.help-center .et_pb_row .et_pb_button_module_wrapper .help-center-btn {
    border: 1px solid #fff !important;
}

/*new*/
.resources-row-first .et_pb_image_wrap {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.resources-row-first .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
    opacity: 0;
}

.resources-row-first .et_pb_image_wrap:hover::before {
    -webkit-animation: overlayShape 1s linear;
    animation: overlayShape 1s linear;
}

@-webkit-keyframes overlayShape {
    0% {
        height: 0;
        opacity: 1;
    }

    100% {
        height: 250%;
        opacity: 0;
    }
}

@keyframes overlayShape {
    0% {
        height: 0;
        opacity: 1;
    }

    100% {
        height: 250%;
        opacity: 0;
    }
}

/* ---------------- resources-page-ends-------------*/
.mail-about-left .et_pb_image_wrap {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.mail-about-left .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
    opacity: 0;
}

.mail-about-left .et_pb_image_wrap:hover::before {
    -webkit-animation: overlayShape 1s linear;
    animation: overlayShape 1s linear;
}

.why-bootm-about .why-choose-common .et_pb_column {
    width: calc(100% / 3 - 20px);
}

.why-bootm-about .why-choose-common {
    width: 70%;
}

.mail-col img {
    height: 160px;
    object-fit: cover;
    width: 100%;
}

.mail-about-right .main-title .et_pb_heading_container {
    text-align: left;
}

/*-------------Design page css start-----------------*/
.page-id-828 .mailing-updated .mail-col {
    width: calc(100% / 4 - 20px) !important;

}

/*-------------cotact-page css start-----------------*/
.contact-form-section .et_contact_bottom_container {
    margin-top: 10px;
}

.contact-details .et_pb_row .et_pb_column {
    width: calc(100% / 3 - 15px) !important;
    margin-right: 15px;
}

.contact-details .et_pb_row .et_pb_column img {
    height: 200px;
    object-fit: cover;
    object-position: top;
}
.contact-details .et_pb_row .et_pb_column.address-contact img{
    object-position: bottom;
}

.contact-details .et_pb_row .et_pb_column .et_pb_blurb .et_pb_main_blurb_image .et-pb-icon {
    color: #fff;
    font-size: 40px;
}

.contact-details .et_pb_row .et_pb_column .et_pb_blurb .et_pb_main_blurb_image {
    background-color: purple;
    border-radius: 50%;
    padding: 20px;
    margin-bottom: 20px;
}

.contact-details .et_pb_module.et_pb_image {
    margin-bottom: -43px;
}

.contact-form-section .et_pb_row {
    display: flex;
    align-items: center;
}

.contact-form-section .et_pb_row .et_pb_heading_container {
    text-align: left;
}

.contact-details .et_pb_row .et_pb_column span.et_pb_image_wrap {
    position: relative;
    overflow: hidden;
}

.contact-details .et_pb_row .et_pb_column:hover .et_pb_blurb .et_pb_main_blurb_image {
    background-color: #f2d017;
}

.contact-details .et_pb_row .et_pb_column span.et_pb_image_wrap:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
    opacity: 0;
}

.contact-details .et_pb_row .et_pb_column span.et_pb_image_wrap:hover:before {
    -webkit-animation: overlayShape 1s linear;
    animation: overlayShape 1s linear;
}

.map-container {
    flex: 1;
    min-width: 300px;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
        }
        
.map-frame {
    width: 100%;
    height: 500px;
    border: none;
        }
        
.logo-overlay {
    position: absolute;
    top: 37%;
    left: 46%;
    padding: 15px;
    border-radius: 10px;
    z-index: 100;
    display: flex;
    align-items: center;
    max-width: 300px;
}
        
.logo-icon {
    font-size: 2.5rem;
    color: #1a3a6c;
    margin-right: 15px;
}
.logo-icon img {
            width: 35%;
}
        .custom-map .et_pb_code {
    margin-bottom: 0 !important;
}

.resources-inner h3.et_pb_module_heading {
    color: #6e2c8f;
}
.resources-testimonials .et-pb-arrow-next, .resources-testimonials .et-pb-arrow-prev{
    color: #f2d017;
}
.resources-testimonials .et_pb_slider .et-pb-arrow-prev {
    left: 0;
    opacity: 1;
}
.resources-testimonials .et_pb_slider .et-pb-arrow-next {
    right: 0;
    opacity: 1;
}
.glossary-row h3.et_pb_module_heading {
    background-color: #6e2c8f;
    width: 50px;
    height: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
/*-------------about-page css start-----------------*/

/*-------------join-our-team css start-----------------*/
.our-team .et_pb_row {
    display: flex;
    justify-content: space-between;
}
.our-team .et_pb_column {
    width: calc(100% / 5 - 0px);
    margin-right: 15px;
}
.heading-row-team .et_pb_column{
  width: 100%;

}
.our-team .et_pb_blurb img {
    transition: filter 0.5s;
    filter: grayscale(100%);
}
.our-team .et_pb_blurb:hover img {
    filter: grayscale(0);
}
.our-team .join-team-btn-row{
    justify-content: center;
    padding-bottom: 0;
}
.our-team {
    padding-bottom: 0;
}

.join--team form span.wpcf7-form-control-wrap input {
    width: 98%;
    height: 42px;
    border: 1px solid #bbb
}

.join--team form label br,.join--team form p br {
    display: none;
}

.join--team form span.wpcf7-form-control-wrap input {
    width: 100%;
    height: 42px;
}

.half-l {
    display: inline-block;
    width: calc(100% / 2 - 10px);
    vertical-align: text-top;
}

.email,.location {
    margin-left: 7px;
}

p.name,.phone {
    margin-right: 7px;
}

.join--team form .codedropz-upload-handler::before {
    content: 'File Types: jpg, jpeg, pdf, doc';
    content: 'File Types: JPG,PNG,JPEG,PDF,ZIP';
    position: absolute;
    top: -28px;
    right: 0;
    color: #be1e2d;
    font-size: 14px !important;
}

p.cover-letter .codedropz-upload-handler::before {
    content: 'File Types: pdf, doc';
}

p.join-submit input {
    color: #FFFFFF!important;
    border-radius: 50px;
    letter-spacing: 0px;
    font-size: 18px;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    background-color: #6e2c8f;
    padding: 13px 24px;
    border: none;
    cursor: pointer
}

p.join-submit input:hover {
    background-color: #f2d017;
}

.et_pb_row.join-team-btn-row {
    justify-content: center;
}

.our-team {
    padding-bottom: 0;
}
.codedropz-upload-wrapper .codedropz-btn-wrap, .codedropz-upload-wrapper span {
    display: none;
}
.codedropz-upload-inner {
    cursor: pointer;
}
@media (max-width: 767px) {
    .logo-overlay {
    left: 34% !important;
}
    p.name,.phone {
        margin-right:0;
    }

    .half-l {
        display: block;
        width: 100%;
        vertical-align: text-top
    }

    .email,.location {
        margin-left: 0;
    }

    .join--team form .codedropz-upload-handler::before,p.cover-letter .codedropz-upload-handler::before {
        content: 'File Types: jpg, jpeg, pdf, doc';
        top: -23px;
        font-size: 11px !important;
    }

    .et_pb_text.join--team {
        padding: 15px!important;
        border-radius: 15px;
    }

    .join-team-btn-row .et_pb_button_module_wrapper {
        margin-top: 0!important;
    }

    .join--team form p {
    text-align: left;
}
.why-choose-common.et_pb_row.why_2 .et_pb_blurb_description {
    height: auto;
}
.why-choose-common.et_pb_row.why_2 h4.et_pb_module_header {
    height: auto;
}
  .gallery .et_pb_image_wrap img {
    transition: all 0.3s ease-in-out;
    width: 100% !important;
    max-width: 100%;
  }

  /* On hover: make image full width */
  .gallery .et_pb_image_wrap:hover img {
    width: 100% !important;
    max-width: 100% !important;
  }
/*  .gallery .et_pb_image:hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}*/
.gallery .et_pb_image {
    width: calc(100% / 4) !important;
}
.gallery .et_pb_image:hover {
    width: 100% !important;
}
.gallery .et_pb_image span.et_pb_image_wrap {
    display: block;
    width: 100%;
}
.lables-packaging-cta .et_pb_section_video_bg video {
    max-width: max-content;
    height: 100%;
}
}

/*test*/
/* Styling the text input to look like a drag-and-drop area */
.colSet-half {
  width: 50%;
  float: left;
  display: block;
  padding-bottom: 1.34375em;
}
.colSet-half input, .colSet-half select {
  padding: 1em 0;
  width: 85%;
  padding-left: 10px;
  border: 2px solid #ddd;
}
.full-width select, .full-width .wpcf7-date {
  width: 43%;
  padding: 1em 0;
  padding-left: 10px;
  border: 2px solid #ddd;
}
.full-width {
  padding-bottom: 1.34375em;
}
.colSet-half.p-20 {
  padding-top: 15px;
}
.onethird {
  width: 46%;
  float: left;
}
.rowSet input[type="number"] {
  -moz-appearance: textfield;
}
.toggle-icon {
  font-weight: bold;
  margin-right: 5px;
  font-size: 22px;
}
#info-label {
  font-size: 18px;
  color: #c4202f;
  border-bottom: 1px solid #c4202f;
}
#info-label {
  position: relative;
  top: 14px;
  width: max-content;
  display: block !important;
}
#info-label br {
    display: none;
}
.invalid #info-label, #info-label {
    position: relative;
    top: 14px;
    display: block;
    clear: both;
    width: 30%;
    height: 30px;
    margin-bottom: 25px;
    cursor: pointer;
}
.quoteSubmit .btnSetup {
    text-decoration: none;
    text-transform: uppercase;
    border-color: transparent;
    padding: 8px 14px 8px 9px;
    border-radius: 50px;
    color: #1e1e1e;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    cursor: pointer;
}
.btnSetup input {
  background: transparent;
  border: transparent;
  font-size: 20px;
  text-align: center;
  position: relative;
  left: 26%;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  top: -2px;
}
.btnSetup {
  background-color: #be1e2d;
  cursor: pointer;
}
.testclass{
  font-size: 15px;
}
.d-none {
  display: none;
}
.rowSet {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
}
.rowSet .full-width {
    width: 100%;
}
@media (max-width: 767px) {
        .rowSet {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    text-align: left;
}
.colSet-half {
    width: 100%;
}
.colSet-half input, .colSet-half select {
    width: 100%;

}
 #info-label {
    width: 100%;
    text-align: left;
}
.rowSet.message-row textarea{
    width: 100%;
}
.colSet-half {
    width: 100%;
    float: none;
    display: block;
    padding-bottom: 1.34375em;
}
.colSet-half input, .colSet-half select {
    width: 100%;
    
}
.full-width select, .full-width .wpcf7-date {
    width: 100%;
}
.message-row textarea {
    display: block;
    width: 100%;
}
.onethird {
    width: calc(100% / 2 - 5px);
}
.onethird.width-f {
    margin-right: 5px;
}
.onethird.hight-f {
    margin-left: 5px;
}
.colSet-half.email-label p:first-child {
    padding: 0;
}
.material-type{
      padding-top: 30px;
}
.invalid #info-label {
    width: 100%;
}
}

.codedropz-upload-inner h3 {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 0;
}
.codedropz-upload-container {
    padding: 3px 20px;
}
.lables-packaging-cta video {
    width: 100%;
}
.grecaptcha-badge {
    z-index: 999;
}
/*-------------responsive css start-----------------*/
@media (min-width:1025px) and (max-width:1440px) {
    /*.main-header .nav li {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
*/
    .main-header .nav li.menu-item-has-children {
        padding-right: 6px !important;
    }

    .main-header .et-menu .menu-item-has-children>a:first-child:after {
        right: -16px;
    }

   /* .search-col a.et_pb_button {
    font-size: 16px !important;

    }*/

    .main-header .nav li a {
        font-size: 13px;
    }

    .waves {
        width: 165px;
        height: 165px;
        right: -71px;
        bottom: 96px;

    }

    .call-cta-resource-icon {
        right: -40px !important;
    }

    .call-cta-resource-icon span.et_pb_icon_wrap span.et-pb-icon {
        font-size: 70px;
    }
    .logo-overlay {
    left: 45.8% !important;

}
}

@media (min-width:1025px) and (max-width:1367px) {
    .main-header .et-menu.nav a {
    font-size: 12px;
}
    .mail-about-right .et_pb_blurb_content:before {
        left: -25px;
    }

   .mail-about-right .et_pb_blurb_content:before {
    width: 42%;
    left: -21px;
    /* clip-path: polygon(50% -75%, 100% 52%, 57% 150%, 0 50%); */
}

    .why_block .et_pb_blurb_description {
        height: 70px;
    }

    .mail-about-right .et_pb_blurb_content {
        padding-right: 30px;
    }

    .why_1 .why_block .et_pb_main_blurb_image {
        top: -100%;
    }
    .blog-sec h4.entry-title {
    height: 65px;
}
.search-col {
    width: 19% !important;
}
}

@media (max-width: 1024px) {

    .main-header {
        position: relative;
        width: 100%;
    }

}
@media (min-width:992px) and (max-width:1024px)  {
.main-header .et-menu.nav li {
    padding: 0 3px;
}
.main-header .et-menu.nav a {
    font-size: 12px;
}
.main-header .et_pb_row {
    width: 95% !important;
}
.blog-sec span.published {
    transform: translateY(-238%);
}
.why_block .et_pb_blurb_description {
    height: 70px;
}
.why_block h4.et_pb_module_header {
    height: 50px;
}
.why_1 .why_block .et_pb_main_blurb_image {
    top: -83%;
}
.left-content-res {

    padding-left: 5rem !important;
}
.left-content-res:before {
    left: 3rem;
}
.second-row-res .left-content-res:before {
    left: 3rem;
}
.et_pb_image.resources-cta-last-img {
    width: 29%;
    right: 13px;
}
.call-cta-resource-icon span.et-pb-icon {
    font-size: 50px !important;
}
.call-cta-resource-icon {
    top: 44% !important;
    right: -41px !important;
}
.waves {
    width: 150px;
    height: 150px;
    right: -75px;
    bottom: 76px;
}
.resource-cta-right {
    padding-left: 3%;
}
.quote-yellow-img {
    top: 77px !important;
    left: 191px !important;
}
}
@media (min-width:768px) and (max-width:991px)  {
    .cta-mail-right span.et_pb_image_wrap {
    border-radius: 206px 200px 0 0 !important;
}
.actividad-number-circle {
    right: 181px !important;
    width: 315px;
}
.process-box .et_pb_main_blurb_image {
    display: block;
    width: 100%;
}
.process-box .et_pb_blurb_content {
    max-width: 100%;
}
}
@media (max-width: 991px) {

.search-col a.et_pb_button:hover {
    padding: 7px 14px !important;
}
.search-col a.et_pb_button:hover:after{
    display: none !important;
}
    .main-header .et_pb_menu__logo-wrap {
        margin-top: 0;
    }

    .main-header .et_pb_menu__logo {
        width: 150px;
        background-color: transparent;
    }

    .main-header .et_pb_row--with-menu:before {
        background-color: transparent;
        display: none;
    }

    body .main-header.et_pb_section {
       /* background-color: #f5f5f5 !important;*/
    }

   .main-header .mobile_nav .mobile_menu_bar:before {
    color: #fff !important;
}

    .main-header ul#mobile_menu1 {
        background-color: #fff !important;
        border-top: 3px solid #6e2c8f;
    }

    body .main-header ul#mobile_menu1 li a {
        color: #666 !important;
        font-weight: 600;
    }

    body .main-header ul#mobile_menu1 li a:last-child {
        border-bottom: none;
    }

    .why_choose_bottom {
        padding-top: 0px !important;
    }
    .cta-resources .et_pb_row {
    flex-direction: column;
}
.resource-cta-right h1.et_pb_module_heading {
    font-size: 24px;
    text-align: center;
}
.et_pb_module.et_pb_image.resources-cta-last-img {
    margin-bottom: 0px!important;
    width: 57%;
    position: relative !important;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    transform: unset;
    text-align: center;
    margin-left: 0;
    margin: 0 auto;
}
.resource-cta-right  .et_pb_button_module_wrapper {
    text-align: center;
}
.et_pb_icon.call-cta-resource-icon {
    position: relative !important;
    height: 80px !important;
}
.waves-block .waves {
    right: auto;
    bottom: -99px;
    left: 22%;
}
.et_pb_icon.call-cta-resource-icon span.et-pb-icon {
    font-size: 70px;
}
.resources-row-first.first-row-res.faq-row img {
    height: 200px;
}
.video-library {
    padding-bottom: 0;
}
.video-library .et_pb_row {
    padding: 0;
}
.resources-testimonials .et_pb_slide .et_pb_slide_description {
    width: 100%;
}
.resources-testimonials .et_pb_slide .et_pb_container {
    height: 340px !important;
}
.quote-yellow-img span.et-pb-icon {
    font-size: 50px !important;
}
.quote-yellow-img {
    right: 0;
    left: auto;
    top: 72px;
}
.resources-testimonials {
    padding: 30px 0;
}
.et_pb_module.et_pb_image.star-img {
    width: 23%;
    bottom: 61px;
}
.help-center .et_pb_row:before {
    width: 86%;
}
.help-center {
    background-size: cover !important;
    position: relative;
}
.help-center:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    top: 0;
}
.help-center .et_pb_row .et_pb_button_module_wrapper {
    display: block;
    margin-right: 0;
    width: 100%;
    text-align: center;
}
.help-center .et_pb_heading_container h2.et_pb_module_heading {
    text-align: center;
}
.contact-details .et_pb_row .et_pb_column {
    width: 100% !important;
    margin-right: 0;
}
.contact-details .et_pb_row .et_pb_column span.et_pb_image_wrap {
    display: block;
}
.contact-details .et_pb_row .et_pb_column img {
    height: auto;
}
.contact-form-section .et_pb_row {
    flex-direction: column;
}
.contact-form-section .et_pb_row .et_pb_module_heading {
    text-align: center !important;
}
.contact-form-section .et_pb_row .et_pb_heading_container {
    text-align: center;
}
.contact-form-section .et_contact_bottom_container {
    margin-top: 22px;
    float: none;
    justify-content: center;
}
.cta-mail-right span.et_pb_image_wrap img {
    width: 100%;
}
.cta-mail-right span.et_pb_image_wrap {
    display: block;
}
.blog-sec .post-content-inner {

    height: 140px;
}
.blog-sec span.published {
    transform: translateY(-172%);
}
.blog-sec h4.entry-title {
    height: 65px;
}
}

@media (max-width: 991px) {

    body .main-header ul#mobile_menu1 li.menu-item-has-children .mobile-toggle {
        top: -11px !important;
        width: 35px !important;
        height: 35px !important;
        opacity: 0 !important;
    }

    .main-header .menu-item-has-children:hover .sub-menu {
        animation: unset;
    }

    .menu-col .et_pb_menu_inner_container .et_pb_menu__wrap {
        justify-content: end !important;
    }

    .search-col {
      /*  width: 40% !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: absolute;*/
        /* left: auto; */
       /* right: 37px;
        top: 50%;
        z-index: 999999;
        transform: translateY(-50%);*/
                width: 100% !important;
        justify-content: center;
        margin-top: 20px;
    }

    .search-col .et_pb_button {
    margin: 0 5px;
}

    .search-col a.et_pb_button {
        font-size: 14px !important;
    }

    .search-col .et_pb_button:hover:after {
        display: none;
    }

    .menu-col {
        margin-right: 0 !important;
        width: 100% !important;
        margin-bottom: 0;
    }

    .main-header .et_pb_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    max-width: 100%;
    flex-direction: column;
}

    .main-header .et_pb_menu .et_mobile_nav_menu {
        margin-right: -6px;
    }

    .top-header .et_pb_row {
        width: 86%;
    }

    .typing {
        text-align: unset !important;
    }

    .top-header .et_pb_text_inner {
        font-size: 10px;
        text-align: unset;
    }

    .home-banner .et_pb_row,
    .gallery-row-1 {
        width: 100% !important;
    }

    .main-title h2 {
        font-size: 21px !important;
        line-height: normal;
    }

    .gallery-row-1 {
        flex-direction: column;
    }

    .col-3 img {
        height: auto;
        object-fit: cover;
        max-width: 100%;
        width: 100%;
    }

    .our-process {
    padding: 30px 0;
}
.process-row {
    padding-top: 0;
}

    p.description-text {
        opacity: 1;
        /* display: none; */
        /* visibility: hidden; */
        position: relative;
        top: unset;
        transform: unset;
        padding: 0 15px;
    }

    .gallery-row-1 .et_pb_column {
        margin-bottom: 10px !important;
    }

    .gallery-row-1 {
        padding-top: 0 !important;
    }

    .even-box-img {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .et_pb_column.about-right {
        padding-bottom: 0;
        padding-top: 0;
    }

    .about-us .about-left span.et_pb_image_wrap {
        display: block;
    }

    .about-left img {
        height: 300px;
        width: 100% !important;
    }

    .about-right .main-title h2.et_pb_module_heading {
        padding-bottom: 0 !important;
    }

    .about-right .main-title {
        margin-bottom: 10px;
    }

    .about-right .main-title .et_pb_heading_container {
        text-align: center;
    }

    .et_pb_text_inner {
        text-align: center;
    }

    .about-right .et_pb_button_module_wrapper {
        text-align: center;
    }

    .about-us {
        padding: 30px 0;
    }

    .print-signage-special {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .print-row {
        flex-direction: column;
    }

    .print-row .et_pb_column {
        width: 100% !important;
    }

    .btn-row-border .et_pb_button_module_wrapper {
        width: 25%;
    }

    .btn-row-border .et_pb_text {
        width: 90%;
    }

    .btn-row-border a.et_pb_button {
        line-height: 1.2 !important;
        font-size: 14px;
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        padding: 0 !important;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
    }

    .btn-row-border p {
        text-align: left;
        padding-left: 17px;
    }

    .btn-row-border .et_pb_column {
        display: flex;
        align-items: center;
        justify-content: unset;
        padding: 0 0px;
    }

    .et_pb_row.btn-row-border {
        width: 95% !important;
        margin-top: 15px;
    }

    .et_pb_row {
        width: 90% !important;
    }

    .portfolio .swiper-button-next,
    .portfolio .swiper-button-prev {
        top: 50%;
        transform: translateY(-50%);
    }

    .swiper-slide h4.et_pb_module_header {
        font-size: 20px !important;
    }

    .portfolio {
        padding: 30px 0;
    }

    .blog-sec .et_pb_salvattore_content {
        flex-direction: column;
    }

    .blog-sec .column {
        width: 100% !important;
    }

    .blog-sec .column .et_pb_post {
        margin-bottom: 15px !important;
    }

    .blog-sec .post-content {
        height: auto;
    }

    .cta-mobile .visit-col {
        width: 100% !important;
        margin-bottom: 0;
        padding-bottom: 0;
        background-color: transparent;
    }

   body .et_pb_row.cta-mobile {
    padding: 0 !important;
    flex-direction: column-reverse;
    display: flex;
    /* border-radius: 0 !important; */
    background-color: #fffbe4;
    padding-bottom: 30px !important;
}

    body .et_pb_row.cta-mobile .et_pb_column_empty {
        display: block !important;
        height: 300px;
    }

    body .et_pb_row.cta-mobile .et_pb_column_empty {
        display: block !important;
        height: 300px;
        background-position: 75% 50%;
    }

    footer h3.et_pb_module_heading {
        font-weight: 500 !important;
        text-align: center !important;
        font-size: 19px !important;
    }

    .join-mail .et_pb_button_module_wrapper {
        text-align: center;
        margin-top: 20px;
    }

    footer ul.et_pb_social_media_follow {
        text-align: center;
    }

    footer .et_pb_section {
        padding-bottom: 30px;
    }

    .coprgiht .et_pb_text_inner {
        font-size: 14px;
    }

    footer .et_pb_menu__menu {
        display: block !important;
    }

    footer .et_pb_menu__wrap {
        justify-content: center !important;
    }

    footer .et_pb_menu .et_mobile_nav_menu {
        display: none;
    }

    footer nav.et-menu-nav li {
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    footer nav.et-menu-nav li.menu-item-has-children a {
        padding-right: 0 !important;
    }

    .slant-section-mobile .et_pb_slides .et_pb_container {
        height: 300px !important;
    }

    body #page-container .et_pb_section.slant-section-mobile .et_pb_slider_0.et_pb_slider .et_pb_slide_description .et_pb_more_button.et_pb_button {
        color: #fff !important;
        padding: 0 !important;
        width: 50px;
        height: 50px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .slant-section-mobile .et_pb_row {
        width: 100% !important;
    }

    /*search mobile
*/
    .main-header .et_pb_search .et_pb_searchform {
        display: none;
    }

    button#open-search-popup {
        display: block;
        position: relative;
        font-size: 0;
        color: #6e2c8f;
        background-color: transparent;
        padding: 0 !important;
        animation: none !important;
    }

    /*button#open-search-popup:after {
    font-family: 'ETMODULES';
    content: '\55';
    font-size: 32px;
    color: #b50b3e;
    margin-right: 7px;
    vertical-align: top;
    opacity: 1 !important;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 32px;
    line-height: 1em;
    opacity: 0;
    position: absolute;
    margin-left: -1em;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    font-family: ETmodules !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0;
    direction: ltr;
}
*/
    .custom-search-box {
        display: block;
    }

    .custom-search-modal {

        display: none;

        position: fixed;

        z-index: 99999;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.7);

    }

    .custom-search-overlay {

        position: absolute;

        width: 100%;

        height: 100%;

        cursor: pointer;

    }

    .custom-search-box {
        position: relative;
        width: 90%;
        max-width: 600px;
        margin: 20px auto;
        background: #fff;
        padding: 30px;
        z-index: 999999;
        border-radius: 0;
        min-height: 100vh;
    }

    .custom-search-close {

        position: absolute;

        top: 10px;

        right: 15px;

        font-size: 26px;

        cursor: pointer;

    }

    .custom-search-box form.et-search-form {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .custom-search-box form.et-search-form button.et-search-submit {
        border: none;
        background-color: transparent;
        position: absolute;
        right: 10%;
    }

    .custom-search-box form.et-search-form input.et-search-field {
        border: none;
        border-bottom: 1px solid #a9a8a8;
        width: 78%;
        position: relative;
        padding: 10px;
    }

    .custom-search-box form.et-search-form button.et-search-submit:before,
    .custom-search-box form.et-search-form button.et-search-submit:after {
        display: none !important;
    }

    .wdt-flex-banner-options {
        background-size: cover;
    }

    .process-row {
        flex-direction: column;
    }

    .process-row .et_pb_column {
        width: 100% !important;
    }

    .process-row .et_pb_column .et_pb_blurb_description h4 {
        height: auto;
    }

    .process-row .et_pb_column .et_pb_blurb_description p {
        min-height: auto;
    }

    .inner-banner {
        margin-bottom: 3rem !important;
    }

    .inner-banner {
        padding: 5rem 0 !important;
    }

    .inner-banner h1.entry-title {
        font-size: 30px !important;
    }

    .go-down-btn img {
        width: 60%;
    }

    .go-down-btn svg {
        width: 120px;
        height: 120px;
    }

    .rotate-text-row {
        bottom: -94px;
    }

    .mailing-about-row {
        flex-direction: column;
    }

    .mail-about-right .main-title .et_pb_heading_container {
        text-align: center;
    }

    .mail-about-right .main-title .et_pb_heading_container h2.et_pb_module_heading {
        text-align: center;
    }

    .why-bootm-about .why-choose-common,
    .why_choose_bottom .why-choose-common {
        flex-direction: column;
        border-bottom: none;
    }

    body .why-bootm-about .et_pb_row.why-choose-common .et_pb_column .why_block,
    body .why_choose_bottom .et_pb_row.why-choose-common .et_pb_column .why_block {
        margin-bottom: 60px !important;
    }

    .why-choose-common .why_block::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        border-inline-end: 1px dashed #959ca7;
        inset-block-start: 100%;
        inset-inline-start: 50%;
        transform: translateX(-50%);
    }

    /*.why-choose-common .why_block:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(https://otzol.net/allegra/v2/wp-content/uploads/2025/07/why-middle.png);
    left: 50%;
    bottom: -100px;
    background-size: contain;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 1;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}*/
/*    @keyframes rocketMobileAnimation {
        0% {
            top: -24px;
            left: 47%;
            opacity: 0;
            transform: scale(0.2);
        }

        5% {
            opacity: 0.5;
        }

        10% {
            opacity: 1;
            transform: scale(1);
        }

        90% {
            opacity: 1;
        }

        91% {
            opacity: 0.5;
            transform: scale(1);
        }

        100% {
            top: 100%;
            left: 47%;
            opacity: 0;
            transform: scale(0.2);
        }
    }*/

    @media only screen and (max-width: 768px) {
        .rocket {
            /*position: absolute;*/
            /* Required for top/left animation */
           /* animation: rocketMobileAnimation 5s linear infinite;*/
        }
    }
.why-choose-common .et_pb_column {
    width: 100% !important;
}
    .dot-move.rocket {
        z-index: 1;
        top: 80%;
    }

    .why-bootm-about .why-choose-common.et_pb_row,
    .why_choose_bottom .why-choose-common.et_pb_row {
        padding: 0px !important;
    }

    .why-choose-common.why_2 .why_block::after {
        inset-block-start: 124%;
    }

    .why-choose-common.why_2 .why_block:before {
        bottom: -130px;
    }

    body .why-bootm-about .et_pb_row.why-choose-common.why_2 .et_pb_column:last-child .why_block,
    body .why_choose_bottom .et_pb_row.why-choose-common.why_2 .et_pb_column:last-child .why_block {
        margin-bottom: 30px !important;
    }

    body .why-bootm-about .et_pb_row.why-choose-common.why_2 .et_pb_column:last-child .why_block:before,
    body .why-bootm-about .et_pb_row.why-choose-common.why_2 .et_pb_column:last-child .why_block:after {
        display: none;
    }

    body .why_choose_bottom .et_pb_row.why-choose-common.why_2 .et_pb_column:last-child .why_block:before,
    body .why_choose_bottom .et_pb_row.why-choose-common.why_2 .et_pb_column:last-child .why_block:after {
        display: none;
    }

    .mail-about-right .et_pb_blurb .et_pb_main_blurb_image {
        width: 100%;
        height: 200px;
        object-fit: cover;
        clip-path: none;
        overflow: hidden;
        border-radius: 20px 20px 0 0;
    }

    .mail-about-right .et_pb_blurb .et_pb_main_blurb_image img {
        width: 100%;
    }

    .mail-about-right .et_pb_blurb_content:before {
        display: none;
    }

    .mail-about-right .et_pb_blurb_content {
        border-radius: 20px;
    }

   .mail-about-right .et_pb_blurb_content {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    padding-bottom: 20px;
    width: 100%;
    max-width: 100%;
}

    .mail-about-right .et_pb_blurb_content .et_pb_blurb_container {
        text-align: center !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .mail-about-right .et_pb_blurb_content .et_pb_blurb_container h4.et_pb_module_header {
        line-height: 1.2;
    }

    .why-bootm-about {
        padding-top: 20px;
    }

    .mail-about {
        padding-top: 0;
        padding-bottom: 0;
    }

    body .mailing-updated .et_pb_row {
        flex-direction: column;
        padding-top: 30px !important;
    }

    .mailing-updated .mail-col {
        width: 100% !important;
    }

    .mail-col img {
        width: 100% !important;
    }

    .mailing-updated .mail-col span.et_pb_image_wrap {
        display: block;
    }

    .mailing-updated .mail-col h3.et_pb_module_heading {
        min-height: auto;
    }

    .mailing-updated {
        padding-bottom: 20px;
    }

    body .et_pb_row.cta-mailing-first-row {
        border-radius: 200px 200px 0px 0px;
        padding-top: 0 !important;
    }

    .et_pb_row.cta-mailing-first-row .et_pb_heading_container .et_pb_module_heading {
        text-align: center;
    }

    .cta-mail-content {
        align-items: center;
    }

    .et_pb_row.cta-mailing-first-row .et_pb_button_module_wrapper {
        margin: 0 auto;
        margin-bottom: 70px !important;
    }

    .actividad-number-circle {
        height: 210px;
        right: 49px;
    }

    .mailing-updated .et_pb_row.mail-first-row {
        padding-top: 0 !important;
    }

    .page-id-22 .inner-banner {
        margin-bottom: 6rem !important;
    }

    .inner-banner .et_pb_module.et_pb_text {
        margin-bottom: 0;
    }

    .portfolio .swiper-button-next:after,
    .portfolio .swiper-button-prev:after {
        width: 30px;
        height: 30px;
        font-size: 12px;

    }

    .portfolio .swiper-button-next {
        right: -8px;
        background-image: none;
    }

    .portfolio .swiper-button-prev {
        left: -8px;
        background-image: none;
    }

    .page-id-452 .mailing-updated .main-title {
        margin-bottom: 0;
    }

    .mail-title-row .et_pb_column {
        margin-bottom: 0;
    }

    .resource-row .et_pb_text {
        width: 100%;
    }

    .left-content-res {
        padding-left: 30px !important;
        padding-top: 30px !important;
    }

    .resources-row-first {
        flex-direction: column-reverse;
    }

    .left-content-res:before {
        left: 0;
        height: 84%;
    }

    .second-row-res .left-content-res {
        padding-right: 0;
    }

    .second-row-res .left-content-res:before {
        left: 0;
    }

    .second-row-res {
        flex-direction: column;
    }

    .resources-row-first img {
        height: 200px;
    }

    .resource-row {
        padding-bottom: 0;
    }

    .second-row-res {
        margin-bottom: 30px !important;
    }

    /*.second-row-res .left-content-res {
    padding-top: 0 !important;
}*/
    .second-row-res .et_pb_column {
        margin-bottom: 0;
    }

    /*.cta-resources  .et_pb_row {
    flex-direction: column;
}*/
    .page-id-828 .mailing-updated .mail-col {
        width: 100% !important;
    }
    .resources-inner ul li {
    text-align: left;
}
.resources-inner .et_pb_module.et_pb_heading {
    margin-bottom: 0;
}
.resources-inner p {
    text-align: left;
}
.resources-inner .et_pb_column {
    padding: 20px 10px;
    border-radius: 15px;
}
.resources-inner .et_pb_row:last-child {
    padding: 0;
}
.resources-inner {
    padding-bottom: 20px;
    padding-top: 0;
}
.resources-inner .mail-about-left {
    padding: 0;
}
.page-id-1784 .inner-banner,.page-id-1770 .inner-banner {
    margin-bottom: 20px !important;
}
.resources-testimonials .et_pb_slide .et_pb_slide_description {
    height: 232px;
}
.resources-testimonials .et_pb_slider .et-pb-arrow-prev {
    left: -11px;
    opacity: 1;
}
.resources-testimonials .et_pb_slider .et-pb-arrow-next {
    right: -11px;
    opacity: 1;
}
.paper-matrial-one .et_pb_text_inner, .paper-matrial-two .et_pb_text_inner {
    text-align: left !important;
}
.glossary-row h3.et_pb_module_heading {
    margin-bottom: 10px;
}
.our-team .et_pb_column .et_pb_blurb_container {
    text-align: center !important;
}
.our-team .join-team-btn-row {
    padding-bottom: 0;
}
.slant-slider .swiper-button-next:after, .slant-slider .swiper-button-prev:after {
    font-size: 1rem;
}
.slant-slider .swiper-button-next, .slant-slider .swiper-button-prev {
    width: 30px;
    height: 30px;
}
.et_pb_row.visit-row {
    width: 88% !important;
}
.portfolio .swiper-pagination-bullet{
    width: 15px;
}
.portfolio .swiper-pagination-bullet-active{
    height: 10px;
}
}


/*mobile reponsive*/
/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '\33';
    color: #fff;
    background: #6e2c8f;
    border-radius: 50%;
    padding: 3px;
}

/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
    position: absolute;
    right: 5%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
    position: relative;
    display: block;
    /*bottom: 10px;*/
    line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff !important;
    border-radius: 10px;
}

.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
}

.pa-block {
    display: block !important;
    height: fit-content !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding: 5% !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.et_mobile_menu .menu-item-has-children .pa-submenu {
    display: block !important;
}

.opened .et_mobile_menu {
    height: fit-content !important;
    padding: 5% !important;
}


ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: right;
    width: 100%;
}