:root {
    --backgroud: #daa500;
    /* #83661a */
    --color-primary: #fff;
    --color-secudary: #d9ccba;
    --white: #f8f9fa;
    --background: #885948
        /* #fff6f2 */
    ;
    --background2: #f7cfb8;
    --family: Arial, Helvetica, sans-serif;
    --black-light: #343a40;
    --letter: #872532;
    --text: 18px;
    --title: 24px;
    --title-color: #885948;
}


body {
    font-family: 'Poppins', sans-serif;
}

section {
    margin-top: 50px;
}

a {
    text-decoration: none !important;
    color: var(--black-light);
}

/* Header */
.navbar {
    background-color: #f9f9f9;
    /* #dba791; */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    height: 15% !important;
}

.navbar img {
    width: 15%;
}

.nav-link {
    color: var(--black-light) !important;
}

.navbar .navbar-toggler {
    padding: 16px 16px;
    font-size: var(--title);
    line-height: 1;
    background-color: transparent;
    color: transparent;
    border: transparent;
    transition: 2ms;
}

.navbar .navbar-toggler-icon {
    display: inline-block;
    font-size: 40px;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='FFFFFF'%3e%3cpath stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


/* Seção Hero */
.hero {
    color: #000;
    padding: 0;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0rem;
}

.hero .carousel {
    margin: 0;
}

.hero .carousel-item {
    text-align: center;
    padding: 0px;
    background: #fff;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hero img {
    display: block;
    width: 100% !important;
}

.hero .carousel-caption {
    position: absolute;
    bottom: 7rem;
    left: 0rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #000;
    text-align: center;
    width: 100%;
    display: block;
    height: 250px;
    padding-left: 30rem;
    padding-right: 30rem;
    letter-spacing: 0;
}

.hero .carousel-caption h1 {
    font-size: 2.1rem;
    margin-bottom: 1rem;
}

.hero .carousel-caption p {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}


.hero .carousel-caption a.cta {
    display: inline-block;
    background-color: var(--background);
    color: #000;
    padding: 0.8rem 1.5rem;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.hero .carousel-caption a.cta:hover {
    background-color: #ffcc00;
}


.card {
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.card:hover {
    transform: scale(1.05);
}


/*====================
	Start Team CSS
======================*/
.team {
    background: var(--color-secudary);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    height: 850px;
}

.team.single-page {
    background: #fff;
}

.team .section-title h2 {
    color: var(--title-color);
    font-weight: bold;
    text-align: center;
}

.team .section-title p {
    color: var(--black-light);
}

.team .card {
    background: var(--color-primary);
    transition: all 0.3s ease;
    text-align: center;
    box-shadow: 0px 0px 10px #00000021;
    border-radius: 10px;
    overflow: hidden;
    width: 600px;
    margin-left: 350px;
}

.team .card .t-head {
    position: relative;
    overflow: hidden;
}

.team .card .t-head::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-primary);
    opacity: 0;
    visibility: hidden;
    content: "";
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team .card:hover .t-head::before {
    visibility: visible;
    opacity: 0.5;
}

.team .card img {
    min-width: 50%;
    width: 100%;
    height: 50%;
    position: relative;
}

.team .card .t-icon a {
    position: absolute;
    left: 50%;
    top: 85%;
    width: 150px;
    height: 46px;
    line-height: 40px;
    opacity: 0;
    visibility: hidden;
    font-weight: 400;
    text-align: center;
    color: #fff;
    border-radius: 0;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
    margin: -23px 0 0 -75px;
    font-size: 15px;
    background: var(--backgroud);
    font-size: 13px;
    line-height: 46px;
    padding: 0;
    border-radius: 4px;
}

.team .card:hover .t-icon a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.team .card .t-bottom {
    text-align: center;
    position: relative;
    padding: 0px;
    width: 315px;
    margin: 35px 10px;
}

.team .card p {
    color: #666;
    font-size: var(--text);
    display: block;
    margin-bottom: 4px;
    letter-spacing: -1px;
}

.team .card h2 {
    font-size: var(--title);
    text-transform: inherit;
    font-weight: 800;
    color: #2C2D3F;
}

.team .card h2 a {
    font-size: var(--title);
    text-transform: inherit;
    font-weight: 800;
    color: var(--backgroud);
    text-decoration: none;
}

.team .card h5 {
    font-size: 16px;
    text-transform: inherit;
    font-weight: 600;
    color: #2C2D3F;
}

.team .card h2 a {
    text-decoration: none;
}

.team .card h2 a:hover {
    color: #1A76D1;
}

/*-- Doctor Details --*/
.doctor-details-left {
    -webkit-box-shadow: 0px 0px 10px 0px #ddd;
    box-shadow: 0px 0px 10px 0px #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.doctor-details-item img {
    width: 100%;
    border-radius: 0;
}

.doctor-details-item .doctor-details-contact {
    padding: 50px;
}

.doctor-details-item .doctor-details-contact h3 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2D3F;
    margin-bottom: 30px;
}

.doctor-details-item .doctor-details-contact .basic-info {
    margin: 0;
    padding: 0;
}

.doctor-details-item .doctor-details-contact .basic-info li {
    list-style-type: none;
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #2C2D3F;
    margin-bottom: 10px;
}

.doctor-details-item .doctor-details-contact .basic-info li:last-child {
    margin-bottom: 0;
}

.doctor-details-item .doctor-details-contact .basic-info li i {
    display: inline-block;
    color: #1A76D1;
    margin-right: 8px;
    font-size: 16px;
    position: relative;
    top: 1px;
}

.doctor-details-area .doctor-details-left .social {
    margin-top: 25px;
}

.doctor-details-area .doctor-details-left .social li {
    display: inline-block;
    margin-right: 10px;
}

.doctor-details-area .doctor-details-left .social li:last-child {
    margin-right: 0px;
}

.doctor-details-area .doctor-details-left .social li a {
    height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #C8C8C8;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    display: block;
    color: #757575;
    font-size: 16px;
}

.doctor-details-area .doctor-details-left .social li a:hover {
    color: #fff;
    background: #1A76D1;
    border-color: transparent;
}

.doctor-details-item .doctor-details-work h3 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2D3F;
    margin-top: 30px;
}

