/* 
Theme Name: Aarna eye care center
Description: Hello Elementor Child is a child theme of Hello Elementor.
Author: Vikas Gupta
Author URI: https://webpetal.net/
Template: hello-elementor
Version: 1.0.1
Text Domain: wnet-theme
*/

/*
    Add your custom styles here
*/
#wpadminbar {
    display: none;
}

:root {
    --white: #ffffff;
  }

.flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.top-bar {
   background-color: var( --e-global-color-primary );
   color: var( --white );
   justify-content: space-between;
   padding: 10px 20px ;
}
.top-bar a {
    color: var( --white );
    display: inline-block;
    padding: 0 20px;
    line-height: 1;
    transition: all .3s ease;
}
.top-bar a:hover{
    opacity: 0.7;
}
.email-icon, .phone-icon {
    position: relative;
}
.email-icon:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75.294 75.294' style='enable-background:new 0 0 75.294 75.294' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M66.097 12.089h-56.9C4.126 12.089 0 16.215 0 21.286v32.722c0 5.071 4.126 9.197 9.197 9.197h56.9c5.071 0 9.197-4.126 9.197-9.197V21.287c.001-5.072-4.125-9.198-9.197-9.198zm-4.494 6L37.647 33.523 13.691 18.089h47.912zm4.494 39.117h-56.9A3.201 3.201 0 0 1 6 54.009V21.457l29.796 19.16c.04.025.083.042.124.065.043.024.087.047.131.069.231.119.469.215.712.278.025.007.05.01.075.016.267.063.537.102.807.102h.006c.27 0 .54-.038.807-.102.025-.006.05-.009.075-.016.243-.063.48-.159.712-.278a3.27 3.27 0 0 0 .131-.069c.041-.023.084-.04.124-.065l29.796-19.16v32.551a3.204 3.204 0 0 1-3.199 3.198z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.phone-icon:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.6 7.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V17c0 .6-.4 1-1 1C7.6 18 0 10.4 0 1c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.2 1L3.6 7.8Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.socials {
    line-height: 1;
}
.socials a{
    padding: 0 5px;
}
.socials a svg {
    width:100%;
    height:auto;
    fill: currentColor;
}
.home header#site-header {
    position: absolute;
    z-index: 1000;
    background-color: rgba(255,255,255,0.5);
    width: 100%;
}
.img-adjustment {
    width: 100%;
    padding-bottom: 100%;
}
.service-item-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: 3px #fff solid;
    width: 80%;
    margin: auto;
}
.service-item-inner {
    color: #fff;
    text-align: center;
    padding: 20px;
}
h3.service-item-title {
    font-size: 28px;
    line-height: 1;
    margin-top: 20px;
}
.service-carousel {
    display: none;
}
.service-carousel.slick-slider {
    display: block;
}
.slick-dots {
    text-align: center;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots li button {
    color: #fff;
    border: none;
    width: 10px;
    height: 10px;
    background-color: #fff;
    padding: 0;
    border-radius: 50%;
    margin: 0 3px;
    font-size: 0;
}
.slick-dots li.slick-active button {
    background-color: #000;
}
.service-item-link a {
    color: #fff;
    padding: 10px 30px;
    border: 1px #fff solid;
    line-height: 1;
    display: inline-block;
}
.service-carousel  .slick-arrow {
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    top: 50%;
    transform: translatey(-50%);
    position: absolute;
}
.service-carousel .eicon-chevron-right {
    right:0;
}
.service-carousel .eicon-chevron-left {
    left:0;
}

@media only screen and  (max-width:640px)  { 
    .home header#site-header {
        position: relative;
    }
}