/* style for tab  start*/
.service-con:hover {
    z-index: 1;
}
/* style for tab  end*/

/*style banner  Client’s Good Book  sec slider style start*/
.vertical-slider .slide {
            background-color: #337ABE1A;
            padding: 24px 77px 16px 25px;
            :;
            position: relative;
            border-radius: 15px;
        }
        .vertical-slider .slick-current div.slide{
            background-color: #F5F5F5;
        }
        .vertical-slider .slick-slide {
          margin-bottom: 20px;
        }
        .vertical-slider .slide p {
            font-family: DM Sans;
            font-weight: 400;
            font-size: 18px;
            line-height: 32px;
            margin: 0;
            color:#2E2E2E;
        }

        .vertical-slider .slide .title {
            display: flex;
            flex-direction: column;
            align-items: end;
            margin-top: -16px;
        }

        .vertical-slider .slide .title h4 {
            font-family: Sora;
            font-weight: 600;
            font-size: 20px;
            line-height: 25px;
            margin: 0;
            color: #337ABE;
        }

        .vertical-slider .slide .title p {
            font-family: Sora;
            font-weight: 500;
            font-size: 16px;
            line-height: 20px;
            margin: 0;
        }
        .vertical-slider .slide span.quotes {
            position: absolute;
            top: 27px;
            right: 23px;
        }

        .vertical-slider .slide > p {
            width: 519px;
            margin-top: 7px;
        }

        .vertical-slider .slide:before {
            position: absolute;
            content: "";
            height: 98px;
            width: 5px;
            background-color: #337ABE;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            border-radius: 20px;
        }
        .vertical-slider .slick-current .slide:before {
            background-color: #D9D9D9;
        }
        .vertical-slider button.custom-arrow {
            width: 67px;
            height: 68px;
            border-radius: 10px;
            border-color: #D9D9D9;
            background-color: #D9D9D9;
            position: absolute;
            z-index: 1;
        }
        .vertical-slider button.slick-prev.custom-arrow {
            left: -98px;
            bottom: 65px;
        }
        .vertical-slider button.slick-next.custom-arrow {
            left: -164px;
            bottom: 35px;
        }
        .vertical-slider button.custom-arrow:hover{
            background-color: #337ABE;
        }
        .vertical-slider button.custom-arrow:hover svg path{
            fill: white;
        }
/*style banner  Client’s Good Book  sec slider style start*/

/*our-top-services sec slider home page start*/
        .our-top-services .service-box {
            background-color: #337ABE1A;
        }
        .our-top-services .service-box h3 {
            font-family: Sora;
            font-weight: 600;
            font-size: 24px;
            line-height: 40px;
            text-align: center;
            margin: 24.89px 0 19px 0;
        }
        .our-top-services .service-box p {
            font-family: DM Sans;
            font-weight: 400;
            font-size: 18px;
            line-height: 32px;
            text-align: center;
            margin: 0;
        }
        .our-top-services .slick-slide img {
            display: none;
        }
        .our-top-services  .button span {
            margin: 5px 0 0 2px;
        }
        .our-top-services .service-box {
            height: 384px;
            padding: 71px 34px 25px 35px;
            justify-content: center;
            display: flex !important;
            flex-direction: column;
            align-items: center !important;
            border-radius: 30px;
            justify-content: center;
        }
        .our-top-services .slick-current + div.slick-slide div div.service-box {
            height: 764.97px;
            background-color: unset;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: relative;
            top: 44px;
            justify-content: start;
            padding: 67px 21px 0 31px !important;
            width: 466px !important;
            min-width: 466px !important;
            z-index: 2;
            margin: 0 0 0 -40px;
        }
        .our-top-services .slick-current + div.slick-slide div div.service-box {
            opacity: 0;
            transform: translateY(50px);
            animation: delayedEffect 0.8s ease-in-out 0.3s forwards; /* 1s delay */
        }

        @keyframes delayedEffect {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .our-top-services:before {
            position: absolute;
            content: "";
            background-image: url("https://www.911digital.com.au/wp-content/uploads/2026/01/Phone.png");
            width: 522px;
            height: 765px;
            left: 50%;
            transform: translateX(-50%);
            top: 55px;
            z-index: 1;
        }
        .our-top-services .all-access-pass {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            bottom: 70px;
            z-index: 1;
        }
        .our-top-services  .slick-slide {
            margin: 0 26px;
        }
        .our-top-services  .service-slider .slick-track {
            display: flex;
           align-items: end;
        }
        .our-top-services  .service-slider .slick-current + div.slick-slide div div.service-box img {
            display: block;
            width: 100% !important;
            margin-top: 12px;
        }
        .our-top-services .service-slider .slick-current + div.slick-slide div div.service-box h3 {
            margin: 15.79px 0 10px 0;
        }
        .our-top-services ul.slick-dots {
            display: flex;
            list-style-type: none;
            gap: 4px;
            margin: 0;
            width: 300px;
            height: 70px;
            background-color: #57B1E31A;
            border-radius: 50px;
            align-items: center;
            padding: 0 33px 0 14px !important;
        }
        .our-top-services ul.slick-dots {
            display: flex;
            list-style-type: none;
            padding: 0;
        }
        .our-top-services ul.slick-dots li button {
            font-size: 0;
            padding: 0;
            width: 28px;
            height: 7px;
            background-color: #B1B1B1;
            border: unset;
            border-radius: 20px;
        }
        .our-top-services ul.slick-dots li.slick-active button {
            width: 45px;
            background-color: #337ABE !important;
        }
        .our-top-services{
            position: relative;
        }
        .our-top-services .button {
            margin-left: -60px;
            background: #337ABE;
            width: 71px;
            height: 71px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            cursor: pointer;
        }
        .our-top-services .service-box svg{
            width: 109px;
            height: 80px;
        }
/* all-access-pass animation*/
#all-access-pass {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    transition:
        opacity 400ms cubic-bezier(0.3,2,0.5,1),
        transform 400ms cubic-bezier(0.3,2,0.5,1);
}

#all-access-pass.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}
#all-access-pass .button {
    opacity: 0;
    transform: scale(0.5);
    transition:
        opacity 400ms cubic-bezier(0.3,2,0.5,1),
        transform 400ms cubic-bezier(0.3,2,0.5,1);
}
#all-access-pass.is-visible .button {
    opacity: 1;
    transform: scale(1);
}

/*our-top-services sec slider home page start*/