.home-hero-slider .wp-block-broobe-blocks-carousel-slider .swiper-container .swiper-wrapper .swiper-slide {
    box-shadow: unset;
}

.gb-grid-wrapper.gb-grid-wrapper-277770ca.swiper-wrapper.gb-query-loop-wrapper{
    flex-wrap: nowrap;
}
.home-awards-rating .swiper-wrapper{
    align-items: center!important;
}
/* Vertical Tabs Enhancements*/
.vertical-tab-item-content:last-child.active-tab .wp-block-blocky-gutenberg-blocks-vertical-tabs> div {
    width: 100%;
}

.vertical-tab-item-content:last-child.active-tab .wp-block-blocky-gutenberg-blocks-vertical-tabs {
    flex-direction: column;
}

.vertical-tab-item-content:last-child.active-tab .wp-block-blocky-gutenberg-blocks-vertical-tabs ul.vertical-tab-items-list {
    display: flex;
}

.home-solutions .vertical-tab-content img {
    height: 232px;
}

p.vertical-tab-description {
    margin-bottom: 32px;
    color: var(--gray-800);
}
.vertical-tab-items-title.selected span svg path {
    fill: #fff;
}

.vertical-tab-items-title.selected {
    color: var(--secondary-dark);
    text-decoration: underline;
    font-weight: 700;
}

.vertical-tab-items-title.selected span {
    background: var(--secondary-dark);
    padding: 8px;
    border-radius: 48px;
    display: flex;
    transition: backgroun .3s;
}

.vertical-tab-items-title span {
    padding: 8px;
    max-height: 32px;
}


li.vertical-tab-items-title {
    padding: 8px;
    align-items: center;
    transition: margin-left .3s, color .3s;
    font-weight: 500;
    color: var(--gray-600);
}

h3.vertical-tab-title {
    padding-bottom: 16px;
    font-size: 60px;
    line-height: 120%;
    text-decoration: none;
    color: var(--secondary-dark);
}


.home-solutions > div > div.vertical-tab-info {
    border-right: 1px solid var(--primary-light);
    max-width: 486px;
}

.home-solutions > div > div.vertical-tab-content {
    padding-left: 24px;
    width: 60%;
}

.all-solutions li.vertical-tab-items-title.selected {
    color: var(--primary-dark);
    font-weight: 700;
}

.all-solutions li.vertical-tab-items-title span {
    display: none;
}

.all-solutions li.vertical-tab-items-title {
    font-weight: 500;
    width: fit-content;
}

.all-solutions ul {
    justify-content: space-between;
}

.all-solutions .vertical-tab-info h3, .all-solutions .vertical-tab-info p {
    display: none;
}

.all-solutions .wp-block-blocky-gutenberg-blocks-vertical-tabs {
    gap: 24px;
}

.all-solutions .wp-block-blocky-gutenberg-blocks-vertical-tabs .vertical-tab-info {
    padding-top: 24px;
}

@keyframes slideIn {

    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


.animated-item {
    opacity: 0;
    transform: translateX(50px);
    animation: slideIn 0.5s ease forwards;
}


.animated-item:nth-child(1) { animation-delay: 0s; }
.animated-item:nth-child(2) {animation-delay: 0.2s;}
.animated-item:nth-child(3) {animation-delay: 0.3s;}
.animated-item:nth-child(4) {animation-delay: 0.4s;}


/* End vertical tabs enhancements*/

.home-partners img {
    object-fit: contain;
}

.industry-card:hover img {
    transform: scale(1.1);
}

.industry-card img{
    transition: transform .2s ease-in;
}

.solutions-card:hover:before{
    transform: scale(1.3)
}

.solutions-card:before{
    transition: transform .2s ease-in!important;
}

.swiper-success-stories .story-button svg {
    right: 10px;
    transform: translateX(30px);
    opacity: 0;
    transition: all 0.3s ease;
}

.swiper-success-stories .swiper-slide:hover .story-button{
    padding-right: 40px;
}

.swiper-success-stories .swiper-slide:hover .story-button svg {
    transform: translateX(0);
    opacity: 1;
}
.swiper-success-stories .story-button {
    cursor: pointer;
    transition: all 0.3s ease;
}

.swiper-success-stories:hover .story-button span.gb-button-text{
    color: var(--secondary-light);
}

.swiper-success-stories .swiper-slide{
    height: unset!important;
}

.swiper-success-stories .swiper-slide:hover p:has(.post-term-item) {
    background-color: var(--secondary-light);
}

.swiper-success-stories .swiper-slide p:has(.post-term-item){
    transition: background-color .2s ease-in;
}

.industry-card figure {
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

section .feature-card:hover .benefits-bg{
    background-color: var(--secondary-dark);
}

section .feature-card .benefits-bg{
    transition: background-color .2s ease-in;
}

.home-hero-slider .swiper{
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.home-hero-slider .swiper-pagination{
    position: initial !important;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.home-hero-slider .swiper-pagination .swiper-pagination-bullet{
    margin: 0 !important;
    border-radius: 11px;
    height: 1rem;
    width: 1rem;
}

.home-hero-slider .swiper-pagination-bullet-active {
    width: 40px !important;
}

.home-hero-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    transition: .5s;
}

.home-industry-leaders .wp-block-broobe-blocks-carousel-slider .swiper-container .swiper-wrapper .swiper-slide {
    box-shadow: unset;
}

.home-industry-leaders,
.home-why-ipfone,
.home-industry-awards,
.home-crm-integration {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.016) 0%, rgba(0, 0, 0, 0) 16.15%), #FFFFFF;
}

.tools-home {
    justify-content: space-between;
}

.tools-home > div > div {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}

.tools-home > div > div:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.tools-home > div:hover span.gb-button {
    background-color: var(--ipfone-light-blue);
    border-radius: 8px;
    color: var(--base-3);
}

.tools-home > div:hover p {
    color: var(--dark);
}

.tools-home > div:hover a.gb-button {
    background-color: var(--ipfone-light-blue);
    color: var(--base-3);
    width: 100%;
}

.tools-home > div > div.gb-container > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%!important;
}

