/*
Theme Name: Mediclick
Theme URI: http://demo.thememodern.com/mediclick
Author: ThemeModern
Author URI: http://thememodern.com/
Description: Introducing mediclick the best premium website template for Construction and Building. Mediclcik is easy to use, it provides everything you need to create great looking website. With Mediclcik you can impress your customer by it’s professional design and the interactivity. Mediclcik built with latest website technology to ensure your website is looks nice on desktop and mobile. Get Mediclcik now!
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mediclick
Domain Path: /languages
Tags:  one-column, two-columns, right-sidebar,  custom-header, custom-menu, editor-style, featured-images, microformats, post-formats,  sticky-post, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Table of Contents
   - - - - - - - - -
    • Global
    • Header
        • Navigation
        • Menu
        • Jumbotron
        • Slider
    • About
    • Features
    • Clients
    • Testimonials
    • Footer
        • Copyright info
    • Blog
    • Media Queries (mobile)
    - - - - - - - - -

*/

/* #RESET CSS */

.wp-caption {max-width: 100%;}

.wp-caption-text{}

.sticky {}

.gallery-caption{}

.bypostauthor{}

.alignright {}

.alignleft{}

.aligncenter {}

img.aligncenter {

  margin-left: auto;

  margin-right: auto !important;

  display: block;

  clear: both;

  margin-top: 5px;

  width: auto !important;

}

.aligncenter {

  margin-left: auto;

  margin-right: auto;

  display: block;

  clear: both;

}

img.alignleft {

  margin: 5px 20px 20px 0;

  float: left;

  width: auto !important;

}

.alignleft {

  margin: 5px 10px 20px 0;

  float: left;

}

img.alignright {

  margin: 5px 0 20px 20px;

  float: right;

  width: auto !important;

}

.alignright {

  margin: 5px 0 20px 20px;

  float: right;

}

.transparent {

  z-index:1;

  display:block;

  padding:100px 0;

  position:relative;

}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

pre, img{max-width: 100%;}

.textwidget img{
  height: auto;
}
.btn{
  color: #fff;
}
.btn-default{color: inherit;}

.btn.no-radius{border-radius: 0;}
.widget_calendar table, .widget select{
  width: 100%;
}
.widget select{
  padding: 3px 5px;
}
.widget_calendar table td,
.widget_calendar table th{
  padding: 9px 6px;
  text-align: center;
  border: 1px solid #ddd;
}
.rsswidget{
  color: #fff;
}
.recentcomments > a{
  font-style: italic;
}


/* ================================================
   Global Styles
   ================================================ */

body,
html {
    overflow-x: hidden;
}

body {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7;
    color: #898989;
}

a, input[type=submit] {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

a:hover, a:focus, a:visited, a:active{
    text-decoration: none;
}

/* 
   Typography
   ---------- */

strong,
b {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
}

h5,
h6 {
    font-weight: 400;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 35px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 25px;
}

h6 {
    font-size: 20px;
}

@media (max-width: 767px) {
	
	
	.pagination ul li{margin-bottom:25px;}
    h3 {
        font-size: 26px;
    }
}

p,
.lead {
    line-height: 1.7;
}


/* 
   Buttons
   ------- */

.btn {
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 7px 20px;
    border-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    /*transition:all .5s ease;*/
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.btn-xl {
    padding: 15px 50px;
    font-size: 24px;
    font-weight: bold;
}

.btn-xs {
    border-width: 1px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 300;
}

@media (max-width: 767px) {
    .btn-xl {
        font-size: 20px;
        padding: 15px 40px;
    }
    .vc_tta-panel-title{
        text-align: center;
    }
}

.btn-default,
.btn-outline,
.btn-success {
    border-width: 2px;
}


/* 
   Form Inputs
   ----------- */

.form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #DDDDDD;
    height: 45px;
}

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control:focus {
    border-color: #E23B1A;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .checkbox {
    color: #5c5c5c;
}

label {
    font-weight: 400;
    font-size: 18px;
}

input,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

textarea {
    resize: vertical;
}

.form-control::-webkit-input-placeholder {
    color: #C3C3C3;
}

.input-lg {
    height: 50px;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    border-radius: 3px;
}

@media (max-width: 767px) {
    .checkbox-inline,
    .radio-inline {
        display: block;
    }
    .checkbox-inline+.checkbox-inline,
    .radio-inline+.radio-inline {
        margin-top: 5px;
        margin-left: 0;
    }
}


/* 
   Breadcrumbs
   ----------- */

.breadcrumb {
    background-color: transparent;
    font-size: 13px;
    padding-left: 0;
    margin-bottom: 0;
}

.breadcrumb a {
    color: #FFF;
    text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
    color: rgba(255, 255, 255, 0.7);
}


/* 
   Navbar
   ------ */

.navbar-default {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
    padding: 15px 0;
    margin-bottom: 0;
    position: static;
}
.navbar-fixed-top{
    position: fixed;
}
.admin-bar .navbar-fixed-top{
  top: 32px;
}

.navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    border-radius: 3px;
}