/* .doctor-details-item .doctor-details-work .time-sidual {} */

.doctor-details-item .doctor-details-work .time-sidual {
    overflow: hidden;
}

.doctor-details-item .doctor-details-work .time-sidual li {
    display: block;
    color: #2C2D3F;
    width: 100%;
    margin-bottom: 10px;
}

.doctor-details-item .doctor-details-work .time-sidual li span {
    display: inline-block;
}

.doctor-details-item .doctor-details-work .day-head .time {
    font-weight: 400;
    float: right;
}

.doctor-details-area .doctor-details-right {
    padding-left: 60px;
    padding-top: 70px;
}

/* .doctor-details-item .doctor-details-biography {} */

.doctor-details-item .doctor-details-biography h3 {
    font-weight: 600;
    font-size: 24px;
    color: var(--black-light);
    margin-bottom: 25px;
    margin-top: 25px;
}

.doctor-details-item .doctor-details-biography p {
    margin-bottom: 0;
}

.doctor-details-item .doctor-details-biography ul {
    margin: 0;
    padding: 0;
}

.doctor-details-item .doctor-details-biography ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px;
}

.doctor-details-item .doctor-details-biography ul li:last-child {
    margin-bottom: 0;
}

.doctor-details-item .doctor-name .name {
    font-size: 30px;
    font-weight: 600;
}

.doctor-details-item .doctor-name .deg {
    font-size: 22px;
    margin: 10px 0 5px 0;
}

.doctor-details-item .doctor-name .degree {
    font-size: 16px;
}

/* End Team CSS*/