.tools-home div:hover span.gb-icon svg path {
    fill: var(--base-3);
}

.tools-home > div:hover rect:first-child {
    fill: #002266;
}

.tools-home > div:hover .tools-home-logos > span {
    background-color: var(--ipfone-blue);
}

.tools-home .tools-home-logos > span {
    background-color: var(--ipfone-orange);
    padding: 20px;
    border-radius: 30px;
}

.home-tailored-solutions > div > div {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}

.home-tailored-solutions > div > div:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.why-ipfone-icons {
    box-shadow: 0 4.875px 12.1875px rgb(0 0 0 / 25%);
    border-radius: 20.25px;
    padding: 10px;
}

.home-choose-us .wp-block-broobe-blocks-carousel-slider .swiper-container .swiper-wrapper .swiper-slide {
    box-shadow: unset;
}

.home-choose-us .swiper-slide .gb-inside-container p.gb-headline.gb-headline-text {
    min-height: unset;
}

p.home-client-text {
    position: relative;
}

p.home-client-text:before {
    content: "";
    position: absolute;
    background-image: url('../icons/quotation-text-open.svg');
    width: 20px;
    height: 16px;
    top: -24px;
    left: 0;
}

p.home-client-text:after {
    content: "";
    position: absolute;
    background-image: url('../icons/quotation-text-close.svg');
    width: 19px;
    height: 16px;
    bottom: -12px;
    right: 0;
}

.home-choose-us .swiper-pagination-bullet-active {
    width: 40px !important;
    height: 16px;
    border-radius: 11px;
}

.home-choose-us .swiper-pagination-bullet {
    width: 1em;
    height: 1em;
}

.home-choose-us .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    transition: .5s;
}

.home-industry-awards .wp-block-broobe-blocks-carousel-slider .swiper-container .swiper-wrapper .swiper-slide {
    box-shadow: unset;
}

.home-crm-integration .wp-block-broobe-blocks-carousel-slider .swiper-container .swiper-wrapper .swiper-slide {
    box-shadow: unset;
}

.home-latest-news {
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}

.home-latest-news > div {
    align-items: flex-start;
    height: 496px;
    gap: 40px;
    display: flex;
    flex-direction: column;
}

.home-latest-news .post-metadata {
    display: flex;
    height: 100%;
}

.home-latest-news .post-metadata > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 32px 36px 32px;
    /*gap: 24px;*/
    flex: auto;
}

.home-latest-news:hover {
    box-shadow: 0px 0px 40px rgb(0 0 0 / 15%);
    border-radius: 8px;
}

.home-latest-news:hover .home-blog-button a,
.home-latest-news:hover .home-blog-button svg path {
    color: var(--ipfone-secondary-blue);
    fill: var(--ipfone-secondary-blue) !important;
}


.home-tools-text {
    min-height: 90px;
}

.home-tools-headline span.gb-headline-text {
    min-height: 63px;
}

p.gb-headline-9f949f76 {
    min-height: 85px;
}

