
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
    *{
      
      box-sizing: border-box;
      margin: 0px;
      padding: 0px;
    }
   .wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            height: auto;
            background-color:transparent;
            flex-direction: column;
        }
        .container {
            display: none;
            max-width: 800px;
            background-color: #333;
            border-radius: 8px;
            overflow: hidden;
            opacity: 0;
            transform: scale(0.9);
            transition: opacity 0.5s ease, transform 0.5s ease;
            z-index: 10;
            color: white;
        }
        .left-section-anikesh {
            background-color: #1a1a1a;
            padding: 40px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-right: 1px solid #444;
        }
        
        .left-section-anikesh h1 {
            color: #1e90ff;
            font-size: 48px;
            margin: 0;
        }
        
        .left-section-anikesh p {
            font-size: 18px;
            margin-top: 10px;
        }
        .form-section {
            background-color: #000;
            padding: 40px;
            flex: 2;
        }
        
        .form-section h2 {
            margin-bottom: 20px;
            font-size: 24px;
        }
        
        .form-section .form-group {
            margin-bottom: 20px;
        }
        
        .form-section .form-control,
        .form-section .form-check-input {
            background-color: #555;
            border: none;
            color: white;
        }
        
        .form-section .form-control::placeholder {
            color: #aaa;
        }
        
        .form-section button {
            background-color: #1e90ff;
            border: none;
            width: 100%;
            padding: 10px;
        }
        
        .form-section button:hover {
            background-color: #007bff;
        }
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: none;
            z-index: 5;
        }
        
        .close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            color: white;
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
        }
        
        .main_nav {
            position: sticky;
            top: 0;
            z-index: 2;
        }
        
        .Aniket_nav {
            padding: 0 10px;
        }
        
        .aniket_nav_button {
            background-color: rgb(237, 244, 254);
            color: rgb(0, 102, 255);
            border: 1.5px solid rgb(0, 102, 255);
            border-radius: 8px;
            font-size: 18px;
            font-weight: 500;
            padding: 7px 15px;
            transition: all 0.3s ease;
        }
        
        .aniket_nav_button:hover {
            background-color: rgb(0, 102, 255);
            color: white;
        }
        
        .aniket_nav_fonts {
            margin-left: 30px;
            font-size: 18px;
            font-weight: 500;
            color: rgb(76, 75, 75);
        }
        
        .aniket_nav_fonts:hover {
            color: rgb(0, 102, 255);
        }
        
        .Aniket_nav_ele {
            display: flex;
            align-items: center;
        }
        
        .Aniket_nav_ele > span {
            font-size: 19px;
            font-weight: 600;
            margin-right: 30px;
            color: rgb(75, 74, 74);
            padding: 10px;
        }
        
        .Aniket_nav_ele > span:hover {
            background-color: #e7eaf1;
            border-radius: 5px;
            padding: 10px;
        }
        
        .aniket_logo {
            font-size: 40px;
            font-weight: 900;
            color: rgb(29, 135, 244);
        }

    .Aniket_section{
        width: 100vw;
        height: auto;
        background: linear-gradient(to right, rgb(41, 146, 251), rgb(8, 73, 139));
    }
     .Aniket_section_cont{
        max-width: 800px;
        background-color: linear-gradient(to right, rgb(41, 146, 251), rgb(8, 73, 139));
        height: auto;
        margin: auto;
        padding: 30px 0px;
     }
     .Aniket_section_cont>p:nth-child(1){
        color: white;
        max-width: 550px;
        font-size: 40px;
        font-weight: 600;
        text-align: center;
        margin: auto;
        animation: Aniket_section_cont2 ;
        animation-timeline:view() ;
        overflow: hidden;
     }
     .Aniket_section_cont>p:nth-child(2){
        color: white;
        max-width: 600px;
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
        animation: Aniket_section_cont1 2s  forwards;
        animation-timeline:view() ;
        overflow: hidden;
     }