.navbar-brand {
    padding: 0 15px;
    height: auto;
}

.dropdown-menu {
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #F0F0F0;
}

.dropdown-menu .divider {
    background-color: #F0F0F0;
}

.dropdown-header {
    font-size: 11px;
    color: #CBCBCB;
    text-transform: uppercase;
}

.dropdown-menu>li>a {
    padding: 5px 20px;
    padding-right: 40px;
    color: #737373;
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}


/* 
   Nav Tabs
   -------- */

.nav-center {
    text-align: center;
}

.nav-center ul.nav {
    display: inline-block;
}

.nav-center ul.nav li {
    display: inline;
}

.nav-center ul.nav li a {
    float: left;
}


/* 
   Modal box
   -------------- */

.modal-content {
    border-radius: 3px;
}

.modal-transparent .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: 0;
}

@media (min-width: 768px) {
    .modal-sm {
        width: 450px;
    }
    .modal-content {
        -webkit-box-shadow: 0 0px 50px rgba(0, 0, 0, .2);
        box-shadow: 0 0px 50px rgba(0, 0, 0, .2);
    }
    .modal-dialog {
        margin: 80px auto;
    }
}


/* 
   Custom Blockquote
   ------------ */

.blockquote {
    background: #f9f9f9;
    border-left: 10px solid #E8E8E8;
    margin: 1.5em 10px;
    padding: 1em;
    font-size: 22px;
}


/* 
   Collapsible Panels
   ------------------ */

.panel-group .panel {
    box-shadow: inherit;
    border-width: 1px;
    margin-bottom: 20px;
    border-color: #f7f7f7;
}

.panel-default > .panel-heading {
    background: transparent;
    padding: 0;
}

.panel-title {
    text-transform: uppercase;
    font-size: 12px;
}

.panel-title > a {
    display: block;
    position: relative;
    padding: 15px;
}

.panel-title > a:hover,
.panel-title > a:focus {
    text-decoration: none;
}

.panel-title > a:focus {
    outline: inherit;
}

.panel-title > a:before {
    background: url("images/collapse.png") no-repeat 0 -2px;
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    right: 14px;
    top: 17px;
    width: 14px;
}

.panel-title > a.collapsed:before {
    background-position: 0 -33px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-color: #f7f7f7;
}


/* 
   Pace Preloader
   -------------- */

.preloader {
    position: fixed;
    width: 100%;
    height: 2px;
    z-index: 9999999;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 9999999;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
}

.pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 1s ease-in-out 1s linear;
    -moz-transition: width 1s ease-in-out 1s linear;
    -ms-transition: width 1s ease-in-out 1s linear;
    -o-transition: width 1s ease-in-out 1s linear;
    transition: width 1s ease-in-out 1s linear;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 100%;
    position: fixed;
    z-index: 9999999;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background: #F76D53;
}

.pace.pace-inactive {
    display: none;
}


/* 
   Back to Top
   ----------- */

