header{
        position: relative;
       }
         input.form-control {
    padding-top: 5px;
    padding-bottom: 3px;
    border-radius: 7px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
}
         .mobile-input {
    position: relative;
      }
      .mobile-input span {
    color: #A3A3A3;
    font-size: 13px;
    font-family: 'leagueSpartan-Light';
    position: absolute;
    top: 55%;
    left: 12px;
    transform: translateY(-50%);
    line-height: 10px;
     
    }
        .mobile-input input {
            padding-left: 38px;
        }

        .form-section{
        
        }
                .section-container{
                    position: relative;
                }
      
        .form-sec-right{
            border: 0.5px solid #CFCFCF;
            background: #fff;
            border-radius: 15px;
        }
        .profile-box{
            width: 86px;
            height: 92px;
            position: relative;
        }
        .input-filed-n{
position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
        }
        .input-filed-n button{
                background: #000;
    color: #fff;
    outline: none;
    border: none;
    font-size: 12px;
    min-width: 65px;
    min-height: 24px;
    border-radius: 2px;
        }
        .input-filed-n input, .input-file-typec input{
                position: absolute;
    top: 0;
    opacity: 0;
        }
        .profile-box img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .pdf-show  .preview-btn{
            position: absolute;
            bottom: 4px;
            right: 4px;
               padding: 1px 6px 0px;
            color: #fff;
        }
            .pdf-show  .preview-btn i{
                color:#fff;
            }
        .pdf-show .temp-list label{
            position: relative;
        }
        .select-indicate{
               width: 16px;
    height: 16px;
           border-radius: 50%;
            border: 1px solid #fff;
            position: absolute;
            top: 4px;
            right: 5px;
            z-index: 9;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .temp-list  .templateRadio{
            display: none;
        }
        .temp-list:hover{
            cursor: pointer;
        }
              .select-indicate i{
                visibility: hidden;
                color: #fff;
              }
        .temp-list input:checked + label .select-indicate,.temp-list.selected .select-indicate{
            background-color: #63CC00;
            border-color: #63CC00;
        }
        .select-indicate i{
          padding-top: 4px;
        }
            .temp-list input:checked + label .select-indicate i{
              visibility: visible;
                  
            }
            .temp-list.selected .select-indicate  i{
 visibility: visible;
}
  .temp-list .img-overlay{
    position: relative;
  }

            .temp-list .img-overlay::after{
                content: '';
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                background: linear-gradient(360deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 43.75%);
              background: linear-gradient(178deg, rgb(2 0 36 / 52%) 0%, rgb(255 255 255 / 0%) 48%, rgb(2 0 36 / 71%) 100%);
            }
            .input-file-typec{
                border: 1px solid #E3E3E3;
                border-radius: 7px;
            }
            .input-file-typec .filename{
                font-size: 12px;
            }
            .input-file-typec button{
                  background: #000;
    color: #fff;
    outline: none;
    border: none;
    font-size: 12px;
    min-width: 65px;
    min-height: 24px;
    border-radius: 2px;
            }
            .input-file-typec .right-side-btn {
                position: relative;
            }
            .right-side-btn{
                max-width: 65px;
            }

            .input-file-typec{
             
            }
            
         

        .filename {
            font-size: 14px;
            font-weight: 500;
            color: #333;
        }

        .right-side-btn {
            position: relative;
        }

        .right-side-btn button {
          
        }

        .right-side-btn button:hover {
            background: #333;
        }

        .input-file-typec input[type="file"] {
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0;
            cursor: pointer;
            width: 100%;
            height: 100%;
            z-index: 99;
        }

        .thumbnail-container {
            display: flex;
            gap: 10px;
            margin-top: 15px;
            flex-wrap: wrap;
        }

        .thumbnail-item {
            position: relative;
            width: 64px;
            height: 64px;
            border-radius: 8px;
            overflow: hidden;
            border: 2px solid #dee2e6;
        }
          .thumbnail-item::after{
            position: absolute;
            content: '';
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: #00000057;

          }

        .thumbnail-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .thumbnail-item .remove-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            background: transparent;
            color: white;
           
            border-radius: 50%;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 14px;
          border: none;
            transform: translate(-50%, -50%);
                z-index: 99;
        }

       

        .file-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.6);
            color: white;
            font-size: 10px;
            padding: 2px 4px;
            text-align: center;
                visibility: hidden;
        }

        .apysubmit-btn{
          background: linear-gradient(270deg, #570107 0%, #97010C 100%);
             color: #fff;
             border-radius: 4px;
                padding: 7px 12px 5px;
             outline: 0px;
             border: none;
             font-size: 14px;
             text-transform: uppercase;
             letter-spacing: 0.80px;
             margin: 2px 8px;
        }
        .apysubmit-btn.loading-btn{
            opacity: 0.8;
           
            cursor: wait !important;
        }
        .title-sec h1{
          font-size: 20px;
          color: #fff;
          letter-spacing: 0.80px;
          text-transform: uppercase;
             font-family: 'leagueSpartan-Medium';
        }
                .title-sec h2{
                  font-size: 35px;
                  font-family: 'leagueSpartan-SemiBold';
                  color: #fff; 
                  text-transform: uppercase;
                }
                label{
                  font-size: 14px;
                  color: #1D1D1D;
                }
               input.form-control{
                border-color: #E3E3E3;
               }
                .form-control:focus{
                  box-shadow: none;
                }

               .form-control:focus{
                  border-color: #6f151c94;
               } 
               .info-text-input{
                color: #000000a6;
                font-size: 13px;
                display: block;
               }
                   .form-sec-left{
      background: #000;
    }

    header{
      background: #000;
    }
      .form-sec-right{
                  margin-top: -32px;
                }
               @media (min-width:991px){
                .form-sec-right{
                  margin-top: 0px;
                }
                  .section-container::after{
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            background: #000;
                  width: 58%;
            height: 100%;
            z-index: -1;
        }
               }
   @media (min-width:991px){
    header{
      background: transparent;
    }
    .form-sec-left{
      background: transparent;
    }
           

                  }

.light-header .header-menu-label {
    color: #fff;
}
                  .light-header .hamburger-img, .light-header .usericon img {
    filter: none;
}
@media (min-width: 991px) {
    .light-header .hamburger-img, .light-header .usericon img {
        filter: invert(5%) sepia(16%) saturate(1562%) hue-rotate(142deg) brightness(5%) contrast(91%);
    }
}
@media (min-width: 991px) {
    .light-header .header-menu-label {
        color: #0F191B;
    }
}

.popup-box{
  background: #000000eb;
}
.popup-box .text{
  font-size: 18px;
  text-align: center;
      font-family: 'leagueSpartan-Bold';
}
.animation-ctn{
  text-align:center;
zoom: 0.4;
}

	@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 200px
    }
}

@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 200px
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 0px
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px
   
    }

    100% {
        stroke-dashoffset: 960px;
      
    }
}

@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px 
    }

    100% {
        stroke-dashoffset: 960px
    }
}

@keyframes colored-circle { 
    0% {
        opacity:0
    }

    100% {
        opacity:100
    }
}

/* other styles */
/* .svg svg {
    display: none
}
 */
.inlinesvg .svg svg {
    display: inline
}

/* .svg img {
    display: none
} */

.icon--order-success svg polyline {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards;
}
.icon--order-success svg circle#colored {
    -webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
    animation: colored-circle 0.6s ease-in-out 0.7s backwards;
} 

.popup-box{
    z-index: 9;
}


.error{
    font-size: 12px;
    color: red;
}


.form-check .form-check-input {
    border: none;
}

.form-check-input input{
    accent-color: black;
}

.input-file-typec {
    position: relative;
}