@charset "UTF-8";
/*---------------------------------------------------------------------
  File Name: u1_theme_blue.css
  Purpose: Univ1 blue theme
  Scope: theme identity, color tokens, and theme-owned component skin
---------------------------------------------------------------------*/
:root {
  --u1-theme-font-body: 'Roboto', sans-serif;
  --u1-theme-font-heading: 'Adamina', serif;
  --u1-theme-font-ui: 'Roboto', sans-serif;
  --u1-theme-font-hero: 'Montserrat', sans-serif;
  --u1-theme-font-legacy: calibri, sans-serif;
  --u1-theme-accent: #007b9a;
  --u1-theme-accent-strong: #005f78;
  --u1-theme-accent-06: #007b9a06;
  --u1-theme-accent-11: #007b9a11;
  --u1-theme-accent-14: #007b9a14;
  --u1-theme-accent-55: #007b9a55;
  --u1-theme-accent-77: #007b9a77;
  --u1-theme-accent-7f: #007b9a7f;
  --u1-theme-accent-84: #007b9a84;
  --u1-theme-accent-bb: #007b9abb;
  --u1-theme-accent-bf: #007b9abf;
  --u1-theme-accent-cf: #007b9acf;
  --u1-theme-accent-df: #007b9adf;
  --u1-theme-accent-ff: #007b9aff;
  --u1-theme-accent-alt: #005f78;
  --u1-theme-cta: #007b9a;
  --u1-theme-cta-strong: #005f78;
  --u1-theme-floating-accent: #4fce5d;
  --u1-theme-dark-accent: #1c2a46;
  --u1-theme-order-accent: #f6a322;
  --u1-theme-surface: #ffffff;
  --u1-theme-surface-alt: #eeefef;
  --u1-theme-scrollbar-thumb: var(--u1-theme-accent);
  --u1-theme-scrollbar-track: var(--u1-theme-surface);
  --u1-theme-text-body: #839290;
  --u1-theme-heading: #2e3433;
  --u1-theme-heading-strong: #2f2f2f;
  --u1-theme-lead: #484d55;
  --u1-theme-on-accent: #ffffff;
  --u1-theme-on-dark: #ffffff;
  --u1-theme-on-hero: #ffffff;
  --u1-theme-on-dark-soft: #ffeeff;
  --u1-theme-scroll-top-text: #ffffff;
  --u1-theme-scroll-top-bg: rgba(90, 92, 105, 0.5);
  --u1-theme-float-panel-bg: #ffffff;
  --u1-theme-float-btn-text: #ffffff;
  --u1-theme-float-btn-bg: #4fce5d;
  --u1-theme-float-btn-border: transparent;
  --u1-theme-float-btn-hover-text: #4fce5d;
  --u1-theme-float-btn-hover-bg: #ffffff;
  --u1-theme-float-btn-hover-border: #4fce5d;
  --u1-theme-float-btn-mobile-text: #4fce5d;
  --u1-theme-float-btn-mobile-bg: #ffffff;
  --u1-theme-float-btn-mobile-border: #ffffff;
  --u1-theme-float-btn-mobile-hover-text: #ffffff;
  --u1-theme-float-btn-mobile-hover-bg: #4fce5d;
  --u1-theme-float-btn-mobile-hover-border: #4fce5d;
  --u1-theme-price-badge-bg: #f7f7f7;
  --u1-theme-price-badge-text: #333333;
  --u1-theme-neutral-button-bg: #515151;
  --u1-theme-neutral-button-text: #ffffff;
  --u1-theme-carousel-nav-bg: rgba(0, 123, 154, 0.92);
  --u1-theme-carousel-nav-hover: #005f78;
  --u1-theme-surface-muted: #f6f9fa;
  --u1-theme-text-muted: #667573;
  --u1-theme-border-subtle: rgba(28, 42, 70, 0.10);
  --u1-theme-shadow-card: 0 8px 24px rgba(28, 42, 70, 0.08);
  --u1-theme-shadow-card-hover: 0 14px 34px rgba(28, 42, 70, 0.13);
  --u1-theme-shadow-control: 0 4px 12px rgba(28, 42, 70, 0.12);
  --u1-theme-focus-ring: rgba(0, 123, 154, 0.28);
}

html, body, * { scrollbar-color: var(--u1-theme-scrollbar-thumb) var(--u1-theme-scrollbar-track); }
*::-webkit-scrollbar-track { background: var(--u1-theme-scrollbar-track); }
*::-webkit-scrollbar-thumb {
  background: var(--u1-theme-scrollbar-thumb);
  border: 2px solid var(--u1-theme-scrollbar-track);
}

/* CSS Document */


/*------------------------------------------------------------------

Template Name:      Cardiology | Free Bootstrap Responsive Website Templates
Version:            1.0.0
Last change:        17/12/2016


------------------------------------------------------------------
[CSS Table of contents]

1.  Body / Typography
2.  Form Elements
3.  Buttons
4.  General / Elements
        4.1 Section space
        4.2 Margin space
        4.3 Padding space
        4.4 Background color
        4.5 Features
        4.6 Bullets
        4.7 Call to actions
        4.8 Img hover effect
        4.9 Icon
        -----------------------
5. Header / Navigations
        5.1 Header Regular
        5.2 Header Transparent
        5.3 Navigation Regular
        5.4 Page Header

        -----------------------
6. Slider
        6.1 Slider
        -----------------------
7. Content
8. Footers
9. Pages
    9.1  Service
    9.2  Service Single / sidebar with sidenav
    9.3  Testimonial
    9.4 Contact us
    ------------------------------------
10.Blog
    10.2 Blog
    10.2 Blog Single
    ------------------------------------
11.Sidebar
    11.1 Widget
    11.2 Sidenav
    ------------------------------------
13. Media Queries
------------------------------------------------------------------*/

body{
  background-color: #fff;
  color: var(--u1-theme-text-body);
}

h1,h2,h3,h4,h5,h6{
  color: var(--u1-theme-heading);
}

.js-usp-section{
  background: #fff;
}

.home-section-part:nth-child(even) {
  background-color: var(--u1-theme-surface-alt);
}

.home-section-part:nth-child(even) h2{
  color: var(--u1-theme-heading);
}

.home-section-part:nth-child(even) h2::after{
  background-color: var(--u1-theme-accent);
}