.back_to_top {
    display: none;
    color: #fff;
    text-align: center;
    padding: 10px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.back_to_top:hover {
    opacity: 0.5;
}


/* 
   Utilites
   -------- */


/* Vertical Rhythm */

.vertical-space {
    margin: 20px 0;
}

.horizontal-space {
    margin: 0 20px;
}

.left-space {
    margin-left: 20px;
}

.right-space {
    margin-right: 20px;
}

.top-space {
    margin-top: 20px;
}

.bottom-space {
    margin-bottom: 20px;
}

.no-top-space {
    margin-top: 0;
}

.no-bottom-space {
    margin-bottom: 0;
}

.no-left-space {
    margin-left: 0;
}

.no-right-space {
    margin-right: 0;
}


/* lg - large */

.vertical-space-lg {
    margin: 50px 0;
}

.horizontal-space-lg {
    margin: 0 50px;
}

.left-space-lg {
    margin-left: 50px;
}

.right-space-lg {
    margin-right: 50px;
}

.top-space-lg {
    margin-top: 50px;
}

.bottom-space-lg {
    margin-bottom: 50px;
}


/* xl - Extra large */

.vertical-space-xl {
    margin: 80px 0;
}

.horizontal-space-xl {
    margin: 0 80px;
}

.left-space-xl {
    margin-left: 80px;
}

.right-space-xl {
    margin-right: 80px;
}

.top-space-xl {
    margin-top: 80px;
}

.bottom-space-xl {
    margin-bottom: 80px;
}


/* sm - small */

.vertical-space-sm {
    margin: 10px 0;
}

.horizontal-space-sm {
    margin: 0 10px;
}

.left-space-sm {
    margin-left: 10px;
}

.right-space-sm {
    margin-right: 10px;
}

.top-space-sm {
    margin-top: 10px;
}

.bottom-space-sm {
    margin-bottom: 10px;
}


/*other utility classes*/

.text-muted {
    color: #CECECE;
}

@media (min-width: 768px) {
    .lead {
        font-size: 23px;
    }
}


/* ================================================
   Header
   ================================================ */

.header {
    position: relative;
    padding: 0;
}

.header_menu_padding {
    padding-top: 80px;
}

.header-content {
    padding-top: 40px;
}

.click-to-call {
    float: right;
}

.click-to-call a {
    display: block;
    color: #333;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 3px 0;
}

.phone-icon {
    border: 3px solid;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
}

.click-to-call span {
    vertical-align: middle;
}

.click-to-call a:hover,
.click-to-call a:focus,
.click-to-call a:active {
    text-decoration: none;
}

.medical_bg {
    background: url('images/medical-bg.jpg') no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
}

.yoga_bg {
    background: url('images/yoga-bg.jpg') no-repeat top center;
    background-size: cover;
}

.fitness_bg {
    background: url('images/fitness_header_1.jpg') no-repeat top center;
    background-size: cover;
}

.fitness_bg_2 {
    background: url('images/fitness_header_2.jpg') no-repeat top center;
    background-size: cover;
}

.spa_bg {
    background: url('images/spa_header.jpg') no-repeat top center;
    background-size: cover;
}

.headline-support {
    font-weight: 400;
    margin-top: 0;
}

@media (max-width: 768px) {
    .yoga_bg {
        background-position: 70% 50%;
    }
    .yoga_bg .container {
        background-color: rgba(255, 255, 255, 0.8);
    }
    .hero-area {
        text-align: center;
    }
    .click-to-call {
        float: none;
        padding: 20px 0;
        margin: 0 auto;
        text-align: center;
    }
    /*center align logo on mobile if needed*/
    .mobile-center.navbar-header {
        text-align: center;
    }
    .mobile-center .navbar-brand {
        float: none;
    }
    .mobile-center .navbar-brand>img {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .position-static-md {
        position: static;
    }
    .relative .image-align-bottom {
        position: absolute;
        bottom: 0%;
    }
}


/* 
 Sub page
 -------- */

.sub-header {
    position: relative;
    padding: 80px 0 30px;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

.page-title {
    margin-bottom: 5px;
}

.page-title small {
    font-weight: 300;
    font-size: 50%;
}


/* 
 Reveal Menu
 ----------- */

.reveal-menu {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.reveal-menu-hidden {
    top: -100%;
}

.reveal-menu-visible {
    top: 0;
}


/* 
 Header Video
 ------------ */

.video-header {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../video/event-video.jpg) no-repeat;
    background-size: cover;
}

.header-video-module {
    position: relative;
}

.header-video-module .header {
    background: none;
    z-index: 10;
}

.header-video-module .header_top-bg,
.header-video-module .header_bottom-bg {
    background: none;
}

.no-video .video-container video,
.touch .video-container video {
    display: none;
}

.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}

.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}

.video-container .filter {
    z-index: 9;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


/* ================================================
   Benefits
   ================================================ */

.benefit-item {
    padding: 0 20px 15px;
    margin-bottom: 15px;
    text-align: center;
}

.benefit-item img {
    text-align: center;
}

.benefit-item .benefit-icon {
    font-size: 70px;
    margin: 0 15px;
    text-align: center;
}

.benefit-item p {
    font-size: 18px;
    line-height: 1.3;
}

.benefit-item .benefit-title {
    font-weight: 700;
    font-size: 24px;
}


/*vertical*/

.benefits-vertical .benefit-item {
    position: relative;
    max-width: 450px;
    float: left;
    text-align: left;
    padding: 0 0 15px;
}

.benefits-vertical .benefit-item img {
    float: left;
}

.benefits-vertical .benefit-item .benefit-icon {
    float: left;
    width: 90px;
}

.benefits-vertical .benefit-item .benefit-title,
.benefits-vertical .benefit-item p {
    margin-left: 80px;
}

.benefits-vertical:last-child .benefit-item:after {
    bottom: 0;
    height: 0;
}

.benefits-vertical .benefit-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(27%, rgba(227, 227, 227, 1)), color-stop(70%, rgba(227, 227, 227, 1)), color-stop(100%, rgba(254, 254, 254, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=1);
}


/* ================================================
   Sections
   ================================================ */

.highlight {
    background: #FAFAFA;
    padding: 20px 0;
}


.section-title .subline {
    font-size: 30px;
    color: #898989;
    font-weight: 400;
    margin-top: 0;
}

.section-title hr {
    max-width: 55px;
    border-top: 4px solid;
}

.section-title.left-aligned hr {
    text-align: left;
    margin-left: 0;
}

.highlight .section-title {
    text-align: center;
    margin-top: 40px;
}

.section-title.top-space-sm {
    margin-top: 15px;
}


/* ================================================
   Join Now
   ================================================ */

.checklist {
    margin-bottom: 30px;
    font-size: 17px;
    margin-top: 30px;
}

@media (min-width: 992px) {
    .checklist li {
        width: 49%;
        display: inline-block;
        line-height: 37px;
    }
    .checklist-full li {
        width: 100%;
        display: inline-block;
    }
    .checklist-right li {
        text-align: right;
    }
    .checklist-right li i {
        float: right;
        margin-right: 0;
        margin-left: 10px;
        padding-top: 6px;
    }
}

.checklist i {
    margin-right: 10px;
}

.appointment-form {
    background: #FAFAFA;
    border: 2px solid #eeeeee;
}

.form-spacing {
    margin: 40px 30px 35px;
}

.appointment-form .form-group {
    padding: 0px 25px;
}

.appointment-form .form-header {
    border: solid 1px;
    margin: -1px;
    padding: 20px 10px 35px;
    text-align: center;
    position: relative;
    margin-bottom: 35px;
}

.appointment-form .form-header a {
    font-size: 26px;
    font-weight: 700;
}

.appointment-form .form-header a:hover,
.appointment-form .form-header a:focus,
.appointment-form .form-header a:active {
    text-decoration: none;
    opacity: 0.7;
}

.form-header .or_icon {
    color: #a9a9a9;
    background: #EFEFEF;
    width: 50px;
    height: 50px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    border-radius: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
}

input[type='submit']{
  font-family: 'Josefin Sans', sans-serif;
}


/* ================================================
   Services
   ================================================ */

.thumbnail {
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    border: 1px solid #ECECEC;
    border-radius: 3px;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.thumbnail:hover {
    -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 40px rgba(0, 0, 0, 0.08);
}

.thumbnail a>img,
.thumbnail>img {
    min-width: 100%;
}

.caption-title {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.caption-text {
    line-height: 1.4;
    font-size: 18px;
    color: #C2C2C2;
}

.staff-member {
    text-align: center;
}

.staff-member > img {
    margin-bottom: 15px;
}

.staff-member > p {
    line-height: 1.2;
}

.staff-member > p > small {
    color: #CCC;
}


/* ================================================
   Pricing
   ================================================ */

.pricing-item {
    padding: 25px;
    border: solid 3px #F2F2F2;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 25px;
    list-style: none;
}

.pricing-item .plan-name {
    text-transform: uppercase;
    font-weight: 600;
}

.pricing-item .price {
    font-size: 60px;
    font-weight: 700;
    margin: 10px 0;
    line-height: 1.4;
}

.pricing-item .plan-features ul{
    opacity: 0.7;
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.pricing-item .price .curr {
    display: inline-block;
    font-size: 30px;
    vertical-align: super;
    font-weight: 400;
}

.pricing-item {
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}


/* ================================================
   FAQ
   ================================================ */

.faq {
    margin-bottom: 60px;
}

.faq-title {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 600;
}


/* ================================================
   Our Stats
   ================================================ */

.our-stats {
    margin: 50px 0 20px;
}

.stats-info {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .stats-info {
        margin-bottom: 15px;
    }
}

.stats-info .fa {
    font-size: 30px;
    color: #DCDCDC;
}

.stats-info h2 {
    margin: 10px 0 0;
}

.stats-info p {
    color: #c2c2c2;
    line-height: 1;
}


/* ================================================
   Testimonials
   ================================================ */

.quote {
    font-size: 20px;
    border-left: 0;
    padding: 0 0 8px;
    margin-bottom: 0;
}

.bq-left {
    padding-right: 0;
    padding-left: 200px;
    text-align: right;
    background: url('images/quote1.png') 10% center no-repeat;
}

.bq-right {
    padding-left: 0;
    padding-right: 200px;
    text-align: left;
    background: url('images/quote2.png') 93% center no-repeat;
}

@media (max-width:767px) {
    blockquote {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .bq-left,
    .bq-right {
        text-align: center;
        background: none;
        padding-left: 20px;
        padding-right: 20px;
    }
    .bq-author {
        text-align: center;
    }
}


/* ================================================
   Contact
   ================================================ */

.google-map iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

@media (max-width: 768px) {
    .contact p {
        text-align: center;
        margin-bottom: 20px;
    }
}


/* ================================================
   Footer
   ================================================ */

footer {
    text-align: center;
    padding: 40px 0 30px;
    border-top: 1px solid #ddd;
}

.social-icons {
    padding-bottom: 20px;
}

.social-icons a {
    display: inline-block;
    padding: 0 5px;
}

.social-icons a i {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.2);
    font-size: 1.55em;
    width: 2.15em;
    height: 2.15em;
    line-height: 2.15em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    margin: 0;
}

.social-icons.small{
    display: inline-block;
}
.social-icons.small a i {
    font-size: 0.95em;
}

.social-icons a:hover {
    opacity: 0.8;
}



/*EDIT*/

.clearfix{
    clear: both;
}
nav.navbar .container{
  position: relative;
}
.main-menu{
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 0;
}
.main-menu ul{
  list-style: none;
  line-height: 45px;
  padding: 0;
  margin-bottom: 0;
}
.main-menu ul li{
  display: inline-block;
  position: relative;
}
.main-menu ul li a{
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #333;
}
.main-menu ul li a:hover,
.main-menu ul li a:focus{
  text-decoration: none;
}
.dropdown-menu{
    margin: 0;
    box-shadow: none;
    border-radius: 0;
}
.main-menu .dropdown-menu li{
    display: block;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background: inherit;
}
.dropdown-menu ul{
    left: 100%;
    top: -1px;
}
.click-to-call{
    position: relative;
    z-index: 2;
}

.caret{display: none;}
.main-menu ul li:hover > ul{
    display: block;
}


.container .container{width: 100%;}
div.wpb_content_element{margin-bottom: 0;}
.relative{position: relative;}
.relative div{position: static;}
textarea.form-control{height: 70px;}
span.wpcf7-not-valid-tip{font-size: 80%}
div.wpcf7-validation-errors{margin: 10px 0; font-size: 80%}
.form-control.wpcf7-not-valid{border-color: #f00;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:visited, .btn-success.active{
  outline: none;
}
.bootstrap-datetimepicker-widget>ul{padding: 0;}
.bootstrap-datetimepicker-widget{width: 300px; font-size: 16px;}
.bootstrap-datetimepicker-widget .picker-switch:hover{
  cursor: pointer;
  background: #ddd;
}
.timepicker table a.btn{background: #ddd;}
.timepicker table a.btn:hover{background: #eee;}
.bootstrap-datetimepicker-widget [class^="icon-"], .bootstrap-datetimepicker-widget [class*=" icon-"]{
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("images/glyphicons-halflings.png");
  background-repeat: no-repeat;
}
.icon-time{background-position: -48px -24px;}
.icon-calendar {background-position: -192px -120px;}
.icon-chevron-up { background-position: -288px -120px;}
.icon-chevron-down { background-position: -313px -119px;}
.benefit-icon i.icon{width: auto;height: auto; vertical-align: inherit;margin-left: 0;}

.navbar-header{position: relative; z-index: 2; margin: 0;}
#top{background-position: center top!important;}

.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list{
    text-align: center;
}
.wpb-js-composer .vc_tta-panels{
    background: transparent!important;
    border: none!important;
}
.wpb-js-composer div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{
    background: transparent;
    border: none;
}
.wpb-js-composer div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover{
    background: #eee;
}
.wpb-js-composer div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a,
.wpb-js-composer div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a{
    padding: 10px 15px;
    border-radius: 4px;
}
.wpb-js-composer div.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab > a{
    border-radius: 4px;
}
.wpb-js-composer div.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active > a::after,
.wpb-js-composer div.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active > a::before{
    display: none;
}

#subheader{
    margin-top: 80px;
}

@media (max-width: 1199px) {
  .main-menu ul li a{
    padding: 5px 14px;
    font-size: 13px;
  }
}
@media (max-width: 991px) {
   .navbar-fixed-top{
    position: static;
    margin-bottom: 0;
   } 
   #top{
    padding-top: 20px!important; 
   }
   #subheader{
        margin-top: 0;
    }
  .navbar-header,
  .click-to-call{
    float: none;
    text-align: center;
  }
  .navbar-header{
    line-height: 1;
  }
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
  }
  .main-menu{
    position: static;
    text-align: center;
    margin-top: 10px;
  }
  .pricing-item,
  .thumbnail{
        margin-bottom: 20px!important;
    }

    .vc_col-sm-6:nth-child(3n+1){
        clear: both;
    }
}

@media (max-width: 991px) {
    
}

/*Blog*/

#content{
  padding-bottom: 70px;
  padding-top: 70px;
  font-size: 14px;
  background: #eee;
}
#content .bg-white{
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 7px #ddd;
}
#content *{
    font-family: 'Open Sans', sans-serif;
}
#content .fa{
    font-family: FontAwesome;
}
#sidebar{
    font-size: 16px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 7px #ddd;
}
#sidebar h2{
    font-size: 16px;
    text-transform: uppercase;
}
#subheader{
  text-align: center;
  background: url(images/fitness_header_1.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'Open Sans', sans-serif;
}
.pattern{
  width: 100%;
  height: 100%;
  padding: 90px 0;
  background: rgba(0,0,0,0.7);
  color: #ddd;
}
.pattern h1{
  margin: 0;
  color: #fff;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
}
.blog-list article{
    padding: 25px;
    border-bottom: 1px solid #eee;
    background: #fff;
    box-shadow: 0px 0px 7px #ddd;
    margin: 20px 0;   
}
.blog-list article .button{
    margin-top: 10px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}