/*=======================
	Start Blog CSS
=========================*/
.blog {
    background: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

.blog .section-title {
    color: var(--title-color);
    font-weight: bold;
    text-align: center;
}

.blog .section-title p {
    color: var(--black-light);
}

.blog .blog-title {
    text-align: center;
}

.blog .single-news {
    background: var(--white);
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0px 0px 10px #00000014;
}

.blog .single-news img {
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.blog .single-news .news-head {
    position: relative;
    overflow: hidden;
}

.blog .single-news .news-content {
    text-align: left;
    background: var(--color-secudary);
    z-index: 99;
    position: relative;
    padding: 30px;
    left: 0;
    z-index: 0;
}

.blog .single-news .news-content:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background: #1A76D1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.blog .single-news:hover .news-content:before {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.blog .single-news .news-body h2 {
    font-size: var(--text);
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 24px;
}

.blog .single-news .news-body h2 a {
    color: #2C2D3F;
    font-weight: 500;
    text-decoration: none;
}

.blog .single-news .news-body h2 a:hover {
    color: var(--backgroud);
}

.blog .single-news .news-content p {
    font-weight: 400;
    text-transform: inherit;
    font-size: var(--text);
    letter-spacing: 0px;
    line-height: 23px;
}

.blog .single-news .news-body .date {
    display: inline-block;
    font-size: var(--text);
    margin-bottom: 5px;
    background: var(--backgroud);
    color: var(--white);
    padding: 4px 15px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.blog.grid .single-news {
    margin-top: 30px;
}

/* Blog Sidebar */
.main-sidebar {
    background: var(--white);
    margin-top: 30px;
    background: transparent;
}

.main-sidebar .single-widget {
    margin-bottom: 30px;
    padding: 40px;
    background: var(--white);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
}

.main-sidebar .single-widget .title {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 30px;
    display: block;
    background: transparent;
    padding-left: 12px;
}

.main-sidebar .single-widget .title::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    height: 100%;
    width: 3px;
    background: var(--black-light);
}

.main-sidebar .single-widget:last-child {
    margin: 0;
}

.main-sidebar .search {
    position: relative;
}

.main-sidebar .search input {
    width: 100%;
    height: 45px;
    box-shadow: none;
    text-shadow: none;
    font-size: 14px;
    border: none;
    color: #222;
    background: transparent;
    padding: 0 70px 0 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 0;
    border: 1px solid #eee;
    border-radius: 5px;
}

.main-sidebar .search .button {
    position: absolute;
    right: 40px;
    top: 40px;
    height: 44px;
    width: 50px;
    line-height: 45px;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    border: none;
    font-size: var(--text);
    color: var(--white);
    background: #333;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 0 5px 5px 0;
}

.main-sidebar .search .button:hover {
    background: #1A76D1;
    color: #fff;
}

/* Category List */
.main-sidebar .categor-list {
    margin-top: 15px;
}

.main-sidebar .categor-list li {
    margin-bottom: 10px;
}

.main-sidebar .categor-list li:last-child {
    margin-bottom: 0px;
}

.main-sidebar .categor-list li a {
    display: inline-block;
    color: #333;
    font-size: 14px;
}

.main-sidebar .categor-list li a:hover {
    color: #1A76D1;
    padding-left: 7px;
}

.main-sidebar .categor-list li a i {
    display: inline-block;
    margin-right: 0px;
    font-size: 9px;
    transform: translateY(-1px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.main-sidebar .categor-list li a:hover i {
    margin-right: 6px;
    opacity: 1;
    visibility: visible;
}

/* Recent Posts */
.main-sidebar .single-post {
    position: relative;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    padding: 17px 0;
}

.main-sidebar .single-post:last-child {
    padding-bottom: 0px;
    border: none;
}

.main-sidebar .single-post .image img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.main-sidebar .single-post .content {
    padding-left: 100px;
}

.main-sidebar .single-post .content h5 {
    line-height: 18px;
}

.main-sidebar .single-post .content h5 a {
    color: #2C2D3F;
    font-weight: 500;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
}

.main-sidebar .single-post .content h5 a:hover {
    color: #1A76D1;
}

.main-sidebar .single-post .content .comment li {
    color: #888;
    display: inline-block;
    margin-right: 15px;
    font-weight: 400;
    font-size: 14px;
}

.main-sidebar .single-post .content .comment li:last-child {
    margin-right: 0;
}

.main-sidebar .single-post .content .comment li i {
    display: inline-block;
    margin-right: 5px;
}

/* Blog Tags */
.main-sidebar .side-tags .tag {
    margin-top: 40px;
}

.main-sidebar .side-tags .tag li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 20px;
}

.main-sidebar .side-tags .tag li a {
    background: #fff;
    color: #333;
    padding: 8px 14px;
    text-transform: capitalize;
    border-radius: 0;
    font-size: 13px;
    background: #F6F7FB;
    border-radius: 4px;
}

.main-sidebar .side-tags .tag a:hover {
    color: #fff;
    background: #1A76D1;
    border-color: transparent;
}

/* News Single */
.news-single {
    padding: 60px 0 90px;
    background: #f8f8f8;
}

.news-single .single-main {
    margin-top: 30px;
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
}

/* .news-single .news-head {} */

.news-single .news-head img {
    width: 100%;
    height: 100%;
}

.news-single .news-title {
    font-size: 25px;
    margin: 20px 0;
}

.news-single .news-title a {
    color: #252525;
    font-weight: 600;
}

.news-single .news-title a:hover {
    color: #1A76D1;
}

/* Blog Meta */
.news-single {
    background: #fff;
}

.news-single .meta {
    overflow: hidden;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 15px;
}

.news-single .meta span {
    margin-right: 10px;
    display: inline-block;
}

.news-single .meta span:last-child {
    margin: 0;
}

.news-single .meta span,
.news-single .meta span a {
    color: #2C2D3F;
    font-weight: 400;
}

.news-single .meta span i {
    margin-right: 5px;
    color: #1A76D1;
}

.news-single .meta-left {
    float: left;
}

.news-single .meta-left .author img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 12px;
}

.news-single .meta-left .author {
    float: left;
}

.news-single .meta-left span.date {
    margin-top: 10px;
}

.news-single .meta-right {
    float: right;
    margin-top: 10px;
}

.news-single .news-content {
    margin: 20px 0;
}

.news-single .news-content p {
    margin-bottom: 10px;
}

.news-single .news-content p:last-child {
    margin: 0;
}

.news-single .news-text p {
    font-size: 14px;
    margin-bottom: 20px;
}

/* Image Gallery */
.news-single .image-gallery {
    margin-bottom: 20px;
}

.news-single .image-gallery .single-image {
    overflow: hidden;
}

.news-single .image-gallery .single-image:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

/* Blockqoute */
.news-single blockquote {
    background-image: url('img/blockqoute-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px;
    overflow: hidden;
}

.news-single blockquote::before {
    opacity: 0.9;
}

.news-single .news-text blockquote p {
    color: #fff;
    margin: 0;
    line-height: 26px;
    font-size: 15px;
    position: relative;
}

.news-single .blog-bottom {
    overflow: hidden;
}

/* Social Share */
.news-single .social-share {
    float: left;
}

.news-single .social-share li {
    float: left;
    list-style-type: none;
}

.news-single .social-share li span {
    padding-left: 5px;
}

.news-single .social-share li.facebook a {
    background: #5d82d1;
    text-decoration: none;
}

.news-single .social-share li.twitter a {
    background: #40bff5;
    text-decoration: none;
}

.news-single .social-share li.google-plus a {
    background: #eb5e4c;
}

.news-single .social-share li.linkedin a {
    background: #238cc8;
}

.news-single .social-share li.pinterest a {
    background: #e13138;
}

.news-single .social-share li a {
    padding: 10px 20px;
    display: block;
    color: #fff;
}

.news-single .social-share li a:hover {
    background: #2B343E;
}

/* Prev Next Button */
.news-single .prev-next {
    float: right;
}

.news-single .prev-next li {
    display: inline-block;
    padding: 0;
    margin-right: 5px;
}

.news-single .prev-next li:last-child {
    border: none;
}

.news-single .prev-next li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #c4c4c4;
    color: #555;
    border-radius: 4px;
}

.news-single .prev-next li a:hover {
    color: #fff;
    background: #1A76D1;
    border-color: transparent;
}

/* Blog Comments */
.news-single .blog-comments {
    margin-top: 30px;
    background: transparent;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    padding: 30px;
}

.news-single .blog-comments h2 {
    text-align: left;
    text-transform: capitalize;
    font-size: 18px;
    color: #252525;
    margin-bottom: 20px;
}

.news-single .blog-comments h4 span {
    float: right;
}

.news-single .single-comments {
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.news-single .single-comments.left .main {
    padding-left: 100px;
    position: relative;
    margin-left: 100px;
}

.news-single .single-comments.left img {
    position: absolute;
    left: 0;
    top: 0;
}

.news-single .single-comments:last-child {
    margin: 0;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.news-single .single-comments .main {
    overflow: hidden;
}

.news-single .single-comments .head {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 12%;
}

.news-single .head img {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    border: 5px solid #f8f8f8;
}

.news-single .single-comments .body {
    float: left;
    width: 85%;
}

.news-single .single-comments.left .body {
    float: noene;
    width: 100%;
}

.news-single .single-comments .comment-list {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e2e2e2;
    overflow: hidden;
}

.news-single .single-comments .comment-list .body {
    width: 78%;
}

.news-single .single-comments h4 {
    margin: 0 0 5px;
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    color: #252525;
}

.news-single .single-comments .comment-meta {
    margin-bottom: 5px;
}

.news-single .single-comments .meta {
    font-size: 13px;
    color: #555;
    font-weight: 400;
    border: none;
    margin-right: 10px;
    padding: 0;
    margin: 0 10px 0 0;
}

.news-single .single-comments .meta:last-child {
    margin: 0;
}

.news-single .comment-meta span i {
    margin-right: 5px;
}

.news-single .comment-meta span:last-child {
    margin: 0;
}

.news-single .single-comments p {
    font-size: 13px;
}

.news-single .single-comments a {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    padding: 3px 15px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 4px;
    background: #1A76D1;
    color: #fff;
}

.news-single .single-comments a:hover {
    background: #2C2D3F;
    color: #fff;
}

.news-single .single-comments a i {
    margin-right: 5px;
}

.news-single .comment-list {
    padding-left: 50px;
}

.news-single .single-comments.login {
    text-align: center;
}

.news-single .single-comments.login i {
    font-size: 20px;
}

.news-single .single-comments.login a {
    text-align: center;
}

.news-single .single-comments.login a:hover {
    color: #353535;
}

.news-single .comments-form {
    margin-top: 30px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    padding: 30px;
}

.news-single .comments-form h2 {
    text-align: left;
    font-size: 18px;
    color: #353535;
    margin-bottom: 20px;
    text-transform: capitalize;
}

/* .news-single .form {} */

.news-single .form-group {
    position: relative;
    display: block;
    margin: 0 0 20px;
}

.news-single .form-group i {
    position: absolute;
    left: 12px;
    top: 17px;
    z-index: 1;
    color: #1A76D1;
}

.news-single .form-group input {
    width: 100%;
    height: 50px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 400;
    border-radius: 0px;
    padding-left: 34px;
    padding-right: 20px;
    border: none;
    line-height: 50px;
    font-weight: 400;
    font-size: 14px;
    color: #2C2D3F;
}

.news-single .form-group textarea {
    border: 1px solid #ddd;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    height: 190px;
    padding: 15px 15px 15px 35px;
    resize: none;
    font-weight: 400;
    font-size: 14px;
    color: #2C2D3F;
}

.news-single .form-group input,
.news-single .form-group textarea {
    border: 1px solid transparent;
    border: 1px solid #eee;
    border-radius: 5px;
}

.news-single .form-group.message i {
    top: 22px;
}

.news-single .form-group .button {
    padding: 10px 30px;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    border: 0px solid;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 15px 30px;

}

.news-single .form-group .button:hover {
    background: #353535;
}

.news-single .form-group .button i {
    position: relative;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    padding: 0px;
}

.news-single .form-group.button {
    margin: 0;
    text-align: left;
}

.news-single .form-group.button .btn {
    background: #fff;
    background: #1A76D1;
    color: #fff;
}

.news-single .form-group.button .btn:hover {
    color: #fff;
}

.news-single .form-group.button .btn i {
    color: #fff;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* End Blog CSS */


/* Bread Crumbs */
.breadcrumbs {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 120px 0px;
    margin-top: 0;
    height: 800px;
}

.breadcrumbs .bread-inner {
    z-index: 22;
    text-align: center;
}

.breadcrumbs h2 {
    color: var(--black-light);
    text-transform: capitalize;
    font-size: 38px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.breadcrumbs .bread-list {
    display: inline-block;
    margin-top: 20px;
}

.breadcrumbs ul li {
    display: inline-block;
    position: relative;
    color: var(--black-light);
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.breadcrumbs ul li i {
    margin: 0px 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--black-light);
}

.breadcrumbs ul li a {
    color: var(--black-light);
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.breadcrumbs ul li a:hover {
    color: #2C2D3F;
}

.breadcrumbs ul li.active a {
    color: #fff;
    display: inline-block;
}

/*Start service CSS*/
.services .single-service {
    background: var(--color-primary);
    margin: 0;
    position: relative;
    padding-left: 0;
    border-radius: 10px;
    border: 0px solid;
}

.services .section-title h2 {
    color: var(--title-color);
    font-weight: bold;
    text-align: center;
}

.services .section-title h4 {
    color: var(--title-color);
    font-weight: bold;
    text-align: center;
}

.services .section-title p {
    font-size: 16px;
    font-weight: 400;
}

.services .single-service img {
    width: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 10px 10px 10px 10px;
}

.services .single-service i {
    font-size: 45px;
    color: #1a76d1;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.services .single-service h4 {
    text-transform: capitalize;
    margin-bottom: 25px;
    color: #2C2D3F;
}

.services .single-service h4 a {
    color: var(--backgroud);
    ;
    font-size: 20px;
    font-weight: 600;
}

.services .single-service h4 a:hover {
    color: var(--background2);
}

.services a.btn {
    font-weight: 500;
    background: transparent;
    border: 1px solid #885948;
    color: var(--black);
    font-size: 18px;
    border-radius: 25px;
    padding: 10px;
}

.services .single-service p {
    color: var(--black-light);
    font-size: var(--text);
}

.hof a.btn {
    font-weight: 500;
    background: transparent;
    border: 1px solid #885948;
    color: var(--black);
    font-size: 18px;
    border-radius: 25px;
    padding: 10px;
}

.hof h2 {
    color: var(--title-color);
    font-weight: bold;
    text-align: center;
}

.hof img {
    width: 100%;
}

#about h2 {
    color: var(--title-color);
}

#about a.btn {
    font-weight: 500;
    background: transparent;
    border: 1px solid #885948;
    color: var(--black);
    font-size: 18px;
    border-radius: 25px;
    padding: 10px;
}

/*-- Service Details --*/
.services-details-img {
    margin-bottom: 50px;
}

.services-details-img img {
    width: 100%;
    margin-bottom: 30px;
}

.services-details-img h2 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 16px;
}

.services-details-img P {
    margin-bottom: 20px;
}

.services-details-img blockquote {
    font-size: 15px;
    color: #4a6f8a;
    background-color: #1a76d1;
    padding: 30px 75px;
    line-height: 26px;
    position: relative;
    margin-bottom: 20px;
    color: #fff;
}

.services-details-img blockquote i {
    position: absolute;
    display: inline-block;
    top: 20px;
    left: 38px;
    font-size: 32px;
}

.service-details-inner-left {
    /* background-image: url("https://via.placeholder.com/1920x1200"); */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.service-details-inner-left img {
    display: none;
}

.service-details-inner {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}

.service-details-inner h2 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 15px;
    border-left: 3px solid #1a76d1;
    padding-left: 15px;
}

.service-details-inner p {
    margin-bottom: 15px;
}

.service-details-inner p:last-child {
    margin-bottom: 0;
}

/*End service CSS*/

/*=============================
	Start Schedule CSS
===============================*/
.schedule2 {
    background: var(--light);
    height: 800px;
}

.schedule2 .schedule-inner {
    position: relative;
    z-index: 9;
}

.schedule2 .schedule-inner .section-title h2 {
    color: var(--title-color);
    font-weight: bold;
    text-align: center;
}

.schedule2 .schedule-inner .section-title {
    text-align: center;
}


.schedule2 .single-schedule {
    position: relative;
    text-align: left;
    z-index: 3;
    border-radius: 5px;
    background: var(--gray);
    border: 1px solid #885948;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    margin: 14px auto;
}

.schedule2 .single-schedule .inner {
    overflow: hidden;
    position: relative;
    padding: 30px;
    z-index: 2;
}

.schedule2 .schedule-inner a.btn {
    background: var(--gray);
    border: 1px solid #885948;
    margin: auto 0 480px;
}

/* .schedule .single-schedule:before {
	position: absolute;
	z-index: -1;
	content: '';
	bottom: -10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80%;
	height: 90%;
	background: #db9f2a;
	opacity: 0;
	filter: blur(10px);
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
} */

.schedule2 .single-schedule:hover:before {
    opacity: 0.8;
}

.schedule2 .single-schedule:hover {
    transform: translateY(-5px);
}

.schedule2 .single-schedule .icon i {
    position: absolute;
    font-size: 110px;
    color: var(--black);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    z-index: -1;
    visibility: visible;
    opacity: 0.2;
    right: -25px;
    bottom: -30px;
}

.schedule2 .single-schedule span {
    display: block;
    color: var(--black);
}

.schedule2 .single-schedule h4 {
    font-family: 'STIX Two Text';
    font-weight: 500;
    font-size: 18px;
    color: #686868;
    margin: auto 0;
    margin-top: 10px;
    margin-bottom: 15px;
}

.schedule2 .single-schedule p {
    word-spacing: 1px;
    font-family: 'Mulish';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 22px;
    color: var(--gray-m);
    clear: left;
}

.schedule2 .single-schedule a {
    font-weight: 500;
    background: transparent;
    border: 1px solid #885948;
    color: var(--black);
    font-size: 18px;
    border-radius: 25px;
    padding: 10px;
}

.schedule2 .single-schedule a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0%;
    background: var(--black);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.schedule2 .single-schedule a:hover:before {
    width: 100%;
    width: 100%;
}

.schedule2 .single-schedule a i {
    margin-left: 10px;
}

/* .schedule2 .single-schedule .time-sidual {} */

.schedule2 .single-schedule .time-sidual {
    overflow: hidden;
    margin-top: 17px;
}

.schedule2 .single-schedule .time-sidual li {
    display: block;
    color: var(--black);
    width: 100%;
    margin-bottom: 3px;
}

.schedule2 .single-schedule .time-sidual li:last-child {
    margin: 0;
}

.schedule2 .single-schedule .time-sidual li span {
    display: inline-block;
    float: none;
}

.schedule2 .single-schedule .day-head .time {
    font-weight: 400;
    float: right;
}


/*=========================
   Start Contact Us CSS
===========================*/
.contact-us .inner {
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
    overflow: hidden;
}

.contact-us .contact-us-left {
    width: 100%;
    height: 100%;
}

.contact-us .contact-us-form {
    padding: 50px 40px;
}

.contact-us .contact-us-form h2 {
    position: relative;
    font-size: 32px;
    color: var(--title-color);
    font-weight: bold;
    text-align: center;
    ;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
    margin-bottom: 12px;
    padding-bottom: 20px;
    text-align: left;
}

.contact-us .contact-us-form h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #1A76D1;
}

.contact-us .contact-us-form p {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-align: left;
    margin-bottom: 50px;
}

.contact-us .form {
    margin-top: 30px;
}

.contact-us .form .form-group {
    margin-bottom: 22px;
}

.contact-us .form .form-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0px 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.contact-us .form .form-group textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.contact-us .form .form-group.login-btn {
    margin: 0;
}

.contact-us .form button {
    border: none;
}

.contact-us .form .btn {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    line-height: 20px;
    width: 100%;
}

.contact-us .form .btn:hover {
    background: #1A76D1;
    color: #fff;
}

.contact-us .contact-us-form .checkbox {
    text-align: left;
    margin: 0;
    margin-top: 20px;
    display: inline-block;

}

.contact-us .contact-us-form .checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-left: 20px;
}

.contact-us .contact-us-form .checkbox label:hover {
    cursor: pointer;
}

.contact-us .contact-us-form .checkbox label input {
    display: none;
}

.contact-us .contact-us-form .checkbox label::before {
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #1A76D1;
    border-radius: 100%;
}

.contact-us .contact-us-form .checkbox label::after {
    position: relative;
    content: "";
    width: 7px;
    height: 7px;
    left: -16px;
    top: -15px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    font-size: 9px;
    border-radius: 100%;
}

.contact-us .contact-us-form .checkbox label.checked::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.contact-us .contact-info {
    margin-top: 50px;
}

.contact-us .single-info {
    background: var(--color-secudary);
    padding: 40px 60px;
    height: 150px;
    border-radius: 10px;
    position: relative;
    transition: all .3s ease-out 0s;
}

.contact-us .single-info:before {
    position: absolute;
    z-index: -1;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    opacity: 0;
    filter: blur(10px);
    transition: all .3s ease-out 0s;
}

.contact-us .single-info:hover:before {
    opacity: 0.8;
}

.contact-us .single-info:hover {
    transform: translateY(-5px);
}

.contact-us .single-info i {
    font-size: 42px;
    color: #fff;
    position: absolute;
    left: 40px;
}

.contact-us .single-info .content {
    margin-left: 0;
}

.contact-us .single-info .content a {
    color: var(--white);
}

.contact-us .single-info .content h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;

}

.contact-us .single-info .content p {
    color: #fff;
    margin-top: 5px;
}

/* Google Map */
.contact-us #myMap {
    height: 100%;
    width: 100%;
    margin: 5px;
}

/*=========================
   End Contact Us CSS
===========================*/


/* Footer */
#footer-section footer {
    background-color: #f9f9f9;
    color: var(--color-primary);
    text-align: center;
    padding: 20px 0;
    display: flex !important;
    flex-wrap: wrap !important;
}

#footer-section footer a img {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 50%;
    margin: 0 100px;
}

#footer-section footer p {
    display: flex !important;
    flex-wrap: wrap !important;
    font-size: var(--text);
    font-family: var(--family);
    color: var(--black-light);
    justify-content: center;
    margin: 0 60px;
}

#footer-section footer p a {
    text-decoration: none;
    color: var(--black-light);
    font-weight: 600;
    font-size: var(--text);
    margin: -26px 0px 0px 200px;
}

#footer-section footer ul li svg {
    font-size: 32px;
    color: var(--black-light);
}

#footer-section .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.contact-form {
    background: var(--color-secudary);
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}