.Aniket_main_cont1{
    max-width: 1100px;
    height: auto;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-areas: " Q1 Q2"
                            "Q3 Q4"
                            "Q5 Q6"
                            "Q7 Q8";
    margin-top: 40px;
    gap: 40PX;


}
.Aniket_main_cont1>div:nth-child(1){
    
    grid-area: Q1;
    animation: Aniket_S ;
    animation-timeline: view();
}
.Aniket_main_cont1>div:nth-child(2){
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: Aniket_section_cont1 2s  forwards;
    animation-timeline:view() ;
    grid-area: Q2;
    overflow: hidden;
    
}
.Aniket_main_cont1>div:nth-child(2)>h2{
    color: rgb(49, 49, 49);
    margin-bottom: 15px;
}
.Aniket_main_cont1>div:nth-child(2)>p{
    width: 400px;
    font-size: 14px;
    margin-bottom: 15px;
}
.Aniket_main_cont1>div:nth-child(2)>h5{
    color: rgb(41, 146, 251);
}


.Aniket_main_cont1>div:nth-child(3){
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: Aniket_section_cont2 2s  forwards;
    animation-timeline:view() ;
    grid-area: Q3;
    overflow: hidden;
    
    
}
.Aniket_main_cont1>div:nth-child(3)>h2{
    color: rgb(49, 49, 49);
    margin-bottom: 15px;
}
.Aniket_main_cont1>div:nth-child(3)>p{
    width: 400px;
    font-size: 14px;
    margin-bottom: 15px;
}
.Aniket_main_cont1>div:nth-child(3)>h5{
    color: rgb(41, 146, 251);
}
.Aniket_main_cont1>div:nth-child(6){
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: Aniket_section_cont1 2s  forwards;
    animation-timeline:view() ;
    grid-area: Q6;
    overflow: hidden;
    
    
}
.Aniket_main_cont1>div:nth-child(6)>h2{
    color: rgb(49, 49, 49);
    margin-bottom: 15px;
}
.Aniket_main_cont1>div:nth-child(6)>p{
    font-size: 14px;
    margin-bottom: 15px;
}
.Aniket_main_cont1>div:nth-child(6)>h5{
    color: rgb(41, 146, 251);
    width: 420px;
}
.Aniket_main_cont1>div:nth-child(4){
    grid-area: Q4;
    animation: Aniket_S ;
    animation-timeline: view();
}
.Aniket_main_cont1>div:nth-child(5){
    grid-area: Q5;
    animation: Aniket_S ;
    animation-timeline: view();
}

.Aniket_main_cont1>div:nth-child(7){
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: Aniket_section_cont2 2s  forwards;
    animation-timeline:view() ;
    grid-area: Q7;
    overflow: hidden;
    
    
}
.Aniket_main_cont1>div:nth-child(7)>h2{
    
    width: 300px;
    color: rgb(49, 49, 49);
    margin-bottom: 15px;
}
.Aniket_main_cont1>div:nth-child(7)>p{
    width: 350px;
    font-size: 14px;
    margin-bottom: 15px;
}
.Aniket_main_cont1>div:nth-child(7)>h5{
    color: rgb(41, 146, 251);
    width: 420px;
}
.Aniket_main_cont1>div:nth-child(8){
    grid-area: Q8;
    animation: Aniket_S ;
    animation-timeline: view();
}

.Aniket_lower_cont{
    max-width: 900px;
        background-color: linear-gradient(to right, rgb(41, 146, 251), rgb(8, 73, 139));
        height: auto;
        margin: auto;
        padding: 30px 0px;
        
}
.Aniket_lower_cont>p:nth-child(1){
    color: white;
        max-width: 600px;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        margin: auto;
        

}
.Aniket_lower_cont>p:nth-child(2){
        color: white;
        max-width: 450px;
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;

}