.js-home-about-section {
  color:black !important;
}

/* header_app_opts properties */
#header_app_opts li a{
  color: #fff;
  background: var(--u1-theme-accent);
}
/* header_app_opts properties */

/* header social icons */
ul.social_icon li a:hover {

     color: #fff;
}
/* header social icons */
#myOpen-loader2{

  background-color: rgba(0,0,0,0.8) !important;
}

#myOpen-loader{

  background-color: #fff !important;
}

.loader-spin span:nth-child(1) {

 background-color: var(--u1-theme-accent-77);
}
.loader-spin span:nth-child(2) {
 background-color: var(--u1-theme-accent-bb);
}
.loader-spin span:nth-child(3) {
 background-color: var(--u1-theme-accent-ff);
}
.loader-spin span:nth-child(4) {
 background-color: var(--u1-theme-accent-bb);
}
.loader-spin span:nth-child(5) {
 background-color: var(--u1-theme-accent-55);
}

/* CSS Loader Ends */


.home-section-heading::after{

    background-color: var(--u1-theme-accent);
}
a {

  color: #8d9393;
}

a:focus, a:hover {

  color: var(--u1-theme-accent);
}

.lead{

  color: var(--u1-theme-lead);
}

/*---------------- title class ------------*/
.title{
color: #333333;
}
.heading-title{

color: var(--u1-theme-heading-strong);
}
.text-white{
color: #fff;
}

/*----------------- template button --------------*/
  /*--------- btn default --------*/
.btn-default {
color: #fff;
background-color: var(--u1-theme-cta);
}
.btn-default:hover {
color: #fff;
background-color: var(--u1-theme-accent);
}
.btn-default.focus, .btn-default:focus {
color: #fff;
background-color: var(--u1-theme-accent);
}


  /*--------- btn primary --------*/

.btn-primary {
background-color: var(--u1-theme-cta);
color: #fff;
}
.btn-primary:hover {
background-color: var(--u1-theme-cta-strong);
color: #fff;
}
  /*--------- btn outline --------*/

.btn-white {
background-color: #fff;
color: var(--u1-theme-accent);
border: 3px solid #fff;
}

.btn-white:hover {
  background-color: transparent;
  border: 3px solid #fff;
  color: #fff;
}
.btn-white.focus, .btn-white:focus {
background-color: transparent;
border: 3px solid #fff;
color: var(--u1-theme-accent);
}


  /*--------- btn link --------*/
.btn-link{
color: var(--u1-theme-cta);
}
.btn-link:hover{
color: var(--u1-theme-accent);
}

/*--------- btn size --------*/

/*--------- selection --------*/
 ::selection {
    background: #ffecb3;
    color: #333;
}
/*-------------- Template Form Inputs ------------*/

  /* Footer Social Links */

.control-label{
color: var(--u1-theme-text-body);
}
.form-control{
color: #333;
  background-color: #fff;
border: 2px solid rgba(0, 0, 0, 0.045) !important;
background-image: none;
}
.form-control:focus {
border-color: var(--u1-theme-accent) !important;
background-color: #eaeaea;
}

.textarea.form-control{
background-color: #fff;
}
.required{
color: red;
}
.input-group-addon {
color: #fff;
background-color: var(--u1-theme-cta);
}

.footer-form .form-span {
background-color: var(--u1-theme-cta);
}
.input-group-btn {
background-color: var(--u1-theme-accent);
}

.input-group-btn i {
color: #fff !important;
}
/*-----------------------------------
space css class
-----------------------------------*/
/*---------------
 Section Space

 * Section space help to create top bottom space.
 *

-----------------*/
/*----------------
margin space
-----------------*/
/*---------------
padding space
-----------------*/
/*-----------------------------------------
 background & block color
------------------------------------------*/
.bg-light{
background-color: #f5f7f7;
}

.bg-primary{
background-color: var(--u1-theme-accent);
}

.bg-white{
background-color: #fff;
}

/*-------------- Bullet point -------------*/

.bullet{
  color: var(--u1-theme-accent-alt);
}

.bullet-angle-right li:before {
  color: var(--u1-theme-accent-alt);
}

 /*----------------- Image Hover Effect ---------------*/
.imghover:hover::before {
 background: rgba(0, 48, 60, .55);
}
.imghover:hover::after {
 color: #FFFFFF;
}

/*--------------- Features block class --------------*/

.feature-icon{
  color: var(--u1-theme-accent);
}

/*-------- feature icon left --------*/

/*-------- feature inner padding --------*/
/*---------------- Thumbnail Block ------------*/

/*------------------ top herder ----------------*/

/* Home Page Landing Advertisement */
.landingAdPop .modal-content {
background-color: #0000;
}
.landingAdPop .modal-dialog {
background-color: #0000;
}
.landingAdPop .modal-body button {
  background-color: #000d;
  color: #fff !important;
}
/* Home Page Landing Advertisement */

.top-header{
color: var(--u1-theme-heading);
}

.top-header .logo-con p.brandname{
  color: var(--u1-theme-accent);
  border-bottom: 1px solid #000;
}

.footer-logo a.logo p.brandname{
  color: #fff;
  border-bottom: 1px solid #fff;
}

.top-header .logo-con p.tagline{
  color: var(--u1-theme-accent);
}

.footer-logo a.logo p.tagline{
  color: #fff;
}

.top-link i{
  color: var(--u1-theme-accent);
}

.top-icon-con{
  border: 1px solid var(--u1-theme-accent);
  color: var(--u1-theme-accent);
}

/*------------------ Navigation ----------------*/

.header{
  background-color: var(--u1-theme-accent);
}

#navigation {
background: transparent;
}

#navigation > ul > li > a {
  color: #fff;
}

#navigation > ul > li > a:hover {
  color: #fff;
}

#navigation > ul > li:before {
  color: #039284;
}

/* 2, 3 level menus */
#navigation ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  color: var(--u1-theme-accent);
  background: #fff;
}

#navigation ul ul li:hover > a,
#navigation ul ul li a:hover {
  color: #ff5448;
}

#navigation ul ul li.has-sub > a:after {
  background: #dddddd;
}

#navigation ul ul li.has-sub > a:before {
  background: #dddddd;
}

#navigation.small-screen ul li {
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}

#navigation.small-screen ul ul li a {
  color: #fff;
  background: none;
}

