.popup-modal-header-wrapper{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:15px;padding:10px 20px;display:flex}.popup-modal-header-wrapper .responsive-menu{justify-content:center;gap:5px;height:100%;display:flex}.popup-modal-header-wrapper .responsive-menu .menu-item{cursor:pointer;border:1px solid var(--color-border);justify-content:center;align-items:center;min-width:40px;padding:10px 5px;display:inline-flex}.popup-modal-header-wrapper .responsive-menu .menu-item:hover{background-color:var(--color-secondary);color:var(--color-light);border-color:var(--color-secondary)}.popup-modal-header-wrapper .responsive-menu .menu-item.active{background-color:var(--color-primary);color:var(--color-light);border-color:var(--color-primary)}@media only screen and (width<=1024px){.popup-modal-header-wrapper .responsive-menu .menu-item[data-tab=desktop]{display:none}}@media only screen and (width<=767px){.popup-modal-header-wrapper .responsive-menu .menu-item[data-tab]{display:none}}.popup-modal-header-wrapper .responsive-menu .menu-item svg{pointer-events:none}.popup-modal-header-wrapper .close-button{cursor:pointer;border:1px solid var(--color-border);padding:5px;display:flex}.popup-modal-header-wrapper .close-button:hover{background-color:var(--color-heading);color:var(--color-light);border-color:var(--color-heading)}.popup-modal-header-wrapper .close-button svg{pointer-events:none}.foriduddin-pre-loader{z-index:1;text-align:center;isolation:isolate;background-color:var(--color-background);background-image:radial-gradient(at top right, #08c16a33 0%, var(--color-background) 60%), radial-gradient(at bottom left, #08c16a33 0%, var(--color-background) 60%);align-content:center;width:100%;height:100%;position:absolute;inset:0}.foriduddin-pre-loader p{margin-block:0}.foriduddin-pre-loader:after{content:"";z-index:-1;background-image:radial-gradient(#7f7f7f26 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:absolute;inset:0}.foriduddin-pre-loader .loader{gap:5px;display:inline-flex}.foriduddin-pre-loader .loader span{background-color:var(--color-primary);width:10px;height:10px;animation:1.2s ease-in-out infinite dotBounce;animation-delay:var(--dot-delay)}@keyframes dotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.use-portfolio-modal-body{border-block:1px solid var(--color-border);flex-grow:1;padding:20px;overflow:hidden auto}.use-portfolio-modal-body .portfolio-modal-preview{width:100%;max-width:100%;height:100%;margin:auto;transition:width .2s,height .2s;position:relative;overflow:hidden}.use-portfolio-modal-body .portfolio-modal-preview iframe{width:150%;height:150%;transform:scale(.666)translate(-25%)translateY(-25%)}.use-portfolio-modal-footer{text-align:center;padding:15px 20px}.use-portfolio-modal-footer p{margin-block:0}.use-portfolio-modal{z-index:999;background-color:#06153780;align-content:center;width:100%;height:100%;transition:all .5s ease-in-out;position:fixed;inset:0}.use-portfolio-modal .portfolio-modal-content{background-color:var(--color-light);flex-direction:column;justify-content:space-between;width:min(100%,1250px);height:min(100%,90vh);margin-inline:auto;display:flex}@media only screen and (width<=1024px){.use-portfolio-modal .portfolio-modal-content{height:min(100%,100vh)}}