.elementor-352 .elementor-element.elementor-element-099efc9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-352 .elementor-element.elementor-element-099efc9:not(.elementor-motion-effects-element-type-background), .elementor-352 .elementor-element.elementor-element-099efc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111E40;}.elementor-352 .elementor-element.elementor-element-099efc9::before, .elementor-352 .elementor-element.elementor-element-099efc9 > .elementor-background-video-container::before, .elementor-352 .elementor-element.elementor-element-099efc9 > .e-con-inner > .elementor-background-video-container::before, .elementor-352 .elementor-element.elementor-element-099efc9 > .elementor-background-slideshow::before, .elementor-352 .elementor-element.elementor-element-099efc9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-352 .elementor-element.elementor-element-099efc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://bs-23usa.yahyacomputerstore.com/wp-content/uploads/2025/10/brand-pattern-1.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;}.elementor-352 .elementor-element.elementor-element-4921d8a{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-352 .elementor-element.elementor-element-59580c3{text-align:center;}.elementor-352 .elementor-element.elementor-element-59580c3 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#3DA1FF;}.elementor-352 .elementor-element.elementor-element-a235616{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 60px 0px 60px;text-align:center;}.elementor-352 .elementor-element.elementor-element-a235616 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:52px;font-weight:500;line-height:66px;letter-spacing:-2.48px;color:#F9FAFB;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-352 .elementor-element.elementor-element-6fb4bb2{text-align:center;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;line-height:28px;color:#E5E7EB;}.elementor-352 .elementor-element.elementor-element-9ac30ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-352 .elementor-element.elementor-element-2c25b0b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-352 .elementor-element.elementor-element-099efc9{--content-width:768px;}.elementor-352 .elementor-element.elementor-element-9ac30ac{--content-width:1320px;}}@media(max-width:1024px){.elementor-352 .elementor-element.elementor-element-099efc9{--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-352 .elementor-element.elementor-element-a235616{padding:0px 60px 0px 60px;}.elementor-352 .elementor-element.elementor-element-a235616 .elementor-heading-title{font-size:48px;line-height:56px;}.elementor-352 .elementor-element.elementor-element-6fb4bb2{padding:0px 60px 0px 60px;font-size:16px;line-height:24px;}.elementor-352 .elementor-element.elementor-element-9ac30ac{--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-352 .elementor-element.elementor-element-099efc9{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-352 .elementor-element.elementor-element-59580c3 .elementor-heading-title{font-size:14px;line-height:21px;}.elementor-352 .elementor-element.elementor-element-a235616{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;padding:0px 0px 0px 0px;}.elementor-352 .elementor-element.elementor-element-a235616 .elementor-heading-title{font-size:30px;line-height:42px;letter-spacing:-1px;}.elementor-352 .elementor-element.elementor-element-6fb4bb2{padding:0px 0px 0px 0px;font-size:14px;line-height:21px;}.elementor-352 .elementor-element.elementor-element-9ac30ac{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for visual-portfolio, class: .elementor-element-3d41651 */.vp-portfolio__filter-wrap{
    padding-bottom: 40px;
    border-bottom: 1px solid #E6EFF5;
}

.vp-portfolio__items-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
}

.vp-filter__style-default{
gap:12px;}

.vp-filter__style-default .vp-filter__item>* {
    padding: 1px 16px;
    background: #E9F5F9 !important;
    border-radius:40px;
    color: #496D7C !important;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.18px;
}

.vp-filter__style-default .vp-filter__item>a:focus, .vp-filter__style-default .vp-filter__item>a:hover{
    background:#4992C1;
    color:#F5F8FB;
}

.vp-filter__style-default .vp-filter__item.vp-filter__item-active>* {
    background:#4992C1 !important;
    color:#F5F8FB !important;
}

.vp-pagination__style-default .vp-pagination__item>*{
    padding: 20px 40px;
    background: #4992C1 !important;
    border-radius: 40px;
    color: #FFF !important;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
}

.vp-pagination__style-default .vp-pagination__item>a:focus, .vp-pagination__style-default .vp-pagination__item>a:hover {
    background: #4992C1 !important;
    color: #FFF !important;
}
.vp-portfolio__items-style-default .vp-portfolio__item-img-wrap {
    margin-bottom: 24px;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta {
    padding: 0px;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category {
    background: #E6EFF5 !important;
    padding: 1px 16px;
    border-radius: 50px;
    color: #496D7C !important;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.18px;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category:hover{
    background: #4992C1 !important;
    color: #FFF !important;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a:hover{
   
    color: #FFF !important;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta>* {
    margin-bottom: 0px;
}

.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-left .vp-portfolio__item-meta-categories {
    margin-bottom: 12px;
}

.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-left .vp-portfolio__item-meta-categories {
    margin-bottom: 12px;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-title {
    color: #11172C !important;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.48px;
    margin-bottom: 8px;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-title a:hover{
    color:#4992C1;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt {
    color: #496D7C !important;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 20px;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-read-more{
    color: #4992C1 !important;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}




@media only screen and (max-width: 1024px) {
    
    .vp-filter__style-default .vp-filter__item>* {
    font-size: 14px;
    line-height: 28px;
}

  .vp-portfolio__items-style-default .vp-portfolio__item-meta-title {
    font-size: 20px;
    line-height: 30px;
}
.vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt {
    font-size: 16px;
    line-height: 24px;
}
.vp-pagination__style-default .vp-pagination__item>* {
    padding: 16px 32px;
}
}

@media only screen and (max-width: 767px) {
    
    .vp-filter__style-default {
    gap: 8px;
}

    .vp-filter__style-default .vp-filter__item>* {
    font-size: 12px;
    line-height: 24px;
}
    
    .vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category {
    font-size: 14px;
    line-height: 26px;
}

  .vp-portfolio__items-style-default .vp-portfolio__item-meta-title {
    font-size: 18px;
    line-height: 28px;
}
.vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt {
    font-size: 14px;
    line-height: 21px;
}
.vp-portfolio__items-style-default .vp-portfolio__item-meta-read-more {
    font-size: 14px;
    line-height: 21px;
}
.vp-pagination__style-default .vp-pagination__item>* {
    font-size: 14px;
    line-height: 21px;
    padding: 12px 24px;
}
}/* End custom CSS */