#navigation.small-screen ul ul li:hover > a,
#navigation.small-screen ul ul li.active > a {
  color: #fff;
}

#navigation.small-screen #menu-button {
  color: #fff;
}

#navigation.small-screen #menu-button:after {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

#navigation.small-screen #menu-button:before {
  background: #fff;
}

#navigation.small-screen #menu-button.menu-opened:after {
  background: #fff;
}

#navigation.small-screen #menu-button.menu-opened:before {
background: #fff;
}

#navigation.small-screen .submenu-button {
  border-left: 1px solid rgba(120, 120, 120, 0.2);
}

#navigation.small-screen .submenu-button.submenu-opened {
background: #19978a;
}

#navigation.small-screen .submenu-button:after {
  background: #fff;
}

#navigation.small-screen .submenu-button.submenu-opened:after {
  background: #fff;
}

#navigation.small-screen .submenu-button:before {
  background: #fff;
}

.navigation-search i{
  color: #fff;
}
/*-------------- page header ------------*/
.page-header{
  background: linear-gradient(rgba(128, 153, 151, 0.7),
  rgba(128, 153, 151, 0.7)), rgba(128, 153, 151, 0.7) url(../images/page-header.jpg) no-repeat center;
}

.page-title{
  color: #fff;
}

.page-containt{
  color: #fff;
}

/*-------------- slider ------------*/
.intro-section{
  background:linear-gradient(rgba(128, 153, 151, 0.7), rgba(128, 153, 151, 0.7), rgba(128, 153, 151, 0.7)), url(../images/hero-img.jpg) no-repeat center;
}

.intro-caption{
  color: #fff;
}

.intro-title{
  color: #fff;
}
/*-------------- footer ------------*/
.footer{
  background-color: #222626;
}

.footer-title{
  color: #fff;
}

.footer-widget{
  color: #7f8685;
}

.footer-widget .cstm_btn{
  background-color: var(--u1-theme-accent);
  color: #fff;
}

.footer-widget .cstm_btn a{
  color: #fff;
}

/* move_to_top properties */
#move_to_top{
  background-color: var(--u1-theme-accent);
  color: #fff;
}

#whatsapp_chat{
  background-color: var(--u1-theme-floating-accent);
  color: #fff;
}
/* move_to_top properties */


.footer-widget .cstm_btn a i{
color: #fff !important;
}

.footer-widget .cstm_btn a:hover{
  background-color: var(--u1-theme-accent);
  color: #fff;
}

.footer-widget .footer-logo{
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-widget .contact li i {
  color: var(--u1-theme-accent);
}

.footer-widget p{
  color: #7f8685;
}

.footer-link{
  color: #7f8685;
}

.footer-widget i{
  color: var(--u1-theme-accent);
}

.footer-widget .form-control {
  color: #fff;
  background-color: #474e4e;
}

/*-------------- tiny footer ------------*/
.tiny-footer{
  background-color: #222626;
  color: #7f8685;
}
   /*-------------Contact Us-------------*/

.contact-info-title{
  color: #333;
}

.contact-info li i {
  color: #90d7d6;
}
/*-------------- align ------------*/


/* =WordPress Core
-------------------------------------------------------------- */

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
}

/*-------------- blog css  ------------*/
/*-----blog post listing-----*/

.post-sticky {
  background: url(../images/sticky-sign.png) no-repeat;
}

.post-meta{
  color: #a3aca9;
}

.post-meta i{
  color: var(--u1-theme-accent);
}

.meta-date{
  color: #a3aca9;
}

.meta-cat{
  color: #a3aca9;
}

.meta-link{
  color: #909090;
}

.post-meta span:after {
  color: #b0b0b0;
}

.meta-doctor{
  color: var(--u1-theme-accent);
}

blockquote{
  color: var(--u1-theme-heading);
  border-left: 6px solid var(--u1-theme-cta);
}

.name{
  color: #333;
  font-size: 18px;
}
/*----- prev-next-----*/

.post-navigation{
 border-bottom: 1px solid #f0f6f6;
}

.prev-link {
  color: var(--u1-theme-text-body);
}

.next-link{
  color: var(--u1-theme-text-body);
}

/*-------------- sidebar csss ------------*/
      /*----- widget -----*/
.widget{
  background-color: #f3f6f6;
}

.widget ul li a{
  color: #2e3233;
}

.widget-tags a {
color: #fff;
background-color: #c6caca;
}

.widget-tags a:hover {
  background-color: var(--u1-theme-cta);
  color: #fff;
}
/*----- Author Post -----*/

.author-post{
  border-bottom: 1px solid #f0f6f6;
}

.author-meta{
  color: var(--u1-theme-accent);
}

/*----- Comment Post -----*/

.comment-meta-date{
  color: #bbc2c3;
}
/*----- Leave Reply -----*/

/********** Extra Plugin CSS - Back to top **********/

.cd-top {
  background: rgba(236, 96, 81, 100) url(../images/cd-top-arrow.svg) no-repeat center 50%;
}

.no-touch .cd-top:hover {
  background-color: var(--u1-theme-accent);
}


.top-home-slider .top-slider-overlay {
  background-color: #0006;
}

.top-home-slider .top-carousel-caption {
  background-color: #0006;
}

.top-home-slider .top-carousel-details h1,
.top-home-slider .top-carousel-details h2 {
  color: #fff;
}

.top-home-slider .top-carousel-details p {
  color: #fff;
}

.top-home-slider .owl-nav button:hover {
  color: #fff;
}

.top-home-slider .owl-prev {
  color: #fffa;
  border:0px solid black;
}

.top-home-slider .owl-next {
  color: #fffa;
  border:0px solid black;
}


/* USP Home Section Start */
/*.usp-tile h3{*/
/*  border-bottom: 1px solid var(--u1-theme-accent);*/
/*}*/

.usp-tile h3::after{
  background-color: var(--u1-theme-accent);
}

.usp-tile h3 a{
  color: #000;
}

.usp-text-col h2 {
  color: #222 !important;
}
/* USP Home Section End */

/* service section */

.service-img {
  background:linear-gradient(rgba(235, 246, 245, 0.9), rgba(235, 246, 245, 0.9)), rgba(235, 246, 245, 0.9);
}

.service-caption {
  background-color: #90d7d6;
}

.service-title{
  color: #fff;
}

.properties-single {
  background-color: #fff;
}