.blog-list article.sticky{
    background: #333;
    color: #eee;
}
.blog-list article.sticky a:hover{
    color: #fff;
}
.blog-list article.sticky .button{
    float: right;
}
.blog-list article.sticky{
    clear: both;
    overflow: hidden;
}
.blog-list article h2{
    font-size: 18px;
    text-transform: uppercase;
}
.blog-list article h2 a{
    color: #333;
}

.blog-list article:first-child{
    margin-top: 0;
}
.blog-list, .widget ul{
  list-style: none;
  padding-left: 0;
}

.post-media{
  margin-bottom: 15px;
}
.post-media iframe{
  border: none;
}
.post-gallery{
  margin-bottom: 25px;
}
.post-gallery.owl-theme .owl-controls{
  margin-top: -35px;
}
.post-gallery.owl-theme .owl-controls span{
  background: #fff;
  width: 10px!important;
  height: 10px!important;
}
.post-gallery.owl-theme .owl-controls .active span{
  opacity: 0.9;
}
.blog-title{
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 10px;
  margin: 0;
}
.blog-title a{
  color: #333;
}
.blog-title a:hover{
  color: #337ab7;
}
.post-meta span{
  display: inline-block;
  margin-right: 15px;
  color: #a2a2a2;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 11px;
}
.post-meta span i{
  margin-right: 8px;
}
.post-tags a{
  text-transform: uppercase;
  margin-right: 5px;
  font-size: 10px;
}
.preview p{
  margin-bottom: 20px;
}
.sticky h3{
  font-weight: bold;
}
.sticky .preview p{
  background: #eee;
  font-weight: normal;
  padding: 8px 15px;
}
.sticky a.read-more{
  border: 1px solid;
  padding: 3px 10px;
}
.pagination ul{
  text-align: center;
  list-style: none;
  padding-left: 0;
  margin-bottom: 
}
.pagination ul li{
  display: inline-block;
}
.pagination{
    margin-top: 40px;
}
.pagination ul li a,
.pagination ul li span{
  padding: 8px 15px;
  border: 1px solid #333;
  font-size: 13px;
  font-weight: bold;
  color: #333;
  margin-right: 2px;
  -webkit-transition: linear 0.2s;
  -moz-transition: linear 0.2s;
  -o-transition: linear 0.2s;
  transition: linear 0.2s;
}