.display-client-name {
    display: none;
}

.home-blog-button svg,
.home-tailored-solutions svg {
    display: none;
}

.home-latest-news:hover svg,
.home-tailored-solutions .gb-grid-column:hover svg {
    display: block;
}

.home-tailored-solutions img {
    width: 100%;
}

.accordion-container {
    padding: 0 32px;
    border-bottom: 1px solid var(--ipfone-orange);
    position: relative;
}

.wp-block-blocky-gutenberg-blocks-accordion .accordion-container h2 {
    color: var(--gray-500);
    padding: 20px 0;
    justify-content: space-between;
}

.wp-block-blocky-gutenberg-blocks-accordion {
    padding: 0 32px;
}

.accordion-container h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.is-opened {
    background-color: var(--ipfone-orange);
    border-radius: 10px;
}

.is-opened h2 {
    color: var(--base-3) !important;
}

.wp-block-blocky-gutenberg-blocks-accordion .panel-container.show {
    padding: 24px 32px 0;
    border-bottom: 1px solid var(--ipfone-orange);
}

.separate-containers .site-main {
    margin-bottom: 0;
}
.home-choose-us .swiper-autoheight,
.home-crm-integration .swiper-autoheight{
    padding: 0!important;
}

.home-hero-slider .swiper-slide .gb-inside-container p.gb-headline.gb-headline-text {
    min-height: unset;
}


.home-choose-us .swiper{
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.home-choose-us .swiper-pagination{
    position: initial;
    display: flex;
    justify-content: center;
    gap: 20px;
}
/*.separate-containers .inside-article{*/
/*    padding: 16px!important;*/
/*}*/
/* Tablet Responsive*/
/*@media (min-width: 768px) and (max-width: 1200px) {*/
/*    .separate-containers .site-main {*/
/*        margin-bottom: 0;*/
/*    }*/

/*    !*.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {*!*/
/*    !*    padding: 0 !important;*!*/
/*    !*}*!*/
/*}*/

@media (min-width: 1240px) {

    .main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
        padding: 0 16px !important;
    }
}

@media (max-width: 1024px) {
    .home-hero-slider .wp-block-blocky-gutenberg-blocks-carousel-slider-slide .gb-grid-wrapper {
        flex-direction: column-reverse;
    }

    .main-navigation.has-branding .inside-navigation.grid-container {
        padding: 0 16px !important;
    }
    #hero-section:before{
        content: unset!important;
    }
    h3.vertical-tab-title{
        font-size: 32px;
    }
}

@media (min-width: 1024px) and (max-width: 1240px) {
    /*.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container, .secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container, .inside-header, #sticky-navigation {*/
    /*    padding: 0 16px !important;*/
    /*}*/
    /*.separate-containers .inside-article{*/
    /*    padding: 16px!important;*/
    /*}*/
    /*.main-footer, .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{*/
    /*    padding: 16px!important;*/
    /*}*/
}

/* Mobile Responsive*/

@media (max-width: 768px) {
    ul.vertical-tab-items-list{
        display: block;
        overflow: scroll;
    }
    .home-solutions > div > div.vertical-tab-info{
        border-right: unset;
        border-bottom: 1px solid var(--primary-light)
    }
    .home-solutions > div > div.vertical-tab-content{
        width: 100%;
    }
    .home-solutions > div > div.vertical-tab-content{
        padding: 0;
    }
    .home-solutions .vertical-tab-item-content{
        display: none;
    }
    .home-solutions .vertical-tab-content img{
        height: 112px!important;
    }
    .all-solutions li.vertical-tab-items-title{
        white-space: nowrap;
    }
    ::-webkit-scrollbar{
        display: none;
    }
    /*.separate-containers .inside-article {*/
    /*    padding: 0 !important;*/
    /*}*/

    .separate-containers .site-main {
        margin-bottom: 0;
    }

    .swiper-autoheight {
        padding: 0;
    }

    h4.home-blog-title {
        min-height: unset;
    }

    .tools-home {
        margin-bottom: 0;
    }

    .home-tools-headline span.gb-headline-text {
        min-height: unset;
    }

    .home-onsite-installation {
        background-color: var(--ipfone-blue)
    }

    .home-onsite-installation:before {
        content: none !important;
    }

    .home-hero-slider .wp-block-blocky-gutenberg-blocks-carousel-slider-slide .gb-grid-wrapper {
        flex-direction: column-reverse;
    }

    .wp-block-blocky-gutenberg-blocks-accordion {
        padding: 0;
    }

    p.home-client-text:after {
        bottom: -30px;
    }
}
