body{
         padding: 0;
         margin: 0;
         width: 100%;
          font-family: "Roboto", sans-serif;
        }
        
        .assist-us{
            padding-top: 100px;
            padding-bottom: 80px;
            color: white;
            background:rgb(7, 7, 95)  ;
            
        }
        .assist-us h2{
            text-align: center;
            font-size:60px;
            margin-top: 30px;
            color:white;
            margin-bottom: 0px;
            font-weight: 500;
        }
        .assist-us p{
            text-align:center ;
            font-size: 25px;
            margin: 0px;
            color: white;

        }
        @media(max-width:600px){
           .assist-us{
            padding-top: 110px;
            padding-bottom: 50px;
            
        }
        .assist-us h2{
            text-align: center;
            font-size:27px;
            color: white;
        }
        .assist-us p{
            text-align:center ;
            font-size: 17px;
            font-weight:none;
            margin: 0px;
        }
        }

         @media(max-width:768px){
           .assist-us{
            padding-top: 110px;
            padding-bottom: 50px;
            
        }
        .assist-us h2{
            text-align: center;
            font-size:27px;
            color: white;
        }
        .assist-us p{
            text-align:center ;
            font-size: 17px;
            font-weight: none;
            margin: 0px;
        }
        }

        @media(max-width:980px){
           .assist-us{
            padding-top: 100px;
            padding-bottom: 50px;
            
        }
        .assist-us h2{
            text-align: center;
            font-size:27px;
            color: white;
        }
        .assist-us p{
            text-align:center ;
            font-size: 17px;
            font-weight: none;
            margin: 0px;
        }
        }

        .deform {
            background: linear-gradient(135deg, #fff7f0 0%, #fff7f0 100%);
            min-height: 100vh;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0px;
            margin-bottom: 60px;
        }
        
        .form-container {
            background: white;
            margin-top: 100px;
            border-radius: 20px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
            padding: 40px;
            z-index: 2;
            width: 100%;
            max-width: 500px;
            animation: fadeIn 0.6s ease-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .form-header {
            text-align: center;
            margin-bottom: 30px;
        }
        
        .form-header h1 {
            color: rgb(7, 7, 95);
            font-size: 28px;
            margin-bottom: 10px;
        }
        
        .form-header p {
            color:black;
            font-size: 16px;
            line-height: 20px;
            font-weight: none;
        }
        
        .form-group {
            margin-bottom: 20px;
            position: relative;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 8px;
            color:rgb(37, 37, 52);
            font-weight: 600;
            font-size: 14px;
        }
        
        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 14px;
            border: 2px solid #e1e1e1;
            border-radius: 12px;
            font-size: 16px;
            transition: all 0.3s ease;
            outline: none;
        }
        
        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            border-color: rgb(98, 98, 100);
            box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
        }
        
        .form-group textarea {
            min-height: 120px;
            resize: vertical;
        }
        
        .form-row {
            display: flex;
            gap: 15px;
        }
        
        .form-row .form-group {
            flex: 1;
        }
        
        .submit-btn {
            width: 100%;
            background: linear-gradient(135deg, #06025e 0%, #0e014a 100%);
            color: white;
            border: none;
            padding: 16px;
            margin-left: 10px;
            border-radius: 12px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .submit-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(42, 35, 124, 0.4);
        }
        
        .submit-btn:active {
            transform: translateY(0);
        }
        
        .error-message {
            color: #140158;
            font-size: 14px;
            margin-top: 5px;
            display: none;
        }
        
        .success-message {
            background: #6d93e6;
            color:rgb(9, 9, 44);
            padding: 15px;
            border-radius: 12px;
            margin-bottom: 20px;
            text-align: center;
            display: none;
        }
        
        .required {
            color: rgb(9, 9, 44);
        }
        
        @media (max-width: 600px) {
            .form-container {
                padding: 30px 45px;
                margin-top: 0px;
                padding-left: 12px;
            }
            
            .form-row {
                flex-direction: column;
                gap: 20px;
            }
            .form-header h1 {
            color: rgb(7, 7, 95);
            font-size: 25px;
            margin-bottom: 10px;
           }
        
        .form-header p {
            color:black;
            font-size: 16px;
        }
        }
        @media (max-width: 768px) {
            .form-container {
                padding: 30px 45px;
                margin-top: 0px;
                padding-left: 12px;
            }
            
            .form-row {
                flex-direction: column;
                gap: 20px;
            }
            .form-header h1 {
            color: rgb(7, 7, 95);
            font-size: 25px;
            margin-bottom: 10px;
           }
        
        .form-header p {
            color:black;
            font-size: 16px;
        }
        }

        @media (max-width: 980px) {
            .form-container {
                padding: 30px 45px;
                margin-top: px;
                padding-left: 12px;
                
            }
            
            .form-row {
                flex-direction: column;
                gap: 20px;
            }
        .form-header h1 {
            color: rgb(7, 7, 95);
            font-size: 25px;
            margin-bottom: 10px;
           }
        
        .form-header p {
            color:black;
            font-size: 16px;
        }
        }
     
.last-image{
    margin-top: 20px;
    width:100px;
}
.last-sec{
    width:100%;
    background: black;
}

.row-sec{
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    color: white;
    width: 100%;
}
.useful-div{
    display: flex;
}
.about-div{
    margin-right:50px;
}
.last-sec p{
    cursor: pointer;
    font-size: 18px;
}
.make-pag{
    line-height: 25px;
}
.useful-div p:hover,.useful p:hover{
    color: rgb(58, 58, 249);
}

@media(max-width:600px){
     .row-sec{
        flex-direction: column;
        padding-left: 10px;
     }
     .about-div{
      margin-right:28px;
     }
     .useful-div h1,.useful h1{
        font-size: 21px;
        font-weight: bolder;
        padding-left: 10px;
     }
     .last-sec p{
    cursor: pointer;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    }
    .useful p{
        padding: 0px;
        margin: 0px;
    }
    }
    @media(max-width:768px){
     .row-sec{
        flex-direction: column;
        padding-left: 10px;
     }
     .about-div{
      margin-right:28px;
     }
     .useful-div h1,.useful h1{
        font-size: 21px;
        font-weight: bolder;
        padding-left: 10px;
     }
     .last-sec p{
    cursor: pointer;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    }
    .useful p{
        padding: 0px;
        margin: 0px;
    }
    }
    @media(max-width:980px){
     .row-sec{
        flex-direction: column;
        padding-left: 10px;
     }
     .useful-div h1,.useful h1{
        font-size: 21px;
        font-weight: bolder;
        padding-left:10px;
     }
    .about-div{
      margin-right:28px;
     }
     .last-sec p{
    cursor: pointer;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
    padding-left:10px;
    }
    .useful p{
        padding: 0px;
        margin: 0px;
    }

    }
    .copy-right{
        width: 100%;
        background: black;
        margin: 0px;
    }
    .copy-div{
      margin: 0px;
      display: flex;
      justify-content: center; 
      border-top: 2px solid grey ;
      width: 100%;
    }
    .copy-div p{
        color: gray;
        font-weight: 100;
        font-size: 15px;
    }
    @media(max-width:600px){
    .copy-right{
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0px;
        background-color: black;
        width: 100%;
    }
    .copy-div{
      display: flex;
      background: black;
      justify-content:center; 
      border-top: 2px solid grey;
      width: 100%;

    }
    .copy-div p{
        color: gray;
        font-weight:normal;
        font-size: 13px;
    }
    }
    @media(max-width:768px){
    .copy-right{
        width: 100%;
        background: black;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0px;
    }
    .copy-div{
      background: black;
      display: flex;
      justify-content:center; 
      border-top: 2px solid grey ;
      width: 100%;
      margin: 0px;
      margin-left:0px;

    }
    .copy-div p{
        color: gray;
        font-weight:normal;
        font-size: 13px;
    }

    }
     @media(max-width:980px){
    .copy-right{
        width: 100%;
        background: black;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0px;
    }
    .copy-div{
      background: black;
      display: flex;
      justify-content:center; 
      border-top: 2px solid grey ;
      width: 100%;
      margin-left: 0px;
      margin: 0px;

    }
    .copy-div p{
        color: gray;
        font-weight:normal;
        font-size: 13px;
    }


    }