/********************* Main Header Menu Custom Styles *********************/
/* Remove top margin from logo */
/* .main-header .header-upper .logo-box {
   margin-top: 0 !important;
   padding-top: 10px;
} */

/* Reduce logo size */
/* .main-header .header-upper .logo img {
   height: 125px !important;
   width: auto;
   padding-right: 15px;
} */

/* Align logo and navbar horizontally */
/* .main-header .header-upper .clearfix {
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 100px;
} */

/* Stack info boxes and navbar vertically on the right */
/* .main-header .header-upper .upper-right {
   display: flex;
   flex-direction: column;
   justify-content: center;
} */

/***************************************************************/

.trust-icon {
   font-size: 75px; 
   color:#13b5ea;
}

.color-black {
   color: #000000 !important;
}

.color-red {
   color: #E32124 !important;
}

.bold-font {
   font-weight: bold !important;
}

.color-white {
   color: #ffffff !important;
}

.image-card {
   height: 250px !important;
   width: 100px;
}

.styled-pagination .pagination {
   display: flex;
   justify-content: center;
   gap: 8px;
   list-style: none;
   padding: 0;
}

.styled-pagination .pagination li {
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 0px;
   /* background: #fff; */
   border: 0px solid #ccc;
   transition: all 0.3s ease;
}

.styled-pagination .pagination li.active span {
   background-color: #2276B9;
   /* color: #fff; */
   border-color: #2276B9;
}

.styled-pagination .pagination li a {
   color: #2276B9;
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
}

.styled-pagination .pagination li a:hover {
   background-color: #2276B9;
   color: #fff;
   border-color: #2276B9;
}

.styled-pagination .pagination li.disabled span {
   color: #ccc;
}

/************************************ for header upper small size in mobile menu ***************************/
/* Mobile Responsive Fixes */
@media (max-width: 767px) {

   /* Reduce header top padding and font size */
   .header-top {
      padding: 5px 0;
   }

   .header-top .top-left ul li {
      font-size: 11px;
      line-height: 1.4em;
      padding: 5px 0;
   }

   .header-top .top-left ul li .icon {
      font-size: 12px;
      margin-right: 5px;
   }

   .header-top .top-right .timing {
      font-size: 11px;
      padding: 5px 0;
   }

   .header-top .top-right .social-box {
      padding: 5px 0;
   }

   .header-top .top-right .social-box li {
      margin-left: 8px;
   }

   .header-top .top-right .social-box li a {
      font-size: 12px;
   }

   /* Reduce header-upper info boxes */
   .main-header .header-upper .upper-right {
      padding-top: 15px;
      padding-left: 0;
   }

   .main-header .info-box {
      margin-right: 15px;
      padding-left: 35px;
      font-size: 11px;
   }

   .main-header .info-box .icon-box {
      font-size: 24px;
      top: 0;
   }

   .main-header .info-box li {
      font-size: 11px;
      line-height: 1.4em;
   }

   .main-header .info-box li span {
      font-size: 13px;
   }

   /* Logo size adjustment */
   .main-header .main-box .logo-box {
      padding: 15px 0;
   }

   .main-header .main-box .logo-box .logo img {
      max-height: 50px;
      width: auto;
   }

   /* Header Upper adjustments */
   .main-header .header-upper .logo-box .logo img {
      max-height: 50px;
      width: auto;
   }

   /* Header Top Two */
   .header-top-two {
      padding: 5px 0;
   }

   .header-top-two .top-left .social-box {
      padding: 5px 0;
   }

   .header-top-two .top-left .social-box li {
      margin-right: 8px;
   }

   .header-top-two .top-right .timing {
      font-size: 11px;
      padding: 5px 0;
   }

   /* Make hamburger button more visible */
   .main-menu .navbar-toggler {
      padding: 8px 12px;
      margin-top: 10px;
      border: 2px solid #2276B9;
      background-color: #2276B9;
   }

   .main-menu .navbar-toggler .icon-bar {
      background-color: #ffffff;
      height: 3px;
      width: 25px;
      display: block;
      margin: 4px 0;
   }
}

@media (max-width: 480px) {

   /* Extra small devices */
   .header-top .top-left ul li {
      font-size: 10px;
   }

   .main-header .info-box {
      margin-right: 10px;
      font-size: 10px;
   }

   .main-header .info-box .icon-box {
      font-size: 20px;
   }

   .main-header .main-box .logo-box .logo img,
   .main-header .header-upper .logo-box .logo img {
      max-height: 40px;
      width: auto;
   }
}

/*************** Corporate Video Section ******************/
.corporate-video-section {
   position: relative;
   background-size: cover;
   background-position: center;
   height: 500px;
   /* adjust as needed */
   display: flex;
   justify-content: center;
   /* horizontal center */
   align-items: center;
   /* vertical center */
}

.corporate-video-section .overlay {
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.6);
}

.content-wrapper {
   position: relative;
   z-index: 2;
}

.play-btn {
   width: 100px;
   height: 100px;
   background: #ff5e14;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: 0.3s ease;
}

.play-btn i {
   color: #fff;
   font-size: 35px;
}

.play-btn:hover {
   background: #fff;
}

.play-btn:hover i {
   color: #ff5e14;
}
/************************************************************/

/***************** Whatsapp Floating Button *****************/
.whatsapp-float {
   position: fixed;
   bottom: 75px;
   right: 15px;
   width: 60px;
   height: 60px;
   background-color: #25D366;
   color: #fff;
   border-radius: 50%;
   text-align: center;
   font-size: 30px;
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.3s ease-in-out;
}

.whatsapp-float:hover {
   background-color: #1ebe5d;
   transform: scale(1.1);
}
/***************************************************************/