.sidebar .widget{
  padding-bottom: 30px;
}
.sidebar .widget input[type=text],
.sidebar .widget select{
  width: 100%;
  font-family: inherit;
}
.sidebar .widget select{
  height: 32px;
  line-height: 32px;
  padding: 0 5px;
}
.sidebar .widget ul{
  margin-bottom: 0;
}
.sidebar .widget ul ul{
  padding-left: 15px;
  border-top: 1px solid #eee;
}
.sidebar .widget li li{
  border-bottom: none;
}
.sidebar .widget h2{
  margin-bottom: 20px;
}
.sidebar .widget p{
  margin-bottom: 10px;
  font-size: 13px;
}
.sidebar .widget li{
  line-height: 40px;
  border-bottom: 1px solid #eee;
}
.sidebar .widget li a, .sidebar .widget li span,
.sidebar .widget li.recentcomments a:hover{
  color: #333;
  font-size: 14px;
}
.tagcloud a{
  padding: 3px 10px;
  font-size: 12px!important;
  color: #333;
  border: 1px solid;
  display: inline-block;
  margin-bottom: 4px;
}
.post-content .tagcloud a{
    margin-right: 4px;
}
a.read-more:hover{
  letter-spacing: 1px;
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover{
  color: inherit;
  background: inherit;
}
.latest_news ul li{
  overflow: hidden;
  clear: both;
  padding: 15px 0 20px;
}
.latest_news .post-thumb {
  width: 100px;
  float: left;
  margin-right: 15px;
}
.preview p:last-child{
  margin-bottom: 0;
}
.comment-respond h3{
  margin-bottom: 20px;
  font-size: 20px;
  text-transform: uppercase;
}
.comment-respond form label{
  display: block;
  font-size: 14px;
}
.comment-respond form input[type=text],
.comment-respond form textarea{
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
}
.comment-respond form input[type=text]{
    padding: 5px 10px;
}
.comment-respond form textarea{
  max-width: none;
  height: 200px
}
.comment-respond form input[type=submit]{
  font-weight: normal;
  padding: 5px 20px;
  background-color: #666;
  border: 2px solid;
  color: #fff;
}
.comment-respond form input[type=submit]:hover{
  background: #222;
}
.single-comment, .single-comment ul{
  list-style: none;
  padding-left: 0;
}
.single-comment ul{
  padding-left: 40px;
}
.single-comment li{
  margin-bottom: 40px;
  overflow: hidden;
  clear: both;
}
.comments-box{
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
div.avatar{
  float: left;
  margin-right: 15px;
  overflow: hidden;
  border-radius: 50%;
}
.comment-info{
  overflow: hidden;
  font-size: 13px;
}
.date-reply{
  color: #aaa;
  padding: 5px 0;
}
.date-reply .c_date{
  margin-right: 10px;
}
.c_name{
  font-weight: 600;
}

form div.wpcf7-response-output{
  margin: 0;
  margin-top: 5px;
}

.page404{
  padding: 230px 0 270px;
  background: #fff;
}
.page404 h1{
  font-size: 50px;
}
.content_404{
  margin-bottom: 20px;

}
.blog-link a{
  border: 1px solid;
  padding: 3px 10px;
}

.go-top{
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 38px;
  position: fixed;
  bottom: 60px;
  right: 10px;
  z-index: 77;
  font-size: 18px;
  text-align: center;
  background: #333;
  color: #fff !important;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  border-radius: 50%;
}

.go-top.go-top-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 0.6;
}
.go-top.go-topfade-out {
  opacity: 1;
}
.parallax{
    background-attachment: fixed;
}
.top-0{margin-top: 0;}
.bottom-20{margin-bottom: 20px;}
.bottom-50 .booked-calendar-wrap{
    margin-bottom: 50px!important;
}
body table.booked-calendar td{
    border-top: 1px solid #e5e5e5;
}
.audio-post iframe{display: block;}
.single blockquote {
    background: #F9F9F9;
    padding: 20px;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 14px;
    font-style: italic;
    border-left: 5px solid #eee;
}
.breadcrumb > .active{color: #aaa;}
.post-navigation{padding: 20px 0; font-size: 20px;overflow: hidden;}
.post-content .tagcloud{padding: 15px 0;}
.single article h2{font-size: 23px; text-transform: uppercase;}
.nav-previous{float: left; font-size: 13px;}
.nav-next{float: right; font-size: 13px;}
section.top-center{background-position: top center!important}

div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a{color: #fff;}
/* Form container */
.wpcf7-form {
    max-width: 400px;
    margin: 50px auto;
    padding: 20px;
    background-color: #f9f9f9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    font-family: Arial, sans-serif;
}

/* Form labels */
.wpcf7-form p {
    margin-bottom: 15px;
}

.wpcf7-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}

/* Form inputs */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
}

/* Form button */
.wpcf7-form input[type="submit"] {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #45a049;
}

/* Form input focus effect */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="tel"]:focus {
    border-color: #4CAF50;
    outline: none;
}