.properties-single .properties-footer a {
  color: var(--u1-theme-accent);
}

.properties-single .properties-footer a:hover {
  color: #106b81;
}

.properties-img .imghover:hover::before {
  background: rgba(0, 48, 60, .55);
}

.properties-img .imghover:hover::after {
  color: #FFFFFF;
}

/* testimonial section */

.testimonial-icon{
  color: var(--u1-theme-cta);
}

.testimonial-content{
  color: var(--u1-theme-heading);
}

.testimonial-text{
  color: var(--u1-theme-accent);
}

.testimonial-meta{
  color: #a4a8ab;
}

/*-------------Pagination-------------*/

.st-pagination .pagination>li>a, .pagination>li>span {
  color: #fff;
  border: 2px solid transparent;
  background-color: #c8c8c8;
}

.st-pagination .pagination>li>a:focus, .st-pagination .pagination>li>a:hover, .st-pagination .pagination>li>span:focus, .st-pagination .pagination>li>span:hover {
  color: #fff;
  background-color: var(--u1-theme-cta);
  border-color: transparent;
}

.st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus,
.st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span,
.st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover {
  color: #fff;
  background-color: var(--u1-theme-cta);
}

/*-------------- other css ------------*/
hr{
  border-bottom: #f0f6f6;
}
/*-------------- home page css ------------*/

.cta-call i{
  color: #fff;
  border: 3px solid #fff;
}

.doctor-img img{
  border-bottom: 3px solid var(--u1-theme-accent);
}

.doctor-bio i{
color: var(--u1-theme-accent);
}

/* Let Us Direct You */

.callToAction h2 {
    color: #FFF;
}

.callToAction h2::after{
  background-color: var(--u1-theme-accent);
}

.social-head {
	color: rgb(190, 201, 231) !important;
}

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

  .top-home-slider .top-carousel-caption {
    background-color: #fff;
  }

  .top-home-slider .top-carousel-details h1,
  .top-home-slider .top-carousel-details h2 {
    color: #000;
  }

  .top-home-slider .top-carousel-details p {
    color: #000;
  }

  .top-home-slider .owl-nav button{
    background-color: transparent !important;
    color: #fff;
  }
}

@media screen and (min-width:577px) and (max-width:785px){

  .top-home-slider .owl-nav button:hover{
    background: none;
  }

}

@media screen and (min-width:786px){

  .top-home-slider .owl-nav button:hover{
    background: none;
  }

}

.callToAction ul li a span {
	background: var(--u1-theme-accent);
    border: 3px solid transparent;
}

.callToAction ul li a:hover span {
    border: 3px solid var(--u1-theme-accent);
    background: transparent;
}

.callToAction ul li a h6 {
    color: #FFF;
}

.callToAction ul li a:hover h6 {
	color: var(--u1-theme-accent);
}

.callToSocial {
	color: #004;
	background-color: #fff;
}

/** testimonials section **/

.testimo-con .titlepage h2 {
	color: #222;
}

.testimo-con .titlepage h2::after{
  background-color: var(--u1-theme-accent);
}

.relative2 {
  border-top: var(--u1-theme-accent) solid 111px;
}

.testimo-heading span {
  color: #151515;
}

.testimo-heading p {
  color: #151515;
}

.testimo_ban_bg {
     background: #fff;
}

.testimo-img {
	border: 6px solid white;
}

.js-news-slider .owl-next,
.js-news-slider .owl-prev,
.js-testimo-slider .owl-next,
.js-testimo-slider .owl-prev {
	background: var(--u1-theme-carousel-nav-bg);
	color: #fff;
}

.js-news-slider .owl-nav button:hover,
.js-news-slider .owl-nav button:focus,
.js-news-slider .owl-nav button:active,
.js-testimo-slider .owl-nav button:hover,
.js-testimo-slider .owl-nav button:focus,
.js-testimo-slider .owl-nav button:active {
     background: var(--u1-theme-carousel-nav-hover);
     color: #fff;
}
/** end testimonials section **/

/* News Section Start */
.js-news-slider {
  background-color: #fff;
}

.news-heading a {
  background-color: var(--u1-theme-accent);
  color: #fff !important;
}

.news-heading a h2 {
  color: #fff !important;
}

.news-text {
  color: #5d5f5f !important;
}

.news-anchor a {
  color: #fff;
  background-color: var(--u1-theme-cta);
}
/* News Section Start */

/* News Page */
.news-notepad {
  background-color: #fff;
}

.news-notepad .item {
  border: 2px solid #dedfdf;
}

.news-notepad .item:hover {
  background-color: var(--u1-theme-accent-06);
}

.news-notepad .headline a {
  color: #222 !important;
}
/* News Page */


/* certifications Carousel */

.certifications-wrapper .certifications-head h2::after {
    background-color: var(--u1-theme-accent);
}

.certifications-wrapper .owl-carousel.owl-theme .owl-nav button {
	color: #fff;
}

.certifications-wrapper .owl-carousel.owl-theme .owl-nav button:hover,
.certifications-wrapper .owl-carousel.owl-theme .owl-nav button:focus,
.certifications-wrapper .owl-carousel.owl-theme .owl-nav button:active {
	background-color: var(--u1-theme-carousel-nav-hover) !important;
}

/* Home Affiliations Carousel */

.home-affiliations .affiliations-head h2::after{
  background-color: var(--u1-theme-accent);
}

.home-affiliations .owl-carousel.owl-theme .owl-nav button {
	color: #fff;
}

.home-affiliations .owl-carousel.owl-theme .owl-nav button:hover,
.home-affiliations .owl-carousel.owl-theme .owl-nav button:focus,
.home-affiliations .owl-carousel.owl-theme .owl-nav button:active {
	background-color: var(--u1-theme-carousel-nav-hover) !important;
}

/* Our clients Carousel */

.home-clients .home-clients-head h2::after {
  background-color: var(--u1-theme-accent);
}

.home-clients .owl-carousel.owl-theme .owl-nav button {
	background-color: var(--u1-theme-carousel-nav-bg) !important;
	color: #fff;
}

.home-clients .owl-carousel.owl-theme .owl-nav button:hover,
.home-clients .owl-carousel.owl-theme .owl-nav button:focus,
.home-clients .owl-carousel.owl-theme .owl-nav button:active {
	background-color: var(--u1-theme-carousel-nav-hover) !important;
}

