.elementor-421 .elementor-element.elementor-element-9e50514{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.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-421 .elementor-element.elementor-element-699342a.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-699342a{text-align:center;}.elementor-421 .elementor-element.elementor-element-699342a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;color:#000000;}.elementor-421 .elementor-element.elementor-element-5c2a103{--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:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.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-421 .elementor-element.elementor-element-7596859{padding:0px 200px 0px 60px;text-align:start;font-family:"Poppins", Sans-serif;font-weight:400;color:#000000;}.elementor-421 .elementor-element.elementor-element-7596859.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-aaf41e5{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-1355f95{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-1355f95.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-b76f677{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-0908703{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-0908703.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-a9b151d{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-164fdc2{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-164fdc2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-008f6b2{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-b8cd286{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-b8cd286.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-d4c9363{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-9f97395{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-9f97395.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-3216441{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-452116d{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-452116d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-09a2fa7{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-a00269d{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-a00269d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-b3bc732{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-91a4210{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-91a4210.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-51d56a1{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-908b079{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-908b079.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-c1eb1ce{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-9691cc8{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-9691cc8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-86ecc83{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-373da8f{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-373da8f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-fb7ec2f{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-79555d8{width:var( --container-widget-width, 101.592% );max-width:101.592%;--container-widget-width:101.592%;--container-widget-flex-grow:0;}.elementor-421 .elementor-element.elementor-element-79555d8.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-421 .elementor-element.elementor-element-699342a .elementor-heading-title{font-size:25px;}.elementor-421 .elementor-element.elementor-element-5c2a103{--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-421 .elementor-element.elementor-element-7596859{width:var( --container-widget-width, 484px );max-width:484px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 17px;--container-widget-width:484px;--container-widget-flex-grow:0;text-align:justify;font-size:14px;}.elementor-421 .elementor-element.elementor-element-aaf41e5{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-1355f95{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-2px 0px 0px 0px;}.elementor-421 .elementor-element.elementor-element-b76f677{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-a9b151d{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-008f6b2{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-d4c9363{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-3216441{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-09a2fa7{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-b3bc732{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-51d56a1{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-c1eb1ce{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-86ecc83{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-421 .elementor-element.elementor-element-fb7ec2f{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-421 .elementor-element.elementor-element-9e50514{--content-width:1300px;}.elementor-421 .elementor-element.elementor-element-5c2a103{--content-width:1300px;}}/* Start custom CSS for html, class: .elementor-element-1355f95 */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0908703 */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-164fdc2 */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8cd286 */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f97395 */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-452116d */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a00269d */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91a4210 */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-908b079 */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9691cc8 */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-373da8f */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79555d8 */.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 180%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* এক লাইনে 4টা box */
    gap: 30px;
    justify-items: center;
}

.portfolio-grid .box{
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    width: 110%;          /* box width full */
    max-width: 300px;     /* চাইলে max width fix */
    border-radius: 5px;
}

.portfolio-grid .box a{
    display: block;
    text-decoration: none;
}

.portfolio-grid .box img{
    width: 100%;          /* box অনুযায়ী image বড় হবে */
    height: 250px;        /* সব image same height */
    object-fit: cover;    /* image proportion ঠিক রাখবে */
    border-radius: 5px;
    transition: transform 0.4s ease; /* hover zoom */
}

.portfolio-grid .box:hover img{
    transform: scale(1.07);
}

.portfolio-grid .box h3{
    color: #333333;      
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

/* Responsive */
@media(max-width: 900px){
    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* mobile gap added */
        padding: 0px;
    }

   /* ----- MOBILE (max-width: 600px) ----- */
@media(max-width: 600px){

    .portfolio-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; /* mobile gap added */
        padding: 0px;
    }

    /* Mobile medium image height */
    .portfolio-grid .box a img{
        width: 100%;
        height: 210px !important;
        object-fit: cover !important;
        display: block;
    }

    /* Remove title box shape */
    .portfolio-grid .box h3{
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 6px 0 10px 0;
        margin: 0;
        font-size: 15px;
        text-align: center;
    }
}/* End custom CSS */