/* Form placeholder styling */
.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="tel"]::placeholder {
    color: #aaa;
}

    .egitim-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 30px;
        padding: 40px 20px;
        background-color: #fff;
    }
    .egitim-card {
        background: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        padding: 30px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        transition: transform 0.3s ease;
        border-top: 4px solid #FF8C00; /* Turuncu Vurgu */
    }
    .egitim-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    }
    .egitim-card h3 {
        color: #1a1a1a;
        font-size: 1.4rem;
        margin-bottom: 15px;
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
    }
    .egitim-card p {
        color: #444;
        line-height: 1.6;
        font-size: 0.95rem;
        margin-bottom: 10px;
    }

/* Güler Akademi | Intro Block (global CSS) */
#ga-intro{
  padding: 22px 0 6px;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

#ga-intro .ga-wrap{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px;
}

#ga-intro .ga-hero{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(900px 220px at 15% 0%, rgba(125,211,252,.18), transparent 60%),
    radial-gradient(900px 300px at 90% 70%, rgba(255,106,61,.18), transparent 60%),
    rgba(255,255,255,.05);
  box-shadow: 0 22px 55px rgba(0,0,0,.25);
  overflow: hidden;
}

#ga-intro .ga-heroInner{
  padding: 22px 20px 18px;
}