/* Home Enquiry Form Start */
.enquire-popup .modal-header button {
  background-color: #c5c7c7 !important;
}

.enquire-popup-form .footer-form .form-span {
  background-color: var(--u1-theme-cta);
}

.enquire-popup-form .input-group-btn {
  background-color: var(--u1-theme-accent);
}

.enquire-popup-form .input-group-btn i {
  color: #fff !important;
}
/* Home Enquiry Form Ends */

.js-enquire-modal .foot-sub-btn{
  background-color: var(--u1-theme-cta);
  color: #fff;
}


/* Home Specialities */
.specialities-text-con h2 {
  color: #222 !important;
}
/* Home Specialities */

/* Home Teams */

.our-team div.bio-link button{
  background-color: var(--u1-theme-accent);
}

.our-team-con .bg-1{
  border-top: 10px solid #fff;
}

.our-team-con .bg-2{
  border-bottom: 10px solid #fff;
}

.our-team .post {
  color: #98a3a2;
}

.team-socials a {
  color: #f5f7f7;
  background-color: var(--u1-theme-accent);
}

/* Home Image Gallery Css */
.home-photo-gallery-wrap {
  background-color: #080808 !important;
}

.home-photo-gallery-wrap .home-section-heading {
  color: #f5f7f7 !important;
}

.js-home-photo-gallery .photo-thumb::after {
  background-color: var(--u1-theme-accent-55);
  color: #fff;
}
/* Home photo gallery CSS ends */

/*-------------- side nav css ------------*/
.sidenav ul li{
  background-color: var(--u1-theme-cta);
  border-bottom: 1px solid #da5547;
}

.sidenav ul li:hover{
  background-color: #da5547;
  border-bottom: 1px solid #da5547;
}

.sidenav ul li.active{
  background-color: #da5547;
  border-bottom: 1px solid #da5547;
}

.sidenav ul li a{
  color: #fff;
}

.sidenav ul li a:before{
  color: #fff;
}

/*-------------- contact us css -------------*/
.widget-contact li i {
  color: var(--u1-theme-accent);
}

.widget-contact address i{
  color: var(--u1-theme-accent);
}
/* newsletter section properties */
#newsletter{
  background-color: #f1f1f8;
}

#newsletter h2 {
  color: var(--u1-theme-heading);
}

#newsletter h2::after{
  background-color: var(--u1-theme-accent);
}

#newsletter form{
  padding-bottom: 100px;
}

#newsletter input[type="email"]{
  border: 1px solid var(--u1-theme-accent);
}

#newsletter input[type="submit"]{
  background-color: var(--u1-theme-accent);
  color: #fff;
}
/* newsletter section properties */


/*-------------- mobile media css ------------*/
@media screen and (max-width: 320px) {

  #navigation.small-screen ul li {
    border-top: 1px solid transparent;
  }

}
/* Custom sizes (768px to 1024px) */

/* Featured Products Section */
.home-featured-products .properties-single:after,
.home-featured-services .properties-single:after {
  background: linear-gradient( to top, 	hsl(6, 80%, 52%), 	hsl(6, 80%, 62%));
  color: #fff;
}

#featured-products-row .owl-next, #featured-products-row .owl-prev,
.featured-carousel .owl-prev, .featured-carousel .owl-next {
	background: #25252547!important;
	color: #fff;
}
#featured-products-row .owl-nav button:hover,
#featured-products-row .owl-nav button:focus,
#featured-products-row .owl-nav button:active,
.featured-carousel .owl-nav button:hover,
.featured-carousel .owl-nav button:focus,
.featured-carousel .owl-nav button:active {
     background: var(--u1-theme-carousel-nav-hover)!important;
     color: #fff;
}

/* Product Categories Section */
/* Home Page Products Section */
.home-page-products div.properties-single-1 .properties-footer a{
  color: var(--u1-theme-accent);
}
/* About Page */
.about-con-h h2::after{
  background-color: var(--u1-theme-accent);
}

/* Aim / Vision / Mission premium card theme */
.about-cols h2 i {
  color: var(--u1-theme-accent);
  /*background-color: var(--u1-theme-accent);*/
  box-shadow: 0 8px 20px var(--u1-theme-accent-14);
}

.about-cols .abt-col .text-justify {
  background-color: var(--u1-theme-surface);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: 5px solid var(--u1-theme-accent);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

.about-cols .abt-col .text-justify::before {
  background-color: var(--u1-theme-accent);
}

.about-cols .abt-col .text-justify:hover {
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.13);
}

.about-cols .abt-col h2 {
  color: var(--u1-theme-heading);
}

.about-cols .abt-col p,
.about-cols .abt-col .ss-richtext,
.about-cols .abt-col .ss-richtext p {
  color: var(--u1-theme-text-body);
}

.why-us {
  background-color: #f5f7f7;
}

/* About Page Ends */

/*  Contact Page  */

.contact-wrapper {
  background: #fff;
}

.contact-page-outer-div .icon-con-inner {
  background-color: #f5f7f7;
}

.contact-page-outer-div .icon-con-inner .fa {
  color: #939494;
  border: var(--u1-theme-accent) 2px solid;
  background-color: var(--u1-theme-accent-11);
}

.contact-bottom-con{
  background-color: #f5f7f7;
}

.contact-page-form .input-group-btn i {
  color: #fff !important;
}

/* Contact page ends */


/* Speciality Page */
.salient-features li::before {
  color: var(--u1-theme-accent-alt);
}
/* Speciality Page */

/* Events Wrap */
.events-row .events-card:hover .events-caption {
   color: var(--u1-theme-accent) !important;
}
/* Events Wrap */

/* Video Gallery */
.video-gallery-wrap .play-btn, .home-video-gallery .play-btn
{
  color: #fff;
}

.video-gallery-wrap .vbox-next, .video-gallery-wrap .vbox-prev
{
  color: #fff !important;
}

.video-gallery-wrap .vbox-next span, .video-gallery-wrap .vbox-prev span
{
  color: #fff !important;
}

/* Career Page Start */
.career-form-section {
  border-top: 1px solid #e4e4ef !important;
}

.form-part-right input,
.form-part-right textarea {
  background-color: #f5f5ff !important;
  border: 1px solid #e4e4ef !important;
}

.form-part-right label {
  color: #666 !important;
}