.Aniket_lower_cont{
    margin-top: 40px;
}
.Aniket_lower_cont>div{
    width: 700px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;

}
.Aniket_input{
    width: 180px;
    height: 30px;
    padding: 3.5px;
    padding-left: 9px;
    border: none;
    border-radius: 4px;
}
.Aniket_select{
    width: 180px;
    height: 30px;
    padding: 4px;
    padding-left: 9px;
    border: none;
    border-radius: 4px;
    color: gray;

}
.Aniket_button{
    padding: 3.5px 29px;
}
.Aniket_lower_cont>div>form>div>input{
    width: 20px;
}
.Aniket_lower_cont>div>form>div>span{
    font-size: 11px;
    font-weight: 500;
}
@keyframes Aniket_section_cont1 {
    0%{
        transform: translate(500px);
        opacity: 0;
    }
    50%{
        transform: translate(0px);
        opacity: 5;
    }
}
@keyframes Aniket_section_cont2 {
    0%{
        transform: translate(-500px);
        opacity: 0;
    }
    50%{
        transform: translate(0px);
        opacity: 5;
    }
} 
@media (width <= 900px) {
    .Aniket_section_cont>p:nth-child(1){
        max-width: 350px ;
        font-size: 25PX;
        text-align: center          ;
     }
     .Aniket_section_cont>p:nth-child(2){
        max-width: 350px ;
        font-size: auto;
     }

}
@media (width <= 750px) {
    .Aniket_section_cont>p:nth-child(1){
        max-width: 300px ;
        font-size: 20PX;
        text-align: center          ;
     }
     .Aniket_section_cont>p:nth-child(2){
        max-width: 300px ;
        font-size: auto;
     }

}
@media (width <= 450px) {
    .Aniket_section_cont>p:nth-child(1){
        max-width: 200px ;
        font-size: 18PX;
        text-align: center   
    
               ;
     }
     .Aniket_section_cont>p:nth-child(2){
        max-width: 250px ;
        font-size: auto;
     }

}
@media (width <= 750px) {
    .Aniket_main_cont1{
 
    grid-template-columns: repeat(1,1fr);
    grid-template-areas: " Q1"
                            " Q2"
                            "Q4" 
                            "Q3"
                            "Q5"
                             "Q6"
                            "Q8"
                            " Q7";
   margin-left:20px ;

}

}

