/* .super-search{margin:60px 0}@media (max-width: 767px){.super-search{flex-wrap:wrap;border:none;gap:15px;margin:20px 0 30px}.super-search .icons-filter{min-width:calc(50% - 7.5px);order:2}.super-search .icons-filter span{border:1px solid #D4D7DB;border-radius:50px !important;width:100%}.super-search .search-field{width:100%;order:1;border:1px solid #D4D7DB;height:50px;border-radius:50px;display:flex;align-items:center}}h3{position:relative;color:#13415A;font-weight:600;font-size:20px;margin:0px 0 00px;width:100%}@media (max-width: 767px){h3{text-align:center;font-size:20px;margin:10px 0}}h3 span{display:block;color:#13415A;font-size:16px;font-weight:400;margin-top:8px}@media (max-width: 767px){h3 span{font-size:18px}}.board{display:grid;grid-template-columns:repeat(4, 1fr);background-color:#F7F7F9;padding:35px 45px;row-gap:60px;border-radius:12px;margin-bottom:80px}@media (max-width: 1199px){.board{grid-template-columns:repeat(6, 1fr);margin-bottom:30px}}@media (max-width: 767px){.board{grid-template-columns:repeat(4, 1fr);padding:30px}}@media (max-width: 480px){.board{grid-template-columns:repeat(3, 1fr)}}.board .icon{display:flex;align-items:center;justify-content:center}.board .icon img{height:90px;width:90px;object-fit:contain}@media (max-width: 1400px){.board .icon img{height:75px;width:75px}}@media (max-width: 1199px){.board .icon img{height:60px;width:60px}}.board-actions{margin-bottom:40px}.board-actions .downloader{display:flex;margin:0px 0 20px;position:relative}.board-actions .downloader .btn{height:60px;width:100%;display:flex;align-items:center;justify-content:space-between;padding-left:30px}@media (max-width: 1199px){.board-actions .downloader .btn{height:50px}}.board-actions .downloader .btn img{height:25px;width:auto}@media (max-width: 1400px){.board-actions .downloader .btn img{height:22px}}@media (max-width: 1199px){.board-actions .downloader .btn img{height:20px}}.board-actions .downloader .btn span{flex-grow:1;text-align:center;font-size:20px;font-weight:600;line-height:24px}@media (max-width: 1400px){.board-actions .downloader .btn span{font-size:18px}}@media (max-width: 1199px){.board-actions .downloader .btn span{font-size:16px}}.board-actions .copy{border:none;outline:none;background-color:#F2F8F8;padding:0;border:none;height:30px;font-family:Inter;font-size:12px;font-weight:500;line-height:22px;min-width:180px;color:#2CB88B;padding-inline:20px;border-radius:50px}@media (max-width: 1400px){.board-actions .copy{padding-inline:10px}}.board-actions .copy:hover{background-color:#13415A;color:#fff}.board-actions .save{color:#2CB88B;font-size:14px;font-weight:500}.board-actions .save:hover{color:#13415A}.board-actions .save img{margin-right:5px}.board-actions .format{position:relative;margin-top:45px}.board-actions .format .share{border:1px solid #2CB88B;height:50px;width:50px;border-radius:50px;display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:-10px}.board-actions .format .share img{position:relative;left:-2px}.board-actions .format .share:hover{background-color:#2CB88B}.board-actions .format .share:hover img{filter:invert(1) brightness(5)}.board-actions .format p{margin:0 0 15px;font-size:14px;font-weight:500;line-height:22px;letter-spacing:0em;color:#556771}.board-actions .format .tags a{display:inline-flex;align-items:center;background-color:#FAFAFB;height:35px;border-radius:5px;padding-inline:20px;color:#556771;font-size:14px;font-weight:500;line-height:22px;letter-spacing:0em} */

.download-pack .format .share .no-btn {
    border: 1px solid #2cb88b;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}
.download-pack .format .share .no-btn img {
    position: relative;
    left: 0px;
}
.download-pack .format .share .no-btn:hover {
    background-color: #2cb88b;
}
.download-pack .format .share .no-btn:hover img {
    filter: invert(1) brightness(5);
}
.download-pack .format .share .active ~ .share-options {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
.download-pack .format .share .share-options {
    background-color: #fff;
    position: absolute;
    top: calc(100% + 5px);
    right: -30px;
    left: auto;
    width: 220px;
    border: 1px solid #d9d9d9;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    border-radius: 12px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    transform-origin: top;
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    transition: 0.1s ease-out;
    z-index: 35;
}
@media (max-width: 1199px) {
    .download-pack .format .share .share-options {
        right: -15px;
    }
}
.download-pack .format .share .share-options::after {
    content: "";
    position: absolute;
    right: 35px;
    top: 0px;
    transform: translateY(-10px) rotate(45deg);
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-radius: 4px 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
}
@media (max-width: 1199px) {
    .download-pack .format .share .share-options::after {
        right: 25px;
    }
}
.download-pack .format .share .share-options .btn {
    height: 30px;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 30px;
    position: relative;
}
.download-pack .format .share .share-options .btn i {
    position: absolute;
    left: 15px;
    top: 8px;
    font-size: 14px;
}
.download-pack .format .share .share-options .btn.btn-fb {
    background-color: #1877f2;
}
.download-pack .format .share .share-options .btn.btn-fb:hover {
    background-color: #378eff;
}
.download-pack .format .share .share-options .btn.btn-pint {
    background-color: #be1e24;
}
.download-pack .format .share .share-options .btn.btn-pint:hover {
    background-color: #d1272c;
}
.download-pack .format .share .share-options .btn.btn-tweet {
    background-color: #55acee;
}
.download-pack .format .share .share-options .btn.btn-tweet:hover {
    background-color: #61bbff;
}
.download-pack .format .share .share-options .btn.btn-copy {
    color: #556771;
    border: 1px solid #556771;
}
.download-pack .format .share .share-options .btn.btn-copy:hover {
    background-color: #556771;
    color: #fff;
}
