.elementor-24 .elementor-element.elementor-element-2c27892{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:stretch;--overflow:hidden;--background-transition:0.3s;box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.14901960784313725);--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-24 .elementor-element.elementor-element-2c27892:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-2c27892 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jpmservicegroup.com/wp-content/uploads/2024/03/banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-24 .elementor-element.elementor-element-2c27892, .elementor-24 .elementor-element.elementor-element-2c27892::before{--border-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-460b94a{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:flex-end;--gap:0px 0px;--background-transition:0.3s;--z-index:5;}.elementor-24 .elementor-element.elementor-element-d2250b7 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:74px;font-weight:600;line-height:90px;}.elementor-24 .elementor-element.elementor-element-d2250b7 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-24 .elementor-element.elementor-element-ab92607 .elementor-heading-title{color:var( --e-global-color-45a2f87 );font-family:"Helvetica", Sans-serif;font-size:21px;font-weight:600;text-transform:uppercase;letter-spacing:8px;}.elementor-24 .elementor-element.elementor-element-ab92607 > .elementor-widget-container{margin:0px 0px 0px 0px;}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-ab92607{right:80px;}body.rtl .elementor-24 .elementor-element.elementor-element-ab92607{left:80px;}.elementor-24 .elementor-element.elementor-element-ab92607{bottom:14%;}.elementor-24 .elementor-element.elementor-element-7fc6320{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;bottom:14%;}.elementor-24 .elementor-element.elementor-element-7fc6320 .elementor-widget-container{text-align:right;}.elementor-24 .elementor-element.elementor-element-7fc6320 .elementor-social-icon{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-45a2f87 );}.elementor-24 .elementor-element.elementor-element-7fc6320 .elementor-social-icon i{color:var( --e-global-color-45a2f87 );}.elementor-24 .elementor-element.elementor-element-7fc6320 .elementor-social-icon svg{fill:var( --e-global-color-45a2f87 );}.elementor-24 .elementor-element.elementor-element-7fc6320 .elementor-icon{border-radius:50% 50% 50% 50%;}.elementor-24 .elementor-element.elementor-element-7fc6320 .elementor-social-icon:hover{background-color:var( --e-global-color-45a2f87 );}.elementor-24 .elementor-element.elementor-element-7fc6320 .elementor-social-icon:hover i{color:var( --e-global-color-secondary );}.elementor-24 .elementor-element.elementor-element-7fc6320 .elementor-social-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-24 .elementor-element.elementor-element-7fc6320.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-7fc6320{right:20px;}body.rtl .elementor-24 .elementor-element.elementor-element-7fc6320{left:20px;}.elementor-24 .elementor-element.elementor-element-1adeaca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:120px 0px;--flex-wrap:wrap;--background-transition:0.3s;--padding-block-start:100px;--padding-block-end:200px;--padding-inline-start:10px;--padding-inline-end:10px;}.elementor-24 .elementor-element.elementor-element-27dfc12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-0f8044e img{width:90%;max-width:100%;}.elementor-24 .elementor-element.elementor-element-0e41a28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-1eb2eb5 img{width:90%;max-width:100%;}.elementor-24 .elementor-element.elementor-element-474c873{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-f56aad5 img{width:90%;max-width:100%;}.elementor-24 .elementor-element.elementor-element-12e16a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-c2487b3 img{width:90%;max-width:100%;}.elementor-24 .elementor-element.elementor-element-e75a8c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-73d58b8 img{width:90%;max-width:100%;}.elementor-24 .elementor-element.elementor-element-30517e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-b4e52c2 img{width:90%;max-width:100%;}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-27dfc12{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-0e41a28{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-474c873{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-12e16a5{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-e75a8c0{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-30517e9{--width:33.3333%;}}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-460b94a{--min-height:400px;}.elementor-24 .elementor-element.elementor-element-d2250b7 .elementor-heading-title{font-size:44px;line-height:54px;}.elementor-24 .elementor-element.elementor-element-d2250b7 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-24 .elementor-element.elementor-element-ab92607 .elementor-heading-title{font-size:14px;letter-spacing:5px;}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-ab92607{right:60px;}body.rtl .elementor-24 .elementor-element.elementor-element-ab92607{left:60px;}.elementor-24 .elementor-element.elementor-element-ab92607{bottom:15%;}.elementor-24 .elementor-element.elementor-element-7fc6320{--icon-size:14px;}.elementor-24 .elementor-element.elementor-element-1adeaca{--gap:80px 0px;--padding-block-start:80px;--padding-block-end:80px;--padding-inline-start:10px;--padding-inline-end:10px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-460b94a{--min-height:350px;}.elementor-24 .elementor-element.elementor-element-d2250b7 .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-24 .elementor-element.elementor-element-ab92607 .elementor-heading-title{font-size:14px;letter-spacing:3px;}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-ab92607{right:40px;}body.rtl .elementor-24 .elementor-element.elementor-element-ab92607{left:40px;}.elementor-24 .elementor-element.elementor-element-ab92607{bottom:12%;}.elementor-24 .elementor-element.elementor-element-7fc6320{--icon-size:12px;bottom:10%;}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-7fc6320{right:10px;}body.rtl .elementor-24 .elementor-element.elementor-element-7fc6320{left:10px;}.elementor-24 .elementor-element.elementor-element-1adeaca{--gap:60px 0px;}.elementor-24 .elementor-element.elementor-element-27dfc12{--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:0px;--padding-inline-end:10px;}.elementor-24 .elementor-element.elementor-element-0e41a28{--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:0px;--padding-inline-end:10px;}.elementor-24 .elementor-element.elementor-element-474c873{--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:0px;--padding-inline-end:10px;}.elementor-24 .elementor-element.elementor-element-12e16a5{--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:0px;--padding-inline-end:10px;}.elementor-24 .elementor-element.elementor-element-e75a8c0{--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:0px;--padding-inline-end:10px;}.elementor-24 .elementor-element.elementor-element-30517e9{--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:0px;--padding-inline-end:10px;}}/* Start custom CSS for heading, class: .elementor-element-ab92607 */.banner-social h2 {
    transform: rotate(180deg);
    writing-mode: vertical-rl;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-7fc6320 */.elementor-24 .elementor-element.elementor-element-7fc6320 .elementor-social-icons-wrapper {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c27892 */.carousel:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 90%;
    left: 0;
    bottom: 0;
    background: #fff;
    clip-path: polygon(0 28%, 0% 100%, 100% 100%);
    /* box-shadow: 3px 6px 15px 0 #000; */
    z-index: -1;
}
.carousel::before {
    position: absolute;
    content: '';
    width: 25%;
    height: 200%;
    right: 15%;
    top: -70%;
    left: unset;
    background: #008aff45;
    transform: rotate(54deg);
    z-index: -1;
}
.main_slider:after {
    position: absolute;
    content: '';
    width: 30%;
    height: 75%;
    right: 0;
    bottom: 0;
    background: #008affe0;
    clip-path: polygon(100% 0, 0 70%, 100% 100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0f8044e */.project-image-box:after {
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgb(0 138 255 / 0%) 10%, rgb(0 138 255 / 36%) 50%, rgb(0 138 255 / 57%) 74%, rgb(0 138 255 / 61%) 94%);
    width: 90%;
    height: 0;
    left: 5%;
    bottom: 0;
    transition: .5s ease-in-out;
}
.project-image-box:hover:after {
    height: 100%;
}
.project-image-box .elementor-widget-container:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    background: #000;
    bottom: -10%;
    left: 10%;
    z-index: -1;
    transition: .2s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:before {
    background: #008aff;
}
.project-image-box .elementor-widget-container:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    border: 1px solid #212121;
    top: -5%;
    right: 0%;
    z-index: -1;
    transition: .5s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:after {
    border-color: #ff3450;
}
.project-image-box img{
    aspect-ratio: 3/4;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1eb2eb5 */.project-image-box:after {
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgb(0 138 255 / 0%) 10%, rgb(0 138 255 / 36%) 50%, rgb(0 138 255 / 57%) 74%, rgb(0 138 255 / 61%) 94%);
    width: 90%;
    height: 0;
    left: 5%;
    bottom: 0;
    transition: .5s ease-in-out;
}
.project-image-box:hover:after {
    height: 100%;
}
.project-image-box .elementor-widget-container:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    background: #000;
    bottom: -10%;
    left: 10%;
    z-index: -1;
    transition: .2s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:before {
    background: #008aff;
}
.project-image-box .elementor-widget-container:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    border: 1px solid #212121;
    top: -5%;
    right: 0%;
    z-index: -1;
    transition: .5s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:after {
    border-color: #ff3450;
}
.project-image-box img{
    aspect-ratio: 3/4;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f56aad5 */.project-image-box:after {
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgb(0 138 255 / 0%) 10%, rgb(0 138 255 / 36%) 50%, rgb(0 138 255 / 57%) 74%, rgb(0 138 255 / 61%) 94%);
    width: 90%;
    height: 0;
    left: 5%;
    bottom: 0;
    transition: .5s ease-in-out;
}
.project-image-box:hover:after {
    height: 100%;
}
.project-image-box .elementor-widget-container:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    background: #000;
    bottom: -10%;
    left: 10%;
    z-index: -1;
    transition: .2s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:before {
    background: #008aff;
}
.project-image-box .elementor-widget-container:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    border: 1px solid #212121;
    top: -5%;
    right: 0%;
    z-index: -1;
    transition: .5s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:after {
    border-color: #ff3450;
}
.project-image-box img{
    aspect-ratio: 3/4;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2487b3 */.project-image-box:after {
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgb(0 138 255 / 0%) 10%, rgb(0 138 255 / 36%) 50%, rgb(0 138 255 / 57%) 74%, rgb(0 138 255 / 61%) 94%);
    width: 90%;
    height: 0;
    left: 5%;
    bottom: 0;
    transition: .5s ease-in-out;
}
.project-image-box:hover:after {
    height: 100%;
}
.project-image-box .elementor-widget-container:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    background: #000;
    bottom: -10%;
    left: 10%;
    z-index: -1;
    transition: .2s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:before {
    background: #008aff;
}
.project-image-box .elementor-widget-container:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    border: 1px solid #212121;
    top: -5%;
    right: 0%;
    z-index: -1;
    transition: .5s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:after {
    border-color: #ff3450;
}
.project-image-box img{
    aspect-ratio: 3/4;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73d58b8 */.project-image-box:after {
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgb(0 138 255 / 0%) 10%, rgb(0 138 255 / 36%) 50%, rgb(0 138 255 / 57%) 74%, rgb(0 138 255 / 61%) 94%);
    width: 90%;
    height: 0;
    left: 5%;
    bottom: 0;
    transition: .5s ease-in-out;
}
.project-image-box:hover:after {
    height: 100%;
}
.project-image-box .elementor-widget-container:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    background: #000;
    bottom: -10%;
    left: 10%;
    z-index: -1;
    transition: .2s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:before {
    background: #008aff;
}
.project-image-box .elementor-widget-container:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    border: 1px solid #212121;
    top: -5%;
    right: 0%;
    z-index: -1;
    transition: .5s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:after {
    border-color: #ff3450;
}
.project-image-box img{
    aspect-ratio: 3/4;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b4e52c2 */.project-image-box:after {
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgb(0 138 255 / 0%) 10%, rgb(0 138 255 / 36%) 50%, rgb(0 138 255 / 57%) 74%, rgb(0 138 255 / 61%) 94%);
    width: 90%;
    height: 0;
    left: 5%;
    bottom: 0;
    transition: .5s ease-in-out;
}
.project-image-box:hover:after {
    height: 100%;
}
.project-image-box .elementor-widget-container:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    background: #000;
    bottom: -10%;
    left: 10%;
    z-index: -1;
    transition: .2s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:before {
    background: #008aff;
}
.project-image-box .elementor-widget-container:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 100px;
    border: 1px solid #212121;
    top: -5%;
    right: 0%;
    z-index: -1;
    transition: .5s ease-in-out;
}
.project-image-box:hover .elementor-widget-container:after {
    border-color: #ff3450;
}
.project-image-box img{
    aspect-ratio: 3/4;
    object-fit: cover;
}/* End custom CSS */