@media (width <= 450px) {
    .Aniket_lower_cont>div{
    width: 70vw;
    flex-wrap: wrap;

}
.Aniket_checkbox{
    display: block;
    
}

}
@media (width <= 750px) {
    .Aniket_lower_cont>div{
    width: 70vw;
    flex-wrap: wrap;

}
.Aniket_checkbox{
    display: block;
}
}
@keyframes Aniket_S{
    0%{
        transform: scale(0.1);
        opacity: -1;
    }
    30%{
        transform: scale(0.8);
        opacity: 0;
    }
    60%{
        transform: scale(1.1);
        opacity: 1;
    }
    75%{
        transform: scale(1);
        opacity: 2;
    }
    100%{
        transform: scale(0.5);
        opacity: -1;
    }
}

  /* ------- Ashwini -------- */
        
  @media (max-width:768px){
            div#Ash_img{
                display: flex;
                flex-direction: column;
                align-items: center;
               
            }
            div#Ash_img>div:nth-of-type(1)>button{
                width: 200px;
            }
            
        }
        
        @media (min-width:993px){
            div#Ash_cards{
                display: grid;
                grid-template-areas:"a1 a2 a3 a4";
        
            }
        }
        @media (max-width:768px){
            div#Ash_cards{
                display: grid;
                padding-left: 50px;
              
                grid-template-areas:"a1 a2 "
                                    "a3 a4";
        
            }
        }
        @media (min-width:768px) and (max-width:992px){
            div#Ash_cards{
                display: grid;
                grid-template-areas:"a1 a2 a3"
                                    " a5 a4 a6";
        
            }
        }
        div#Ash_cards>div:nth-of-type(1){
            grid-area:a1 ;
        }
        div#Ash_cards>div:nth-of-type(2){
            grid-area:a2;
        }
         div#Ash_cards>div:nth-of-type(3){
            grid-area:a3;
        }
        div#Ash_cards>div:nth-of-type(4){
            grid-area:a4;
        } 
        div#Ash_cards>div:nth-of-type(1):hover{
            background-color: rgba(183, 244, 244, 0.407);
            border: 1px solid rgb(59, 201, 202);
            transform: scale(1.1);

        }
        
        div#Ash_cards>div:nth-of-type(2):hover{
            background-color: rgba(183, 244, 244, 0.407);
            border: 1px solid rgb(59, 201, 202);
            transform: scale(1.1);

        }
        div#Ash_cards>div:nth-of-type(3):hover{
            background-color: rgba(238, 187, 201, 0.373);
            border: 1px solid rgb(242, 160, 185);
            transform: scale(1.1);

        }
        div#Ash_cards>div:nth-of-type(4):hover{
            background-color: rgba(241, 195, 149, 0.348);
            border: 1px solid rgb(244, 137, 29);
            transform: scale(1.1);

        }
        
        div.Ash_box{
            width: 1000px;
            height: 200px;
            margin: auto;
            margin-top: 70px;
            margin-bottom: 100px;
            border: 2px solid rgb(3, 187, 137);
            border-radius: 15px;
            display: flex;
           
        }
        div.Ash_box>div:nth-of-type(1){
            width: 50%;
            height: 100%;
            color:rgb(3, 187, 137);
            padding: 50px 30px;
            font-size: 30px;
            text-align: center;
            font-weight: 500;
        }
        div.Ash_box>div:nth-of-type(2){
            width: 50%;
            height: 100%;
            border-radius: 15px;
            background-color:rgb(3, 187, 137) ;
            color:white;
            padding: 50px 40px;
            font-size: 18px;
            font-weight: 400;
        }
        @media (max-width:768px){
            div.Ash_box{
                width: 500px;
                height: 300px;
                margin: auto;
                margin-top: 70px;
                margin-bottom: 100px;
                border: 2px solid rgb(3, 187, 137);
                border-radius: 15px;
                display: flex;
            
            }
            div.Ash_box>div:nth-of-type(2){
                width: 50%;
                height: 100%;
                border-radius: 15px;
                background-color:rgb(3, 187, 137) ;
                color:white;
                padding: 30px 30px;
                font-size: 18px;
                font-weight: 400;
        }
        }
        @media (min-width:768px) and (max-width:992px){
            div.Ash_box{
                width: 700px;
                height: 300px;
                margin: auto;
                margin-top: 70px;
                margin-bottom: 100px;
                border: 2px solid rgb(3, 187, 137);
                border-radius: 15px;
                display: flex;
            
            }
        }
        div#Ash_heading{
            color:rgb(27, 138, 243);
            width:300px;
            padding: 15px;
            border-radius: 30px;
            margin:auto;
            border: 1px solid rgb(192, 222, 250);
            margin-top: 30px;
        }
        div#Ash_heading:hover{
            background-color: rgb(25, 89, 239);
            color: white;
            transform: scale(1.2);
        }
        button#Ash_btn1{
            background-color: white;
            color:rgb(12, 108, 247);
            padding:10px 20px;
            border-radius: 8px;
            border-color: rgba(96, 137, 193, 0.416);
            border: none;
        }
        button#Ash_btn1:hover{
            background-color: rgb(12, 108, 244);
            color:white;
            transform: scale(1.1);
        }
        button#Ash_btn2{
            background: linear-gradient(rgb(116, 138, 237), rgb(23, 67, 226));
            color:white;
            padding:12px 22px;
            border-radius: 8px;
            border: none;
        }
        button#Ash_btn2:hover{
            background: linear-gradient(rgb(226, 234, 241), rgb(224, 232, 237));
            color: blue;
            transform: scale(1.1);
        }
       
        /* -------Ashwini-------- */






        .wrapper-custom {
            background-color: #f7f8fc;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            height: 100vh;
            text-align: center;
            padding: 20px 10px;
        }
  
        .container-custom {
            height: 500px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
  
        .custom-h1 {
            color: #007bff;
            margin-bottom: 10px;
        }
  
        .custom-p {
            color: #666;
            margin-bottom: 20px;
        }
  
        .nav-tabs-custom {
            display: flex;
            justify-content: center;
            border-bottom: 2px solid #dfe1e5;
            padding-bottom: 10px;
        }
  
        .nav-link-custom {
            color: #666;
            margin: 5px 10px;
            cursor: pointer;
            padding: 10px;
            text-decoration: none;
        }
  
        .nav-link-custom.active {
            color: #007bff;
            border-bottom: 2px solid #007bff;
        }
  
        .tab-content-custom img {
            width: 100%;
            max-width: 800px;
            margin-top: 20px;
            height: calc(100% - 100px); /* Adjusting height to fit within the 500px container */
            object-fit: contain;
        }
  
        .get-started-btn-custom {
            background-color: #007bff;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
  
        .tab-pane-custom {
            display: none;
        }
  
        .tab-pane-custom.active {
            display: block;
        }
  
        @media (max-width: 768px) {
            .container-custom {
                width: 100%;
                padding: 10px;
            }
  
            .custom-h1 {
                font-size: 24px;
            }
  
            .custom-p {
                font-size: 16px;
            }
  
            .nav-tabs-custom {
                flex-direction: column;
                align-items: center;
            }
  
            .nav-link-custom {
                margin: 5px 0;
                width: 100%;
                font-size: 16px;
            }
  
            .get-started-btn-custom {
                font-size: 16px;
            }
        }
  
        @media (min-width: 769px) and (max-width: 992px) {
            .wrapper-custom {
                align-items: flex-start;
            }
  
            .container-custom {
                margin-top: 40px;
                width: 80%;
            }
  
            .custom-h1 {
                font-size: 28px;
            }
  
            .custom-p {
                font-size: 17px;
            }
  
            .get-started-btn-custom {
                font-size: 17px;
            }
        }
  
        @media (min-width: 993px) {
            .container-custom {
                width: auto;
                padding: 0;
            }
  
            .nav-tabs-custom {
                flex-direction: row;
                justify-content: center;
            }
  
            .nav-link-custom {
                margin: 0 10px;
                width: auto;
            }
  
            .custom-h1 {
                font-size: 32px;
            }
  
            .custom-p {
                font-size: 18px;
            }
  
            .get-started-btn-custom {
                font-size: 18px;
            }
        }
            
        

        .Aniket_upper_cont_footer{
            width: 1120px;
            height: 400px;
            display: flex;
            justify-content: space-between;
            padding: 50px 0px;
            margin: auto;
            margin-top: 100px;
        }
        @media (width<=900px){

            .Aniket_upper_cont_footer{
                height: 200px;

            }
            .Aniket_upper_cont_footer>a>img{
             display: none;
            }
        }
        .Aniket_upper_cont_footer>a>img{
            width: 350px;
            height:250px;
            animation: Aniket_f9 ;
            animation-timeline: view();
        }
        @keyframes Aniket_f9 {
            0%{
                transform: scale(0.1);
                opacity: -2;
            }
            30%{
                transform: scale(0.5);
                opacity: 0;
            }
            50%{
                transform: scale(1);
                opacity: 2;
            }
            75%{
                transform: scale(0.7);
                opacity: 0;
            }
            100%{
                transform: scale(0.3);
                opacity: -1;
            }
    
            
        }
      .Aniket_foot_cont{
        max-width: 1320px;
        height: auto;
        margin: auto;
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(5,1fr);
        grid-template-areas: "Aq1 Aq2 Aq3 Aq4 Aq5";
        padding: 0px 70px;
    }
    .Aniket_foot_cont>div:nth-child(1){
        width: 350px;
        grid-area: Aq1;
    }
    .Aniket_foot_cont>div:nth-child(2){
       
        grid-area: Aq2;
    }
    .Aniket_foot_cont>div:nth-child(3){
       
       grid-area: Aq3;
   }
   .Aniket_foot_cont>div:nth-child(4){
       
       grid-area: Aq4;
   }
   .Aniket_foot_cont>div:nth-child(5){
       
       grid-area: Aq5;
   }
    .Aniket_foot_cont a{
        text-decoration: none;
        color: white;
    }
    .Aniket_foot_cont ul{
        list-style-type: none;
    }
    .Aniket_foot_cont li{
        margin-top: 30px;
    }
    .Aniket_foot_cont>div:nth-child(2)>ul>p{
        font-size: 23px;
        font-weight: 400;
        color: white;
        margin-bottom: 35px;
    }
    .Aniket_foot_cont>div:nth-child(3)>ul>p{
        font-size: 22px;
        font-weight: 400;
        color: white;
        margin-bottom: 35px;
    }
    .Aniket_foot_cont>div:nth-child(4)>ul>p{
        font-size: 22px;
        font-weight: 400;
        color: white;
        margin-bottom: 35px;
    }
    .Aniket_foot_cont>div:nth-child(5)>ul>p{
        font-size: 22px;
        font-weight: 400;
        color: white;
        margin-bottom: 35px;
    }
    .Aniket_foot_cont>div:nth-child(1)>h1{
        color: rgb(41, 146, 251);
        font-weight: 900;
        font-size: 45px;
    }
    .Aniket_foot_cont>div:nth-child(1)>p:nth-child(2){
        color: white;
        font-size: 13px;
        font-weight: 600;
        
    }
    .Aniket_foot_cont>div:nth-child(1)>p:nth-child(3){
        color: rgb(0, 102, 255);
        font-size: 15px;
        font-weight: 600;
        margin-top: 20px;
        
    }
    .Aniket_foot_cont>div:nth-child(1)>hr{
        max-width: 250px;
        color: white;
        border: 1px solid white;
        opacity: 1;
    }
    .Aniket_foot_cont>div:nth-child(1)>p:nth-child(5){
        color: white;
        font-size: 15px;
        font-weight: 500;
        width: 200px;
        margin-top: 20px;
        
    }

    .Aniket_foot_cont>div:nth-child(1)>p:nth-child(6){
        color: rgb(0, 102, 255);
        font-size: 15px;
        font-weight: 500;
        width: 200px;
        
    }
    .Aniket_foot_cont>div:nth-child(1)>div{
        display: flex;
        justify-content: space-between;
        flex-wrap:wrap ;
    }
    .Aniket_foot_form{
        max-width: 900px;
        height: auto;
        padding: 10px 35px;
        border-radius:10px ;
        margin: auto;
        display: flex;
        gap:10px;
        margin-top: 30px;
        margin-bottom: 40px;
        background-color: rgb(46, 46, 46);
        justify-content: center;
    }
    .Aniket_foot_form>input{
        width: 220px;
        height: 40px;
        border-radius: 10px;
        border: none;
        padding-left: 10px;
        background-color:rgb(72, 70, 70);
       
    }
    .Aniket_foot_form>select{
        width: 220px;
        height: 40px;
        color: gray;
        background-color:rgb(72, 70, 70);
        border: none;    }
    .Aniket_foot_form>button{
        width: 180px;
    }
    .aniket_lower_footer{
        max-width: 1320px;
        height: auto;
        margin: auto;
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }
    .aniket_lower_footer p{
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        display: inline-block;
        margin-right:20px ;
        margin-left:50px ;
    }
    .aniket_lower_footer>div:nth-child(1)>span{
        font-size: 13px;
        color: rgb(0, 102, 255);
        
    }
    .aniket_lower_footer>div:nth-child(2)>a{
        font-size: 20px;
        color: white;
        background-color: rgb(41, 146, 251);
        padding: 10px 15px;
        border-radius: 50%; 
        margin-right: 5px;       
    }
    .aniket_lower_footer>div:nth-child(2)>a:last-child{
        
        margin-right: 55px;       
    }

    @media (width<=920px) {
        .Aniket_foot_cont{
        max-width: 900px;
        gap: 10px;
        
        padding: 0px 30px;
    }
    .aniket_lower_footer>div:nth-child(1)>span{
       display: none;
        
    }
    .Aniket_foot_cont>div:nth-child(1){
        max-width: 250px;
    }        
    }
    @media (width<=740px) {
        .Aniket_foot_cont{
        max-width: 900px;
        gap: 10px;
        grid-template-columns: repeat(4,1fr);
        grid-template-areas: "Aq1 Aq2 Aq3 Aq4 "
                                "Aq5 . . .";
        padding: 0px 20px;
    }
    .aniket_lower_footer>div:nth-child(1)>span{
       display: none;
        
    }
    .Aniket_foot_cont>div:nth-child(1){
        max-width: 200px;
    }
    .Aniket_foot_form{
        max-width: 90%;
        display: flex;
       flex-direction: column;
       align-items: center;
    }
    .Aniket_foot_form>input{
        width: 100%;
        height: 40px;
        border-radius: 10px;
        border: none;
        padding-left: 10px;
        background-color:rgb(72, 70, 70);
       
    }
    .Aniket_foot_form>select{
        width: 100%;
        height: 40px;
        color: gray;
        background-color:rgb(72, 70, 70);
        border: none;    }
    .Aniket_foot_form>button{
        width: 180px;
    }        
    }
    @media (width<=550px) {
        .Aniket_foot_cont{
        max-width: 900px;
        gap: 10px;
        grid-template-columns: repeat(3,1fr);
        grid-template-areas: "Aq1 Aq2 Aq3  "
                                "Aq1 Aq4 Aq5";
        padding: 0px 10px;
    }
    .aniket_lower_footer>div:nth-child(1)>span{
       display: none;
        
    }
    .Aniket_foot_cont>div:nth-child(1){
        max-width: 150px;
    }
    .Aniket_foot_form{
        max-width: 90%;
        display: flex;
       flex-direction: column;
       align-items: center;
    }
    .Aniket_foot_form>input{
        width: 100%;
        height: 40px;
        border-radius: 10px;
        border: none;
        padding-left: 10px;
        background-color:rgb(72, 70, 70);
       
    }
    .Aniket_foot_form>select{
        width: 100%;
        height: 40px;
        color: gray;
        background-color:rgb(72, 70, 70);
        border: none;    }
    .Aniket_foot_form>button{
        width: 180px;
    }      
    .aniket_lower_footer>div:nth-child(2){
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }  
    }
    @media (width<=350px) {
        .Aniket_foot_cont{
        max-width: 900px;
        gap: 5px;
        grid-template-columns: repeat(2,1fr);
        grid-template-areas: "Aq1 Aq1"
                            "Aq2 Aq3  "
                            " Aq4 Aq5";
        padding: 0px 0px;
    }
    .aniket_lower_footer>div:nth-child(1)>span{
       display: none;
        
    }
    .Aniket_foot_cont>div:nth-child(1){
        max-width: 200px;
    }
    .Aniket_foot_form{
        max-width: 90%;
        display: flex;
       flex-direction: column;
       align-items: center;
    }
    .Aniket_foot_form>input{
        width: 100%;
        height: 40px;
        border-radius: 10px;
        border: none;
        padding-left: 10px;
        background-color:rgb(72, 70, 70);
       
    }
    .Aniket_foot_form>select{
        width: 100%;
        height: 40px;
        color: gray;
        background-color:rgb(72, 70, 70);
        border: none;    }
    .Aniket_foot_form>button{
        width: 180px;
    }      
    .aniket_lower_footer>div:nth-child(2){
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0px;
        gap: 2px;
    }  
    }

    div#Ash_cards{
        animation: a1 linear;
        animation-timeline: view();
    }
    div.Ash_logos{
        width: 100%;
        margin-top: 80px;
        display: flex;
        justify-content: flex-start;
        overflow: hidden;
    }
    div.Ash_logos>span{
        animation: move 10s linear infinite;
    }
    @keyframes move{
        0%{
            transform : translateX(1);
        }
        100%{
            transform: translateX(-100vw);
        }
    }

@media (max-width:450px){
        div#Ash_cards{
            display: grid;
            grid-template-areas:"a1 "
                                "a2 "
                                "a3 "
                                "a4";
        }
    }
@media (max-width:450px){
        div.Ash_box{
            width: 300px;
            height: 200px;
            margin: auto;
            margin-top: 70px;
            margin-bottom: 100px;
            border: 2px solid rgb(3, 187, 137);
            border-radius: 15px;
            display: flex;
        }
        div.Ash_box>div:nth-of-type(1){
        width: 50%;
        height: 100%;
        color:rgb(3, 187, 137);
        padding: 30px 15px;
        font-size: 20px;
        text-align: center;
        font-weight: 500;
        }
        div.Ash_box>div:nth-of-type(2){
            width: 50%;
            height: 100%;
            border-radius: 15px;
            background-color:rgb(3, 187, 137) ;
            color:white;
            padding: 20px 25px;
            font-size: 10px;
            font-weight: 200;
    }
    }


    .aniket_animation{
        animation: Aniket_q1 2s;
        animation-timeline: view();
    }
    @keyframes Aniket_q1{
        60%{
            transform: scale(1);
            opacity: 2;
            
        }
        90%{
            transform: scale(0.5);
            opacity: -4;
        }
        
    }
    