.asml-grid{
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
        gap:25px;
    }

    /*.asml-card{
        border:1px solid #e5e5e5;
        border-radius:14px;
        overflow:hidden;
        background:#fff;
        box-shadow:0 3px 10px rgba(0,0,0,0.05);
    }*/
    .asml-card{
        border:1px solid #e5e5e5;
        border-radius:14px;
        overflow:visible;
        background:#fff;
        box-shadow:0 3px 10px rgba(0,0,0,0.05);
        position:relative;
    }

    .asml-content{
        padding:20px;
    }

    .asml-content p{
        margin-bottom:12px;
    }

    .asml-actions{
        display:flex;
        gap:10px;
        margin-top:15px;
        flex-wrap:wrap;
    }

    .asml-btn{
        border:none;
        background:#7F77DD;
        color:#fff;
        padding:10px 16px;
        border-radius:8px;
        cursor:pointer;
        text-decoration:none;
        font-size:14px;
        display:inline-block;
    }

    /*.asml-gallery{
        display:flex;
        overflow:auto;
        gap:10px;
        padding:10px;
    }

    .asml-gallery img{
        width:300px;
        border-radius:10px;
        flex-shrink:0;
    }*/

    /*slider*/
    .asml-gallery-slider{
        position:relative;
        width:100%;
        overflow:hidden;
        border-radius:16px;
    }

    .asml-gallery-slider img{
        width:100%;
        height:420px;
        object-fit:cover;
        display:block;
    }

    .asml-gallery-slider .swiper-button-next,
    .asml-gallery-slider .swiper-button-prev{
        color:#fff;
        transform:scale(0.65);
        background:rgba(0,0,0,0.45);
        width:42px;
        height:42px;
        border-radius:50%;
    }

    .asml-gallery-slider .swiper-button-next:after,
    .asml-gallery-slider .swiper-button-prev:after{
        font-size:18px;
        font-weight:700;
    }

    .asml-gallery-slider .swiper-pagination-bullet{
        background:#fff;
        opacity:0.7;
    }

    .asml-gallery-slider .swiper-pagination-bullet-active{
        opacity:1;
    }
    /*slider end*/
    .asml-image img{
        width:100%;
        display:block;
    }

    .asml-video video{
        width:100%;
        display:block;
    }
    /****/
    /*.asml-share-popup{
        display:none;
        position:absolute;
        bottom:70px;
        left:20px;
        min-width:220px;
        background:#fff;
        border:1px solid #ddd;
        border-radius:10px;
        padding:12px;
        z-index:99;
        box-shadow:0 5px 20px rgba(0,0,0,0.12);
        margin-top:10px;
        flex-direction:column;
        gap:10px;
    }*/

   /* .asml-share-popup.active{
        display:flex;
    }*/
    /*modal css start*/
   .asml-share-modal{
        position:fixed;
        inset:0;
        display:none;
        align-items:center;
        justify-content:center;
        z-index:999999;
    }

    .asml-share-modal.active{
        display:flex;
    }

    .asml-share-modal-overlay{
        position:absolute;
        inset:0;
        background:rgba(0,0,0,0.55);
        backdrop-filter:blur(3px);
    }

    .asml-share-modal-content{
        position:relative;
        width:92%;
        max-width:620px;
        background:#fff;
        border-radius:24px;
        padding:35px;
        z-index:2;
        box-shadow:0 15px 50px rgba(0,0,0,0.2);
    }

    .asml-share-heading{
        font-size:36px;
        line-height:1.1;
        margin:0 0 15px;
        color:#23286B;
        font-weight:700;
    }

    .asml-share-subheading{
        font-size:22px;
        color:#777;
        margin-bottom:30px;
    }

    .asml-share-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:14px;
    }

    .asml-share-card{
        background:#f5f5f7;
        border-radius:16px;
        padding:18px 12px;
        text-decoration:none;
        color:#222;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:12px;
        transition:0.2s ease;
        font-weight:600;
        font-size:18px;
    }

    .asml-share-card:hover{
        transform:translateY(-3px);
        background:#ededf0;
    }

    .asml-share-icon{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .asml-copy-area{
        margin-top:35px;
    }

    .asml-copy-area label{
        display:block;
        margin-bottom:12px;
        font-size:22px;
        font-weight:600;
        color:#555;
    }

    .asml-copy-row{
        display:flex;
        gap:12px;
    }

    .asml-copy-row input{
        flex:1;
        border:1px solid #d8d8d8;
        border-radius:10px;
        padding:14px;
        font-size:18px;
    }

    .asml-copy-share{
        border:none;
        background:#6B4EFF;
        color:#fff;
        padding:0 28px;
        border-radius:12px;
        font-size:18px;
        font-weight:600;
        cursor:pointer;
    }

    .asml-share-close{
        position:absolute;
        right:18px;
        top:18px;
        width:44px;
        height:44px;
        border:none;
        border-radius:50%;
        background:#f1f1f1;
        /*font-size:28px;*/
        cursor:pointer;
    }

    @media(max-width:768px){

        .asml-share-heading{
            font-size:34px;
        }

        .asml-share-subheading{
            font-size:18px;
        }

        .asml-share-grid{
            grid-template-columns:repeat(2,1fr);
        }

        .asml-share-card{
            font-size:15px;
        }

        .asml-copy-row{
            flex-direction:column;
        }

    }
    /*modal css end*/
    .asml-share-link{
        text-decoration:none;
        padding:8px 12px;
        border-radius:8px;
        color:#fff;
        font-size:14px;
    }

    .asml-share-link.whatsapp{
        background:#25D366;
    }

    .asml-share-link.facebook{
        background:#1877F2;
    }

    .asml-share-link.twitter{
        background:#000;
    }

    .asml-share-link.pinterest{
        background:#E60023;
    }

    .asml-share-link.email{
        background:#7F77DD;
    }

    .asml-card{
        position:relative;
    }

    .asml-actions{
        position:relative;
        z-index:2;
    }

    .asml-share-popup{
        z-index:9999;
    }
    /*button styles*/
    .asml-actions{
        display:flex;
        gap:10px;
        margin-top:18px;
        flex-wrap:wrap;
    }

    .asml-btn{
        height:42px;
        border:none;
        border-radius:12px;
        background:#6B4EFF;
        color:#fff;
        padding:0 18px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        cursor:pointer;
        font-size:15px;
        font-weight:600;
        text-decoration:none;
        transition:0.2s ease;
    }

    .asml-btn:hover{
        transform:translateY(-2px);
    }

    .asml-copy-btn{
        width:42px;
        padding:0;
    }

    .asml-copy-btn svg{
        width:18px;
        height:18px;
    }

    .asml-share-btn svg,
    .asml-download-btn svg{
        width:17px;
        height:17px;
    }
    .asml-download-gallery svg{
        width:17px;
        height:17px;
        flex-shrink:0;
    }
    .asml-btn svg{
        width:17px;
        height:17px;
        flex-shrink:0;
    }

    /*filter CSS*/
    .asml-filter-bar{
        display:flex;
        align-items:center;
        gap:12px;
        margin-bottom:30px;
        flex-wrap:nowrap;
        
    }
    .asml-filter-bar{ margin-top:5px; }
    .asml-filter-bar select {  border-radius: 100px !important;}
    .asml-filter-bar .asml-filter-search-btn {  background: #93c32c;  max-height: 48px;  padding: 16px 11px;  border-radius: 40px;  font-size: 18px !important;  font-weight: 500;  border: 2px solid #93c32c;  text-align: center;  min-width: 150px;  color: #fff !important;  justify-content: center; transition: unset;}
    .asml-filter-bar .asml-filter-search-btn:hover {  transform: unset;  background: #4859af;  border-color: #4859af;}

    .asml-content h3 {  font-size: 1rem;}
    .asml-content .asml-text {  font-size: 16px !important;  color: #1B1B1B;  line-height: normal;  min-height: 120px;}
    .asml-content .asml-actions button, .asml-content .asml-actions .asml-btn {  background: #93c32c;  max-height: 48px;  padding: 16px 11px;  border-radius: 40px;  font-size: 16px !important;  font-weight: 500;  border: 2px solid #93c32c;  text-align: center;  color: #fff !important;  justify-content: center;  transition: unset;/*! flex: auto; */}
    .asml-content .asml-actions button:hover, .asml-content .asml-actions .asml-btn:hover {   transform: unset;  background: #4859af;  border-color: #4859af;}


    #asml-category-filter{
        flex:1;
        min-width:240px;
        height:46px;
        border:1px solid #ddd;
        border-radius:12px;
        padding:0 14px;
        background:#fff;
        font-size:15px;
        outline:none;
        box-shadow:none;
    }

    .asml-filter-search-btn,
    .asml-filter-clear-btn{
        height:46px;
        padding:0 22px;
        border:none;
        border-radius:12px;
        cursor:pointer;
        font-size:14px;
        font-weight:600;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        transition:0.2s ease;
        white-space:nowrap;
    }

    .asml-filter-search-btn{
        background:#6B4EFF;
        color:#fff;
    }

    .asml-filter-clear-btn{
        background:#f3f4f7;
        color:#222;
    }

    .asml-filter-search-btn:hover,
    .asml-filter-clear-btn:hover{
        transform:translateY(-2px);
    }

    @media(max-width:767px){

        .asml-filter-bar{
            flex-wrap:wrap;
        }

        #asml-category-filter{
            width:100%;
            flex:unset;
        }

    }

    .asml-grid{
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
        gap:24px;
        align-items:start;
    }

    .asml-card{
        width:100%;
        height:100%;
        display:flex;
        flex-direction:column;
    }

    .asml-hidden{
        display:none !important;
    }

    /* SEARCH BUTTON LOADER */

    .asml-filter-search-btn.loading{
        opacity:0.9;
        pointer-events:none;
    }

    .asml-loader{
        width:16px;
        height:16px;
        border:2px solid rgba(255,255,255,0.35);
        border-top-color:#fff;
        border-radius:50%;
        animation:asmlSpin .7s linear infinite;
        margin-right:8px;
    }

    @keyframes asmlSpin{

        to{
            transform:rotate(360deg);
        }

    }
    /* for grid tiles */
    /* =========================================
   CARD LAYOUT
    ========================================= */

    .asml-card{
        width:100%;
        height:100%;
        display:flex;
        flex-direction:column;
        overflow:hidden;
    }

    /* =========================================
       FIXED MEDIA AREA
    ========================================= */

    .asml-media-wrap{
        position:relative;
        width:100%;
        height:320px;
        overflow:hidden;
        background:#f5f5f5;
    }

    /* IMAGE */

    .asml-image img{
        width:100%;
        height:320px;
        object-fit:cover;
        display:block;
    }

    /* VIDEO */

    .asml-video{
        width:100%;
        height:320px;
    }

    .asml-video video{
        width:100%;
        height:320px;
        object-fit:cover;
        display:block;
        background:#000;
    }

    /* GALLERY */

    .asml-gallery{
        width:100%;
        height:320px;
    }

    .asml-gallery .slick-list,
    .asml-gallery .slick-track{
        height:320px !important;
    }

    .asml-gallery img{
        width:100%;
        height:320px;
        object-fit:cover;
        display:block;
    }

    /* =========================================
       CONTENT AREA
    ========================================= */

    .asml-content{
        padding:20px;
        display:flex;
        flex-direction:column;
        flex:1;
    }

    .asml-text{
        flex:1;
    }

    /* =========================================
       MOBILE
    ========================================= */

    @media(max-width:767px){

        .asml-media-wrap,
        .asml-image img,
        .asml-video,
        .asml-video video,
        .asml-gallery,
        .asml-gallery img,
        .asml-gallery .slick-list,
        .asml-gallery .slick-track{

            height:240px !important;

        }

    }
    /*action button div*/
        /* ACTION AREA */

    .asml-actions{
        display:flex;
        align-items:center;
        gap:10px;
        flex-wrap:wrap;
        margin-top:16px;
        padding:0;
        background:none;
        min-height:auto;
    }

    /* BUTTONS */

    .asml-btn{
        height:42px;
        padding:0 16px;
        border:none;
        border-radius:10px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        text-decoration:none;
        cursor:pointer;
        font-size:14px;
        font-weight:600;
        line-height:1;
        transition:0.2s ease;
    }

    /* COPY ICON BUTTON */

    .asml-copy-btn{
        width:42px;
        min-width:42px;
        padding:0;
    }

    /* ICON SIZE */

    .asml-btn svg{
        width:16px;
        height:16px;
        flex-shrink:0;
    }

    /* DOWNLOAD GALLERY ICON FIX */

    .asml-download-gallery svg{
        width:15px;
        height:15px;
    }

    /* HOVER */

    .asml-btn:hover{
        transform:translateY(-2px);
    }
    /***provided buttons*/
    .asml-filter-bar{ margin-top:5px; }
    .asml-filter-bar select {  border-radius: 100px !important;}
    .asml-filter-bar .asml-filter-search-btn {  background: #93c32c;  max-height: 48px;  padding: 16px 11px;  border-radius: 40px;  font-size: 18px !important;  font-weight: 500;  border: 2px solid #93c32c;  text-align: center;  min-width: 150px;  color: #fff !important;  justify-content: center; transition: unset;}
    .asml-filter-bar .asml-filter-search-btn:hover {  transform: unset;  background: #4859af;  border-color: #4859af;}
 
    .asml-content h3 {  font-size: 1rem;}
    .asml-content .asml-text {  font-size: 16px !important;  color: #1B1B1B;  line-height: normal;  min-height: 120px;}
    .asml-content .asml-actions button, .asml-content .asml-actions .asml-btn {  background: #93c32c;  max-height: 48px;  padding: 16px 11px;  border-radius: 40px;  font-size: 16px !important;  font-weight: 500;  border: 2px solid #93c32c;  text-align: center;  color: #fff !important;  justify-content: center;  transition: unset;/*! flex: auto; */}
    .asml-content .asml-actions button:hover, .asml-content .asml-actions .asml-btn:hover {   transform: unset;  background: #4859af;  border-color: #4859af;}

    .asml-filter-bar{ margin-top:5px; }
    .asml-filter-bar select {  border-radius: 100px !important;}
    .asml-filter-bar .asml-filter-search-btn {  background: #93c32c;  max-height: 48px;  padding: 16px 11px;  border-radius: 40px;  font-size: 18px !important;  font-weight: 500;  border: 2px solid #93c32c;  text-align: center;  min-width: 150px;  color: #fff !important;  justify-content: center; transition: unset;}
    .asml-filter-bar .asml-filter-search-btn:hover {  transform: unset;  background: #4859af;  border-color: #4859af;}
 
    .asml-content h3 {  font-size: 1rem;}
    .asml-content .asml-text {  font-size: 16px !important;  color: #1B1B1B;  line-height: normal;  min-height: 120px;}
    .asml-content .asml-actions button, .asml-content .asml-actions .asml-btn {  background: #93c32c;  max-height: 48px;  padding: 16px 11px;  border-radius: 40px;  font-size: 16px !important;  font-weight: 500;  border: 2px solid #93c32c;  text-align: center;  color: #fff !important;  justify-content: center;  transition: unset;/*! flex: auto; */}
    .asml-content .asml-actions button:hover, .asml-content .asml-actions .asml-btn:hover {   transform: unset;  background: #4859af;  border-color: #4859af;}
 
    /*  */
    .asml-share-modal-content h2 {  font-size: 1rem;  margin-bottom: 10px;}
    .asml-share-modal-content  p {  font-size: 16px;}
    .asml-share-modal-content  .asml-share-close {  background: #1d2327;  font-size: 23px;  text-align: center;  padding: 0px !important;  line-height: 2px;}
    .asml-share-modal-content .asml-share-card span {  font-size: 16px;}
    .asml-share-modal-content .asml-share-card:hover span {  color: #4859af;}
    .asml-share-modal-content  .asml-copy-area label {  font-size: 14px;}
    .asml-share-modal-content .asml-copy-area input {  border-radius: 100px;  font-size: 14px;}
    .asml-share-modal-content .asml-copy-area button {  background: #93c32c;  max-height: 48px;  padding: 10px 11px;  border-radius: 40px;  font-size: 16px !important;  font-weight: 500;  border: 2px solid #93c32c;  text-align: center;  min-width: 150px;  color: #fff !important;  justify-content: center; transition: unset;}
    .asml-share-modal-content .asml-copy-area button:hover{  transform: unset;  background: #4859af;  border-color: #4859af; }