body {
     font-family: 'Roboto', sans-serif;
     margin: 0;
     padding: 0;
 }

 .head_h2 {
     font-size: 22px;
     font-weight: 600;
     text-align: center;
     margin-bottom: 20px;
 }

 .main_div_cal {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .calculator-section,
 .calculator-table-data-section {
     background-color: #ffffff;
     padding: 20px;
     border-radius: 10px;
     box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
     max-width: 600px;
     width: 100%;
     margin-bottom: 20px;
 }

 .calculator-form-group {
     display: flex;
     flex-direction: row;
     align-items: center;
     margin-bottom: 15px;
 }

 .calculator-form-group label {
     flex: 1;
     margin-right: 10px;
     /* Adjust the spacing between label and input */
 }

 .calculator-form-input {
     flex: 2;
     /* Adjust the width of the input field */
     padding: 10px;
     border: 1px solid #ddd;
     border-radius: 5px;
     box-sizing: border-box;
     width: 80%;
 }

 .calculator-button {
     padding: 10px 20px;
     border: none;
     border-radius: 5px;
     width: 48%;
     cursor: pointer;
     background-color: #0264b3;
     color: #ffffff;
     transition: background-color 0.3s ease;
     font-size: 16px;
 }

 .calculator-button:hover {
     background-color: #0056b3;
 }

 .link {
     color: #0264b3;
     text-decoration: none;
     font-weight: bold;
     margin-bottom: 10px;
 }

 .link:hover {
     text-decoration: underline;
 }

 .calculator-table-data-section {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .calculator-table-data {
     width: 48%;
     background-color: #0264b3;
     border-radius: 10px;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .calculator-table-data th,
 .calculator-table-data td {
     padding: 10px;
     text-align: center;
     color: white;
 }

 .calculator-table-data th {
     background-color: #004080;
     color: white;
 }

 .calculator-table-data tbody tr:nth-child(odd) {
     background-color: #0264b3;
 }

 .calculator-table-data tbody tr:nth-child(even) {
     background-color: #0056b3;
 }

 .link_div {
     margin-top: 25px;
     margin-bottom: 20px;
 }

 @media (max-width: 670px) {
     .calculator-table-data {
         width: 100%;
     }

     .calculator-section,
     .calculator-table-data-section {
         width: 95%;
     }

     .head_h2 {
         font-size: 20px;
     }
 }

 .div_p_tag {
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: left;
     font-size: 16px;
 }

 .ques_p {
     color: #0056b3;
 }

 .video_content {
     color: black;
     display: none;
     padding: 20px 20px;
     height: 100%;
     font-size: 18px;
 }

 @media screen and (min-width: 320px) and (max-width: 340px) {

     .video_content {
         padding: 15px 15px;
         font-size: 16px;
     }
 }

 @media screen and (min-width: 340px) and (max-width: 370px) {
     .video_content {
         padding: 50px 15px;
         font-size: 15px;
     }
 }

 @media screen and (min-width: 370px) and (max-width: 440px) {



     .video_content {
         padding: 50px 15px;
         font-size: 17px;
     }
 }

 @media screen and (min-width: 440px) and (max-width: 600px) {

     .video_content {
         font-size: 17px;
     }
 }

 @media screen and (min-width:1024px) {
     .video_content {
         font-size: 17px;
     }
 }

 @media screen and (min-width:1440px) {
     .video_content {
         font-size: 20px;
     }
 }

 .video_tab {
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     text-align: center;
     align-items: center;
 }

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

     .video_tab {
         flex-direction: column;
     }
 }

 @media screen and (min-width:900px) and (max-width: 1065px) {

     .video_tab {
         flex-direction: column;
     }
 }

 .title_vid {
     text-align: left;
     max-width: 50%;
     animation: slideInLeft 1s ease-in-out;
 }


 .title_vid h2 {
     text-align: center;
 }

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

     .video_tab,
     .tab2 {
         flex-direction: column;
     }

     .title_vid {
         max-width: 100%;
     }
 }

 @media screen and (min-width:900px) and (max-width: 1065px) {

     .video_tab {
         flex-direction: column;
     }

     .title_vid {
         max-width: 100%;
     }
 }

 .container_tab {
     border: 1px solid #bcbec1;
     border-radius: 5px;
     margin-top: 10px;
 }

 .abt_software {
     font-size: 20px;
     color: #53a583;

 }

 .abt_p {
     margin-top: 25px;
     color: #0264b3;
     cursor: pointer;
     padding: 5px;
     padding-left: 10px;
     font-size: 15px;
     font-weight: 500;
 }

 .abt_p:hover {
     text-decoration: underline;
     color: #000;
 }

 .iframe_vid {
     margin-left: 10px;
 }


 @media screen and (min-width: 320px) and (max-width: 340px) {
     .iframe_vid iframe {
         width: 290px;
     }

     .iframe_vid {
         margin-left: 0px;
     }
 }

 @media screen and (min-width: 340px) and (max-width: 370px) {
     .iframe_vid iframe {
         width: 275px;
     }

     .iframe_vid {
         margin-left: 0px;
     }
 }

 @media screen and (min-width: 370px) and (max-width: 440px) {
     .iframe_vid iframe {
         width: 297px;
     }

     .iframe_vid {
         margin-left: 0px;
     }
 }

 @media screen and (min-width: 440px) and (max-width: 600px) {
     .iframe_vid iframe {
         width: 350px;
     }

     .iframe_vid {
         margin-left: 0px;
     }
 }


 @media screen and (min-width:600px) and (max-width: 680px) {
     .iframe_vid iframe {
         width: 500px;
     }
 }

 @media screen and (max-width: 900px) {
     .iframe_vid {
         margin-left: 0px;
         margin-top: 30px;
     }
 }

 @media screen and (min-width:900px) and (max-width: 1065px) {

     .iframe_vid {
         margin-left: 0px;
         margin-top: 30px;
     }
 }

 @media screen and (min-width:1024px) {
     .iframe_vid iframe {
         width: 550px;
     }
 }

 @media screen and (min-width:1440px) {
     .iframe_vid iframe {
         width: 550px;
     }
 }