.frame-15 h2 {
    font-size: 230%;
}
header .header-menu-bar {
    background: linear-gradient(to left, #99bcc4 0%, #0a4a5c 100%);
}

/* Default styles for menu links */
header .header-menu-bar .menu-list > li > a {
    color: #ffffff !important; /* Default text color */
    background: transparent !important; /* Default background */
    position: relative;
    transition: color 0.3s, background 0.3s;
}

/* Hover and active styles for all menu items */
header .header-menu-bar .menu-list > li:hover > a,
header .header-menu-bar .menu-list > li.active > a {
    color: #333333 !important; /* Text color for hover and active state */
    background: #ffffff !important; /* Background color for hover and active state */
    border-radius: 0.3125rem;
}

/* Submenu arrow styles */
header .header-menu-bar .menu-list > li.has-submenu > a:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-top: 0.3125rem solid #ffffff; /* Default arrow color */
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    transition: border-top 0.3s;
}

/* Hover and active styles for submenu arrows */
header .header-menu-bar .menu-list > li.has-submenu:hover > a:after,
header .header-menu-bar .menu-list > li.active > a:after {
    border-top: 0.3125rem solid #333333 !important; /* Arrow color for hover and active state */
}

footer {
background: linear-gradient(to left, #99bcc4 0%, #0a4a5c 100%);
}
footer a{
    color:#ffffff;
}
footer a:hover{
    color:yellow;
}

/*Service Box*/
.service-box ul {
  grid-template-columns: repeat(3, 1fr);
}
.service-box ul li a {
  padding: 15px 15px;
  color: #544216;
  background-color: #f4ebd0;
}
.service-box ul li a:hover {
  background: #0A4A5C;
  color: #fff;
}

.head-line2{
   border-left: 15px solid #cf2d1e;
   padding-left:5px;
}

/*Box link*/
.box-link ul {
  list-style-type: none;
  line-height: 20pt;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
.box-link li a {
  display: block;
  color: #333333;
  font-size: 110%;
  padding: 8px 14px;
  text-decoration: none;
  background: #f2f2f2;
  border-radius: 15px;
  border:#CED4DA solid 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: none;
}
.box-link li a:hover {
  background-color: #0A4A5C;
  color: white;
  border:1px solid #0A4A5C;
}

/*Social Box*/
.social-box ul {
  list-style-type: none;
  line-height: 20pt;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
.social-box a {
  margin: auto;
  padding: 15px 15px;
  color: #544216;
  display: block;
  background-color: #f4ebd0;
  border-radius: 20px;
  font-size: 120%;
  text-align: center;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  margin-bottom:16px;
  font-family: "athitimedium", sans-serif;
  font-weight: 600;
}
.social-box li a:hover {
  background: #0A4A5C;
  color: #fff;
}

.side-menu ul li a {
    border: 0.0625rem solid #f2f2f2;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 17px;
}
.side-menu ul li a:hover{
    background:#f2f2f2;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.side-menu ul li.active a {
    color: #cf2d1e;
    background:#f2f2f2;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}


body.dark-theme .service-box ul li a, body.dark-theme .box-link li a, body.dark-theme .footer{ background:#333333; }
body.dark-theme .side-menu ul li a:hover{background:#333333; color:#ffffff;}
body.dark-theme .side-menu ul li.active a{background:#333333;}
body.dark-theme .accordion-body a{color:#333333;}
body.dark-theme header .header-menu-bar .menu-list > li.active {background:#000000;}
body.dark-theme .slick-slider .slick-arrow {background:#333333;}
 body.dark-theme .slick-slider .slick-dots li.slick-active button {background:#FFFFFF; border:#FFFFFF;}
body.dark-theme .slick-slider .slick-dots li button {border: 0.0625rem solid #ffffff;}
body.dark-theme .head-line2 {border-left: 15px solid #ffffff;}

@media (min-width: 992px){
.card-img-slide3col {
    height: 8vw;
}

.news-nav-tabs .nav-tabs .nav-link {
    padding: 8px 15px;
}

@media (min-width: 992px){
     .news-nav-tabs.df-tab .nav-tabs .nav-link {
         border: 1px solid #eeeeee;
     }
}

/*more link*/
.more-link a {
    font-family: "athitimedium", sans-serif;
    font-size:90%;
    background-color: #8c1515;
    color: #ffffff;
    font-weight:400;
    border-radius: 100px;
    padding: 5px 10px;;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    float: right;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin:10px;
    margin-bottom:50px;
}
.more-link a:hover {
    color: #fff;
    background-color:#333333;
    text-decoration: underline;
}

header .header-primary .action-menu-list .action-menu-item a.primary-link,
header .header-primary .action-menu-list .action-menu-item button.primary-link {
    background-color: #0A4A5C;
}

header .header-primary .action-menu-list .action-menu-item a,
header .header-primary .action-menu-list .action-menu-item button {
    color:#0A4A5C;
    border: 0.0625rem solid #0A4A5C;
}

.btn-search {
   background-color: #0A4A5C;
   border-color: #0A4A5C;
   border-radius: 100px;
}
.btn-search:hover{
    background:#ae1b1f;
}
