.elementor-kit-7{--e-global-color-primary:#F07622;--e-global-color-secondary:#F5F5F5;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-size:37px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-primary );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200%;}.e-con{--container-max-width:1200%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.main-hero-banner {
    position: relative;
}

.elementor-widget-text-editor ul {padding-bottom:20px;}

.sub-menu {padding-bottom:20px!important;}

.sub-menu .menu-item a {
    font-size:16px !important;
    padding-left:20px;
    padding-bottom:0px !important;
}

.hero-banner .swiper-slide-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: -270%;
    width: 300% !important;
    height: 100% !important;
    background: rgba(240, 118, 34, 0.6);
    transform: skewX(60deg);
    transform-origin: top left;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: screen !important;
}

.hero-banner .swiper-slide-inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: -270%;
    width: 300% !important;
    height: 100% !important;
    background: rgba(240, 118, 34, 0.99);
    transform: skewX(60deg);
    transform-origin: top left;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: multiply !important;
}

.elementor-slides .swiper-slide-inner {
    overflow: hidden;
}

.main-hero-banner .swiper-slide-active .swiper-slide-contents,.overlay-banner-content {
    position: relative;
    z-index: 23;
}

.blend-overlay {
    mix-blend-mode: overlay;
}

.benefits-box:hover::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    right: 35px;
    bottom: 35px;
    background: white;
    border-radius:3px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_766_3073)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.564103%207.50694L0.56329%208.63206L13.9835%208.61553L9.68526%2012.9137L10.4924%2013.7209L16.1421%208.07109L10.4548%202.3838L9.63563%203.1788L13.9767%207.51984L0.564103%207.50694Z%22%20fill%3D%22%23E63E2F%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_766_3073%22%3E%3Crect%20width%3D%2211.4142%22%20height%3D%2211.4142%22%20fill%3D%22white%22%20transform%3D%22translate(8.07104)%20rotate(45)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-box:hover .elementor-widget-container {
    background: #F07622;
}

.icon-box-starbms:hover .elementor-widget-container {
    background: #025995;
}

.icon-box-developer:hover .elementor-widget-container {
    background: #F07622 !important;
}

.icon-box:hover .elementor-icon-box-title span, .icon-box:hover .elementor-icon-box-description, .icon-box:hover .elementor-icon-box-title {
    color: #ffffff !important;
}

.icon-box:hover svg path {
    fill: white;
}

.iphone-movie video {
    mix-blend-mode:overlay;
}

.hero-banner .swiper-slide-contents {max-width:unset!important;width:1200px;margin:0 auto;}

.hero-banner .elementor-slide-heading, .hero-banner .elementor-slide-description {max-width:450px !important;}

.check-list .elementor-icon-list-icon {background:#ffffff;padding:7px 6px;border-radius:3px;
    margin-right:15px;
}