.career-page-btn .career-reset-btn {
  background-color: #fff0;
}
/* Career Page End */

/* Section Subsection Styles Start */
.productline-page-wrap {
  background-color: #f5f7f7;
}

.productline-page-wrap h1::after{
  background-color: var(--u1-theme-accent);
}

.productline-card .card-body {
  background-color: #fff !important;
}
/* Productline Page End */

.top-img
{
  background: linear-gradient(135deg, #00606cff, #007867ff);
}

.facilities-heading
{
  color: #fff;
}

.its_btn_top:hover
{
  background-color: #00505b;
  color: #fff;
}

.its_btn_top:focus
{
  background-color: #00404a;
  color: #fff;
}

.its_section_inner h2::after{
  background-color: var(--u1-theme-accent);
}

.its_panel_title::after{
  background-color: var(--u1-theme-accent);
}

hr.section-end-hr {
  color: #7f8080 !important;
}

.its_subsection .panel{
  /*background: #f5f7f7;*/
  color: #222;
  padding: 10px;
}

.panel-footer{
  background-color: #0001;
  border: none;
}

.its_tile_btn{
  color: #bbf !important;
}

.its_tile_btn:focus{
}

.itscommon_tile_btn {
  border: 1px solid var(--u1-theme-accent-7f);
  color: var(--u1-theme-accent-7f) !important;
  background-color: var(--u1-theme-accent-14);
}

.itscommon_tile_btn_2 {
  border: 1px solid var(--u1-theme-accent);
  color: #fff !important;
  background-color: var(--u1-theme-accent);
}

.itscommon_tile_btn:hover,
.itscommon_tile_btn:focus {
  color: var(--u1-theme-accent-bf) !important;
  border: 1px solid var(--u1-theme-accent-bf);
}

.section-btn.itscommon_tile_btn {
  border: 1px solid var(--u1-theme-accent-cf);
  background-color: var(--u1-theme-accent-84);
  color: #fff !important;
}

.section-btn.itscommon_tile_btn:hover,
.section-btn.itscommon_tile_btn:focus {
  color: #fff !important;
  border: 1px solid var(--u1-theme-accent-df);
  background-color: var(--u1-theme-accent-bf);
}

a:hover {
    text-decoration:none!important;    
}

.its_btn_section{
  background-color: #2f4858;
  color: #fff;
}

.its_btn_section:hover{
  background-color: #1e3747;
  color: #fff;
}

.its_btn_section:focus{
  background-color: #0d2636;
  color: #fff;
}


.its_tab_title::after{
  background-color: #fff;
}

.its_tabs {
  background-color: #ffffff !important;
  border: 1px solid rgba(0, 123, 154, 0.14);
}

.its_subsection ul.nav-tabs {
  background-color: #ffffff;
  border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

.its_tab_toggle a,
.its_tab_link {
  background-color: #ffffff;
  color: var(--u1-theme-accent-strong) !important;
  border: 1px solid rgba(0, 123, 154, 0.18) !important;
}

.its_tab_toggle a:hover,
.its_tab_link:hover {
  background-color: var(--u1-theme-accent) !important;
  color: #ffffff !important;
  border-color: var(--u1-theme-accent) !important;
}

.its_tab_toggle.active a,
.its_tab_toggle.active a:hover {
  background-color: var(--u1-theme-accent) !important;
  color: #ffffff !important;
  border-color: var(--u1-theme-accent) !important;
}

.its_subsection .tab-content {
  background-color: #ffffff !important;
  color: var(--u1-theme-text-body);
}

.its_subsection .tab-content .tab-pane {
  background-color: #ffffff;
  color: var(--u1-theme-text-body);
}

.its_tab_para,
.its_tab_para p,
.its_tab_content .ss-richtext,
.its_tab_content .ss-richtext p {
  color: #677472;
}

.its_tab_content .itscommon_tile_btn {
  border: 1px solid var(--u1-theme-accent);
  color: #ffffff !important;
  background-color: var(--u1-theme-accent);
}

.its_tab_content .itscommon_tile_btn:hover,
.its_tab_content .itscommon_tile_btn:focus {
  color: #ffffff !important;
  border-color: var(--u1-theme-accent-strong);
  background-color: var(--u1-theme-accent-strong);
}

.my-sub-accordian .card {
  background-color: #ffffff;
}

.my-sub-accordian .card .card-header {
  background-color: var(--u1-theme-accent);
}

.my-sub-accordian .card .card-header h3 {
  color: #ffffff;
}

.my-sub-accordian .card .card-header h3::before {
  background-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.my-sub-accordian .card .card-header span {
  color: var(--u1-theme-accent);
  background-color: #ffffff;
}

.my-sub-accordian .card .card-body {
  background-color: #ffffff;
}

.my-sub-accordian .card .card-body p,
.my-sub-accordian .card .card-body .ss-richtext,
.my-sub-accordian .card .card-body .ss-richtext p {
  color: #444444;
}

/* Subsection Carousel Rotator */

.subsection-rotator .owl-next, .subsection-rotator .owl-prev {
  background-color: var(--u1-theme-carousel-nav-bg) !important;
  color: #fff !important;
}

.subsection-rotator .owl-nav button:hover,
.subsection-rotator .owl-nav button:focus,
.subsection-rotator .owl-nav button:active {
  background-color: var(--u1-theme-carousel-nav-hover) !important;
  color: #fff !important;
}
/* Subsection Carousel Rotator Ends */


@media all and (max-width: 992px)
{

  #navigation ul{
    background-color: var(--u1-theme-accent);
  }

}

/* Section Subsection Styles Start */

/* Business card properties */
#business_card_container{
  background-color: var(--u1-theme-surface-alt);
  background: linear-gradient(90deg, rgba(79,206,93,2) 50%, rgba(83,73,72,1) 50%, rgba(83,73,72,1) 100%);
}

#business_card_container div.col-xs-12{
  background-color: var(--u1-theme-accent);
}

#business_card_container #xy span{
  background-color: #F7B801;
}

#business_card_container #xy span h1{
  border-bottom: 1px solid #fff;
  color: #fff;
}

#business_card_container #xy span p{
  color: #fff;
}

#business_card_container h2, #business_card_container h3, #business_card_container h4{
  color: #fff;
}

#business_card_container h2::after{
  background-color: #F7B801;
}

