.t702 .t-input-group {
    margin-bottom: 16px
}

.t702 .t702__wrapper {
    padding: 48px 64px
}

.t-popup__block-close-button {
    width: 100%;}


.t-popup__container-animated {
    background: linear-gradient(90deg, rgba(71, 109, 170, 1) 100%, rgba(119, 167, 215, 1) 100%);
    border-radius: 24px;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    border-radius: 24px;
}



.card {
    
    background: linear-gradient(52.91deg, rgba(255, 255, 250, 0.1) 0%, rgba(250, 251, 255, 0) 100%), linear-gradient(121.26deg, rgba(119, 167, 215, 0.3) 15.7%, rgba(169, 222, 252, 0.3) 82.31%);
    border-radius: 24px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0px 0px 64px rgba(119, 167, 215, 0.3);
    z-index:3;
}

.card2 {
    
    border: 2px solid #77A7D7;
    border-radius: 24px;
    z-index:4;
}

  .icon {
    
    background: linear-gradient(305.55deg, rgba(98, 175, 252, 0.05) 31.15%, rgba(119, 167, 215, 0) 93.86%);
    background-blend-mode: hard-light;
    border-radius: 16px;
    border: 2px solid #fffffa;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    z-index:3;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.icon:hover {
    
    background: #476DAA;
}