.sskb-accordion .e-n-accordion-item-title-icon {padding:12px; border: 1px solid #F07622;border-radius:4px;}

.sskb-accordion .e-n-accordion-item-title {z-index:99;}

.developer .e-n-accordion-item-title-icon {border:1px solid #F07622 !important;}

.starbms .e-n-accordion-item-title-icon {border:1px solid #025995 !important;}

.sskb-media-carousel .elementor-swiper-button {padding:10px;border: 1px solid #F07622;border-radius:4px;background:white;}

.sskb-media-carousel .elementor-swiper-button-prev {left:20px !important}

.sskb-media-carousel .elementor-swiper-button-next {right:20px !important}

.sskb-media-carousel .elementor-carousel-image {border-radius:5px;}

.sskb-media-carousel .swiper-slide:not(.swiper-slide-active):after {background-color:unset !important;}

.balance-text {text-wrap:balance;}

.banner-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: -285%;
    width: 300% !important;
    height: 100% !important;
    background: rgba(240, 118, 34, 1);
    transform: skewX(75deg);
    transform-origin: top left;
    z-index: 1;
    pointer-events: none;
}

@media only screen and (max-width: 1025px) {
    
  .banner-overlay::after {
    content: unset;
}}

.event-gallery, .event-gallery-second .gallery {
    display: block;
    width: 100%;
}

.event-gallery .gallery-item:nth-child(1),
.event-gallery .gallery-item img:nth-child(1) {
    max-width: 100% !important;
    width: 100% !important;

}

.event-gallery .gallery-item:nth-child(1) {
    width: 100%;
    display: block;
}

.event-gallery .gallery-item:nth-child(2),
.event-gallery .gallery-item:nth-child(3) {
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    height:450px;
    object-fit: cover;
}

.event-gallery .gallery-item:nth-child(2) img,
.event-gallery .gallery-item:nth-child(3) img {
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    height:450px;
    object-fit: cover;
}

.event-gallery-second .gallery-item {
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.event-gallery-second .gallery-item img {
    width: 100%;
    height:450px;
    object-fit: cover;
}

.event-gallery-second .gallery-item:nth-child(2n) {
    clear: none;
}

body:not(.elementor-editor-active) .hover-container .hover-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden;
    background-color: #f0f0f0;
    transition: height 0.4s ease, opacity 0.4s ease 0.2s, transform 0.4s ease;
}

body:not(.elementor-editor-active) .hover-container:hover .hover-content {
    height: 100%;
    opacity: 1;
    transform: translateY(0);
}

.feature-post-image,.post-listing-image {overflow:hidden;}

.feature-post-image::before {
    position:absolute;
    width:100%;
    height:100%;
    left:200%;
    top:0;
    content:"";
    z-index:2;
    background: rgba(240, 118, 34, 0.6);
    transform: skewX(55deg);
    transform-origin: top;
 left: -305%;
    width: 300% !important;
    overflow:hidden;
    mix-blend-mode: screen;
}

.feature-post-image::after {
    position:absolute;
    width:100%;
    height:100%;
    left:200%;
    top:0;
    content:"";
    z-index:2;
        background: rgba(240, 118, 34, 1);
    transform: skewX(55deg);
    transform-origin: top;
 left: -305%;
    width: 300% !important;
    mix-blend-mode: multiply;
    overflow:hidden;
}

.post-listing-image::before {
    position:absolute;
    width:100%;
    height:100%;
    left:300%;
    top:0;
    content:"";
    z-index:2;
    background: rgba(240, 118, 34, 0.6);
    transform: skewX(55deg);
    transform-origin: top;
    left: -325%;
    width: 300% !important;
    overflow:hidden;
    mix-blend-mode:screen;
}

.post-listing-image::after {
    position:absolute;
    width:100%;
    height:100%;
    left:300%;
    top:0;
    content:"";
    z-index:2;
    background: rgba(240, 118, 34, 1);
    transform: skewX(55deg);
    transform-origin: top;
    left: -325%;
    width: 300% !important;
    overflow:hidden;
    mix-blend-mode: multiply;
}

.sskb-pagination .prev-next {
    border:1px solid #ED7723;
    border-radius:5px;
    padding: 0px;
    color:#E63E2F !important;
}

.sskb-pagination .prev .jet-filters-pagination__link::before {
    content: url("https://sskbdevcon.wpenginepowered.com/wp-content/uploads/2024/11/arrow-left.svg");
}

.sskb-pagination .next .jet-filters-pagination__link::before {
    content: url("https://sskbdevcon.wpenginepowered.com/wp-content/uploads/2024/11/arrow-right.svg");
}

.sskb-pagination .prev-next.prev-next .jet-filters-pagination__link {padding:5px 5px 0px!important;}

.post-content-box .jet-listing-dynamic-repeater__items {flex-direction:column;}

.post-content-box .jet-listing-dynamic-repeater__item {margin-bottom:20px;background:#F5F5F5;padding:40px;border-radius:5px;}

.post-content-box-title {
    color: #000;
    font-family: Archivo;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom:10px;
}

.post-content-box-content {
    color: #3A3A3A;
    font-family: Archivo;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.elementor-swiper-button {
    padding: 5px !important;
    border: 1px solid #F07622 !important;
    border-radius: 3px !important;
}

.e-expanded {color:blue !important;}

.e-n-menu-title:has(button[aria-expanded="true"]) {
    span.e-n-menu-title-text {
        color: #F07622 !important;
    }
    svg {
        fill: #F07622 !important;
    }
}

.mcbutton {
    top:22px !important;
    right:20px!important;
}

.x-scrollable {
    width: 100%;
  overflow-x: auto;
  touch;}
  
  .hero-banner .elementor-swiper-button {border:0!important;}
  
  .page-id-312 svg path {fill:#F07622}/* End custom CSS */