#bc_cn_dtls h3{
  color: #fff;
}

#bc_cn_dtls h3::after{
  background-color: #F7B801;
}

#bc_cn_dtls{
  border-top: 1px solid #fff;
}

#bc_cn_dtls a i{
  color: #fff;
  background-color: #F7B801;
}

#bc_social_icons a{
  color: #fff;
}

#sv_cnt{
  background-color: #F7B801;
  color: #ffffff;
}

#xyz3 p{
  color: #fff;
}

#xyz4 a{
  color: #fff;
}

#xyz3 h3::after, #xyz4 h3::after{
  background-color: #F7B801;
}

/* Branch offices properties */
.js-branch-offices-container {
  background-color: var(--u1-theme-surface-alt);
}

.js-branch-offices-container .branch_option .col-content{
  background-color: #fff;
}

.js-branch-offices-container .branch_option h3::after{
  background-color: #4ac9f0;
}

.js-branch-social-icons a{
  color: #fff;
}

.js-branch-social-icons i{
  background-color: var(--u1-theme-accent);
}

/* Branch offices properties */

#bc_home_btn_container{
  background-color: var(--u1-theme-accent);
}

#bc_home_btn_container a{
  background-color: var(--u1-theme-accent);
  color: #fff;
}

.bc_cn_info p{
  color: #fff;
}

.js-certifications-carousel .owl-nav button, .js-affiliations-carousel .owl-nav button {
	background-color: var(--u1-theme-carousel-nav-bg) !important;
	color: #fff;
}

img.service-page-image, img.common-page-wrap-image{
  border-color: var(--u1-theme-accent) !important;
}

.c-float-lead-btn-mob-call, .c-float-lead-btn-mob-whatsapp, .c-float-lead-btn-mob-address{
  background-color:var(--u1-theme-accent) !important
}
.c-float-lead-btn-mob-call:hover, .c-float-lead-btn-mob-whatsapp:hover, .c-float-lead-btn-mob-address:hover{
  color: #fff !important;
  background-color: #014d61 !important;
  border-color: var(--u1-theme-accent) !important
}

@media (min-width: 300px) and (max-width: 480px){
  .c-float-lead-btn-mob-call, .c-float-lead-btn-mob-whatsapp, .c-float-lead-btn-mob-address{
      color: #fff!important;
  }
  .c-float-lead-btn-pannel{
      background-color: var(--u1-theme-accent) !important
  }
}
@media (min-width: 481px){
  .c-float-lead-btn-mob-call, .c-float-lead-btn-mob-whatsapp, .c-float-lead-btn-mob-address{
    border-color: #fff!important;
  }
}

/*9 Jan 23 */

#header_app_opts li a:hover{
  background-color: #fff;
  color: var(--u1-theme-accent);
  border-color: var(--u1-theme-accent);
}

ul.social_icon li a{
  border-color: var(--u1-theme-accent)!important;
}

ul.social_icon li a:hover{
  color: #fff!important;
  background-color: var(--u1-theme-accent);
  border-color: var(--u1-theme-accent);
}
ul.social_icon li a:hover i{
  color: #fff;
}
/* car section */

.product-btn-home-page:hover{
  color: var(--u1-theme-accent)!important;
  box-shadow: inset 10em 0 0 0 #fff;
}
/* feature car */

#home_featured_products .properties-footer a:hover{
  box-shadow: inset 0 0 0 2em #fff;
  color:  var(--u1-theme-accent)!important;
  border-color:var(--u1-theme-accent)!important;
}

/* Car Categories */

.home-product-categories .properties-footer a:hover{
  box-shadow: inset 0 -3.25em 0 0 #fff;
  border-color: var(--u1-theme-accent)!important;
  color: var(--u1-theme-accent)!important;
}

.properties-single .properties-footer a{
  border-color: var(--u1-theme-accent)!important;
  background-color: var(--u1-theme-accent)!important;
  color: #fff!important;
}

.properties-single .properties-footer a i{
  display: none!important;
  
}

.home-featured-services .properties-single .properties-footer a:hover{
  color: var(--u1-theme-accent)!important;
  box-shadow: inset 10em 0 0 0 #fff;
}

.home-service-categories .properties-single .properties-footer a:hover{
  color: var(--u1-theme-accent)!important;
  box-shadow: inset 6.5em 0 0 0 #fff;
}

.home-page-services .properties-single .properties-footer a:hover{
  color: var(--u1-theme-accent)!important;
  box-shadow: inset 9em 0 0 0 #fff;
}


.team-socials a:hover{
  color: var(--u1-theme-accent);
  background-color: #fff;
  border-color: var(--u1-theme-accent);
}
.our-team div.bio-link{
  border: 1px solid transparent;
}

.our-team div.bio-link button:hover{
  color: var(--u1-theme-accent)!important;
  background-color: #fff;
  border-color: var(--u1-theme-accent);
}


.callToSocial:hover{
  color: #fff;
  background-color: var(--u1-theme-accent);
  border-color: var(--u1-theme-accent);
}


/* gallery section changes */

.home-gallery-btn a{
  border: 2px solid transparent;
}

.home-gallery-btn a:hover{
  color: var(--u1-theme-accent);
  box-shadow: inset 0 0 0 2em #fff;
  border-color: var(--u1-theme-accent);
}

.product-attachment,
.c-btn-attach-customlink,
.c-attachment-small-btn {
  background-color: #ffffff;
  color: var(--u1-theme-accent-strong) !important;
  border: 1px solid rgba(0, 123, 154, 0.12);
}

.product-attachment .fa,
.c-btn-attach-customlink .fa,
.c-attachment-small-btn .fa {
  color: var(--u1-theme-accent-strong);
}

.product-attachment:hover,
.product-attachment:focus,
.c-btn-attach-customlink:hover,
.c-btn-attach-customlink:focus,
.c-attachment-small-btn:hover,
.c-attachment-small-btn:focus {
  background-color: var(--u1-theme-accent) !important;
  color: #ffffff !important;
  border-color: var(--u1-theme-accent) !important;
  box-shadow: 0 10px 24px rgba(0, 123, 154, 0.18) !important;
}

.product-attachment:hover .fa,
.product-attachment:focus .fa,
.c-btn-attach-customlink:hover .fa,
.c-btn-attach-customlink:focus .fa,
.c-attachment-small-btn:hover .fa,
.c-attachment-small-btn:focus .fa {
  color: #ffffff;
}

