.elementor-1692 .elementor-element.elementor-element-05bc27f{--display:flex;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1692 .elementor-element.elementor-element-bea2919 .elementor-heading-title{font-size:35px;font-weight:600;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(50px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(50px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(50px/2);margin-left:calc(50px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-50px/2);margin-left:calc(-50px/2);}body.rtl .elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-50px/2);}body:not(.rtl) .elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-50px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-icon{width:14px;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-icon i{font-size:14px;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1692 .elementor-element.elementor-element-f4fb63f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-1692 .elementor-element.elementor-element-05bc27f{--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1692 .elementor-element.elementor-element-bea2919{text-align:center;}.elementor-1692 .elementor-element.elementor-element-bea2919 .elementor-heading-title{font-size:29px;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(40px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(40px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(40px/2);margin-left:calc(40px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-40px/2);margin-left:calc(-40px/2);}body.rtl .elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-40px/2);}body:not(.rtl) .elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-40px/2);}.elementor-1692 .elementor-element.elementor-element-f4fb63f{--padding-top:25px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-1692 .elementor-element.elementor-element-05bc27f{--margin-top:130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1692 .elementor-element.elementor-element-bea2919 .elementor-heading-title{font-size:23px;line-height:28px;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5{padding:0px 15px 0px 15px;}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(20px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(20px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(20px/2);margin-left:calc(20px/2);}.elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-20px/2);margin-left:calc(-20px/2);}body.rtl .elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-20px/2);}body:not(.rtl) .elementor-1692 .elementor-element.elementor-element-7ddc2d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-20px/2);}.elementor-1692 .elementor-element.elementor-element-f4fb63f{--padding-top:15px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for container, class: .elementor-element-f4fb63f *//* ===== MAIN LAYOUT ===== */ .project-gallery-layout { display: grid; grid-template-columns: 70% 30%; gap: 20px; align-items: start; } /* ===== PREVIEW SECTION ===== */ .project-preview { width: 100%; overflow: hidden; } .project-slider { position: relative; width: 100%; overflow: hidden; border-radius: 12px; } /* SINGLE PREVIEW IMAGE */ .project-slide { display: none; width: 100%; height: 650px; object-fit: cover; border-radius: 12px; } /* ACTIVE IMAGE ONLY */ .project-slide.active { display: block; } /* ===== ARROWS ===== */ .project-prev, .project-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 45px; height: 45px; border: none; border-radius: 50%; background: rgba(0,0,0,0.65); color: #fff; font-size: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s ease; } .project-prev:hover, .project-next:hover { transform: translateY(-50%) scale(1.05); } .project-prev { left: 15px; } .project-next { right: 15px; } /* ===== THUMB GRID ===== */ .project-thumb-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } .project-thumb { width: 100%; height: 120px; object-fit: cover; border-radius: 10px; cursor: pointer; border: 3px solid transparent; transition: 0.2s ease; } .project-thumb:hover { transform: scale(1.03); } .project-thumb.active { border-color: #111; } /* ===== TABLET ===== */ @media (max-width: 1024px) { .project-gallery-layout { grid-template-columns: 1fr; } .project-preview { order: 1; } .project-thumb-grid { order: 2; grid-template-columns: repeat(3,1fr); margin-top: 15px; } .project-slide { height: 450px; } } /* ===== MOBILE ===== */ @media (max-width: 767px) { .project-thumb-grid { grid-template-columns: repeat(2,1fr); } .project-slide { height: 300px; } .project-prev, .project-next { width: 38px; height: 38px; font-size: 18px; } }/* End custom CSS */