.input:focus {
         outline: none !important;
         border:none;
         box-shadow: 0 0 10px #719ECE;
         }
         .fullscreen-container {
         display: none;
         position: fixed;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         background: rgba(90, 90, 90, 0.5);
         z-index: 9999;
         }
         #popdiv {
         background-color: #fff;
         position: fixed;
         top: 50px;
         left: 50px;
         }
         .row {
         margin: 1em 0;
         }
         .popup1{
         font-family: Arial, Helvetica, sans-serif;
         font-family: "Poppins",sans-serif;
         }
         .center {
         border: 1px solid black;
         text-align: center;
         padding-top:50px;
         }
         .div1 {
         width: 400px;
         height: 400px;
         background-color: white;
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
         }
         .div1_Error {
         width: 400px;
         height: 200px;
         background-color: white;
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
         }
         .button_css{
         background-color: #3A3A3A;
         color: white;
         width: 180px;
         height: 35px;
         }
         .button_css1{
         background-color: white;
         color: #444242;
         width: 180px;
         height: 35px;
         }
         footer .footer-contact a{
         font-size: 12px !important;
         }
         .footer-newsletter p{
         font-size: 12px !important;
         }
         footer .footer-legal ul li{
         font-size: .63rem !important;
         }
         header {
         /* left: auto !important;
         width: auto !important;*/
         padding: 30px 0px !important;
         }
         h6{
         font-weight: 600 !important;
         }
         @media (min-width: 1250px)
         .banner .banner-content1 {
         padding: 5px 72px !important;
         }
         @media (min-width: 1025px)
         .banner .banner-content1 {
         min-height: 300px !important;
         }
         .inputFieldLabel{
         font-size: 13px;
         }
         .inputStyleClass{
         height: 45px;
         font-size: 12px;
         width: 100%;
         padding: 12px 20px;
         margin: 8px 0;
         display: inline-block;
         border: 1px solid #ccc;
         border-radius: 4px;
         box-sizing: border-box;
         margin: 8px 0;
         }
           
        select {
         height: 45px;
         font-size: 12px;
            width:100%;
         max-width: 345px;
         padding: 12px 20px;
         margin: 8px 0;
         display: inline-block;
         border: 1px solid #ccc;
         border-radius: 4px;
         box-sizing: border-box;
         margin: 8px 0;
         }
         .inputStyleClass1{
         height: 45px;
         font-size: 12px;
         width: 85%;
         padding: 12px 20px;
         margin: 8px 0;
         display: inline-block;
         border: 1px solid #ccc;
         border-radius: 4px;
         box-sizing: border-box;
         margin: 8px 0;
         }
         .radioFieldNewCSS{
         border-radius: 10px;
         background: #fff;
         padding: 5px;
         font-size: 10px;
         border: 1px solid #ccc;
         width: 70%;
         }
         }
         .container11{
         display:none;
         }
         .container12{
         display:none;
         }
         .imageContainer{
         padding-top: 35px;
         }
         .bannerTitle{
         font-size: 2.2rem;
         }
         .banner .banner-content{
             padding-left: 20px !important;
             padding-right: 20px !important;
         }
         .registrationFormTitle h3 {
         font-size: 2.1rem;
         }
         .formTable {
         width: 100%;
         }
         .formTable label{
         font-size: 0.85rem;
         }
         .two-grid-container {
         display: grid;
         /*grid-template-columns: auto auto;*/
         margin-left: -10px;
         grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
         }
         .three-grid-container {
         display: grid;
         /*grid-template-columns: auto auto auto;*/
         margin-left: -10px;
         grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
         }
         .grid-item {
         padding: 10px;
         }
          
          .wrapperSVG .option span{
            font-size: 9px;
            color: #111;
            padding: 20px 10px;
            line-height: 12px;
            width: 70%;
        }
         .wrapper{
             display: inline-flex;
             width: 100%;
             align-items: center;
             justify-content: space-evenly;
             border-radius: 5px;
             margin-bottom: 15px;
         }
         .wrapper .option{
             background: #fff;
             width: 100%;
             display: flex;
             align-items: center;
             border-radius: 7px;
             cursor: pointer;
             padding: 0 10px;
             border: 1px solid lightgrey;
             transition: all 0.3s ease;
         }
         .wrapper .option .dotContainer{
             padding: 0px 0px 0px 5px;
         }
         .wrapper .option .dot{
             height: 15px;
             width: 15px;
             background: #fff;
             border-radius: 50%;
             position: relative;
             border: 1px solid #ccc;
         }
         .wrapper .option .dot::before{
             position: absolute;
             content: "\2713";
             color: #fff;
             top: 0px;
             left: 1px;
             width: 12px;
             height: 12px;
             border-radius: 50%;
             opacity: 0;
             transform: scale(1.5);
             transition: all 0.3s ease;
         }
         
         /* Existing transition setup */
        .transition-element {
          transition: all 1s ease;
          opacity: 0; /* Start with the element invisible */
          height: 0; /* Start with the element having no height */
          overflow: hidden; /* Prevents content from overflowing during transition */
        }

        /* Define a class for when the element is visible */
        .visible {
          opacity: 1; /* Fully visible */
          height: auto; /* Let the element expand to its natural height */
        }

         input[type="radio"]{
            display: none;
         }