/* Home Page Custom Buttons */

.button-tile {
    background-color: #fff; /* Default background for tiles */
}

.button-tile:hover {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}

.tile-title {
    background-color: #f8f9fa; /* Light grey background for titles */
}

.button-style {
    background-color: var(--u1-theme-accent); /* Bootstrap primary blue */
    color: white; /* Text color for buttons */
    border: none;
    display: block;
    width: 100%; /* Ensures it takes the full width of its parent */
    text-align: center; /* Centers the text within the button */
    padding: 15px 0; /* Provides padding inside the button */
    margin: 0; /* Removes any default margin */
    border-radius: 0; /* Adjust if rounded corners are desired */
    font-size: 18px; /* Larger font size for better visibility */
    font-weight: bold; /* Bolder font weight to make text stand out */
}

/* Home Page Custom Buttons Ends */
/*---------------------------------------------------------------------
  Theme Guard: keep main hero slider nav on original behavior
---------------------------------------------------------------------*/
@media screen and (min-width: 577px) {
  .top-home-slider .owl-nav button,
  .top-home-slider .owl-nav button:hover,
  .top-home-slider .owl-nav button:focus,
  .top-home-slider .owl-nav button:active {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fffa !important;
  }
}

@media screen and (max-width: 767px) {
  .top-home-slider .owl-nav button,
  .top-home-slider .owl-nav button:hover,
  .top-home-slider .owl-nav button:focus,
  .top-home-slider .owl-nav button:active {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
  }
}

/*---------------------------------------------------------------------
  Theme Refinement: secondary carousel and lightbox controls
---------------------------------------------------------------------*/
.js-news-slider .owl-nav button,
.js-testimo-slider .owl-nav button,
.featured-carousel .owl-nav button,
.subsection-rotator .owl-nav button,
.certifications-wrapper .owl-carousel.owl-theme .owl-nav button,
.home-affiliations .owl-carousel.owl-theme .owl-nav button,
.home-clients .owl-carousel.owl-theme .owl-nav button,
.js-certifications-carousel .owl-nav button,
.js-affiliations-carousel .owl-nav button,
.js-home-clients-carousel .owl-nav button,
.video-gallery-wrap .vbox-next,
.video-gallery-wrap .vbox-prev {
  background-color: var(--u1-theme-carousel-nav-bg) !important;
  border-color: var(--u1-theme-accent) !important;
  color: var(--u1-theme-on-accent) !important;
}

.js-news-slider .owl-nav button:hover,
.js-news-slider .owl-nav button:focus,
.js-news-slider .owl-nav button:active,
.js-testimo-slider .owl-nav button:hover,
.js-testimo-slider .owl-nav button:focus,
.js-testimo-slider .owl-nav button:active,
.featured-carousel .owl-nav button:hover,
.featured-carousel .owl-nav button:focus,
.featured-carousel .owl-nav button:active,
.subsection-rotator .owl-nav button:hover,
.subsection-rotator .owl-nav button:focus,
.subsection-rotator .owl-nav button:active,
.certifications-wrapper .owl-carousel.owl-theme .owl-nav button:hover,
.certifications-wrapper .owl-carousel.owl-theme .owl-nav button:focus,
.certifications-wrapper .owl-carousel.owl-theme .owl-nav button:active,
.home-affiliations .owl-carousel.owl-theme .owl-nav button:hover,
.home-affiliations .owl-carousel.owl-theme .owl-nav button:focus,
.home-affiliations .owl-carousel.owl-theme .owl-nav button:active,
.home-clients .owl-carousel.owl-theme .owl-nav button:hover,
.home-clients .owl-carousel.owl-theme .owl-nav button:focus,
.home-clients .owl-carousel.owl-theme .owl-nav button:active,
.js-certifications-carousel .owl-nav button:hover,
.js-certifications-carousel .owl-nav button:focus,
.js-certifications-carousel .owl-nav button:active,
.js-affiliations-carousel .owl-nav button:hover,
.js-affiliations-carousel .owl-nav button:focus,
.js-affiliations-carousel .owl-nav button:active,
.js-home-clients-carousel .owl-nav button:hover,
.js-home-clients-carousel .owl-nav button:focus,
.js-home-clients-carousel .owl-nav button:active,
.video-gallery-wrap .vbox-next:hover,
.video-gallery-wrap .vbox-next:focus,
.video-gallery-wrap .vbox-prev:hover,
.video-gallery-wrap .vbox-prev:focus {
  background-color: var(--u1-theme-carousel-nav-hover) !important;
  border-color: var(--u1-theme-carousel-nav-hover) !important;
  color: var(--u1-theme-on-accent) !important;
}

.scroll-to-top {
  background-color: var(--u1-theme-accent) !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

.scroll-to-top:hover,
.scroll-to-top:focus {
  background-color: #014d61 !important;
  color: #fff !important;
  border-color: var(--u1-theme-accent) !important;
  box-shadow: 0 0 6px rgba(1, 77, 97, 0.35);
}

.js-dyn-lead-form .btn-primary, .js-enquire-modal .foot-sub-btn {
    background-color: var(--u1-theme-accent);
    color: var(--u1-theme-float-btn-text);
}

/* Blog component */
.ss-blog-component--univ1{background:var(--u1-theme-surface)}.ss-blog-component--univ1 .ss-blog-component__eyebrow,.ss-blog-component--univ1 .ss-blog-component__archive,.ss-blog-component--univ1 .ss-blog-card__read,.ss-blog-component--univ1 .ss-blog-card__media span{color:var(--u1-theme-accent)}.ss-blog-component--univ1 h2,.ss-blog-component--univ1 .ss-blog-card h3 a{color:var(--u1-theme-heading)}.ss-blog-component--univ1 .ss-blog-card{background:var(--u1-theme-surface);border:1px solid var(--u1-theme-accent-14);box-shadow:0 14px 40px var(--u1-theme-accent-11)}.ss-blog-component--univ1 .ss-blog-card:hover{box-shadow:0 22px 50px var(--u1-theme-accent-14)}.ss-blog-component--univ1 .ss-blog-card__media{background:var(--u1-theme-surface-alt)}.ss-blog-component--univ1 .ss-blog-card p{color:var(--u1-theme-text-body)}
/* Blog component ends */