.tatext {
     color: #0C306E !important;
   }

   .tabackground {
     background-color: #0C306E !important;
   }

   .tabackgroundg {
     background: linear-gradient(to bottom, #060252 0%, #1e3a8a 50%, #facc15 100%) !important;
   }

   .read-mor {
     color: white !important;
     border-radius: 20px;
     padding: 5px 15px 5px 15px;
     font-size: 12px;
     float: right;
   }

   #main-menu {
     transition: top 0.5s;
   }

   .my_contact_us {
     background-color: red;
     position: fixed;
     top: 16%;
     z-index: 99999;
     right: -10.1rem;
     height: 0px;
   }

   button.btn.btn-primary.vertical-text.inquiry-pops {
     background-color: #424497;
     border: #d8a623;
     font-size: 17px;
     padding: 5px;
     border-radius: 5px;
     color: #ffff;

   }

   .vertical-text {
     transform: rotate(90deg);
     transform-origin: left top 0;
   }

   /* CSS Modal */

   .modal {
     display: none;
     /* Hidden by default */
     position: fixed;
     /* Stay in place */
     z-index: 99999;
     /* Sit on top */
     padding-top: 100px;
     /* Location of the box */
     left: 0;
     top: 0;
     width: 100%;
     /* Full width */
     height: 100%;
     /* Full height */
     overflow: auto;
     /* Enable scroll if needed */
     background-color: rgb(0, 0, 0);
     /* Fallback color */
     background-color: rgba(0, 0, 0, 0.4);
     /* Black w/ opacity */

   }

   .modal-content {
     position: relative;
     background-color: #fefefe;
     margin: auto;
     padding: 0;
     border: 0;
     width: 30%;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s
   }

   /* Add Animation */
   @-webkit-keyframes animatetop {
     from {
       top: -300px;
       opacity: 0
     }

     to {
       top: 0;
       opacity: 1
     }
   }

   @keyframes animatetop {
     from {
       top: -300px;
       opacity: 0
     }

     to {
       top: 0;
       opacity: 1
     }
   }

   /* The Close Button */
   .close {
     color: white;
     float: right;
     font-size: 28px;
     font-weight: bold;
   }

   .close:hover,
   .close:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
   }

   .modal-header {
     padding: 10px 16px;
     background-color: #424497;
     color: white;
     font-size: 25px;
   }

   .modal-body {
     padding: 10px 16px;
   }



   /* form */

   label {
     display: block;
     margin-bottom: 8px;
     color: #333;
   }

   .form-control {
     width: 100%;
     padding: 10px;
     margin-bottom: 20px;
     border: 1px solid #ccc;
     border-radius: 4px;
     box-sizing: border-box;
     font-size: 16px;
   }

   .btn-submit {
     padding: 10px 40px;
     background-color: #424497;
     color: #fff;
     border: 0;
     border-radius: 5px;
   }




   /* SLogan */
   .slider-bg {

     background: linear-gradient(90deg, hsl(194.73deg 94.12% 46.67%) 8%, hsl(69.6deg 64.1% 54.12%) 70%);
     height: 160px;

   }

   .owl-carousel.version-2 {
     position: relative;
     padding: 15px 35px 0;
     top: -64px;
     left: 45px;


   }

   .rtl .owl-carousel.version-2 {
     position: relative;
     left: -70px;
   }

   .owl-carousel.affilation {
     position: relative;
     padding: 15px 35px 0;
     top: -64px;
     left: 45px;


   }

   .rtl .owl-carousel.affilation {

     position: relative;
     left: -70px;
   }

   .logo-slider-2 {
     width: 100%;
     margin: 0 auto 40px;
     text-align: center;
     max-width: 1200px;

     /* background-color: red !important; */
     /* Adjust z-index if needed */
   }

   .owl-carousel .owl-item {
     padding: 0 20px;
   }

   .owl-nav button {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 30px;
     height: 30px;
     background: #fff !important;
     margin: auto 0;
     box-shadow: 0px 0px 5px #00000069;

     /* Make sure navigation buttons are above items */
   }

   .owl-nav button.owl-next {
     right: 0;
   }

   .owl-nav button.owl-prev {
     left: 0;
   }

   .version-2 h2 {
     margin: 0px;
     font-size: 20px;
   }

   .version-2 p {
     font-size: 15px;
     margin-top: 20px;
     margin-bottom: 30px;
   }

   .version-2 .owl-item {
     text-align: center;
     padding: 10px 20px 20px;
   }

   .version-2 .owl-item img {
     width: 160px;
     margin: 0 auto;
   }

   .headingcapustitle {
     font-size: 20px !important;
     font-family: Times New Roman !important;
     font-weight: 700;
     text-align: center;
     color: #fff !important;
     display: none;
   }

   .WP-ButtonCH {
     color: #fefefe !important;
     font-size: 12px !important;
     border: 2px solid #fefefe !important;
     font-family: "Roboto Slab", Helvetica, Times New Roman !important;
     font-weight: 500 !important;
     font-style: normal !important;
     padding: 5px 10px 5px 10px !important;
   }

   .btn1 {
     text-transform: uppercase;
   }

   .slider-item {
     transition: transform 0.2s;
     border-radius: 50%;
     text-align: center;
     height: 200px;
     width: 200px;
     /*border: 5px solid white;*/
     padding: 40px 20px;

     /* Ensure slider items are above the container background */
   }

   .slider-item .btn1 {
     opacity: 0;
   }

   .slider-item:hover .btn1 {
     /* background-image:
                 */
     background-color: #98e683dd !important;
     transform: scale(1.1, 1.1);
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     opacity: 1;
     position: absolute;
     top: 40%;
     left: 18%;


   }



   /*  Affliation slider-item */

   .slider-item-affilation {

     transition: transform 0.2s;
     border-radius: 50%;
     text-align: center;
     height: 250px;
     width: 250px;
     border: 5px solid white;
     padding: 60px 20px;

   }

   .slider-item-affilation:hover {
     /* background-image:
                 */
     background: #98e683dd !important;
     transform: scale(1, 1);
   }

   a.affilation-button {

     color: #fefefe !important;
     font-size: 14px !important;
     border: 2px solid #fefefe !important;
     font-family: "Roboto Slab", Helvetica, Times New Roman !important;
     font-weight: 500 !important;
     font-style: normal !important;
     padding: 5px 10px 5px 10px !important;
     position: relative;
     top: 10%;


   }





   .bg {
     background-color: black;
     padding: 20px;
   }