

 
 
 

 
 
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 10px 24px;
    border: 1px solid transparent;
    border-radius: var(--border-radius);  
    font-family: var(--font-family-base);  
    font-size: 16px;
    font-weight: var(--font-weight-light);  
    color: var(--white);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-block-end-style: none;
  }
  
   
  .btn-pill {
    border-radius: 50px;  
  }
  
  .btn-circle {
    border-radius: 50%;
    width: 52px;   
    height: 52px;
    padding: 0;  
  }
  
  .btn-square-sm {
    border-radius: var(--border-radius);
    width: 28px;
    height: 28px;
    padding: 0;
  }
  

  .btn-square-md {
    border-radius: 10px;
    width: 40px;
    height: 40px;
    padding: 0;
  }
  
   
  
   
  .btn-primary {
    background-color: transparent;
    color: var(--neutral-gray-800);
    
  }
  .btn-primary:hover {
    color: var(--white);
    background-color: var(--primary-blue-500);
  }
  
  .btn-primary .divider {
    width: 2px;
    height: 20px;
    background-color:  rgba(0, 174, 238, 0.25)
  }

  .btn-primary:hover .divider{
    opacity: 0;
  }
  
   
  .btn-primary-dark {
    background-color: var(--primary-blue-900);
    color: var(--white);
  }
  .btn-primary-dark:hover {
      opacity: 0.9;
  }
  

  .btn-dark-blue {
    background-color: var(--primary-blue-600);
    
  }
  .btn-dark-blue:hover {
    background-color: var(--primary-blue-800);
  }
  
   
  .btn-accent {
    background-color: var(--accent-orange-400);
    color: var(--white);
  }
  .btn-accent:hover {
    background-color: var(--accent-orange-600);
  }


 .btn-blue {
  background-color: var(--primary-blue-500);
  color: var(--white);
}
.btn-blue:hover {
  background-color: var(--primary-blue-600);
}
  
   
  .btn-dark {
    background-color: transparent;
     z-index: 99999;
    color: var(--white);
  }
  .btn-dark:hover {
    background-color: rgba(0, 0, 0, 0.55);
    color:var(--white);
  }

  .btn-dark .divider {
    width: 2px;
    height: 20px;
    background-color:  rgba(0, 0, 0, 0.25);
  }

  .btn-dark:hover .divider{
    opacity: 0;
  }

  
   
  .btn-nav {
      background-color: rgb(9,120,171,0.05);
  }

  .btn-nav:hover {
      background-color: var(--primary-blue-600);
  }

  .btn-nav:hover .icon.arrow-left {
    background-image: url('../../assets/icons/arrow-left-2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }


  .btn-nav-card {
    background-color: var(--primary-blue-700);
    padding: 12px 12px;
  }

  .btn-nav-card .icon {
    width: 16px;
    height: 16px;
  }

  .btn-nav-card:hover {
    background-color: var(--primary-blue-600)
  }

  
   
  .btn-external {
      background-color: rgba(0, 174, 238, 0.15);
  }
 .btn-external .icon {
    width: 12px;
    height: 12px;
  }
  .btn-external:hover {
      background-color: var(--primary-blue-500);
  }


  .btn-external:hover .icon.crossright {
    background-image: url('../../assets/icons/crossright-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }

   
.btn-gray-light {
  background-color: rgba(13, 12, 34, 0.05);
  color: var(--neutral-gray-900);
 
}
.btn-gray-light:hover {
  background-color: var(--neutral-gray-100);
}


  
   
  .btn-social {
    background-color: var(--white);
  }

  .btn-social-icon {
    color: var(--neutral-gray-700);
    width: 20px;
    height: 20px;
  }

  .btn-social:hover {
    background-color:rgba(0, 174, 238, 0.2);   
  }

  .btn-social:hover .icon.facebook {
    background-image: url('../../assets/icons/facebook-2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }

  .btn-social:hover .icon.x {
    background-image: url('../../assets/icons/x-2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }
  .btn-social:hover .icon.instagram {
    background-image: url('../../assets/icons/instagram-2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }


  .btn-search {
    background-color: var(--primary-blue-500);
    color: var(--white);
    
  }
  .btn-search:hover {
    color: var(--white);
    background-color: var(--primary-blue-800);
  }

  
   
   
  .icon {
    display: block;
    width: 21px;
    height: 21px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    justify-items: center;
  }

  .icon.zoomout {
    background-image: url('../../assets/icons/zoomout.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  } 

  .icon.arrow-left {
    background-image: url('../../assets/icons/arrow-left.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  } 


  .icon.left {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg  viewBox='0 0 9 17'  xmlns='http://www.w3.org/2000/svg'><path d='M2.18678 8.49566L8.74339 1.6086C9.08554 1.23748 9.08554 0.65934 8.74339 0.288227C8.39752 -0.0867914 7.82105 -0.0985179 7.4603 0.268688L0.264035 7.82765C0.0929606 8.00735 0 8.24565 0 8.49957C0 8.75349 0.0929606 8.99177 0.264035 9.17147L7.4603 16.7305C7.6351 16.9102 7.86198 17 8.08884 17C8.3157 17 8.54254 16.9102 8.71733 16.7305C8.89212 16.5547 8.98881 16.3164 8.99253 16.0624C8.99625 15.8085 8.90702 15.5663 8.73594 15.3827L2.17933 8.49566H2.18678Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 9 17' xmlns='http://www.w3.org/2000/svg'><path d='M2.18678 8.49566L8.74339 1.6086C9.08554 1.23748 9.08554 0.65934 8.74339 0.288227C8.39752 -0.0867914 7.82105 -0.0985179 7.4603 0.268688L0.264035 7.82765C0.0929606 8.00735 0 8.24565 0 8.49957C0 8.75349 0.0929606 8.99177 0.264035 9.17147L7.4603 16.7305C7.6351 16.9102 7.86198 17 8.08884 17C8.3157 17 8.54254 16.9102 8.71733 16.7305C8.89212 16.5547 8.98881 16.3164 8.99253 16.0624C8.99625 15.8085 8.90702 15.5663 8.73594 15.3827L2.17933 8.49566H2.18678Z'/></svg>");
  }

  
  .icon.right {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg  viewBox='0 0 9 17'  xmlns='http://www.w3.org/2000/svg'><path d='M8.73133 7.82814L1.53216 0.269531C1.1789 -0.0898437 0.628548 -0.0898437 0.275283 0.269531C0.10051 0.445312 0.00383022 0.683602 0.000111646 0.937508C-0.00360693 1.19141 0.0856399 1.4336 0.256695 1.61719L6.81255 8.50391L0.256695 15.3906C-0.0854148 15.7617 -0.0854148 16.3398 0.256695 16.7109C0.424031 16.8945 0.650872 16.9961 0.89258 17H0.907446C1.14172 17 1.36484 16.9062 1.53961 16.7305L8.73505 9.17189C9.08832 8.80079 9.08832 8.19923 8.73505 7.82814H8.73133Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 9 17' xmlns='http://www.w3.org/2000/svg'><path d='M8.73133 7.82814L1.53216 0.269531C1.1789 -0.0898437 0.628548 -0.0898437 0.275283 0.269531C0.10051 0.445312 0.00383022 0.683602 0.000111646 0.937508C-0.00360693 1.19141 0.0856399 1.4336 0.256695 1.61719L6.81255 8.50391L0.256695 15.3906C-0.0854148 15.7617 -0.0854148 16.3398 0.256695 16.7109C0.424031 16.8945 0.650872 16.9961 0.89258 17H0.907446C1.14172 17 1.36484 16.9062 1.53961 16.7305L8.73505 9.17189C9.08832 8.80079 9.08832 8.19923 8.73505 7.82814H8.73133Z' /></svg>");
  } 

  .icon.play {
    background-color: white;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='14' height='16' viewBox='0 0 14 16'  xmlns='http://www.w3.org/2000/svg'><path d='M12.75 5.90015C14.0833 6.66995 14.0833 8.59445 12.75 9.36425L3 14.9934C1.66667 15.7632 -7.72326e-07 14.801 -7.05028e-07 13.2614L-2.12911e-07 2.00304C-1.45613e-07 0.463436 1.66667 -0.498814 3 0.270986L12.75 5.90015Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg width='14' height='16' viewBox='0 0 14 16'  xmlns='http://www.w3.org/2000/svg'><path d='M12.75 5.90015C14.0833 6.66995 14.0833 8.59445 12.75 9.36425L3 14.9934C1.66667 15.7632 -7.72326e-07 14.801 -7.05028e-07 13.2614L-2.12911e-07 2.00304C-1.45613e-07 0.463436 1.66667 -0.498814 3 0.270986L12.75 5.90015Z'/></svg>");
  } 

  .icon.check {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'><path d='M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM14 1.59961C7.15167 1.59961 1.59961 7.15167 1.59961 14C1.59961 20.8483 7.15167 26.4004 14 26.4004C20.8483 26.4004 26.4004 20.8483 26.4004 14C26.4004 7.15167 20.8483 1.59961 14 1.59961ZM18.3125 10.3662C18.6752 9.99006 19.2623 9.99008 19.625 10.3662C19.9877 10.7424 19.9877 11.3514 19.625 11.7275L13.7598 17.8115C13.4096 18.1747 12.7965 18.1747 12.4463 17.8115L9.16992 14.4131C8.80722 14.0369 8.80722 13.4269 9.16992 13.0508C9.35741 12.8565 9.59461 12.7657 9.83203 12.7656C10.0696 12.7656 10.3075 12.8563 10.4951 13.0508L13.1094 15.7617L18.3125 10.3662Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'><path d='M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM14 1.59961C7.15167 1.59961 1.59961 7.15167 1.59961 14C1.59961 20.8483 7.15167 26.4004 14 26.4004C20.8483 26.4004 26.4004 20.8483 26.4004 14C26.4004 7.15167 20.8483 1.59961 14 1.59961ZM18.3125 10.3662C18.6752 9.99006 19.2623 9.99008 19.625 10.3662C19.9877 10.7424 19.9877 11.3514 19.625 11.7275L13.7598 17.8115C13.4096 18.1747 12.7965 18.1747 12.4463 17.8115L9.16992 14.4131C8.80722 14.0369 8.80722 13.4269 9.16992 13.0508C9.35741 12.8565 9.59461 12.7657 9.83203 12.7656C10.0696 12.7656 10.3075 12.8563 10.4951 13.0508L13.1094 15.7617L18.3125 10.3662Z'/></svg>");
  }

  .icon.chevron {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg  viewBox='0 0 9 17'  xmlns='http://www.w3.org/2000/svg'><path d='M2.18678 8.49566L8.74339 1.6086C9.08554 1.23748 9.08554 0.65934 8.74339 0.288227C8.39752 -0.0867914 7.82105 -0.0985179 7.4603 0.268688L0.264035 7.82765C0.0929606 8.00735 0 8.24565 0 8.49957C0 8.75349 0.0929606 8.99177 0.264035 9.17147L7.4603 16.7305C7.6351 16.9102 7.86198 17 8.08884 17C8.3157 17 8.54254 16.9102 8.71733 16.7305C8.89212 16.5547 8.98881 16.3164 8.99253 16.0624C8.99625 15.8085 8.90702 15.5663 8.73594 15.3827L2.17933 8.49566H2.18678Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 9 17' xmlns='http://www.w3.org/2000/svg'><path d='M2.18678 8.49566L8.74339 1.6086C9.08554 1.23748 9.08554 0.65934 8.74339 0.288227C8.39752 -0.0867914 7.82105 -0.0985179 7.4603 0.268688L0.264035 7.82765C0.0929606 8.00735 0 8.24565 0 8.49957C0 8.75349 0.0929606 8.99177 0.264035 9.17147L7.4603 16.7305C7.6351 16.9102 7.86198 17 8.08884 17C8.3157 17 8.54254 16.9102 8.71733 16.7305C8.89212 16.5547 8.98881 16.3164 8.99253 16.0624C8.99625 15.8085 8.90702 15.5663 8.73594 15.3827L2.17933 8.49566H2.18678Z'/></svg>");
  }

  .icon.callender {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'><path d='M9.87305 0C10.0651 8.19013e-05 10.2245 0.154534 10.2246 0.34082V1.73242H10.9092V1.72754C12.0623 1.72767 13 2.63737 13 3.75586V10.9717C13 12.0902 12.0623 12.9999 10.9092 13H2.09082C0.937586 13 0 12.0903 0 10.9717V3.75586C1.10994e-05 2.64191 0.937486 1.73254 2.08594 1.73242H2.77051V0.34082C2.77063 0.154525 2.92999 6.80319e-05 3.12207 0C3.31421 0 3.47351 0.154484 3.47363 0.34082V1.73242H9.52148V0.34082C9.5216 0.154484 9.68091 0 9.87305 0ZM2.09082 2.41016C1.3267 2.41017 0.703136 3.0147 0.703125 3.75586V10.9717C0.703125 11.7128 1.32669 12.3183 2.09082 12.3184H10.9043C11.6684 12.3183 12.292 11.7128 12.292 10.9717H12.2969V3.75586C12.2969 3.01477 11.6732 2.41028 10.9092 2.41016H2.09082ZM3.54395 7.61621C4.07369 7.61621 4.5 8.03467 4.5 8.54395V9.52637C4.49986 10.0401 4.06891 10.4541 3.54395 10.4541H2.53125C2.00171 10.454 1.57534 10.0354 1.5752 9.52637V8.54395C1.5752 8.03021 2.00631 7.61634 2.53125 7.61621H3.54395ZM7.00391 7.61621C7.53362 7.61624 7.95996 8.03469 7.95996 8.54395V9.52637C7.95982 10.04 7.52884 10.4541 7.00391 10.4541H5.99121C5.46157 10.4541 5.0353 10.0355 5.03516 9.52637V8.54395C5.03516 8.03014 5.46617 7.61623 5.99121 7.61621H7.00391ZM2.52637 8.29395C2.38605 8.29418 2.27362 8.40295 2.27344 8.53906V9.52148C2.27344 9.65775 2.38594 9.76735 2.52637 9.76758H3.53906C3.6797 9.76758 3.79297 9.6579 3.79297 9.52148V8.53906C3.79279 8.40281 3.67959 8.29395 3.53906 8.29395H2.52637ZM5.99121 8.29395C5.8507 8.29396 5.73846 8.40282 5.73828 8.53906V9.52148C5.73828 9.65789 5.85058 9.76756 5.99121 9.76758H7.00391C7.14452 9.76755 7.25684 9.65788 7.25684 9.52148V8.53906C7.25665 8.40283 7.1444 8.29398 7.00391 8.29395H5.99121ZM3.54395 4.27832C4.07357 4.27832 4.49981 4.69694 4.5 5.20605V6.18848C4.5 6.7023 4.069 7.11621 3.54395 7.11621H2.53125C2.00163 7.11608 1.5752 6.69767 1.5752 6.18848V5.20605C1.57539 4.69248 2.00643 4.27845 2.53125 4.27832H3.54395ZM7.00391 4.27832C7.5335 4.27835 7.95977 4.69696 7.95996 5.20605V6.18848C7.95996 6.70227 7.52893 7.11618 7.00391 7.11621H5.99121C5.46148 7.1162 5.03516 6.69774 5.03516 6.18848V5.20605C5.03535 4.6924 5.46629 4.27834 5.99121 4.27832H7.00391ZM10.4688 4.27832C10.9982 4.27857 11.4246 4.69709 11.4248 5.20605V6.18848C11.4248 6.70214 10.9936 7.11596 10.4688 7.11621H9.45605C8.92631 7.11621 8.49902 6.69775 8.49902 6.18848V5.20605C8.49921 4.69239 8.93112 4.27832 9.45605 4.27832H10.4688ZM2.52637 4.96094C2.38605 4.96117 2.27362 5.06995 2.27344 5.20605V6.18848C2.27344 6.32474 2.38594 6.43434 2.52637 6.43457H3.53906C3.6797 6.43457 3.79297 6.32489 3.79297 6.18848V5.20605C3.79278 5.0698 3.67958 4.96094 3.53906 4.96094H2.52637ZM5.99121 4.96094C5.8507 4.96095 5.73847 5.06981 5.73828 5.20605V6.18848C5.73828 6.32488 5.85058 6.43456 5.99121 6.43457H7.00391C7.14452 6.43454 7.25684 6.32487 7.25684 6.18848V5.20605C7.25665 5.06982 7.1444 4.96097 7.00391 4.96094H5.99121ZM9.45117 4.96094C9.31065 4.96094 9.19843 5.0698 9.19824 5.20605V6.18848C9.19824 6.32489 9.31053 6.43457 9.45117 6.43457H10.4639C10.6044 6.43442 10.7168 6.3248 10.7168 6.18848V5.20605C10.7166 5.06989 10.6043 4.96108 10.4639 4.96094H9.45117Z' /></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'><path d='M9.87305 0C10.0651 8.19013e-05 10.2245 0.154534 10.2246 0.34082V1.73242H10.9092V1.72754C12.0623 1.72767 13 2.63737 13 3.75586V10.9717C13 12.0902 12.0623 12.9999 10.9092 13H2.09082C0.937586 13 0 12.0903 0 10.9717V3.75586C1.10994e-05 2.64191 0.937486 1.73254 2.08594 1.73242H2.77051V0.34082C2.77063 0.154525 2.92999 6.80319e-05 3.12207 0C3.31421 0 3.47351 0.154484 3.47363 0.34082V1.73242H9.52148V0.34082C9.5216 0.154484 9.68091 0 9.87305 0ZM2.09082 2.41016C1.3267 2.41017 0.703136 3.0147 0.703125 3.75586V10.9717C0.703125 11.7128 1.32669 12.3183 2.09082 12.3184H10.9043C11.6684 12.3183 12.292 11.7128 12.292 10.9717H12.2969V3.75586C12.2969 3.01477 11.6732 2.41028 10.9092 2.41016H2.09082ZM3.54395 7.61621C4.07369 7.61621 4.5 8.03467 4.5 8.54395V9.52637C4.49986 10.0401 4.06891 10.4541 3.54395 10.4541H2.53125C2.00171 10.454 1.57534 10.0354 1.5752 9.52637V8.54395C1.5752 8.03021 2.00631 7.61634 2.53125 7.61621H3.54395ZM7.00391 7.61621C7.53362 7.61624 7.95996 8.03469 7.95996 8.54395V9.52637C7.95982 10.04 7.52884 10.4541 7.00391 10.4541H5.99121C5.46157 10.4541 5.0353 10.0355 5.03516 9.52637V8.54395C5.03516 8.03014 5.46617 7.61623 5.99121 7.61621H7.00391ZM2.52637 8.29395C2.38605 8.29418 2.27362 8.40295 2.27344 8.53906V9.52148C2.27344 9.65775 2.38594 9.76735 2.52637 9.76758H3.53906C3.6797 9.76758 3.79297 9.6579 3.79297 9.52148V8.53906C3.79279 8.40281 3.67959 8.29395 3.53906 8.29395H2.52637ZM5.99121 8.29395C5.8507 8.29396 5.73846 8.40282 5.73828 8.53906V9.52148C5.73828 9.65789 5.85058 9.76756 5.99121 9.76758H7.00391C7.14452 9.76755 7.25684 9.65788 7.25684 9.52148V8.53906C7.25665 8.40283 7.1444 8.29398 7.00391 8.29395H5.99121ZM3.54395 4.27832C4.07357 4.27832 4.49981 4.69694 4.5 5.20605V6.18848C4.5 6.7023 4.069 7.11621 3.54395 7.11621H2.53125C2.00163 7.11608 1.5752 6.69767 1.5752 6.18848V5.20605C1.57539 4.69248 2.00643 4.27845 2.53125 4.27832H3.54395ZM7.00391 4.27832C7.5335 4.27835 7.95977 4.69696 7.95996 5.20605V6.18848C7.95996 6.70227 7.52893 7.11618 7.00391 7.11621H5.99121C5.46148 7.1162 5.03516 6.69774 5.03516 6.18848V5.20605C5.03535 4.6924 5.46629 4.27834 5.99121 4.27832H7.00391ZM10.4688 4.27832C10.9982 4.27857 11.4246 4.69709 11.4248 5.20605V6.18848C11.4248 6.70214 10.9936 7.11596 10.4688 7.11621H9.45605C8.92631 7.11621 8.49902 6.69775 8.49902 6.18848V5.20605C8.49921 4.69239 8.93112 4.27832 9.45605 4.27832H10.4688ZM2.52637 4.96094C2.38605 4.96117 2.27362 5.06995 2.27344 5.20605V6.18848C2.27344 6.32474 2.38594 6.43434 2.52637 6.43457H3.53906C3.6797 6.43457 3.79297 6.32489 3.79297 6.18848V5.20605C3.79278 5.0698 3.67958 4.96094 3.53906 4.96094H2.52637ZM5.99121 4.96094C5.8507 4.96095 5.73847 5.06981 5.73828 5.20605V6.18848C5.73828 6.32488 5.85058 6.43456 5.99121 6.43457H7.00391C7.14452 6.43454 7.25684 6.32487 7.25684 6.18848V5.20605C7.25665 5.06982 7.1444 4.96097 7.00391 4.96094H5.99121ZM9.45117 4.96094C9.31065 4.96094 9.19843 5.0698 9.19824 5.20605V6.18848C9.19824 6.32489 9.31053 6.43457 9.45117 6.43457H10.4639C10.6044 6.43442 10.7168 6.3248 10.7168 6.18848V5.20605C10.7166 5.06989 10.6043 4.96108 10.4639 4.96094H9.45117Z' /></svg>");
  }

  .icon.home {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.6465 0C13.5364 0.00652438 14.3697 0.287002 14.9902 0.795898L23.873 8.07715C24.5997 8.67087 25 9.46046 25 10.2891V22.8223C25 24.5708 23.2197 26 21.0234 26H3.97656C1.78845 26 0 24.5773 0 22.8223V10.3086C2.07047e-05 9.46696 0.408056 8.67055 1.15918 8.07031L10.2871 0.776367C10.9075 0.274059 11.7404 8.26019e-05 12.6221 0H12.6465ZM12.6221 0.978516C12.0672 0.9786 11.5451 1.15488 11.1533 1.46777L2.02441 8.7627C1.51032 9.17369 1.22463 9.72157 1.22461 10.3086V22.8223C1.22461 24.0358 2.45795 25.0215 3.97656 25.0215H21.0234C22.5421 25.0215 23.7754 24.0358 23.7754 22.8223V10.2891C23.7754 9.71506 23.4978 9.1737 23 8.7627L14.1162 1.48145C13.7243 1.16176 13.202 0.978516 12.6387 0.978516H12.6221ZM5.1582 9.35742C5.29317 9.27934 5.45518 9.26601 5.61035 9.31152H5.62402C8.81966 10.3228 10.6975 11.5306 11.7109 13.2139C12.7244 14.8972 12.8739 17.0699 12.2051 20.2539C12.1713 20.4038 12.0695 20.534 11.9346 20.6123C11.7927 20.6906 11.6232 20.7039 11.4746 20.6582C8.2793 19.647 6.40113 18.44 5.3877 16.7568C4.3743 15.0736 4.22573 12.9006 4.89453 9.7168C4.90127 9.6582 4.92811 9.6058 4.95508 9.55371C5.00237 9.47542 5.07037 9.40309 5.1582 9.35742ZM5.86035 10.5391C5.38755 13.1158 5.5361 14.8709 6.34668 16.2148C7.05608 17.4023 8.34725 18.3293 10.3809 19.1318L7.3877 14.1533C7.23911 13.9055 7.33332 13.5596 7.58984 13.416C7.71813 13.3443 7.87382 13.3242 8.01562 13.3633C8.1574 13.3959 8.27918 13.4875 8.35352 13.6113L11.3467 18.5898C11.6372 16.4824 11.434 14.9427 10.7246 13.7617C9.91384 12.4178 8.41407 11.4198 5.86035 10.5391ZM19.7852 8.98633C19.8666 8.98668 19.9517 9.0049 20.0254 9.04883C20.145 9.11294 20.2259 9.2248 20.2578 9.35742L20.2637 9.36719C20.8634 12.1258 20.7386 14.0133 19.8682 15.4795C18.9977 16.9456 17.371 17.9964 14.6025 18.8926C14.4711 18.9331 14.3256 18.9157 14.2061 18.8516C14.0836 18.7825 13.9996 18.6657 13.9707 18.5381C13.3711 15.7799 13.496 13.8928 14.3662 12.4268C15.2366 10.9606 16.8633 9.90894 19.6318 9.0127C19.6804 8.99217 19.7329 8.98936 19.7852 8.98633ZM19.4111 10.0713C17.2 10.8464 15.8984 11.7159 15.2041 12.8877C14.5877 13.9179 14.4267 15.2567 14.6846 17.0811L17.2607 12.748C17.3892 12.5329 17.6989 12.4515 17.9219 12.5752C18.0333 12.6372 18.1163 12.7415 18.1475 12.8613C18.1836 12.9785 18.1658 13.1071 18.1016 13.2148L15.5254 17.5479C17.2918 16.8442 18.4023 16.0284 19.0137 15.001C19.7079 13.8292 19.8338 12.3073 19.4111 10.0713Z' fill='white'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.6465 0C13.5364 0.00652438 14.3697 0.287002 14.9902 0.795898L23.873 8.07715C24.5997 8.67087 25 9.46046 25 10.2891V22.8223C25 24.5708 23.2197 26 21.0234 26H3.97656C1.78845 26 0 24.5773 0 22.8223V10.3086C2.07047e-05 9.46696 0.408056 8.67055 1.15918 8.07031L10.2871 0.776367C10.9075 0.274059 11.7404 8.26019e-05 12.6221 0H12.6465ZM12.6221 0.978516C12.0672 0.9786 11.5451 1.15488 11.1533 1.46777L2.02441 8.7627C1.51032 9.17369 1.22463 9.72157 1.22461 10.3086V22.8223C1.22461 24.0358 2.45795 25.0215 3.97656 25.0215H21.0234C22.5421 25.0215 23.7754 24.0358 23.7754 22.8223V10.2891C23.7754 9.71506 23.4978 9.1737 23 8.7627L14.1162 1.48145C13.7243 1.16176 13.202 0.978516 12.6387 0.978516H12.6221ZM5.1582 9.35742C5.29317 9.27934 5.45518 9.26601 5.61035 9.31152H5.62402C8.81966 10.3228 10.6975 11.5306 11.7109 13.2139C12.7244 14.8972 12.8739 17.0699 12.2051 20.2539C12.1713 20.4038 12.0695 20.534 11.9346 20.6123C11.7927 20.6906 11.6232 20.7039 11.4746 20.6582C8.2793 19.647 6.40113 18.44 5.3877 16.7568C4.3743 15.0736 4.22573 12.9006 4.89453 9.7168C4.90127 9.6582 4.92811 9.6058 4.95508 9.55371C5.00237 9.47542 5.07037 9.40309 5.1582 9.35742ZM5.86035 10.5391C5.38755 13.1158 5.5361 14.8709 6.34668 16.2148C7.05608 17.4023 8.34725 18.3293 10.3809 19.1318L7.3877 14.1533C7.23911 13.9055 7.33332 13.5596 7.58984 13.416C7.71813 13.3443 7.87382 13.3242 8.01562 13.3633C8.1574 13.3959 8.27918 13.4875 8.35352 13.6113L11.3467 18.5898C11.6372 16.4824 11.434 14.9427 10.7246 13.7617C9.91384 12.4178 8.41407 11.4198 5.86035 10.5391ZM19.7852 8.98633C19.8666 8.98668 19.9517 9.0049 20.0254 9.04883C20.145 9.11294 20.2259 9.2248 20.2578 9.35742L20.2637 9.36719C20.8634 12.1258 20.7386 14.0133 19.8682 15.4795C18.9977 16.9456 17.371 17.9964 14.6025 18.8926C14.4711 18.9331 14.3256 18.9157 14.2061 18.8516C14.0836 18.7825 13.9996 18.6657 13.9707 18.5381C13.3711 15.7799 13.496 13.8928 14.3662 12.4268C15.2366 10.9606 16.8633 9.90894 19.6318 9.0127C19.6804 8.99217 19.7329 8.98936 19.7852 8.98633ZM19.4111 10.0713C17.2 10.8464 15.8984 11.7159 15.2041 12.8877C14.5877 13.9179 14.4267 15.2567 14.6846 17.0811L17.2607 12.748C17.3892 12.5329 17.6989 12.4515 17.9219 12.5752C18.0333 12.6372 18.1163 12.7415 18.1475 12.8613C18.1836 12.9785 18.1658 13.1071 18.1016 13.2148L15.5254 17.5479C17.2918 16.8442 18.4023 16.0284 19.0137 15.001C19.7079 13.8292 19.8338 12.3073 19.4111 10.0713Z' fill='white'/></svg>");
  }

  .icon.ok {
    background-color: white;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6'  xmlns='http://www.w3.org/2000/svg'><path d='M6.85619 0.201863L3.06313 4.25861L1.16202 2.22538C1.02558 2.07945 0.85273 2.01135 0.679904 2.01135C0.507078 2.01135 0.334281 2.07945 0.19784 2.22538C-0.0659467 2.5075 -0.0659467 2.96473 0.19784 3.24686L2.58101 5.7957C2.8357 6.0681 3.2814 6.0681 3.53609 5.7957L7.80216 1.23307C8.06595 0.950948 8.06595 0.493717 7.80216 0.211593C7.53837 -0.070531 7.11087 -0.070531 6.84708 0.211593L6.85619 0.201863Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' xmlns='http://www.w3.org/2000/svg'><path d='M6.85619 0.201863L3.06313 4.25861L1.16202 2.22538C1.02558 2.07945 0.85273 2.01135 0.679904 2.01135C0.507078 2.01135 0.334281 2.07945 0.19784 2.22538C-0.0659467 2.5075 -0.0659467 2.96473 0.19784 3.24686L2.58101 5.7957C2.8357 6.0681 3.2814 6.0681 3.53609 5.7957L7.80216 1.23307C8.06595 0.950948 8.06595 0.493717 7.80216 0.211593C7.53837 -0.070531 7.11087 -0.070531 6.84708 0.211593L6.85619 0.201863Z'/></svg>");
  }

  


  .icon.crossarrow {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0.25' y='0.25' width='16.5' height='16.5' rx='8.25' fill='black' fill-opacity='0.2'/><rect x='0.25' y='0.25' width='16.5' height='16.5' rx='8.25' stroke='black' stroke-width='0.5'/><path d='M7.01367 9.18945C7.09263 9.18945 7.16851 9.2185 7.22363 9.27539C7.27877 9.33238 7.30957 9.40826 7.30957 9.4873C7.30954 9.56617 7.28038 9.64119 7.22363 9.69629L5.0166 11.9043H6.76562C6.92914 11.9043 7.0634 12.0386 7.06348 12.2021C7.06348 12.3658 6.92919 12.5 6.76562 12.5H4.29785C4.13429 12.5 4 12.3658 4 12.2021V9.7334C4.00006 9.56984 4.13432 9.43555 4.29785 9.43555C4.46132 9.43562 4.59564 9.56989 4.5957 9.7334V11.4834L6.80273 9.27539C6.8596 9.22046 6.93488 9.18954 7.01367 9.18945ZM11.7041 4.5C11.7829 4.50001 11.8562 4.53109 11.9131 4.58594C11.9682 4.64292 12 4.71881 12 4.79785V7.26465C12 7.42825 11.8657 7.5625 11.7021 7.5625C11.5386 7.56246 11.4043 7.42823 11.4043 7.26465V5.51465L9.19727 7.72266C9.09271 7.82392 8.93448 7.83385 8.82031 7.75586L8.77637 7.71875C8.66441 7.60303 8.66456 7.42147 8.77637 7.30566L10.9854 5.0957H9.23633C9.07278 5.0957 8.93851 4.96143 8.93848 4.79785C8.93848 4.63425 9.07276 4.5 9.23633 4.5H11.7041Z' fill='black'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0.25' y='0.25' width='16.5' height='16.5' rx='8.25' fill='black' fill-opacity='0.2'/><rect x='0.25' y='0.25' width='16.5' height='16.5' rx='8.25' stroke='black' stroke-width='0.5'/><path d='M7.01367 9.18945C7.09263 9.18945 7.16851 9.2185 7.22363 9.27539C7.27877 9.33238 7.30957 9.40826 7.30957 9.4873C7.30954 9.56617 7.28038 9.64119 7.22363 9.69629L5.0166 11.9043H6.76562C6.92914 11.9043 7.0634 12.0386 7.06348 12.2021C7.06348 12.3658 6.92919 12.5 6.76562 12.5H4.29785C4.13429 12.5 4 12.3658 4 12.2021V9.7334C4.00006 9.56984 4.13432 9.43555 4.29785 9.43555C4.46132 9.43562 4.59564 9.56989 4.5957 9.7334V11.4834L6.80273 9.27539C6.8596 9.22046 6.93488 9.18954 7.01367 9.18945ZM11.7041 4.5C11.7829 4.50001 11.8562 4.53109 11.9131 4.58594C11.9682 4.64292 12 4.71881 12 4.79785V7.26465C12 7.42825 11.8657 7.5625 11.7021 7.5625C11.5386 7.56246 11.4043 7.42823 11.4043 7.26465V5.51465L9.19727 7.72266C9.09271 7.82392 8.93448 7.83385 8.82031 7.75586L8.77637 7.71875C8.66441 7.60303 8.66456 7.42147 8.77637 7.30566L10.9854 5.0957H9.23633C9.07278 5.0957 8.93851 4.96143 8.93848 4.79785C8.93848 4.63425 9.07276 4.5 9.23633 4.5H11.7041Z' fill='black'/></svg>");

  }
  .icon.location {
    background-image: url('../../assets/icons/location.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }

  .icon.arrow-right {
    background-image: url('../../assets/icons/arrow-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  } 

  .icon.crossright {
 
    background-image: url('../../assets/icons/crossright.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }

  .icon.facebook {
 
    background-image: url('../../assets/icons/facebook-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }

  .icon.x {
 
    background-image: url('../../assets/icons/x-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }
  .icon.instagram {
 
    background-image: url('../../assets/icons/instagram-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }

  .icon.youtube {
 
    background-image: url('../../assets/icons/youtube-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }


  .icon.download {
    background-image: url('../../assets/icons/download.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }

  .icon.externallink {
    background-image: url('../../assets/icons/externallink.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }


  .icon.location {
    background-image: url('../../assets/icons/location.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
  }

 
 

 
.toggle-button-group {
    display: inline-flex;  
    align-items: center;
  }
  
   
  .toggle-button {
     
    padding: 10px 24px;
    
     
    border: 1px solid var(--neutral-gray-100);
    border-radius: 6px;  
    
     
    font-family: var(--font-family-main);
    font-size: 18px;
    font-weight: var(--font-weight-regular);
    color: var(--primary-blue-900);  
    
     
    background-color: var(--white);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
  }
  
   
  
   
  .toggle-button:not(:disabled):hover {
    border-color: var(--primary-blue-500);
    color: var(--primary-blue-900);
  }
  
   
  .toggle-button.is-active {
    background-color: rgba(198, 236, 255, 0.35);
    border-color: var(--primary-blue-500);
    color: var(--primary-blue-500);
  }
  
   
  .toggle-button:disabled {
    background-color: var(--neutral-gray-100);
    color: var(--neutral-gray-400);
    border-color: var(--neutral-gray-100);
    cursor: not-allowed;
  }
  
   
  
   
  .toggle-button-group .toggle-button {
    border-radius: 0;
  }
  
   
  .toggle-button-group .toggle-button + .toggle-button {
    
  }
  
   
  .toggle-button-group .toggle-button:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  
   
  .toggle-button-group .toggle-button:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }


   
 
 
.featured-link {
  display: flex;
  align-items: center;
  gap: 20px;  
  
   
  background-color: var(--primary-blue-700);  
  color: var(--white);
  padding: 6px 15px;
  border-radius: 15px;  
  opacity: 0.9;
   
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}

.featured-link:hover {
  background-color: var(--primary-blue-900);  
}

 
.featured-link__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
   
  background-color: rgba(0, 0, 0, 0.1); 
  flex-shrink: 0;  
}

 
.featured-link__text {
  flex-grow: 1;  
  font-size: 18px;
  font-weight: var(--font-weight-regular);
}

 
.featured-link .icon {
  width: 24px;
  height: 24px;
  align-content: center;
}


 
 
 
.pagination {
  display: flex;
  justify-content: center;  
  align-items: center;
}

.pagination__list {
  display: flex;
  align-items: center;
  gap: 8px;  
  list-style: none;
  margin: 0;
  padding: 0;
}

.pagination__link {
   
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  
   
  border: 1px solid var(--neutral-gray-400);
  border-radius: 10px;
  background-color: var(--white);
  
   
  font-size: 16px;
  font-weight: 600;
  color: var(--neutral-gray-700);
  text-decoration: none;
  
   
  transition: all 0.2s ease-in-out;
}

 
.pagination__link .icon {
  width: 16px;
  height: 16px;
  background-color: var(--neutral-gray-700);
}

 
.pagination__link:hover {
  border-color: var(--primary-blue-500);
  background-color: var(--light-blue-100);
  color: var(--primary-blue-500);
}
.pagination__link:hover .icon {
  background-color: var(--primary-blue-500);
}

 
.pagination__link.is-active {
  border-color: var(--primary-blue-500);
  background-color: var(--primary-blue-100);
  color: var(--primary-blue-500);
  pointer-events: none;  
}

 
.pagination__link.is-disabled {
  background-color: var(--neutral-gray-100);
  border-color: transparent;
  color: var(--neutral-gray-400);
  pointer-events: none;  
  cursor: not-allowed;
}
.pagination__link.is-disabled .icon {
  background-color: var(--neutral-gray-400);
}

 
.pagination__separator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: var(--neutral-gray-600);
  font-weight: 600;
}