#ga-intro .ga-eyebrow{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 12.5px;
  color: rgba(255,255,255,.78);
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  margin-bottom: 12px;
}

#ga-intro .ga-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff6a3d, #7dd3fc);
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

#ga-intro h1{
  margin: 0 0 10px;
  font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.12;
  letter-spacing: -.5px;
  color: rgba(255,255,255,.92);
}

#ga-intro h2{
  margin: 18px 0 8px;
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.25;
  letter-spacing: -.25px;
  color: rgba(255,255,255,.90);
}

#ga-intro h3{
  margin: 16px 0 8px;
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: -.2px;
  color: rgba(255,255,255,.90);
}

#ga-intro p{
  margin: 0 0 12px;
  font-size: 15.5px;
  line-height: 1.8;
  color: rgba(255,255,255,.74);
}

#ga-intro .ga-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
}

#ga-intro .ga-card{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  padding: 14px 14px 8px;
}

#ga-intro .ga-titleRow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

#ga-intro .ga-chip{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(125,211,252,.25);
  background: rgba(125,211,252,.12);
  color: rgba(255,255,255,.86);
  white-space: nowrap;
}

@media (min-width: 980px){
  /* desktop'ta daha premium görünüm: 2 sütun */
  #ga-intro .ga-grid{
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
  /* ilk kart (Neden...) geniş dursun */
  #ga-intro .ga-grid > .ga-card:first-child{
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px){
  #ga-intro .ga-heroInner{ padding: 18px 14px 14px; }
  #ga-intro p{ font-size: 15px; }
}

/* FIX: Light theme görünmeme sorunu (sadece #ga-intro alanını etkiler) */
#ga-intro{
  color: #111827; /* genel yazı rengi */
}

#ga-intro .ga-hero{
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 18px 45px rgba(17,24,39,.12) !important;
}

#ga-intro .ga-eyebrow{
  color: #6b7280 !important;
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
}

#ga-intro h1,
#ga-intro h2,
#ga-intro h3{
  color: #111827 !important;
}

#ga-intro p{
  color: #374151 !important;
}

#ga-intro .ga-card{
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

#ga-intro .ga-chip{
  background: #eef2ff !important;
  border: 1px solid #c7d2fe !important;
  color: #3730a3 !important;
}