.list {
    border-radius: 16px;
    background: linear-gradient(90deg, #476DAA 0%, #77A7D7 100%);
    animation-duration: 10s;
    animation-name: fade;
    animation-iteration-count: infinite;
}

@keyframes fade {
    from {
        opacity: 0;
  }

    10% {
        opacity: 1;
  }
  
    30% {
        opacity: 1;
  }
  
    40% {
        opacity: 0;
   
  }
  
    to {
        opacity: 0;
    
  }
}

.list2 {
    border-radius: 16px;
    background: linear-gradient(90deg, #476DAA 0%, #77A7D7 100%);
    animation-duration: 10s;
    animation-name: fade2;
    animation-iteration-count: infinite;
}

@keyframes fade2 {
    from {
        opacity: 0;
  }

    30% {
        opacity: 0;
  }
  
    40% {
        opacity: 1;
  }
  
    60% {
        opacity: 1;
  }
  
    70% {
        opacity: 0;
  }
  
    to {
        opacity: 0;
  }
}

.list3 {
    border-radius: 16px;
    background: linear-gradient(90deg, #476DAA 0%, #77A7D7 100%);
    animation-duration: 10s;
    animation-name: fade3;
    animation-iteration-count: infinite;
}

@keyframes fade3 {
    from {
        opacity: 0;
  }

    60% {
        opacity: 0;
  }
  
    70% {
        opacity: 1;
  }
  
    90% {
        opacity: 1;
  }

    to {
        opacity: 0;
  }
}

.border {
    border-radius: 16px;
    border: 2px solid #fffffa;
}

.bg_css {
    filter: blur(128px);
    z-index: -1;
}

.mainblock {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 640px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0px 0px 96px 96px;
    -webkit-backdrop-filter: blur(128px);
    backdrop-filter: blur(128px);
    filter: drop-shadow(-32px 32px 64px #1E222D);
    z-index: 2;
}

.blur {
    overflow: hidden;
    overflow: -webkit-paged-x;
    position: statick;
    width: 100%;
    height: 100%;
    background: #1E222D;
    z-index: 1;
    border-radius: 0px 0px 96px 96px;
    
}

.mainblock_bot {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 192px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 24px 24px 0px 0px;
    z-index: 2;
    -webkit-backdrop-filter: blur(128px);
    backdrop-filter: blur(128px);
    filter: drop-shadow(-32px 32px 64px #1E222D);

}

.blur_bot {
    overflow: hidden;
    overflow: -webkit-paged-x;
    position: absolute;
    width: 100%;
    height: 192px;
    background: #1E222D;
    border-radius: 24px 24px 0px 0px;
    z-index: 1;
    
}

.circ1 {
    position: absolute;
    background: #77A7D7;
    border-radius: 480px;
    animation-duration: 15s;
    animation-name: slidein;
    animation-iteration-count: infinite;

}

@keyframes slidein {
  from {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 30%;
    height: 30%;
  }

  50% {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10%;
    height: 10%;
  }

    to {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 30%;
    height: 30%;
  }
}

.circ2 {
    position: absolute;
    background: #77A7D7;
    border-radius: 320px;
    animation-duration: 15s;
    animation-name: slidein2;
    animation-iteration-count: infinite;
}

@keyframes slidein2 {
  from {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10%;
    height: 10%;
  }

  50% {
    position: absolute;
    left: 60%;
    top: 60%;
    width: 30%;
    height: 30%;
  }

    to {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10%;
    height: 10%;
  }
}

.circ3 {
    position: absolute;
    background: #476DAA;
    border-radius: 480px;
    animation-duration: 15s;
    animation-name: slidein3;
    animation-iteration-count: infinite;
}

@keyframes slidein3 {
  from {
    position: absolute;
    left: 10%;
    top: 70%;
    width: 40%;
    height: 40%;
  }

  50% {
    position: absolute;  
    left: 70%;
    top: 10%;
    width: 20%;
    height: 20%;
  }

    to {
    position: absolute;    
    left: 10%;
    top: 70%;
    width: 40%;
    height: 40%;
  }
}

.circ4 {
    position: absolute;
    background: #476DAA;;
    border-radius: 360px;
    animation-duration: 15s;
    animation-name: slidein4;
    animation-iteration-count: infinite;
}

@keyframes slidein4 {
  from {
    position: absolute;
    left: 80%;
    top: 80%;
    width: 10%;
    height: 10%;
  }

  50% {
    position: absolute;
    left: 80%;
    top: 30%;
    width: 40%;
    height: 40%;
  }

    to {
     position: absolute;
    left: 90%;
    top: 90%;
    width: 20%;
    height: 20%;
  }
}

@media only screen and (max-width: 1200px) {
    
.card {
    
    background: linear-gradient(52.91deg, rgba(255, 255, 250, 0.1) 0%, rgba(250, 251, 255, 0) 100%), linear-gradient(121.26deg, rgba(119, 167, 215, 0.3) 15.7%, rgba(169, 222, 252, 0.3) 82.31%);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0px 0px 64px rgba(119, 167, 215, 0.3);
    z-index:3;

}

.card2 {
    
    border: 2px solid #77A7D7;
    border-radius: 8px;
    z-index:4;
    
}

  .icon {
    
    background: linear-gradient(305.55deg, rgba(98, 175, 252, 0.05) 31.15%, rgba(119, 167, 215, 0) 93.86%);
    background-blend-mode: hard-light;
    border-radius: 16px;
    border: 2px solid #fffffa;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    z-index:3;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    
}

.icon:hover {
    
    background: #476DAA;
    
}

.list {
    border-radius: 16px;
    background: linear-gradient(90deg, #476DAA 0%, #77A7D7 100%);
    animation-duration: 10s;
    animation-name: fade;
    animation-iteration-count: infinite;
}

.list2 {
    border-radius: 16px;
    background: linear-gradient(90deg, #476DAA 0%, #77A7D7 100%);
    animation-duration: 10s;
    animation-name: fade2;
    animation-iteration-count: infinite;
}

.list3 {
    border-radius: 16px;
    background: linear-gradient(90deg, #476DAA 0%, #77A7D7 100%);
    animation-duration: 10s;
    animation-name: fade3;
    animation-iteration-count: infinite;
}

.border {
    border-radius: 16px;
    border: 2px solid #fffffa;
}

.bg_css {
    filter: blur(128px);
    z-index: -1;
}
}

@media only screen and (max-width: 960px) {

.mainblock {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 413px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0px 0px 48px 48px;
    z-index: 2;
    -webkit-backdrop-filter: blur(128px);
    backdrop-filter: blur(128px);
    filter: drop-shadow(-32px 32px 64px #1E222D);
    
}

.blur {
    overflow: hidden;
    overflow: -webkit-paged-x;
    position: statick;
    width: 100%;
    height: 413px;
    background: #1E222D;
    border-radius: 0px 0px 48px 48px;
    z-index: 1;
    
}
}

@media only screen and (max-width: 640px) {

.mainblock {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 324px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0px 0px 24px 24px;
    z-index: 2;
    -webkit-backdrop-filter: blur(128px);
    backdrop-filter: blur(128px);
    filter: drop-shadow(-32px 32px 64px #1E222D);

}

.blur {
    overflow: hidden;
    overflow: -webkit-paged-x;
    position: statick;
    width: 100%;
    height: 324px;
    background: #1E222D;
    border-radius: 0px 0px 24px 24px;
    z-index: 1;
    
}
}

@media only screen and (max-width: 480px) {

.mainblock {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 422px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0px 0px 24px 24px;
    z-index: 2;
    -webkit-backdrop-filter: blur(128px);
    backdrop-filter: blur(128px);
    filter: drop-shadow(-32px 32px 64px #1E222D);
    
}

.blur {
    overflow: hidden;
    overflow: -webkit-paged-x;
    position: statick;
    width: 100%;
    height: 342px;
    background: #1E222D;
    border-radius: 0px 0px 24px 24px;
    z-index: 8;
    
}

.t702 .t-input-group {
    margin-bottom: 8px
}

.t702 .t702__wrapper {
    padding: 8px 16px
}

.t-width_6 {
    max-width: 320px;
}

}